diff --git a/docs/0.884eb7a6d31266299626.manager.bundle.js b/docs/0.1bf2ba2446c902f9e9bb.manager.bundle.js similarity index 83% rename from docs/0.884eb7a6d31266299626.manager.bundle.js rename to docs/0.1bf2ba2446c902f9e9bb.manager.bundle.js index fb04c9a88..36491bdb1 100644 --- a/docs/0.884eb7a6d31266299626.manager.bundle.js +++ b/docs/0.1bf2ba2446c902f9e9bb.manager.bundle.js @@ -1 +1 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{457:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"WithTooltipPure",(function(){return WithTooltip_WithTooltipPure})),__webpack_require__.d(__webpack_exports__,"WithToolTipState",(function(){return WithTooltip_WithToolTipState})),__webpack_require__.d(__webpack_exports__,"WithTooltip",(function(){return WithTooltip_WithToolTipState}));__webpack_require__(16),__webpack_require__(63),__webpack_require__(24),__webpack_require__(4),__webpack_require__(14),__webpack_require__(10),__webpack_require__(5),__webpack_require__(12),__webpack_require__(9),__webpack_require__(11),__webpack_require__(15),__webpack_require__(19),__webpack_require__(8),__webpack_require__(49);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),esm=__webpack_require__(1),global_window=__webpack_require__(6),window_default=__webpack_require__.n(global_window),objectWithoutPropertiesLoose=__webpack_require__(47),esm_extends=__webpack_require__(7),inheritsLoose=__webpack_require__(131),react_dom=__webpack_require__(160),ManagerReferenceNodeContext=react.createContext(),ManagerReferenceNodeSetterContext=react.createContext();function Manager(_ref){var children=_ref.children,_React$useState=react.useState(null),referenceNode=_React$useState[0],setReferenceNode=_React$useState[1],hasUnmounted=react.useRef(!1);react.useEffect((function(){return function(){hasUnmounted.current=!0}}),[]);var handleSetReferenceNode=react.useCallback((function(node){hasUnmounted.current||setReferenceNode(node)}),[]);return react.createElement(ManagerReferenceNodeContext.Provider,{value:referenceNode},react.createElement(ManagerReferenceNodeSetterContext.Provider,{value:handleSetReferenceNode},children))}var unwrapArray=function unwrapArray(arg){return Array.isArray(arg)?arg[0]:arg},safeInvoke=function safeInvoke(fn){if("function"==typeof fn){for(var _len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];return fn.apply(void 0,args)}},setRef=function setRef(ref,node){if("function"==typeof ref)return safeInvoke(ref,node);null!=ref&&(ref.current=node)},fromEntries=function fromEntries(entries){return entries.reduce((function(acc,_ref){var key=_ref[0],value=_ref[1];return acc[key]=value,acc}),{})},useIsomorphicLayoutEffect="undefined"!=typeof window&&window.document&&window.document.createElement?react.useLayoutEffect:react.useEffect;function getWindow(node){if(null==node)return window;if("[object Window]"!==node.toString()){var ownerDocument=node.ownerDocument;return ownerDocument&&ownerDocument.defaultView||window}return node}function isElement(node){return node instanceof getWindow(node).Element||node instanceof Element}function isHTMLElement(node){return node instanceof getWindow(node).HTMLElement||node instanceof HTMLElement}function isShadowRoot(node){return"undefined"!=typeof ShadowRoot&&(node instanceof getWindow(node).ShadowRoot||node instanceof ShadowRoot)}var math_max=Math.max,math_min=Math.min,round=Math.round;function getBoundingClientRect(element,includeScale){void 0===includeScale&&(includeScale=!1);var rect=element.getBoundingClientRect(),scaleX=1,scaleY=1;if(isHTMLElement(element)&&includeScale){var offsetHeight=element.offsetHeight,offsetWidth=element.offsetWidth;offsetWidth>0&&(scaleX=round(rect.width)/offsetWidth||1),offsetHeight>0&&(scaleY=round(rect.height)/offsetHeight||1)}return{width:rect.width/scaleX,height:rect.height/scaleY,top:rect.top/scaleY,right:rect.right/scaleX,bottom:rect.bottom/scaleY,left:rect.left/scaleX,x:rect.left/scaleX,y:rect.top/scaleY}}function getWindowScroll(node){var win=getWindow(node);return{scrollLeft:win.pageXOffset,scrollTop:win.pageYOffset}}function getNodeName(element){return element?(element.nodeName||"").toLowerCase():null}function getDocumentElement(element){return((isElement(element)?element.ownerDocument:element.document)||window.document).documentElement}function getWindowScrollBarX(element){return getBoundingClientRect(getDocumentElement(element)).left+getWindowScroll(element).scrollLeft}function getComputedStyle(element){return getWindow(element).getComputedStyle(element)}function isScrollParent(element){var _getComputedStyle=getComputedStyle(element),overflow=_getComputedStyle.overflow,overflowX=_getComputedStyle.overflowX,overflowY=_getComputedStyle.overflowY;return/auto|scroll|overlay|hidden/.test(overflow+overflowY+overflowX)}function getCompositeRect(elementOrVirtualElement,offsetParent,isFixed){void 0===isFixed&&(isFixed=!1);var isOffsetParentAnElement=isHTMLElement(offsetParent),offsetParentIsScaled=isHTMLElement(offsetParent)&&function isElementScaled(element){var rect=element.getBoundingClientRect(),scaleX=round(rect.width)/element.offsetWidth||1,scaleY=round(rect.height)/element.offsetHeight||1;return 1!==scaleX||1!==scaleY}(offsetParent),documentElement=getDocumentElement(offsetParent),rect=getBoundingClientRect(elementOrVirtualElement,offsetParentIsScaled),scroll={scrollLeft:0,scrollTop:0},offsets={x:0,y:0};return(isOffsetParentAnElement||!isOffsetParentAnElement&&!isFixed)&&(("body"!==getNodeName(offsetParent)||isScrollParent(documentElement))&&(scroll=function getNodeScroll(node){return node!==getWindow(node)&&isHTMLElement(node)?function getHTMLElementScroll(element){return{scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}}(node):getWindowScroll(node)}(offsetParent)),isHTMLElement(offsetParent)?((offsets=getBoundingClientRect(offsetParent,!0)).x+=offsetParent.clientLeft,offsets.y+=offsetParent.clientTop):documentElement&&(offsets.x=getWindowScrollBarX(documentElement))),{x:rect.left+scroll.scrollLeft-offsets.x,y:rect.top+scroll.scrollTop-offsets.y,width:rect.width,height:rect.height}}function getLayoutRect(element){var clientRect=getBoundingClientRect(element),width=element.offsetWidth,height=element.offsetHeight;return Math.abs(clientRect.width-width)<=1&&(width=clientRect.width),Math.abs(clientRect.height-height)<=1&&(height=clientRect.height),{x:element.offsetLeft,y:element.offsetTop,width:width,height:height}}function getParentNode(element){return"html"===getNodeName(element)?element:element.assignedSlot||element.parentNode||(isShadowRoot(element)?element.host:null)||getDocumentElement(element)}function getScrollParent(node){return["html","body","#document"].indexOf(getNodeName(node))>=0?node.ownerDocument.body:isHTMLElement(node)&&isScrollParent(node)?node:getScrollParent(getParentNode(node))}function listScrollParents(element,list){var _element$ownerDocumen;void 0===list&&(list=[]);var scrollParent=getScrollParent(element),isBody=scrollParent===(null==(_element$ownerDocumen=element.ownerDocument)?void 0:_element$ownerDocumen.body),win=getWindow(scrollParent),target=isBody?[win].concat(win.visualViewport||[],isScrollParent(scrollParent)?scrollParent:[]):scrollParent,updatedList=list.concat(target);return isBody?updatedList:updatedList.concat(listScrollParents(getParentNode(target)))}function isTableElement(element){return["table","td","th"].indexOf(getNodeName(element))>=0}function getTrueOffsetParent(element){return isHTMLElement(element)&&"fixed"!==getComputedStyle(element).position?element.offsetParent:null}function getOffsetParent(element){for(var window=getWindow(element),offsetParent=getTrueOffsetParent(element);offsetParent&&isTableElement(offsetParent)&&"static"===getComputedStyle(offsetParent).position;)offsetParent=getTrueOffsetParent(offsetParent);return offsetParent&&("html"===getNodeName(offsetParent)||"body"===getNodeName(offsetParent)&&"static"===getComputedStyle(offsetParent).position)?window:offsetParent||function getContainingBlock(element){var isFirefox=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&isHTMLElement(element)&&"fixed"===getComputedStyle(element).position)return null;for(var currentNode=getParentNode(element);isHTMLElement(currentNode)&&["html","body"].indexOf(getNodeName(currentNode))<0;){var css=getComputedStyle(currentNode);if("none"!==css.transform||"none"!==css.perspective||"paint"===css.contain||-1!==["transform","perspective"].indexOf(css.willChange)||isFirefox&&"filter"===css.willChange||isFirefox&&css.filter&&"none"!==css.filter)return currentNode;currentNode=currentNode.parentNode}return null}(element)||window}var enums=__webpack_require__(455);function order(modifiers){var map=new Map,visited=new Set,result=[];function sort(modifier){visited.add(modifier.name),[].concat(modifier.requires||[],modifier.requiresIfExists||[]).forEach((function(dep){if(!visited.has(dep)){var depModifier=map.get(dep);depModifier&&sort(depModifier)}})),result.push(modifier)}return modifiers.forEach((function(modifier){map.set(modifier.name,modifier)})),modifiers.forEach((function(modifier){visited.has(modifier.name)||sort(modifier)})),result}var DEFAULT_OPTIONS={placement:"bottom",modifiers:[],strategy:"absolute"};function areValidElements(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return!args.some((function(element){return!(element&&"function"==typeof element.getBoundingClientRect)}))}function popperGenerator(generatorOptions){void 0===generatorOptions&&(generatorOptions={});var _generatorOptions=generatorOptions,_generatorOptions$def=_generatorOptions.defaultModifiers,defaultModifiers=void 0===_generatorOptions$def?[]:_generatorOptions$def,_generatorOptions$def2=_generatorOptions.defaultOptions,defaultOptions=void 0===_generatorOptions$def2?DEFAULT_OPTIONS:_generatorOptions$def2;return function createPopper(reference,popper,options){void 0===options&&(options=defaultOptions);var fn,pending,state={placement:"bottom",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,defaultOptions),modifiersData:{},elements:{reference:reference,popper:popper},attributes:{},styles:{}},effectCleanupFns=[],isDestroyed=!1,instance={state:state,setOptions:function setOptions(setOptionsAction){var options="function"==typeof setOptionsAction?setOptionsAction(state.options):setOptionsAction;cleanupModifierEffects(),state.options=Object.assign({},defaultOptions,state.options,options),state.scrollParents={reference:isElement(reference)?listScrollParents(reference):reference.contextElement?listScrollParents(reference.contextElement):[],popper:listScrollParents(popper)};var orderedModifiers=function orderModifiers(modifiers){var orderedModifiers=order(modifiers);return enums.g.reduce((function(acc,phase){return acc.concat(orderedModifiers.filter((function(modifier){return modifier.phase===phase})))}),[])}(function mergeByName(modifiers){var merged=modifiers.reduce((function(merged,current){var existing=merged[current.name];return merged[current.name]=existing?Object.assign({},existing,current,{options:Object.assign({},existing.options,current.options),data:Object.assign({},existing.data,current.data)}):current,merged}),{});return Object.keys(merged).map((function(key){return merged[key]}))}([].concat(defaultModifiers,state.options.modifiers)));return state.orderedModifiers=orderedModifiers.filter((function(m){return m.enabled})),function runModifierEffects(){state.orderedModifiers.forEach((function(_ref3){var name=_ref3.name,_ref3$options=_ref3.options,options=void 0===_ref3$options?{}:_ref3$options,effect=_ref3.effect;if("function"==typeof effect){var cleanupFn=effect({state:state,name:name,instance:instance,options:options}),noopFn=function noopFn(){};effectCleanupFns.push(cleanupFn||noopFn)}}))}(),instance.update()},forceUpdate:function forceUpdate(){if(!isDestroyed){var _state$elements=state.elements,reference=_state$elements.reference,popper=_state$elements.popper;if(areValidElements(reference,popper)){state.rects={reference:getCompositeRect(reference,getOffsetParent(popper),"fixed"===state.options.strategy),popper:getLayoutRect(popper)},state.reset=!1,state.placement=state.options.placement,state.orderedModifiers.forEach((function(modifier){return state.modifiersData[modifier.name]=Object.assign({},modifier.data)}));for(var index=0;index=0?"x":"y"}function computeOffsets(_ref){var offsets,reference=_ref.reference,element=_ref.element,placement=_ref.placement,basePlacement=placement?getBasePlacement(placement):null,variation=placement?getVariation(placement):null,commonX=reference.x+reference.width/2-element.width/2,commonY=reference.y+reference.height/2-element.height/2;switch(basePlacement){case enums.m:offsets={x:commonX,y:reference.y-element.height};break;case enums.c:offsets={x:commonX,y:reference.y+reference.height};break;case enums.k:offsets={x:reference.x+reference.width,y:commonY};break;case enums.f:offsets={x:reference.x-element.width,y:commonY};break;default:offsets={x:reference.x,y:reference.y}}var mainAxis=basePlacement?getMainAxisFromPlacement(basePlacement):null;if(null!=mainAxis){var len="y"===mainAxis?"height":"width";switch(variation){case enums.l:offsets[mainAxis]=offsets[mainAxis]-(reference[len]/2-element[len]/2);break;case enums.e:offsets[mainAxis]=offsets[mainAxis]+(reference[len]/2-element[len]/2)}}return offsets}var unsetSides={top:"auto",right:"auto",bottom:"auto",left:"auto"};function mapToStyles(_ref2){var _Object$assign2,popper=_ref2.popper,popperRect=_ref2.popperRect,placement=_ref2.placement,variation=_ref2.variation,offsets=_ref2.offsets,position=_ref2.position,gpuAcceleration=_ref2.gpuAcceleration,adaptive=_ref2.adaptive,roundOffsets=_ref2.roundOffsets,isFixed=_ref2.isFixed,_offsets$x=offsets.x,x=void 0===_offsets$x?0:_offsets$x,_offsets$y=offsets.y,y=void 0===_offsets$y?0:_offsets$y,_ref3="function"==typeof roundOffsets?roundOffsets({x:x,y:y}):{x:x,y:y};x=_ref3.x,y=_ref3.y;var hasX=offsets.hasOwnProperty("x"),hasY=offsets.hasOwnProperty("y"),sideX=enums.f,sideY=enums.m,win=window;if(adaptive){var offsetParent=getOffsetParent(popper),heightProp="clientHeight",widthProp="clientWidth";if(offsetParent===getWindow(popper)&&"static"!==getComputedStyle(offsetParent=getDocumentElement(popper)).position&&"absolute"===position&&(heightProp="scrollHeight",widthProp="scrollWidth"),offsetParent=offsetParent,placement===enums.m||(placement===enums.f||placement===enums.k)&&variation===enums.e)sideY=enums.c,y-=(isFixed&&win.visualViewport?win.visualViewport.height:offsetParent[heightProp])-popperRect.height,y*=gpuAcceleration?1:-1;if(placement===enums.f||(placement===enums.m||placement===enums.c)&&variation===enums.e)sideX=enums.k,x-=(isFixed&&win.visualViewport?win.visualViewport.width:offsetParent[widthProp])-popperRect.width,x*=gpuAcceleration?1:-1}var _Object$assign,commonStyles=Object.assign({position:position},adaptive&&unsetSides),_ref4=!0===roundOffsets?function roundOffsetsByDPR(_ref){var x=_ref.x,y=_ref.y,dpr=window.devicePixelRatio||1;return{x:round(x*dpr)/dpr||0,y:round(y*dpr)/dpr||0}}({x:x,y:y}):{x:x,y:y};return x=_ref4.x,y=_ref4.y,gpuAcceleration?Object.assign({},commonStyles,((_Object$assign={})[sideY]=hasY?"0":"",_Object$assign[sideX]=hasX?"0":"",_Object$assign.transform=(win.devicePixelRatio||1)<=1?"translate("+x+"px, "+y+"px)":"translate3d("+x+"px, "+y+"px, 0)",_Object$assign)):Object.assign({},commonStyles,((_Object$assign2={})[sideY]=hasY?y+"px":"",_Object$assign2[sideX]=hasX?x+"px":"",_Object$assign2.transform="",_Object$assign2))}var hash={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(placement){return placement.replace(/left|right|bottom|top/g,(function(matched){return hash[matched]}))}var getOppositeVariationPlacement_hash={start:"end",end:"start"};function getOppositeVariationPlacement(placement){return placement.replace(/start|end/g,(function(matched){return getOppositeVariationPlacement_hash[matched]}))}function contains(parent,child){var rootNode=child.getRootNode&&child.getRootNode();if(parent.contains(child))return!0;if(rootNode&&isShadowRoot(rootNode)){var next=child;do{if(next&&parent.isSameNode(next))return!0;next=next.parentNode||next.host}while(next)}return!1}function rectToClientRect(rect){return Object.assign({},rect,{left:rect.x,top:rect.y,right:rect.x+rect.width,bottom:rect.y+rect.height})}function getClientRectFromMixedType(element,clippingParent){return clippingParent===enums.o?rectToClientRect(function getViewportRect(element){var win=getWindow(element),html=getDocumentElement(element),visualViewport=win.visualViewport,width=html.clientWidth,height=html.clientHeight,x=0,y=0;return visualViewport&&(width=visualViewport.width,height=visualViewport.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(x=visualViewport.offsetLeft,y=visualViewport.offsetTop)),{width:width,height:height,x:x+getWindowScrollBarX(element),y:y}}(element)):isElement(clippingParent)?function getInnerBoundingClientRect(element){var rect=getBoundingClientRect(element);return rect.top=rect.top+element.clientTop,rect.left=rect.left+element.clientLeft,rect.bottom=rect.top+element.clientHeight,rect.right=rect.left+element.clientWidth,rect.width=element.clientWidth,rect.height=element.clientHeight,rect.x=rect.left,rect.y=rect.top,rect}(clippingParent):rectToClientRect(function getDocumentRect(element){var _element$ownerDocumen,html=getDocumentElement(element),winScroll=getWindowScroll(element),body=null==(_element$ownerDocumen=element.ownerDocument)?void 0:_element$ownerDocumen.body,width=math_max(html.scrollWidth,html.clientWidth,body?body.scrollWidth:0,body?body.clientWidth:0),height=math_max(html.scrollHeight,html.clientHeight,body?body.scrollHeight:0,body?body.clientHeight:0),x=-winScroll.scrollLeft+getWindowScrollBarX(element),y=-winScroll.scrollTop;return"rtl"===getComputedStyle(body||html).direction&&(x+=math_max(html.clientWidth,body?body.clientWidth:0)-width),{width:width,height:height,x:x,y:y}}(getDocumentElement(element)))}function getClippingRect(element,boundary,rootBoundary){var mainClippingParents="clippingParents"===boundary?function getClippingParents(element){var clippingParents=listScrollParents(getParentNode(element)),clipperElement=["absolute","fixed"].indexOf(getComputedStyle(element).position)>=0&&isHTMLElement(element)?getOffsetParent(element):element;return isElement(clipperElement)?clippingParents.filter((function(clippingParent){return isElement(clippingParent)&&contains(clippingParent,clipperElement)&&"body"!==getNodeName(clippingParent)})):[]}(element):[].concat(boundary),clippingParents=[].concat(mainClippingParents,[rootBoundary]),firstClippingParent=clippingParents[0],clippingRect=clippingParents.reduce((function(accRect,clippingParent){var rect=getClientRectFromMixedType(element,clippingParent);return accRect.top=math_max(rect.top,accRect.top),accRect.right=math_min(rect.right,accRect.right),accRect.bottom=math_min(rect.bottom,accRect.bottom),accRect.left=math_max(rect.left,accRect.left),accRect}),getClientRectFromMixedType(element,firstClippingParent));return clippingRect.width=clippingRect.right-clippingRect.left,clippingRect.height=clippingRect.bottom-clippingRect.top,clippingRect.x=clippingRect.left,clippingRect.y=clippingRect.top,clippingRect}function mergePaddingObject(paddingObject){return Object.assign({},{top:0,right:0,bottom:0,left:0},paddingObject)}function expandToHashMap(value,keys){return keys.reduce((function(hashMap,key){return hashMap[key]=value,hashMap}),{})}function detectOverflow(state,options){void 0===options&&(options={});var _options=options,_options$placement=_options.placement,placement=void 0===_options$placement?state.placement:_options$placement,_options$boundary=_options.boundary,boundary=void 0===_options$boundary?enums.d:_options$boundary,_options$rootBoundary=_options.rootBoundary,rootBoundary=void 0===_options$rootBoundary?enums.o:_options$rootBoundary,_options$elementConte=_options.elementContext,elementContext=void 0===_options$elementConte?enums.i:_options$elementConte,_options$altBoundary=_options.altBoundary,altBoundary=void 0!==_options$altBoundary&&_options$altBoundary,_options$padding=_options.padding,padding=void 0===_options$padding?0:_options$padding,paddingObject=mergePaddingObject("number"!=typeof padding?padding:expandToHashMap(padding,enums.b)),altContext=elementContext===enums.i?enums.j:enums.i,popperRect=state.rects.popper,element=state.elements[altBoundary?altContext:elementContext],clippingClientRect=getClippingRect(isElement(element)?element:element.contextElement||getDocumentElement(state.elements.popper),boundary,rootBoundary),referenceClientRect=getBoundingClientRect(state.elements.reference),popperOffsets=computeOffsets({reference:referenceClientRect,element:popperRect,strategy:"absolute",placement:placement}),popperClientRect=rectToClientRect(Object.assign({},popperRect,popperOffsets)),elementClientRect=elementContext===enums.i?popperClientRect:referenceClientRect,overflowOffsets={top:clippingClientRect.top-elementClientRect.top+paddingObject.top,bottom:elementClientRect.bottom-clippingClientRect.bottom+paddingObject.bottom,left:clippingClientRect.left-elementClientRect.left+paddingObject.left,right:elementClientRect.right-clippingClientRect.right+paddingObject.right},offsetData=state.modifiersData.offset;if(elementContext===enums.i&&offsetData){var offset=offsetData[placement];Object.keys(overflowOffsets).forEach((function(key){var multiply=[enums.k,enums.c].indexOf(key)>=0?1:-1,axis=[enums.m,enums.c].indexOf(key)>=0?"y":"x";overflowOffsets[key]+=offset[axis]*multiply}))}return overflowOffsets}function within(min,value,max){return math_max(min,math_min(value,max))}function getSideOffsets(overflow,rect,preventedOffsets){return void 0===preventedOffsets&&(preventedOffsets={x:0,y:0}),{top:overflow.top-rect.height-preventedOffsets.y,right:overflow.right-rect.width+preventedOffsets.x,bottom:overflow.bottom-rect.height+preventedOffsets.y,left:overflow.left-rect.width-preventedOffsets.x}}function isAnySideFullyClipped(overflow){return[enums.m,enums.k,enums.c,enums.f].some((function(side){return overflow[side]>=0}))}var popper_createPopper=popperGenerator({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function fn(){},effect:function effect(_ref){var state=_ref.state,instance=_ref.instance,options=_ref.options,_options$scroll=options.scroll,scroll=void 0===_options$scroll||_options$scroll,_options$resize=options.resize,resize=void 0===_options$resize||_options$resize,window=getWindow(state.elements.popper),scrollParents=[].concat(state.scrollParents.reference,state.scrollParents.popper);return scroll&&scrollParents.forEach((function(scrollParent){scrollParent.addEventListener("scroll",instance.update,passive)})),resize&&window.addEventListener("resize",instance.update,passive),function(){scroll&&scrollParents.forEach((function(scrollParent){scrollParent.removeEventListener("scroll",instance.update,passive)})),resize&&window.removeEventListener("resize",instance.update,passive)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function popperOffsets_popperOffsets(_ref){var state=_ref.state,name=_ref.name;state.modifiersData[name]=computeOffsets({reference:state.rects.reference,element:state.rects.popper,strategy:"absolute",placement:state.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function computeStyles(_ref5){var state=_ref5.state,options=_ref5.options,_options$gpuAccelerat=options.gpuAcceleration,gpuAcceleration=void 0===_options$gpuAccelerat||_options$gpuAccelerat,_options$adaptive=options.adaptive,adaptive=void 0===_options$adaptive||_options$adaptive,_options$roundOffsets=options.roundOffsets,roundOffsets=void 0===_options$roundOffsets||_options$roundOffsets,commonStyles={placement:getBasePlacement(state.placement),variation:getVariation(state.placement),popper:state.elements.popper,popperRect:state.rects.popper,gpuAcceleration:gpuAcceleration,isFixed:"fixed"===state.options.strategy};null!=state.modifiersData.popperOffsets&&(state.styles.popper=Object.assign({},state.styles.popper,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.popperOffsets,position:state.options.strategy,adaptive:adaptive,roundOffsets:roundOffsets})))),null!=state.modifiersData.arrow&&(state.styles.arrow=Object.assign({},state.styles.arrow,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:roundOffsets})))),state.attributes.popper=Object.assign({},state.attributes.popper,{"data-popper-placement":state.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function applyStyles(_ref){var state=_ref.state;Object.keys(state.elements).forEach((function(name){var style=state.styles[name]||{},attributes=state.attributes[name]||{},element=state.elements[name];isHTMLElement(element)&&getNodeName(element)&&(Object.assign(element.style,style),Object.keys(attributes).forEach((function(name){var value=attributes[name];!1===value?element.removeAttribute(name):element.setAttribute(name,!0===value?"":value)})))}))},effect:function applyStyles_effect(_ref2){var state=_ref2.state,initialStyles={popper:{position:state.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(state.elements.popper.style,initialStyles.popper),state.styles=initialStyles,state.elements.arrow&&Object.assign(state.elements.arrow.style,initialStyles.arrow),function(){Object.keys(state.elements).forEach((function(name){var element=state.elements[name],attributes=state.attributes[name]||{},style=Object.keys(state.styles.hasOwnProperty(name)?state.styles[name]:initialStyles[name]).reduce((function(style,property){return style[property]="",style}),{});isHTMLElement(element)&&getNodeName(element)&&(Object.assign(element.style,style),Object.keys(attributes).forEach((function(attribute){element.removeAttribute(attribute)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function offset_offset(_ref2){var state=_ref2.state,options=_ref2.options,name=_ref2.name,_options$offset=options.offset,offset=void 0===_options$offset?[0,0]:_options$offset,data=enums.h.reduce((function(acc,placement){return acc[placement]=function distanceAndSkiddingToXY(placement,rects,offset){var basePlacement=getBasePlacement(placement),invertDistance=[enums.f,enums.m].indexOf(basePlacement)>=0?-1:1,_ref="function"==typeof offset?offset(Object.assign({},rects,{placement:placement})):offset,skidding=_ref[0],distance=_ref[1];return skidding=skidding||0,distance=(distance||0)*invertDistance,[enums.f,enums.k].indexOf(basePlacement)>=0?{x:distance,y:skidding}:{x:skidding,y:distance}}(placement,state.rects,offset),acc}),{}),_data$state$placement=data[state.placement],x=_data$state$placement.x,y=_data$state$placement.y;null!=state.modifiersData.popperOffsets&&(state.modifiersData.popperOffsets.x+=x,state.modifiersData.popperOffsets.y+=y),state.modifiersData[name]=data}},{name:"flip",enabled:!0,phase:"main",fn:function flip(_ref){var state=_ref.state,options=_ref.options,name=_ref.name;if(!state.modifiersData[name]._skip){for(var _options$mainAxis=options.mainAxis,checkMainAxis=void 0===_options$mainAxis||_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=void 0===_options$altAxis||_options$altAxis,specifiedFallbackPlacements=options.fallbackPlacements,padding=options.padding,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,_options$flipVariatio=options.flipVariations,flipVariations=void 0===_options$flipVariatio||_options$flipVariatio,allowedAutoPlacements=options.allowedAutoPlacements,preferredPlacement=state.options.placement,basePlacement=getBasePlacement(preferredPlacement),fallbackPlacements=specifiedFallbackPlacements||(basePlacement===preferredPlacement||!flipVariations?[getOppositePlacement(preferredPlacement)]:function getExpandedFallbackPlacements(placement){if(getBasePlacement(placement)===enums.a)return[];var oppositePlacement=getOppositePlacement(placement);return[getOppositeVariationPlacement(placement),oppositePlacement,getOppositeVariationPlacement(oppositePlacement)]}(preferredPlacement)),placements=[preferredPlacement].concat(fallbackPlacements).reduce((function(acc,placement){return acc.concat(getBasePlacement(placement)===enums.a?function computeAutoPlacement(state,options){void 0===options&&(options={});var _options=options,placement=_options.placement,boundary=_options.boundary,rootBoundary=_options.rootBoundary,padding=_options.padding,flipVariations=_options.flipVariations,_options$allowedAutoP=_options.allowedAutoPlacements,allowedAutoPlacements=void 0===_options$allowedAutoP?enums.h:_options$allowedAutoP,variation=getVariation(placement),placements=variation?flipVariations?enums.n:enums.n.filter((function(placement){return getVariation(placement)===variation})):enums.b,allowedPlacements=placements.filter((function(placement){return allowedAutoPlacements.indexOf(placement)>=0}));0===allowedPlacements.length&&(allowedPlacements=placements);var overflows=allowedPlacements.reduce((function(acc,placement){return acc[placement]=detectOverflow(state,{placement:placement,boundary:boundary,rootBoundary:rootBoundary,padding:padding})[getBasePlacement(placement)],acc}),{});return Object.keys(overflows).sort((function(a,b){return overflows[a]-overflows[b]}))}(state,{placement:placement,boundary:boundary,rootBoundary:rootBoundary,padding:padding,flipVariations:flipVariations,allowedAutoPlacements:allowedAutoPlacements}):placement)}),[]),referenceRect=state.rects.reference,popperRect=state.rects.popper,checksMap=new Map,makeFallbackChecks=!0,firstFittingPlacement=placements[0],i=0;i=0,len=isVertical?"width":"height",overflow=detectOverflow(state,{placement:placement,boundary:boundary,rootBoundary:rootBoundary,altBoundary:altBoundary,padding:padding}),mainVariationSide=isVertical?isStartVariation?enums.k:enums.f:isStartVariation?enums.c:enums.m;referenceRect[len]>popperRect[len]&&(mainVariationSide=getOppositePlacement(mainVariationSide));var altVariationSide=getOppositePlacement(mainVariationSide),checks=[];if(checkMainAxis&&checks.push(overflow[_basePlacement]<=0),checkAltAxis&&checks.push(overflow[mainVariationSide]<=0,overflow[altVariationSide]<=0),checks.every((function(check){return check}))){firstFittingPlacement=placement,makeFallbackChecks=!1;break}checksMap.set(placement,checks)}if(makeFallbackChecks)for(var _loop=function _loop(_i){var fittingPlacement=placements.find((function(placement){var checks=checksMap.get(placement);if(checks)return checks.slice(0,_i).every((function(check){return check}))}));if(fittingPlacement)return firstFittingPlacement=fittingPlacement,"break"},_i=flipVariations?3:1;_i>0;_i--){if("break"===_loop(_i))break}state.placement!==firstFittingPlacement&&(state.modifiersData[name]._skip=!0,state.placement=firstFittingPlacement,state.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function preventOverflow(_ref){var state=_ref.state,options=_ref.options,name=_ref.name,_options$mainAxis=options.mainAxis,checkMainAxis=void 0===_options$mainAxis||_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=void 0!==_options$altAxis&&_options$altAxis,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,padding=options.padding,_options$tether=options.tether,tether=void 0===_options$tether||_options$tether,_options$tetherOffset=options.tetherOffset,tetherOffset=void 0===_options$tetherOffset?0:_options$tetherOffset,overflow=detectOverflow(state,{boundary:boundary,rootBoundary:rootBoundary,padding:padding,altBoundary:altBoundary}),basePlacement=getBasePlacement(state.placement),variation=getVariation(state.placement),isBasePlacement=!variation,mainAxis=getMainAxisFromPlacement(basePlacement),altAxis=function getAltAxis(axis){return"x"===axis?"y":"x"}(mainAxis),popperOffsets=state.modifiersData.popperOffsets,referenceRect=state.rects.reference,popperRect=state.rects.popper,tetherOffsetValue="function"==typeof tetherOffset?tetherOffset(Object.assign({},state.rects,{placement:state.placement})):tetherOffset,normalizedTetherOffsetValue="number"==typeof tetherOffsetValue?{mainAxis:tetherOffsetValue,altAxis:tetherOffsetValue}:Object.assign({mainAxis:0,altAxis:0},tetherOffsetValue),offsetModifierState=state.modifiersData.offset?state.modifiersData.offset[state.placement]:null,data={x:0,y:0};if(popperOffsets){if(checkMainAxis){var _offsetModifierState$,mainSide="y"===mainAxis?enums.m:enums.f,altSide="y"===mainAxis?enums.c:enums.k,len="y"===mainAxis?"height":"width",offset=popperOffsets[mainAxis],min=offset+overflow[mainSide],max=offset-overflow[altSide],additive=tether?-popperRect[len]/2:0,minLen=variation===enums.l?referenceRect[len]:popperRect[len],maxLen=variation===enums.l?-popperRect[len]:-referenceRect[len],arrowElement=state.elements.arrow,arrowRect=tether&&arrowElement?getLayoutRect(arrowElement):{width:0,height:0},arrowPaddingObject=state.modifiersData["arrow#persistent"]?state.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},arrowPaddingMin=arrowPaddingObject[mainSide],arrowPaddingMax=arrowPaddingObject[altSide],arrowLen=within(0,referenceRect[len],arrowRect[len]),minOffset=isBasePlacement?referenceRect[len]/2-additive-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis:minLen-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis,maxOffset=isBasePlacement?-referenceRect[len]/2+additive+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis:maxLen+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis,arrowOffsetParent=state.elements.arrow&&getOffsetParent(state.elements.arrow),clientOffset=arrowOffsetParent?"y"===mainAxis?arrowOffsetParent.clientTop||0:arrowOffsetParent.clientLeft||0:0,offsetModifierValue=null!=(_offsetModifierState$=null==offsetModifierState?void 0:offsetModifierState[mainAxis])?_offsetModifierState$:0,tetherMax=offset+maxOffset-offsetModifierValue,preventedOffset=within(tether?math_min(min,offset+minOffset-offsetModifierValue-clientOffset):min,offset,tether?math_max(max,tetherMax):max);popperOffsets[mainAxis]=preventedOffset,data[mainAxis]=preventedOffset-offset}if(checkAltAxis){var _offsetModifierState$2,_mainSide="x"===mainAxis?enums.m:enums.f,_altSide="x"===mainAxis?enums.c:enums.k,_offset=popperOffsets[altAxis],_len="y"===altAxis?"height":"width",_min=_offset+overflow[_mainSide],_max=_offset-overflow[_altSide],isOriginSide=-1!==[enums.m,enums.f].indexOf(basePlacement),_offsetModifierValue=null!=(_offsetModifierState$2=null==offsetModifierState?void 0:offsetModifierState[altAxis])?_offsetModifierState$2:0,_tetherMin=isOriginSide?_min:_offset-referenceRect[_len]-popperRect[_len]-_offsetModifierValue+normalizedTetherOffsetValue.altAxis,_tetherMax=isOriginSide?_offset+referenceRect[_len]+popperRect[_len]-_offsetModifierValue-normalizedTetherOffsetValue.altAxis:_max,_preventedOffset=tether&&isOriginSide?function withinMaxClamp(min,value,max){var v=within(min,value,max);return v>max?max:v}(_tetherMin,_offset,_tetherMax):within(tether?_tetherMin:_min,_offset,tether?_tetherMax:_max);popperOffsets[altAxis]=_preventedOffset,data[altAxis]=_preventedOffset-_offset}state.modifiersData[name]=data}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function arrow(_ref){var _state$modifiersData$,state=_ref.state,name=_ref.name,options=_ref.options,arrowElement=state.elements.arrow,popperOffsets=state.modifiersData.popperOffsets,basePlacement=getBasePlacement(state.placement),axis=getMainAxisFromPlacement(basePlacement),len=[enums.f,enums.k].indexOf(basePlacement)>=0?"height":"width";if(arrowElement&&popperOffsets){var paddingObject=function toPaddingObject(padding,state){return mergePaddingObject("number"!=typeof(padding="function"==typeof padding?padding(Object.assign({},state.rects,{placement:state.placement})):padding)?padding:expandToHashMap(padding,enums.b))}(options.padding,state),arrowRect=getLayoutRect(arrowElement),minProp="y"===axis?enums.m:enums.f,maxProp="y"===axis?enums.c:enums.k,endDiff=state.rects.reference[len]+state.rects.reference[axis]-popperOffsets[axis]-state.rects.popper[len],startDiff=popperOffsets[axis]-state.rects.reference[axis],arrowOffsetParent=getOffsetParent(arrowElement),clientSize=arrowOffsetParent?"y"===axis?arrowOffsetParent.clientHeight||0:arrowOffsetParent.clientWidth||0:0,centerToReference=endDiff/2-startDiff/2,min=paddingObject[minProp],max=clientSize-arrowRect[len]-paddingObject[maxProp],center=clientSize/2-arrowRect[len]/2+centerToReference,offset=within(min,center,max),axisProp=axis;state.modifiersData[name]=((_state$modifiersData$={})[axisProp]=offset,_state$modifiersData$.centerOffset=offset-center,_state$modifiersData$)}},effect:function arrow_effect(_ref2){var state=_ref2.state,_options$element=_ref2.options.element,arrowElement=void 0===_options$element?"[data-popper-arrow]":_options$element;null!=arrowElement&&("string"!=typeof arrowElement||(arrowElement=state.elements.popper.querySelector(arrowElement)))&&contains(state.elements.popper,arrowElement)&&(state.elements.arrow=arrowElement)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function hide(_ref){var state=_ref.state,name=_ref.name,referenceRect=state.rects.reference,popperRect=state.rects.popper,preventedOffsets=state.modifiersData.preventOverflow,referenceOverflow=detectOverflow(state,{elementContext:"reference"}),popperAltOverflow=detectOverflow(state,{altBoundary:!0}),referenceClippingOffsets=getSideOffsets(referenceOverflow,referenceRect),popperEscapeOffsets=getSideOffsets(popperAltOverflow,popperRect,preventedOffsets),isReferenceHidden=isAnySideFullyClipped(referenceClippingOffsets),hasPopperEscaped=isAnySideFullyClipped(popperEscapeOffsets);state.modifiersData[name]={referenceClippingOffsets:referenceClippingOffsets,popperEscapeOffsets:popperEscapeOffsets,isReferenceHidden:isReferenceHidden,hasPopperEscaped:hasPopperEscaped},state.attributes.popper=Object.assign({},state.attributes.popper,{"data-popper-reference-hidden":isReferenceHidden,"data-popper-escaped":hasPopperEscaped})}}]}),react_fast_compare=__webpack_require__(415),react_fast_compare_default=__webpack_require__.n(react_fast_compare),EMPTY_MODIFIERS=[],NOOP=function NOOP(){},NOOP_PROMISE=function NOOP_PROMISE(){return Promise.resolve(null)},Popper_EMPTY_MODIFIERS=[];function Popper(_ref){var _ref$placement=_ref.placement,placement=void 0===_ref$placement?"bottom":_ref$placement,_ref$strategy=_ref.strategy,strategy=void 0===_ref$strategy?"absolute":_ref$strategy,_ref$modifiers=_ref.modifiers,modifiers=void 0===_ref$modifiers?Popper_EMPTY_MODIFIERS:_ref$modifiers,referenceElement=_ref.referenceElement,onFirstUpdate=_ref.onFirstUpdate,innerRef=_ref.innerRef,children=_ref.children,referenceNode=react.useContext(ManagerReferenceNodeContext),_React$useState=react.useState(null),popperElement=_React$useState[0],setPopperElement=_React$useState[1],_React$useState2=react.useState(null),arrowElement=_React$useState2[0],setArrowElement=_React$useState2[1];react.useEffect((function(){setRef(innerRef,popperElement)}),[innerRef,popperElement]);var options=react.useMemo((function(){return{placement:placement,strategy:strategy,onFirstUpdate:onFirstUpdate,modifiers:[].concat(modifiers,[{name:"arrow",enabled:null!=arrowElement,options:{element:arrowElement}}])}}),[placement,strategy,onFirstUpdate,modifiers,arrowElement]),_usePopper=function usePopper(referenceElement,popperElement,options){void 0===options&&(options={});var prevOptions=react.useRef(null),optionsWithDefaults={onFirstUpdate:options.onFirstUpdate,placement:options.placement||"bottom",strategy:options.strategy||"absolute",modifiers:options.modifiers||EMPTY_MODIFIERS},_React$useState=react.useState({styles:{popper:{position:optionsWithDefaults.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),state=_React$useState[0],setState=_React$useState[1],updateStateModifier=react.useMemo((function(){return{name:"updateState",enabled:!0,phase:"write",fn:function fn(_ref){var state=_ref.state,elements=Object.keys(state.elements);setState({styles:fromEntries(elements.map((function(element){return[element,state.styles[element]||{}]}))),attributes:fromEntries(elements.map((function(element){return[element,state.attributes[element]]})))})},requires:["computeStyles"]}}),[]),popperOptions=react.useMemo((function(){var newOptions={onFirstUpdate:optionsWithDefaults.onFirstUpdate,placement:optionsWithDefaults.placement,strategy:optionsWithDefaults.strategy,modifiers:[].concat(optionsWithDefaults.modifiers,[updateStateModifier,{name:"applyStyles",enabled:!1}])};return react_fast_compare_default()(prevOptions.current,newOptions)?prevOptions.current||newOptions:(prevOptions.current=newOptions,newOptions)}),[optionsWithDefaults.onFirstUpdate,optionsWithDefaults.placement,optionsWithDefaults.strategy,optionsWithDefaults.modifiers,updateStateModifier]),popperInstanceRef=react.useRef();return useIsomorphicLayoutEffect((function(){popperInstanceRef.current&&popperInstanceRef.current.setOptions(popperOptions)}),[popperOptions]),useIsomorphicLayoutEffect((function(){if(null!=referenceElement&&null!=popperElement){var popperInstance=(options.createPopper||popper_createPopper)(referenceElement,popperElement,popperOptions);return popperInstanceRef.current=popperInstance,function(){popperInstance.destroy(),popperInstanceRef.current=null}}}),[referenceElement,popperElement,options.createPopper]),{state:popperInstanceRef.current?popperInstanceRef.current.state:null,styles:state.styles,attributes:state.attributes,update:popperInstanceRef.current?popperInstanceRef.current.update:null,forceUpdate:popperInstanceRef.current?popperInstanceRef.current.forceUpdate:null}}(referenceElement||referenceNode,popperElement,options),state=_usePopper.state,styles=_usePopper.styles,forceUpdate=_usePopper.forceUpdate,update=_usePopper.update,childrenProps=react.useMemo((function(){return{ref:setPopperElement,style:styles.popper,placement:state?state.placement:placement,hasPopperEscaped:state&&state.modifiersData.hide?state.modifiersData.hide.hasPopperEscaped:null,isReferenceHidden:state&&state.modifiersData.hide?state.modifiersData.hide.isReferenceHidden:null,arrowProps:{style:styles.arrow,ref:setArrowElement},forceUpdate:forceUpdate||NOOP,update:update||NOOP_PROMISE}}),[setPopperElement,setArrowElement,placement,state,styles,update,forceUpdate]);return unwrapArray(children)(childrenProps)}var warning=__webpack_require__(874),warning_default=__webpack_require__.n(warning);function Reference(_ref){var children=_ref.children,innerRef=_ref.innerRef,setReferenceNode=react.useContext(ManagerReferenceNodeSetterContext),refHandler=react.useCallback((function(node){setRef(innerRef,node),safeInvoke(setReferenceNode,node)}),[innerRef,setReferenceNode]);return react.useEffect((function(){return function(){return setRef(innerRef,null)}})),react.useEffect((function(){warning_default()(Boolean(setReferenceNode),"`Reference` should not be used outside of a `Manager` component.")}),[setReferenceNode]),unwrapArray(children)({ref:refHandler})}var TooltipContext=react_default.a.createContext({}),callAll=function callAll(){for(var _len=arguments.length,fns=new Array(_len),_key=0;_key<_len;_key++)fns[_key]=arguments[_key];return function(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return fns.forEach((function(fn){return fn&&fn.apply(void 0,args)}))}},canUseDOM=function canUseDOM(){return!("undefined"==typeof window||!window.document||!window.document.createElement)},react_popper_tooltip_setRef=function setRef(ref,node){if("function"==typeof ref)return ref(node);null!=ref&&(ref.current=node)},react_popper_tooltip_Tooltip=function(_Component){function Tooltip(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_Component.call.apply(_Component,[this].concat(args))||this).observer=void 0,_this.tooltipRef=void 0,_this.handleOutsideClick=function(event){if(_this.tooltipRef&&!_this.tooltipRef.contains(event.target)){var parentOutsideClickHandler=_this.context.parentOutsideClickHandler,_this$props=_this.props,hideTooltip=_this$props.hideTooltip;(0,_this$props.clearScheduled)(),hideTooltip(),parentOutsideClickHandler&&parentOutsideClickHandler(event)}},_this.handleOutsideRightClick=function(event){if(_this.tooltipRef&&!_this.tooltipRef.contains(event.target)){var parentOutsideRightClickHandler=_this.context.parentOutsideRightClickHandler,_this$props2=_this.props,hideTooltip=_this$props2.hideTooltip;(0,_this$props2.clearScheduled)(),hideTooltip(),parentOutsideRightClickHandler&&parentOutsideRightClickHandler(event)}},_this.addOutsideClickHandler=function(){document.body.addEventListener("touchend",_this.handleOutsideClick),document.body.addEventListener("click",_this.handleOutsideClick)},_this.removeOutsideClickHandler=function(){document.body.removeEventListener("touchend",_this.handleOutsideClick),document.body.removeEventListener("click",_this.handleOutsideClick)},_this.addOutsideRightClickHandler=function(){return document.body.addEventListener("contextmenu",_this.handleOutsideRightClick)},_this.removeOutsideRightClickHandler=function(){return document.body.removeEventListener("contextmenu",_this.handleOutsideRightClick)},_this.getTooltipRef=function(node){_this.tooltipRef=node,react_popper_tooltip_setRef(_this.props.innerRef,node)},_this.getArrowProps=function(props){return void 0===props&&(props={}),Object(esm_extends.a)({},props,{style:Object(esm_extends.a)({},props.style,_this.props.arrowProps.style)})},_this.getTooltipProps=function(props){return void 0===props&&(props={}),Object(esm_extends.a)({},props,_this.isTriggeredBy("hover")&&{onMouseEnter:callAll(_this.props.clearScheduled,props.onMouseEnter),onMouseLeave:callAll(_this.props.hideTooltip,props.onMouseLeave)},{style:Object(esm_extends.a)({},props.style,_this.props.style)})},_this.contextValue={isParentNoneTriggered:"none"===_this.props.trigger,addParentOutsideClickHandler:_this.addOutsideClickHandler,addParentOutsideRightClickHandler:_this.addOutsideRightClickHandler,parentOutsideClickHandler:_this.handleOutsideClick,parentOutsideRightClickHandler:_this.handleOutsideRightClick,removeParentOutsideClickHandler:_this.removeOutsideClickHandler,removeParentOutsideRightClickHandler:_this.removeOutsideRightClickHandler},_this}Object(inheritsLoose.a)(Tooltip,_Component);var _proto=Tooltip.prototype;return _proto.componentDidMount=function componentDidMount(){var _this2=this;if((this.observer=new MutationObserver((function(){_this2.props.update()}))).observe(this.tooltipRef,this.props.mutationObserverOptions),this.isTriggeredBy("hover")||this.isTriggeredBy("click")||this.isTriggeredBy("right-click")){var _this$context=this.context,removeParentOutsideClickHandler=_this$context.removeParentOutsideClickHandler,removeParentOutsideRightClickHandler=_this$context.removeParentOutsideRightClickHandler;this.addOutsideClickHandler(),this.addOutsideRightClickHandler(),removeParentOutsideClickHandler&&removeParentOutsideClickHandler(),removeParentOutsideRightClickHandler&&removeParentOutsideRightClickHandler()}},_proto.componentDidUpdate=function componentDidUpdate(){this.props.closeOnReferenceHidden&&this.props.isReferenceHidden&&this.props.hideTooltip()},_proto.componentWillUnmount=function componentWillUnmount(){if(this.observer&&this.observer.disconnect(),this.isTriggeredBy("hover")||this.isTriggeredBy("click")||this.isTriggeredBy("right-click")){var _this$context2=this.context,isParentNoneTriggered=_this$context2.isParentNoneTriggered,addParentOutsideClickHandler=_this$context2.addParentOutsideClickHandler,addParentOutsideRightClickHandler=_this$context2.addParentOutsideRightClickHandler;this.removeOutsideClickHandler(),this.removeOutsideRightClickHandler(),this.handleOutsideClick=void 0,this.handleOutsideRightClick=void 0,!isParentNoneTriggered&&addParentOutsideClickHandler&&addParentOutsideClickHandler(),!isParentNoneTriggered&&addParentOutsideRightClickHandler&&addParentOutsideRightClickHandler()}},_proto.render=function render(){var _this$props3=this.props,arrowProps=_this$props3.arrowProps,placement=_this$props3.placement,tooltip=_this$props3.tooltip;return react_default.a.createElement(TooltipContext.Provider,{value:this.contextValue},tooltip({arrowRef:arrowProps.ref,getArrowProps:this.getArrowProps,getTooltipProps:this.getTooltipProps,placement:placement,tooltipRef:this.getTooltipRef}))},_proto.isTriggeredBy=function isTriggeredBy(event){var trigger=this.props.trigger;return trigger===event||Array.isArray(trigger)&&trigger.includes(event)},Tooltip}(react.Component);react_popper_tooltip_Tooltip.contextType=TooltipContext;var react_popper_tooltip_TooltipTrigger=function(_Component){function TooltipTrigger(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_Component.call.apply(_Component,[this].concat(args))||this).state={tooltipShown:_this.props.defaultTooltipShown},_this.hideTimeout=void 0,_this.showTimeout=void 0,_this.popperOffset=void 0,_this.setTooltipState=function(state){var cb=function cb(){return _this.props.onVisibilityChange(state.tooltipShown)};_this.isControlled()?cb():_this.setState(state,cb)},_this.clearScheduled=function(){clearTimeout(_this.hideTimeout),clearTimeout(_this.showTimeout)},_this.showTooltip=function(_ref){var pageX=_ref.pageX,pageY=_ref.pageY;_this.clearScheduled();var state={tooltipShown:!0};_this.props.followCursor&&(state=Object(esm_extends.a)({},state,{pageX:pageX,pageY:pageY})),_this.showTimeout=window.setTimeout((function(){return _this.setTooltipState(state)}),_this.props.delayShow)},_this.hideTooltip=function(){_this.clearScheduled(),_this.hideTimeout=window.setTimeout((function(){return _this.setTooltipState({tooltipShown:!1})}),_this.props.delayHide)},_this.toggleTooltip=function(_ref2){var pageX=_ref2.pageX,pageY=_ref2.pageY,action=_this.getState()?"hideTooltip":"showTooltip";_this[action]({pageX:pageX,pageY:pageY})},_this.clickToggle=function(event){event.preventDefault();var pageX=event.pageX,pageY=event.pageY,action=_this.props.followCursor?"showTooltip":"toggleTooltip";_this[action]({pageX:pageX,pageY:pageY})},_this.contextMenuToggle=function(event){event.preventDefault();var pageX=event.pageX,pageY=event.pageY,action=_this.props.followCursor?"showTooltip":"toggleTooltip";_this[action]({pageX:pageX,pageY:pageY})},_this.getTriggerProps=function(props){return void 0===props&&(props={}),Object(esm_extends.a)({},props,_this.isTriggeredBy("click")&&{onClick:callAll(_this.clickToggle,props.onClick),onTouchEnd:callAll(_this.clickToggle,props.onTouchEnd)},_this.isTriggeredBy("right-click")&&{onContextMenu:callAll(_this.contextMenuToggle,props.onContextMenu)},_this.isTriggeredBy("hover")&&Object(esm_extends.a)({onMouseEnter:callAll(_this.showTooltip,props.onMouseEnter),onMouseLeave:callAll(_this.hideTooltip,props.onMouseLeave)},_this.props.followCursor&&{onMouseMove:callAll(_this.showTooltip,props.onMouseMove)}),_this.isTriggeredBy("focus")&&{onFocus:callAll(_this.showTooltip,props.onFocus),onBlur:callAll(_this.hideTooltip,props.onBlur)})},_this}Object(inheritsLoose.a)(TooltipTrigger,_Component);var _proto=TooltipTrigger.prototype;return _proto.componentWillUnmount=function componentWillUnmount(){this.clearScheduled()},_proto.render=function render(){var _this2=this,_this$props=this.props,children=_this$props.children,tooltip=_this$props.tooltip,placement=_this$props.placement,trigger=_this$props.trigger,getTriggerRef=_this$props.getTriggerRef,modifiers=_this$props.modifiers,closeOnReferenceHidden=_this$props.closeOnReferenceHidden,usePortal=_this$props.usePortal,portalContainer=_this$props.portalContainer,followCursor=_this$props.followCursor,getTooltipRef=_this$props.getTooltipRef,mutationObserverOptions=_this$props.mutationObserverOptions,restProps=Object(objectWithoutPropertiesLoose.a)(_this$props,["children","tooltip","placement","trigger","getTriggerRef","modifiers","closeOnReferenceHidden","usePortal","portalContainer","followCursor","getTooltipRef","mutationObserverOptions"]),popper=react_default.a.createElement(Popper,Object(esm_extends.a)({innerRef:getTooltipRef,placement:placement,modifiers:[{name:"followCursor",enabled:followCursor,phase:"main",fn:function fn(data){_this2.popperOffset=data.state.rects.popper}}].concat(modifiers)},restProps),(function(_ref3){var ref=_ref3.ref,style=_ref3.style,placement=_ref3.placement,arrowProps=_ref3.arrowProps,isReferenceHidden=_ref3.isReferenceHidden,update=_ref3.update;if(followCursor&&_this2.popperOffset){var _this2$state=_this2.state,pageX=_this2$state.pageX,pageY=_this2$state.pageY,_this2$popperOffset=_this2.popperOffset,width=_this2$popperOffset.width,height=_this2$popperOffset.height,x=pageX+width>window.pageXOffset+document.body.offsetWidth?pageX-width:pageX,y=pageY+height>window.pageYOffset+document.body.offsetHeight?pageY-height:pageY;style.transform="translate3d("+x+"px, "+y+"px, 0"}return react_default.a.createElement(react_popper_tooltip_Tooltip,Object(esm_extends.a)({arrowProps:arrowProps,closeOnReferenceHidden:closeOnReferenceHidden,isReferenceHidden:isReferenceHidden,placement:placement,update:update,style:style,tooltip:tooltip,trigger:trigger,mutationObserverOptions:mutationObserverOptions},{clearScheduled:_this2.clearScheduled,hideTooltip:_this2.hideTooltip,innerRef:ref}))}));return react_default.a.createElement(Manager,null,react_default.a.createElement(Reference,{innerRef:getTriggerRef},(function(_ref4){var ref=_ref4.ref;return children({getTriggerProps:_this2.getTriggerProps,triggerRef:ref})})),this.getState()&&(usePortal?Object(react_dom.createPortal)(popper,portalContainer):popper))},_proto.isControlled=function isControlled(){return void 0!==this.props.tooltipShown},_proto.getState=function getState(){return this.isControlled()?this.props.tooltipShown:this.state.tooltipShown},_proto.isTriggeredBy=function isTriggeredBy(event){var trigger=this.props.trigger;return trigger===event||Array.isArray(trigger)&&trigger.includes(event)},TooltipTrigger}(react.Component);react_popper_tooltip_TooltipTrigger.defaultProps={closeOnReferenceHidden:!0,defaultTooltipShown:!1,delayHide:0,delayShow:0,followCursor:!1,onVisibilityChange:function noop(){},placement:"right",portalContainer:canUseDOM()?document.body:null,trigger:"hover",usePortal:canUseDOM(),mutationObserverOptions:{childList:!0,subtree:!0},modifiers:[]};var react_popper_tooltip=react_popper_tooltip_TooltipTrigger,memoizerific=(__webpack_require__(76),__webpack_require__(30),__webpack_require__(171),__webpack_require__(17),__webpack_require__(34)),memoizerific_default=__webpack_require__.n(memoizerific),utils=__webpack_require__(95);function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var _templateObject,_templateObject2,match=memoizerific_default()(1e3)((function(requests,actual,value){var fallback=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return actual.split("-")[0]===requests?value:fallback})),Arrow=esm.styled.div({position:"absolute",borderStyle:"solid"},(function(_ref){var placement=_ref.placement,x=0,y=0;switch(!0){case placement.startsWith("left")||placement.startsWith("right"):y=8;break;case placement.startsWith("top")||placement.startsWith("bottom"):x=8}return{transform:"translate3d(".concat(x,"px, ").concat(y,"px, 0px)")}}),(function(_ref2){var theme=_ref2.theme,color=_ref2.color,placement=_ref2.placement;return{bottom:"".concat(match("top",placement,-8,"auto"),"px"),top:"".concat(match("bottom",placement,-8,"auto"),"px"),right:"".concat(match("left",placement,-8,"auto"),"px"),left:"".concat(match("right",placement,-8,"auto"),"px"),borderBottomWidth:"".concat(match("top",placement,"0",8),"px"),borderTopWidth:"".concat(match("bottom",placement,"0",8),"px"),borderRightWidth:"".concat(match("left",placement,"0",8),"px"),borderLeftWidth:"".concat(match("right",placement,"0",8),"px"),borderTopColor:match("top",placement,theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),"transparent"),borderBottomColor:match("bottom",placement,theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),"transparent"),borderLeftColor:match("left",placement,theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),"transparent"),borderRightColor:match("right",placement,theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),"transparent")}})),Wrapper=esm.styled.div((function(_ref3){return{display:_ref3.hidden?"none":"inline-block",zIndex:2147483647}}),(function(_ref4){var theme=_ref4.theme,color=_ref4.color;return _ref4.hasChrome?{background:theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),filter:"\n drop-shadow(0px 5px 5px rgba(0,0,0,0.05))\n drop-shadow(0 1px 3px rgba(0,0,0,0.1))\n ",borderRadius:2*theme.appBorderRadius,fontSize:theme.typography.size.s1}:{}})),Tooltip_Tooltip=function Tooltip(_ref5){var placement=_ref5.placement,hasChrome=_ref5.hasChrome,children=_ref5.children,arrowProps=_ref5.arrowProps,tooltipRef=_ref5.tooltipRef,arrowRef=_ref5.arrowRef,color=_ref5.color,props=_objectWithoutProperties(_ref5,["placement","hasChrome","children","arrowProps","tooltipRef","arrowRef","color"]);return react_default.a.createElement(Wrapper,_extends({hasChrome:hasChrome,placement:placement,ref:tooltipRef},props,{color:color}),hasChrome&&react_default.a.createElement(Arrow,_extends({placement:placement,ref:arrowRef},arrowProps,{color:color})),children)};function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}Tooltip_Tooltip.displayName="Tooltip",Tooltip_Tooltip.defaultProps={color:void 0,arrowRef:void 0,tooltipRef:void 0,hasChrome:!0,placement:"top",arrowProps:{}};var WithTooltip_document=window_default.a.document,TargetContainer=esm.styled.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: inline-block;\n cursor: ",";\n"])),(function(props){return"hover"===props.mode?"default":"pointer"})),TargetSvgContainer=esm.styled.g(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n cursor: ",";\n"])),(function(props){return"hover"===props.mode?"default":"pointer"})),WithTooltip_WithTooltipPure=function WithTooltipPure(_ref){var svg=_ref.svg,trigger=_ref.trigger,placement=(_ref.closeOnClick,_ref.placement),modifiers=_ref.modifiers,hasChrome=_ref.hasChrome,_tooltip=_ref.tooltip,children=_ref.children,tooltipShown=_ref.tooltipShown,onVisibilityChange=_ref.onVisibilityChange,props=WithTooltip_objectWithoutProperties(_ref,["svg","trigger","closeOnClick","placement","modifiers","hasChrome","tooltip","children","tooltipShown","onVisibilityChange"]),Container=svg?TargetSvgContainer:TargetContainer;return react_default.a.createElement(react_popper_tooltip,{placement:placement,trigger:trigger,modifiers:modifiers,tooltipShown:tooltipShown,onVisibilityChange:onVisibilityChange,tooltip:function tooltip(_ref2){var getTooltipProps=_ref2.getTooltipProps,getArrowProps=_ref2.getArrowProps,tooltipRef=_ref2.tooltipRef,arrowRef=_ref2.arrowRef,tooltipPlacement=_ref2.placement;return react_default.a.createElement(Tooltip_Tooltip,WithTooltip_extends({hasChrome:hasChrome,placement:tooltipPlacement,tooltipRef:tooltipRef,arrowRef:arrowRef,arrowProps:getArrowProps()},getTooltipProps()),"function"==typeof _tooltip?_tooltip({onHide:function onHide(){return onVisibilityChange(!1)}}):_tooltip)}},(function(_ref3){var getTriggerProps=_ref3.getTriggerProps,triggerRef=_ref3.triggerRef;return react_default.a.createElement(Container,WithTooltip_extends({ref:triggerRef},getTriggerProps(),props),children)}))};WithTooltip_WithTooltipPure.displayName="WithTooltipPure",WithTooltip_WithTooltipPure.defaultProps={svg:!1,trigger:"hover",closeOnClick:!1,placement:"top",modifiers:[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:!0,tooltipShown:!1};var WithTooltip_WithToolTipState=function WithToolTipState(_ref4){var startOpen=_ref4.startOpen,onChange=_ref4.onVisibilityChange,rest=WithTooltip_objectWithoutProperties(_ref4,["startOpen","onVisibilityChange"]),_useState2=_slicedToArray(Object(react.useState)(startOpen||!1),2),tooltipShown=_useState2[0],setTooltipShown=_useState2[1],onVisibilityChange=Object(react.useCallback)((function(visibility){onChange&&!1===onChange(visibility)||setTooltipShown(visibility)}),[onChange]);return Object(react.useEffect)((function(){var hide=function hide(){return onVisibilityChange(!1)};WithTooltip_document.addEventListener("keydown",hide,!1);var iframes=Array.from(WithTooltip_document.getElementsByTagName("iframe")),unbinders=[];return iframes.forEach((function(iframe){var bind=function bind(){try{iframe.contentWindow.document&&(iframe.contentWindow.document.addEventListener("click",hide),unbinders.push((function(){try{iframe.contentWindow.document.removeEventListener("click",hide)}catch(e){}})))}catch(e){}};bind(),iframe.addEventListener("load",bind),unbinders.push((function(){iframe.removeEventListener("load",bind)}))})),function(){WithTooltip_document.removeEventListener("keydown",hide),unbinders.forEach((function(unbind){unbind()}))}})),react_default.a.createElement(WithTooltip_WithTooltipPure,WithTooltip_extends({},rest,{tooltipShown:tooltipShown,onVisibilityChange:onVisibilityChange}))};WithTooltip_WithToolTipState.displayName="WithToolTipState"},874:function(module,exports,__webpack_require__){"use strict";var warning=function(){};module.exports=warning}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{296:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"WithTooltipPure",(function(){return WithTooltip_WithTooltipPure})),__webpack_require__.d(__webpack_exports__,"WithToolTipState",(function(){return WithTooltip_WithToolTipState})),__webpack_require__.d(__webpack_exports__,"WithTooltip",(function(){return WithTooltip_WithToolTipState}));__webpack_require__(15),__webpack_require__(60),__webpack_require__(20),__webpack_require__(4),__webpack_require__(13),__webpack_require__(9),__webpack_require__(5),__webpack_require__(11),__webpack_require__(8),__webpack_require__(10),__webpack_require__(14),__webpack_require__(17),__webpack_require__(7),__webpack_require__(69);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),esm=__webpack_require__(1),global_window=__webpack_require__(6),window_default=__webpack_require__.n(global_window),objectWithoutPropertiesLoose=__webpack_require__(45),esm_extends=__webpack_require__(28),inheritsLoose=__webpack_require__(109),react_dom=__webpack_require__(170),ManagerReferenceNodeContext=react.createContext(),ManagerReferenceNodeSetterContext=react.createContext();function Manager(_ref){var children=_ref.children,_React$useState=react.useState(null),referenceNode=_React$useState[0],setReferenceNode=_React$useState[1],hasUnmounted=react.useRef(!1);react.useEffect((function(){return function(){hasUnmounted.current=!0}}),[]);var handleSetReferenceNode=react.useCallback((function(node){hasUnmounted.current||setReferenceNode(node)}),[]);return react.createElement(ManagerReferenceNodeContext.Provider,{value:referenceNode},react.createElement(ManagerReferenceNodeSetterContext.Provider,{value:handleSetReferenceNode},children))}var unwrapArray=function unwrapArray(arg){return Array.isArray(arg)?arg[0]:arg},safeInvoke=function safeInvoke(fn){if("function"==typeof fn){for(var _len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];return fn.apply(void 0,args)}},setRef=function setRef(ref,node){if("function"==typeof ref)return safeInvoke(ref,node);null!=ref&&(ref.current=node)},fromEntries=function fromEntries(entries){return entries.reduce((function(acc,_ref){var key=_ref[0],value=_ref[1];return acc[key]=value,acc}),{})},useIsomorphicLayoutEffect="undefined"!=typeof window&&window.document&&window.document.createElement?react.useLayoutEffect:react.useEffect;function getWindow(node){if(null==node)return window;if("[object Window]"!==node.toString()){var ownerDocument=node.ownerDocument;return ownerDocument&&ownerDocument.defaultView||window}return node}function isElement(node){return node instanceof getWindow(node).Element||node instanceof Element}function isHTMLElement(node){return node instanceof getWindow(node).HTMLElement||node instanceof HTMLElement}function isShadowRoot(node){return"undefined"!=typeof ShadowRoot&&(node instanceof getWindow(node).ShadowRoot||node instanceof ShadowRoot)}var math_max=Math.max,math_min=Math.min,round=Math.round;function getBoundingClientRect(element,includeScale){void 0===includeScale&&(includeScale=!1);var rect=element.getBoundingClientRect(),scaleX=1,scaleY=1;if(isHTMLElement(element)&&includeScale){var offsetHeight=element.offsetHeight,offsetWidth=element.offsetWidth;offsetWidth>0&&(scaleX=round(rect.width)/offsetWidth||1),offsetHeight>0&&(scaleY=round(rect.height)/offsetHeight||1)}return{width:rect.width/scaleX,height:rect.height/scaleY,top:rect.top/scaleY,right:rect.right/scaleX,bottom:rect.bottom/scaleY,left:rect.left/scaleX,x:rect.left/scaleX,y:rect.top/scaleY}}function getWindowScroll(node){var win=getWindow(node);return{scrollLeft:win.pageXOffset,scrollTop:win.pageYOffset}}function getNodeName(element){return element?(element.nodeName||"").toLowerCase():null}function getDocumentElement(element){return((isElement(element)?element.ownerDocument:element.document)||window.document).documentElement}function getWindowScrollBarX(element){return getBoundingClientRect(getDocumentElement(element)).left+getWindowScroll(element).scrollLeft}function getComputedStyle(element){return getWindow(element).getComputedStyle(element)}function isScrollParent(element){var _getComputedStyle=getComputedStyle(element),overflow=_getComputedStyle.overflow,overflowX=_getComputedStyle.overflowX,overflowY=_getComputedStyle.overflowY;return/auto|scroll|overlay|hidden/.test(overflow+overflowY+overflowX)}function getCompositeRect(elementOrVirtualElement,offsetParent,isFixed){void 0===isFixed&&(isFixed=!1);var isOffsetParentAnElement=isHTMLElement(offsetParent),offsetParentIsScaled=isHTMLElement(offsetParent)&&function isElementScaled(element){var rect=element.getBoundingClientRect(),scaleX=round(rect.width)/element.offsetWidth||1,scaleY=round(rect.height)/element.offsetHeight||1;return 1!==scaleX||1!==scaleY}(offsetParent),documentElement=getDocumentElement(offsetParent),rect=getBoundingClientRect(elementOrVirtualElement,offsetParentIsScaled),scroll={scrollLeft:0,scrollTop:0},offsets={x:0,y:0};return(isOffsetParentAnElement||!isOffsetParentAnElement&&!isFixed)&&(("body"!==getNodeName(offsetParent)||isScrollParent(documentElement))&&(scroll=function getNodeScroll(node){return node!==getWindow(node)&&isHTMLElement(node)?function getHTMLElementScroll(element){return{scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}}(node):getWindowScroll(node)}(offsetParent)),isHTMLElement(offsetParent)?((offsets=getBoundingClientRect(offsetParent,!0)).x+=offsetParent.clientLeft,offsets.y+=offsetParent.clientTop):documentElement&&(offsets.x=getWindowScrollBarX(documentElement))),{x:rect.left+scroll.scrollLeft-offsets.x,y:rect.top+scroll.scrollTop-offsets.y,width:rect.width,height:rect.height}}function getLayoutRect(element){var clientRect=getBoundingClientRect(element),width=element.offsetWidth,height=element.offsetHeight;return Math.abs(clientRect.width-width)<=1&&(width=clientRect.width),Math.abs(clientRect.height-height)<=1&&(height=clientRect.height),{x:element.offsetLeft,y:element.offsetTop,width:width,height:height}}function getParentNode(element){return"html"===getNodeName(element)?element:element.assignedSlot||element.parentNode||(isShadowRoot(element)?element.host:null)||getDocumentElement(element)}function getScrollParent(node){return["html","body","#document"].indexOf(getNodeName(node))>=0?node.ownerDocument.body:isHTMLElement(node)&&isScrollParent(node)?node:getScrollParent(getParentNode(node))}function listScrollParents(element,list){var _element$ownerDocumen;void 0===list&&(list=[]);var scrollParent=getScrollParent(element),isBody=scrollParent===(null==(_element$ownerDocumen=element.ownerDocument)?void 0:_element$ownerDocumen.body),win=getWindow(scrollParent),target=isBody?[win].concat(win.visualViewport||[],isScrollParent(scrollParent)?scrollParent:[]):scrollParent,updatedList=list.concat(target);return isBody?updatedList:updatedList.concat(listScrollParents(getParentNode(target)))}function isTableElement(element){return["table","td","th"].indexOf(getNodeName(element))>=0}function getTrueOffsetParent(element){return isHTMLElement(element)&&"fixed"!==getComputedStyle(element).position?element.offsetParent:null}function getOffsetParent(element){for(var window=getWindow(element),offsetParent=getTrueOffsetParent(element);offsetParent&&isTableElement(offsetParent)&&"static"===getComputedStyle(offsetParent).position;)offsetParent=getTrueOffsetParent(offsetParent);return offsetParent&&("html"===getNodeName(offsetParent)||"body"===getNodeName(offsetParent)&&"static"===getComputedStyle(offsetParent).position)?window:offsetParent||function getContainingBlock(element){var isFirefox=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&isHTMLElement(element)&&"fixed"===getComputedStyle(element).position)return null;for(var currentNode=getParentNode(element);isHTMLElement(currentNode)&&["html","body"].indexOf(getNodeName(currentNode))<0;){var css=getComputedStyle(currentNode);if("none"!==css.transform||"none"!==css.perspective||"paint"===css.contain||-1!==["transform","perspective"].indexOf(css.willChange)||isFirefox&&"filter"===css.willChange||isFirefox&&css.filter&&"none"!==css.filter)return currentNode;currentNode=currentNode.parentNode}return null}(element)||window}var enums=__webpack_require__(295);function order(modifiers){var map=new Map,visited=new Set,result=[];function sort(modifier){visited.add(modifier.name),[].concat(modifier.requires||[],modifier.requiresIfExists||[]).forEach((function(dep){if(!visited.has(dep)){var depModifier=map.get(dep);depModifier&&sort(depModifier)}})),result.push(modifier)}return modifiers.forEach((function(modifier){map.set(modifier.name,modifier)})),modifiers.forEach((function(modifier){visited.has(modifier.name)||sort(modifier)})),result}var DEFAULT_OPTIONS={placement:"bottom",modifiers:[],strategy:"absolute"};function areValidElements(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return!args.some((function(element){return!(element&&"function"==typeof element.getBoundingClientRect)}))}function popperGenerator(generatorOptions){void 0===generatorOptions&&(generatorOptions={});var _generatorOptions=generatorOptions,_generatorOptions$def=_generatorOptions.defaultModifiers,defaultModifiers=void 0===_generatorOptions$def?[]:_generatorOptions$def,_generatorOptions$def2=_generatorOptions.defaultOptions,defaultOptions=void 0===_generatorOptions$def2?DEFAULT_OPTIONS:_generatorOptions$def2;return function createPopper(reference,popper,options){void 0===options&&(options=defaultOptions);var fn,pending,state={placement:"bottom",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,defaultOptions),modifiersData:{},elements:{reference:reference,popper:popper},attributes:{},styles:{}},effectCleanupFns=[],isDestroyed=!1,instance={state:state,setOptions:function setOptions(setOptionsAction){var options="function"==typeof setOptionsAction?setOptionsAction(state.options):setOptionsAction;cleanupModifierEffects(),state.options=Object.assign({},defaultOptions,state.options,options),state.scrollParents={reference:isElement(reference)?listScrollParents(reference):reference.contextElement?listScrollParents(reference.contextElement):[],popper:listScrollParents(popper)};var orderedModifiers=function orderModifiers(modifiers){var orderedModifiers=order(modifiers);return enums.g.reduce((function(acc,phase){return acc.concat(orderedModifiers.filter((function(modifier){return modifier.phase===phase})))}),[])}(function mergeByName(modifiers){var merged=modifiers.reduce((function(merged,current){var existing=merged[current.name];return merged[current.name]=existing?Object.assign({},existing,current,{options:Object.assign({},existing.options,current.options),data:Object.assign({},existing.data,current.data)}):current,merged}),{});return Object.keys(merged).map((function(key){return merged[key]}))}([].concat(defaultModifiers,state.options.modifiers)));return state.orderedModifiers=orderedModifiers.filter((function(m){return m.enabled})),function runModifierEffects(){state.orderedModifiers.forEach((function(_ref3){var name=_ref3.name,_ref3$options=_ref3.options,options=void 0===_ref3$options?{}:_ref3$options,effect=_ref3.effect;if("function"==typeof effect){var cleanupFn=effect({state:state,name:name,instance:instance,options:options}),noopFn=function noopFn(){};effectCleanupFns.push(cleanupFn||noopFn)}}))}(),instance.update()},forceUpdate:function forceUpdate(){if(!isDestroyed){var _state$elements=state.elements,reference=_state$elements.reference,popper=_state$elements.popper;if(areValidElements(reference,popper)){state.rects={reference:getCompositeRect(reference,getOffsetParent(popper),"fixed"===state.options.strategy),popper:getLayoutRect(popper)},state.reset=!1,state.placement=state.options.placement,state.orderedModifiers.forEach((function(modifier){return state.modifiersData[modifier.name]=Object.assign({},modifier.data)}));for(var index=0;index=0?"x":"y"}function computeOffsets(_ref){var offsets,reference=_ref.reference,element=_ref.element,placement=_ref.placement,basePlacement=placement?getBasePlacement(placement):null,variation=placement?getVariation(placement):null,commonX=reference.x+reference.width/2-element.width/2,commonY=reference.y+reference.height/2-element.height/2;switch(basePlacement){case enums.m:offsets={x:commonX,y:reference.y-element.height};break;case enums.c:offsets={x:commonX,y:reference.y+reference.height};break;case enums.k:offsets={x:reference.x+reference.width,y:commonY};break;case enums.f:offsets={x:reference.x-element.width,y:commonY};break;default:offsets={x:reference.x,y:reference.y}}var mainAxis=basePlacement?getMainAxisFromPlacement(basePlacement):null;if(null!=mainAxis){var len="y"===mainAxis?"height":"width";switch(variation){case enums.l:offsets[mainAxis]=offsets[mainAxis]-(reference[len]/2-element[len]/2);break;case enums.e:offsets[mainAxis]=offsets[mainAxis]+(reference[len]/2-element[len]/2)}}return offsets}var unsetSides={top:"auto",right:"auto",bottom:"auto",left:"auto"};function mapToStyles(_ref2){var _Object$assign2,popper=_ref2.popper,popperRect=_ref2.popperRect,placement=_ref2.placement,variation=_ref2.variation,offsets=_ref2.offsets,position=_ref2.position,gpuAcceleration=_ref2.gpuAcceleration,adaptive=_ref2.adaptive,roundOffsets=_ref2.roundOffsets,isFixed=_ref2.isFixed,_offsets$x=offsets.x,x=void 0===_offsets$x?0:_offsets$x,_offsets$y=offsets.y,y=void 0===_offsets$y?0:_offsets$y,_ref3="function"==typeof roundOffsets?roundOffsets({x:x,y:y}):{x:x,y:y};x=_ref3.x,y=_ref3.y;var hasX=offsets.hasOwnProperty("x"),hasY=offsets.hasOwnProperty("y"),sideX=enums.f,sideY=enums.m,win=window;if(adaptive){var offsetParent=getOffsetParent(popper),heightProp="clientHeight",widthProp="clientWidth";if(offsetParent===getWindow(popper)&&"static"!==getComputedStyle(offsetParent=getDocumentElement(popper)).position&&"absolute"===position&&(heightProp="scrollHeight",widthProp="scrollWidth"),offsetParent=offsetParent,placement===enums.m||(placement===enums.f||placement===enums.k)&&variation===enums.e)sideY=enums.c,y-=(isFixed&&win.visualViewport?win.visualViewport.height:offsetParent[heightProp])-popperRect.height,y*=gpuAcceleration?1:-1;if(placement===enums.f||(placement===enums.m||placement===enums.c)&&variation===enums.e)sideX=enums.k,x-=(isFixed&&win.visualViewport?win.visualViewport.width:offsetParent[widthProp])-popperRect.width,x*=gpuAcceleration?1:-1}var _Object$assign,commonStyles=Object.assign({position:position},adaptive&&unsetSides),_ref4=!0===roundOffsets?function roundOffsetsByDPR(_ref){var x=_ref.x,y=_ref.y,dpr=window.devicePixelRatio||1;return{x:round(x*dpr)/dpr||0,y:round(y*dpr)/dpr||0}}({x:x,y:y}):{x:x,y:y};return x=_ref4.x,y=_ref4.y,gpuAcceleration?Object.assign({},commonStyles,((_Object$assign={})[sideY]=hasY?"0":"",_Object$assign[sideX]=hasX?"0":"",_Object$assign.transform=(win.devicePixelRatio||1)<=1?"translate("+x+"px, "+y+"px)":"translate3d("+x+"px, "+y+"px, 0)",_Object$assign)):Object.assign({},commonStyles,((_Object$assign2={})[sideY]=hasY?y+"px":"",_Object$assign2[sideX]=hasX?x+"px":"",_Object$assign2.transform="",_Object$assign2))}var hash={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(placement){return placement.replace(/left|right|bottom|top/g,(function(matched){return hash[matched]}))}var getOppositeVariationPlacement_hash={start:"end",end:"start"};function getOppositeVariationPlacement(placement){return placement.replace(/start|end/g,(function(matched){return getOppositeVariationPlacement_hash[matched]}))}function contains(parent,child){var rootNode=child.getRootNode&&child.getRootNode();if(parent.contains(child))return!0;if(rootNode&&isShadowRoot(rootNode)){var next=child;do{if(next&&parent.isSameNode(next))return!0;next=next.parentNode||next.host}while(next)}return!1}function rectToClientRect(rect){return Object.assign({},rect,{left:rect.x,top:rect.y,right:rect.x+rect.width,bottom:rect.y+rect.height})}function getClientRectFromMixedType(element,clippingParent){return clippingParent===enums.o?rectToClientRect(function getViewportRect(element){var win=getWindow(element),html=getDocumentElement(element),visualViewport=win.visualViewport,width=html.clientWidth,height=html.clientHeight,x=0,y=0;return visualViewport&&(width=visualViewport.width,height=visualViewport.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(x=visualViewport.offsetLeft,y=visualViewport.offsetTop)),{width:width,height:height,x:x+getWindowScrollBarX(element),y:y}}(element)):isElement(clippingParent)?function getInnerBoundingClientRect(element){var rect=getBoundingClientRect(element);return rect.top=rect.top+element.clientTop,rect.left=rect.left+element.clientLeft,rect.bottom=rect.top+element.clientHeight,rect.right=rect.left+element.clientWidth,rect.width=element.clientWidth,rect.height=element.clientHeight,rect.x=rect.left,rect.y=rect.top,rect}(clippingParent):rectToClientRect(function getDocumentRect(element){var _element$ownerDocumen,html=getDocumentElement(element),winScroll=getWindowScroll(element),body=null==(_element$ownerDocumen=element.ownerDocument)?void 0:_element$ownerDocumen.body,width=math_max(html.scrollWidth,html.clientWidth,body?body.scrollWidth:0,body?body.clientWidth:0),height=math_max(html.scrollHeight,html.clientHeight,body?body.scrollHeight:0,body?body.clientHeight:0),x=-winScroll.scrollLeft+getWindowScrollBarX(element),y=-winScroll.scrollTop;return"rtl"===getComputedStyle(body||html).direction&&(x+=math_max(html.clientWidth,body?body.clientWidth:0)-width),{width:width,height:height,x:x,y:y}}(getDocumentElement(element)))}function getClippingRect(element,boundary,rootBoundary){var mainClippingParents="clippingParents"===boundary?function getClippingParents(element){var clippingParents=listScrollParents(getParentNode(element)),clipperElement=["absolute","fixed"].indexOf(getComputedStyle(element).position)>=0&&isHTMLElement(element)?getOffsetParent(element):element;return isElement(clipperElement)?clippingParents.filter((function(clippingParent){return isElement(clippingParent)&&contains(clippingParent,clipperElement)&&"body"!==getNodeName(clippingParent)})):[]}(element):[].concat(boundary),clippingParents=[].concat(mainClippingParents,[rootBoundary]),firstClippingParent=clippingParents[0],clippingRect=clippingParents.reduce((function(accRect,clippingParent){var rect=getClientRectFromMixedType(element,clippingParent);return accRect.top=math_max(rect.top,accRect.top),accRect.right=math_min(rect.right,accRect.right),accRect.bottom=math_min(rect.bottom,accRect.bottom),accRect.left=math_max(rect.left,accRect.left),accRect}),getClientRectFromMixedType(element,firstClippingParent));return clippingRect.width=clippingRect.right-clippingRect.left,clippingRect.height=clippingRect.bottom-clippingRect.top,clippingRect.x=clippingRect.left,clippingRect.y=clippingRect.top,clippingRect}function mergePaddingObject(paddingObject){return Object.assign({},{top:0,right:0,bottom:0,left:0},paddingObject)}function expandToHashMap(value,keys){return keys.reduce((function(hashMap,key){return hashMap[key]=value,hashMap}),{})}function detectOverflow(state,options){void 0===options&&(options={});var _options=options,_options$placement=_options.placement,placement=void 0===_options$placement?state.placement:_options$placement,_options$boundary=_options.boundary,boundary=void 0===_options$boundary?enums.d:_options$boundary,_options$rootBoundary=_options.rootBoundary,rootBoundary=void 0===_options$rootBoundary?enums.o:_options$rootBoundary,_options$elementConte=_options.elementContext,elementContext=void 0===_options$elementConte?enums.i:_options$elementConte,_options$altBoundary=_options.altBoundary,altBoundary=void 0!==_options$altBoundary&&_options$altBoundary,_options$padding=_options.padding,padding=void 0===_options$padding?0:_options$padding,paddingObject=mergePaddingObject("number"!=typeof padding?padding:expandToHashMap(padding,enums.b)),altContext=elementContext===enums.i?enums.j:enums.i,popperRect=state.rects.popper,element=state.elements[altBoundary?altContext:elementContext],clippingClientRect=getClippingRect(isElement(element)?element:element.contextElement||getDocumentElement(state.elements.popper),boundary,rootBoundary),referenceClientRect=getBoundingClientRect(state.elements.reference),popperOffsets=computeOffsets({reference:referenceClientRect,element:popperRect,strategy:"absolute",placement:placement}),popperClientRect=rectToClientRect(Object.assign({},popperRect,popperOffsets)),elementClientRect=elementContext===enums.i?popperClientRect:referenceClientRect,overflowOffsets={top:clippingClientRect.top-elementClientRect.top+paddingObject.top,bottom:elementClientRect.bottom-clippingClientRect.bottom+paddingObject.bottom,left:clippingClientRect.left-elementClientRect.left+paddingObject.left,right:elementClientRect.right-clippingClientRect.right+paddingObject.right},offsetData=state.modifiersData.offset;if(elementContext===enums.i&&offsetData){var offset=offsetData[placement];Object.keys(overflowOffsets).forEach((function(key){var multiply=[enums.k,enums.c].indexOf(key)>=0?1:-1,axis=[enums.m,enums.c].indexOf(key)>=0?"y":"x";overflowOffsets[key]+=offset[axis]*multiply}))}return overflowOffsets}function within(min,value,max){return math_max(min,math_min(value,max))}function getSideOffsets(overflow,rect,preventedOffsets){return void 0===preventedOffsets&&(preventedOffsets={x:0,y:0}),{top:overflow.top-rect.height-preventedOffsets.y,right:overflow.right-rect.width+preventedOffsets.x,bottom:overflow.bottom-rect.height+preventedOffsets.y,left:overflow.left-rect.width-preventedOffsets.x}}function isAnySideFullyClipped(overflow){return[enums.m,enums.k,enums.c,enums.f].some((function(side){return overflow[side]>=0}))}var popper_createPopper=popperGenerator({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function fn(){},effect:function effect(_ref){var state=_ref.state,instance=_ref.instance,options=_ref.options,_options$scroll=options.scroll,scroll=void 0===_options$scroll||_options$scroll,_options$resize=options.resize,resize=void 0===_options$resize||_options$resize,window=getWindow(state.elements.popper),scrollParents=[].concat(state.scrollParents.reference,state.scrollParents.popper);return scroll&&scrollParents.forEach((function(scrollParent){scrollParent.addEventListener("scroll",instance.update,passive)})),resize&&window.addEventListener("resize",instance.update,passive),function(){scroll&&scrollParents.forEach((function(scrollParent){scrollParent.removeEventListener("scroll",instance.update,passive)})),resize&&window.removeEventListener("resize",instance.update,passive)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function popperOffsets_popperOffsets(_ref){var state=_ref.state,name=_ref.name;state.modifiersData[name]=computeOffsets({reference:state.rects.reference,element:state.rects.popper,strategy:"absolute",placement:state.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function computeStyles(_ref5){var state=_ref5.state,options=_ref5.options,_options$gpuAccelerat=options.gpuAcceleration,gpuAcceleration=void 0===_options$gpuAccelerat||_options$gpuAccelerat,_options$adaptive=options.adaptive,adaptive=void 0===_options$adaptive||_options$adaptive,_options$roundOffsets=options.roundOffsets,roundOffsets=void 0===_options$roundOffsets||_options$roundOffsets,commonStyles={placement:getBasePlacement(state.placement),variation:getVariation(state.placement),popper:state.elements.popper,popperRect:state.rects.popper,gpuAcceleration:gpuAcceleration,isFixed:"fixed"===state.options.strategy};null!=state.modifiersData.popperOffsets&&(state.styles.popper=Object.assign({},state.styles.popper,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.popperOffsets,position:state.options.strategy,adaptive:adaptive,roundOffsets:roundOffsets})))),null!=state.modifiersData.arrow&&(state.styles.arrow=Object.assign({},state.styles.arrow,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:roundOffsets})))),state.attributes.popper=Object.assign({},state.attributes.popper,{"data-popper-placement":state.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function applyStyles(_ref){var state=_ref.state;Object.keys(state.elements).forEach((function(name){var style=state.styles[name]||{},attributes=state.attributes[name]||{},element=state.elements[name];isHTMLElement(element)&&getNodeName(element)&&(Object.assign(element.style,style),Object.keys(attributes).forEach((function(name){var value=attributes[name];!1===value?element.removeAttribute(name):element.setAttribute(name,!0===value?"":value)})))}))},effect:function applyStyles_effect(_ref2){var state=_ref2.state,initialStyles={popper:{position:state.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(state.elements.popper.style,initialStyles.popper),state.styles=initialStyles,state.elements.arrow&&Object.assign(state.elements.arrow.style,initialStyles.arrow),function(){Object.keys(state.elements).forEach((function(name){var element=state.elements[name],attributes=state.attributes[name]||{},style=Object.keys(state.styles.hasOwnProperty(name)?state.styles[name]:initialStyles[name]).reduce((function(style,property){return style[property]="",style}),{});isHTMLElement(element)&&getNodeName(element)&&(Object.assign(element.style,style),Object.keys(attributes).forEach((function(attribute){element.removeAttribute(attribute)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function offset_offset(_ref2){var state=_ref2.state,options=_ref2.options,name=_ref2.name,_options$offset=options.offset,offset=void 0===_options$offset?[0,0]:_options$offset,data=enums.h.reduce((function(acc,placement){return acc[placement]=function distanceAndSkiddingToXY(placement,rects,offset){var basePlacement=getBasePlacement(placement),invertDistance=[enums.f,enums.m].indexOf(basePlacement)>=0?-1:1,_ref="function"==typeof offset?offset(Object.assign({},rects,{placement:placement})):offset,skidding=_ref[0],distance=_ref[1];return skidding=skidding||0,distance=(distance||0)*invertDistance,[enums.f,enums.k].indexOf(basePlacement)>=0?{x:distance,y:skidding}:{x:skidding,y:distance}}(placement,state.rects,offset),acc}),{}),_data$state$placement=data[state.placement],x=_data$state$placement.x,y=_data$state$placement.y;null!=state.modifiersData.popperOffsets&&(state.modifiersData.popperOffsets.x+=x,state.modifiersData.popperOffsets.y+=y),state.modifiersData[name]=data}},{name:"flip",enabled:!0,phase:"main",fn:function flip(_ref){var state=_ref.state,options=_ref.options,name=_ref.name;if(!state.modifiersData[name]._skip){for(var _options$mainAxis=options.mainAxis,checkMainAxis=void 0===_options$mainAxis||_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=void 0===_options$altAxis||_options$altAxis,specifiedFallbackPlacements=options.fallbackPlacements,padding=options.padding,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,_options$flipVariatio=options.flipVariations,flipVariations=void 0===_options$flipVariatio||_options$flipVariatio,allowedAutoPlacements=options.allowedAutoPlacements,preferredPlacement=state.options.placement,basePlacement=getBasePlacement(preferredPlacement),fallbackPlacements=specifiedFallbackPlacements||(basePlacement===preferredPlacement||!flipVariations?[getOppositePlacement(preferredPlacement)]:function getExpandedFallbackPlacements(placement){if(getBasePlacement(placement)===enums.a)return[];var oppositePlacement=getOppositePlacement(placement);return[getOppositeVariationPlacement(placement),oppositePlacement,getOppositeVariationPlacement(oppositePlacement)]}(preferredPlacement)),placements=[preferredPlacement].concat(fallbackPlacements).reduce((function(acc,placement){return acc.concat(getBasePlacement(placement)===enums.a?function computeAutoPlacement(state,options){void 0===options&&(options={});var _options=options,placement=_options.placement,boundary=_options.boundary,rootBoundary=_options.rootBoundary,padding=_options.padding,flipVariations=_options.flipVariations,_options$allowedAutoP=_options.allowedAutoPlacements,allowedAutoPlacements=void 0===_options$allowedAutoP?enums.h:_options$allowedAutoP,variation=getVariation(placement),placements=variation?flipVariations?enums.n:enums.n.filter((function(placement){return getVariation(placement)===variation})):enums.b,allowedPlacements=placements.filter((function(placement){return allowedAutoPlacements.indexOf(placement)>=0}));0===allowedPlacements.length&&(allowedPlacements=placements);var overflows=allowedPlacements.reduce((function(acc,placement){return acc[placement]=detectOverflow(state,{placement:placement,boundary:boundary,rootBoundary:rootBoundary,padding:padding})[getBasePlacement(placement)],acc}),{});return Object.keys(overflows).sort((function(a,b){return overflows[a]-overflows[b]}))}(state,{placement:placement,boundary:boundary,rootBoundary:rootBoundary,padding:padding,flipVariations:flipVariations,allowedAutoPlacements:allowedAutoPlacements}):placement)}),[]),referenceRect=state.rects.reference,popperRect=state.rects.popper,checksMap=new Map,makeFallbackChecks=!0,firstFittingPlacement=placements[0],i=0;i=0,len=isVertical?"width":"height",overflow=detectOverflow(state,{placement:placement,boundary:boundary,rootBoundary:rootBoundary,altBoundary:altBoundary,padding:padding}),mainVariationSide=isVertical?isStartVariation?enums.k:enums.f:isStartVariation?enums.c:enums.m;referenceRect[len]>popperRect[len]&&(mainVariationSide=getOppositePlacement(mainVariationSide));var altVariationSide=getOppositePlacement(mainVariationSide),checks=[];if(checkMainAxis&&checks.push(overflow[_basePlacement]<=0),checkAltAxis&&checks.push(overflow[mainVariationSide]<=0,overflow[altVariationSide]<=0),checks.every((function(check){return check}))){firstFittingPlacement=placement,makeFallbackChecks=!1;break}checksMap.set(placement,checks)}if(makeFallbackChecks)for(var _loop=function _loop(_i){var fittingPlacement=placements.find((function(placement){var checks=checksMap.get(placement);if(checks)return checks.slice(0,_i).every((function(check){return check}))}));if(fittingPlacement)return firstFittingPlacement=fittingPlacement,"break"},_i=flipVariations?3:1;_i>0;_i--){if("break"===_loop(_i))break}state.placement!==firstFittingPlacement&&(state.modifiersData[name]._skip=!0,state.placement=firstFittingPlacement,state.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function preventOverflow(_ref){var state=_ref.state,options=_ref.options,name=_ref.name,_options$mainAxis=options.mainAxis,checkMainAxis=void 0===_options$mainAxis||_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=void 0!==_options$altAxis&&_options$altAxis,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,padding=options.padding,_options$tether=options.tether,tether=void 0===_options$tether||_options$tether,_options$tetherOffset=options.tetherOffset,tetherOffset=void 0===_options$tetherOffset?0:_options$tetherOffset,overflow=detectOverflow(state,{boundary:boundary,rootBoundary:rootBoundary,padding:padding,altBoundary:altBoundary}),basePlacement=getBasePlacement(state.placement),variation=getVariation(state.placement),isBasePlacement=!variation,mainAxis=getMainAxisFromPlacement(basePlacement),altAxis=function getAltAxis(axis){return"x"===axis?"y":"x"}(mainAxis),popperOffsets=state.modifiersData.popperOffsets,referenceRect=state.rects.reference,popperRect=state.rects.popper,tetherOffsetValue="function"==typeof tetherOffset?tetherOffset(Object.assign({},state.rects,{placement:state.placement})):tetherOffset,normalizedTetherOffsetValue="number"==typeof tetherOffsetValue?{mainAxis:tetherOffsetValue,altAxis:tetherOffsetValue}:Object.assign({mainAxis:0,altAxis:0},tetherOffsetValue),offsetModifierState=state.modifiersData.offset?state.modifiersData.offset[state.placement]:null,data={x:0,y:0};if(popperOffsets){if(checkMainAxis){var _offsetModifierState$,mainSide="y"===mainAxis?enums.m:enums.f,altSide="y"===mainAxis?enums.c:enums.k,len="y"===mainAxis?"height":"width",offset=popperOffsets[mainAxis],min=offset+overflow[mainSide],max=offset-overflow[altSide],additive=tether?-popperRect[len]/2:0,minLen=variation===enums.l?referenceRect[len]:popperRect[len],maxLen=variation===enums.l?-popperRect[len]:-referenceRect[len],arrowElement=state.elements.arrow,arrowRect=tether&&arrowElement?getLayoutRect(arrowElement):{width:0,height:0},arrowPaddingObject=state.modifiersData["arrow#persistent"]?state.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},arrowPaddingMin=arrowPaddingObject[mainSide],arrowPaddingMax=arrowPaddingObject[altSide],arrowLen=within(0,referenceRect[len],arrowRect[len]),minOffset=isBasePlacement?referenceRect[len]/2-additive-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis:minLen-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis,maxOffset=isBasePlacement?-referenceRect[len]/2+additive+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis:maxLen+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis,arrowOffsetParent=state.elements.arrow&&getOffsetParent(state.elements.arrow),clientOffset=arrowOffsetParent?"y"===mainAxis?arrowOffsetParent.clientTop||0:arrowOffsetParent.clientLeft||0:0,offsetModifierValue=null!=(_offsetModifierState$=null==offsetModifierState?void 0:offsetModifierState[mainAxis])?_offsetModifierState$:0,tetherMax=offset+maxOffset-offsetModifierValue,preventedOffset=within(tether?math_min(min,offset+minOffset-offsetModifierValue-clientOffset):min,offset,tether?math_max(max,tetherMax):max);popperOffsets[mainAxis]=preventedOffset,data[mainAxis]=preventedOffset-offset}if(checkAltAxis){var _offsetModifierState$2,_mainSide="x"===mainAxis?enums.m:enums.f,_altSide="x"===mainAxis?enums.c:enums.k,_offset=popperOffsets[altAxis],_len="y"===altAxis?"height":"width",_min=_offset+overflow[_mainSide],_max=_offset-overflow[_altSide],isOriginSide=-1!==[enums.m,enums.f].indexOf(basePlacement),_offsetModifierValue=null!=(_offsetModifierState$2=null==offsetModifierState?void 0:offsetModifierState[altAxis])?_offsetModifierState$2:0,_tetherMin=isOriginSide?_min:_offset-referenceRect[_len]-popperRect[_len]-_offsetModifierValue+normalizedTetherOffsetValue.altAxis,_tetherMax=isOriginSide?_offset+referenceRect[_len]+popperRect[_len]-_offsetModifierValue-normalizedTetherOffsetValue.altAxis:_max,_preventedOffset=tether&&isOriginSide?function withinMaxClamp(min,value,max){var v=within(min,value,max);return v>max?max:v}(_tetherMin,_offset,_tetherMax):within(tether?_tetherMin:_min,_offset,tether?_tetherMax:_max);popperOffsets[altAxis]=_preventedOffset,data[altAxis]=_preventedOffset-_offset}state.modifiersData[name]=data}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function arrow(_ref){var _state$modifiersData$,state=_ref.state,name=_ref.name,options=_ref.options,arrowElement=state.elements.arrow,popperOffsets=state.modifiersData.popperOffsets,basePlacement=getBasePlacement(state.placement),axis=getMainAxisFromPlacement(basePlacement),len=[enums.f,enums.k].indexOf(basePlacement)>=0?"height":"width";if(arrowElement&&popperOffsets){var paddingObject=function toPaddingObject(padding,state){return mergePaddingObject("number"!=typeof(padding="function"==typeof padding?padding(Object.assign({},state.rects,{placement:state.placement})):padding)?padding:expandToHashMap(padding,enums.b))}(options.padding,state),arrowRect=getLayoutRect(arrowElement),minProp="y"===axis?enums.m:enums.f,maxProp="y"===axis?enums.c:enums.k,endDiff=state.rects.reference[len]+state.rects.reference[axis]-popperOffsets[axis]-state.rects.popper[len],startDiff=popperOffsets[axis]-state.rects.reference[axis],arrowOffsetParent=getOffsetParent(arrowElement),clientSize=arrowOffsetParent?"y"===axis?arrowOffsetParent.clientHeight||0:arrowOffsetParent.clientWidth||0:0,centerToReference=endDiff/2-startDiff/2,min=paddingObject[minProp],max=clientSize-arrowRect[len]-paddingObject[maxProp],center=clientSize/2-arrowRect[len]/2+centerToReference,offset=within(min,center,max),axisProp=axis;state.modifiersData[name]=((_state$modifiersData$={})[axisProp]=offset,_state$modifiersData$.centerOffset=offset-center,_state$modifiersData$)}},effect:function arrow_effect(_ref2){var state=_ref2.state,_options$element=_ref2.options.element,arrowElement=void 0===_options$element?"[data-popper-arrow]":_options$element;null!=arrowElement&&("string"!=typeof arrowElement||(arrowElement=state.elements.popper.querySelector(arrowElement)))&&contains(state.elements.popper,arrowElement)&&(state.elements.arrow=arrowElement)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function hide(_ref){var state=_ref.state,name=_ref.name,referenceRect=state.rects.reference,popperRect=state.rects.popper,preventedOffsets=state.modifiersData.preventOverflow,referenceOverflow=detectOverflow(state,{elementContext:"reference"}),popperAltOverflow=detectOverflow(state,{altBoundary:!0}),referenceClippingOffsets=getSideOffsets(referenceOverflow,referenceRect),popperEscapeOffsets=getSideOffsets(popperAltOverflow,popperRect,preventedOffsets),isReferenceHidden=isAnySideFullyClipped(referenceClippingOffsets),hasPopperEscaped=isAnySideFullyClipped(popperEscapeOffsets);state.modifiersData[name]={referenceClippingOffsets:referenceClippingOffsets,popperEscapeOffsets:popperEscapeOffsets,isReferenceHidden:isReferenceHidden,hasPopperEscaped:hasPopperEscaped},state.attributes.popper=Object.assign({},state.attributes.popper,{"data-popper-reference-hidden":isReferenceHidden,"data-popper-escaped":hasPopperEscaped})}}]}),react_fast_compare=__webpack_require__(505),react_fast_compare_default=__webpack_require__.n(react_fast_compare),EMPTY_MODIFIERS=[],NOOP=function NOOP(){},NOOP_PROMISE=function NOOP_PROMISE(){return Promise.resolve(null)},Popper_EMPTY_MODIFIERS=[];function Popper(_ref){var _ref$placement=_ref.placement,placement=void 0===_ref$placement?"bottom":_ref$placement,_ref$strategy=_ref.strategy,strategy=void 0===_ref$strategy?"absolute":_ref$strategy,_ref$modifiers=_ref.modifiers,modifiers=void 0===_ref$modifiers?Popper_EMPTY_MODIFIERS:_ref$modifiers,referenceElement=_ref.referenceElement,onFirstUpdate=_ref.onFirstUpdate,innerRef=_ref.innerRef,children=_ref.children,referenceNode=react.useContext(ManagerReferenceNodeContext),_React$useState=react.useState(null),popperElement=_React$useState[0],setPopperElement=_React$useState[1],_React$useState2=react.useState(null),arrowElement=_React$useState2[0],setArrowElement=_React$useState2[1];react.useEffect((function(){setRef(innerRef,popperElement)}),[innerRef,popperElement]);var options=react.useMemo((function(){return{placement:placement,strategy:strategy,onFirstUpdate:onFirstUpdate,modifiers:[].concat(modifiers,[{name:"arrow",enabled:null!=arrowElement,options:{element:arrowElement}}])}}),[placement,strategy,onFirstUpdate,modifiers,arrowElement]),_usePopper=function usePopper(referenceElement,popperElement,options){void 0===options&&(options={});var prevOptions=react.useRef(null),optionsWithDefaults={onFirstUpdate:options.onFirstUpdate,placement:options.placement||"bottom",strategy:options.strategy||"absolute",modifiers:options.modifiers||EMPTY_MODIFIERS},_React$useState=react.useState({styles:{popper:{position:optionsWithDefaults.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),state=_React$useState[0],setState=_React$useState[1],updateStateModifier=react.useMemo((function(){return{name:"updateState",enabled:!0,phase:"write",fn:function fn(_ref){var state=_ref.state,elements=Object.keys(state.elements);setState({styles:fromEntries(elements.map((function(element){return[element,state.styles[element]||{}]}))),attributes:fromEntries(elements.map((function(element){return[element,state.attributes[element]]})))})},requires:["computeStyles"]}}),[]),popperOptions=react.useMemo((function(){var newOptions={onFirstUpdate:optionsWithDefaults.onFirstUpdate,placement:optionsWithDefaults.placement,strategy:optionsWithDefaults.strategy,modifiers:[].concat(optionsWithDefaults.modifiers,[updateStateModifier,{name:"applyStyles",enabled:!1}])};return react_fast_compare_default()(prevOptions.current,newOptions)?prevOptions.current||newOptions:(prevOptions.current=newOptions,newOptions)}),[optionsWithDefaults.onFirstUpdate,optionsWithDefaults.placement,optionsWithDefaults.strategy,optionsWithDefaults.modifiers,updateStateModifier]),popperInstanceRef=react.useRef();return useIsomorphicLayoutEffect((function(){popperInstanceRef.current&&popperInstanceRef.current.setOptions(popperOptions)}),[popperOptions]),useIsomorphicLayoutEffect((function(){if(null!=referenceElement&&null!=popperElement){var popperInstance=(options.createPopper||popper_createPopper)(referenceElement,popperElement,popperOptions);return popperInstanceRef.current=popperInstance,function(){popperInstance.destroy(),popperInstanceRef.current=null}}}),[referenceElement,popperElement,options.createPopper]),{state:popperInstanceRef.current?popperInstanceRef.current.state:null,styles:state.styles,attributes:state.attributes,update:popperInstanceRef.current?popperInstanceRef.current.update:null,forceUpdate:popperInstanceRef.current?popperInstanceRef.current.forceUpdate:null}}(referenceElement||referenceNode,popperElement,options),state=_usePopper.state,styles=_usePopper.styles,forceUpdate=_usePopper.forceUpdate,update=_usePopper.update,childrenProps=react.useMemo((function(){return{ref:setPopperElement,style:styles.popper,placement:state?state.placement:placement,hasPopperEscaped:state&&state.modifiersData.hide?state.modifiersData.hide.hasPopperEscaped:null,isReferenceHidden:state&&state.modifiersData.hide?state.modifiersData.hide.isReferenceHidden:null,arrowProps:{style:styles.arrow,ref:setArrowElement},forceUpdate:forceUpdate||NOOP,update:update||NOOP_PROMISE}}),[setPopperElement,setArrowElement,placement,state,styles,update,forceUpdate]);return unwrapArray(children)(childrenProps)}var warning=__webpack_require__(553),warning_default=__webpack_require__.n(warning);function Reference(_ref){var children=_ref.children,innerRef=_ref.innerRef,setReferenceNode=react.useContext(ManagerReferenceNodeSetterContext),refHandler=react.useCallback((function(node){setRef(innerRef,node),safeInvoke(setReferenceNode,node)}),[innerRef,setReferenceNode]);return react.useEffect((function(){return function(){return setRef(innerRef,null)}})),react.useEffect((function(){warning_default()(Boolean(setReferenceNode),"`Reference` should not be used outside of a `Manager` component.")}),[setReferenceNode]),unwrapArray(children)({ref:refHandler})}var TooltipContext=react_default.a.createContext({}),callAll=function callAll(){for(var _len=arguments.length,fns=new Array(_len),_key=0;_key<_len;_key++)fns[_key]=arguments[_key];return function(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return fns.forEach((function(fn){return fn&&fn.apply(void 0,args)}))}},canUseDOM=function canUseDOM(){return!("undefined"==typeof window||!window.document||!window.document.createElement)},react_popper_tooltip_setRef=function setRef(ref,node){if("function"==typeof ref)return ref(node);null!=ref&&(ref.current=node)},react_popper_tooltip_Tooltip=function(_Component){function Tooltip(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_Component.call.apply(_Component,[this].concat(args))||this).observer=void 0,_this.tooltipRef=void 0,_this.handleOutsideClick=function(event){if(_this.tooltipRef&&!_this.tooltipRef.contains(event.target)){var parentOutsideClickHandler=_this.context.parentOutsideClickHandler,_this$props=_this.props,hideTooltip=_this$props.hideTooltip;(0,_this$props.clearScheduled)(),hideTooltip(),parentOutsideClickHandler&&parentOutsideClickHandler(event)}},_this.handleOutsideRightClick=function(event){if(_this.tooltipRef&&!_this.tooltipRef.contains(event.target)){var parentOutsideRightClickHandler=_this.context.parentOutsideRightClickHandler,_this$props2=_this.props,hideTooltip=_this$props2.hideTooltip;(0,_this$props2.clearScheduled)(),hideTooltip(),parentOutsideRightClickHandler&&parentOutsideRightClickHandler(event)}},_this.addOutsideClickHandler=function(){document.body.addEventListener("touchend",_this.handleOutsideClick),document.body.addEventListener("click",_this.handleOutsideClick)},_this.removeOutsideClickHandler=function(){document.body.removeEventListener("touchend",_this.handleOutsideClick),document.body.removeEventListener("click",_this.handleOutsideClick)},_this.addOutsideRightClickHandler=function(){return document.body.addEventListener("contextmenu",_this.handleOutsideRightClick)},_this.removeOutsideRightClickHandler=function(){return document.body.removeEventListener("contextmenu",_this.handleOutsideRightClick)},_this.getTooltipRef=function(node){_this.tooltipRef=node,react_popper_tooltip_setRef(_this.props.innerRef,node)},_this.getArrowProps=function(props){return void 0===props&&(props={}),Object(esm_extends.a)({},props,{style:Object(esm_extends.a)({},props.style,_this.props.arrowProps.style)})},_this.getTooltipProps=function(props){return void 0===props&&(props={}),Object(esm_extends.a)({},props,_this.isTriggeredBy("hover")&&{onMouseEnter:callAll(_this.props.clearScheduled,props.onMouseEnter),onMouseLeave:callAll(_this.props.hideTooltip,props.onMouseLeave)},{style:Object(esm_extends.a)({},props.style,_this.props.style)})},_this.contextValue={isParentNoneTriggered:"none"===_this.props.trigger,addParentOutsideClickHandler:_this.addOutsideClickHandler,addParentOutsideRightClickHandler:_this.addOutsideRightClickHandler,parentOutsideClickHandler:_this.handleOutsideClick,parentOutsideRightClickHandler:_this.handleOutsideRightClick,removeParentOutsideClickHandler:_this.removeOutsideClickHandler,removeParentOutsideRightClickHandler:_this.removeOutsideRightClickHandler},_this}Object(inheritsLoose.a)(Tooltip,_Component);var _proto=Tooltip.prototype;return _proto.componentDidMount=function componentDidMount(){var _this2=this;if((this.observer=new MutationObserver((function(){_this2.props.update()}))).observe(this.tooltipRef,this.props.mutationObserverOptions),this.isTriggeredBy("hover")||this.isTriggeredBy("click")||this.isTriggeredBy("right-click")){var _this$context=this.context,removeParentOutsideClickHandler=_this$context.removeParentOutsideClickHandler,removeParentOutsideRightClickHandler=_this$context.removeParentOutsideRightClickHandler;this.addOutsideClickHandler(),this.addOutsideRightClickHandler(),removeParentOutsideClickHandler&&removeParentOutsideClickHandler(),removeParentOutsideRightClickHandler&&removeParentOutsideRightClickHandler()}},_proto.componentDidUpdate=function componentDidUpdate(){this.props.closeOnReferenceHidden&&this.props.isReferenceHidden&&this.props.hideTooltip()},_proto.componentWillUnmount=function componentWillUnmount(){if(this.observer&&this.observer.disconnect(),this.isTriggeredBy("hover")||this.isTriggeredBy("click")||this.isTriggeredBy("right-click")){var _this$context2=this.context,isParentNoneTriggered=_this$context2.isParentNoneTriggered,addParentOutsideClickHandler=_this$context2.addParentOutsideClickHandler,addParentOutsideRightClickHandler=_this$context2.addParentOutsideRightClickHandler;this.removeOutsideClickHandler(),this.removeOutsideRightClickHandler(),this.handleOutsideClick=void 0,this.handleOutsideRightClick=void 0,!isParentNoneTriggered&&addParentOutsideClickHandler&&addParentOutsideClickHandler(),!isParentNoneTriggered&&addParentOutsideRightClickHandler&&addParentOutsideRightClickHandler()}},_proto.render=function render(){var _this$props3=this.props,arrowProps=_this$props3.arrowProps,placement=_this$props3.placement,tooltip=_this$props3.tooltip;return react_default.a.createElement(TooltipContext.Provider,{value:this.contextValue},tooltip({arrowRef:arrowProps.ref,getArrowProps:this.getArrowProps,getTooltipProps:this.getTooltipProps,placement:placement,tooltipRef:this.getTooltipRef}))},_proto.isTriggeredBy=function isTriggeredBy(event){var trigger=this.props.trigger;return trigger===event||Array.isArray(trigger)&&trigger.includes(event)},Tooltip}(react.Component);react_popper_tooltip_Tooltip.contextType=TooltipContext;var react_popper_tooltip_TooltipTrigger=function(_Component){function TooltipTrigger(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_Component.call.apply(_Component,[this].concat(args))||this).state={tooltipShown:_this.props.defaultTooltipShown},_this.hideTimeout=void 0,_this.showTimeout=void 0,_this.popperOffset=void 0,_this.setTooltipState=function(state){var cb=function cb(){return _this.props.onVisibilityChange(state.tooltipShown)};_this.isControlled()?cb():_this.setState(state,cb)},_this.clearScheduled=function(){clearTimeout(_this.hideTimeout),clearTimeout(_this.showTimeout)},_this.showTooltip=function(_ref){var pageX=_ref.pageX,pageY=_ref.pageY;_this.clearScheduled();var state={tooltipShown:!0};_this.props.followCursor&&(state=Object(esm_extends.a)({},state,{pageX:pageX,pageY:pageY})),_this.showTimeout=window.setTimeout((function(){return _this.setTooltipState(state)}),_this.props.delayShow)},_this.hideTooltip=function(){_this.clearScheduled(),_this.hideTimeout=window.setTimeout((function(){return _this.setTooltipState({tooltipShown:!1})}),_this.props.delayHide)},_this.toggleTooltip=function(_ref2){var pageX=_ref2.pageX,pageY=_ref2.pageY,action=_this.getState()?"hideTooltip":"showTooltip";_this[action]({pageX:pageX,pageY:pageY})},_this.clickToggle=function(event){event.preventDefault();var pageX=event.pageX,pageY=event.pageY,action=_this.props.followCursor?"showTooltip":"toggleTooltip";_this[action]({pageX:pageX,pageY:pageY})},_this.contextMenuToggle=function(event){event.preventDefault();var pageX=event.pageX,pageY=event.pageY,action=_this.props.followCursor?"showTooltip":"toggleTooltip";_this[action]({pageX:pageX,pageY:pageY})},_this.getTriggerProps=function(props){return void 0===props&&(props={}),Object(esm_extends.a)({},props,_this.isTriggeredBy("click")&&{onClick:callAll(_this.clickToggle,props.onClick),onTouchEnd:callAll(_this.clickToggle,props.onTouchEnd)},_this.isTriggeredBy("right-click")&&{onContextMenu:callAll(_this.contextMenuToggle,props.onContextMenu)},_this.isTriggeredBy("hover")&&Object(esm_extends.a)({onMouseEnter:callAll(_this.showTooltip,props.onMouseEnter),onMouseLeave:callAll(_this.hideTooltip,props.onMouseLeave)},_this.props.followCursor&&{onMouseMove:callAll(_this.showTooltip,props.onMouseMove)}),_this.isTriggeredBy("focus")&&{onFocus:callAll(_this.showTooltip,props.onFocus),onBlur:callAll(_this.hideTooltip,props.onBlur)})},_this}Object(inheritsLoose.a)(TooltipTrigger,_Component);var _proto=TooltipTrigger.prototype;return _proto.componentWillUnmount=function componentWillUnmount(){this.clearScheduled()},_proto.render=function render(){var _this2=this,_this$props=this.props,children=_this$props.children,tooltip=_this$props.tooltip,placement=_this$props.placement,trigger=_this$props.trigger,getTriggerRef=_this$props.getTriggerRef,modifiers=_this$props.modifiers,closeOnReferenceHidden=_this$props.closeOnReferenceHidden,usePortal=_this$props.usePortal,portalContainer=_this$props.portalContainer,followCursor=_this$props.followCursor,getTooltipRef=_this$props.getTooltipRef,mutationObserverOptions=_this$props.mutationObserverOptions,restProps=Object(objectWithoutPropertiesLoose.a)(_this$props,["children","tooltip","placement","trigger","getTriggerRef","modifiers","closeOnReferenceHidden","usePortal","portalContainer","followCursor","getTooltipRef","mutationObserverOptions"]),popper=react_default.a.createElement(Popper,Object(esm_extends.a)({innerRef:getTooltipRef,placement:placement,modifiers:[{name:"followCursor",enabled:followCursor,phase:"main",fn:function fn(data){_this2.popperOffset=data.state.rects.popper}}].concat(modifiers)},restProps),(function(_ref3){var ref=_ref3.ref,style=_ref3.style,placement=_ref3.placement,arrowProps=_ref3.arrowProps,isReferenceHidden=_ref3.isReferenceHidden,update=_ref3.update;if(followCursor&&_this2.popperOffset){var _this2$state=_this2.state,pageX=_this2$state.pageX,pageY=_this2$state.pageY,_this2$popperOffset=_this2.popperOffset,width=_this2$popperOffset.width,height=_this2$popperOffset.height,x=pageX+width>window.pageXOffset+document.body.offsetWidth?pageX-width:pageX,y=pageY+height>window.pageYOffset+document.body.offsetHeight?pageY-height:pageY;style.transform="translate3d("+x+"px, "+y+"px, 0"}return react_default.a.createElement(react_popper_tooltip_Tooltip,Object(esm_extends.a)({arrowProps:arrowProps,closeOnReferenceHidden:closeOnReferenceHidden,isReferenceHidden:isReferenceHidden,placement:placement,update:update,style:style,tooltip:tooltip,trigger:trigger,mutationObserverOptions:mutationObserverOptions},{clearScheduled:_this2.clearScheduled,hideTooltip:_this2.hideTooltip,innerRef:ref}))}));return react_default.a.createElement(Manager,null,react_default.a.createElement(Reference,{innerRef:getTriggerRef},(function(_ref4){var ref=_ref4.ref;return children({getTriggerProps:_this2.getTriggerProps,triggerRef:ref})})),this.getState()&&(usePortal?Object(react_dom.createPortal)(popper,portalContainer):popper))},_proto.isControlled=function isControlled(){return void 0!==this.props.tooltipShown},_proto.getState=function getState(){return this.isControlled()?this.props.tooltipShown:this.state.tooltipShown},_proto.isTriggeredBy=function isTriggeredBy(event){var trigger=this.props.trigger;return trigger===event||Array.isArray(trigger)&&trigger.includes(event)},TooltipTrigger}(react.Component);react_popper_tooltip_TooltipTrigger.defaultProps={closeOnReferenceHidden:!0,defaultTooltipShown:!1,delayHide:0,delayShow:0,followCursor:!1,onVisibilityChange:function noop(){},placement:"right",portalContainer:canUseDOM()?document.body:null,trigger:"hover",usePortal:canUseDOM(),mutationObserverOptions:{childList:!0,subtree:!0},modifiers:[]};var react_popper_tooltip=react_popper_tooltip_TooltipTrigger,memoizerific=(__webpack_require__(104),__webpack_require__(30),__webpack_require__(189),__webpack_require__(18),__webpack_require__(29)),memoizerific_default=__webpack_require__.n(memoizerific),utils=__webpack_require__(102);function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var _templateObject,_templateObject2,match=memoizerific_default()(1e3)((function(requests,actual,value){var fallback=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return actual.split("-")[0]===requests?value:fallback})),Arrow=esm.styled.div({position:"absolute",borderStyle:"solid"},(function(_ref){var placement=_ref.placement,x=0,y=0;switch(!0){case placement.startsWith("left")||placement.startsWith("right"):y=8;break;case placement.startsWith("top")||placement.startsWith("bottom"):x=8}return{transform:"translate3d(".concat(x,"px, ").concat(y,"px, 0px)")}}),(function(_ref2){var theme=_ref2.theme,color=_ref2.color,placement=_ref2.placement;return{bottom:"".concat(match("top",placement,-8,"auto"),"px"),top:"".concat(match("bottom",placement,-8,"auto"),"px"),right:"".concat(match("left",placement,-8,"auto"),"px"),left:"".concat(match("right",placement,-8,"auto"),"px"),borderBottomWidth:"".concat(match("top",placement,"0",8),"px"),borderTopWidth:"".concat(match("bottom",placement,"0",8),"px"),borderRightWidth:"".concat(match("left",placement,"0",8),"px"),borderLeftWidth:"".concat(match("right",placement,"0",8),"px"),borderTopColor:match("top",placement,theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),"transparent"),borderBottomColor:match("bottom",placement,theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),"transparent"),borderLeftColor:match("left",placement,theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),"transparent"),borderRightColor:match("right",placement,theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),"transparent")}})),Wrapper=esm.styled.div((function(_ref3){return{display:_ref3.hidden?"none":"inline-block",zIndex:2147483647}}),(function(_ref4){var theme=_ref4.theme,color=_ref4.color;return _ref4.hasChrome?{background:theme.color[color]||color||"light"===theme.base?Object(utils.c)(theme.background.app):Object(utils.a)(theme.background.app),filter:"\n drop-shadow(0px 5px 5px rgba(0,0,0,0.05))\n drop-shadow(0 1px 3px rgba(0,0,0,0.1))\n ",borderRadius:2*theme.appBorderRadius,fontSize:theme.typography.size.s1}:{}})),Tooltip_Tooltip=function Tooltip(_ref5){var placement=_ref5.placement,hasChrome=_ref5.hasChrome,children=_ref5.children,arrowProps=_ref5.arrowProps,tooltipRef=_ref5.tooltipRef,arrowRef=_ref5.arrowRef,color=_ref5.color,props=_objectWithoutProperties(_ref5,["placement","hasChrome","children","arrowProps","tooltipRef","arrowRef","color"]);return react_default.a.createElement(Wrapper,_extends({hasChrome:hasChrome,placement:placement,ref:tooltipRef},props,{color:color}),hasChrome&&react_default.a.createElement(Arrow,_extends({placement:placement,ref:arrowRef},arrowProps,{color:color})),children)};function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}Tooltip_Tooltip.displayName="Tooltip",Tooltip_Tooltip.defaultProps={color:void 0,arrowRef:void 0,tooltipRef:void 0,hasChrome:!0,placement:"top",arrowProps:{}};var WithTooltip_document=window_default.a.document,TargetContainer=esm.styled.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: inline-block;\n cursor: ",";\n"])),(function(props){return"hover"===props.mode?"default":"pointer"})),TargetSvgContainer=esm.styled.g(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n cursor: ",";\n"])),(function(props){return"hover"===props.mode?"default":"pointer"})),WithTooltip_WithTooltipPure=function WithTooltipPure(_ref){var svg=_ref.svg,trigger=_ref.trigger,placement=(_ref.closeOnClick,_ref.placement),modifiers=_ref.modifiers,hasChrome=_ref.hasChrome,_tooltip=_ref.tooltip,children=_ref.children,tooltipShown=_ref.tooltipShown,onVisibilityChange=_ref.onVisibilityChange,props=WithTooltip_objectWithoutProperties(_ref,["svg","trigger","closeOnClick","placement","modifiers","hasChrome","tooltip","children","tooltipShown","onVisibilityChange"]),Container=svg?TargetSvgContainer:TargetContainer;return react_default.a.createElement(react_popper_tooltip,{placement:placement,trigger:trigger,modifiers:modifiers,tooltipShown:tooltipShown,onVisibilityChange:onVisibilityChange,tooltip:function tooltip(_ref2){var getTooltipProps=_ref2.getTooltipProps,getArrowProps=_ref2.getArrowProps,tooltipRef=_ref2.tooltipRef,arrowRef=_ref2.arrowRef,tooltipPlacement=_ref2.placement;return react_default.a.createElement(Tooltip_Tooltip,WithTooltip_extends({hasChrome:hasChrome,placement:tooltipPlacement,tooltipRef:tooltipRef,arrowRef:arrowRef,arrowProps:getArrowProps()},getTooltipProps()),"function"==typeof _tooltip?_tooltip({onHide:function onHide(){return onVisibilityChange(!1)}}):_tooltip)}},(function(_ref3){var getTriggerProps=_ref3.getTriggerProps,triggerRef=_ref3.triggerRef;return react_default.a.createElement(Container,WithTooltip_extends({ref:triggerRef},getTriggerProps(),props),children)}))};WithTooltip_WithTooltipPure.displayName="WithTooltipPure",WithTooltip_WithTooltipPure.defaultProps={svg:!1,trigger:"hover",closeOnClick:!1,placement:"top",modifiers:[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:!0,tooltipShown:!1};var WithTooltip_WithToolTipState=function WithToolTipState(_ref4){var startOpen=_ref4.startOpen,onChange=_ref4.onVisibilityChange,rest=WithTooltip_objectWithoutProperties(_ref4,["startOpen","onVisibilityChange"]),_useState2=_slicedToArray(Object(react.useState)(startOpen||!1),2),tooltipShown=_useState2[0],setTooltipShown=_useState2[1],onVisibilityChange=Object(react.useCallback)((function(visibility){onChange&&!1===onChange(visibility)||setTooltipShown(visibility)}),[onChange]);return Object(react.useEffect)((function(){var hide=function hide(){return onVisibilityChange(!1)};WithTooltip_document.addEventListener("keydown",hide,!1);var iframes=Array.from(WithTooltip_document.getElementsByTagName("iframe")),unbinders=[];return iframes.forEach((function(iframe){var bind=function bind(){try{iframe.contentWindow.document&&(iframe.contentWindow.document.addEventListener("click",hide),unbinders.push((function(){try{iframe.contentWindow.document.removeEventListener("click",hide)}catch(e){}})))}catch(e){}};bind(),iframe.addEventListener("load",bind),unbinders.push((function(){iframe.removeEventListener("load",bind)}))})),function(){WithTooltip_document.removeEventListener("keydown",hide),unbinders.forEach((function(unbind){unbind()}))}})),react_default.a.createElement(WithTooltip_WithTooltipPure,WithTooltip_extends({},rest,{tooltipShown:tooltipShown,onVisibilityChange:onVisibilityChange}))};WithTooltip_WithToolTipState.displayName="WithToolTipState"},553:function(module,exports,__webpack_require__){"use strict";var warning=function(){};module.exports=warning}}]); \ No newline at end of file diff --git a/docs/4.28e6afc65fcc14302f1c.manager.bundle.js b/docs/4.28e6afc65fcc14302f1c.manager.bundle.js new file mode 100644 index 000000000..544bbae72 --- /dev/null +++ b/docs/4.28e6afc65fcc14302f1c.manager.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see 4.28e6afc65fcc14302f1c.manager.bundle.js.LICENSE.txt */ +(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{1010:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"createCopyToClipboardFunction",(function(){return createCopyToClipboardFunction})),__webpack_require__.d(__webpack_exports__,"SyntaxHighlighter",(function(){return syntaxhighlighter_SyntaxHighlighter}));__webpack_require__(106),__webpack_require__(46),__webpack_require__(13),__webpack_require__(255),__webpack_require__(5),__webpack_require__(133),__webpack_require__(4),__webpack_require__(9),__webpack_require__(11),__webpack_require__(7),__webpack_require__(8),__webpack_require__(10),__webpack_require__(15),__webpack_require__(14),__webpack_require__(17),__webpack_require__(44),__webpack_require__(20);var react=__webpack_require__(0),react_default=__webpack_require__.n(react),esm=__webpack_require__(24),dist_esm=__webpack_require__(1),global_window=__webpack_require__(6),window_default=__webpack_require__.n(global_window),memoizerific=__webpack_require__(29),memoizerific_default=__webpack_require__.n(memoizerific),jsx=__webpack_require__(1027),prism_jsx=__webpack_require__.n(jsx).a,bash=__webpack_require__(1067),prism_bash=__webpack_require__.n(bash).a,css=__webpack_require__(1025),prism_css=__webpack_require__.n(css).a,js_extras=__webpack_require__(1063),prism_js_extras=__webpack_require__.n(js_extras).a,json=__webpack_require__(1064),prism_json=__webpack_require__.n(json).a,graphql=__webpack_require__(1069),prism_graphql=__webpack_require__.n(graphql).a,markup=__webpack_require__(1024),prism_markup=__webpack_require__.n(markup).a,markdown=__webpack_require__(1066),prism_markdown=__webpack_require__.n(markdown).a,yaml=__webpack_require__(1065),prism_yaml=__webpack_require__.n(yaml).a,tsx=__webpack_require__(1068),prism_tsx=__webpack_require__.n(tsx).a,typescript=__webpack_require__(1028),prism_typescript=__webpack_require__.n(typescript).a,objectWithoutProperties=__webpack_require__(1061),objectWithoutProperties_default=__webpack_require__.n(objectWithoutProperties),objectSpread=__webpack_require__(1026),objectSpread_default=__webpack_require__.n(objectSpread),helpers_extends=__webpack_require__(507),extends_default=__webpack_require__.n(helpers_extends);function createStyleObject(classNames){var elementStyle=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},stylesheet=arguments.length>2?arguments[2]:void 0;return classNames.reduce((function(styleObject,className){return objectSpread_default()({},styleObject,stylesheet[className])}),elementStyle)}function createClassNameString(classNames){return classNames.join(" ")}function createElement(_ref){var node=_ref.node,stylesheet=_ref.stylesheet,_ref$style=_ref.style,style=void 0===_ref$style?{}:_ref$style,useInlineStyles=_ref.useInlineStyles,key=_ref.key,properties=node.properties,type=node.type,TagName=node.tagName,value=node.value;if("text"===type)return value;if(TagName){var childrenCreator=function createChildren(stylesheet,useInlineStyles){var childrenCount=0;return function(children){return childrenCount+=1,children.map((function(child,i){return createElement({node:child,stylesheet:stylesheet,useInlineStyles:useInlineStyles,key:"code-segment-".concat(childrenCount,"-").concat(i)})}))}}(stylesheet,useInlineStyles),nonStylesheetClassNames=useInlineStyles&&properties.className&&properties.className.filter((function(className){return!stylesheet[className]})),className=nonStylesheetClassNames&&nonStylesheetClassNames.length?nonStylesheetClassNames:void 0,props=useInlineStyles?objectSpread_default()({},properties,{className:className&&createClassNameString(className)},{style:createStyleObject(properties.className,Object.assign({},properties.style,style),stylesheet)}):objectSpread_default()({},properties,{className:createClassNameString(properties.className)}),children=childrenCreator(node.children);return react_default.a.createElement(TagName,extends_default()({key:key},props),children)}}var newLineRegex=/\n/g;function AllLineNumbers(_ref2){var codeString=_ref2.codeString,codeStyle=_ref2.codeStyle,_ref2$containerStyle=_ref2.containerStyle,containerStyle=void 0===_ref2$containerStyle?{float:"left",paddingRight:"10px"}:_ref2$containerStyle,_ref2$numberStyle=_ref2.numberStyle,numberStyle=void 0===_ref2$numberStyle?{}:_ref2$numberStyle,startingLineNumber=_ref2.startingLineNumber;return react_default.a.createElement("code",{style:Object.assign({},codeStyle,containerStyle)},function getAllLineNumbers(_ref){var lines=_ref.lines,startingLineNumber=_ref.startingLineNumber,style=_ref.style;return lines.map((function(_,i){var number=i+startingLineNumber;return react_default.a.createElement("span",{key:"line-".concat(i),className:"react-syntax-highlighter-line-number",style:"function"==typeof style?style(number):style},"".concat(number,"\n"))}))}({lines:codeString.replace(/\n$/,"").split("\n"),style:numberStyle,startingLineNumber:startingLineNumber}))}function getInlineLineNumber(lineNumber,inlineLineNumberStyle){return{type:"element",tagName:"span",properties:{key:"line-number--".concat(lineNumber),className:["comment","linenumber","react-syntax-highlighter-line-number"],style:inlineLineNumberStyle},children:[{type:"text",value:lineNumber}]}}function assembleLineNumberStyles(lineNumberStyle,lineNumber,largestLineNumber){var num,len,defaultLineNumberStyle={display:"inline-block",minWidth:(num=largestLineNumber,len=num.toString().length,"".concat(len,"em")),paddingRight:"1em",textAlign:"right",userSelect:"none"},customLineNumberStyle="function"==typeof lineNumberStyle?lineNumberStyle(lineNumber):lineNumberStyle;return objectSpread_default()({},defaultLineNumberStyle,customLineNumberStyle)}function createLineElement(_ref3){var children=_ref3.children,lineNumber=_ref3.lineNumber,lineNumberStyle=_ref3.lineNumberStyle,largestLineNumber=_ref3.largestLineNumber,showInlineLineNumbers=_ref3.showInlineLineNumbers,_ref3$lineProps=_ref3.lineProps,lineProps=void 0===_ref3$lineProps?{}:_ref3$lineProps,_ref3$className=_ref3.className,className=void 0===_ref3$className?[]:_ref3$className,properties="function"==typeof lineProps?lineProps(lineNumber):lineProps;if(properties.className=className,lineNumber&&showInlineLineNumbers){var inlineLineNumberStyle=assembleLineNumberStyles(lineNumberStyle,lineNumber,largestLineNumber);children.unshift(getInlineLineNumber(lineNumber,inlineLineNumberStyle))}return{type:"element",tagName:"span",properties:properties,children:children}}function flattenCodeTree(tree){for(var className=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],newTree=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],i=0;i2&&void 0!==arguments[2]?arguments[2]:[];return createLineElement({children:children,lineNumber:lineNumber,lineNumberStyle:lineNumberStyle,largestLineNumber:largestLineNumber,showInlineLineNumbers:showInlineLineNumbers,lineProps:lineProps,className:className})}function createUnwrappedLine(children,lineNumber){if(lineNumber&&showInlineLineNumbers){var inlineLineNumberStyle=assembleLineNumberStyles(lineNumberStyle,lineNumber,largestLineNumber);children.unshift(getInlineLineNumber(lineNumber,inlineLineNumberStyle))}return children}function createLine(children,lineNumber){var className=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];return wrapLines||className.length>0?createWrappedLine(children,lineNumber,className):createUnwrappedLine(children,lineNumber)}for(var _loop=function _loop(){var node=tree[index],value=node.children[0].value;if(function getNewLines(str){return str.match(newLineRegex)}(value)){var splitValue=value.split("\n");splitValue.forEach((function(text,i){var lineNumber=showLineNumbers&&newTree.length+startingLineNumber,newChild={type:"text",value:"".concat(text,"\n")};if(0===i){var _line=createLine(tree.slice(lastLineBreakIndex+1,index).concat(createLineElement({children:[newChild],className:node.properties.className})),lineNumber);newTree.push(_line)}else if(i===splitValue.length-1){if(tree[index+1]&&tree[index+1].children&&tree[index+1].children[0]){var newElem=createLineElement({children:[{type:"text",value:"".concat(text)}],className:node.properties.className});tree.splice(index+1,0,newElem)}else{var _line2=createLine([newChild],lineNumber,node.properties.className);newTree.push(_line2)}}else{var _line3=createLine([newChild],lineNumber,node.properties.className);newTree.push(_line3)}})),lastLineBreakIndex=index}index++};index=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=48&&code<=57}},1024:function(module,exports,__webpack_require__){"use strict";function markup(Prism){Prism.languages.markup={comment:{pattern://,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(env){"entity"===env.type&&(env.attributes.title=env.content.value.replace(/&/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function addInlined(tagName,lang){var includedCdataInside={};includedCdataInside["language-"+lang]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[lang]},includedCdataInside.cdata=/^$/i;var inside={"included-cdata":{pattern://i,inside:includedCdataInside}};inside["language-"+lang]={pattern:/[\s\S]+/,inside:Prism.languages[lang]};var def={};def[tagName]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,(function(){return tagName})),"i"),lookbehind:!0,greedy:!0,inside:inside},Prism.languages.insertBefore("markup","cdata",def)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(attrName,lang){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+attrName+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[lang,"language-"+lang],inside:Prism.languages[lang]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml}module.exports=markup,markup.displayName="markup",markup.aliases=["html","mathml","svg","xml","ssml","atom","rss"]},1025:function(module,exports,__webpack_require__){"use strict";function css(Prism){!function(Prism){var string=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;Prism.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+string.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+string.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+string.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:string,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},Prism.languages.css.atrule.inside.rest=Prism.languages.css;var markup=Prism.languages.markup;markup&&(markup.tag.addInlined("style","css"),markup.tag.addAttribute("style","css"))}(Prism)}module.exports=css,css.displayName="css",css.aliases=[]},1026:function(module,exports,__webpack_require__){var defineProperty=__webpack_require__(246);module.exports=function _objectSpread(target){for(var i=1;i*\.{3}(?:[^{}]|)*\})/.source;function re(source,flags){return source=source.replace(//g,(function(){return space})).replace(//g,(function(){return braces})).replace(//g,(function(){return spread})),RegExp(source,flags)}spread=re(spread).source,Prism.languages.jsx=Prism.languages.extend("markup",javascript),Prism.languages.jsx.tag.pattern=re(/<\/?(?:[\w.:-]+(?:+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|))?|))**\/?)?>/.source),Prism.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,Prism.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,Prism.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,Prism.languages.jsx.tag.inside.comment=javascript.comment,Prism.languages.insertBefore("inside","attr-name",{spread:{pattern:re(//.source),inside:Prism.languages.jsx}},Prism.languages.jsx.tag),Prism.languages.insertBefore("inside","special-attr",{script:{pattern:re(/=/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:Prism.languages.jsx}}},Prism.languages.jsx.tag);var stringifyToken=function(token){return token?"string"==typeof token?token:"string"==typeof token.content?token.content:token.content.map(stringifyToken).join(""):""},walkTokens=function(tokens){for(var openedTags=[],i=0;i0&&openedTags[openedTags.length-1].tagName===stringifyToken(token.content[0].content[1])&&openedTags.pop():"/>"===token.content[token.content.length-1].content||openedTags.push({tagName:stringifyToken(token.content[0].content[1]),openedBraces:0}):openedTags.length>0&&"punctuation"===token.type&&"{"===token.content?openedTags[openedTags.length-1].openedBraces++:openedTags.length>0&&openedTags[openedTags.length-1].openedBraces>0&&"punctuation"===token.type&&"}"===token.content?openedTags[openedTags.length-1].openedBraces--:notTagNorBrace=!0),(notTagNorBrace||"string"==typeof token)&&openedTags.length>0&&0===openedTags[openedTags.length-1].openedBraces){var plainText=stringifyToken(token);i0&&("string"==typeof tokens[i-1]||"plain-text"===tokens[i-1].type)&&(plainText=stringifyToken(tokens[i-1])+plainText,tokens.splice(i-1,1),i--),tokens[i]=new Prism.Token("plain-text",plainText,null,plainText)}token.content&&"string"!=typeof token.content&&walkTokens(token.content)}};Prism.hooks.add("after-tokenize",(function(env){"jsx"!==env.language&&"tsx"!==env.language||walkTokens(env.tokens)}))}(Prism)}module.exports=jsx,jsx.displayName="jsx",jsx.aliases=[]},1028:function(module,exports,__webpack_require__){"use strict";function typescript(Prism){!function(Prism){Prism.languages.typescript=Prism.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),Prism.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete Prism.languages.typescript.parameter,delete Prism.languages.typescript["literal-property"];var typeInside=Prism.languages.extend("typescript",{});delete typeInside["class-name"],Prism.languages.typescript["class-name"].inside=typeInside,Prism.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:typeInside}}}}),Prism.languages.ts=Prism.languages.typescript}(Prism)}module.exports=typescript,typescript.displayName="typescript",typescript.aliases=["ts"]},1034:function(module,exports,__webpack_require__){"use strict";(function(global){var ctx="object"==typeof globalThis?globalThis:"object"==typeof self?self:"object"==typeof window?window:"object"==typeof global?global:{},restore=function capture(){var defined="Prism"in ctx,current=defined?ctx.Prism:void 0;return function restore(){defined?ctx.Prism=current:delete ctx.Prism;defined=void 0,current=void 0}}();ctx.Prism={manual:!0,disableWorkerMessageHandler:!0};var h=__webpack_require__(492),decode=__webpack_require__(1051),Prism=__webpack_require__(1058),markup=__webpack_require__(1024),css=__webpack_require__(1025),clike=__webpack_require__(1059),js=__webpack_require__(1060);restore();var own={}.hasOwnProperty;function Refractor(){}Refractor.prototype=Prism;var refract=new Refractor;function register(grammar){if("function"!=typeof grammar||!grammar.displayName)throw new Error("Expected `function` for `grammar`, got `"+grammar+"`");void 0===refract.languages[grammar.displayName]&&grammar(refract)}module.exports=refract,refract.highlight=function highlight(value,name){var grammar,sup=Prism.highlight;if("string"!=typeof value)throw new Error("Expected `string` for `value`, got `"+value+"`");if("Object"===refract.util.type(name))grammar=name,name=null;else{if("string"!=typeof name)throw new Error("Expected `string` for `name`, got `"+name+"`");if(!own.call(refract.languages,name))throw new Error("Unknown language: `"+name+"` is not registered");grammar=refract.languages[name]}return sup.call(this,value,grammar,name)},refract.register=register,refract.alias=function alias(name,alias){var key,list,length,index,languages=refract.languages,map=name;alias&&((map={})[name]=alias);for(key in map)for(list=map[key],length=(list="string"==typeof list?[list]:list).length,index=-1;++index4&&"data"===normal.slice(0,4)&&valid.test(value)&&("-"===value.charAt(4)?prop=function datasetToProperty(attribute){var value=attribute.slice(5).replace(dash,camelcase);return"data"+value.charAt(0).toUpperCase()+value.slice(1)}(value):value=function datasetToAttribute(property){var value=property.slice(4);if(dash.test(value))return property;"-"!==(value=value.replace(cap,kebab)).charAt(0)&&(value="-"+value);return"data"+value}(value),Type=DefinedInfo);return new Type(prop,value)};var valid=/^data[-\w.:]+$/i,dash=/-[a-z]/g,cap=/[A-Z]/g;function kebab($0){return"-"+$0.toLowerCase()}function camelcase($0){return $0.charAt(1).toUpperCase()}},1048:function(module,exports,__webpack_require__){"use strict";module.exports=function parse(selector,defaultTagName){var subvalue,previous,match,value=selector||"",name=defaultTagName||"div",props={},start=0;for(;start65535&&(output+=fromCharCode((reference-=65536)>>>10|55296),reference=56320|1023&reference),reference=output+fromCharCode(reference))):type!==name&&warning(4,diff)),reference?(flush(),prev=now(),index=end-1,column+=end-start+1,result.push(reference),(next=now()).offset++,handleReference&&handleReference.call(referenceContext,reference,{start:prev,end:next},value.slice(start-1,end)),prev=next):(characters=value.slice(start-1,end),queue+=characters,column+=characters.length,index=end-1)}else 10===character&&(line++,lines++,column=0),character==character?(queue+=fromCharCode(character),column++):flush();return result.join("");function now(){return{line:line,column:column,offset:index+(pos.offset||0)}}function parseError(code,offset){var position=now();position.column+=offset,position.offset+=offset,handleWarning.call(warningContext,messages[code],position,code)}function flush(){queue&&(result.push(queue),handleText&&handleText.call(textContext,queue,{start:prev,end:now()}),queue="")}}(value,settings)};var own={}.hasOwnProperty,fromCharCode=String.fromCharCode,noop=Function.prototype,defaults={warning:null,reference:null,text:null,warningContext:null,referenceContext:null,textContext:null,position:{},additional:null,attribute:!1,nonTerminated:!0},name="named",hexa="hexadecimal",deci="decimal",bases={hexadecimal:16,decimal:10},tests={};tests.named=alphanumerical,tests[deci]=decimal,tests[hexa]=hexadecimal;var messages={};function prohibited(code){return code>=55296&&code<=57343||code>1114111}function disallowed(code){return code>=1&&code<=8||11===code||code>=13&&code<=31||code>=127&&code<=159||code>=64976&&code<=65007||65535==(65535&code)||65534==(65535&code)}messages[1]="Named character references must be terminated by a semicolon",messages[2]="Numeric character references must be terminated by a semicolon",messages[3]="Named character references cannot be empty",messages[4]="Numeric character references cannot be empty",messages[5]="Named character references must be known",messages[6]="Numeric character references cannot be disallowed",messages[7]="Numeric character references cannot be outside the permissible Unicode range"},1052:function(module){module.exports=JSON.parse('{"AElig":"Æ","AMP":"&","Aacute":"Á","Acirc":"Â","Agrave":"À","Aring":"Å","Atilde":"Ã","Auml":"Ä","COPY":"©","Ccedil":"Ç","ETH":"Ð","Eacute":"É","Ecirc":"Ê","Egrave":"È","Euml":"Ë","GT":">","Iacute":"Í","Icirc":"Î","Igrave":"Ì","Iuml":"Ï","LT":"<","Ntilde":"Ñ","Oacute":"Ó","Ocirc":"Ô","Ograve":"Ò","Oslash":"Ø","Otilde":"Õ","Ouml":"Ö","QUOT":"\\"","REG":"®","THORN":"Þ","Uacute":"Ú","Ucirc":"Û","Ugrave":"Ù","Uuml":"Ü","Yacute":"Ý","aacute":"á","acirc":"â","acute":"´","aelig":"æ","agrave":"à","amp":"&","aring":"å","atilde":"ã","auml":"ä","brvbar":"¦","ccedil":"ç","cedil":"¸","cent":"¢","copy":"©","curren":"¤","deg":"°","divide":"÷","eacute":"é","ecirc":"ê","egrave":"è","eth":"ð","euml":"ë","frac12":"½","frac14":"¼","frac34":"¾","gt":">","iacute":"í","icirc":"î","iexcl":"¡","igrave":"ì","iquest":"¿","iuml":"ï","laquo":"«","lt":"<","macr":"¯","micro":"µ","middot":"·","nbsp":" ","not":"¬","ntilde":"ñ","oacute":"ó","ocirc":"ô","ograve":"ò","ordf":"ª","ordm":"º","oslash":"ø","otilde":"õ","ouml":"ö","para":"¶","plusmn":"±","pound":"£","quot":"\\"","raquo":"»","reg":"®","sect":"§","shy":"­","sup1":"¹","sup2":"²","sup3":"³","szlig":"ß","thorn":"þ","times":"×","uacute":"ú","ucirc":"û","ugrave":"ù","uml":"¨","uuml":"ü","yacute":"ý","yen":"¥","yuml":"ÿ"}')},1053:function(module){module.exports=JSON.parse('{"0":"�","128":"€","130":"‚","131":"ƒ","132":"„","133":"…","134":"†","135":"‡","136":"ˆ","137":"‰","138":"Š","139":"‹","140":"Œ","142":"Ž","145":"‘","146":"’","147":"“","148":"”","149":"•","150":"–","151":"—","152":"˜","153":"™","154":"š","155":"›","156":"œ","158":"ž","159":"Ÿ"}')},1054:function(module,exports,__webpack_require__){"use strict";module.exports=function hexadecimal(character){var code="string"==typeof character?character.charCodeAt(0):character;return code>=97&&code<=102||code>=65&&code<=70||code>=48&&code<=57}},1055:function(module,exports,__webpack_require__){"use strict";var alphabetical=__webpack_require__(1056),decimal=__webpack_require__(1023);module.exports=function alphanumerical(character){return alphabetical(character)||decimal(character)}},1056:function(module,exports,__webpack_require__){"use strict";module.exports=function alphabetical(character){var code="string"==typeof character?character.charCodeAt(0):character;return code>=97&&code<=122||code>=65&&code<=90}},1057:function(module,exports,__webpack_require__){"use strict";var el;module.exports=function decodeEntity(characters){var char,entity="&"+characters+";";if((el=el||document.createElement("i")).innerHTML=entity,59===(char=el.textContent).charCodeAt(char.length-1)&&"semi"!==characters)return!1;return char!==entity&&char}},1058:function(module,exports,__webpack_require__){(function(global){var Prism=function(_self){var lang=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,uniqueId=0,plainTextGrammar={},_={manual:_self.Prism&&_self.Prism.manual,disableWorkerMessageHandler:_self.Prism&&_self.Prism.disableWorkerMessageHandler,util:{encode:function encode(tokens){return tokens instanceof Token?new Token(tokens.type,encode(tokens.content),tokens.alias):Array.isArray(tokens)?tokens.map(encode):tokens.replace(/&/g,"&").replace(/=rematch.reach);pos+=currentNode.value.length,currentNode=currentNode.next){var str=currentNode.value;if(tokenList.length>text.length)return;if(!(str instanceof Token)){var match,removeCount=1;if(greedy){if(!(match=matchPattern(pattern,pos,text,lookbehind))||match.index>=text.length)break;var from=match.index,to=match.index+match[0].length,p=pos;for(p+=currentNode.value.length;from>=p;)p+=(currentNode=currentNode.next).value.length;if(pos=p-=currentNode.value.length,currentNode.value instanceof Token)continue;for(var k=currentNode;k!==tokenList.tail&&(prematch.reach&&(rematch.reach=reach);var removeFrom=currentNode.prev;if(before&&(removeFrom=addAfter(tokenList,removeFrom,before),pos+=before.length),removeRange(tokenList,removeFrom,removeCount),currentNode=addAfter(tokenList,removeFrom,new Token(token,inside?_.tokenize(matchStr,inside):matchStr,alias,matchStr)),after&&addAfter(tokenList,currentNode,after),removeCount>1){var nestedRematch={cause:token+","+j,reach:reach};matchGrammar(text,tokenList,grammar,currentNode.prev,pos,nestedRematch),rematch&&nestedRematch.reach>rematch.reach&&(rematch.reach=nestedRematch.reach)}}}}}}function LinkedList(){var head={value:null,prev:null,next:null},tail={value:null,prev:head,next:null};head.next=tail,this.head=head,this.tail=tail,this.length=0}function addAfter(list,node,value){var next=node.next,newNode={value:value,prev:node,next:next};return node.next=newNode,next.prev=newNode,list.length++,newNode}function removeRange(list,node,count){for(var next=node.next,i=0;i"+env.content+""},!_self.document)return _self.addEventListener?(_.disableWorkerMessageHandler||_self.addEventListener("message",(function(evt){var message=JSON.parse(evt.data),lang=message.language,code=message.code,immediateClose=message.immediateClose;_self.postMessage(_.highlight(code,_.languages[lang],lang)),immediateClose&&_self.close()}),!1),_):_;var script=_.util.currentScript();function highlightAutomaticallyCallback(){_.manual||_.highlightAll()}if(script&&(_.filename=script.src,script.hasAttribute("data-manual")&&(_.manual=!0)),!_.manual){var readyState=document.readyState;"loading"===readyState||"interactive"===readyState&&script&&script.defer?document.addEventListener("DOMContentLoaded",highlightAutomaticallyCallback):window.requestAnimationFrame?window.requestAnimationFrame(highlightAutomaticallyCallback):window.setTimeout(highlightAutomaticallyCallback,16)}return _}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});module.exports&&(module.exports=Prism),void 0!==global&&(global.Prism=Prism)}).call(this,__webpack_require__(75))},1059:function(module,exports,__webpack_require__){"use strict";function clike(Prism){Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}}module.exports=clike,clike.displayName="clike",clike.aliases=[]},1060:function(module,exports,__webpack_require__){"use strict";function javascript(Prism){Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Prism.languages.js=Prism.languages.javascript}module.exports=javascript,javascript.displayName="javascript",javascript.aliases=["js"]},1061:function(module,exports,__webpack_require__){var objectWithoutPropertiesLoose=__webpack_require__(1062);module.exports=function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target},module.exports.__esModule=!0,module.exports.default=module.exports},1062:function(module,exports){module.exports=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target},module.exports.__esModule=!0,module.exports.default=module.exports},1063:function(module,exports,__webpack_require__){"use strict";function jsExtras(Prism){!function(Prism){function withId(source,flags){return RegExp(source.replace(//g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),flags)}Prism.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+Prism.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),Prism.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+Prism.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),Prism.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),Prism.languages.insertBefore("javascript","keyword",{imports:{pattern:withId(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:Prism.languages.javascript},exports:{pattern:withId(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:Prism.languages.javascript}}),Prism.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),Prism.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),Prism.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:withId(/(\.\s*)#?/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var maybeClassNameTokens=["function","function-variable","method","method-variable","property-access"],i=0;i|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,properties="(?:"+tag.source+"(?:[ \t]+"+anchorOrAlias.source+")?|"+anchorOrAlias.source+"(?:[ \t]+"+tag.source+")?)",plainKey=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),string=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function createValuePattern(value,flags){flags=(flags||"").replace(/m/g,"")+"m";var pattern=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,(function(){return properties})).replace(/<>/g,(function(){return value}));return RegExp(pattern,flags)}Prism.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,(function(){return properties}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,(function(){return properties})).replace(/<>/g,(function(){return"(?:"+plainKey+"|"+string+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:createValuePattern(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:createValuePattern(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:createValuePattern(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:createValuePattern(string),lookbehind:!0,greedy:!0},number:{pattern:createValuePattern(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:tag,important:anchorOrAlias,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},Prism.languages.yml=Prism.languages.yaml}(Prism)}module.exports=yaml,yaml.displayName="yaml",yaml.aliases=["yml"]},1066:function(module,exports,__webpack_require__){"use strict";function markdown(Prism){!function(Prism){var inner=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function createInline(pattern){return pattern=pattern.replace(//g,(function(){return inner})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+pattern+")")}var tableCell=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,tableRow=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return tableCell})),tableLine=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;Prism.languages.markdown=Prism.languages.extend("markup",{}),Prism.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:Prism.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+tableRow+tableLine+"(?:"+tableRow+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+tableRow+tableLine+")(?:"+tableRow+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(tableCell),inside:Prism.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+tableRow+")"+tableLine+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+tableRow+"$"),inside:{"table-header":{pattern:RegExp(tableCell),alias:"important",inside:Prism.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:createInline(/\b__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:createInline(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:createInline(/(~~?)(?:(?!~))+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:createInline(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(token){["url","bold","italic","strike","code-snippet"].forEach((function(inside){token!==inside&&(Prism.languages.markdown[token].inside.content.inside[inside]=Prism.languages.markdown[inside])}))})),Prism.hooks.add("after-tokenize",(function(env){"markdown"!==env.language&&"md"!==env.language||function walkTokens(tokens){if(tokens&&"string"!=typeof tokens)for(var i=0,l=tokens.length;i",quot:'"'},fromCodePoint=String.fromCodePoint||String.fromCharCode;Prism.languages.md=Prism.languages.markdown}(Prism)}module.exports=markdown,markdown.displayName="markdown",markdown.aliases=["md"]},1067:function(module,exports,__webpack_require__){"use strict";function bash(Prism){!function(Prism){var envVars="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",commandAfterHeredoc={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},insideString={bash:commandAfterHeredoc,environment:{pattern:RegExp("\\$"+envVars),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+envVars),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};Prism.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+envVars),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:insideString},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:commandAfterHeredoc}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:insideString},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:insideString.entity}}],environment:{pattern:RegExp("\\$?"+envVars),alias:"constant"},variable:insideString.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},commandAfterHeredoc.inside=Prism.languages.bash;for(var toBeCopied=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],inside=insideString.variable[1].inside,i=0;i0)){var mutationEnd=findClosingBracket(/^\{$/,/^\}$/);if(-1===mutationEnd)continue;for(var i=currentIndex;i=0&&addAlias(varToken,"variable-input")}}}}function getToken(offset){return validTokens[currentIndex+offset]}function isTokenType(types,offset){offset=offset||0;for(var i=0;i1&&void 0!==arguments[1]?arguments[1]:{},stylesheet=arguments.length>2?arguments[2]:void 0;return classNames.reduce((function(styleObject,className){return objectSpread_default()({},styleObject,stylesheet[className])}),elementStyle)}function createClassNameString(classNames){return classNames.join(" ")}function createElement(_ref){var node=_ref.node,stylesheet=_ref.stylesheet,_ref$style=_ref.style,style=void 0===_ref$style?{}:_ref$style,useInlineStyles=_ref.useInlineStyles,key=_ref.key,properties=node.properties,type=node.type,TagName=node.tagName,value=node.value;if("text"===type)return value;if(TagName){var childrenCreator=function createChildren(stylesheet,useInlineStyles){var childrenCount=0;return function(children){return childrenCount+=1,children.map((function(child,i){return createElement({node:child,stylesheet:stylesheet,useInlineStyles:useInlineStyles,key:"code-segment-".concat(childrenCount,"-").concat(i)})}))}}(stylesheet,useInlineStyles),nonStylesheetClassNames=useInlineStyles&&properties.className&&properties.className.filter((function(className){return!stylesheet[className]})),className=nonStylesheetClassNames&&nonStylesheetClassNames.length?nonStylesheetClassNames:void 0,props=useInlineStyles?objectSpread_default()({},properties,{className:className&&createClassNameString(className)},{style:createStyleObject(properties.className,Object.assign({},properties.style,style),stylesheet)}):objectSpread_default()({},properties,{className:createClassNameString(properties.className)}),children=childrenCreator(node.children);return react_default.a.createElement(TagName,extends_default()({key:key},props),children)}}var newLineRegex=/\n/g;function AllLineNumbers(_ref2){var codeString=_ref2.codeString,codeStyle=_ref2.codeStyle,_ref2$containerStyle=_ref2.containerStyle,containerStyle=void 0===_ref2$containerStyle?{float:"left",paddingRight:"10px"}:_ref2$containerStyle,_ref2$numberStyle=_ref2.numberStyle,numberStyle=void 0===_ref2$numberStyle?{}:_ref2$numberStyle,startingLineNumber=_ref2.startingLineNumber;return react_default.a.createElement("code",{style:Object.assign({},codeStyle,containerStyle)},function getAllLineNumbers(_ref){var lines=_ref.lines,startingLineNumber=_ref.startingLineNumber,style=_ref.style;return lines.map((function(_,i){var number=i+startingLineNumber;return react_default.a.createElement("span",{key:"line-".concat(i),className:"react-syntax-highlighter-line-number",style:"function"==typeof style?style(number):style},"".concat(number,"\n"))}))}({lines:codeString.replace(/\n$/,"").split("\n"),style:numberStyle,startingLineNumber:startingLineNumber}))}function getInlineLineNumber(lineNumber,inlineLineNumberStyle){return{type:"element",tagName:"span",properties:{key:"line-number--".concat(lineNumber),className:["comment","linenumber","react-syntax-highlighter-line-number"],style:inlineLineNumberStyle},children:[{type:"text",value:lineNumber}]}}function assembleLineNumberStyles(lineNumberStyle,lineNumber,largestLineNumber){var num,len,defaultLineNumberStyle={display:"inline-block",minWidth:(num=largestLineNumber,len=num.toString().length,"".concat(len,"em")),paddingRight:"1em",textAlign:"right",userSelect:"none"},customLineNumberStyle="function"==typeof lineNumberStyle?lineNumberStyle(lineNumber):lineNumberStyle;return objectSpread_default()({},defaultLineNumberStyle,customLineNumberStyle)}function createLineElement(_ref3){var children=_ref3.children,lineNumber=_ref3.lineNumber,lineNumberStyle=_ref3.lineNumberStyle,largestLineNumber=_ref3.largestLineNumber,showInlineLineNumbers=_ref3.showInlineLineNumbers,_ref3$lineProps=_ref3.lineProps,lineProps=void 0===_ref3$lineProps?{}:_ref3$lineProps,_ref3$className=_ref3.className,className=void 0===_ref3$className?[]:_ref3$className,properties="function"==typeof lineProps?lineProps(lineNumber):lineProps;if(properties.className=className,lineNumber&&showInlineLineNumbers){var inlineLineNumberStyle=assembleLineNumberStyles(lineNumberStyle,lineNumber,largestLineNumber);children.unshift(getInlineLineNumber(lineNumber,inlineLineNumberStyle))}return{type:"element",tagName:"span",properties:properties,children:children}}function flattenCodeTree(tree){for(var className=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],newTree=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],i=0;i2&&void 0!==arguments[2]?arguments[2]:[];return createLineElement({children:children,lineNumber:lineNumber,lineNumberStyle:lineNumberStyle,largestLineNumber:largestLineNumber,showInlineLineNumbers:showInlineLineNumbers,lineProps:lineProps,className:className})}function createUnwrappedLine(children,lineNumber){if(lineNumber&&showInlineLineNumbers){var inlineLineNumberStyle=assembleLineNumberStyles(lineNumberStyle,lineNumber,largestLineNumber);children.unshift(getInlineLineNumber(lineNumber,inlineLineNumberStyle))}return children}function createLine(children,lineNumber){var className=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];return wrapLines||className.length>0?createWrappedLine(children,lineNumber,className):createUnwrappedLine(children,lineNumber)}for(var _loop=function _loop(){var node=tree[index],value=node.children[0].value;if(function getNewLines(str){return str.match(newLineRegex)}(value)){var splitValue=value.split("\n");splitValue.forEach((function(text,i){var lineNumber=showLineNumbers&&newTree.length+startingLineNumber,newChild={type:"text",value:"".concat(text,"\n")};if(0===i){var _line=createLine(tree.slice(lastLineBreakIndex+1,index).concat(createLineElement({children:[newChild],className:node.properties.className})),lineNumber);newTree.push(_line)}else if(i===splitValue.length-1){if(tree[index+1]&&tree[index+1].children&&tree[index+1].children[0]){var newElem=createLineElement({children:[{type:"text",value:"".concat(text)}],className:node.properties.className});tree.splice(index+1,0,newElem)}else{var _line2=createLine([newChild],lineNumber,node.properties.className);newTree.push(_line2)}}else{var _line3=createLine([newChild],lineNumber,node.properties.className);newTree.push(_line3)}})),lastLineBreakIndex=index}index++};index=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=48&&code<=57}},866:function(module,exports,__webpack_require__){"use strict";function markup(Prism){Prism.languages.markup={comment:{pattern://,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern://i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",(function(env){"entity"===env.type&&(env.attributes.title=env.content.value.replace(/&/,"&"))})),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function addInlined(tagName,lang){var includedCdataInside={};includedCdataInside["language-"+lang]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[lang]},includedCdataInside.cdata=/^$/i;var inside={"included-cdata":{pattern://i,inside:includedCdataInside}};inside["language-"+lang]={pattern:/[\s\S]+/,inside:Prism.languages[lang]};var def={};def[tagName]={pattern:RegExp(/(<__[^>]*>)(?:))*\]\]>|(?!)/.source.replace(/__/g,(function(){return tagName})),"i"),lookbehind:!0,greedy:!0,inside:inside},Prism.languages.insertBefore("markup","cdata",def)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(attrName,lang){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+attrName+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[lang,"language-"+lang],inside:Prism.languages[lang]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml}module.exports=markup,markup.displayName="markup",markup.aliases=["html","mathml","svg","xml","ssml","atom","rss"]},867:function(module,exports,__webpack_require__){"use strict";function css(Prism){!function(Prism){var string=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;Prism.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+string.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+string.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+string.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:string,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},Prism.languages.css.atrule.inside.rest=Prism.languages.css;var markup=Prism.languages.markup;markup&&(markup.tag.addInlined("style","css"),markup.tag.addAttribute("style","css"))}(Prism)}module.exports=css,css.displayName="css",css.aliases=[]},868:function(module,exports,__webpack_require__){var defineProperty=__webpack_require__(905);module.exports=function _objectSpread(target){for(var i=1;i*\.{3}(?:[^{}]|)*\})/.source;function re(source,flags){return source=source.replace(//g,(function(){return space})).replace(//g,(function(){return braces})).replace(//g,(function(){return spread})),RegExp(source,flags)}spread=re(spread).source,Prism.languages.jsx=Prism.languages.extend("markup",javascript),Prism.languages.jsx.tag.pattern=re(/<\/?(?:[\w.:-]+(?:+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|))?|))**\/?)?>/.source),Prism.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,Prism.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,Prism.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,Prism.languages.jsx.tag.inside.comment=javascript.comment,Prism.languages.insertBefore("inside","attr-name",{spread:{pattern:re(//.source),inside:Prism.languages.jsx}},Prism.languages.jsx.tag),Prism.languages.insertBefore("inside","special-attr",{script:{pattern:re(/=/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:Prism.languages.jsx}}},Prism.languages.jsx.tag);var stringifyToken=function(token){return token?"string"==typeof token?token:"string"==typeof token.content?token.content:token.content.map(stringifyToken).join(""):""},walkTokens=function(tokens){for(var openedTags=[],i=0;i0&&openedTags[openedTags.length-1].tagName===stringifyToken(token.content[0].content[1])&&openedTags.pop():"/>"===token.content[token.content.length-1].content||openedTags.push({tagName:stringifyToken(token.content[0].content[1]),openedBraces:0}):openedTags.length>0&&"punctuation"===token.type&&"{"===token.content?openedTags[openedTags.length-1].openedBraces++:openedTags.length>0&&openedTags[openedTags.length-1].openedBraces>0&&"punctuation"===token.type&&"}"===token.content?openedTags[openedTags.length-1].openedBraces--:notTagNorBrace=!0),(notTagNorBrace||"string"==typeof token)&&openedTags.length>0&&0===openedTags[openedTags.length-1].openedBraces){var plainText=stringifyToken(token);i0&&("string"==typeof tokens[i-1]||"plain-text"===tokens[i-1].type)&&(plainText=stringifyToken(tokens[i-1])+plainText,tokens.splice(i-1,1),i--),tokens[i]=new Prism.Token("plain-text",plainText,null,plainText)}token.content&&"string"!=typeof token.content&&walkTokens(token.content)}};Prism.hooks.add("after-tokenize",(function(env){"jsx"!==env.language&&"tsx"!==env.language||walkTokens(env.tokens)}))}(Prism)}module.exports=jsx,jsx.displayName="jsx",jsx.aliases=[]},870:function(module,exports,__webpack_require__){"use strict";function typescript(Prism){!function(Prism){Prism.languages.typescript=Prism.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),Prism.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete Prism.languages.typescript.parameter,delete Prism.languages.typescript["literal-property"];var typeInside=Prism.languages.extend("typescript",{});delete typeInside["class-name"],Prism.languages.typescript["class-name"].inside=typeInside,Prism.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:typeInside}}}}),Prism.languages.ts=Prism.languages.typescript}(Prism)}module.exports=typescript,typescript.displayName="typescript",typescript.aliases=["ts"]},876:function(module,exports,__webpack_require__){"use strict";(function(global){var ctx="object"==typeof globalThis?globalThis:"object"==typeof self?self:"object"==typeof window?window:"object"==typeof global?global:{},restore=function capture(){var defined="Prism"in ctx,current=defined?ctx.Prism:void 0;return function restore(){defined?ctx.Prism=current:delete ctx.Prism;defined=void 0,current=void 0}}();ctx.Prism={manual:!0,disableWorkerMessageHandler:!0};var h=__webpack_require__(877),decode=__webpack_require__(893),Prism=__webpack_require__(900),markup=__webpack_require__(866),css=__webpack_require__(867),clike=__webpack_require__(901),js=__webpack_require__(902);restore();var own={}.hasOwnProperty;function Refractor(){}Refractor.prototype=Prism;var refract=new Refractor;function register(grammar){if("function"!=typeof grammar||!grammar.displayName)throw new Error("Expected `function` for `grammar`, got `"+grammar+"`");void 0===refract.languages[grammar.displayName]&&grammar(refract)}module.exports=refract,refract.highlight=function highlight(value,name){var grammar,sup=Prism.highlight;if("string"!=typeof value)throw new Error("Expected `string` for `value`, got `"+value+"`");if("Object"===refract.util.type(name))grammar=name,name=null;else{if("string"!=typeof name)throw new Error("Expected `string` for `name`, got `"+name+"`");if(!own.call(refract.languages,name))throw new Error("Unknown language: `"+name+"` is not registered");grammar=refract.languages[name]}return sup.call(this,value,grammar,name)},refract.register=register,refract.alias=function alias(name,alias){var key,list,length,index,languages=refract.languages,map=name;alias&&((map={})[name]=alias);for(key in map)for(list=map[key],length=(list="string"==typeof list?[list]:list).length,index=-1;++index4&&"data"===normal.slice(0,4)&&valid.test(value)&&("-"===value.charAt(4)?prop=function datasetToProperty(attribute){var value=attribute.slice(5).replace(dash,camelcase);return"data"+value.charAt(0).toUpperCase()+value.slice(1)}(value):value=function datasetToAttribute(property){var value=property.slice(4);if(dash.test(value))return property;"-"!==(value=value.replace(cap,kebab)).charAt(0)&&(value="-"+value);return"data"+value}(value),Type=DefinedInfo);return new Type(prop,value)};var valid=/^data[-\w.:]+$/i,dash=/-[a-z]/g,cap=/[A-Z]/g;function kebab($0){return"-"+$0.toLowerCase()}function camelcase($0){return $0.charAt(1).toUpperCase()}},890:function(module,exports,__webpack_require__){"use strict";module.exports=function parse(selector,defaultTagName){var subvalue,previous,match,value=selector||"",name=defaultTagName||"div",props={},start=0;for(;start65535&&(output+=fromCharCode((reference-=65536)>>>10|55296),reference=56320|1023&reference),reference=output+fromCharCode(reference))):type!==name&&warning(4,diff)),reference?(flush(),prev=now(),index=end-1,column+=end-start+1,result.push(reference),(next=now()).offset++,handleReference&&handleReference.call(referenceContext,reference,{start:prev,end:next},value.slice(start-1,end)),prev=next):(characters=value.slice(start-1,end),queue+=characters,column+=characters.length,index=end-1)}else 10===character&&(line++,lines++,column=0),character==character?(queue+=fromCharCode(character),column++):flush();return result.join("");function now(){return{line:line,column:column,offset:index+(pos.offset||0)}}function parseError(code,offset){var position=now();position.column+=offset,position.offset+=offset,handleWarning.call(warningContext,messages[code],position,code)}function flush(){queue&&(result.push(queue),handleText&&handleText.call(textContext,queue,{start:prev,end:now()}),queue="")}}(value,settings)};var own={}.hasOwnProperty,fromCharCode=String.fromCharCode,noop=Function.prototype,defaults={warning:null,reference:null,text:null,warningContext:null,referenceContext:null,textContext:null,position:{},additional:null,attribute:!1,nonTerminated:!0},name="named",hexa="hexadecimal",deci="decimal",bases={hexadecimal:16,decimal:10},tests={};tests.named=alphanumerical,tests[deci]=decimal,tests[hexa]=hexadecimal;var messages={};function prohibited(code){return code>=55296&&code<=57343||code>1114111}function disallowed(code){return code>=1&&code<=8||11===code||code>=13&&code<=31||code>=127&&code<=159||code>=64976&&code<=65007||65535==(65535&code)||65534==(65535&code)}messages[1]="Named character references must be terminated by a semicolon",messages[2]="Numeric character references must be terminated by a semicolon",messages[3]="Named character references cannot be empty",messages[4]="Numeric character references cannot be empty",messages[5]="Named character references must be known",messages[6]="Numeric character references cannot be disallowed",messages[7]="Numeric character references cannot be outside the permissible Unicode range"},894:function(module){module.exports=JSON.parse('{"AElig":"Æ","AMP":"&","Aacute":"Á","Acirc":"Â","Agrave":"À","Aring":"Å","Atilde":"Ã","Auml":"Ä","COPY":"©","Ccedil":"Ç","ETH":"Ð","Eacute":"É","Ecirc":"Ê","Egrave":"È","Euml":"Ë","GT":">","Iacute":"Í","Icirc":"Î","Igrave":"Ì","Iuml":"Ï","LT":"<","Ntilde":"Ñ","Oacute":"Ó","Ocirc":"Ô","Ograve":"Ò","Oslash":"Ø","Otilde":"Õ","Ouml":"Ö","QUOT":"\\"","REG":"®","THORN":"Þ","Uacute":"Ú","Ucirc":"Û","Ugrave":"Ù","Uuml":"Ü","Yacute":"Ý","aacute":"á","acirc":"â","acute":"´","aelig":"æ","agrave":"à","amp":"&","aring":"å","atilde":"ã","auml":"ä","brvbar":"¦","ccedil":"ç","cedil":"¸","cent":"¢","copy":"©","curren":"¤","deg":"°","divide":"÷","eacute":"é","ecirc":"ê","egrave":"è","eth":"ð","euml":"ë","frac12":"½","frac14":"¼","frac34":"¾","gt":">","iacute":"í","icirc":"î","iexcl":"¡","igrave":"ì","iquest":"¿","iuml":"ï","laquo":"«","lt":"<","macr":"¯","micro":"µ","middot":"·","nbsp":" ","not":"¬","ntilde":"ñ","oacute":"ó","ocirc":"ô","ograve":"ò","ordf":"ª","ordm":"º","oslash":"ø","otilde":"õ","ouml":"ö","para":"¶","plusmn":"±","pound":"£","quot":"\\"","raquo":"»","reg":"®","sect":"§","shy":"­","sup1":"¹","sup2":"²","sup3":"³","szlig":"ß","thorn":"þ","times":"×","uacute":"ú","ucirc":"û","ugrave":"ù","uml":"¨","uuml":"ü","yacute":"ý","yen":"¥","yuml":"ÿ"}')},895:function(module){module.exports=JSON.parse('{"0":"�","128":"€","130":"‚","131":"ƒ","132":"„","133":"…","134":"†","135":"‡","136":"ˆ","137":"‰","138":"Š","139":"‹","140":"Œ","142":"Ž","145":"‘","146":"’","147":"“","148":"”","149":"•","150":"–","151":"—","152":"˜","153":"™","154":"š","155":"›","156":"œ","158":"ž","159":"Ÿ"}')},896:function(module,exports,__webpack_require__){"use strict";module.exports=function hexadecimal(character){var code="string"==typeof character?character.charCodeAt(0):character;return code>=97&&code<=102||code>=65&&code<=70||code>=48&&code<=57}},897:function(module,exports,__webpack_require__){"use strict";var alphabetical=__webpack_require__(898),decimal=__webpack_require__(865);module.exports=function alphanumerical(character){return alphabetical(character)||decimal(character)}},898:function(module,exports,__webpack_require__){"use strict";module.exports=function alphabetical(character){var code="string"==typeof character?character.charCodeAt(0):character;return code>=97&&code<=122||code>=65&&code<=90}},899:function(module,exports,__webpack_require__){"use strict";var el;module.exports=function decodeEntity(characters){var char,entity="&"+characters+";";if((el=el||document.createElement("i")).innerHTML=entity,59===(char=el.textContent).charCodeAt(char.length-1)&&"semi"!==characters)return!1;return char!==entity&&char}},900:function(module,exports,__webpack_require__){(function(global){var Prism=function(_self){var lang=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,uniqueId=0,plainTextGrammar={},_={manual:_self.Prism&&_self.Prism.manual,disableWorkerMessageHandler:_self.Prism&&_self.Prism.disableWorkerMessageHandler,util:{encode:function encode(tokens){return tokens instanceof Token?new Token(tokens.type,encode(tokens.content),tokens.alias):Array.isArray(tokens)?tokens.map(encode):tokens.replace(/&/g,"&").replace(/=rematch.reach);pos+=currentNode.value.length,currentNode=currentNode.next){var str=currentNode.value;if(tokenList.length>text.length)return;if(!(str instanceof Token)){var match,removeCount=1;if(greedy){if(!(match=matchPattern(pattern,pos,text,lookbehind))||match.index>=text.length)break;var from=match.index,to=match.index+match[0].length,p=pos;for(p+=currentNode.value.length;from>=p;)p+=(currentNode=currentNode.next).value.length;if(pos=p-=currentNode.value.length,currentNode.value instanceof Token)continue;for(var k=currentNode;k!==tokenList.tail&&(prematch.reach&&(rematch.reach=reach);var removeFrom=currentNode.prev;if(before&&(removeFrom=addAfter(tokenList,removeFrom,before),pos+=before.length),removeRange(tokenList,removeFrom,removeCount),currentNode=addAfter(tokenList,removeFrom,new Token(token,inside?_.tokenize(matchStr,inside):matchStr,alias,matchStr)),after&&addAfter(tokenList,currentNode,after),removeCount>1){var nestedRematch={cause:token+","+j,reach:reach};matchGrammar(text,tokenList,grammar,currentNode.prev,pos,nestedRematch),rematch&&nestedRematch.reach>rematch.reach&&(rematch.reach=nestedRematch.reach)}}}}}}function LinkedList(){var head={value:null,prev:null,next:null},tail={value:null,prev:head,next:null};head.next=tail,this.head=head,this.tail=tail,this.length=0}function addAfter(list,node,value){var next=node.next,newNode={value:value,prev:node,next:next};return node.next=newNode,next.prev=newNode,list.length++,newNode}function removeRange(list,node,count){for(var next=node.next,i=0;i"+env.content+""},!_self.document)return _self.addEventListener?(_.disableWorkerMessageHandler||_self.addEventListener("message",(function(evt){var message=JSON.parse(evt.data),lang=message.language,code=message.code,immediateClose=message.immediateClose;_self.postMessage(_.highlight(code,_.languages[lang],lang)),immediateClose&&_self.close()}),!1),_):_;var script=_.util.currentScript();function highlightAutomaticallyCallback(){_.manual||_.highlightAll()}if(script&&(_.filename=script.src,script.hasAttribute("data-manual")&&(_.manual=!0)),!_.manual){var readyState=document.readyState;"loading"===readyState||"interactive"===readyState&&script&&script.defer?document.addEventListener("DOMContentLoaded",highlightAutomaticallyCallback):window.requestAnimationFrame?window.requestAnimationFrame(highlightAutomaticallyCallback):window.setTimeout(highlightAutomaticallyCallback,16)}return _}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});module.exports&&(module.exports=Prism),void 0!==global&&(global.Prism=Prism)}).call(this,__webpack_require__(97))},901:function(module,exports,__webpack_require__){"use strict";function clike(Prism){Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}}module.exports=clike,clike.displayName="clike",clike.aliases=[]},902:function(module,exports,__webpack_require__){"use strict";function javascript(Prism){Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),Prism.languages.js=Prism.languages.javascript}module.exports=javascript,javascript.displayName="javascript",javascript.aliases=["js"]},903:function(module,exports,__webpack_require__){var objectWithoutPropertiesLoose=__webpack_require__(904);module.exports=function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target},module.exports.__esModule=!0,module.exports.default=module.exports},904:function(module,exports){module.exports=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target},module.exports.__esModule=!0,module.exports.default=module.exports},905:function(module,exports){module.exports=function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj},module.exports.__esModule=!0,module.exports.default=module.exports},906:function(module,exports){function _extends(){return module.exports=_extends=Object.assign||function(target){for(var i=1;i/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),flags)}Prism.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+Prism.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),Prism.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+Prism.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),Prism.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),Prism.languages.insertBefore("javascript","keyword",{imports:{pattern:withId(/(\bimport\b\s*)(?:(?:\s*,\s*(?:\*\s*as\s+|\{[^{}]*\}))?|\*\s*as\s+|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:Prism.languages.javascript},exports:{pattern:withId(/(\bexport\b\s*)(?:\*(?:\s*as\s+)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:Prism.languages.javascript}}),Prism.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),Prism.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),Prism.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:withId(/(\.\s*)#?/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var maybeClassNameTokens=["function","function-variable","method","method-variable","property-access"],i=0;i|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,properties="(?:"+tag.source+"(?:[ \t]+"+anchorOrAlias.source+")?|"+anchorOrAlias.source+"(?:[ \t]+"+tag.source+")?)",plainKey=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-])(?:[ \t]*(?:(?![#:])|:))*/.source.replace(//g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),string=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function createValuePattern(value,flags){flags=(flags||"").replace(/m/g,"")+"m";var pattern=/([:\-,[{]\s*(?:\s<>[ \t]+)?)(?:<>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<>/g,(function(){return properties})).replace(/<>/g,(function(){return value}));return RegExp(pattern,flags)}Prism.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<>/g,(function(){return properties}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<>[ \t]+)?)<>(?=\s*:\s)/.source.replace(/<>/g,(function(){return properties})).replace(/<>/g,(function(){return"(?:"+plainKey+"|"+string+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:createValuePattern(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:createValuePattern(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:createValuePattern(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:createValuePattern(string),lookbehind:!0,greedy:!0},number:{pattern:createValuePattern(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:tag,important:anchorOrAlias,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},Prism.languages.yml=Prism.languages.yaml}(Prism)}module.exports=yaml,yaml.displayName="yaml",yaml.aliases=["yml"]},910:function(module,exports,__webpack_require__){"use strict";function markdown(Prism){!function(Prism){var inner=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function createInline(pattern){return pattern=pattern.replace(//g,(function(){return inner})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+pattern+")")}var tableCell=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,tableRow=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return tableCell})),tableLine=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;Prism.languages.markdown=Prism.languages.extend("markup",{}),Prism.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:Prism.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+tableRow+tableLine+"(?:"+tableRow+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+tableRow+tableLine+")(?:"+tableRow+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(tableCell),inside:Prism.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+tableRow+")"+tableLine+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+tableRow+"$"),inside:{"table-header":{pattern:RegExp(tableCell),alias:"important",inside:Prism.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:createInline(/\b__(?:(?!_)|_(?:(?!_))+_)+__\b|\*\*(?:(?!\*)|\*(?:(?!\*))+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:createInline(/\b_(?:(?!_)|__(?:(?!_))+__)+_\b|\*(?:(?!\*)|\*\*(?:(?!\*))+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:createInline(/(~~?)(?:(?!~))+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:createInline(/!?\[(?:(?!\]))+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\]))+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(token){["url","bold","italic","strike","code-snippet"].forEach((function(inside){token!==inside&&(Prism.languages.markdown[token].inside.content.inside[inside]=Prism.languages.markdown[inside])}))})),Prism.hooks.add("after-tokenize",(function(env){"markdown"!==env.language&&"md"!==env.language||function walkTokens(tokens){if(tokens&&"string"!=typeof tokens)for(var i=0,l=tokens.length;i",quot:'"'},fromCodePoint=String.fromCodePoint||String.fromCharCode;Prism.languages.md=Prism.languages.markdown}(Prism)}module.exports=markdown,markdown.displayName="markdown",markdown.aliases=["md"]},911:function(module,exports,__webpack_require__){"use strict";function bash(Prism){!function(Prism){var envVars="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",commandAfterHeredoc={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},insideString={bash:commandAfterHeredoc,environment:{pattern:RegExp("\\$"+envVars),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+envVars),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};Prism.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+envVars),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:insideString},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:commandAfterHeredoc}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:insideString},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:insideString.entity}}],environment:{pattern:RegExp("\\$?"+envVars),alias:"constant"},variable:insideString.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},commandAfterHeredoc.inside=Prism.languages.bash;for(var toBeCopied=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],inside=insideString.variable[1].inside,i=0;i0)){var mutationEnd=findClosingBracket(/^\{$/,/^\}$/);if(-1===mutationEnd)continue;for(var i=currentIndex;i=0&&addAlias(varToken,"variable-input")}}}}function getToken(offset){return validTokens[currentIndex+offset]}function isTokenType(types,offset){offset=offset||0;for(var i=0;i=0||(o[t]=e[t]);return o}function index_module_i(e){var t=Object(react.useRef)(e),n=Object(react.useRef)((function(e){t.current&&t.current(e)}));return t.current=e,n.current}var index_module_s=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e0:e.buttons>0)&&m.current?g(index_module_d(m.current,e,b.current)):t(!1)},r=function(){return t(!1)};function t(t){var n=_.current,o=index_module_v(m.current),a=t?o.addEventListener:o.removeEventListener;a(n?"touchmove":"mousemove",e),a(n?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,n=m.current;if(n&&(index_module_h(r),!function(e,r){return r&&!index_module_f(e)}(r,_.current)&&n)){if(index_module_f(r)){_.current=!0;var o=r.changedTouches||[];o.length&&(b.current=o[0].identifier)}n.focus(),g(index_module_d(n,r,b.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),p({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]}),[p,g]),C=x[0],E=x[1],H=x[2];return Object(react.useEffect)((function(){return H}),[H]),react_default.a.createElement("div",index_module_u({},s,{onTouchStart:C,onMouseDown:C,className:"react-colorful__interactive",ref:m,onKeyDown:E,tabIndex:0,role:"slider"}))})),index_module_g=function(e){return e.filter(Boolean).join(" ")},index_module_p=function(r){var t=r.color,n=r.left,o=r.top,a=void 0===o?.5:o,l=index_module_g(["react-colorful__pointer",r.className]);return react_default.a.createElement("div",{className:l,style:{top:100*a+"%",left:100*n+"%"}},react_default.a.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},index_module_b=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},index_module_={grad:.9,turn:360,rad:360/(2*Math.PI)},index_module_x=function(e){return"#"===e[0]&&(e=e.substr(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:1}:{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:1}},index_module_C=function(e,r){return void 0===r&&(r="deg"),Number(e)*(index_module_[r]||1)},index_module_E=function(e){var r=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?M({h:index_module_C(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},M=function(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t<50?t:100-t)/100)>0?2*r/(t+r)*100:0,v:t+r,a:e.a}},N=function(e){var r=e.s,t=e.v,n=e.a,o=(200-r)*t/100;return{h:index_module_b(e.h),s:index_module_b(o>0&&o<200?r*t/100/(o<=100?o:200-o)*100:0),l:index_module_b(o/2),a:index_module_b(n,2)}},w=function(e){var r=N(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},y=function(e){var r=N(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},q=function(e){var r=e.h,t=e.s,n=e.v,o=e.a;r=r/360*6,t/=100,n/=100;var a=Math.floor(r),l=n*(1-t),u=n*(1-(r-a)*t),c=n*(1-(1-r+a)*t),i=a%6;return{r:index_module_b(255*[n,u,l,l,c,n][i]),g:index_module_b(255*[c,n,n,u,l,l][i]),b:index_module_b(255*[l,l,c,n,n,u][i]),a:index_module_b(o,2)}},I=function(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?B({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},z=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},B=function(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=Math.max(r,t,n),l=a-Math.min(r,t,n),u=l?a===r?(t-n)/l:a===t?2+(n-r)/l:4+(r-t)/l:0;return{h:index_module_b(60*(u<0?u+6:u)),s:index_module_b(a?l/a*100:0),v:index_module_b(a/255*100),a:o}},K=react_default.a.memo((function(r){var t=r.hue,n=r.onChange,o=index_module_g(["react-colorful__hue",r.className]);return react_default.a.createElement("div",{className:o},react_default.a.createElement(index_module_m,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:index_module_s(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuetext":index_module_b(t)},react_default.a.createElement(index_module_p,{className:"react-colorful__hue-pointer",left:t/360,color:w({h:t,s:100,v:100,a:1})})))})),L=react_default.a.memo((function(r){var t=r.hsva,n=r.onChange,o={backgroundColor:w({h:t.h,s:100,v:100,a:1})};return react_default.a.createElement("div",{className:"react-colorful__saturation",style:o},react_default.a.createElement(index_module_m,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:index_module_s(t.s+100*e.left,0,100),v:index_module_s(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+index_module_b(t.s)+"%, Brightness "+index_module_b(t.v)+"%"},react_default.a.createElement(index_module_p,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:w(t)})))})),A=function(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},S=function(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")};function T(e,t,l){var u=index_module_i(l),c=Object(react.useState)((function(){return e.toHsva(t)})),s=c[0],f=c[1],v=Object(react.useRef)({color:t,hsva:s});Object(react.useEffect)((function(){if(!e.equal(t,v.current.color)){var r=e.toHsva(t);v.current={hsva:r,color:t},f(r)}}),[t,e]),Object(react.useEffect)((function(){var r;A(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r))}),[s,e,u]);var d=Object(react.useCallback)((function(e){f((function(r){return Object.assign({},r,e)}))}),[]);return[s,d]}var F,P="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,R=new Map,V=function(e){P((function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&&!R.has(r)){var t=r.createElement("style");t.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',R.set(r,t);var n=F||__webpack_require__.nc;n&&t.setAttribute("nonce",n),r.head.appendChild(t)}}),[])},$=function(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=index_module_c(t,["className","colorModel","color","onChange"]),f=Object(react.useRef)(null);V(f);var v=T(o,l,i),d=v[0],h=v[1],m=index_module_g(["react-colorful",n]);return react_default.a.createElement("div",index_module_u({},s,{ref:f,className:m}),react_default.a.createElement(L,{hsva:d,onChange:h}),react_default.a.createElement(K,{hue:d.h,onChange:h,className:"react-colorful__last-control"}))},G={defaultColor:"000",toHsva:function(e){return B(index_module_x(e))},fromHsva:function(e){return t=(r=q(e)).g,n=r.b,"#"+z(r.r)+z(t)+z(n);var r,t,n},equal:function(e,r){return e.toLowerCase()===r.toLowerCase()||A(index_module_x(e),index_module_x(r))}},Q=function(r){var t=r.className,n=r.hsva,o=r.onChange,a={backgroundImage:"linear-gradient(90deg, "+y(Object.assign({},n,{a:0}))+", "+y(Object.assign({},n,{a:1}))+")"},l=index_module_g(["react-colorful__alpha",t]);return react_default.a.createElement("div",{className:l},react_default.a.createElement("div",{className:"react-colorful__alpha-gradient",style:a}),react_default.a.createElement(index_module_m,{onMove:function(e){o({a:e.left})},onKey:function(e){o({a:index_module_s(n.a+e.left)})},"aria-label":"Alpha","aria-valuetext":index_module_b(100*n.a)+"%"},react_default.a.createElement(index_module_p,{className:"react-colorful__alpha-pointer",left:n.a,color:y(n)})))},U=function(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=index_module_c(t,["className","colorModel","color","onChange"]),f=Object(react.useRef)(null);V(f);var v=T(o,l,i),d=v[0],h=v[1],m=index_module_g(["react-colorful",n]);return react_default.a.createElement("div",index_module_u({},s,{ref:f,className:m}),react_default.a.createElement(L,{hsva:d,onChange:h}),react_default.a.createElement(K,{hue:d.h,onChange:h}),react_default.a.createElement(Q,{hsva:d,onChange:h,className:"react-colorful__last-control"}))},ee={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:index_module_E,fromHsva:y,equal:S},ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:I,fromHsva:function(e){var r=q(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:S},color_convert=__webpack_require__(497),color_convert_default=__webpack_require__.n(color_convert),throttle=__webpack_require__(517),throttle_default=__webpack_require__.n(throttle),esm=__webpack_require__(1);__webpack_require__(47);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Note=esm.styled.div((function(_ref){var theme=_ref.theme;return{padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:"light"===theme.base?"rgba(60, 60, 60, 0.9)":"rgba(20, 20, 20, 0.85)",margin:6}})),TooltipNote_TooltipNote=function TooltipNote(_ref2){var note=_ref2.note,props=_objectWithoutProperties(_ref2,["note"]);return react_default.a.createElement(Note,props,note)};TooltipNote_TooltipNote.displayName="TooltipNote";var _ColorPicker,_fallbackColor,lazy_WithTooltip=__webpack_require__(514),esm_form=__webpack_require__(52),icon=__webpack_require__(59),helpers=__webpack_require__(39);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Wrapper=esm.styled.div({position:"relative",maxWidth:250}),PickerTooltip=Object(esm.styled)(lazy_WithTooltip.a)({position:"absolute",zIndex:1,top:4,left:4}),TooltipContent=esm.styled.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Color_Note=Object(esm.styled)(TooltipNote_TooltipNote)((function(_ref){return{fontFamily:_ref.theme.typography.fonts.base}})),Swatches=esm.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=esm.styled.div((function(_ref2){var theme=_ref2.theme;return{width:16,height:16,boxShadow:_ref2.active?"".concat(theme.appBorderColor," 0 0 0 1px inset, ").concat(theme.color.mediumdark,"50 0 0 0 4px"):"".concat(theme.appBorderColor," 0 0 0 1px inset"),borderRadius:theme.appBorderRadius}})),Color_Swatch=function Swatch(_ref3){var value=_ref3.value,active=_ref3.active,onClick=_ref3.onClick,style=_ref3.style,props=Color_objectWithoutProperties(_ref3,["value","active","onClick","style"]),backgroundImage="linear-gradient(".concat(value,", ").concat(value,"), ").concat('url(\'data:image/svg+xml;charset=utf-8,\')',", linear-gradient(#fff, #fff)");return react_default.a.createElement(SwatchColor,_extends({},props,{active:active,onClick:onClick,style:Object.assign({},style,{backgroundImage:backgroundImage})}))};Color_Swatch.displayName="Swatch";var ColorSpace,Input=Object(esm.styled)(esm_form.a.Input)((function(_ref4){return{width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:_ref4.theme.typography.fonts.base}})),ToggleIcon=Object(esm.styled)(icon.a)((function(_ref5){return{position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:_ref5.theme.input.color}}));!function(ColorSpace){ColorSpace.RGB="rgb",ColorSpace.HSL="hsl",ColorSpace.HEX="hex"}(ColorSpace||(ColorSpace={}));var COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker=(_defineProperty(_ColorPicker={},ColorSpace.HEX,(function(r){return react_default.a.createElement($,index_module_u({},r,{colorModel:G}))})),_defineProperty(_ColorPicker,ColorSpace.RGB,(function(r){return react_default.a.createElement(U,index_module_u({},r,{colorModel:ge}))})),_defineProperty(_ColorPicker,ColorSpace.HSL,(function(r){return react_default.a.createElement(U,index_module_u({},r,{colorModel:ee}))})),_ColorPicker),fallbackColor=(_defineProperty(_fallbackColor={},ColorSpace.HEX,"transparent"),_defineProperty(_fallbackColor,ColorSpace.RGB,"rgba(0, 0, 0, 0)"),_defineProperty(_fallbackColor,ColorSpace.HSL,"hsla(0, 0%, 0%, 0)"),_fallbackColor),stringToArgs=function stringToArgs(value){var match=null==value?void 0:value.match(COLOR_REGEXP);if(!match)return[0,0,0,1];var _match=_slicedToArray(match,5),x=_match[1],y=_match[2],z=_match[3],_match$=_match[4];return[x,y,z,void 0===_match$?1:_match$].map(Number)},Color_parseValue=function parseValue(value){var _ref12;if(value){var valid=!0;if(RGB_REGEXP.test(value)){var _ref8,_stringToArgs2=_slicedToArray(stringToArgs(value),4),r=_stringToArgs2[0],g=_stringToArgs2[1],b=_stringToArgs2[2],a=_stringToArgs2[3],_ref7=_slicedToArray(color_convert_default.a.rgb.hsl([r,g,b])||[0,0,0],3),h=_ref7[0],s=_ref7[1],l=_ref7[2];return _defineProperty(_ref8={valid:valid,value:value,keyword:color_convert_default.a.rgb.keyword([r,g,b]),colorSpace:ColorSpace.RGB},ColorSpace.RGB,value),_defineProperty(_ref8,ColorSpace.HSL,"hsla(".concat(h,", ").concat(s,"%, ").concat(l,"%, ").concat(a,")")),_defineProperty(_ref8,ColorSpace.HEX,"#".concat(color_convert_default.a.rgb.hex([r,g,b]).toLowerCase())),_ref8}if(HSL_REGEXP.test(value)){var _ref11,_stringToArgs4=_slicedToArray(stringToArgs(value),4),_h=_stringToArgs4[0],_s2=_stringToArgs4[1],_l=_stringToArgs4[2],_a=_stringToArgs4[3],_ref10=_slicedToArray(color_convert_default.a.hsl.rgb([_h,_s2,_l])||[0,0,0],3),_r=_ref10[0],_g=_ref10[1],_b=_ref10[2];return _defineProperty(_ref11={valid:valid,value:value,keyword:color_convert_default.a.hsl.keyword([_h,_s2,_l]),colorSpace:ColorSpace.HSL},ColorSpace.RGB,"rgba(".concat(_r,", ").concat(_g,", ").concat(_b,", ").concat(_a,")")),_defineProperty(_ref11,ColorSpace.HSL,value),_defineProperty(_ref11,ColorSpace.HEX,"#".concat(color_convert_default.a.hsl.hex([_h,_s2,_l]).toLowerCase())),_ref11}var plain=value.replace("#",""),rgb=color_convert_default.a.keyword.rgb(plain)||color_convert_default.a.hex.rgb(plain),hsl=color_convert_default.a.rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&&(mapped="#".concat(plain)),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{color_convert_default.a.keyword.hex(mapped)}catch(e){valid=!1}return _defineProperty(_ref12={valid:valid,value:mapped,keyword:color_convert_default.a.rgb.keyword(rgb),colorSpace:ColorSpace.HEX},ColorSpace.RGB,"rgba(".concat(rgb[0],", ").concat(rgb[1],", ").concat(rgb[2],", 1)")),_defineProperty(_ref12,ColorSpace.HSL,"hsla(".concat(hsl[0],", ").concat(hsl[1],"%, ").concat(hsl[2],"%, 1)")),_defineProperty(_ref12,ColorSpace.HEX,mapped),_ref12}},Color_useColorInput=function useColorInput(initialValue,onChange){var _useState2=_slicedToArray(Object(react.useState)(initialValue||""),2),value=_useState2[0],setValue=_useState2[1],_useState4=_slicedToArray(Object(react.useState)((function(){return Color_parseValue(value)})),2),color=_useState4[0],setColor=_useState4[1],_useState6=_slicedToArray(Object(react.useState)((null==color?void 0:color.colorSpace)||ColorSpace.HEX),2),colorSpace=_useState6[0],setColorSpace=_useState6[1];Object(react.useEffect)((function(){void 0===initialValue&&(setValue(""),setColor(void 0),setColorSpace(ColorSpace.HEX))}),[initialValue]);var realValue=Object(react.useMemo)((function(){return function getRealValue(value,color,colorSpace){if(!value||null==color||!color.valid)return fallbackColor[colorSpace];if(colorSpace!==ColorSpace.HEX)return(null==color?void 0:color[colorSpace])||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return"#".concat(color_convert_default.a.keyword.hex(color.hex))}catch(e){return fallbackColor.hex}var short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;var _short$1$split2=_slicedToArray(short[1].split(""),3),r=_short$1$split2[0],g=_short$1$split2[1],b=_short$1$split2[2];return"#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b)}(value,color,colorSpace).toLowerCase()}),[value,color,colorSpace]),updateValue=Object(react.useCallback)((function(update){var parsed=Color_parseValue(update);setValue((null==parsed?void 0:parsed.value)||update||""),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))}),[onChange]),cycleColorSpace=Object(react.useCallback)((function(){var next=COLOR_SPACES.indexOf(colorSpace)+1;next>=COLOR_SPACES.length&&(next=0),setColorSpace(COLOR_SPACES[next]);var update=(null==color?void 0:color[COLOR_SPACES[next]])||"";setValue(update),onChange(update)}),[color,colorSpace,onChange]);return{value:value,realValue:realValue,updateValue:updateValue,color:color,colorSpace:colorSpace,cycleColorSpace:cycleColorSpace}},id=function id(value){return value.replace(/\s*/,"").toLowerCase()},Color_ColorControl=function ColorControl(_ref13){var name=_ref13.name,initialValue=_ref13.value,onChange=_ref13.onChange,onFocus=_ref13.onFocus,onBlur=_ref13.onBlur,presetColors=_ref13.presetColors,startOpen=_ref13.startOpen,_useColorInput=Color_useColorInput(initialValue,throttle_default()(onChange,200)),value=_useColorInput.value,realValue=_useColorInput.realValue,updateValue=_useColorInput.updateValue,color=_useColorInput.color,colorSpace=_useColorInput.colorSpace,cycleColorSpace=_useColorInput.cycleColorSpace,_usePresets=function usePresets(presetColors,currentColor,colorSpace){var _useState8=_slicedToArray(Object(react.useState)(null!=currentColor&¤tColor.valid?[currentColor]:[]),2),selectedColors=_useState8[0],setSelectedColors=_useState8[1];Object(react.useEffect)((function(){void 0===currentColor&&setSelectedColors([])}),[currentColor]);var presets=Object(react.useMemo)((function(){return(presetColors||[]).map((function(preset){return"string"==typeof preset?Color_parseValue(preset):preset.title?Object.assign({},Color_parseValue(preset.color),{keyword:preset.title}):Color_parseValue(preset.color)})).concat(selectedColors).filter(Boolean).slice(-27)}),[presetColors,selectedColors]),addPreset=Object(react.useCallback)((function(color){null!=color&&color.valid&&(presets.some((function(preset){return id(preset[colorSpace])===id(color[colorSpace])}))||setSelectedColors((function(arr){return arr.concat(color)})))}),[colorSpace,presets]);return{presets:presets,addPreset:addPreset}}(presetColors,color,colorSpace),presets=_usePresets.presets,addPreset=_usePresets.addPreset,Picker=ColorPicker[colorSpace];return react_default.a.createElement(Wrapper,null,react_default.a.createElement(PickerTooltip,{trigger:"click",startOpen:startOpen,closeOnClick:!0,onVisibilityChange:function onVisibilityChange(){return addPreset(color)},tooltip:react_default.a.createElement(TooltipContent,null,react_default.a.createElement(Picker,{color:"transparent"===realValue?"#000000":realValue,onChange:updateValue,onFocus:onFocus,onBlur:onBlur}),presets.length>0&&react_default.a.createElement(Swatches,null,presets.map((function(preset,index){return react_default.a.createElement(lazy_WithTooltip.a,{key:"".concat(preset.value,"-").concat(index),hasChrome:!1,tooltip:react_default.a.createElement(Color_Note,{note:preset.keyword||preset.value})},react_default.a.createElement(Color_Swatch,{value:preset[colorSpace],active:color&&id(preset[colorSpace])===id(color[colorSpace]),onClick:function onClick(){return updateValue(preset.value)}}))}))))},react_default.a.createElement(Color_Swatch,{value:realValue,style:{margin:4}})),react_default.a.createElement(Input,{id:Object(helpers.a)(name),value:value,onChange:function onChange(e){return updateValue(e.target.value)},onFocus:function onFocus(e){return e.target.select()},placeholder:"Choose color..."}),value?react_default.a.createElement(ToggleIcon,{icon:"markup",onClick:cycleColorSpace}):null)};Color_ColorControl.displayName="ColorControl";__webpack_exports__.default=Color_ColorControl},1071:function(module,exports,__webpack_require__){"use strict";module.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}},491:function(module,exports,__webpack_require__){function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1&&(h-=1)),[360*h,100*s,100*v]},convert.rgb.hwb=function(rgb){var r=rgb[0],g=rgb[1],b=rgb[2];return[convert.rgb.hsl(rgb)[0],100*(1/255*Math.min(r,Math.min(g,b))),100*(b=1-1/255*Math.max(r,Math.max(g,b)))]},convert.rgb.cmyk=function(rgb){var r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,k=Math.min(1-r,1-g,1-b);return[100*((1-r-k)/(1-k)||0),100*((1-g-k)/(1-k)||0),100*((1-b-k)/(1-k)||0),100*k]},convert.rgb.keyword=function(rgb){var reversed=reverseKeywords[rgb];if(reversed)return reversed;for(var currentClosestKeyword,x,y,currentClosestDistance=1/0,_i3=0,_Object$keys3=Object.keys(cssKeywords);_i3<_Object$keys3.length;_i3++){var keyword=_Object$keys3[_i3],value=cssKeywords[keyword],distance=(x=rgb,y=value,Math.pow(x[0]-y[0],2)+Math.pow(x[1]-y[1],2)+Math.pow(x[2]-y[2],2));distance.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.3576*(g=g>.04045?Math.pow((g+.055)/1.055,2.4):g/12.92)+.1805*(b=b>.04045?Math.pow((b+.055)/1.055,2.4):b/12.92)),100*(.2126*r+.7152*g+.0722*b),100*(.0193*r+.1192*g+.9505*b)]},convert.rgb.lab=function(rgb){var xyz=convert.rgb.xyz(rgb),x=xyz[0],y=xyz[1],z=xyz[2];return y/=100,z/=108.883,x=(x/=95.047)>.008856?Math.pow(x,1/3):7.787*x+16/116,[116*(y=y>.008856?Math.pow(y,1/3):7.787*y+16/116)-16,500*(x-y),200*(y-(z=z>.008856?Math.pow(z,1/3):7.787*z+16/116))]},convert.hsl.rgb=function(hsl){var t2,t3,val,h=hsl[0]/360,s=hsl[1]/100,l=hsl[2]/100;if(0===s)return[val=255*l,val,val];for(var t1=2*l-(t2=l<.5?l*(1+s):l+s-l*s),rgb=[0,0,0],i=0;i<3;i++)(t3=h+1/3*-(i-1))<0&&t3++,t3>1&&t3--,val=6*t3<1?t1+6*(t2-t1)*t3:2*t3<1?t2:3*t3<2?t1+(t2-t1)*(2/3-t3)*6:t1,rgb[i]=255*val;return rgb},convert.hsl.hsv=function(hsl){var h=hsl[0],s=hsl[1]/100,l=hsl[2]/100,smin=s,lmin=Math.max(l,.01);return s*=(l*=2)<=1?l:2-l,smin*=lmin<=1?lmin:2-lmin,[h,100*(0===l?2*smin/(lmin+smin):2*s/(l+s)),100*((l+s)/2)]},convert.hsv.rgb=function(hsv){var h=hsv[0]/60,s=hsv[1]/100,v=hsv[2]/100,hi=Math.floor(h)%6,f=h-Math.floor(h),p=255*v*(1-s),q=255*v*(1-s*f),t=255*v*(1-s*(1-f));switch(v*=255,hi){case 0:return[v,t,p];case 1:return[q,v,p];case 2:return[p,v,t];case 3:return[p,q,v];case 4:return[t,p,v];case 5:return[v,p,q]}},convert.hsv.hsl=function(hsv){var sl,l,h=hsv[0],s=hsv[1]/100,v=hsv[2]/100,vmin=Math.max(v,.01);l=(2-s)*v;var lmin=(2-s)*vmin;return sl=s*vmin,[h,100*(sl=(sl/=lmin<=1?lmin:2-lmin)||0),100*(l/=2)]},convert.hwb.rgb=function(hwb){var f,h=hwb[0]/360,wh=hwb[1]/100,bl=hwb[2]/100,ratio=wh+bl;ratio>1&&(wh/=ratio,bl/=ratio);var i=Math.floor(6*h),v=1-bl;f=6*h-i,0!=(1&i)&&(f=1-f);var r,g,b,n=wh+f*(v-wh);switch(i){default:case 6:case 0:r=v,g=n,b=wh;break;case 1:r=n,g=v,b=wh;break;case 2:r=wh,g=v,b=n;break;case 3:r=wh,g=n,b=v;break;case 4:r=n,g=wh,b=v;break;case 5:r=v,g=wh,b=n}return[255*r,255*g,255*b]},convert.cmyk.rgb=function(cmyk){var c=cmyk[0]/100,m=cmyk[1]/100,y=cmyk[2]/100,k=cmyk[3]/100;return[255*(1-Math.min(1,c*(1-k)+k)),255*(1-Math.min(1,m*(1-k)+k)),255*(1-Math.min(1,y*(1-k)+k))]},convert.xyz.rgb=function(xyz){var r,g,b,x=xyz[0]/100,y=xyz[1]/100,z=xyz[2]/100;return g=-.9689*x+1.8758*y+.0415*z,b=.0557*x+-.204*y+1.057*z,r=(r=3.2406*x+-1.5372*y+-.4986*z)>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,g=g>.0031308?1.055*Math.pow(g,1/2.4)-.055:12.92*g,b=b>.0031308?1.055*Math.pow(b,1/2.4)-.055:12.92*b,[255*(r=Math.min(Math.max(0,r),1)),255*(g=Math.min(Math.max(0,g),1)),255*(b=Math.min(Math.max(0,b),1))]},convert.xyz.lab=function(xyz){var x=xyz[0],y=xyz[1],z=xyz[2];return y/=100,z/=108.883,x=(x/=95.047)>.008856?Math.pow(x,1/3):7.787*x+16/116,[116*(y=y>.008856?Math.pow(y,1/3):7.787*y+16/116)-16,500*(x-y),200*(y-(z=z>.008856?Math.pow(z,1/3):7.787*z+16/116))]},convert.lab.xyz=function(lab){var x,y,z,l=lab[0];x=lab[1]/500+(y=(l+16)/116),z=y-lab[2]/200;var y2=Math.pow(y,3),x2=Math.pow(x,3),z2=Math.pow(z,3);return y=y2>.008856?y2:(y-16/116)/7.787,x=x2>.008856?x2:(x-16/116)/7.787,z=z2>.008856?z2:(z-16/116)/7.787,[x*=95.047,y*=100,z*=108.883]},convert.lab.lch=function(lab){var h,l=lab[0],a=lab[1],b=lab[2];return(h=360*Math.atan2(b,a)/2/Math.PI)<0&&(h+=360),[l,Math.sqrt(a*a+b*b),h]},convert.lch.lab=function(lch){var l=lch[0],c=lch[1],hr=lch[2]/360*2*Math.PI;return[l,c*Math.cos(hr),c*Math.sin(hr)]},convert.rgb.ansi16=function(args){var saturation=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,_args=_slicedToArray(args,3),r=_args[0],g=_args[1],b=_args[2],value=null===saturation?convert.rgb.hsv(args)[2]:saturation;if(0===(value=Math.round(value/50)))return 30;var ansi=30+(Math.round(b/255)<<2|Math.round(g/255)<<1|Math.round(r/255));return 2===value&&(ansi+=60),ansi},convert.hsv.ansi16=function(args){return convert.rgb.ansi16(convert.hsv.rgb(args),args[2])},convert.rgb.ansi256=function(args){var r=args[0],g=args[1],b=args[2];return r===g&&g===b?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(g/255*5)+Math.round(b/255*5)},convert.ansi16.rgb=function(args){var color=args%10;if(0===color||7===color)return args>50&&(color+=3.5),[color=color/10.5*255,color,color];var mult=.5*(1+~~(args>50));return[(1&color)*mult*255,(color>>1&1)*mult*255,(color>>2&1)*mult*255]},convert.ansi256.rgb=function(args){if(args>=232){var c=10*(args-232)+8;return[c,c,c]}var rem;return args-=16,[Math.floor(args/36)/5*255,Math.floor((rem=args%36)/6)/5*255,rem%6/5*255]},convert.rgb.hex=function(args){var string=(((255&Math.round(args[0]))<<16)+((255&Math.round(args[1]))<<8)+(255&Math.round(args[2]))).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert.hex.rgb=function(args){var match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return[0,0,0];var colorString=match[0];3===match[0].length&&(colorString=colorString.split("").map((function(char){return char+char})).join(""));var integer=parseInt(colorString,16);return[integer>>16&255,integer>>8&255,255&integer]},convert.rgb.hcg=function(rgb){var hue,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,max=Math.max(Math.max(r,g),b),min=Math.min(Math.min(r,g),b),chroma=max-min;return hue=chroma<=0?0:max===r?(g-b)/chroma%6:max===g?2+(b-r)/chroma:4+(r-g)/chroma,hue/=6,[360*(hue%=1),100*chroma,100*(chroma<1?min/(1-chroma):0)]},convert.hsl.hcg=function(hsl){var s=hsl[1]/100,l=hsl[2]/100,c=l<.5?2*s*l:2*s*(1-l),f=0;return c<1&&(f=(l-.5*c)/(1-c)),[hsl[0],100*c,100*f]},convert.hsv.hcg=function(hsv){var s=hsv[1]/100,v=hsv[2]/100,c=s*v,f=0;return c<1&&(f=(v-c)/(1-c)),[hsv[0],100*c,100*f]},convert.hcg.rgb=function(hcg){var h=hcg[0]/360,c=hcg[1]/100,g=hcg[2]/100;if(0===c)return[255*g,255*g,255*g];var mg,pure=[0,0,0],hi=h%1*6,v=hi%1,w=1-v;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v,pure[2]=0;break;case 1:pure[0]=w,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v;break;case 3:pure[0]=0,pure[1]=w,pure[2]=1;break;case 4:pure[0]=v,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w}return mg=(1-c)*g,[255*(c*pure[0]+mg),255*(c*pure[1]+mg),255*(c*pure[2]+mg)]},convert.hcg.hsv=function(hcg){var c=hcg[1]/100,v=c+hcg[2]/100*(1-c),f=0;return v>0&&(f=c/v),[hcg[0],100*f,100*v]},convert.hcg.hsl=function(hcg){var c=hcg[1]/100,l=hcg[2]/100*(1-c)+.5*c,s=0;return l>0&&l<.5?s=c/(2*l):l>=.5&&l<1&&(s=c/(2*(1-l))),[hcg[0],100*s,100*l]},convert.hcg.hwb=function(hcg){var c=hcg[1]/100,v=c+hcg[2]/100*(1-c);return[hcg[0],100*(v-c),100*(1-v)]},convert.hwb.hcg=function(hwb){var w=hwb[1]/100,v=1-hwb[2]/100,c=v-w,g=0;return c<1&&(g=(v-c)/(1-c)),[hwb[0],100*c,100*g]},convert.apple.rgb=function(apple){return[apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]},convert.rgb.apple=function(rgb){return[rgb[0]/255*65535,rgb[1]/255*65535,rgb[2]/255*65535]},convert.gray.rgb=function(args){return[args[0]/100*255,args[0]/100*255,args[0]/100*255]},convert.gray.hsl=function(args){return[0,0,args[0]]},convert.gray.hsv=convert.gray.hsl,convert.gray.hwb=function(gray){return[0,100,gray[0]]},convert.gray.cmyk=function(gray){return[0,0,0,gray[0]]},convert.gray.lab=function(gray){return[gray[0],0,0]},convert.gray.hex=function(gray){var val=255&Math.round(gray[0]/100*255),string=((val<<16)+(val<<8)+val).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert.rgb.gray=function(rgb){return[(rgb[0]+rgb[1]+rgb[2])/3/255*100]}},497:function(module,exports,__webpack_require__){__webpack_require__(20),__webpack_require__(69),__webpack_require__(148);var conversions=__webpack_require__(491),route=__webpack_require__(500),convert={};Object.keys(conversions).forEach((function(fromModel){convert[fromModel]={},Object.defineProperty(convert[fromModel],"channels",{value:conversions[fromModel].channels}),Object.defineProperty(convert[fromModel],"labels",{value:conversions[fromModel].labels});var routes=route(fromModel);Object.keys(routes).forEach((function(toModel){var fn=routes[toModel];convert[fromModel][toModel]=function wrapRounded(fn){var wrappedFn=function wrappedFn(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];var arg0=args[0];if(null==arg0)return arg0;arg0.length>1&&(args=arg0);var result=fn(args);if("object"==typeof result)for(var len=result.length,i=0;i1&&(args=arg0),fn(args))};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn)}))})),module.exports=convert},498:function(module,exports,__webpack_require__){var $=__webpack_require__(23),$parseInt=__webpack_require__(499);$({global:!0,forced:parseInt!=$parseInt},{parseInt:$parseInt})},499:function(module,exports,__webpack_require__){var global=__webpack_require__(27),fails=__webpack_require__(26),uncurryThis=__webpack_require__(33),toString=__webpack_require__(43),trim=__webpack_require__(421).trim,whitespaces=__webpack_require__(422),$parseInt=global.parseInt,Symbol=global.Symbol,ITERATOR=Symbol&&Symbol.iterator,hex=/^[+-]?0x/i,exec=uncurryThis(hex.exec),FORCED=8!==$parseInt(whitespaces+"08")||22!==$parseInt(whitespaces+"0x16")||ITERATOR&&!fails((function(){$parseInt(Object(ITERATOR))}));module.exports=FORCED?function parseInt(string,radix){var S=trim(toString(string));return $parseInt(S,radix>>>0||(exec(hex,S)?16:10))}:$parseInt},500:function(module,exports,__webpack_require__){__webpack_require__(20);var conversions=__webpack_require__(491);function deriveBFS(fromModel){var graph=function buildGraph(){for(var graph={},models=Object.keys(conversions),len=models.length,i=0;i=0||(o[t]=e[t]);return o}function index_module_i(e){var t=Object(react.useRef)(e),n=Object(react.useRef)((function(e){t.current&&t.current(e)}));return t.current=e,n.current}var index_module_s=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e0:e.buttons>0)&&m.current?g(index_module_d(m.current,e,b.current)):t(!1)},r=function(){return t(!1)};function t(t){var n=_.current,o=index_module_v(m.current),a=t?o.addEventListener:o.removeEventListener;a(n?"touchmove":"mousemove",e),a(n?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,n=m.current;if(n&&(index_module_h(r),!function(e,r){return r&&!index_module_f(e)}(r,_.current)&&n)){if(index_module_f(r)){_.current=!0;var o=r.changedTouches||[];o.length&&(b.current=o[0].identifier)}n.focus(),g(index_module_d(n,r,b.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),p({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]}),[p,g]),C=x[0],E=x[1],H=x[2];return Object(react.useEffect)((function(){return H}),[H]),react_default.a.createElement("div",index_module_u({},s,{onTouchStart:C,onMouseDown:C,className:"react-colorful__interactive",ref:m,onKeyDown:E,tabIndex:0,role:"slider"}))})),index_module_g=function(e){return e.filter(Boolean).join(" ")},index_module_p=function(r){var t=r.color,n=r.left,o=r.top,a=void 0===o?.5:o,l=index_module_g(["react-colorful__pointer",r.className]);return react_default.a.createElement("div",{className:l,style:{top:100*a+"%",left:100*n+"%"}},react_default.a.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},index_module_b=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},index_module_={grad:.9,turn:360,rad:360/(2*Math.PI)},index_module_x=function(e){return"#"===e[0]&&(e=e.substr(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:1}:{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:1}},index_module_C=function(e,r){return void 0===r&&(r="deg"),Number(e)*(index_module_[r]||1)},index_module_E=function(e){var r=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?M({h:index_module_C(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},M=function(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t<50?t:100-t)/100)>0?2*r/(t+r)*100:0,v:t+r,a:e.a}},N=function(e){var r=e.s,t=e.v,n=e.a,o=(200-r)*t/100;return{h:index_module_b(e.h),s:index_module_b(o>0&&o<200?r*t/100/(o<=100?o:200-o)*100:0),l:index_module_b(o/2),a:index_module_b(n,2)}},w=function(e){var r=N(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},y=function(e){var r=N(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},q=function(e){var r=e.h,t=e.s,n=e.v,o=e.a;r=r/360*6,t/=100,n/=100;var a=Math.floor(r),l=n*(1-t),u=n*(1-(r-a)*t),c=n*(1-(1-r+a)*t),i=a%6;return{r:index_module_b(255*[n,u,l,l,c,n][i]),g:index_module_b(255*[c,n,n,u,l,l][i]),b:index_module_b(255*[l,l,c,n,n,u][i]),a:index_module_b(o,2)}},I=function(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?B({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},z=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},B=function(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=Math.max(r,t,n),l=a-Math.min(r,t,n),u=l?a===r?(t-n)/l:a===t?2+(n-r)/l:4+(r-t)/l:0;return{h:index_module_b(60*(u<0?u+6:u)),s:index_module_b(a?l/a*100:0),v:index_module_b(a/255*100),a:o}},K=react_default.a.memo((function(r){var t=r.hue,n=r.onChange,o=index_module_g(["react-colorful__hue",r.className]);return react_default.a.createElement("div",{className:o},react_default.a.createElement(index_module_m,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:index_module_s(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuetext":index_module_b(t)},react_default.a.createElement(index_module_p,{className:"react-colorful__hue-pointer",left:t/360,color:w({h:t,s:100,v:100,a:1})})))})),L=react_default.a.memo((function(r){var t=r.hsva,n=r.onChange,o={backgroundColor:w({h:t.h,s:100,v:100,a:1})};return react_default.a.createElement("div",{className:"react-colorful__saturation",style:o},react_default.a.createElement(index_module_m,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:index_module_s(t.s+100*e.left,0,100),v:index_module_s(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+index_module_b(t.s)+"%, Brightness "+index_module_b(t.v)+"%"},react_default.a.createElement(index_module_p,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:w(t)})))})),A=function(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},S=function(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")};function T(e,t,l){var u=index_module_i(l),c=Object(react.useState)((function(){return e.toHsva(t)})),s=c[0],f=c[1],v=Object(react.useRef)({color:t,hsva:s});Object(react.useEffect)((function(){if(!e.equal(t,v.current.color)){var r=e.toHsva(t);v.current={hsva:r,color:t},f(r)}}),[t,e]),Object(react.useEffect)((function(){var r;A(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r))}),[s,e,u]);var d=Object(react.useCallback)((function(e){f((function(r){return Object.assign({},r,e)}))}),[]);return[s,d]}var F,P="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,R=new Map,V=function(e){P((function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&&!R.has(r)){var t=r.createElement("style");t.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',R.set(r,t);var n=F||__webpack_require__.nc;n&&t.setAttribute("nonce",n),r.head.appendChild(t)}}),[])},$=function(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=index_module_c(t,["className","colorModel","color","onChange"]),f=Object(react.useRef)(null);V(f);var v=T(o,l,i),d=v[0],h=v[1],m=index_module_g(["react-colorful",n]);return react_default.a.createElement("div",index_module_u({},s,{ref:f,className:m}),react_default.a.createElement(L,{hsva:d,onChange:h}),react_default.a.createElement(K,{hue:d.h,onChange:h,className:"react-colorful__last-control"}))},G={defaultColor:"000",toHsva:function(e){return B(index_module_x(e))},fromHsva:function(e){return t=(r=q(e)).g,n=r.b,"#"+z(r.r)+z(t)+z(n);var r,t,n},equal:function(e,r){return e.toLowerCase()===r.toLowerCase()||A(index_module_x(e),index_module_x(r))}},Q=function(r){var t=r.className,n=r.hsva,o=r.onChange,a={backgroundImage:"linear-gradient(90deg, "+y(Object.assign({},n,{a:0}))+", "+y(Object.assign({},n,{a:1}))+")"},l=index_module_g(["react-colorful__alpha",t]);return react_default.a.createElement("div",{className:l},react_default.a.createElement("div",{className:"react-colorful__alpha-gradient",style:a}),react_default.a.createElement(index_module_m,{onMove:function(e){o({a:e.left})},onKey:function(e){o({a:index_module_s(n.a+e.left)})},"aria-label":"Alpha","aria-valuetext":index_module_b(100*n.a)+"%"},react_default.a.createElement(index_module_p,{className:"react-colorful__alpha-pointer",left:n.a,color:y(n)})))},U=function(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=index_module_c(t,["className","colorModel","color","onChange"]),f=Object(react.useRef)(null);V(f);var v=T(o,l,i),d=v[0],h=v[1],m=index_module_g(["react-colorful",n]);return react_default.a.createElement("div",index_module_u({},s,{ref:f,className:m}),react_default.a.createElement(L,{hsva:d,onChange:h}),react_default.a.createElement(K,{hue:d.h,onChange:h}),react_default.a.createElement(Q,{hsva:d,onChange:h,className:"react-colorful__last-control"}))},ee={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:index_module_E,fromHsva:y,equal:S},ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:I,fromHsva:function(e){var r=q(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:S},color_convert=__webpack_require__(914),color_convert_default=__webpack_require__.n(color_convert),throttle=__webpack_require__(422),throttle_default=__webpack_require__.n(throttle),esm=__webpack_require__(1);__webpack_require__(53);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Note=esm.styled.div((function(_ref){var theme=_ref.theme;return{padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:"light"===theme.base?"rgba(60, 60, 60, 0.9)":"rgba(20, 20, 20, 0.85)",margin:6}})),TooltipNote_TooltipNote=function TooltipNote(_ref2){var note=_ref2.note,props=_objectWithoutProperties(_ref2,["note"]);return react_default.a.createElement(Note,props,note)};TooltipNote_TooltipNote.displayName="TooltipNote";var _ColorPicker,_fallbackColor,lazy_WithTooltip=__webpack_require__(419),esm_form=__webpack_require__(58),icon=__webpack_require__(61),helpers=__webpack_require__(35);function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(arr)))return;var _arr=[],_n=!0,_d=!1,_e=void 0;try{for(var _s,_i=arr[Symbol.iterator]();!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Wrapper=esm.styled.div({position:"relative",maxWidth:250}),PickerTooltip=Object(esm.styled)(lazy_WithTooltip.a)({position:"absolute",zIndex:1,top:4,left:4}),TooltipContent=esm.styled.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Color_Note=Object(esm.styled)(TooltipNote_TooltipNote)((function(_ref){return{fontFamily:_ref.theme.typography.fonts.base}})),Swatches=esm.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=esm.styled.div((function(_ref2){var theme=_ref2.theme;return{width:16,height:16,boxShadow:_ref2.active?"".concat(theme.appBorderColor," 0 0 0 1px inset, ").concat(theme.color.mediumdark,"50 0 0 0 4px"):"".concat(theme.appBorderColor," 0 0 0 1px inset"),borderRadius:theme.appBorderRadius}})),Color_Swatch=function Swatch(_ref3){var value=_ref3.value,active=_ref3.active,onClick=_ref3.onClick,style=_ref3.style,props=Color_objectWithoutProperties(_ref3,["value","active","onClick","style"]),backgroundImage="linear-gradient(".concat(value,", ").concat(value,"), ").concat('url(\'data:image/svg+xml;charset=utf-8,\')',", linear-gradient(#fff, #fff)");return react_default.a.createElement(SwatchColor,_extends({},props,{active:active,onClick:onClick,style:Object.assign({},style,{backgroundImage:backgroundImage})}))};Color_Swatch.displayName="Swatch";var ColorSpace,Input=Object(esm.styled)(esm_form.a.Input)((function(_ref4){return{width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:_ref4.theme.typography.fonts.base}})),ToggleIcon=Object(esm.styled)(icon.a)((function(_ref5){return{position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:_ref5.theme.input.color}}));!function(ColorSpace){ColorSpace.RGB="rgb",ColorSpace.HSL="hsl",ColorSpace.HEX="hex"}(ColorSpace||(ColorSpace={}));var COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker=(_defineProperty(_ColorPicker={},ColorSpace.HEX,(function(r){return react_default.a.createElement($,index_module_u({},r,{colorModel:G}))})),_defineProperty(_ColorPicker,ColorSpace.RGB,(function(r){return react_default.a.createElement(U,index_module_u({},r,{colorModel:ge}))})),_defineProperty(_ColorPicker,ColorSpace.HSL,(function(r){return react_default.a.createElement(U,index_module_u({},r,{colorModel:ee}))})),_ColorPicker),fallbackColor=(_defineProperty(_fallbackColor={},ColorSpace.HEX,"transparent"),_defineProperty(_fallbackColor,ColorSpace.RGB,"rgba(0, 0, 0, 0)"),_defineProperty(_fallbackColor,ColorSpace.HSL,"hsla(0, 0%, 0%, 0)"),_fallbackColor),stringToArgs=function stringToArgs(value){var match=null==value?void 0:value.match(COLOR_REGEXP);if(!match)return[0,0,0,1];var _match=_slicedToArray(match,5),x=_match[1],y=_match[2],z=_match[3],_match$=_match[4];return[x,y,z,void 0===_match$?1:_match$].map(Number)},Color_parseValue=function parseValue(value){var _ref12;if(value){var valid=!0;if(RGB_REGEXP.test(value)){var _ref8,_stringToArgs2=_slicedToArray(stringToArgs(value),4),r=_stringToArgs2[0],g=_stringToArgs2[1],b=_stringToArgs2[2],a=_stringToArgs2[3],_ref7=_slicedToArray(color_convert_default.a.rgb.hsl([r,g,b])||[0,0,0],3),h=_ref7[0],s=_ref7[1],l=_ref7[2];return _defineProperty(_ref8={valid:valid,value:value,keyword:color_convert_default.a.rgb.keyword([r,g,b]),colorSpace:ColorSpace.RGB},ColorSpace.RGB,value),_defineProperty(_ref8,ColorSpace.HSL,"hsla(".concat(h,", ").concat(s,"%, ").concat(l,"%, ").concat(a,")")),_defineProperty(_ref8,ColorSpace.HEX,"#".concat(color_convert_default.a.rgb.hex([r,g,b]).toLowerCase())),_ref8}if(HSL_REGEXP.test(value)){var _ref11,_stringToArgs4=_slicedToArray(stringToArgs(value),4),_h=_stringToArgs4[0],_s2=_stringToArgs4[1],_l=_stringToArgs4[2],_a=_stringToArgs4[3],_ref10=_slicedToArray(color_convert_default.a.hsl.rgb([_h,_s2,_l])||[0,0,0],3),_r=_ref10[0],_g=_ref10[1],_b=_ref10[2];return _defineProperty(_ref11={valid:valid,value:value,keyword:color_convert_default.a.hsl.keyword([_h,_s2,_l]),colorSpace:ColorSpace.HSL},ColorSpace.RGB,"rgba(".concat(_r,", ").concat(_g,", ").concat(_b,", ").concat(_a,")")),_defineProperty(_ref11,ColorSpace.HSL,value),_defineProperty(_ref11,ColorSpace.HEX,"#".concat(color_convert_default.a.hsl.hex([_h,_s2,_l]).toLowerCase())),_ref11}var plain=value.replace("#",""),rgb=color_convert_default.a.keyword.rgb(plain)||color_convert_default.a.hex.rgb(plain),hsl=color_convert_default.a.rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&&(mapped="#".concat(plain)),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{color_convert_default.a.keyword.hex(mapped)}catch(e){valid=!1}return _defineProperty(_ref12={valid:valid,value:mapped,keyword:color_convert_default.a.rgb.keyword(rgb),colorSpace:ColorSpace.HEX},ColorSpace.RGB,"rgba(".concat(rgb[0],", ").concat(rgb[1],", ").concat(rgb[2],", 1)")),_defineProperty(_ref12,ColorSpace.HSL,"hsla(".concat(hsl[0],", ").concat(hsl[1],"%, ").concat(hsl[2],"%, 1)")),_defineProperty(_ref12,ColorSpace.HEX,mapped),_ref12}},Color_useColorInput=function useColorInput(initialValue,onChange){var _useState2=_slicedToArray(Object(react.useState)(initialValue||""),2),value=_useState2[0],setValue=_useState2[1],_useState4=_slicedToArray(Object(react.useState)((function(){return Color_parseValue(value)})),2),color=_useState4[0],setColor=_useState4[1],_useState6=_slicedToArray(Object(react.useState)((null==color?void 0:color.colorSpace)||ColorSpace.HEX),2),colorSpace=_useState6[0],setColorSpace=_useState6[1];Object(react.useEffect)((function(){void 0===initialValue&&(setValue(""),setColor(void 0),setColorSpace(ColorSpace.HEX))}),[initialValue]);var realValue=Object(react.useMemo)((function(){return function getRealValue(value,color,colorSpace){if(!value||null==color||!color.valid)return fallbackColor[colorSpace];if(colorSpace!==ColorSpace.HEX)return(null==color?void 0:color[colorSpace])||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return"#".concat(color_convert_default.a.keyword.hex(color.hex))}catch(e){return fallbackColor.hex}var short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;var _short$1$split2=_slicedToArray(short[1].split(""),3),r=_short$1$split2[0],g=_short$1$split2[1],b=_short$1$split2[2];return"#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b)}(value,color,colorSpace).toLowerCase()}),[value,color,colorSpace]),updateValue=Object(react.useCallback)((function(update){var parsed=Color_parseValue(update);setValue((null==parsed?void 0:parsed.value)||update||""),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))}),[onChange]),cycleColorSpace=Object(react.useCallback)((function(){var next=COLOR_SPACES.indexOf(colorSpace)+1;next>=COLOR_SPACES.length&&(next=0),setColorSpace(COLOR_SPACES[next]);var update=(null==color?void 0:color[COLOR_SPACES[next]])||"";setValue(update),onChange(update)}),[color,colorSpace,onChange]);return{value:value,realValue:realValue,updateValue:updateValue,color:color,colorSpace:colorSpace,cycleColorSpace:cycleColorSpace}},id=function id(value){return value.replace(/\s*/,"").toLowerCase()},Color_ColorControl=function ColorControl(_ref13){var name=_ref13.name,initialValue=_ref13.value,onChange=_ref13.onChange,onFocus=_ref13.onFocus,onBlur=_ref13.onBlur,presetColors=_ref13.presetColors,startOpen=_ref13.startOpen,_useColorInput=Color_useColorInput(initialValue,throttle_default()(onChange,200)),value=_useColorInput.value,realValue=_useColorInput.realValue,updateValue=_useColorInput.updateValue,color=_useColorInput.color,colorSpace=_useColorInput.colorSpace,cycleColorSpace=_useColorInput.cycleColorSpace,_usePresets=function usePresets(presetColors,currentColor,colorSpace){var _useState8=_slicedToArray(Object(react.useState)(null!=currentColor&¤tColor.valid?[currentColor]:[]),2),selectedColors=_useState8[0],setSelectedColors=_useState8[1];Object(react.useEffect)((function(){void 0===currentColor&&setSelectedColors([])}),[currentColor]);var presets=Object(react.useMemo)((function(){return(presetColors||[]).map((function(preset){return"string"==typeof preset?Color_parseValue(preset):preset.title?Object.assign({},Color_parseValue(preset.color),{keyword:preset.title}):Color_parseValue(preset.color)})).concat(selectedColors).filter(Boolean).slice(-27)}),[presetColors,selectedColors]),addPreset=Object(react.useCallback)((function(color){null!=color&&color.valid&&(presets.some((function(preset){return id(preset[colorSpace])===id(color[colorSpace])}))||setSelectedColors((function(arr){return arr.concat(color)})))}),[colorSpace,presets]);return{presets:presets,addPreset:addPreset}}(presetColors,color,colorSpace),presets=_usePresets.presets,addPreset=_usePresets.addPreset,Picker=ColorPicker[colorSpace];return react_default.a.createElement(Wrapper,null,react_default.a.createElement(PickerTooltip,{trigger:"click",startOpen:startOpen,closeOnClick:!0,onVisibilityChange:function onVisibilityChange(){return addPreset(color)},tooltip:react_default.a.createElement(TooltipContent,null,react_default.a.createElement(Picker,{color:"transparent"===realValue?"#000000":realValue,onChange:updateValue,onFocus:onFocus,onBlur:onBlur}),presets.length>0&&react_default.a.createElement(Swatches,null,presets.map((function(preset,index){return react_default.a.createElement(lazy_WithTooltip.a,{key:"".concat(preset.value,"-").concat(index),hasChrome:!1,tooltip:react_default.a.createElement(Color_Note,{note:preset.keyword||preset.value})},react_default.a.createElement(Color_Swatch,{value:preset[colorSpace],active:color&&id(preset[colorSpace])===id(color[colorSpace]),onClick:function onClick(){return updateValue(preset.value)}}))}))))},react_default.a.createElement(Color_Swatch,{value:realValue,style:{margin:4}})),react_default.a.createElement(Input,{id:Object(helpers.a)(name),value:value,onChange:function onChange(e){return updateValue(e.target.value)},onFocus:function onFocus(e){return e.target.select()},placeholder:"Choose color..."}),value?react_default.a.createElement(ToggleIcon,{icon:"markup",onClick:cycleColorSpace}):null)};Color_ColorControl.displayName="ColorControl";__webpack_exports__.default=Color_ColorControl},871:function(module,exports,__webpack_require__){function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i1&&(h-=1)),[360*h,100*s,100*v]},convert.rgb.hwb=function(rgb){var r=rgb[0],g=rgb[1],b=rgb[2];return[convert.rgb.hsl(rgb)[0],100*(1/255*Math.min(r,Math.min(g,b))),100*(b=1-1/255*Math.max(r,Math.max(g,b)))]},convert.rgb.cmyk=function(rgb){var r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,k=Math.min(1-r,1-g,1-b);return[100*((1-r-k)/(1-k)||0),100*((1-g-k)/(1-k)||0),100*((1-b-k)/(1-k)||0),100*k]},convert.rgb.keyword=function(rgb){var reversed=reverseKeywords[rgb];if(reversed)return reversed;for(var currentClosestKeyword,x,y,currentClosestDistance=1/0,_i3=0,_Object$keys3=Object.keys(cssKeywords);_i3<_Object$keys3.length;_i3++){var keyword=_Object$keys3[_i3],value=cssKeywords[keyword],distance=(x=rgb,y=value,Math.pow(x[0]-y[0],2)+Math.pow(x[1]-y[1],2)+Math.pow(x[2]-y[2],2));distance.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.3576*(g=g>.04045?Math.pow((g+.055)/1.055,2.4):g/12.92)+.1805*(b=b>.04045?Math.pow((b+.055)/1.055,2.4):b/12.92)),100*(.2126*r+.7152*g+.0722*b),100*(.0193*r+.1192*g+.9505*b)]},convert.rgb.lab=function(rgb){var xyz=convert.rgb.xyz(rgb),x=xyz[0],y=xyz[1],z=xyz[2];return y/=100,z/=108.883,x=(x/=95.047)>.008856?Math.pow(x,1/3):7.787*x+16/116,[116*(y=y>.008856?Math.pow(y,1/3):7.787*y+16/116)-16,500*(x-y),200*(y-(z=z>.008856?Math.pow(z,1/3):7.787*z+16/116))]},convert.hsl.rgb=function(hsl){var t2,t3,val,h=hsl[0]/360,s=hsl[1]/100,l=hsl[2]/100;if(0===s)return[val=255*l,val,val];for(var t1=2*l-(t2=l<.5?l*(1+s):l+s-l*s),rgb=[0,0,0],i=0;i<3;i++)(t3=h+1/3*-(i-1))<0&&t3++,t3>1&&t3--,val=6*t3<1?t1+6*(t2-t1)*t3:2*t3<1?t2:3*t3<2?t1+(t2-t1)*(2/3-t3)*6:t1,rgb[i]=255*val;return rgb},convert.hsl.hsv=function(hsl){var h=hsl[0],s=hsl[1]/100,l=hsl[2]/100,smin=s,lmin=Math.max(l,.01);return s*=(l*=2)<=1?l:2-l,smin*=lmin<=1?lmin:2-lmin,[h,100*(0===l?2*smin/(lmin+smin):2*s/(l+s)),100*((l+s)/2)]},convert.hsv.rgb=function(hsv){var h=hsv[0]/60,s=hsv[1]/100,v=hsv[2]/100,hi=Math.floor(h)%6,f=h-Math.floor(h),p=255*v*(1-s),q=255*v*(1-s*f),t=255*v*(1-s*(1-f));switch(v*=255,hi){case 0:return[v,t,p];case 1:return[q,v,p];case 2:return[p,v,t];case 3:return[p,q,v];case 4:return[t,p,v];case 5:return[v,p,q]}},convert.hsv.hsl=function(hsv){var sl,l,h=hsv[0],s=hsv[1]/100,v=hsv[2]/100,vmin=Math.max(v,.01);l=(2-s)*v;var lmin=(2-s)*vmin;return sl=s*vmin,[h,100*(sl=(sl/=lmin<=1?lmin:2-lmin)||0),100*(l/=2)]},convert.hwb.rgb=function(hwb){var f,h=hwb[0]/360,wh=hwb[1]/100,bl=hwb[2]/100,ratio=wh+bl;ratio>1&&(wh/=ratio,bl/=ratio);var i=Math.floor(6*h),v=1-bl;f=6*h-i,0!=(1&i)&&(f=1-f);var r,g,b,n=wh+f*(v-wh);switch(i){default:case 6:case 0:r=v,g=n,b=wh;break;case 1:r=n,g=v,b=wh;break;case 2:r=wh,g=v,b=n;break;case 3:r=wh,g=n,b=v;break;case 4:r=n,g=wh,b=v;break;case 5:r=v,g=wh,b=n}return[255*r,255*g,255*b]},convert.cmyk.rgb=function(cmyk){var c=cmyk[0]/100,m=cmyk[1]/100,y=cmyk[2]/100,k=cmyk[3]/100;return[255*(1-Math.min(1,c*(1-k)+k)),255*(1-Math.min(1,m*(1-k)+k)),255*(1-Math.min(1,y*(1-k)+k))]},convert.xyz.rgb=function(xyz){var r,g,b,x=xyz[0]/100,y=xyz[1]/100,z=xyz[2]/100;return g=-.9689*x+1.8758*y+.0415*z,b=.0557*x+-.204*y+1.057*z,r=(r=3.2406*x+-1.5372*y+-.4986*z)>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,g=g>.0031308?1.055*Math.pow(g,1/2.4)-.055:12.92*g,b=b>.0031308?1.055*Math.pow(b,1/2.4)-.055:12.92*b,[255*(r=Math.min(Math.max(0,r),1)),255*(g=Math.min(Math.max(0,g),1)),255*(b=Math.min(Math.max(0,b),1))]},convert.xyz.lab=function(xyz){var x=xyz[0],y=xyz[1],z=xyz[2];return y/=100,z/=108.883,x=(x/=95.047)>.008856?Math.pow(x,1/3):7.787*x+16/116,[116*(y=y>.008856?Math.pow(y,1/3):7.787*y+16/116)-16,500*(x-y),200*(y-(z=z>.008856?Math.pow(z,1/3):7.787*z+16/116))]},convert.lab.xyz=function(lab){var x,y,z,l=lab[0];x=lab[1]/500+(y=(l+16)/116),z=y-lab[2]/200;var y2=Math.pow(y,3),x2=Math.pow(x,3),z2=Math.pow(z,3);return y=y2>.008856?y2:(y-16/116)/7.787,x=x2>.008856?x2:(x-16/116)/7.787,z=z2>.008856?z2:(z-16/116)/7.787,[x*=95.047,y*=100,z*=108.883]},convert.lab.lch=function(lab){var h,l=lab[0],a=lab[1],b=lab[2];return(h=360*Math.atan2(b,a)/2/Math.PI)<0&&(h+=360),[l,Math.sqrt(a*a+b*b),h]},convert.lch.lab=function(lch){var l=lch[0],c=lch[1],hr=lch[2]/360*2*Math.PI;return[l,c*Math.cos(hr),c*Math.sin(hr)]},convert.rgb.ansi16=function(args){var saturation=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,_args=_slicedToArray(args,3),r=_args[0],g=_args[1],b=_args[2],value=null===saturation?convert.rgb.hsv(args)[2]:saturation;if(0===(value=Math.round(value/50)))return 30;var ansi=30+(Math.round(b/255)<<2|Math.round(g/255)<<1|Math.round(r/255));return 2===value&&(ansi+=60),ansi},convert.hsv.ansi16=function(args){return convert.rgb.ansi16(convert.hsv.rgb(args),args[2])},convert.rgb.ansi256=function(args){var r=args[0],g=args[1],b=args[2];return r===g&&g===b?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(g/255*5)+Math.round(b/255*5)},convert.ansi16.rgb=function(args){var color=args%10;if(0===color||7===color)return args>50&&(color+=3.5),[color=color/10.5*255,color,color];var mult=.5*(1+~~(args>50));return[(1&color)*mult*255,(color>>1&1)*mult*255,(color>>2&1)*mult*255]},convert.ansi256.rgb=function(args){if(args>=232){var c=10*(args-232)+8;return[c,c,c]}var rem;return args-=16,[Math.floor(args/36)/5*255,Math.floor((rem=args%36)/6)/5*255,rem%6/5*255]},convert.rgb.hex=function(args){var string=(((255&Math.round(args[0]))<<16)+((255&Math.round(args[1]))<<8)+(255&Math.round(args[2]))).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert.hex.rgb=function(args){var match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return[0,0,0];var colorString=match[0];3===match[0].length&&(colorString=colorString.split("").map((function(char){return char+char})).join(""));var integer=parseInt(colorString,16);return[integer>>16&255,integer>>8&255,255&integer]},convert.rgb.hcg=function(rgb){var hue,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,max=Math.max(Math.max(r,g),b),min=Math.min(Math.min(r,g),b),chroma=max-min;return hue=chroma<=0?0:max===r?(g-b)/chroma%6:max===g?2+(b-r)/chroma:4+(r-g)/chroma,hue/=6,[360*(hue%=1),100*chroma,100*(chroma<1?min/(1-chroma):0)]},convert.hsl.hcg=function(hsl){var s=hsl[1]/100,l=hsl[2]/100,c=l<.5?2*s*l:2*s*(1-l),f=0;return c<1&&(f=(l-.5*c)/(1-c)),[hsl[0],100*c,100*f]},convert.hsv.hcg=function(hsv){var s=hsv[1]/100,v=hsv[2]/100,c=s*v,f=0;return c<1&&(f=(v-c)/(1-c)),[hsv[0],100*c,100*f]},convert.hcg.rgb=function(hcg){var h=hcg[0]/360,c=hcg[1]/100,g=hcg[2]/100;if(0===c)return[255*g,255*g,255*g];var mg,pure=[0,0,0],hi=h%1*6,v=hi%1,w=1-v;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v,pure[2]=0;break;case 1:pure[0]=w,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v;break;case 3:pure[0]=0,pure[1]=w,pure[2]=1;break;case 4:pure[0]=v,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w}return mg=(1-c)*g,[255*(c*pure[0]+mg),255*(c*pure[1]+mg),255*(c*pure[2]+mg)]},convert.hcg.hsv=function(hcg){var c=hcg[1]/100,v=c+hcg[2]/100*(1-c),f=0;return v>0&&(f=c/v),[hcg[0],100*f,100*v]},convert.hcg.hsl=function(hcg){var c=hcg[1]/100,l=hcg[2]/100*(1-c)+.5*c,s=0;return l>0&&l<.5?s=c/(2*l):l>=.5&&l<1&&(s=c/(2*(1-l))),[hcg[0],100*s,100*l]},convert.hcg.hwb=function(hcg){var c=hcg[1]/100,v=c+hcg[2]/100*(1-c);return[hcg[0],100*(v-c),100*(1-v)]},convert.hwb.hcg=function(hwb){var w=hwb[1]/100,v=1-hwb[2]/100,c=v-w,g=0;return c<1&&(g=(v-c)/(1-c)),[hwb[0],100*c,100*g]},convert.apple.rgb=function(apple){return[apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]},convert.rgb.apple=function(rgb){return[rgb[0]/255*65535,rgb[1]/255*65535,rgb[2]/255*65535]},convert.gray.rgb=function(args){return[args[0]/100*255,args[0]/100*255,args[0]/100*255]},convert.gray.hsl=function(args){return[0,0,args[0]]},convert.gray.hsv=convert.gray.hsl,convert.gray.hwb=function(gray){return[0,100,gray[0]]},convert.gray.cmyk=function(gray){return[0,0,0,gray[0]]},convert.gray.lab=function(gray){return[gray[0],0,0]},convert.gray.hex=function(gray){var val=255&Math.round(gray[0]/100*255),string=((val<<16)+(val<<8)+val).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert.rgb.gray=function(rgb){return[(rgb[0]+rgb[1]+rgb[2])/3/255*100]}},914:function(module,exports,__webpack_require__){__webpack_require__(24),__webpack_require__(49),__webpack_require__(224);var conversions=__webpack_require__(871),route=__webpack_require__(918),convert={};Object.keys(conversions).forEach((function(fromModel){convert[fromModel]={},Object.defineProperty(convert[fromModel],"channels",{value:conversions[fromModel].channels}),Object.defineProperty(convert[fromModel],"labels",{value:conversions[fromModel].labels});var routes=route(fromModel);Object.keys(routes).forEach((function(toModel){var fn=routes[toModel];convert[fromModel][toModel]=function wrapRounded(fn){var wrappedFn=function wrappedFn(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];var arg0=args[0];if(null==arg0)return arg0;arg0.length>1&&(args=arg0);var result=fn(args);if("object"==typeof result)for(var len=result.length,i=0;i1&&(args=arg0),fn(args))};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn)}))})),module.exports=convert},915:function(module,exports,__webpack_require__){var $=__webpack_require__(25),$parseInt=__webpack_require__(916);$({global:!0,forced:parseInt!=$parseInt},{parseInt:$parseInt})},916:function(module,exports,__webpack_require__){var global=__webpack_require__(18),fails=__webpack_require__(28),uncurryThis=__webpack_require__(26),toString=__webpack_require__(43),trim=__webpack_require__(312).trim,whitespaces=__webpack_require__(313),$parseInt=global.parseInt,Symbol=global.Symbol,ITERATOR=Symbol&&Symbol.iterator,hex=/^[+-]?0x/i,exec=uncurryThis(hex.exec),FORCED=8!==$parseInt(whitespaces+"08")||22!==$parseInt(whitespaces+"0x16")||ITERATOR&&!fails((function(){$parseInt(Object(ITERATOR))}));module.exports=FORCED?function parseInt(string,radix){var S=trim(toString(string));return $parseInt(S,radix>>>0||(exec(hex,S)?16:10))}:$parseInt},917:function(module,exports,__webpack_require__){"use strict";module.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}},918:function(module,exports,__webpack_require__){__webpack_require__(24);var conversions=__webpack_require__(871);function deriveBFS(fromModel){var graph=function buildGraph(){for(var graph={},models=Object.keys(conversions),len=models.length,i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var OverlayScrollbarsComponent=function OverlayScrollbarsComponent(_ref){var _ref$options=_ref.options,options=void 0===_ref$options?{}:_ref$options,extensions=_ref.extensions,className=_ref.className,children=_ref.children,rest=_objectWithoutProperties(_ref,["options","extensions","className","children"]),osTargetRef=react__WEBPACK_IMPORTED_MODULE_12___default.a.useRef(),osInstance=react__WEBPACK_IMPORTED_MODULE_12___default.a.useRef();return react__WEBPACK_IMPORTED_MODULE_12___default.a.useEffect((function(){return osInstance.current=overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default()(osTargetRef.current,options,extensions),mergeHostClassNames(osInstance.current,className),function(){overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default.a.valid(osInstance.current)&&(osInstance.current.destroy(),osInstance.current=null)}}),[]),react__WEBPACK_IMPORTED_MODULE_12___default.a.useEffect((function(){overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default.a.valid(osInstance.current)&&osInstance.current.options(options)}),[options]),react__WEBPACK_IMPORTED_MODULE_12___default.a.useEffect((function(){overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default.a.valid(osInstance.current)&&mergeHostClassNames(osInstance.current,className)}),[className]),react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",_extends({className:"os-host"},rest,{ref:osTargetRef}),react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-resize-observer-host"}),react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-padding"},react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-viewport"},react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-content"},children))),react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar os-scrollbar-horizontal "},react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar-track"},react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar-handle"}))),react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar os-scrollbar-vertical"},react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar-track"},react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar-handle"}))),react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar-corner"}))};function mergeHostClassNames(osInstance,className){if(overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default.a.valid(osInstance)){var host=osInstance.getElements().host,regex=new RegExp("(^os-host([-_].+|)$)|".concat(osInstance.options().className.replace(/\s/g,"$|"),"$"),"g"),osClassNames=host.className.split(" ").filter((function(name){return name.match(regex)})).join(" ");host.className="".concat(osClassNames," ").concat(className||"")}}OverlayScrollbarsComponent.displayName="OverlayScrollbarsComponent",__webpack_exports__.default=OverlayScrollbarsComponent},875:function(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_RESULT__,global;global="undefined"!=typeof window?window:this,__WEBPACK_AMD_DEFINE_RESULT__=function(){return function(window,document,undefined){"use strict";var _targets,_instancePropertyString,_easingsMath,PLUGINNAME="OverlayScrollbars",TYPES={o:"object",f:"function",a:"array",s:"string",b:"boolean",n:"number",u:"undefined",z:"null"},LEXICON={c:"class",s:"style",i:"id",l:"length",p:"prototype",ti:"tabindex",oH:"offsetHeight",cH:"clientHeight",sH:"scrollHeight",oW:"offsetWidth",cW:"clientWidth",sW:"scrollWidth",hOP:"hasOwnProperty",bCR:"getBoundingClientRect"},VENDORS=function(){var jsCache={},cssCache={},cssPrefixes=["-webkit-","-moz-","-o-","-ms-"],jsPrefixes=["WebKit","Moz","O","MS"];function firstLetterToUpper(str){return str.charAt(0).toUpperCase()+str.slice(1)}return{_cssPrefixes:cssPrefixes,_jsPrefixes:jsPrefixes,_cssProperty:function(name){var result=cssCache[name];if(cssCache[LEXICON.hOP](name))return result;for(var resultPossibilities,v,currVendorWithoutDashes,uppercasedName=firstLetterToUpper(name),elmStyle=document.createElement("div")[LEXICON.s],i=0;i0&&length-1 in obj)}function stripAndCollapse(value){return(value.match(_rnothtmlwhite)||[]).join(_strSpace)}function matches(elem,selector){for(var nodeList=(elem.parentNode||document).querySelectorAll(selector)||[],i=nodeList[LEXICON.l];i--;)if(nodeList[i]==elem)return!0;return!1}function insertAdjacentElement(el,strategy,child){if(COMPATIBILITY.isA(child))for(var i=0;i0?(nextAnim=animObj.q[0],animate(animObj.el,nextAnim.props,nextAnim.duration,nextAnim.easing,nextAnim.complete,!0)):(index=inArray(animObj,_animations))>-1&&_animations.splice(index,1)}function setAnimationValue(el,prop,value){prop===_strScrollLeft||prop===_strScrollTop?el[prop]=value:setCSSVal(el,prop,value)}function animate(el,props,options,easing,complete,guaranteedNext){var key,animObj,progress,step,specialEasing,duration,hasOptions=isPlainObject(options),from={},to={},i=0;for(hasOptions?(easing=options.easing,options.start,progress=options.progress,step=options.step,specialEasing=options.specialEasing,complete=options.complete,duration=options.duration):duration=options,specialEasing=specialEasing||{},duration=duration||400,easing=easing||"swing",guaranteedNext=guaranteedNext||!1;i<_animations[LEXICON.l];i++)if(_animations[i].el===el){animObj=_animations[i];break}for(key in animObj||(animObj={el:el,q:[]},_animations.push(animObj)),props)from[key]=key===_strScrollLeft||key===_strScrollTop?el[key]:FakejQuery(el).css(key);for(key in from)from[key]!==props[key]&&props[key]!==undefined&&(to[key]=props[key]);if(isEmptyObject(to))guaranteedNext&&startNextAnimationInQ(animObj);else{var timeNow,end,percent,fromVal,toVal,easedVal,timeStart,frame,elapsed,qPos=guaranteedNext?0:inArray(qObj,animObj.q),qObj={props:to,duration:hasOptions?options:duration,easing:easing,complete:complete};if(-1===qPos&&(qPos=animObj.q[LEXICON.l],animObj.q.push(qObj)),0===qPos)if(duration>0)timeStart=COMPATIBILITY.now(),frame=function(){for(key in timeNow=COMPATIBILITY.now(),elapsed=timeNow-timeStart,end=qObj.stop||elapsed>=duration,percent=1-(MATH.max(0,timeStart+duration-timeNow)/duration||0),to)fromVal=parseFloat(from[key]),toVal=parseFloat(to[key]),easedVal=(toVal-fromVal)*EASING[specialEasing[key]||easing](percent,percent*duration,0,1,duration)+fromVal,setAnimationValue(el,key,easedVal),isFunction(step)&&step(easedVal,{elem:el,prop:key,start:fromVal,now:easedVal,end:toVal,pos:percent,options:{easing:easing,speacialEasing:specialEasing,duration:duration,complete:complete,step:step},startTime:timeStart});isFunction(progress)&&progress({},percent,MATH.max(0,duration-elapsed)),end?(startNextAnimationInQ(animObj),isFunction(complete)&&complete()):qObj.frame=COMPATIBILITY.rAF()(frame)},qObj.frame=COMPATIBILITY.rAF()(frame);else{for(key in to)setAnimationValue(el,key,to[key]);startNextAnimationInQ(animObj)}}}function stop(el,clearQ,jumpToEnd){for(var animObj,qObj,key,i=0;i<_animations[LEXICON.l];i++)if((animObj=_animations[i]).el===el){if(animObj.q[LEXICON.l]>0){if((qObj=animObj.q[0]).stop=!0,COMPATIBILITY.cAF()(qObj.frame),animObj.q.splice(0,1),jumpToEnd)for(key in qObj.props)setAnimationValue(el,key,qObj.props[key]);clearQ?animObj.q=[]:startNextAnimationInQ(animObj,!1)}break}}function elementIsVisible(el){return!!(el[LEXICON.oW]||el[LEXICON.oH]||el.getClientRects()[LEXICON.l])}function FakejQuery(selector){if(0===arguments[LEXICON.l])return this;var elms,el,base=new FakejQuery,elements=selector,i=0;if(_type(selector)==TYPES.s)for(elements=[],"<"===selector.charAt(0)?((el=document.createElement("div")).innerHTML=selector,elms=el.children):elms=document.querySelectorAll(selector);i0;)deepest=deepest.childNodes[0];for(i=0;nodes[LEXICON.l]-i;deepest.firstChild===nodes[0]&&i++)deepest.appendChild(nodes[i]);var nextSibling=previousSibling?previousSibling.nextSibling:parent.firstChild;return parent.insertBefore(wrapper,nextSibling),this},wrapInner:function(wrapperHTML){return this.each((function(){var el=FakejQuery(this),contents=el.contents();contents[LEXICON.l]?contents.wrapAll(wrapperHTML):el.append(wrapperHTML)}))},wrap:function(wrapperHTML){return this.each((function(){FakejQuery(this).wrapAll(wrapperHTML)}))},css:function(styles,val){var el,key,cptStyle,getCptStyle=window.getComputedStyle;return _type(styles)==TYPES.s?val===undefined?(el=this[0],cptStyle=getCptStyle?getCptStyle(el,null):el.currentStyle[styles],getCptStyle?null!=cptStyle?cptStyle.getPropertyValue(styles):el[LEXICON.s][styles]:cptStyle):this.each((function(){setCSSVal(this,styles,val)})):this.each((function(){for(key in styles)setCSSVal(this,key,styles[key])}))},hasClass:function(className){for(var elem,classList,i=0,classNamePrepared=_strSpace+className+_strSpace;elem=this[i++];){if((classList=elem.classList)&&classList.contains(className))return!0;if(1===elem.nodeType&&(_strSpace+stripAndCollapse(elem.className+_strEmpty)+_strSpace).indexOf(classNamePrepared)>-1)return!0}return!1},addClass:function(className){var classes,elem,cur,curValue,clazz,finalValue,supportClassList,elmClassList,i=0,v=0;if(className)for(classes=className.match(_rnothtmlwhite)||[];elem=this[i++];)if(elmClassList=elem.classList,supportClassList===undefined&&(supportClassList=elmClassList!==undefined),supportClassList)for(;clazz=classes[v++];)elmClassList.add(clazz);else if(curValue=elem.className+_strEmpty,cur=1===elem.nodeType&&_strSpace+stripAndCollapse(curValue)+_strSpace){for(;clazz=classes[v++];)cur.indexOf(_strSpace+clazz+_strSpace)<0&&(cur+=clazz+_strSpace);curValue!==(finalValue=stripAndCollapse(cur))&&(elem.className=finalValue)}return this},removeClass:function(className){var classes,elem,cur,curValue,clazz,finalValue,supportClassList,elmClassList,i=0,v=0;if(className)for(classes=className.match(_rnothtmlwhite)||[];elem=this[i++];)if(elmClassList=elem.classList,supportClassList===undefined&&(supportClassList=elmClassList!==undefined),supportClassList)for(;clazz=classes[v++];)elmClassList.remove(clazz);else if(curValue=elem.className+_strEmpty,cur=1===elem.nodeType&&_strSpace+stripAndCollapse(curValue)+_strSpace){for(;clazz=classes[v++];)for(;cur.indexOf(_strSpace+clazz+_strSpace)>-1;)cur=cur.replace(_strSpace+clazz+_strSpace,_strSpace);curValue!==(finalValue=stripAndCollapse(cur))&&(elem.className=finalValue)}return this},hide:function(){return this.each((function(){this[LEXICON.s].display="none"}))},show:function(){return this.each((function(){this[LEXICON.s].display="block"}))},attr:function(attrName,value){for(var el,i=0;el=this[i++];){if(value===undefined)return el.getAttribute(attrName);el.setAttribute(attrName,value)}return this},removeAttr:function(attrName){return this.each((function(){this.removeAttribute(attrName)}))},offset:function(){var rect=this[0][LEXICON.bCR](),scrollLeft=window.pageXOffset||document.documentElement[_strScrollLeft],scrollTop=window.pageYOffset||document.documentElement[_strScrollTop];return{top:rect.top+scrollTop,left:rect.left+scrollLeft}},position:function(){var el=this[0];return{top:el.offsetTop,left:el.offsetLeft}},scrollLeft:function(value){for(var el,i=0;el=this[i++];){if(value===undefined)return el[_strScrollLeft];el[_strScrollLeft]=value}return this},scrollTop:function(value){for(var el,i=0;el=this[i++];){if(value===undefined)return el[_strScrollTop];el[_strScrollTop]=value}return this},val:function(value){var el=this[0];return value?(el.value=value,this):el.value},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(index){return FakejQuery(this[index>=0?index:this[LEXICON.l]+index])},find:function(selector){var i,children=[];return this.each((function(){var ch=this.querySelectorAll(selector);for(i=0;i-1){if(!(argLen>1))return _targets[index][_instancePropertyString];delete target[_instancePropertyString],_targets.splice(index,1)}}}),PLUGIN=function(){var _plugin,_pluginsGlobals,_pluginsAutoUpdateLoop,type,possibleTemplateTypes,restrictedStringsSplit,restrictedStringsPossibilitiesSplit,classNameAllowedValues,numberAllowedValues,booleanNullAllowedValues,booleanTrueTemplate,booleanFalseTemplate,callbackTemplate,overflowBehaviorAllowedValues,optionsDefaultsAndTemplate,convert,_pluginsExtensions=[],_pluginsOptions=(type=COMPATIBILITY.type,possibleTemplateTypes=[TYPES.b,TYPES.n,TYPES.s,TYPES.a,TYPES.o,TYPES.f,TYPES.z],restrictedStringsSplit=" ",restrictedStringsPossibilitiesSplit=":",classNameAllowedValues=[TYPES.z,TYPES.s],numberAllowedValues=TYPES.n,booleanNullAllowedValues=[TYPES.z,TYPES.b],booleanTrueTemplate=[!0,TYPES.b],booleanFalseTemplate=[!1,TYPES.b],callbackTemplate=[null,[TYPES.z,TYPES.f]],overflowBehaviorAllowedValues="v-h:visible-hidden v-s:visible-scroll s:scroll h:hidden",optionsDefaultsAndTemplate={className:["os-theme-dark",classNameAllowedValues],resize:["none","n:none b:both h:horizontal v:vertical"],sizeAutoCapable:booleanTrueTemplate,clipAlways:booleanTrueTemplate,normalizeRTL:booleanTrueTemplate,paddingAbsolute:booleanFalseTemplate,autoUpdate:[null,booleanNullAllowedValues],autoUpdateInterval:[33,numberAllowedValues],updateOnLoad:[["img"],[TYPES.s,TYPES.a,TYPES.z]],nativeScrollbarsOverlaid:{showNativeScrollbars:booleanFalseTemplate,initialize:booleanTrueTemplate},overflowBehavior:{x:["scroll",overflowBehaviorAllowedValues],y:["scroll",overflowBehaviorAllowedValues]},scrollbars:{visibility:["auto","v:visible h:hidden a:auto"],autoHide:["never","n:never s:scroll l:leave m:move"],autoHideDelay:[800,numberAllowedValues],dragScrolling:booleanTrueTemplate,clickScrolling:booleanFalseTemplate,touchSupport:booleanTrueTemplate,snapHandle:booleanFalseTemplate},textarea:{dynWidth:booleanFalseTemplate,dynHeight:booleanFalseTemplate,inheritedAttrs:[["style","class"],[TYPES.s,TYPES.a,TYPES.z]]},callbacks:{onInitialized:callbackTemplate,onInitializationWithdrawn:callbackTemplate,onDestroyed:callbackTemplate,onScrollStart:callbackTemplate,onScroll:callbackTemplate,onScrollStop:callbackTemplate,onOverflowChanged:callbackTemplate,onOverflowAmountChanged:callbackTemplate,onDirectionChanged:callbackTemplate,onContentSizeChanged:callbackTemplate,onHostSizeChanged:callbackTemplate,onUpdated:callbackTemplate}},{_defaults:(convert=function(template){var recursive=function(obj){var key,val,valType;for(key in obj)obj[LEXICON.hOP](key)&&(val=obj[key],(valType=type(val))==TYPES.a?obj[key]=val[template?1:0]:valType==TYPES.o&&(obj[key]=recursive(val)));return obj};return recursive(FRAMEWORK.extend(!0,{},optionsDefaultsAndTemplate))})(),_template:convert(!0),_validate:function(obj,template,writeErrors,diffObj){var validatedOptions={},validatedOptionsPrepared={},objectCopy=FRAMEWORK.extend(!0,{},obj),inArray=FRAMEWORK.inArray,isEmptyObj=FRAMEWORK.isEmptyObject,checkObjectProps=function(data,template,diffData,validatedOptions,validatedOptionsPrepared,prevPropName){for(var prop in template)if(template[LEXICON.hOP](prop)&&data[LEXICON.hOP](prop)){var restrictedStringValuesSplit,restrictedStringValuesPossibilitiesSplit,isRestrictedValue,mainPossibility,currType,i,v,j,isValid=!1,isDiff=!1,templateValue=template[prop],templateValueType=type(templateValue),templateIsComplex=templateValueType==TYPES.o,templateTypes=COMPATIBILITY.isA(templateValue)?templateValue:[templateValue],dataDiffValue=diffData[prop],dataValue=data[prop],dataValueType=type(dataValue),propPrefix=prevPropName?prevPropName+".":"",error='The option "'+propPrefix+prop+"\" wasn't set, because",errorPossibleTypes=[],errorRestrictedStrings=[];if(dataDiffValue=dataDiffValue===undefined?{}:dataDiffValue,templateIsComplex&&dataValueType==TYPES.o)validatedOptions[prop]={},validatedOptionsPrepared[prop]={},checkObjectProps(dataValue,templateValue,dataDiffValue,validatedOptions[prop],validatedOptionsPrepared[prop],propPrefix+prop),FRAMEWORK.each([data,validatedOptions,validatedOptionsPrepared],(function(index,value){isEmptyObj(value[prop])&&delete value[prop]}));else if(!templateIsComplex){for(i=0;i0?"\r\nValid strings are: [ "+errorRestrictedStrings.join(", ").split(restrictedStringsPossibilitiesSplit).join(", ")+" ].":"")),delete data[prop]}}};return checkObjectProps(objectCopy,template,diffObj||{},validatedOptions,validatedOptionsPrepared),!isEmptyObj(objectCopy)&&writeErrors&&console.warn("The following options are discarded due to invalidity:\r\n"+window.JSON.stringify(objectCopy,null,2)),{_default:validatedOptions,_prepared:validatedOptionsPrepared}}});function initOverlayScrollbarsStatics(){_pluginsGlobals||(_pluginsGlobals=new OverlayScrollbarsGlobals(_pluginsOptions._defaults)),_pluginsAutoUpdateLoop||(_pluginsAutoUpdateLoop=new OverlayScrollbarsAutoUpdateLoop(_pluginsGlobals))}function OverlayScrollbarsGlobals(defaultOptions){var _base=this,strOverflow="overflow",strHidden="hidden",strScroll="scroll",bodyElement=FRAMEWORK("body"),scrollbarDummyElement=FRAMEWORK('
'),scrollbarDummyElement0=scrollbarDummyElement[0],dummyContainerChild=FRAMEWORK(scrollbarDummyElement.children("div").eq(0));bodyElement.append(scrollbarDummyElement),scrollbarDummyElement.hide().show();var nativeScrollbarSize=calcNativeScrollbarSize(scrollbarDummyElement0),nativeScrollbarIsOverlaid={x:0===nativeScrollbarSize.x,y:0===nativeScrollbarSize.y},msie=function(){var result,ua=window.navigator.userAgent,strIndexOf="indexOf",strSubString="substring",msie=ua[strIndexOf]("MSIE "),trident=ua[strIndexOf]("Trident/"),edge=ua[strIndexOf]("Edge/"),rv=ua[strIndexOf]("rv:"),parseIntFunc=parseInt;return msie>0?result=parseIntFunc(ua[strSubString](msie+5,ua[strIndexOf](".",msie)),10):trident>0?result=parseIntFunc(ua[strSubString](rv+3,ua[strIndexOf](".",rv)),10):edge>0&&(result=parseIntFunc(ua[strSubString](edge+5,ua[strIndexOf](".",edge)),10)),result}();function calcNativeScrollbarSize(measureElement){return{x:measureElement[LEXICON.oH]-measureElement[LEXICON.cH],y:measureElement[LEXICON.oW]-measureElement[LEXICON.cW]}}FRAMEWORK.extend(_base,{defaultOptions:defaultOptions,msie:msie,autoUpdateLoop:!1,autoUpdateRecommended:!COMPATIBILITY.mO(),nativeScrollbarSize:nativeScrollbarSize,nativeScrollbarIsOverlaid:nativeScrollbarIsOverlaid,nativeScrollbarStyling:function(){var result=!1;scrollbarDummyElement.addClass("os-viewport-native-scrollbars-invisible");try{result="none"===scrollbarDummyElement.css("scrollbar-width")&&(msie>9||!msie)||"none"===window.getComputedStyle(scrollbarDummyElement0,"::-webkit-scrollbar").getPropertyValue("display")}catch(ex){}return result}(),overlayScrollbarDummySize:{x:30,y:30},cssCalc:VENDORS._cssPropertyValue("width","calc","(1px)")||null,restrictedMeasuring:function(){scrollbarDummyElement.css(strOverflow,strHidden);var scrollSize={w:scrollbarDummyElement0[LEXICON.sW],h:scrollbarDummyElement0[LEXICON.sH]};scrollbarDummyElement.css(strOverflow,"visible");var scrollSize2={w:scrollbarDummyElement0[LEXICON.sW],h:scrollbarDummyElement0[LEXICON.sH]};return scrollSize.w-scrollSize2.w!=0||scrollSize.h-scrollSize2.h!=0}(),rtlScrollBehavior:function(){scrollbarDummyElement.css({"overflow-y":strHidden,"overflow-x":strScroll,direction:"rtl"}).scrollLeft(0);var dummyContainerOffset=scrollbarDummyElement.offset(),dummyContainerChildOffset=dummyContainerChild.offset();scrollbarDummyElement.scrollLeft(-999);var dummyContainerChildOffsetAfterScroll=dummyContainerChild.offset();return{i:dummyContainerOffset.left===dummyContainerChildOffset.left,n:dummyContainerChildOffset.left!==dummyContainerChildOffsetAfterScroll.left}}(),supportTransform:!!VENDORS._cssProperty("transform"),supportTransition:!!VENDORS._cssProperty("transition"),supportPassiveEvents:function(){var supportsPassive=!1;try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){supportsPassive=!0}}))}catch(e){}return supportsPassive}(),supportResizeObserver:!!COMPATIBILITY.rO(),supportMutationObserver:!!COMPATIBILITY.mO()}),scrollbarDummyElement.removeAttr(LEXICON.s).remove(),function(){if(!nativeScrollbarIsOverlaid.x||!nativeScrollbarIsOverlaid.y){var abs=MATH.abs,windowWidth=COMPATIBILITY.wW(),windowHeight=COMPATIBILITY.wH(),windowDpr=getWindowDPR(),onResize=function(){if(INSTANCES().length>0){var newW=COMPATIBILITY.wW(),newH=COMPATIBILITY.wH(),deltaW=newW-windowWidth,deltaH=newH-windowHeight;if(0===deltaW&&0===deltaH)return;var newScrollbarSize,deltaWRatio=MATH.round(newW/(windowWidth/100)),deltaHRatio=MATH.round(newH/(windowHeight/100)),absDeltaW=abs(deltaW),absDeltaH=abs(deltaH),absDeltaWRatio=abs(deltaWRatio),absDeltaHRatio=abs(deltaHRatio),newDPR=getWindowDPR(),deltaIsBigger=absDeltaW>2&&absDeltaH>2,difference=!differenceIsBiggerThanOne(absDeltaWRatio,absDeltaHRatio),isZoom=deltaIsBigger&&difference&&newDPR!==windowDpr&&windowDpr>0,oldScrollbarSize=_base.nativeScrollbarSize;isZoom&&(bodyElement.append(scrollbarDummyElement),newScrollbarSize=_base.nativeScrollbarSize=calcNativeScrollbarSize(scrollbarDummyElement[0]),scrollbarDummyElement.remove(),oldScrollbarSize.x===newScrollbarSize.x&&oldScrollbarSize.y===newScrollbarSize.y||FRAMEWORK.each(INSTANCES(),(function(){INSTANCES(this)&&INSTANCES(this).update("zoom")}))),windowWidth=newW,windowHeight=newH,windowDpr=newDPR}};FRAMEWORK(window).on("resize",onResize)}function differenceIsBiggerThanOne(valOne,valTwo){var absValOne=abs(valOne),absValTwo=abs(valTwo);return!(absValOne===absValTwo||absValOne+1===absValTwo||absValOne-1===absValTwo)}function getWindowDPR(){var dDPI=window.screen.deviceXDPI||0,sDPI=window.screen.logicalXDPI||1;return window.devicePixelRatio||dDPI/sDPI}}()}function OverlayScrollbarsAutoUpdateLoop(globals){var _loopID,_base=this,_inArray=FRAMEWORK.inArray,_getNow=COMPATIBILITY.now,_strAutoUpdate="autoUpdate",_strAutoUpdateInterval=_strAutoUpdate+"Interval",_strLength=LEXICON.l,_loopingInstances=[],_loopingInstancesIntervalCache=[],_loopIsActive=!1,_loopIntervalDefault=33,_loopInterval=_loopIntervalDefault,_loopTimeOld=_getNow(),loop=function(){if(_loopingInstances[_strLength]>0&&_loopIsActive){_loopID=COMPATIBILITY.rAF()((function(){loop()}));var lowestInterval,instance,instanceOptions,instanceAutoUpdateAllowed,instanceAutoUpdateInterval,now,timeNew=_getNow(),timeDelta=timeNew-_loopTimeOld;if(timeDelta>_loopInterval){_loopTimeOld=timeNew-timeDelta%_loopInterval,lowestInterval=_loopIntervalDefault;for(var i=0;i<_loopingInstances[_strLength];i++)(instance=_loopingInstances[i])!==undefined&&(instanceAutoUpdateAllowed=(instanceOptions=instance.options())[_strAutoUpdate],instanceAutoUpdateInterval=MATH.max(1,instanceOptions[_strAutoUpdateInterval]),now=_getNow(),(!0===instanceAutoUpdateAllowed||null===instanceAutoUpdateAllowed)&&now-_loopingInstancesIntervalCache[i]>instanceAutoUpdateInterval&&(instance.update("auto"),_loopingInstancesIntervalCache[i]=new Date(now+=instanceAutoUpdateInterval)),lowestInterval=MATH.max(1,MATH.min(lowestInterval,instanceAutoUpdateInterval)));_loopInterval=lowestInterval}}else _loopInterval=_loopIntervalDefault};_base.add=function(instance){-1===_inArray(instance,_loopingInstances)&&(_loopingInstances.push(instance),_loopingInstancesIntervalCache.push(_getNow()),_loopingInstances[_strLength]>0&&!_loopIsActive&&(_loopIsActive=!0,globals.autoUpdateLoop=_loopIsActive,loop()))},_base.remove=function(instance){var index=_inArray(instance,_loopingInstances);index>-1&&(_loopingInstancesIntervalCache.splice(index,1),_loopingInstances.splice(index,1),0===_loopingInstances[_strLength]&&_loopIsActive&&(_loopIsActive=!1,globals.autoUpdateLoop=_loopIsActive,_loopID!==undefined&&(COMPATIBILITY.cAF()(_loopID),_loopID=-1)))}}function OverlayScrollbarsInstance(pluginTargetElement,options,extensions,globals,autoUpdateLoop){var type=COMPATIBILITY.type,inArray=FRAMEWORK.inArray,each=FRAMEWORK.each,_base=new _plugin,_frameworkProto=FRAMEWORK[LEXICON.p];if(isHTMLElement(pluginTargetElement)){if(INSTANCES(pluginTargetElement)){var inst=INSTANCES(pluginTargetElement);return inst.options(options),inst}var _nativeScrollbarIsOverlaid,_overlayScrollbarDummySize,_rtlScrollBehavior,_autoUpdateRecommended,_msieVersion,_nativeScrollbarStyling,_cssCalc,_nativeScrollbarSize,_supportTransition,_supportTransform,_supportPassiveEvents,_supportResizeObserver,_supportMutationObserver,_initialized,_destroyed,_isTextarea,_isBody,_documentMixed,_domExists,_isBorderBox,_sizeAutoObserverAdded,_paddingX,_paddingY,_borderX,_borderY,_marginX,_marginY,_isRTL,_sleeping,_defaultOptions,_currentOptions,_currentPreparedOptions,_lastUpdateTime,_swallowedUpdateTimeout,_windowElement,_documentElement,_htmlElement,_bodyElement,_targetElement,_hostElement,_sizeAutoObserverElement,_sizeObserverElement,_paddingElement,_viewportElement,_contentElement,_contentArrangeElement,_contentGlueElement,_textareaCoverElement,_scrollbarCornerElement,_scrollbarHorizontalElement,_scrollbarHorizontalTrackElement,_scrollbarHorizontalHandleElement,_scrollbarVerticalElement,_scrollbarVerticalTrackElement,_scrollbarVerticalHandleElement,_windowElementNative,_documentElementNative,_targetElementNative,_hostElementNative,_sizeAutoObserverElementNative,_sizeObserverElementNative,_paddingElementNative,_viewportElementNative,_contentElementNative,_hostSizeCache,_contentScrollSizeCache,_arrangeContentSizeCache,_hasOverflowCache,_hideOverflowCache,_widthAutoCache,_heightAutoCache,_cssBoxSizingCache,_cssPaddingCache,_cssBorderCache,_cssMarginCache,_cssDirectionCache,_cssDirectionDetectedCache,_paddingAbsoluteCache,_clipAlwaysCache,_contentGlueSizeCache,_overflowBehaviorCache,_overflowAmountCache,_ignoreOverlayScrollbarHidingCache,_autoUpdateCache,_sizeAutoCapableCache,_contentElementScrollSizeChangeDetectedCache,_hostElementSizeChangeDetectedCache,_scrollbarsVisibilityCache,_scrollbarsAutoHideCache,_scrollbarsClickScrollingCache,_scrollbarsDragScrollingCache,_resizeCache,_normalizeRTLCache,_classNameCache,_oldClassName,_textareaAutoWrappingCache,_textareaInfoCache,_textareaSizeCache,_textareaDynHeightCache,_textareaDynWidthCache,_bodyMinSizeCache,_mutationObserverHost,_mutationObserverContent,_mutationObserverHostCallback,_mutationObserverContentCallback,_mutationObserversConnected,_textareaHasFocus,_scrollbarsAutoHideTimeoutId,_scrollbarsAutoHideMoveTimeoutId,_scrollbarsAutoHideDelay,_scrollbarsAutoHideNever,_scrollbarsAutoHideScroll,_scrollbarsAutoHideMove,_scrollbarsAutoHideLeave,_scrollbarsHandleHovered,_scrollbarsHandlesDefineScrollPos,_resizeNone,_resizeBoth,_resizeHorizontal,_resizeVertical,_contentBorderSize={},_scrollHorizontalInfo={},_scrollVerticalInfo={},_viewportSize={},_nativeScrollbarMinSize={},_strMinusHidden="-hidden",_strMarginMinus="margin-",_strPaddingMinus="padding-",_strBorderMinus="border-",_strTop="top",_strRight="right",_strBottom="bottom",_strLeft="left",_strMinMinus="min-",_strMaxMinus="max-",_strWidth="width",_strHeight="height",_strFloat="float",_strEmpty="",_strAuto="auto",_strSync="sync",_strScroll="scroll",_strHundredPercent="100%",_strX="x",_strY="y",_strDot=".",_strSpace=" ",_strScrollbar="scrollbar",_strMinusHorizontal="-horizontal",_strMinusVertical="-vertical",_strScrollLeft=_strScroll+"Left",_strScrollTop=_strScroll+"Top",_strMouseTouchDownEvent="mousedown touchstart",_strMouseTouchUpEvent="mouseup touchend touchcancel",_strMouseTouchMoveEvent="mousemove touchmove",_strMouseEnter="mouseenter",_strMouseLeave="mouseleave",_strKeyDownEvent="keydown",_strKeyUpEvent="keyup",_strSelectStartEvent="selectstart",_strTransitionEndEvent="transitionend webkitTransitionEnd oTransitionEnd",_strResizeObserverProperty="__overlayScrollbarsRO__",_cassNamesPrefix="os-",_classNameHTMLElement=_cassNamesPrefix+"html",_classNameHostElement=_cassNamesPrefix+"host",_classNameHostElementForeign=_classNameHostElement+"-foreign",_classNameHostTextareaElement=_classNameHostElement+"-textarea",_classNameHostScrollbarHorizontalHidden=_classNameHostElement+"-"+_strScrollbar+_strMinusHorizontal+_strMinusHidden,_classNameHostScrollbarVerticalHidden=_classNameHostElement+"-"+_strScrollbar+_strMinusVertical+_strMinusHidden,_classNameHostTransition=_classNameHostElement+"-transition",_classNameHostRTL=_classNameHostElement+"-rtl",_classNameHostResizeDisabled=_classNameHostElement+"-resize-disabled",_classNameHostScrolling=_classNameHostElement+"-scrolling",_classNameHostOverflow=_classNameHostElement+"-overflow",_classNameHostOverflowX=(_classNameHostOverflow=_classNameHostElement+"-overflow")+"-x",_classNameHostOverflowY=_classNameHostOverflow+"-y",_classNameTextareaElement=_cassNamesPrefix+"textarea",_classNameTextareaCoverElement=_classNameTextareaElement+"-cover",_classNamePaddingElement=_cassNamesPrefix+"padding",_classNameViewportElement=_cassNamesPrefix+"viewport",_classNameViewportNativeScrollbarsInvisible=_classNameViewportElement+"-native-scrollbars-invisible",_classNameViewportNativeScrollbarsOverlaid=_classNameViewportElement+"-native-scrollbars-overlaid",_classNameContentElement=_cassNamesPrefix+"content",_classNameContentArrangeElement=_cassNamesPrefix+"content-arrange",_classNameContentGlueElement=_cassNamesPrefix+"content-glue",_classNameSizeAutoObserverElement=_cassNamesPrefix+"size-auto-observer",_classNameResizeObserverElement=_cassNamesPrefix+"resize-observer",_classNameResizeObserverItemElement=_cassNamesPrefix+"resize-observer-item",_classNameResizeObserverItemFinalElement=_classNameResizeObserverItemElement+"-final",_classNameTextInherit=_cassNamesPrefix+"text-inherit",_classNameScrollbar=_cassNamesPrefix+_strScrollbar,_classNameScrollbarTrack=_classNameScrollbar+"-track",_classNameScrollbarTrackOff=_classNameScrollbarTrack+"-off",_classNameScrollbarHandle=_classNameScrollbar+"-handle",_classNameScrollbarHandleOff=_classNameScrollbarHandle+"-off",_classNameScrollbarUnusable=_classNameScrollbar+"-unusable",_classNameScrollbarAutoHidden=_classNameScrollbar+"-"+_strAuto+_strMinusHidden,_classNameScrollbarCorner=_classNameScrollbar+"-corner",_classNameScrollbarCornerResize=_classNameScrollbarCorner+"-resize",_classNameScrollbarCornerResizeB=_classNameScrollbarCornerResize+"-both",_classNameScrollbarCornerResizeH=_classNameScrollbarCornerResize+_strMinusHorizontal,_classNameScrollbarCornerResizeV=_classNameScrollbarCornerResize+_strMinusVertical,_classNameScrollbarHorizontal=_classNameScrollbar+_strMinusHorizontal,_classNameScrollbarVertical=_classNameScrollbar+_strMinusVertical,_classNameDragging=_cassNamesPrefix+"dragging",_classNameThemeNone=_cassNamesPrefix+"theme-none",_classNamesDynamicDestroy=[_classNameViewportNativeScrollbarsInvisible,_classNameViewportNativeScrollbarsOverlaid,_classNameScrollbarTrackOff,_classNameScrollbarHandleOff,_classNameScrollbarUnusable,_classNameScrollbarAutoHidden,_classNameScrollbarCornerResize,_classNameScrollbarCornerResizeB,_classNameScrollbarCornerResizeH,_classNameScrollbarCornerResizeV,_classNameDragging].join(_strSpace),_callbacksInitQeueue=[],_viewportAttrsFromTarget=[LEXICON.ti],_extensions={},_extensionsPrivateMethods="added removed on contract",_swallowedUpdateHints={},_swallowUpdateLag=42,_updateOnLoadEventName="load",_updateOnLoadElms=[],_updateAutoCache={},_mutationObserverAttrsTextarea=["wrap","cols","rows"],_mutationObserverAttrsHost=[LEXICON.i,LEXICON.c,LEXICON.s,"open"].concat(_viewportAttrsFromTarget),_destroyEvents=[];return _base.sleep=function(){_sleeping=!0},_base.update=function(force){var attrsChanged,contentSizeC,doUpdateAuto,mutHost,mutContent;if(!_destroyed)return type(force)==TYPES.s?force===_strAuto?(attrsChanged=meaningfulAttrsChanged(),contentSizeC=updateAutoContentSizeChanged(),(doUpdateAuto=attrsChanged||contentSizeC)&&update({_contentSizeChanged:contentSizeC,_changedOptions:_initialized?undefined:_currentPreparedOptions})):force===_strSync?_mutationObserversConnected?(mutHost=_mutationObserverHostCallback(_mutationObserverHost.takeRecords()),mutContent=_mutationObserverContentCallback(_mutationObserverContent.takeRecords())):mutHost=_base.update(_strAuto):"zoom"===force&&update({_hostSizeChanged:!0,_contentSizeChanged:!0}):(force=_sleeping||force,_sleeping=!1,_base.update(_strSync)&&!force||update({_force:force})),updateElementsOnLoad(),doUpdateAuto||mutHost||mutContent},_base.options=function(newOptions,value){var changedOps,option={};if(FRAMEWORK.isEmptyObject(newOptions)||!FRAMEWORK.isPlainObject(newOptions)){if(type(newOptions)!=TYPES.s)return _currentOptions;if(!(arguments.length>1))return getObjectPropVal(_currentOptions,newOptions);setObjectPropVal(option,newOptions,value),changedOps=setOptions(option)}else changedOps=setOptions(newOptions);FRAMEWORK.isEmptyObject(changedOps)||update({_changedOptions:changedOps})},_base.destroy=function(){if(!_destroyed){for(var extName in autoUpdateLoop.remove(_base),disconnectMutationObservers(),setupResizeObserver(_sizeObserverElement),setupResizeObserver(_sizeAutoObserverElement),_extensions)_base.removeExt(extName);for(;_destroyEvents[LEXICON.l]>0;)_destroyEvents.pop()();setupHostMouseTouchEvents(!0),_contentGlueElement&&remove(_contentGlueElement),_contentArrangeElement&&remove(_contentArrangeElement),_sizeAutoObserverAdded&&remove(_sizeAutoObserverElement),setupScrollbarsDOM(!0),setupScrollbarCornerDOM(!0),setupStructureDOM(!0);for(var i=0;i<_updateOnLoadElms[LEXICON.l];i++)FRAMEWORK(_updateOnLoadElms[i]).off(_updateOnLoadEventName,updateOnLoadCallback);_updateOnLoadElms=undefined,_destroyed=!0,_sleeping=!0,INSTANCES(pluginTargetElement,0),dispatchCallback("onDestroyed")}},_base.scroll=function(coordinates,duration,easing,complete){if(0===arguments.length||coordinates===undefined){var infoX=_scrollHorizontalInfo,infoY=_scrollVerticalInfo,normalizeInvert=_normalizeRTLCache&&_isRTL&&_rtlScrollBehavior.i,normalizeNegate=_normalizeRTLCache&&_isRTL&&_rtlScrollBehavior.n,scrollX=infoX._currentScroll,scrollXRatio=infoX._currentScrollRatio,maxScrollX=infoX._maxScroll;return scrollXRatio=normalizeInvert?1-scrollXRatio:scrollXRatio,scrollX=normalizeInvert?maxScrollX-scrollX:scrollX,maxScrollX*=normalizeNegate?-1:1,{position:{x:scrollX*=normalizeNegate?-1:1,y:infoY._currentScroll},ratio:{x:scrollXRatio,y:infoY._currentScrollRatio},max:{x:maxScrollX,y:infoY._maxScroll},handleOffset:{x:infoX._handleOffset,y:infoY._handleOffset},handleLength:{x:infoX._handleLength,y:infoY._handleLength},handleLengthRatio:{x:infoX._handleLengthRatio,y:infoY._handleLengthRatio},trackLength:{x:infoX._trackLength,y:infoY._trackLength},snappedHandleOffset:{x:infoX._snappedHandleOffset,y:infoY._snappedHandleOffset},isRTL:_isRTL,isRTLNormalized:_normalizeRTLCache}}_base.update(_strSync);var i,doScrollLeft,doScrollTop,animationOptions,settingsAxis,settingsScroll,settingsBlock,settingsMargin,finalElement,normalizeRTL=_normalizeRTLCache,coordinatesXAxisProps=[_strX,_strLeft,"l"],coordinatesYAxisProps=[_strY,_strTop,"t"],coordinatesOperators=["+=","-=","*=","/="],durationIsObject=type(duration)==TYPES.o,completeCallback=durationIsObject?duration.complete:complete,finalScroll={},specialEasing={},strEnd="end",strBegin="begin",strCenter="center",strNearest="nearest",strAlways="always",strNever="never",strIfNeeded="ifneeded",strLength=LEXICON.l,elementObjSettingsAxisValues=[_strX,_strY,"xy","yx"],elementObjSettingsBlockValues=[strBegin,strEnd,strCenter,strNearest],elementObjSettingsScrollValues=[strAlways,strNever,strIfNeeded],coordinatesIsElementObj=coordinates[LEXICON.hOP]("el"),possibleElement=coordinatesIsElementObj?coordinates.el:coordinates,possibleElementIsJQuery=!!(possibleElement instanceof FRAMEWORK||JQUERY)&&possibleElement instanceof JQUERY,possibleElementIsHTMLElement=!possibleElementIsJQuery&&isHTMLElement(possibleElement),updateScrollbarInfos=function(){doScrollLeft&&refreshScrollbarHandleOffset(!0),doScrollTop&&refreshScrollbarHandleOffset(!1)},proxyCompleteCallback=type(completeCallback)!=TYPES.f?undefined:function(){updateScrollbarInfos(),completeCallback()};function checkSettingsStringValue(currValue,allowedValues){for(i=0;i2&&(possibleOperator=rawScroll.substr(0,2),inArray(possibleOperator,coordinatesOperators)>-1&&(operator=possibleOperator)),rawScroll=(rawScroll=operator?rawScroll.substr(2):rawScroll)[strReplace](/min/g,0)[strReplace](//g,(normalizeShortcuts?"-":_strEmpty)+_strHundredPercent)[strReplace](/px/g,_strEmpty)[strReplace](/%/g,mult+maxScroll*(isRTLisX&&_rtlScrollBehavior.n?-1:1)/100)[strReplace](/vw/g,mult+_viewportSize.w)[strReplace](/vh/g,mult+_viewportSize.h),amount=parseToZeroOrNumber(isNaN(rawScroll)?parseToZeroOrNumber(evalFunc(rawScroll),!0).toFixed():rawScroll)):amount=rawScroll,amount!==undefined&&!isNaN(amount)&&type(amount)==TYPES.n){var normalizeIsRTLisX=normalizeRTL&&isRTLisX,operatorCurrScroll=currScroll*(normalizeIsRTLisX&&_rtlScrollBehavior.n?-1:1),invert=normalizeIsRTLisX&&_rtlScrollBehavior.i,negate=normalizeIsRTLisX&&_rtlScrollBehavior.n;switch(operatorCurrScroll=invert?maxScroll-operatorCurrScroll:operatorCurrScroll,operator){case"+=":finalValue=operatorCurrScroll+amount;break;case"-=":finalValue=operatorCurrScroll-amount;break;case"*=":finalValue=operatorCurrScroll*amount;break;case"/=":finalValue=operatorCurrScroll/amount;break;default:finalValue=amount}finalValue=invert?maxScroll-finalValue:finalValue,finalValue*=negate?-1:1,finalValue=isRTLisX&&_rtlScrollBehavior.n?MATH.min(0,MATH.max(maxScroll,finalValue)):MATH.max(0,MATH.min(maxScroll,finalValue))}return finalValue===currScroll?undefined:finalValue}function getPerAxisValue(value,valueInternalType,defaultValue,allowedValues){var valueArrLength,valueArrItem,resultDefault=[defaultValue,defaultValue],valueType=type(value);if(valueType==valueInternalType)value=[value,value];else if(valueType==TYPES.a){if((valueArrLength=value[strLength])>2||valueArrLength<1)value=resultDefault;else for(1===valueArrLength&&(value[1]=defaultValue),i=0;i0){margin=marginType==TYPES.n||marginType==TYPES.b?generateMargin([margin,margin,margin,margin]):marginType==TYPES.a?2===(marginLength=margin[strLength])?generateMargin([margin[0],margin[1],margin[0],margin[1]]):marginLength>=4?generateMargin(margin):marginDefault:marginType==TYPES.o?generateMargin([margin[_strTop],margin[_strRight],margin[_strBottom],margin[_strLeft]]):marginDefault,settingsAxis=checkSettingsStringValue(axis,elementObjSettingsAxisValues)?axis:"xy",settingsScroll=getPerAxisValue(scroll,TYPES.s,strAlways,elementObjSettingsScrollValues),settingsBlock=getPerAxisValue(block,TYPES.s,strBegin,elementObjSettingsBlockValues),settingsMargin=margin;var viewportScroll={l:_scrollHorizontalInfo._currentScroll,t:_scrollVerticalInfo._currentScroll},viewportOffset=_paddingElement.offset(),elementOffset=finalElement.offset(),doNotScroll={x:settingsScroll.x==strNever||settingsAxis==_strY,y:settingsScroll.y==strNever||settingsAxis==_strX};elementOffset[_strTop]-=settingsMargin[0],elementOffset[_strLeft]-=settingsMargin[3];var elementScrollCoordinates={x:MATH.round(elementOffset[_strLeft]-viewportOffset[_strLeft]+viewportScroll.l),y:MATH.round(elementOffset[_strTop]-viewportOffset[_strTop]+viewportScroll.t)};if(_isRTL&&(_rtlScrollBehavior.n||_rtlScrollBehavior.i||(elementScrollCoordinates.x=MATH.round(viewportOffset[_strLeft]-elementOffset[_strLeft]+viewportScroll.l)),_rtlScrollBehavior.n&&normalizeRTL&&(elementScrollCoordinates.x*=-1),_rtlScrollBehavior.i&&normalizeRTL&&(elementScrollCoordinates.x=MATH.round(viewportOffset[_strLeft]-elementOffset[_strLeft]+(_scrollHorizontalInfo._maxScroll-viewportScroll.l)))),settingsBlock.x!=strBegin||settingsBlock.y!=strBegin||settingsScroll.x==strIfNeeded||settingsScroll.y==strIfNeeded||_isRTL){var measuringElm=finalElement[0],rawElementSize=_supportTransform?measuringElm[LEXICON.bCR]():{width:measuringElm[LEXICON.oW],height:measuringElm[LEXICON.oH]},elementSize={w:rawElementSize[_strWidth]+settingsMargin[3]+settingsMargin[1],h:rawElementSize[_strHeight]+settingsMargin[0]+settingsMargin[2]},finalizeBlock=function(isX){var vars=getScrollbarVars(isX),wh=vars._w_h,lt=vars._left_top,xy=vars._x_y,blockIsEnd=settingsBlock[xy]==(isX&&_isRTL?strBegin:strEnd),blockIsCenter=settingsBlock[xy]==strCenter,blockIsNearest=settingsBlock[xy]==strNearest,scrollNever=settingsScroll[xy]==strNever,scrollIfNeeded=settingsScroll[xy]==strIfNeeded,vpSize=_viewportSize[wh],vpOffset=viewportOffset[lt],elSize=elementSize[wh],elOffset=elementOffset[lt],divide=blockIsCenter?2:1,elementCenterOffset=elOffset+elSize/2,viewportCenterOffset=vpOffset+vpSize/2,isInView=elSize<=vpSize&&elOffset>=vpOffset&&elOffset+elSize<=vpOffset+vpSize;scrollNever?doNotScroll[xy]=!0:doNotScroll[xy]||((blockIsNearest||scrollIfNeeded)&&(doNotScroll[xy]=!!scrollIfNeeded&&isInView,blockIsEnd=elSizeviewportCenterOffset:elementCenterOffset0||durationIsObject)?durationIsObject?(duration.complete=proxyCompleteCallback,_viewportElement.animate(finalScroll,duration)):(animationOptions={duration:duration,complete:proxyCompleteCallback},COMPATIBILITY.isA(easing)||FRAMEWORK.isPlainObject(easing)?(specialEasing[_strScrollLeft]=easing[0]||easing.x,specialEasing[_strScrollTop]=easing[1]||easing.y,animationOptions.specialEasing=specialEasing):animationOptions.easing=easing,_viewportElement.animate(finalScroll,animationOptions)):(doScrollLeft&&_viewportElement[_strScrollLeft](finalScroll[_strScrollLeft]),doScrollTop&&_viewportElement[_strScrollTop](finalScroll[_strScrollTop]),updateScrollbarInfos())},_base.scrollStop=function(param1,param2,param3){return _viewportElement.stop(param1,param2,param3),_base},_base.getElements=function(elementName){var obj={target:_targetElementNative,host:_hostElementNative,padding:_paddingElementNative,viewport:_viewportElementNative,content:_contentElementNative,scrollbarHorizontal:{scrollbar:_scrollbarHorizontalElement[0],track:_scrollbarHorizontalTrackElement[0],handle:_scrollbarHorizontalHandleElement[0]},scrollbarVertical:{scrollbar:_scrollbarVerticalElement[0],track:_scrollbarVerticalTrackElement[0],handle:_scrollbarVerticalHandleElement[0]},scrollbarCorner:_scrollbarCornerElement[0]};return type(elementName)==TYPES.s?getObjectPropVal(obj,elementName):obj},_base.getState=function(stateProperty){function prepare(obj){if(!FRAMEWORK.isPlainObject(obj))return obj;var extended=extendDeep({},obj),changePropertyName=function(from,to){extended[LEXICON.hOP](from)&&(extended[to]=extended[from],delete extended[from])};return changePropertyName("w",_strWidth),changePropertyName("h",_strHeight),delete extended.c,extended}var obj={destroyed:!!prepare(_destroyed),sleeping:!!prepare(_sleeping),autoUpdate:prepare(!_mutationObserversConnected),widthAuto:prepare(_widthAutoCache),heightAuto:prepare(_heightAutoCache),padding:prepare(_cssPaddingCache),overflowAmount:prepare(_overflowAmountCache),hideOverflow:prepare(_hideOverflowCache),hasOverflow:prepare(_hasOverflowCache),contentScrollSize:prepare(_contentScrollSizeCache),viewportSize:prepare(_viewportSize),hostSize:prepare(_hostSizeCache),documentMixed:prepare(_documentMixed)};return type(stateProperty)==TYPES.s?getObjectPropVal(obj,stateProperty):obj},_base.ext=function(extName){var result,privateMethods=_extensionsPrivateMethods.split(" "),i=0;if(type(extName)==TYPES.s){if(_extensions[LEXICON.hOP](extName))for(result=extendDeep({},_extensions[extName]);i9||!_autoUpdateRecommended){targetElement.prepend(generateDiv(_classNameResizeObserverElement,generateDiv({c:_classNameResizeObserverItemElement,dir:"ltr"},generateDiv(_classNameResizeObserverItemElement,generateDiv(_classNameResizeObserverItemFinalElement))+generateDiv(_classNameResizeObserverItemElement,generateDiv({c:_classNameResizeObserverItemFinalElement,style:"width: 200%; height: 200%"})))));var isDirty,rAFId,currWidth,currHeight,observerElement=targetElement[0][strChildNodes][0][strChildNodes][0],shrinkElement=FRAMEWORK(observerElement[strChildNodes][1]),expandElement=FRAMEWORK(observerElement[strChildNodes][0]),expandElementChild=FRAMEWORK(expandElement[0][strChildNodes][0]),widthCache=observerElement[LEXICON.oW],heightCache=observerElement[LEXICON.oH],factor=2,nativeScrollbarSize=globals.nativeScrollbarSize,reset=function(){expandElement[_strScrollLeft](constScroll)[_strScrollTop](constScroll),shrinkElement[_strScrollLeft](constScroll)[_strScrollTop](constScroll)},onResized=function(){rAFId=0,isDirty&&(widthCache=currWidth,heightCache=currHeight,callback())},onScroll=function(event){return currWidth=observerElement[LEXICON.oW],currHeight=observerElement[LEXICON.oH],isDirty=currWidth!=widthCache||currHeight!=heightCache,event&&isDirty&&!rAFId?(COMPATIBILITY.cAF()(rAFId),rAFId=COMPATIBILITY.rAF()(onResized)):event||onResized(),reset(),event&&(COMPATIBILITY.prvD(event),COMPATIBILITY.stpP(event)),!1},expandChildCSS={},observerElementCSS={};setTopRightBottomLeft(observerElementCSS,_strEmpty,[-(nativeScrollbarSize.y+1)*factor,nativeScrollbarSize.x*-factor,nativeScrollbarSize.y*-factor,-(nativeScrollbarSize.x+1)*factor]),FRAMEWORK(observerElement).css(observerElementCSS),expandElement.on(_strScroll,onScroll),shrinkElement.on(_strScroll,onScroll),targetElement.on(strAnimationStartEvent,(function(){onScroll(!1)})),expandChildCSS[_strWidth]=constScroll,expandChildCSS[_strHeight]=constScroll,expandElementChild.css(expandChildCSS),reset()}else{var attachEvent=_documentElementNative.attachEvent,isIE=_msieVersion!==undefined;if(attachEvent)targetElement.prepend(generateDiv(_classNameResizeObserverElement)),findFirst(targetElement,_strDot+_classNameResizeObserverElement)[0].attachEvent("onresize",callback);else{var obj=_documentElementNative.createElement(TYPES.o);obj.setAttribute(LEXICON.ti,"-1"),obj.setAttribute(LEXICON.c,_classNameResizeObserverElement),obj.onload=function(){var wnd=this.contentDocument.defaultView;wnd.addEventListener("resize",callback),wnd.document.documentElement.style.display="none"},obj.type="text/html",isIE&&targetElement.prepend(obj),obj.data="about:blank",isIE||targetElement.prepend(obj),targetElement.on(strAnimationStartEvent,callback)}}if(targetElement[0]===_sizeObserverElementNative){var directionChanged=function(){var dir=_hostElement.css("direction"),css={},scrollLeftValue=0,result=!1;return dir!==_cssDirectionDetectedCache&&("ltr"===dir?(css[_strLeft]=0,css[_strRight]=_strAuto,scrollLeftValue=constScroll):(css[_strLeft]=_strAuto,css[_strRight]=0,scrollLeftValue=_rtlScrollBehavior.n?-constScroll:_rtlScrollBehavior.i?0:constScroll),_sizeObserverElement.children().eq(0).css(css),_sizeObserverElement[_strScrollLeft](scrollLeftValue)[_strScrollTop](constScroll),_cssDirectionDetectedCache=dir,result=!0),result};directionChanged(),addDestroyEventListener(targetElement,_strScroll,(function(event){return directionChanged()&&update(),COMPATIBILITY.prvD(event),COMPATIBILITY.stpP(event),!1}))}}else if(_supportResizeObserver){var element,resizeObserverObj=(element=targetElement.contents()[0])[_strResizeObserverProperty];resizeObserverObj&&(resizeObserverObj.disconnect(),delete element[_strResizeObserverProperty])}else remove(targetElement.children(_strDot+_classNameResizeObserverElement).eq(0))}}function createMutationObservers(){if(_supportMutationObserver){var mutationTarget,mutationAttrName,mutationIsClass,oldMutationVal,newClassVal,hostClassNameRegex,contentTimeout,now,sizeAuto,action,mutationObserverContentLag=11,mutationObserver=COMPATIBILITY.mO(),contentLastUpdate=COMPATIBILITY.now();_mutationObserverContentCallback=function(mutations){var doUpdate=!1;return _initialized&&!_sleeping&&(each(mutations,(function(){return!(doUpdate=isUnknownMutation(this))})),doUpdate&&(now=COMPATIBILITY.now(),sizeAuto=_heightAutoCache||_widthAutoCache,action=function(){_destroyed||(contentLastUpdate=now,_isTextarea&&textareaUpdate(),sizeAuto?update():_base.update(_strAuto))},clearTimeout(contentTimeout),mutationObserverContentLag<=0||now-contentLastUpdate>mutationObserverContentLag||!sizeAuto?action():contentTimeout=setTimeout(action,mutationObserverContentLag))),doUpdate},_mutationObserverHost=new mutationObserver(_mutationObserverHostCallback=function(mutations){var mutation,doUpdate=!1,doUpdateForce=!1,mutatedAttrs=[];return _initialized&&!_sleeping&&(each(mutations,(function(){mutationTarget=(mutation=this).target,mutationAttrName=mutation.attributeName,mutationIsClass=mutationAttrName===LEXICON.c,oldMutationVal=mutation.oldValue,newClassVal=mutationTarget.className,_domExists&&mutationIsClass&&!doUpdateForce&&oldMutationVal.indexOf(_classNameHostElementForeign)>-1&&newClassVal.indexOf(_classNameHostElementForeign)<0&&(hostClassNameRegex=createHostClassNameRegExp(!0),_hostElementNative.className=newClassVal.split(_strSpace).concat(oldMutationVal.split(_strSpace).filter((function(name){return name.match(hostClassNameRegex)}))).join(_strSpace),doUpdate=doUpdateForce=!0),doUpdate||(doUpdate=mutationIsClass?hostClassNamesChanged(oldMutationVal,newClassVal):mutationAttrName!==LEXICON.s||oldMutationVal!==mutationTarget[LEXICON.s].cssText),mutatedAttrs.push(mutationAttrName)})),updateViewportAttrsFromTarget(mutatedAttrs),doUpdate&&_base.update(doUpdateForce||_strAuto)),doUpdate}),_mutationObserverContent=new mutationObserver(_mutationObserverContentCallback)}}function connectMutationObservers(){_supportMutationObserver&&!_mutationObserversConnected&&(_mutationObserverHost.observe(_hostElementNative,{attributes:!0,attributeOldValue:!0,attributeFilter:_mutationObserverAttrsHost}),_mutationObserverContent.observe(_isTextarea?_targetElementNative:_contentElementNative,{attributes:!0,attributeOldValue:!0,subtree:!_isTextarea,childList:!_isTextarea,characterData:!_isTextarea,attributeFilter:_isTextarea?_mutationObserverAttrsTextarea:_mutationObserverAttrsHost}),_mutationObserversConnected=!0)}function disconnectMutationObservers(){_supportMutationObserver&&_mutationObserversConnected&&(_mutationObserverHost.disconnect(),_mutationObserverContent.disconnect(),_mutationObserversConnected=!1)}function hostOnResized(){if(!_sleeping){var changed,hostSize={w:_sizeObserverElementNative[LEXICON.sW],h:_sizeObserverElementNative[LEXICON.sH]};changed=checkCache(hostSize,_hostElementSizeChangeDetectedCache),_hostElementSizeChangeDetectedCache=hostSize,changed&&update({_hostSizeChanged:!0})}}function hostOnMouseEnter(){_scrollbarsAutoHideLeave&&refreshScrollbarsAutoHide(!0)}function hostOnMouseLeave(){_scrollbarsAutoHideLeave&&!_bodyElement.hasClass(_classNameDragging)&&refreshScrollbarsAutoHide(!1)}function hostOnMouseMove(){_scrollbarsAutoHideMove&&(refreshScrollbarsAutoHide(!0),clearTimeout(_scrollbarsAutoHideMoveTimeoutId),_scrollbarsAutoHideMoveTimeoutId=setTimeout((function(){_scrollbarsAutoHideMove&&!_destroyed&&refreshScrollbarsAutoHide(!1)}),100))}function documentOnSelectStart(event){return COMPATIBILITY.prvD(event),!1}function updateOnLoadCallback(event){var elm=FRAMEWORK(event.target);eachUpdateOnLoad((function(i,updateOnLoadSelector){elm.is(updateOnLoadSelector)&&update({_contentSizeChanged:!0})}))}function setupHostMouseTouchEvents(destroy){destroy||setupHostMouseTouchEvents(!0),setupResponsiveEventListener(_hostElement,_strMouseTouchMoveEvent.split(_strSpace)[0],hostOnMouseMove,!_scrollbarsAutoHideMove||destroy,!0),setupResponsiveEventListener(_hostElement,[_strMouseEnter,_strMouseLeave],[hostOnMouseEnter,hostOnMouseLeave],!_scrollbarsAutoHideLeave||destroy,!0),_initialized||destroy||_hostElement.one("mouseover",hostOnMouseEnter)}function bodyMinSizeChanged(){var bodyMinSize={};return _isBody&&_contentArrangeElement&&(bodyMinSize.w=parseToZeroOrNumber(_contentArrangeElement.css(_strMinMinus+_strWidth)),bodyMinSize.h=parseToZeroOrNumber(_contentArrangeElement.css(_strMinMinus+_strHeight)),bodyMinSize.c=checkCache(bodyMinSize,_bodyMinSizeCache),bodyMinSize.f=!0),_bodyMinSizeCache=bodyMinSize,!!bodyMinSize.c}function hostClassNamesChanged(oldClassNames,newClassNames){var i,regex,currClasses=typeof newClassNames==TYPES.s?newClassNames.split(_strSpace):[],diff=getArrayDifferences(typeof oldClassNames==TYPES.s?oldClassNames.split(_strSpace):[],currClasses),idx=inArray(_classNameThemeNone,diff);if(idx>-1&&diff.splice(idx,1),diff[LEXICON.l]>0)for(regex=createHostClassNameRegExp(!0,!0),i=0;i0}}function isSizeAffectingCSSProperty(propertyName){if(!_initialized)return!0;var flexGrow="flex-grow",flexShrink="flex-shrink",flexBasis="flex-basis",affectingPropsX=[_strWidth,_strMinMinus+_strWidth,_strMaxMinus+_strWidth,_strMarginMinus+_strLeft,_strMarginMinus+_strRight,_strLeft,_strRight,"font-weight","word-spacing",flexGrow,flexShrink,flexBasis],affectingPropsXContentBox=[_strPaddingMinus+_strLeft,_strPaddingMinus+_strRight,_strBorderMinus+_strLeft+_strWidth,_strBorderMinus+_strRight+_strWidth],affectingPropsY=[_strHeight,_strMinMinus+_strHeight,_strMaxMinus+_strHeight,_strMarginMinus+_strTop,_strMarginMinus+_strBottom,_strTop,_strBottom,"line-height",flexGrow,flexShrink,flexBasis],affectingPropsYContentBox=[_strPaddingMinus+_strTop,_strPaddingMinus+_strBottom,_strBorderMinus+_strTop+_strWidth,_strBorderMinus+_strBottom+_strWidth],_strS="s",_strVS="v-s",checkX=_overflowBehaviorCache.x===_strS||_overflowBehaviorCache.x===_strVS,sizeIsAffected=!1,checkPropertyName=function(arr,name){for(var i=0;i-1){var targetAttr=_targetElement.attr(attr);type(targetAttr)==TYPES.s?_viewportElement.attr(attr,targetAttr):_viewportElement.removeAttr(attr)}}))}function textareaUpdate(){if(!_sleeping){var origWidth,width,origHeight,height,wrapAttrOff=!_textareaAutoWrappingCache,minWidth=_viewportSize.w,minHeight=_viewportSize.h,css={},doMeasure=_widthAutoCache||wrapAttrOff;return css[_strMinMinus+_strWidth]=_strEmpty,css[_strMinMinus+_strHeight]=_strEmpty,css[_strWidth]=_strAuto,_targetElement.css(css),origWidth=_targetElementNative[LEXICON.oW],width=doMeasure?MATH.max(origWidth,_targetElementNative[LEXICON.sW]-1):1,css[_strWidth]=_widthAutoCache?_strAuto:_strHundredPercent,css[_strMinMinus+_strWidth]=_strHundredPercent,css[_strHeight]=_strAuto,_targetElement.css(css),origHeight=_targetElementNative[LEXICON.oH],height=MATH.max(origHeight,_targetElementNative[LEXICON.sH]-1),css[_strWidth]=width,css[_strHeight]=height,_textareaCoverElement.css(css),css[_strMinMinus+_strWidth]=minWidth,css[_strMinMinus+_strHeight]=minHeight,_targetElement.css(css),{_originalWidth:origWidth,_originalHeight:origHeight,_dynamicWidth:width,_dynamicHeight:height}}}function update(updateHints){clearTimeout(_swallowedUpdateTimeout),updateHints=updateHints||{},_swallowedUpdateHints._hostSizeChanged|=updateHints._hostSizeChanged,_swallowedUpdateHints._contentSizeChanged|=updateHints._contentSizeChanged,_swallowedUpdateHints._force|=updateHints._force;var displayIsHidden,now=COMPATIBILITY.now(),hostSizeChanged=!!_swallowedUpdateHints._hostSizeChanged,contentSizeChanged=!!_swallowedUpdateHints._contentSizeChanged,force=!!_swallowedUpdateHints._force,changedOptions=updateHints._changedOptions,swallow=_swallowUpdateLag>0&&_initialized&&!_destroyed&&!force&&!changedOptions&&now-_lastUpdateTime<_swallowUpdateLag&&!_heightAutoCache&&!_widthAutoCache;if(swallow&&(_swallowedUpdateTimeout=setTimeout(update,_swallowUpdateLag)),!(_destroyed||swallow||_sleeping&&!changedOptions||_initialized&&!force&&(displayIsHidden=_hostElement.is(":hidden"))||"inline"===_hostElement.css("display"))){_lastUpdateTime=now,_swallowedUpdateHints={},!_nativeScrollbarStyling||_nativeScrollbarIsOverlaid.x&&_nativeScrollbarIsOverlaid.y?_nativeScrollbarSize=extendDeep({},globals.nativeScrollbarSize):(_nativeScrollbarSize.x=0,_nativeScrollbarSize.y=0),_nativeScrollbarMinSize={x:3*(_nativeScrollbarSize.x+(_nativeScrollbarIsOverlaid.x?0:3)),y:3*(_nativeScrollbarSize.y+(_nativeScrollbarIsOverlaid.y?0:3))},changedOptions=changedOptions||{};var checkCacheAutoForce=function(){return checkCache.apply(this,[].slice.call(arguments).concat([force]))},currScroll={x:_viewportElement[_strScrollLeft](),y:_viewportElement[_strScrollTop]()},currentPreparedOptionsScrollbars=_currentPreparedOptions.scrollbars,currentPreparedOptionsTextarea=_currentPreparedOptions.textarea,scrollbarsVisibility=currentPreparedOptionsScrollbars.visibility,scrollbarsVisibilityChanged=checkCacheAutoForce(scrollbarsVisibility,_scrollbarsVisibilityCache),scrollbarsAutoHide=currentPreparedOptionsScrollbars.autoHide,scrollbarsAutoHideChanged=checkCacheAutoForce(scrollbarsAutoHide,_scrollbarsAutoHideCache),scrollbarsClickScrolling=currentPreparedOptionsScrollbars.clickScrolling,scrollbarsClickScrollingChanged=checkCacheAutoForce(scrollbarsClickScrolling,_scrollbarsClickScrollingCache),scrollbarsDragScrolling=currentPreparedOptionsScrollbars.dragScrolling,scrollbarsDragScrollingChanged=checkCacheAutoForce(scrollbarsDragScrolling,_scrollbarsDragScrollingCache),className=_currentPreparedOptions.className,classNameChanged=checkCacheAutoForce(className,_classNameCache),resize=_currentPreparedOptions.resize,resizeChanged=checkCacheAutoForce(resize,_resizeCache)&&!_isBody,paddingAbsolute=_currentPreparedOptions.paddingAbsolute,paddingAbsoluteChanged=checkCacheAutoForce(paddingAbsolute,_paddingAbsoluteCache),clipAlways=_currentPreparedOptions.clipAlways,clipAlwaysChanged=checkCacheAutoForce(clipAlways,_clipAlwaysCache),sizeAutoCapable=_currentPreparedOptions.sizeAutoCapable&&!_isBody,sizeAutoCapableChanged=checkCacheAutoForce(sizeAutoCapable,_sizeAutoCapableCache),ignoreOverlayScrollbarHiding=_currentPreparedOptions.nativeScrollbarsOverlaid.showNativeScrollbars,ignoreOverlayScrollbarHidingChanged=checkCacheAutoForce(ignoreOverlayScrollbarHiding,_ignoreOverlayScrollbarHidingCache),autoUpdate=_currentPreparedOptions.autoUpdate,autoUpdateChanged=checkCacheAutoForce(autoUpdate,_autoUpdateCache),overflowBehavior=_currentPreparedOptions.overflowBehavior,overflowBehaviorChanged=checkCacheAutoForce(overflowBehavior,_overflowBehaviorCache,force),textareaDynWidth=currentPreparedOptionsTextarea.dynWidth,textareaDynWidthChanged=checkCacheAutoForce(_textareaDynWidthCache,textareaDynWidth),textareaDynHeight=currentPreparedOptionsTextarea.dynHeight,textareaDynHeightChanged=checkCacheAutoForce(_textareaDynHeightCache,textareaDynHeight);if(_scrollbarsAutoHideNever="n"===scrollbarsAutoHide,_scrollbarsAutoHideScroll="s"===scrollbarsAutoHide,_scrollbarsAutoHideMove="m"===scrollbarsAutoHide,_scrollbarsAutoHideLeave="l"===scrollbarsAutoHide,_scrollbarsAutoHideDelay=currentPreparedOptionsScrollbars.autoHideDelay,_oldClassName=_classNameCache,_resizeNone="n"===resize,_resizeBoth="b"===resize,_resizeHorizontal="h"===resize,_resizeVertical="v"===resize,_normalizeRTLCache=_currentPreparedOptions.normalizeRTL,ignoreOverlayScrollbarHiding=ignoreOverlayScrollbarHiding&&_nativeScrollbarIsOverlaid.x&&_nativeScrollbarIsOverlaid.y,_scrollbarsVisibilityCache=scrollbarsVisibility,_scrollbarsAutoHideCache=scrollbarsAutoHide,_scrollbarsClickScrollingCache=scrollbarsClickScrolling,_scrollbarsDragScrollingCache=scrollbarsDragScrolling,_classNameCache=className,_resizeCache=resize,_paddingAbsoluteCache=paddingAbsolute,_clipAlwaysCache=clipAlways,_sizeAutoCapableCache=sizeAutoCapable,_ignoreOverlayScrollbarHidingCache=ignoreOverlayScrollbarHiding,_autoUpdateCache=autoUpdate,_overflowBehaviorCache=extendDeep({},overflowBehavior),_textareaDynWidthCache=textareaDynWidth,_textareaDynHeightCache=textareaDynHeight,_hasOverflowCache=_hasOverflowCache||{x:!1,y:!1},classNameChanged&&(removeClass(_hostElement,_oldClassName+_strSpace+_classNameThemeNone),addClass(_hostElement,className!==undefined&&null!==className&&className.length>0?className:_classNameThemeNone)),autoUpdateChanged&&(!0===autoUpdate||null===autoUpdate&&_autoUpdateRecommended?(disconnectMutationObservers(),autoUpdateLoop.add(_base)):(autoUpdateLoop.remove(_base),connectMutationObservers())),sizeAutoCapableChanged)if(sizeAutoCapable)if(_contentGlueElement?_contentGlueElement.show():(_contentGlueElement=FRAMEWORK(generateDiv(_classNameContentGlueElement)),_paddingElement.before(_contentGlueElement)),_sizeAutoObserverAdded)_sizeAutoObserverElement.show();else{_sizeAutoObserverElement=FRAMEWORK(generateDiv(_classNameSizeAutoObserverElement)),_sizeAutoObserverElementNative=_sizeAutoObserverElement[0],_contentGlueElement.before(_sizeAutoObserverElement);var oldSize={w:-1,h:-1};setupResizeObserver(_sizeAutoObserverElement,(function(){var newSize={w:_sizeAutoObserverElementNative[LEXICON.oW],h:_sizeAutoObserverElementNative[LEXICON.oH]};checkCache(newSize,oldSize)&&(_initialized&&_heightAutoCache&&newSize.h>0||_widthAutoCache&&newSize.w>0||_initialized&&!_heightAutoCache&&0===newSize.h||!_widthAutoCache&&0===newSize.w)&&update(),oldSize=newSize})),_sizeAutoObserverAdded=!0,null!==_cssCalc&&_sizeAutoObserverElement.css(_strHeight,_cssCalc+"(100% + 1px)")}else _sizeAutoObserverAdded&&_sizeAutoObserverElement.hide(),_contentGlueElement&&_contentGlueElement.hide();force&&(_sizeObserverElement.find("*").trigger(_strScroll),_sizeAutoObserverAdded&&_sizeAutoObserverElement.find("*").trigger(_strScroll)),displayIsHidden=displayIsHidden===undefined?_hostElement.is(":hidden"):displayIsHidden;var sizeAutoObserverElementBCRect,textareaAutoWrapping=!!_isTextarea&&"off"!==_targetElement.attr("wrap"),textareaAutoWrappingChanged=checkCacheAutoForce(textareaAutoWrapping,_textareaAutoWrappingCache),cssDirection=_hostElement.css("direction"),cssDirectionChanged=checkCacheAutoForce(cssDirection,_cssDirectionCache),boxSizing=_hostElement.css("box-sizing"),boxSizingChanged=checkCacheAutoForce(boxSizing,_cssBoxSizingCache),padding=getTopRightBottomLeftHost(_strPaddingMinus);try{sizeAutoObserverElementBCRect=_sizeAutoObserverAdded?_sizeAutoObserverElementNative[LEXICON.bCR]():null}catch(ex){return}_isBorderBox="border-box"===boxSizing;var isRTLLeft=(_isRTL="rtl"===cssDirection)?_strLeft:_strRight,isRTLRight=_isRTL?_strRight:_strLeft,widthAutoResizeDetection=!1,widthAutoObserverDetection=!(!_sizeAutoObserverAdded||"none"===_hostElement.css(_strFloat))&&0===MATH.round(sizeAutoObserverElementBCRect.right-sizeAutoObserverElementBCRect.left)&&(!!paddingAbsolute||_hostElementNative[LEXICON.cW]-_paddingX>0);if(sizeAutoCapable&&!widthAutoObserverDetection){var tmpCurrHostWidth=_hostElementNative[LEXICON.oW],tmpCurrContentGlueWidth=_contentGlueElement.css(_strWidth);_contentGlueElement.css(_strWidth,_strAuto);var tmpNewHostWidth=_hostElementNative[LEXICON.oW];_contentGlueElement.css(_strWidth,tmpCurrContentGlueWidth),(widthAutoResizeDetection=tmpCurrHostWidth!==tmpNewHostWidth)||(_contentGlueElement.css(_strWidth,tmpCurrHostWidth+1),tmpNewHostWidth=_hostElementNative[LEXICON.oW],_contentGlueElement.css(_strWidth,tmpCurrContentGlueWidth),widthAutoResizeDetection=tmpCurrHostWidth!==tmpNewHostWidth)}var widthAuto=(widthAutoObserverDetection||widthAutoResizeDetection)&&sizeAutoCapable&&!displayIsHidden,widthAutoChanged=checkCacheAutoForce(widthAuto,_widthAutoCache),wasWidthAuto=!widthAuto&&_widthAutoCache,heightAuto=!(!_sizeAutoObserverAdded||!sizeAutoCapable||displayIsHidden)&&0===MATH.round(sizeAutoObserverElementBCRect.bottom-sizeAutoObserverElementBCRect.top),heightAutoChanged=checkCacheAutoForce(heightAuto,_heightAutoCache),wasHeightAuto=!heightAuto&&_heightAutoCache,border=getTopRightBottomLeftHost(_strBorderMinus,"-"+_strWidth,!(widthAuto&&_isBorderBox||!_isBorderBox),!(heightAuto&&_isBorderBox||!_isBorderBox)),margin=getTopRightBottomLeftHost(_strMarginMinus),contentElementCSS={},contentGlueElementCSS={},getHostSize=function(){return{w:_hostElementNative[LEXICON.cW],h:_hostElementNative[LEXICON.cH]}},getViewportSize=function(){return{w:_paddingElementNative[LEXICON.oW]+MATH.max(0,_contentElementNative[LEXICON.cW]-_contentElementNative[LEXICON.sW]),h:_paddingElementNative[LEXICON.oH]+MATH.max(0,_contentElementNative[LEXICON.cH]-_contentElementNative[LEXICON.sH])}},paddingAbsoluteX=_paddingX=padding.l+padding.r,paddingAbsoluteY=_paddingY=padding.t+padding.b;if(paddingAbsoluteX*=paddingAbsolute?1:0,paddingAbsoluteY*=paddingAbsolute?1:0,padding.c=checkCacheAutoForce(padding,_cssPaddingCache),_borderX=border.l+border.r,_borderY=border.t+border.b,border.c=checkCacheAutoForce(border,_cssBorderCache),_marginX=margin.l+margin.r,_marginY=margin.t+margin.b,margin.c=checkCacheAutoForce(margin,_cssMarginCache),_textareaAutoWrappingCache=textareaAutoWrapping,_cssDirectionCache=cssDirection,_cssBoxSizingCache=boxSizing,_widthAutoCache=widthAuto,_heightAutoCache=heightAuto,_cssPaddingCache=padding,_cssBorderCache=border,_cssMarginCache=margin,cssDirectionChanged&&_sizeAutoObserverAdded&&_sizeAutoObserverElement.css(_strFloat,isRTLRight),padding.c||cssDirectionChanged||paddingAbsoluteChanged||widthAutoChanged||heightAutoChanged||boxSizingChanged||sizeAutoCapableChanged){var paddingElementCSS={},textareaCSS={},paddingValues=[padding.t,padding.r,padding.b,padding.l];setTopRightBottomLeft(contentGlueElementCSS,_strMarginMinus,[-padding.t,-padding.r,-padding.b,-padding.l]),paddingAbsolute?(setTopRightBottomLeft(paddingElementCSS,_strEmpty,paddingValues),setTopRightBottomLeft(_isTextarea?textareaCSS:contentElementCSS,_strPaddingMinus)):(setTopRightBottomLeft(paddingElementCSS,_strEmpty),setTopRightBottomLeft(_isTextarea?textareaCSS:contentElementCSS,_strPaddingMinus,paddingValues)),_paddingElement.css(paddingElementCSS),_targetElement.css(textareaCSS)}_viewportSize=getViewportSize();var textareaSize=!!_isTextarea&&textareaUpdate(),textareaSizeChanged=_isTextarea&&checkCacheAutoForce(textareaSize,_textareaSizeCache),textareaDynOrigSize=_isTextarea&&textareaSize?{w:textareaDynWidth?textareaSize._dynamicWidth:textareaSize._originalWidth,h:textareaDynHeight?textareaSize._dynamicHeight:textareaSize._originalHeight}:{};if(_textareaSizeCache=textareaSize,heightAuto&&(heightAutoChanged||paddingAbsoluteChanged||boxSizingChanged||padding.c||border.c)?contentElementCSS[_strHeight]=_strAuto:(heightAutoChanged||paddingAbsoluteChanged)&&(contentElementCSS[_strHeight]=_strHundredPercent),widthAuto&&(widthAutoChanged||paddingAbsoluteChanged||boxSizingChanged||padding.c||border.c||cssDirectionChanged)?(contentElementCSS[_strWidth]=_strAuto,contentGlueElementCSS[_strMaxMinus+_strWidth]=_strHundredPercent):(widthAutoChanged||paddingAbsoluteChanged)&&(contentElementCSS[_strWidth]=_strHundredPercent,contentElementCSS[_strFloat]=_strEmpty,contentGlueElementCSS[_strMaxMinus+_strWidth]=_strEmpty),widthAuto?(contentGlueElementCSS[_strWidth]=_strAuto,contentElementCSS[_strWidth]=VENDORS._cssPropertyValue(_strWidth,"max-content intrinsic")||_strAuto,contentElementCSS[_strFloat]=isRTLRight):contentGlueElementCSS[_strWidth]=_strEmpty,contentGlueElementCSS[_strHeight]=heightAuto?textareaDynOrigSize.h||_contentElementNative[LEXICON.cH]:_strEmpty,sizeAutoCapable&&_contentGlueElement.css(contentGlueElementCSS),_contentElement.css(contentElementCSS),contentElementCSS={},contentGlueElementCSS={},hostSizeChanged||contentSizeChanged||textareaSizeChanged||cssDirectionChanged||boxSizingChanged||paddingAbsoluteChanged||widthAutoChanged||widthAuto||heightAutoChanged||heightAuto||ignoreOverlayScrollbarHidingChanged||overflowBehaviorChanged||clipAlwaysChanged||resizeChanged||scrollbarsVisibilityChanged||scrollbarsAutoHideChanged||scrollbarsDragScrollingChanged||scrollbarsClickScrollingChanged||textareaDynWidthChanged||textareaDynHeightChanged||textareaAutoWrappingChanged){var strOverflow="overflow",strOverflowX=strOverflow+"-x",strOverflowY=strOverflow+"-y",strHidden="hidden",strVisible="visible";if(!_nativeScrollbarStyling){var viewportElementResetCSS={},resetXTmp=_hasOverflowCache.y&&_hideOverflowCache.ys&&!ignoreOverlayScrollbarHiding?_nativeScrollbarIsOverlaid.y?_viewportElement.css(isRTLLeft):-_nativeScrollbarSize.y:0,resetBottomTmp=_hasOverflowCache.x&&_hideOverflowCache.xs&&!ignoreOverlayScrollbarHiding?_nativeScrollbarIsOverlaid.x?_viewportElement.css(_strBottom):-_nativeScrollbarSize.x:0;setTopRightBottomLeft(viewportElementResetCSS,_strEmpty),_viewportElement.css(viewportElementResetCSS)}var contentMeasureElement=getContentMeasureElement(),contentSize={w:textareaDynOrigSize.w||contentMeasureElement[LEXICON.cW],h:textareaDynOrigSize.h||contentMeasureElement[LEXICON.cH]},scrollSize={w:contentMeasureElement[LEXICON.sW],h:contentMeasureElement[LEXICON.sH]};_nativeScrollbarStyling||(viewportElementResetCSS[_strBottom]=wasHeightAuto?_strEmpty:resetBottomTmp,viewportElementResetCSS[isRTLLeft]=wasWidthAuto?_strEmpty:resetXTmp,_viewportElement.css(viewportElementResetCSS)),_viewportSize=getViewportSize();var hostSize=getHostSize(),hostAbsoluteRectSize={w:hostSize.w-_marginX-_borderX-(_isBorderBox?0:_paddingX),h:hostSize.h-_marginY-_borderY-(_isBorderBox?0:_paddingY)},contentGlueSize={w:MATH.max((widthAuto?contentSize.w:scrollSize.w)+paddingAbsoluteX,hostAbsoluteRectSize.w),h:MATH.max((heightAuto?contentSize.h:scrollSize.h)+paddingAbsoluteY,hostAbsoluteRectSize.h)};if(contentGlueSize.c=checkCacheAutoForce(contentGlueSize,_contentGlueSizeCache),_contentGlueSizeCache=contentGlueSize,sizeAutoCapable){(contentGlueSize.c||heightAuto||widthAuto)&&(contentGlueElementCSS[_strWidth]=contentGlueSize.w,contentGlueElementCSS[_strHeight]=contentGlueSize.h,_isTextarea||(contentSize={w:contentMeasureElement[LEXICON.cW],h:contentMeasureElement[LEXICON.cH]}));var textareaCoverCSS={},setContentGlueElementCSSfunction=function(horizontal){var scrollbarVars=getScrollbarVars(horizontal),wh=scrollbarVars._w_h,strWH=scrollbarVars._width_height,autoSize=horizontal?widthAuto:heightAuto,borderSize=horizontal?_borderX:_borderY,paddingSize=horizontal?_paddingX:_paddingY,marginSize=horizontal?_marginX:_marginY,viewportSize=_viewportSize[wh]-borderSize-marginSize-(_isBorderBox?0:paddingSize);(!autoSize||!autoSize&&border.c)&&(contentGlueElementCSS[strWH]=hostAbsoluteRectSize[wh]-1),!(autoSize&&contentSize[wh]0&&(contentGlueElementCSS[strWH]=MATH.max(1,contentGlueElementCSS[strWH]))};setContentGlueElementCSSfunction(!0),setContentGlueElementCSSfunction(!1),_isTextarea&&_textareaCoverElement.css(textareaCoverCSS),_contentGlueElement.css(contentGlueElementCSS)}widthAuto&&(contentElementCSS[_strWidth]=_strHundredPercent),!widthAuto||_isBorderBox||_mutationObserversConnected||(contentElementCSS[_strFloat]="none"),_contentElement.css(contentElementCSS),contentElementCSS={};var contentScrollSize={w:contentMeasureElement[LEXICON.sW],h:contentMeasureElement[LEXICON.sH]};contentScrollSize.c=contentSizeChanged=checkCacheAutoForce(contentScrollSize,_contentScrollSizeCache),_contentScrollSizeCache=contentScrollSize,_viewportSize=getViewportSize(),hostSizeChanged=checkCacheAutoForce(hostSize=getHostSize(),_hostSizeCache),_hostSizeCache=hostSize;var hideOverflowForceTextarea=_isTextarea&&(0===_viewportSize.w||0===_viewportSize.h),previousOverflowAmount=_overflowAmountCache,overflowBehaviorIsVS={},overflowBehaviorIsVH={},overflowBehaviorIsS={},overflowAmount={},hasOverflow={},hideOverflow={},canScroll={},viewportRect=_paddingElementNative[LEXICON.bCR](),setOverflowVariables=function(horizontal){var scrollbarVars=getScrollbarVars(horizontal),xyI=getScrollbarVars(!horizontal)._x_y,xy=scrollbarVars._x_y,wh=scrollbarVars._w_h,widthHeight=scrollbarVars._width_height,scrollMax=_strScroll+scrollbarVars._Left_Top+"Max",fractionalOverflowAmount=viewportRect[widthHeight]?MATH.abs(viewportRect[widthHeight]-_viewportSize[wh]):0,checkFractionalOverflowAmount=previousOverflowAmount&&previousOverflowAmount[xy]>0&&0===_viewportElementNative[scrollMax];overflowBehaviorIsVS[xy]="v-s"===overflowBehavior[xy],overflowBehaviorIsVH[xy]="v-h"===overflowBehavior[xy],overflowBehaviorIsS[xy]="s"===overflowBehavior[xy],overflowAmount[xy]=MATH.max(0,MATH.round(100*(contentScrollSize[wh]-_viewportSize[wh]))/100),overflowAmount[xy]*=hideOverflowForceTextarea||checkFractionalOverflowAmount&&fractionalOverflowAmount>0&&fractionalOverflowAmount<1?0:1,hasOverflow[xy]=overflowAmount[xy]>0,hideOverflow[xy]=overflowBehaviorIsVS[xy]||overflowBehaviorIsVH[xy]?hasOverflow[xyI]&&!overflowBehaviorIsVS[xyI]&&!overflowBehaviorIsVH[xyI]:hasOverflow[xy],hideOverflow[xy+"s"]=!!hideOverflow[xy]&&(overflowBehaviorIsS[xy]||overflowBehaviorIsVS[xy]),canScroll[xy]=hasOverflow[xy]&&hideOverflow[xy+"s"]};if(setOverflowVariables(!0),setOverflowVariables(!1),overflowAmount.c=checkCacheAutoForce(overflowAmount,_overflowAmountCache),_overflowAmountCache=overflowAmount,hasOverflow.c=checkCacheAutoForce(hasOverflow,_hasOverflowCache),_hasOverflowCache=hasOverflow,hideOverflow.c=checkCacheAutoForce(hideOverflow,_hideOverflowCache),_hideOverflowCache=hideOverflow,_nativeScrollbarIsOverlaid.x||_nativeScrollbarIsOverlaid.y){var setContentElementCSS,borderDesign="px solid transparent",contentArrangeElementCSS={},arrangeContent={},arrangeChanged=force;(hasOverflow.x||hasOverflow.y)&&(arrangeContent.w=_nativeScrollbarIsOverlaid.y&&hasOverflow.y?contentScrollSize.w+_overlayScrollbarDummySize.y:_strEmpty,arrangeContent.h=_nativeScrollbarIsOverlaid.x&&hasOverflow.x?contentScrollSize.h+_overlayScrollbarDummySize.x:_strEmpty,arrangeChanged=checkCacheAutoForce(arrangeContent,_arrangeContentSizeCache),_arrangeContentSizeCache=arrangeContent),(hasOverflow.c||hideOverflow.c||contentScrollSize.c||cssDirectionChanged||widthAutoChanged||heightAutoChanged||widthAuto||heightAuto||ignoreOverlayScrollbarHidingChanged)&&(contentElementCSS[_strMarginMinus+isRTLRight]=contentElementCSS[_strBorderMinus+isRTLRight]=_strEmpty,setContentElementCSS=function(horizontal){var scrollbarVars=getScrollbarVars(horizontal),scrollbarVarsInverted=getScrollbarVars(!horizontal),xy=scrollbarVars._x_y,strDirection=horizontal?_strBottom:isRTLLeft,invertedAutoSize=horizontal?heightAuto:widthAuto;_nativeScrollbarIsOverlaid[xy]&&hasOverflow[xy]&&hideOverflow[xy+"s"]?(contentElementCSS[_strMarginMinus+strDirection]=invertedAutoSize?ignoreOverlayScrollbarHiding?_strEmpty:_overlayScrollbarDummySize[xy]:_strEmpty,contentElementCSS[_strBorderMinus+strDirection]=horizontal&&invertedAutoSize||ignoreOverlayScrollbarHiding?_strEmpty:_overlayScrollbarDummySize[xy]+borderDesign):(arrangeContent[scrollbarVarsInverted._w_h]=contentElementCSS[_strMarginMinus+strDirection]=contentElementCSS[_strBorderMinus+strDirection]=_strEmpty,arrangeChanged=!0)},_nativeScrollbarStyling?addRemoveClass(_viewportElement,_classNameViewportNativeScrollbarsInvisible,!ignoreOverlayScrollbarHiding):(setContentElementCSS(!0),setContentElementCSS(!1))),ignoreOverlayScrollbarHiding&&(arrangeContent.w=arrangeContent.h=_strEmpty,arrangeChanged=!0),arrangeChanged&&!_nativeScrollbarStyling&&(contentArrangeElementCSS[_strWidth]=hideOverflow.y?arrangeContent.w:_strEmpty,contentArrangeElementCSS[_strHeight]=hideOverflow.x?arrangeContent.h:_strEmpty,_contentArrangeElement||(_contentArrangeElement=FRAMEWORK(generateDiv(_classNameContentArrangeElement)),_viewportElement.prepend(_contentArrangeElement)),_contentArrangeElement.css(contentArrangeElementCSS)),_contentElement.css(contentElementCSS)}var setViewportCSS,viewportElementCSS={};if(paddingElementCSS={},(hostSizeChanged||hasOverflow.c||hideOverflow.c||contentScrollSize.c||overflowBehaviorChanged||boxSizingChanged||ignoreOverlayScrollbarHidingChanged||cssDirectionChanged||clipAlwaysChanged||heightAutoChanged)&&(viewportElementCSS[isRTLRight]=_strEmpty,(setViewportCSS=function(horizontal){var scrollbarVars=getScrollbarVars(horizontal),scrollbarVarsInverted=getScrollbarVars(!horizontal),xy=scrollbarVars._x_y,XY=scrollbarVars._X_Y,strDirection=horizontal?_strBottom:isRTLLeft,reset=function(){viewportElementCSS[strDirection]=_strEmpty,_contentBorderSize[scrollbarVarsInverted._w_h]=0};hasOverflow[xy]&&hideOverflow[xy+"s"]?(viewportElementCSS[strOverflow+XY]=_strScroll,ignoreOverlayScrollbarHiding||_nativeScrollbarStyling?reset():(viewportElementCSS[strDirection]=-(_nativeScrollbarIsOverlaid[xy]?_overlayScrollbarDummySize[xy]:_nativeScrollbarSize[xy]),_contentBorderSize[scrollbarVarsInverted._w_h]=_nativeScrollbarIsOverlaid[xy]?_overlayScrollbarDummySize[scrollbarVarsInverted._x_y]:0)):(viewportElementCSS[strOverflow+XY]=_strEmpty,reset())})(!0),setViewportCSS(!1),!_nativeScrollbarStyling&&(_viewportSize.h<_nativeScrollbarMinSize.x||_viewportSize.w<_nativeScrollbarMinSize.y)&&(hasOverflow.x&&hideOverflow.x&&!_nativeScrollbarIsOverlaid.x||hasOverflow.y&&hideOverflow.y&&!_nativeScrollbarIsOverlaid.y)?(viewportElementCSS[_strPaddingMinus+_strTop]=_nativeScrollbarMinSize.x,viewportElementCSS[_strMarginMinus+_strTop]=-_nativeScrollbarMinSize.x,viewportElementCSS[_strPaddingMinus+isRTLRight]=_nativeScrollbarMinSize.y,viewportElementCSS[_strMarginMinus+isRTLRight]=-_nativeScrollbarMinSize.y):viewportElementCSS[_strPaddingMinus+_strTop]=viewportElementCSS[_strMarginMinus+_strTop]=viewportElementCSS[_strPaddingMinus+isRTLRight]=viewportElementCSS[_strMarginMinus+isRTLRight]=_strEmpty,viewportElementCSS[_strPaddingMinus+isRTLLeft]=viewportElementCSS[_strMarginMinus+isRTLLeft]=_strEmpty,hasOverflow.x&&hideOverflow.x||hasOverflow.y&&hideOverflow.y||hideOverflowForceTextarea?_isTextarea&&hideOverflowForceTextarea&&(paddingElementCSS[strOverflowX]=paddingElementCSS[strOverflowY]=strHidden):(!clipAlways||overflowBehaviorIsVH.x||overflowBehaviorIsVS.x||overflowBehaviorIsVH.y||overflowBehaviorIsVS.y)&&(_isTextarea&&(paddingElementCSS[strOverflowX]=paddingElementCSS[strOverflowY]=_strEmpty),viewportElementCSS[strOverflowX]=viewportElementCSS[strOverflowY]=strVisible),_paddingElement.css(paddingElementCSS),_viewportElement.css(viewportElementCSS),viewportElementCSS={},(hasOverflow.c||boxSizingChanged||widthAutoChanged||heightAutoChanged)&&(!_nativeScrollbarIsOverlaid.x||!_nativeScrollbarIsOverlaid.y))){var elementStyle=_contentElementNative[LEXICON.s];elementStyle.webkitTransform="scale(1)",elementStyle.display="run-in",_contentElementNative[LEXICON.oH],elementStyle.display=_strEmpty,elementStyle.webkitTransform=_strEmpty}if(contentElementCSS={},cssDirectionChanged||widthAutoChanged||heightAutoChanged)if(_isRTL&&widthAuto){var floatTmp=_contentElement.css(_strFloat),posLeftWithoutFloat=MATH.round(_contentElement.css(_strFloat,_strEmpty).css(_strLeft,_strEmpty).position().left);_contentElement.css(_strFloat,floatTmp),posLeftWithoutFloat!==MATH.round(_contentElement.position().left)&&(contentElementCSS[_strLeft]=posLeftWithoutFloat)}else contentElementCSS[_strLeft]=_strEmpty;if(_contentElement.css(contentElementCSS),_isTextarea&&contentSizeChanged){var textareaInfo=getTextareaInfo();if(textareaInfo){var textareaRowsChanged=_textareaInfoCache===undefined||textareaInfo._rows!==_textareaInfoCache._rows,cursorRow=textareaInfo._cursorRow,cursorCol=textareaInfo._cursorColumn,widestRow=textareaInfo._widestRow,lastRow=textareaInfo._rows,lastCol=textareaInfo._columns,cursorIsLastPosition=textareaInfo._cursorPosition>=textareaInfo._cursorMax&&_textareaHasFocus,textareaScrollAmount={x:textareaAutoWrapping||cursorCol!==lastCol||cursorRow!==widestRow?-1:_overflowAmountCache.x,y:(textareaAutoWrapping?cursorIsLastPosition||textareaRowsChanged&&previousOverflowAmount&&currScroll.y===previousOverflowAmount.y:(cursorIsLastPosition||textareaRowsChanged)&&cursorRow===lastRow)?_overflowAmountCache.y:-1};currScroll.x=textareaScrollAmount.x>-1?_isRTL&&_normalizeRTLCache&&_rtlScrollBehavior.i?0:textareaScrollAmount.x:currScroll.x,currScroll.y=textareaScrollAmount.y>-1?textareaScrollAmount.y:currScroll.y}_textareaInfoCache=textareaInfo}_isRTL&&_rtlScrollBehavior.i&&_nativeScrollbarIsOverlaid.y&&hasOverflow.x&&_normalizeRTLCache&&(currScroll.x+=_contentBorderSize.w||0),widthAuto&&_hostElement[_strScrollLeft](0),heightAuto&&_hostElement[_strScrollTop](0),_viewportElement[_strScrollLeft](currScroll.x)[_strScrollTop](currScroll.y);var scrollbarsVisibilityVisible="v"===scrollbarsVisibility,scrollbarsVisibilityHidden="h"===scrollbarsVisibility,scrollbarsVisibilityAuto="a"===scrollbarsVisibility,refreshScrollbarsVisibility=function(showX,showY){showY=showY===undefined?showX:showY,refreshScrollbarAppearance(!0,showX,canScroll.x),refreshScrollbarAppearance(!1,showY,canScroll.y)};addRemoveClass(_hostElement,_classNameHostOverflow,hideOverflow.x||hideOverflow.y),addRemoveClass(_hostElement,_classNameHostOverflowX,hideOverflow.x),addRemoveClass(_hostElement,_classNameHostOverflowY,hideOverflow.y),cssDirectionChanged&&!_isBody&&addRemoveClass(_hostElement,_classNameHostRTL,_isRTL),_isBody&&addClass(_hostElement,_classNameHostResizeDisabled),resizeChanged&&(addRemoveClass(_hostElement,_classNameHostResizeDisabled,_resizeNone),addRemoveClass(_scrollbarCornerElement,_classNameScrollbarCornerResize,!_resizeNone),addRemoveClass(_scrollbarCornerElement,_classNameScrollbarCornerResizeB,_resizeBoth),addRemoveClass(_scrollbarCornerElement,_classNameScrollbarCornerResizeH,_resizeHorizontal),addRemoveClass(_scrollbarCornerElement,_classNameScrollbarCornerResizeV,_resizeVertical)),(scrollbarsVisibilityChanged||overflowBehaviorChanged||hideOverflow.c||hasOverflow.c||ignoreOverlayScrollbarHidingChanged)&&(ignoreOverlayScrollbarHiding?ignoreOverlayScrollbarHidingChanged&&(removeClass(_hostElement,_classNameHostScrolling),ignoreOverlayScrollbarHiding&&refreshScrollbarsVisibility(!1)):scrollbarsVisibilityAuto?refreshScrollbarsVisibility(canScroll.x,canScroll.y):scrollbarsVisibilityVisible?refreshScrollbarsVisibility(!0):scrollbarsVisibilityHidden&&refreshScrollbarsVisibility(!1)),(scrollbarsAutoHideChanged||ignoreOverlayScrollbarHidingChanged)&&(setupHostMouseTouchEvents(!_scrollbarsAutoHideLeave&&!_scrollbarsAutoHideMove),refreshScrollbarsAutoHide(_scrollbarsAutoHideNever,!_scrollbarsAutoHideNever)),(hostSizeChanged||overflowAmount.c||heightAutoChanged||widthAutoChanged||resizeChanged||boxSizingChanged||paddingAbsoluteChanged||ignoreOverlayScrollbarHidingChanged||cssDirectionChanged)&&(refreshScrollbarHandleLength(!0),refreshScrollbarHandleOffset(!0),refreshScrollbarHandleLength(!1),refreshScrollbarHandleOffset(!1)),scrollbarsClickScrollingChanged&&refreshScrollbarsInteractive(!0,scrollbarsClickScrolling),scrollbarsDragScrollingChanged&&refreshScrollbarsInteractive(!1,scrollbarsDragScrolling),dispatchCallback("onDirectionChanged",{isRTL:_isRTL,dir:cssDirection},cssDirectionChanged),dispatchCallback("onHostSizeChanged",{width:_hostSizeCache.w,height:_hostSizeCache.h},hostSizeChanged),dispatchCallback("onContentSizeChanged",{width:_contentScrollSizeCache.w,height:_contentScrollSizeCache.h},contentSizeChanged),dispatchCallback("onOverflowChanged",{x:hasOverflow.x,y:hasOverflow.y,xScrollable:hideOverflow.xs,yScrollable:hideOverflow.ys,clipped:hideOverflow.x||hideOverflow.y},hasOverflow.c||hideOverflow.c),dispatchCallback("onOverflowAmountChanged",{x:overflowAmount.x,y:overflowAmount.y},overflowAmount.c)}_isBody&&_bodyMinSizeCache&&(_hasOverflowCache.c||_bodyMinSizeCache.c)&&(_bodyMinSizeCache.f||bodyMinSizeChanged(),_nativeScrollbarIsOverlaid.y&&_hasOverflowCache.x&&_contentElement.css(_strMinMinus+_strWidth,_bodyMinSizeCache.w+_overlayScrollbarDummySize.y),_nativeScrollbarIsOverlaid.x&&_hasOverflowCache.y&&_contentElement.css(_strMinMinus+_strHeight,_bodyMinSizeCache.h+_overlayScrollbarDummySize.x),_bodyMinSizeCache.c=!1),_initialized&&changedOptions.updateOnLoad&&updateElementsOnLoad(),dispatchCallback("onUpdated",{forced:force})}}function updateElementsOnLoad(){_isTextarea||eachUpdateOnLoad((function(i,updateOnLoadSelector){_contentElement.find(updateOnLoadSelector).each((function(i,el){COMPATIBILITY.inA(el,_updateOnLoadElms)<0&&(_updateOnLoadElms.push(el),FRAMEWORK(el).off(_updateOnLoadEventName,updateOnLoadCallback).on(_updateOnLoadEventName,updateOnLoadCallback))}))}))}function setOptions(newOptions){var validatedOpts=_pluginsOptions._validate(newOptions,_pluginsOptions._template,!0,_currentOptions);return _currentOptions=extendDeep({},_currentOptions,validatedOpts._default),_currentPreparedOptions=extendDeep({},_currentPreparedOptions,validatedOpts._prepared),validatedOpts._prepared}function setupStructureDOM(destroy){var strParent="parent",classNameResizeObserverHost="os-resize-observer-host",classNameTextareaElementFull=_classNameTextareaElement+_strSpace+_classNameTextInherit,textareaClass=_isTextarea?_strSpace+_classNameTextInherit:_strEmpty,adoptAttrs=_currentPreparedOptions.textarea.inheritedAttrs,adoptAttrsMap={},applyAdoptedAttrs=function(){var applyAdoptedAttrsElm=destroy?_targetElement:_hostElement;each(adoptAttrsMap,(function(key,value){type(value)==TYPES.s&&(key==LEXICON.c?applyAdoptedAttrsElm.addClass(value):applyAdoptedAttrsElm.attr(key,value))}))},hostElementClassNames=[_classNameHostElement,_classNameHostElementForeign,_classNameHostTextareaElement,_classNameHostResizeDisabled,_classNameHostRTL,_classNameHostScrollbarHorizontalHidden,_classNameHostScrollbarVerticalHidden,_classNameHostTransition,_classNameHostScrolling,_classNameHostOverflow,_classNameHostOverflowX,_classNameHostOverflowY,_classNameThemeNone,_classNameTextareaElement,_classNameTextInherit,_classNameCache].join(_strSpace),hostElementCSS={};_hostElement=_hostElement||(_isTextarea?_domExists?_targetElement[strParent]()[strParent]()[strParent]()[strParent]():FRAMEWORK(generateDiv(_classNameHostTextareaElement)):_targetElement),_contentElement=_contentElement||selectOrGenerateDivByClass(_classNameContentElement+textareaClass),_viewportElement=_viewportElement||selectOrGenerateDivByClass(_classNameViewportElement+textareaClass),_paddingElement=_paddingElement||selectOrGenerateDivByClass(_classNamePaddingElement+textareaClass),_sizeObserverElement=_sizeObserverElement||selectOrGenerateDivByClass(classNameResizeObserverHost),_textareaCoverElement=_textareaCoverElement||(_isTextarea?selectOrGenerateDivByClass(_classNameTextareaCoverElement):undefined),_domExists&&addClass(_hostElement,_classNameHostElementForeign),destroy&&removeClass(_hostElement,hostElementClassNames),adoptAttrs=type(adoptAttrs)==TYPES.s?adoptAttrs.split(_strSpace):adoptAttrs,COMPATIBILITY.isA(adoptAttrs)&&_isTextarea&&each(adoptAttrs,(function(i,v){type(v)==TYPES.s&&(adoptAttrsMap[v]=destroy?_hostElement.attr(v):_targetElement.attr(v))})),destroy?(_domExists&&_initialized?(_sizeObserverElement.children().remove(),each([_paddingElement,_viewportElement,_contentElement,_textareaCoverElement],(function(i,elm){elm&&removeClass(elm.removeAttr(LEXICON.s),_classNamesDynamicDestroy)})),addClass(_hostElement,_isTextarea?_classNameHostTextareaElement:_classNameHostElement)):(remove(_sizeObserverElement),_contentElement.contents().unwrap().unwrap().unwrap(),_isTextarea&&(_targetElement.unwrap(),remove(_hostElement),remove(_textareaCoverElement),applyAdoptedAttrs())),_isTextarea&&_targetElement.removeAttr(LEXICON.s),_isBody&&removeClass(_htmlElement,_classNameHTMLElement)):(_isTextarea&&(_currentPreparedOptions.sizeAutoCapable||(hostElementCSS[_strWidth]=_targetElement.css(_strWidth),hostElementCSS[_strHeight]=_targetElement.css(_strHeight)),_domExists||_targetElement.addClass(_classNameTextInherit).wrap(_hostElement),_hostElement=_targetElement[strParent]().css(hostElementCSS)),_domExists||(addClass(_targetElement,_isTextarea?classNameTextareaElementFull:_classNameHostElement),_hostElement.wrapInner(_contentElement).wrapInner(_viewportElement).wrapInner(_paddingElement).prepend(_sizeObserverElement),_contentElement=findFirst(_hostElement,_strDot+_classNameContentElement),_viewportElement=findFirst(_hostElement,_strDot+_classNameViewportElement),_paddingElement=findFirst(_hostElement,_strDot+_classNamePaddingElement),_isTextarea&&(_contentElement.prepend(_textareaCoverElement),applyAdoptedAttrs())),_nativeScrollbarStyling&&addClass(_viewportElement,_classNameViewportNativeScrollbarsInvisible),_nativeScrollbarIsOverlaid.x&&_nativeScrollbarIsOverlaid.y&&addClass(_viewportElement,_classNameViewportNativeScrollbarsOverlaid),_isBody&&addClass(_htmlElement,_classNameHTMLElement),_sizeObserverElementNative=_sizeObserverElement[0],_hostElementNative=_hostElement[0],_paddingElementNative=_paddingElement[0],_viewportElementNative=_viewportElement[0],_contentElementNative=_contentElement[0],updateViewportAttrsFromTarget())}function setupStructureEvents(){var textareaUpdateIntervalID,scrollStopTimeoutId,textareaKeyDownRestrictedKeyCodes=[112,113,114,115,116,117,118,119,120,121,123,33,34,37,38,39,40,16,17,18,19,20,144],textareaKeyDownKeyCodesList=[],scrollStopDelay=175,strFocus="focus";function updateTextarea(doClearInterval){textareaUpdate(),_base.update(_strAuto),doClearInterval&&_autoUpdateRecommended&&clearInterval(textareaUpdateIntervalID)}function textareaOnScroll(event){return _targetElement[_strScrollLeft](_rtlScrollBehavior.i&&_normalizeRTLCache?9999999:0),_targetElement[_strScrollTop](0),COMPATIBILITY.prvD(event),COMPATIBILITY.stpP(event),!1}function textareaOnDrop(event){setTimeout((function(){_destroyed||updateTextarea()}),50)}function textareaOnFocus(){_textareaHasFocus=!0,addClass(_hostElement,strFocus)}function textareaOnFocusout(){_textareaHasFocus=!1,textareaKeyDownKeyCodesList=[],removeClass(_hostElement,strFocus),updateTextarea(!0)}function textareaOnKeyDown(event){var keyCode=event.keyCode;inArray(keyCode,textareaKeyDownRestrictedKeyCodes)<0&&(textareaKeyDownKeyCodesList[LEXICON.l]||(updateTextarea(),textareaUpdateIntervalID=setInterval(updateTextarea,1e3/60)),inArray(keyCode,textareaKeyDownKeyCodesList)<0&&textareaKeyDownKeyCodesList.push(keyCode))}function textareaOnKeyUp(event){var keyCode=event.keyCode,index=inArray(keyCode,textareaKeyDownKeyCodesList);inArray(keyCode,textareaKeyDownRestrictedKeyCodes)<0&&(index>-1&&textareaKeyDownKeyCodesList.splice(index,1),textareaKeyDownKeyCodesList[LEXICON.l]||updateTextarea(!0))}function contentOnTransitionEnd(event){!0!==_autoUpdateCache&&isSizeAffectingCSSProperty((event=event.originalEvent||event).propertyName)&&_base.update(_strAuto)}function viewportOnScroll(event){_sleeping||(scrollStopTimeoutId!==undefined?clearTimeout(scrollStopTimeoutId):((_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove)&&refreshScrollbarsAutoHide(!0),nativeOverlayScrollbarsAreActive()||addClass(_hostElement,_classNameHostScrolling),dispatchCallback("onScrollStart",event)),_scrollbarsHandlesDefineScrollPos||(refreshScrollbarHandleOffset(!0),refreshScrollbarHandleOffset(!1)),dispatchCallback("onScroll",event),scrollStopTimeoutId=setTimeout((function(){_destroyed||(clearTimeout(scrollStopTimeoutId),scrollStopTimeoutId=undefined,(_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove)&&refreshScrollbarsAutoHide(!1),nativeOverlayScrollbarsAreActive()||removeClass(_hostElement,_classNameHostScrolling),dispatchCallback("onScrollStop",event))}),scrollStopDelay))}_isTextarea?(_msieVersion>9||!_autoUpdateRecommended?addDestroyEventListener(_targetElement,"input",updateTextarea):addDestroyEventListener(_targetElement,[_strKeyDownEvent,_strKeyUpEvent],[textareaOnKeyDown,textareaOnKeyUp]),addDestroyEventListener(_targetElement,[_strScroll,"drop",strFocus,strFocus+"out"],[textareaOnScroll,textareaOnDrop,textareaOnFocus,textareaOnFocusout])):addDestroyEventListener(_contentElement,_strTransitionEndEvent,contentOnTransitionEnd),addDestroyEventListener(_viewportElement,_strScroll,viewportOnScroll,!0)}function setupScrollbarsDOM(destroy){var horizontalElements,verticalElements,selectOrGenerateScrollbarDOM=function(isHorizontal){var scrollbar=selectOrGenerateDivByClass(_classNameScrollbar+_strSpace+(isHorizontal?_classNameScrollbarHorizontal:_classNameScrollbarVertical),!0),track=selectOrGenerateDivByClass(_classNameScrollbarTrack,scrollbar),handle=selectOrGenerateDivByClass(_classNameScrollbarHandle,scrollbar);return _domExists||destroy||(scrollbar.append(track),track.append(handle)),{_scrollbar:scrollbar,_track:track,_handle:handle}};function resetScrollbarDOM(isHorizontal){var scrollbarVars=getScrollbarVars(isHorizontal),scrollbar=scrollbarVars._scrollbar,track=scrollbarVars._track,handle=scrollbarVars._handle;_domExists&&_initialized?each([scrollbar,track,handle],(function(i,elm){removeClass(elm.removeAttr(LEXICON.s),_classNamesDynamicDestroy)})):remove(scrollbar||selectOrGenerateScrollbarDOM(isHorizontal)._scrollbar)}destroy?(resetScrollbarDOM(!0),resetScrollbarDOM()):(horizontalElements=selectOrGenerateScrollbarDOM(!0),verticalElements=selectOrGenerateScrollbarDOM(),_scrollbarHorizontalElement=horizontalElements._scrollbar,_scrollbarHorizontalTrackElement=horizontalElements._track,_scrollbarHorizontalHandleElement=horizontalElements._handle,_scrollbarVerticalElement=verticalElements._scrollbar,_scrollbarVerticalTrackElement=verticalElements._track,_scrollbarVerticalHandleElement=verticalElements._handle,_domExists||(_paddingElement.after(_scrollbarVerticalElement),_paddingElement.after(_scrollbarHorizontalElement)))}function setupScrollbarEvents(isHorizontal){var trackTimeout,mouseDownScroll,mouseDownOffset,mouseDownInvertedScale,scrollbarVars=getScrollbarVars(isHorizontal),scrollbarVarsInfo=scrollbarVars._info,insideIFrame=_windowElementNative.top!==_windowElementNative,xy=scrollbarVars._x_y,XY=scrollbarVars._X_Y,scroll=_strScroll+scrollbarVars._Left_Top,strActive="active",strSnapHandle="snapHandle",strClickEvent="click",scrollDurationFactor=1,increaseDecreaseScrollAmountKeyCodes=[16,17];function getPointerPosition(event){return _msieVersion&&insideIFrame?event["screen"+XY]:COMPATIBILITY.page(event)[xy]}function getPreparedScrollbarsOption(name){return _currentPreparedOptions.scrollbars[name]}function increaseTrackScrollAmount(){scrollDurationFactor=.5}function decreaseTrackScrollAmount(){scrollDurationFactor=1}function stopClickEventPropagation(event){COMPATIBILITY.stpP(event)}function documentKeyDown(event){inArray(event.keyCode,increaseDecreaseScrollAmountKeyCodes)>-1&&increaseTrackScrollAmount()}function documentKeyUp(event){inArray(event.keyCode,increaseDecreaseScrollAmountKeyCodes)>-1&&decreaseTrackScrollAmount()}function onMouseTouchDownContinue(event){var isTouchEvent=(event.originalEvent||event).touches!==undefined;return!(_sleeping||_destroyed||nativeOverlayScrollbarsAreActive()||!_scrollbarsDragScrollingCache||isTouchEvent&&!getPreparedScrollbarsOption("touchSupport"))&&(1===COMPATIBILITY.mBtn(event)||isTouchEvent)}function documentDragMove(event){if(onMouseTouchDownContinue(event)){var trackLength=scrollbarVarsInfo._trackLength,handleLength=scrollbarVarsInfo._handleLength,scrollDelta=scrollbarVarsInfo._maxScroll*((getPointerPosition(event)-mouseDownOffset)*mouseDownInvertedScale/(trackLength-handleLength));scrollDelta=isFinite(scrollDelta)?scrollDelta:0,_isRTL&&isHorizontal&&!_rtlScrollBehavior.i&&(scrollDelta*=-1),_viewportElement[scroll](MATH.round(mouseDownScroll+scrollDelta)),_scrollbarsHandlesDefineScrollPos&&refreshScrollbarHandleOffset(isHorizontal,mouseDownScroll+scrollDelta),_supportPassiveEvents||COMPATIBILITY.prvD(event)}else documentMouseTouchUp(event)}function documentMouseTouchUp(event){if(event=event||event.originalEvent,setupResponsiveEventListener(_documentElement,[_strMouseTouchMoveEvent,_strMouseTouchUpEvent,_strKeyDownEvent,_strKeyUpEvent,_strSelectStartEvent],[documentDragMove,documentMouseTouchUp,documentKeyDown,documentKeyUp,documentOnSelectStart],!0),COMPATIBILITY.rAF()((function(){setupResponsiveEventListener(_documentElement,strClickEvent,stopClickEventPropagation,!0,{_capture:!0})})),_scrollbarsHandlesDefineScrollPos&&refreshScrollbarHandleOffset(isHorizontal,!0),_scrollbarsHandlesDefineScrollPos=!1,removeClass(_bodyElement,_classNameDragging),removeClass(scrollbarVars._handle,strActive),removeClass(scrollbarVars._track,strActive),removeClass(scrollbarVars._scrollbar,strActive),mouseDownScroll=undefined,mouseDownOffset=undefined,mouseDownInvertedScale=1,decreaseTrackScrollAmount(),trackTimeout!==undefined&&(_base.scrollStop(),clearTimeout(trackTimeout),trackTimeout=undefined),event){var rect=_hostElementNative[LEXICON.bCR]();event.clientX>=rect.left&&event.clientX<=rect.right&&event.clientY>=rect.top&&event.clientY<=rect.bottom||hostOnMouseLeave(),(_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove)&&refreshScrollbarsAutoHide(!1)}}function onHandleMouseTouchDown(event){onMouseTouchDownContinue(event)&&onHandleMouseTouchDownAction(event)}function onHandleMouseTouchDownAction(event){mouseDownScroll=_viewportElement[scroll](),mouseDownScroll=isNaN(mouseDownScroll)?0:mouseDownScroll,(_isRTL&&isHorizontal&&!_rtlScrollBehavior.n||!_isRTL)&&(mouseDownScroll=mouseDownScroll<0?0:mouseDownScroll),mouseDownInvertedScale=getHostElementInvertedScale()[xy],mouseDownOffset=getPointerPosition(event),_scrollbarsHandlesDefineScrollPos=!getPreparedScrollbarsOption(strSnapHandle),addClass(_bodyElement,_classNameDragging),addClass(scrollbarVars._handle,strActive),addClass(scrollbarVars._scrollbar,strActive),setupResponsiveEventListener(_documentElement,[_strMouseTouchMoveEvent,_strMouseTouchUpEvent,_strSelectStartEvent],[documentDragMove,documentMouseTouchUp,documentOnSelectStart]),COMPATIBILITY.rAF()((function(){setupResponsiveEventListener(_documentElement,strClickEvent,stopClickEventPropagation,!1,{_capture:!0})})),!_msieVersion&&_documentMixed||COMPATIBILITY.prvD(event),COMPATIBILITY.stpP(event)}function onTrackMouseTouchDown(event){if(onMouseTouchDownContinue(event)){var decreaseScroll,handleToViewportRatio=scrollbarVars._info._handleLength/Math.round(MATH.min(1,_viewportSize[scrollbarVars._w_h]/_contentScrollSizeCache[scrollbarVars._w_h])*scrollbarVars._info._trackLength),scrollDistance=MATH.round(_viewportSize[scrollbarVars._w_h]*handleToViewportRatio),scrollBaseDuration=270*handleToViewportRatio,scrollFirstIterationDelay=400*handleToViewportRatio,trackOffset=scrollbarVars._track.offset()[scrollbarVars._left_top],ctrlKey=event.ctrlKey,instantScroll=event.shiftKey,instantScrollTransition=instantScroll&&ctrlKey,isFirstIteration=!0,easing="linear",scrollActionFinsished=function(transition){_scrollbarsHandlesDefineScrollPos&&refreshScrollbarHandleOffset(isHorizontal,transition)},scrollActionInstantFinished=function(){scrollActionFinsished(),onHandleMouseTouchDownAction(event)},scrollAction=function(){if(!_destroyed){var mouseOffset=(mouseDownOffset-trackOffset)*mouseDownInvertedScale,handleOffset=scrollbarVarsInfo._handleOffset,trackLength=scrollbarVarsInfo._trackLength,handleLength=scrollbarVarsInfo._handleLength,scrollRange=scrollbarVarsInfo._maxScroll,currScroll=scrollbarVarsInfo._currentScroll,scrollDuration=scrollBaseDuration*scrollDurationFactor,timeoutDelay=isFirstIteration?MATH.max(scrollFirstIterationDelay,scrollDuration):scrollDuration,instantScrollPosition=scrollRange*((mouseOffset-handleLength/2)/(trackLength-handleLength)),rtlIsNormal=_isRTL&&isHorizontal&&(!_rtlScrollBehavior.i&&!_rtlScrollBehavior.n||_normalizeRTLCache),decreaseScrollCondition=rtlIsNormal?handleOffsetmouseOffset,scrollObj={},animationObj={easing:easing,step:function(now){_scrollbarsHandlesDefineScrollPos&&(_viewportElement[scroll](now),refreshScrollbarHandleOffset(isHorizontal,now))}};instantScrollPosition=isFinite(instantScrollPosition)?instantScrollPosition:0,instantScrollPosition=_isRTL&&isHorizontal&&!_rtlScrollBehavior.i?scrollRange-instantScrollPosition:instantScrollPosition,instantScroll?(_viewportElement[scroll](instantScrollPosition),instantScrollTransition?(instantScrollPosition=_viewportElement[scroll](),_viewportElement[scroll](currScroll),instantScrollPosition=rtlIsNormal&&_rtlScrollBehavior.i?scrollRange-instantScrollPosition:instantScrollPosition,instantScrollPosition=rtlIsNormal&&_rtlScrollBehavior.n?-instantScrollPosition:instantScrollPosition,scrollObj[xy]=instantScrollPosition,_base.scroll(scrollObj,extendDeep(animationObj,{duration:130,complete:scrollActionInstantFinished}))):scrollActionInstantFinished()):(decreaseScroll=isFirstIteration?decreaseScrollCondition:decreaseScroll,(rtlIsNormal?decreaseScroll?handleOffset+handleLength>=mouseOffset:handleOffset<=mouseOffset:decreaseScroll?handleOffset<=mouseOffset:handleOffset+handleLength>=mouseOffset)?(clearTimeout(trackTimeout),_base.scrollStop(),trackTimeout=undefined,scrollActionFinsished(!0)):(trackTimeout=setTimeout(scrollAction,timeoutDelay),scrollObj[xy]=(decreaseScroll?"-=":"+=")+scrollDistance,_base.scroll(scrollObj,extendDeep(animationObj,{duration:scrollDuration}))),isFirstIteration=!1)}};ctrlKey&&increaseTrackScrollAmount(),mouseDownInvertedScale=getHostElementInvertedScale()[xy],mouseDownOffset=COMPATIBILITY.page(event)[xy],_scrollbarsHandlesDefineScrollPos=!getPreparedScrollbarsOption(strSnapHandle),addClass(_bodyElement,_classNameDragging),addClass(scrollbarVars._track,strActive),addClass(scrollbarVars._scrollbar,strActive),setupResponsiveEventListener(_documentElement,[_strMouseTouchUpEvent,_strKeyDownEvent,_strKeyUpEvent,_strSelectStartEvent],[documentMouseTouchUp,documentKeyDown,documentKeyUp,documentOnSelectStart]),scrollAction(),COMPATIBILITY.prvD(event),COMPATIBILITY.stpP(event)}}function onTrackMouseTouchEnter(event){_scrollbarsHandleHovered=!0,(_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove)&&refreshScrollbarsAutoHide(!0)}function onTrackMouseTouchLeave(event){_scrollbarsHandleHovered=!1,(_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove)&&refreshScrollbarsAutoHide(!1)}function onScrollbarMouseTouchDown(event){COMPATIBILITY.stpP(event)}addDestroyEventListener(scrollbarVars._handle,_strMouseTouchDownEvent,onHandleMouseTouchDown),addDestroyEventListener(scrollbarVars._track,[_strMouseTouchDownEvent,_strMouseEnter,_strMouseLeave],[onTrackMouseTouchDown,onTrackMouseTouchEnter,onTrackMouseTouchLeave]),addDestroyEventListener(scrollbarVars._scrollbar,_strMouseTouchDownEvent,onScrollbarMouseTouchDown),_supportTransition&&addDestroyEventListener(scrollbarVars._scrollbar,_strTransitionEndEvent,(function(event){event.target===scrollbarVars._scrollbar[0]&&(refreshScrollbarHandleLength(isHorizontal),refreshScrollbarHandleOffset(isHorizontal))}))}function refreshScrollbarAppearance(isHorizontal,shallBeVisible,canScroll){var scrollbarElement=isHorizontal?_scrollbarHorizontalElement:_scrollbarVerticalElement;addRemoveClass(_hostElement,isHorizontal?_classNameHostScrollbarHorizontalHidden:_classNameHostScrollbarVerticalHidden,!shallBeVisible),addRemoveClass(scrollbarElement,_classNameScrollbarUnusable,!canScroll)}function refreshScrollbarsAutoHide(shallBeVisible,delayfree){if(clearTimeout(_scrollbarsAutoHideTimeoutId),shallBeVisible)removeClass(_scrollbarHorizontalElement,_classNameScrollbarAutoHidden),removeClass(_scrollbarVerticalElement,_classNameScrollbarAutoHidden);else{var anyActive,strActive="active",hide=function(){_scrollbarsHandleHovered||_destroyed||(!(anyActive=_scrollbarHorizontalHandleElement.hasClass(strActive)||_scrollbarVerticalHandleElement.hasClass(strActive))&&(_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove||_scrollbarsAutoHideLeave)&&addClass(_scrollbarHorizontalElement,_classNameScrollbarAutoHidden),!anyActive&&(_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove||_scrollbarsAutoHideLeave)&&addClass(_scrollbarVerticalElement,_classNameScrollbarAutoHidden))};_scrollbarsAutoHideDelay>0&&!0!==delayfree?_scrollbarsAutoHideTimeoutId=setTimeout(hide,_scrollbarsAutoHideDelay):hide()}}function refreshScrollbarHandleLength(isHorizontal){var handleCSS={},scrollbarVars=getScrollbarVars(isHorizontal),scrollbarVarsInfo=scrollbarVars._info,digit=1e6,handleRatio=MATH.min(1,_viewportSize[scrollbarVars._w_h]/_contentScrollSizeCache[scrollbarVars._w_h]);handleCSS[scrollbarVars._width_height]=MATH.floor(100*handleRatio*digit)/digit+"%",nativeOverlayScrollbarsAreActive()||scrollbarVars._handle.css(handleCSS),scrollbarVarsInfo._handleLength=scrollbarVars._handle[0]["offset"+scrollbarVars._Width_Height],scrollbarVarsInfo._handleLengthRatio=handleRatio}function refreshScrollbarHandleOffset(isHorizontal,scrollOrTransition){var transformOffset,translateValue,transition=type(scrollOrTransition)==TYPES.b,transitionDuration=250,isRTLisHorizontal=_isRTL&&isHorizontal,scrollbarVars=getScrollbarVars(isHorizontal),scrollbarVarsInfo=scrollbarVars._info,strTranslateBrace="translate(",strTransform=VENDORS._cssProperty("transform"),strTransition=VENDORS._cssProperty("transition"),nativeScroll=isHorizontal?_viewportElement[_strScrollLeft]():_viewportElement[_strScrollTop](),currentScroll=scrollOrTransition===undefined||transition?nativeScroll:scrollOrTransition,handleLength=scrollbarVarsInfo._handleLength,trackLength=scrollbarVars._track[0]["offset"+scrollbarVars._Width_Height],handleTrackDiff=trackLength-handleLength,handleCSS={},maxScroll=(_viewportElementNative[_strScroll+scrollbarVars._Width_Height]-_viewportElementNative["client"+scrollbarVars._Width_Height])*(_rtlScrollBehavior.n&&isRTLisHorizontal?-1:1),getScrollRatio=function(base){return isNaN(base/maxScroll)?0:MATH.max(0,MATH.min(1,base/maxScroll))},getHandleOffset=function(scrollRatio){var offset=handleTrackDiff*scrollRatio;return offset=isNaN(offset)?0:offset,offset=isRTLisHorizontal&&!_rtlScrollBehavior.i?trackLength-handleLength-offset:offset,offset=MATH.max(0,offset)},scrollRatio=getScrollRatio(nativeScroll),handleOffset=getHandleOffset(getScrollRatio(currentScroll)),snappedHandleOffset=getHandleOffset(scrollRatio);scrollbarVarsInfo._maxScroll=maxScroll,scrollbarVarsInfo._currentScroll=nativeScroll,scrollbarVarsInfo._currentScrollRatio=scrollRatio,_supportTransform?(transformOffset=isRTLisHorizontal?-(trackLength-handleLength-handleOffset):handleOffset,translateValue=isHorizontal?strTranslateBrace+transformOffset+"px, 0)":strTranslateBrace+"0, "+transformOffset+"px)",handleCSS[strTransform]=translateValue,_supportTransition&&(handleCSS[strTransition]=transition&&MATH.abs(handleOffset-scrollbarVarsInfo._handleOffset)>1?getCSSTransitionString(scrollbarVars._handle)+", "+(strTransform+_strSpace+transitionDuration)+"ms":_strEmpty)):handleCSS[scrollbarVars._left_top]=handleOffset,nativeOverlayScrollbarsAreActive()||(scrollbarVars._handle.css(handleCSS),_supportTransform&&_supportTransition&&transition&&scrollbarVars._handle.one(_strTransitionEndEvent,(function(){_destroyed||scrollbarVars._handle.css(strTransition,_strEmpty)}))),scrollbarVarsInfo._handleOffset=handleOffset,scrollbarVarsInfo._snappedHandleOffset=snappedHandleOffset,scrollbarVarsInfo._trackLength=trackLength}function refreshScrollbarsInteractive(isTrack,value){var action=value?"removeClass":"addClass",element2=isTrack?_scrollbarVerticalTrackElement:_scrollbarVerticalHandleElement,className=isTrack?_classNameScrollbarTrackOff:_classNameScrollbarHandleOff;(isTrack?_scrollbarHorizontalTrackElement:_scrollbarHorizontalHandleElement)[action](className),element2[action](className)}function getScrollbarVars(isHorizontal){return{_width_height:isHorizontal?_strWidth:_strHeight,_Width_Height:isHorizontal?"Width":"Height",_left_top:isHorizontal?_strLeft:_strTop,_Left_Top:isHorizontal?"Left":"Top",_x_y:isHorizontal?_strX:_strY,_X_Y:isHorizontal?"X":"Y",_w_h:isHorizontal?"w":"h",_l_t:isHorizontal?"l":"t",_track:isHorizontal?_scrollbarHorizontalTrackElement:_scrollbarVerticalTrackElement,_handle:isHorizontal?_scrollbarHorizontalHandleElement:_scrollbarVerticalHandleElement,_scrollbar:isHorizontal?_scrollbarHorizontalElement:_scrollbarVerticalElement,_info:isHorizontal?_scrollHorizontalInfo:_scrollVerticalInfo}}function setupScrollbarCornerDOM(destroy){_scrollbarCornerElement=_scrollbarCornerElement||selectOrGenerateDivByClass(_classNameScrollbarCorner,!0),destroy?_domExists&&_initialized?removeClass(_scrollbarCornerElement.removeAttr(LEXICON.s),_classNamesDynamicDestroy):remove(_scrollbarCornerElement):_domExists||_hostElement.append(_scrollbarCornerElement)}function setupScrollbarCornerEvents(){var reconnectMutationObserver,insideIFrame=_windowElementNative.top!==_windowElementNative,mouseDownPosition={},mouseDownSize={},mouseDownInvertedScale={};function documentDragMove(event){if(onMouseTouchDownContinue(event)){var pageOffset=getCoordinates(event),hostElementCSS={};(_resizeHorizontal||_resizeBoth)&&(hostElementCSS[_strWidth]=mouseDownSize.w+(pageOffset.x-mouseDownPosition.x)*mouseDownInvertedScale.x),(_resizeVertical||_resizeBoth)&&(hostElementCSS[_strHeight]=mouseDownSize.h+(pageOffset.y-mouseDownPosition.y)*mouseDownInvertedScale.y),_hostElement.css(hostElementCSS),COMPATIBILITY.stpP(event)}else documentMouseTouchUp(event)}function documentMouseTouchUp(event){var eventIsTrusted=event!==undefined;setupResponsiveEventListener(_documentElement,[_strSelectStartEvent,_strMouseTouchMoveEvent,_strMouseTouchUpEvent],[documentOnSelectStart,documentDragMove,documentMouseTouchUp],!0),removeClass(_bodyElement,_classNameDragging),_scrollbarCornerElement.releaseCapture&&_scrollbarCornerElement.releaseCapture(),eventIsTrusted&&(reconnectMutationObserver&&connectMutationObservers(),_base.update(_strAuto)),reconnectMutationObserver=!1}function onMouseTouchDownContinue(event){var isTouchEvent=(event.originalEvent||event).touches!==undefined;return!_sleeping&&!_destroyed&&(1===COMPATIBILITY.mBtn(event)||isTouchEvent)}function getCoordinates(event){return _msieVersion&&insideIFrame?{x:event.screenX,y:event.screenY}:COMPATIBILITY.page(event)}addDestroyEventListener(_scrollbarCornerElement,_strMouseTouchDownEvent,(function(event){onMouseTouchDownContinue(event)&&!_resizeNone&&(_mutationObserversConnected&&(reconnectMutationObserver=!0,disconnectMutationObservers()),mouseDownPosition=getCoordinates(event),mouseDownSize.w=_hostElementNative[LEXICON.oW]-(_isBorderBox?0:_paddingX),mouseDownSize.h=_hostElementNative[LEXICON.oH]-(_isBorderBox?0:_paddingY),mouseDownInvertedScale=getHostElementInvertedScale(),setupResponsiveEventListener(_documentElement,[_strSelectStartEvent,_strMouseTouchMoveEvent,_strMouseTouchUpEvent],[documentOnSelectStart,documentDragMove,documentMouseTouchUp]),addClass(_bodyElement,_classNameDragging),_scrollbarCornerElement.setCapture&&_scrollbarCornerElement.setCapture(),COMPATIBILITY.prvD(event),COMPATIBILITY.stpP(event))}))}function dispatchCallback(name,args,dependent){if(!1!==dependent)if(_initialized){var ext,callback=_currentPreparedOptions.callbacks[name],extensionOnName=name;"on"===extensionOnName.substr(0,2)&&(extensionOnName=extensionOnName.substr(2,1).toLowerCase()+extensionOnName.substr(3)),type(callback)==TYPES.f&&callback.call(_base,args),each(_extensions,(function(){type((ext=this).on)==TYPES.f&&ext.on(extensionOnName,args)}))}else _destroyed||_callbacksInitQeueue.push({n:name,a:args})}function setTopRightBottomLeft(targetCSSObject,prefix,values){values=values||[_strEmpty,_strEmpty,_strEmpty,_strEmpty],targetCSSObject[(prefix=prefix||_strEmpty)+_strTop]=values[0],targetCSSObject[prefix+_strRight]=values[1],targetCSSObject[prefix+_strBottom]=values[2],targetCSSObject[prefix+_strLeft]=values[3]}function getTopRightBottomLeftHost(prefix,suffix,zeroX,zeroY){return suffix=suffix||_strEmpty,prefix=prefix||_strEmpty,{t:zeroY?0:parseToZeroOrNumber(_hostElement.css(prefix+_strTop+suffix)),r:zeroX?0:parseToZeroOrNumber(_hostElement.css(prefix+_strRight+suffix)),b:zeroY?0:parseToZeroOrNumber(_hostElement.css(prefix+_strBottom+suffix)),l:zeroX?0:parseToZeroOrNumber(_hostElement.css(prefix+_strLeft+suffix))}}function getCSSTransitionString(element){var transitionStr=VENDORS._cssProperty("transition"),assembledValue=element.css(transitionStr);if(assembledValue)return assembledValue;for(var strResult,valueArray,j,regExpString="\\s*(([^,(]+(\\(.+?\\))?)+)[\\s,]*",regExpMain=new RegExp(regExpString),regExpValidate=new RegExp("^("+regExpString+")+$"),properties="property duration timing-function delay".split(" "),result=[],i=0,splitCssStyleByComma=function(str){if(strResult=[],!str.match(regExpValidate))return str;for(;str.match(regExpMain);)strResult.push(RegExp.$1),str=str.replace(regExpMain,_strEmpty);return strResult};itextareaLastCol&&(widestRow=i+1,textareaLastCol=rowCols);return{_cursorRow:cursorRow,_cursorColumn:cursorCol,_rows:textareaLastRow,_columns:textareaLastCol,_widestRow:widestRow,_cursorPosition:textareaCursorPosition,_cursorMax:textareaLength}}}function nativeOverlayScrollbarsAreActive(){return _ignoreOverlayScrollbarHidingCache&&_nativeScrollbarIsOverlaid.x&&_nativeScrollbarIsOverlaid.y}function getContentMeasureElement(){return _isTextarea?_textareaCoverElement[0]:_contentElementNative}function generateDiv(classesOrAttrs,content){return"
"+(content||_strEmpty)+"
"}function selectOrGenerateDivByClass(className,selectParentOrOnlyChildren){var onlyChildren=type(selectParentOrOnlyChildren)==TYPES.b,selectParent=onlyChildren?_hostElement:selectParentOrOnlyChildren||_hostElement;return _domExists&&!selectParent[LEXICON.l]?null:_domExists?selectParent[onlyChildren?"children":"find"](_strDot+className.replace(/\s/g,_strDot)).eq(0):FRAMEWORK(generateDiv(className))}function getObjectPropVal(obj,path){for(var val,splits=path.split(_strDot),i=0;i0&&(optsIsPlainObj?FRAMEWORK.each(pluginTargetElements,(function(i,v){(inst=v)!==undefined&&arr.push(OverlayScrollbarsInstance(inst,options,extensions,_pluginsGlobals,_pluginsAutoUpdateLoop))})):FRAMEWORK.each(pluginTargetElements,(function(i,v){inst=INSTANCES(v),("!"===options&&_plugin.valid(inst)||COMPATIBILITY.type(options)==TYPES.f&&options(v,inst)||options===undefined)&&arr.push(inst)})),result=1===arr[LEXICON.l]?arr[0]:arr),result):optsIsPlainObj||!options?result:arr},_plugin.globals=function(){initOverlayScrollbarsStatics();var globals=FRAMEWORK.extend(!0,{},_pluginsGlobals);return delete globals.msie,globals},_plugin.defaultOptions=function(newDefaultOptions){initOverlayScrollbarsStatics();var currDefaultOptions=_pluginsGlobals.defaultOptions;if(newDefaultOptions===undefined)return FRAMEWORK.extend(!0,{},currDefaultOptions);_pluginsGlobals.defaultOptions=FRAMEWORK.extend(!0,{},currDefaultOptions,_pluginsOptions._validate(newDefaultOptions,_pluginsOptions._template,!0,currDefaultOptions)._default)},_plugin.valid=function(osInstance){return osInstance instanceof _plugin&&!osInstance.getState().destroyed},_plugin.extension=function(extensionName,extension,defaultOptions){var extNameTypeString=COMPATIBILITY.type(extensionName)==TYPES.s,argLen=arguments[LEXICON.l],i=0;if(argLen<1||!extNameTypeString)return FRAMEWORK.extend(!0,{length:_pluginsExtensions[LEXICON.l]},_pluginsExtensions);if(extNameTypeString)if(COMPATIBILITY.type(extension)==TYPES.f)_pluginsExtensions.push({name:extensionName,extensionFactory:extension,defaultOptions:defaultOptions});else for(;i<_pluginsExtensions[LEXICON.l];i++)if(_pluginsExtensions[i].name===extensionName){if(!(argLen>1))return FRAMEWORK.extend(!0,{},_pluginsExtensions[i]);_pluginsExtensions.splice(i,1)}},_plugin}();return JQUERY&&JQUERY.fn&&(JQUERY.fn.overlayScrollbars=function(options,extensions){var _elements=this;return JQUERY.isPlainObject(options)?(JQUERY.each(_elements,(function(){PLUGIN(this,options,extensions)})),_elements):PLUGIN(_elements,options)}),PLUGIN}(global,global.document,void 0)}.call(exports,__webpack_require__,exports,module),void 0===__WEBPACK_AMD_DEFINE_RESULT__||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}}]); \ No newline at end of file diff --git a/docs/6.5ff54c85b1cb5963d008.manager.bundle.js b/docs/6.5ff54c85b1cb5963d008.manager.bundle.js new file mode 100644 index 000000000..26487c29d --- /dev/null +++ b/docs/6.5ff54c85b1cb5963d008.manager.bundle.js @@ -0,0 +1,2 @@ +/*! For license information please see 6.5ff54c85b1cb5963d008.manager.bundle.js.LICENSE.txt */ +(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{1009:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"OverlayScrollbarsComponent",(function(){return OverlayScrollbarsComponent}));__webpack_require__(1032),__webpack_require__(30),__webpack_require__(133),__webpack_require__(105),__webpack_require__(88),__webpack_require__(31),__webpack_require__(104),__webpack_require__(61),__webpack_require__(18),__webpack_require__(20),__webpack_require__(4),__webpack_require__(13);var react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_12___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__),overlayscrollbars__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(1033),overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(overlayscrollbars__WEBPACK_IMPORTED_MODULE_13__);function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var OverlayScrollbarsComponent=function OverlayScrollbarsComponent(_ref){var _ref$options=_ref.options,options=void 0===_ref$options?{}:_ref$options,extensions=_ref.extensions,className=_ref.className,children=_ref.children,rest=_objectWithoutProperties(_ref,["options","extensions","className","children"]),osTargetRef=react__WEBPACK_IMPORTED_MODULE_12___default.a.useRef(),osInstance=react__WEBPACK_IMPORTED_MODULE_12___default.a.useRef();return react__WEBPACK_IMPORTED_MODULE_12___default.a.useEffect((function(){return osInstance.current=overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default()(osTargetRef.current,options,extensions),mergeHostClassNames(osInstance.current,className),function(){overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default.a.valid(osInstance.current)&&(osInstance.current.destroy(),osInstance.current=null)}}),[]),react__WEBPACK_IMPORTED_MODULE_12___default.a.useEffect((function(){overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default.a.valid(osInstance.current)&&osInstance.current.options(options)}),[options]),react__WEBPACK_IMPORTED_MODULE_12___default.a.useEffect((function(){overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default.a.valid(osInstance.current)&&mergeHostClassNames(osInstance.current,className)}),[className]),react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",_extends({className:"os-host"},rest,{ref:osTargetRef}),react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-resize-observer-host"}),react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-padding"},react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-viewport"},react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-content"},children))),react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar os-scrollbar-horizontal "},react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar-track"},react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar-handle"}))),react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar os-scrollbar-vertical"},react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar-track"},react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar-handle"}))),react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div",{className:"os-scrollbar-corner"}))};function mergeHostClassNames(osInstance,className){if(overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default.a.valid(osInstance)){var host=osInstance.getElements().host,regex=new RegExp("(^os-host([-_].+|)$)|".concat(osInstance.options().className.replace(/\s/g,"$|"),"$"),"g"),osClassNames=host.className.split(" ").filter((function(name){return name.match(regex)})).join(" ");host.className="".concat(osClassNames," ").concat(className||"")}}OverlayScrollbarsComponent.displayName="OverlayScrollbarsComponent",__webpack_exports__.default=OverlayScrollbarsComponent},1033:function(module,exports,__webpack_require__){var __WEBPACK_AMD_DEFINE_RESULT__,global;global="undefined"!=typeof window?window:this,__WEBPACK_AMD_DEFINE_RESULT__=function(){return function(window,document,undefined){"use strict";var _targets,_instancePropertyString,_easingsMath,PLUGINNAME="OverlayScrollbars",TYPES={o:"object",f:"function",a:"array",s:"string",b:"boolean",n:"number",u:"undefined",z:"null"},LEXICON={c:"class",s:"style",i:"id",l:"length",p:"prototype",ti:"tabindex",oH:"offsetHeight",cH:"clientHeight",sH:"scrollHeight",oW:"offsetWidth",cW:"clientWidth",sW:"scrollWidth",hOP:"hasOwnProperty",bCR:"getBoundingClientRect"},VENDORS=function(){var jsCache={},cssCache={},cssPrefixes=["-webkit-","-moz-","-o-","-ms-"],jsPrefixes=["WebKit","Moz","O","MS"];function firstLetterToUpper(str){return str.charAt(0).toUpperCase()+str.slice(1)}return{_cssPrefixes:cssPrefixes,_jsPrefixes:jsPrefixes,_cssProperty:function(name){var result=cssCache[name];if(cssCache[LEXICON.hOP](name))return result;for(var resultPossibilities,v,currVendorWithoutDashes,uppercasedName=firstLetterToUpper(name),elmStyle=document.createElement("div")[LEXICON.s],i=0;i0&&length-1 in obj)}function stripAndCollapse(value){return(value.match(_rnothtmlwhite)||[]).join(_strSpace)}function matches(elem,selector){for(var nodeList=(elem.parentNode||document).querySelectorAll(selector)||[],i=nodeList[LEXICON.l];i--;)if(nodeList[i]==elem)return!0;return!1}function insertAdjacentElement(el,strategy,child){if(COMPATIBILITY.isA(child))for(var i=0;i0?(nextAnim=animObj.q[0],animate(animObj.el,nextAnim.props,nextAnim.duration,nextAnim.easing,nextAnim.complete,!0)):(index=inArray(animObj,_animations))>-1&&_animations.splice(index,1)}function setAnimationValue(el,prop,value){prop===_strScrollLeft||prop===_strScrollTop?el[prop]=value:setCSSVal(el,prop,value)}function animate(el,props,options,easing,complete,guaranteedNext){var key,animObj,progress,step,specialEasing,duration,hasOptions=isPlainObject(options),from={},to={},i=0;for(hasOptions?(easing=options.easing,options.start,progress=options.progress,step=options.step,specialEasing=options.specialEasing,complete=options.complete,duration=options.duration):duration=options,specialEasing=specialEasing||{},duration=duration||400,easing=easing||"swing",guaranteedNext=guaranteedNext||!1;i<_animations[LEXICON.l];i++)if(_animations[i].el===el){animObj=_animations[i];break}for(key in animObj||(animObj={el:el,q:[]},_animations.push(animObj)),props)from[key]=key===_strScrollLeft||key===_strScrollTop?el[key]:FakejQuery(el).css(key);for(key in from)from[key]!==props[key]&&props[key]!==undefined&&(to[key]=props[key]);if(isEmptyObject(to))guaranteedNext&&startNextAnimationInQ(animObj);else{var timeNow,end,percent,fromVal,toVal,easedVal,timeStart,frame,elapsed,qPos=guaranteedNext?0:inArray(qObj,animObj.q),qObj={props:to,duration:hasOptions?options:duration,easing:easing,complete:complete};if(-1===qPos&&(qPos=animObj.q[LEXICON.l],animObj.q.push(qObj)),0===qPos)if(duration>0)timeStart=COMPATIBILITY.now(),frame=function(){for(key in timeNow=COMPATIBILITY.now(),elapsed=timeNow-timeStart,end=qObj.stop||elapsed>=duration,percent=1-(MATH.max(0,timeStart+duration-timeNow)/duration||0),to)fromVal=parseFloat(from[key]),toVal=parseFloat(to[key]),easedVal=(toVal-fromVal)*EASING[specialEasing[key]||easing](percent,percent*duration,0,1,duration)+fromVal,setAnimationValue(el,key,easedVal),isFunction(step)&&step(easedVal,{elem:el,prop:key,start:fromVal,now:easedVal,end:toVal,pos:percent,options:{easing:easing,speacialEasing:specialEasing,duration:duration,complete:complete,step:step},startTime:timeStart});isFunction(progress)&&progress({},percent,MATH.max(0,duration-elapsed)),end?(startNextAnimationInQ(animObj),isFunction(complete)&&complete()):qObj.frame=COMPATIBILITY.rAF()(frame)},qObj.frame=COMPATIBILITY.rAF()(frame);else{for(key in to)setAnimationValue(el,key,to[key]);startNextAnimationInQ(animObj)}}}function stop(el,clearQ,jumpToEnd){for(var animObj,qObj,key,i=0;i<_animations[LEXICON.l];i++)if((animObj=_animations[i]).el===el){if(animObj.q[LEXICON.l]>0){if((qObj=animObj.q[0]).stop=!0,COMPATIBILITY.cAF()(qObj.frame),animObj.q.splice(0,1),jumpToEnd)for(key in qObj.props)setAnimationValue(el,key,qObj.props[key]);clearQ?animObj.q=[]:startNextAnimationInQ(animObj,!1)}break}}function elementIsVisible(el){return!!(el[LEXICON.oW]||el[LEXICON.oH]||el.getClientRects()[LEXICON.l])}function FakejQuery(selector){if(0===arguments[LEXICON.l])return this;var elms,el,base=new FakejQuery,elements=selector,i=0;if(_type(selector)==TYPES.s)for(elements=[],"<"===selector.charAt(0)?((el=document.createElement("div")).innerHTML=selector,elms=el.children):elms=document.querySelectorAll(selector);i0;)deepest=deepest.childNodes[0];for(i=0;nodes[LEXICON.l]-i;deepest.firstChild===nodes[0]&&i++)deepest.appendChild(nodes[i]);var nextSibling=previousSibling?previousSibling.nextSibling:parent.firstChild;return parent.insertBefore(wrapper,nextSibling),this},wrapInner:function(wrapperHTML){return this.each((function(){var el=FakejQuery(this),contents=el.contents();contents[LEXICON.l]?contents.wrapAll(wrapperHTML):el.append(wrapperHTML)}))},wrap:function(wrapperHTML){return this.each((function(){FakejQuery(this).wrapAll(wrapperHTML)}))},css:function(styles,val){var el,key,cptStyle,getCptStyle=window.getComputedStyle;return _type(styles)==TYPES.s?val===undefined?(el=this[0],cptStyle=getCptStyle?getCptStyle(el,null):el.currentStyle[styles],getCptStyle?null!=cptStyle?cptStyle.getPropertyValue(styles):el[LEXICON.s][styles]:cptStyle):this.each((function(){setCSSVal(this,styles,val)})):this.each((function(){for(key in styles)setCSSVal(this,key,styles[key])}))},hasClass:function(className){for(var elem,classList,i=0,classNamePrepared=_strSpace+className+_strSpace;elem=this[i++];){if((classList=elem.classList)&&classList.contains(className))return!0;if(1===elem.nodeType&&(_strSpace+stripAndCollapse(elem.className+_strEmpty)+_strSpace).indexOf(classNamePrepared)>-1)return!0}return!1},addClass:function(className){var classes,elem,cur,curValue,clazz,finalValue,supportClassList,elmClassList,i=0,v=0;if(className)for(classes=className.match(_rnothtmlwhite)||[];elem=this[i++];)if(elmClassList=elem.classList,supportClassList===undefined&&(supportClassList=elmClassList!==undefined),supportClassList)for(;clazz=classes[v++];)elmClassList.add(clazz);else if(curValue=elem.className+_strEmpty,cur=1===elem.nodeType&&_strSpace+stripAndCollapse(curValue)+_strSpace){for(;clazz=classes[v++];)cur.indexOf(_strSpace+clazz+_strSpace)<0&&(cur+=clazz+_strSpace);curValue!==(finalValue=stripAndCollapse(cur))&&(elem.className=finalValue)}return this},removeClass:function(className){var classes,elem,cur,curValue,clazz,finalValue,supportClassList,elmClassList,i=0,v=0;if(className)for(classes=className.match(_rnothtmlwhite)||[];elem=this[i++];)if(elmClassList=elem.classList,supportClassList===undefined&&(supportClassList=elmClassList!==undefined),supportClassList)for(;clazz=classes[v++];)elmClassList.remove(clazz);else if(curValue=elem.className+_strEmpty,cur=1===elem.nodeType&&_strSpace+stripAndCollapse(curValue)+_strSpace){for(;clazz=classes[v++];)for(;cur.indexOf(_strSpace+clazz+_strSpace)>-1;)cur=cur.replace(_strSpace+clazz+_strSpace,_strSpace);curValue!==(finalValue=stripAndCollapse(cur))&&(elem.className=finalValue)}return this},hide:function(){return this.each((function(){this[LEXICON.s].display="none"}))},show:function(){return this.each((function(){this[LEXICON.s].display="block"}))},attr:function(attrName,value){for(var el,i=0;el=this[i++];){if(value===undefined)return el.getAttribute(attrName);el.setAttribute(attrName,value)}return this},removeAttr:function(attrName){return this.each((function(){this.removeAttribute(attrName)}))},offset:function(){var rect=this[0][LEXICON.bCR](),scrollLeft=window.pageXOffset||document.documentElement[_strScrollLeft],scrollTop=window.pageYOffset||document.documentElement[_strScrollTop];return{top:rect.top+scrollTop,left:rect.left+scrollLeft}},position:function(){var el=this[0];return{top:el.offsetTop,left:el.offsetLeft}},scrollLeft:function(value){for(var el,i=0;el=this[i++];){if(value===undefined)return el[_strScrollLeft];el[_strScrollLeft]=value}return this},scrollTop:function(value){for(var el,i=0;el=this[i++];){if(value===undefined)return el[_strScrollTop];el[_strScrollTop]=value}return this},val:function(value){var el=this[0];return value?(el.value=value,this):el.value},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(index){return FakejQuery(this[index>=0?index:this[LEXICON.l]+index])},find:function(selector){var i,children=[];return this.each((function(){var ch=this.querySelectorAll(selector);for(i=0;i-1){if(!(argLen>1))return _targets[index][_instancePropertyString];delete target[_instancePropertyString],_targets.splice(index,1)}}}),PLUGIN=function(){var _plugin,_pluginsGlobals,_pluginsAutoUpdateLoop,type,possibleTemplateTypes,restrictedStringsSplit,restrictedStringsPossibilitiesSplit,classNameAllowedValues,numberAllowedValues,booleanNullAllowedValues,booleanTrueTemplate,booleanFalseTemplate,callbackTemplate,overflowBehaviorAllowedValues,optionsDefaultsAndTemplate,convert,_pluginsExtensions=[],_pluginsOptions=(type=COMPATIBILITY.type,possibleTemplateTypes=[TYPES.b,TYPES.n,TYPES.s,TYPES.a,TYPES.o,TYPES.f,TYPES.z],restrictedStringsSplit=" ",restrictedStringsPossibilitiesSplit=":",classNameAllowedValues=[TYPES.z,TYPES.s],numberAllowedValues=TYPES.n,booleanNullAllowedValues=[TYPES.z,TYPES.b],booleanTrueTemplate=[!0,TYPES.b],booleanFalseTemplate=[!1,TYPES.b],callbackTemplate=[null,[TYPES.z,TYPES.f]],overflowBehaviorAllowedValues="v-h:visible-hidden v-s:visible-scroll s:scroll h:hidden",optionsDefaultsAndTemplate={className:["os-theme-dark",classNameAllowedValues],resize:["none","n:none b:both h:horizontal v:vertical"],sizeAutoCapable:booleanTrueTemplate,clipAlways:booleanTrueTemplate,normalizeRTL:booleanTrueTemplate,paddingAbsolute:booleanFalseTemplate,autoUpdate:[null,booleanNullAllowedValues],autoUpdateInterval:[33,numberAllowedValues],updateOnLoad:[["img"],[TYPES.s,TYPES.a,TYPES.z]],nativeScrollbarsOverlaid:{showNativeScrollbars:booleanFalseTemplate,initialize:booleanTrueTemplate},overflowBehavior:{x:["scroll",overflowBehaviorAllowedValues],y:["scroll",overflowBehaviorAllowedValues]},scrollbars:{visibility:["auto","v:visible h:hidden a:auto"],autoHide:["never","n:never s:scroll l:leave m:move"],autoHideDelay:[800,numberAllowedValues],dragScrolling:booleanTrueTemplate,clickScrolling:booleanFalseTemplate,touchSupport:booleanTrueTemplate,snapHandle:booleanFalseTemplate},textarea:{dynWidth:booleanFalseTemplate,dynHeight:booleanFalseTemplate,inheritedAttrs:[["style","class"],[TYPES.s,TYPES.a,TYPES.z]]},callbacks:{onInitialized:callbackTemplate,onInitializationWithdrawn:callbackTemplate,onDestroyed:callbackTemplate,onScrollStart:callbackTemplate,onScroll:callbackTemplate,onScrollStop:callbackTemplate,onOverflowChanged:callbackTemplate,onOverflowAmountChanged:callbackTemplate,onDirectionChanged:callbackTemplate,onContentSizeChanged:callbackTemplate,onHostSizeChanged:callbackTemplate,onUpdated:callbackTemplate}},{_defaults:(convert=function(template){var recursive=function(obj){var key,val,valType;for(key in obj)obj[LEXICON.hOP](key)&&(val=obj[key],(valType=type(val))==TYPES.a?obj[key]=val[template?1:0]:valType==TYPES.o&&(obj[key]=recursive(val)));return obj};return recursive(FRAMEWORK.extend(!0,{},optionsDefaultsAndTemplate))})(),_template:convert(!0),_validate:function(obj,template,writeErrors,diffObj){var validatedOptions={},validatedOptionsPrepared={},objectCopy=FRAMEWORK.extend(!0,{},obj),inArray=FRAMEWORK.inArray,isEmptyObj=FRAMEWORK.isEmptyObject,checkObjectProps=function(data,template,diffData,validatedOptions,validatedOptionsPrepared,prevPropName){for(var prop in template)if(template[LEXICON.hOP](prop)&&data[LEXICON.hOP](prop)){var restrictedStringValuesSplit,restrictedStringValuesPossibilitiesSplit,isRestrictedValue,mainPossibility,currType,i,v,j,isValid=!1,isDiff=!1,templateValue=template[prop],templateValueType=type(templateValue),templateIsComplex=templateValueType==TYPES.o,templateTypes=COMPATIBILITY.isA(templateValue)?templateValue:[templateValue],dataDiffValue=diffData[prop],dataValue=data[prop],dataValueType=type(dataValue),propPrefix=prevPropName?prevPropName+".":"",error='The option "'+propPrefix+prop+"\" wasn't set, because",errorPossibleTypes=[],errorRestrictedStrings=[];if(dataDiffValue=dataDiffValue===undefined?{}:dataDiffValue,templateIsComplex&&dataValueType==TYPES.o)validatedOptions[prop]={},validatedOptionsPrepared[prop]={},checkObjectProps(dataValue,templateValue,dataDiffValue,validatedOptions[prop],validatedOptionsPrepared[prop],propPrefix+prop),FRAMEWORK.each([data,validatedOptions,validatedOptionsPrepared],(function(index,value){isEmptyObj(value[prop])&&delete value[prop]}));else if(!templateIsComplex){for(i=0;i0?"\r\nValid strings are: [ "+errorRestrictedStrings.join(", ").split(restrictedStringsPossibilitiesSplit).join(", ")+" ].":"")),delete data[prop]}}};return checkObjectProps(objectCopy,template,diffObj||{},validatedOptions,validatedOptionsPrepared),!isEmptyObj(objectCopy)&&writeErrors&&console.warn("The following options are discarded due to invalidity:\r\n"+window.JSON.stringify(objectCopy,null,2)),{_default:validatedOptions,_prepared:validatedOptionsPrepared}}});function initOverlayScrollbarsStatics(){_pluginsGlobals||(_pluginsGlobals=new OverlayScrollbarsGlobals(_pluginsOptions._defaults)),_pluginsAutoUpdateLoop||(_pluginsAutoUpdateLoop=new OverlayScrollbarsAutoUpdateLoop(_pluginsGlobals))}function OverlayScrollbarsGlobals(defaultOptions){var _base=this,strOverflow="overflow",strHidden="hidden",strScroll="scroll",bodyElement=FRAMEWORK("body"),scrollbarDummyElement=FRAMEWORK('
'),scrollbarDummyElement0=scrollbarDummyElement[0],dummyContainerChild=FRAMEWORK(scrollbarDummyElement.children("div").eq(0));bodyElement.append(scrollbarDummyElement),scrollbarDummyElement.hide().show();var nativeScrollbarSize=calcNativeScrollbarSize(scrollbarDummyElement0),nativeScrollbarIsOverlaid={x:0===nativeScrollbarSize.x,y:0===nativeScrollbarSize.y},msie=function(){var result,ua=window.navigator.userAgent,strIndexOf="indexOf",strSubString="substring",msie=ua[strIndexOf]("MSIE "),trident=ua[strIndexOf]("Trident/"),edge=ua[strIndexOf]("Edge/"),rv=ua[strIndexOf]("rv:"),parseIntFunc=parseInt;return msie>0?result=parseIntFunc(ua[strSubString](msie+5,ua[strIndexOf](".",msie)),10):trident>0?result=parseIntFunc(ua[strSubString](rv+3,ua[strIndexOf](".",rv)),10):edge>0&&(result=parseIntFunc(ua[strSubString](edge+5,ua[strIndexOf](".",edge)),10)),result}();function calcNativeScrollbarSize(measureElement){return{x:measureElement[LEXICON.oH]-measureElement[LEXICON.cH],y:measureElement[LEXICON.oW]-measureElement[LEXICON.cW]}}FRAMEWORK.extend(_base,{defaultOptions:defaultOptions,msie:msie,autoUpdateLoop:!1,autoUpdateRecommended:!COMPATIBILITY.mO(),nativeScrollbarSize:nativeScrollbarSize,nativeScrollbarIsOverlaid:nativeScrollbarIsOverlaid,nativeScrollbarStyling:function(){var result=!1;scrollbarDummyElement.addClass("os-viewport-native-scrollbars-invisible");try{result="none"===scrollbarDummyElement.css("scrollbar-width")&&(msie>9||!msie)||"none"===window.getComputedStyle(scrollbarDummyElement0,"::-webkit-scrollbar").getPropertyValue("display")}catch(ex){}return result}(),overlayScrollbarDummySize:{x:30,y:30},cssCalc:VENDORS._cssPropertyValue("width","calc","(1px)")||null,restrictedMeasuring:function(){scrollbarDummyElement.css(strOverflow,strHidden);var scrollSize={w:scrollbarDummyElement0[LEXICON.sW],h:scrollbarDummyElement0[LEXICON.sH]};scrollbarDummyElement.css(strOverflow,"visible");var scrollSize2={w:scrollbarDummyElement0[LEXICON.sW],h:scrollbarDummyElement0[LEXICON.sH]};return scrollSize.w-scrollSize2.w!=0||scrollSize.h-scrollSize2.h!=0}(),rtlScrollBehavior:function(){scrollbarDummyElement.css({"overflow-y":strHidden,"overflow-x":strScroll,direction:"rtl"}).scrollLeft(0);var dummyContainerOffset=scrollbarDummyElement.offset(),dummyContainerChildOffset=dummyContainerChild.offset();scrollbarDummyElement.scrollLeft(-999);var dummyContainerChildOffsetAfterScroll=dummyContainerChild.offset();return{i:dummyContainerOffset.left===dummyContainerChildOffset.left,n:dummyContainerChildOffset.left!==dummyContainerChildOffsetAfterScroll.left}}(),supportTransform:!!VENDORS._cssProperty("transform"),supportTransition:!!VENDORS._cssProperty("transition"),supportPassiveEvents:function(){var supportsPassive=!1;try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){supportsPassive=!0}}))}catch(e){}return supportsPassive}(),supportResizeObserver:!!COMPATIBILITY.rO(),supportMutationObserver:!!COMPATIBILITY.mO()}),scrollbarDummyElement.removeAttr(LEXICON.s).remove(),function(){if(!nativeScrollbarIsOverlaid.x||!nativeScrollbarIsOverlaid.y){var abs=MATH.abs,windowWidth=COMPATIBILITY.wW(),windowHeight=COMPATIBILITY.wH(),windowDpr=getWindowDPR(),onResize=function(){if(INSTANCES().length>0){var newW=COMPATIBILITY.wW(),newH=COMPATIBILITY.wH(),deltaW=newW-windowWidth,deltaH=newH-windowHeight;if(0===deltaW&&0===deltaH)return;var newScrollbarSize,deltaWRatio=MATH.round(newW/(windowWidth/100)),deltaHRatio=MATH.round(newH/(windowHeight/100)),absDeltaW=abs(deltaW),absDeltaH=abs(deltaH),absDeltaWRatio=abs(deltaWRatio),absDeltaHRatio=abs(deltaHRatio),newDPR=getWindowDPR(),deltaIsBigger=absDeltaW>2&&absDeltaH>2,difference=!differenceIsBiggerThanOne(absDeltaWRatio,absDeltaHRatio),isZoom=deltaIsBigger&&difference&&newDPR!==windowDpr&&windowDpr>0,oldScrollbarSize=_base.nativeScrollbarSize;isZoom&&(bodyElement.append(scrollbarDummyElement),newScrollbarSize=_base.nativeScrollbarSize=calcNativeScrollbarSize(scrollbarDummyElement[0]),scrollbarDummyElement.remove(),oldScrollbarSize.x===newScrollbarSize.x&&oldScrollbarSize.y===newScrollbarSize.y||FRAMEWORK.each(INSTANCES(),(function(){INSTANCES(this)&&INSTANCES(this).update("zoom")}))),windowWidth=newW,windowHeight=newH,windowDpr=newDPR}};FRAMEWORK(window).on("resize",onResize)}function differenceIsBiggerThanOne(valOne,valTwo){var absValOne=abs(valOne),absValTwo=abs(valTwo);return!(absValOne===absValTwo||absValOne+1===absValTwo||absValOne-1===absValTwo)}function getWindowDPR(){var dDPI=window.screen.deviceXDPI||0,sDPI=window.screen.logicalXDPI||1;return window.devicePixelRatio||dDPI/sDPI}}()}function OverlayScrollbarsAutoUpdateLoop(globals){var _loopID,_base=this,_inArray=FRAMEWORK.inArray,_getNow=COMPATIBILITY.now,_strAutoUpdate="autoUpdate",_strAutoUpdateInterval=_strAutoUpdate+"Interval",_strLength=LEXICON.l,_loopingInstances=[],_loopingInstancesIntervalCache=[],_loopIsActive=!1,_loopIntervalDefault=33,_loopInterval=_loopIntervalDefault,_loopTimeOld=_getNow(),loop=function(){if(_loopingInstances[_strLength]>0&&_loopIsActive){_loopID=COMPATIBILITY.rAF()((function(){loop()}));var lowestInterval,instance,instanceOptions,instanceAutoUpdateAllowed,instanceAutoUpdateInterval,now,timeNew=_getNow(),timeDelta=timeNew-_loopTimeOld;if(timeDelta>_loopInterval){_loopTimeOld=timeNew-timeDelta%_loopInterval,lowestInterval=_loopIntervalDefault;for(var i=0;i<_loopingInstances[_strLength];i++)(instance=_loopingInstances[i])!==undefined&&(instanceAutoUpdateAllowed=(instanceOptions=instance.options())[_strAutoUpdate],instanceAutoUpdateInterval=MATH.max(1,instanceOptions[_strAutoUpdateInterval]),now=_getNow(),(!0===instanceAutoUpdateAllowed||null===instanceAutoUpdateAllowed)&&now-_loopingInstancesIntervalCache[i]>instanceAutoUpdateInterval&&(instance.update("auto"),_loopingInstancesIntervalCache[i]=new Date(now+=instanceAutoUpdateInterval)),lowestInterval=MATH.max(1,MATH.min(lowestInterval,instanceAutoUpdateInterval)));_loopInterval=lowestInterval}}else _loopInterval=_loopIntervalDefault};_base.add=function(instance){-1===_inArray(instance,_loopingInstances)&&(_loopingInstances.push(instance),_loopingInstancesIntervalCache.push(_getNow()),_loopingInstances[_strLength]>0&&!_loopIsActive&&(_loopIsActive=!0,globals.autoUpdateLoop=_loopIsActive,loop()))},_base.remove=function(instance){var index=_inArray(instance,_loopingInstances);index>-1&&(_loopingInstancesIntervalCache.splice(index,1),_loopingInstances.splice(index,1),0===_loopingInstances[_strLength]&&_loopIsActive&&(_loopIsActive=!1,globals.autoUpdateLoop=_loopIsActive,_loopID!==undefined&&(COMPATIBILITY.cAF()(_loopID),_loopID=-1)))}}function OverlayScrollbarsInstance(pluginTargetElement,options,extensions,globals,autoUpdateLoop){var type=COMPATIBILITY.type,inArray=FRAMEWORK.inArray,each=FRAMEWORK.each,_base=new _plugin,_frameworkProto=FRAMEWORK[LEXICON.p];if(isHTMLElement(pluginTargetElement)){if(INSTANCES(pluginTargetElement)){var inst=INSTANCES(pluginTargetElement);return inst.options(options),inst}var _nativeScrollbarIsOverlaid,_overlayScrollbarDummySize,_rtlScrollBehavior,_autoUpdateRecommended,_msieVersion,_nativeScrollbarStyling,_cssCalc,_nativeScrollbarSize,_supportTransition,_supportTransform,_supportPassiveEvents,_supportResizeObserver,_supportMutationObserver,_initialized,_destroyed,_isTextarea,_isBody,_documentMixed,_domExists,_isBorderBox,_sizeAutoObserverAdded,_paddingX,_paddingY,_borderX,_borderY,_marginX,_marginY,_isRTL,_sleeping,_defaultOptions,_currentOptions,_currentPreparedOptions,_lastUpdateTime,_swallowedUpdateTimeout,_windowElement,_documentElement,_htmlElement,_bodyElement,_targetElement,_hostElement,_sizeAutoObserverElement,_sizeObserverElement,_paddingElement,_viewportElement,_contentElement,_contentArrangeElement,_contentGlueElement,_textareaCoverElement,_scrollbarCornerElement,_scrollbarHorizontalElement,_scrollbarHorizontalTrackElement,_scrollbarHorizontalHandleElement,_scrollbarVerticalElement,_scrollbarVerticalTrackElement,_scrollbarVerticalHandleElement,_windowElementNative,_documentElementNative,_targetElementNative,_hostElementNative,_sizeAutoObserverElementNative,_sizeObserverElementNative,_paddingElementNative,_viewportElementNative,_contentElementNative,_hostSizeCache,_contentScrollSizeCache,_arrangeContentSizeCache,_hasOverflowCache,_hideOverflowCache,_widthAutoCache,_heightAutoCache,_cssBoxSizingCache,_cssPaddingCache,_cssBorderCache,_cssMarginCache,_cssDirectionCache,_cssDirectionDetectedCache,_paddingAbsoluteCache,_clipAlwaysCache,_contentGlueSizeCache,_overflowBehaviorCache,_overflowAmountCache,_ignoreOverlayScrollbarHidingCache,_autoUpdateCache,_sizeAutoCapableCache,_contentElementScrollSizeChangeDetectedCache,_hostElementSizeChangeDetectedCache,_scrollbarsVisibilityCache,_scrollbarsAutoHideCache,_scrollbarsClickScrollingCache,_scrollbarsDragScrollingCache,_resizeCache,_normalizeRTLCache,_classNameCache,_oldClassName,_textareaAutoWrappingCache,_textareaInfoCache,_textareaSizeCache,_textareaDynHeightCache,_textareaDynWidthCache,_bodyMinSizeCache,_mutationObserverHost,_mutationObserverContent,_mutationObserverHostCallback,_mutationObserverContentCallback,_mutationObserversConnected,_textareaHasFocus,_scrollbarsAutoHideTimeoutId,_scrollbarsAutoHideMoveTimeoutId,_scrollbarsAutoHideDelay,_scrollbarsAutoHideNever,_scrollbarsAutoHideScroll,_scrollbarsAutoHideMove,_scrollbarsAutoHideLeave,_scrollbarsHandleHovered,_scrollbarsHandlesDefineScrollPos,_resizeNone,_resizeBoth,_resizeHorizontal,_resizeVertical,_contentBorderSize={},_scrollHorizontalInfo={},_scrollVerticalInfo={},_viewportSize={},_nativeScrollbarMinSize={},_strMinusHidden="-hidden",_strMarginMinus="margin-",_strPaddingMinus="padding-",_strBorderMinus="border-",_strTop="top",_strRight="right",_strBottom="bottom",_strLeft="left",_strMinMinus="min-",_strMaxMinus="max-",_strWidth="width",_strHeight="height",_strFloat="float",_strEmpty="",_strAuto="auto",_strSync="sync",_strScroll="scroll",_strHundredPercent="100%",_strX="x",_strY="y",_strDot=".",_strSpace=" ",_strScrollbar="scrollbar",_strMinusHorizontal="-horizontal",_strMinusVertical="-vertical",_strScrollLeft=_strScroll+"Left",_strScrollTop=_strScroll+"Top",_strMouseTouchDownEvent="mousedown touchstart",_strMouseTouchUpEvent="mouseup touchend touchcancel",_strMouseTouchMoveEvent="mousemove touchmove",_strMouseEnter="mouseenter",_strMouseLeave="mouseleave",_strKeyDownEvent="keydown",_strKeyUpEvent="keyup",_strSelectStartEvent="selectstart",_strTransitionEndEvent="transitionend webkitTransitionEnd oTransitionEnd",_strResizeObserverProperty="__overlayScrollbarsRO__",_cassNamesPrefix="os-",_classNameHTMLElement=_cassNamesPrefix+"html",_classNameHostElement=_cassNamesPrefix+"host",_classNameHostElementForeign=_classNameHostElement+"-foreign",_classNameHostTextareaElement=_classNameHostElement+"-textarea",_classNameHostScrollbarHorizontalHidden=_classNameHostElement+"-"+_strScrollbar+_strMinusHorizontal+_strMinusHidden,_classNameHostScrollbarVerticalHidden=_classNameHostElement+"-"+_strScrollbar+_strMinusVertical+_strMinusHidden,_classNameHostTransition=_classNameHostElement+"-transition",_classNameHostRTL=_classNameHostElement+"-rtl",_classNameHostResizeDisabled=_classNameHostElement+"-resize-disabled",_classNameHostScrolling=_classNameHostElement+"-scrolling",_classNameHostOverflow=_classNameHostElement+"-overflow",_classNameHostOverflowX=(_classNameHostOverflow=_classNameHostElement+"-overflow")+"-x",_classNameHostOverflowY=_classNameHostOverflow+"-y",_classNameTextareaElement=_cassNamesPrefix+"textarea",_classNameTextareaCoverElement=_classNameTextareaElement+"-cover",_classNamePaddingElement=_cassNamesPrefix+"padding",_classNameViewportElement=_cassNamesPrefix+"viewport",_classNameViewportNativeScrollbarsInvisible=_classNameViewportElement+"-native-scrollbars-invisible",_classNameViewportNativeScrollbarsOverlaid=_classNameViewportElement+"-native-scrollbars-overlaid",_classNameContentElement=_cassNamesPrefix+"content",_classNameContentArrangeElement=_cassNamesPrefix+"content-arrange",_classNameContentGlueElement=_cassNamesPrefix+"content-glue",_classNameSizeAutoObserverElement=_cassNamesPrefix+"size-auto-observer",_classNameResizeObserverElement=_cassNamesPrefix+"resize-observer",_classNameResizeObserverItemElement=_cassNamesPrefix+"resize-observer-item",_classNameResizeObserverItemFinalElement=_classNameResizeObserverItemElement+"-final",_classNameTextInherit=_cassNamesPrefix+"text-inherit",_classNameScrollbar=_cassNamesPrefix+_strScrollbar,_classNameScrollbarTrack=_classNameScrollbar+"-track",_classNameScrollbarTrackOff=_classNameScrollbarTrack+"-off",_classNameScrollbarHandle=_classNameScrollbar+"-handle",_classNameScrollbarHandleOff=_classNameScrollbarHandle+"-off",_classNameScrollbarUnusable=_classNameScrollbar+"-unusable",_classNameScrollbarAutoHidden=_classNameScrollbar+"-"+_strAuto+_strMinusHidden,_classNameScrollbarCorner=_classNameScrollbar+"-corner",_classNameScrollbarCornerResize=_classNameScrollbarCorner+"-resize",_classNameScrollbarCornerResizeB=_classNameScrollbarCornerResize+"-both",_classNameScrollbarCornerResizeH=_classNameScrollbarCornerResize+_strMinusHorizontal,_classNameScrollbarCornerResizeV=_classNameScrollbarCornerResize+_strMinusVertical,_classNameScrollbarHorizontal=_classNameScrollbar+_strMinusHorizontal,_classNameScrollbarVertical=_classNameScrollbar+_strMinusVertical,_classNameDragging=_cassNamesPrefix+"dragging",_classNameThemeNone=_cassNamesPrefix+"theme-none",_classNamesDynamicDestroy=[_classNameViewportNativeScrollbarsInvisible,_classNameViewportNativeScrollbarsOverlaid,_classNameScrollbarTrackOff,_classNameScrollbarHandleOff,_classNameScrollbarUnusable,_classNameScrollbarAutoHidden,_classNameScrollbarCornerResize,_classNameScrollbarCornerResizeB,_classNameScrollbarCornerResizeH,_classNameScrollbarCornerResizeV,_classNameDragging].join(_strSpace),_callbacksInitQeueue=[],_viewportAttrsFromTarget=[LEXICON.ti],_extensions={},_extensionsPrivateMethods="added removed on contract",_swallowedUpdateHints={},_swallowUpdateLag=42,_updateOnLoadEventName="load",_updateOnLoadElms=[],_updateAutoCache={},_mutationObserverAttrsTextarea=["wrap","cols","rows"],_mutationObserverAttrsHost=[LEXICON.i,LEXICON.c,LEXICON.s,"open"].concat(_viewportAttrsFromTarget),_destroyEvents=[];return _base.sleep=function(){_sleeping=!0},_base.update=function(force){var attrsChanged,contentSizeC,doUpdateAuto,mutHost,mutContent;if(!_destroyed)return type(force)==TYPES.s?force===_strAuto?(attrsChanged=meaningfulAttrsChanged(),contentSizeC=updateAutoContentSizeChanged(),(doUpdateAuto=attrsChanged||contentSizeC)&&update({_contentSizeChanged:contentSizeC,_changedOptions:_initialized?undefined:_currentPreparedOptions})):force===_strSync?_mutationObserversConnected?(mutHost=_mutationObserverHostCallback(_mutationObserverHost.takeRecords()),mutContent=_mutationObserverContentCallback(_mutationObserverContent.takeRecords())):mutHost=_base.update(_strAuto):"zoom"===force&&update({_hostSizeChanged:!0,_contentSizeChanged:!0}):(force=_sleeping||force,_sleeping=!1,_base.update(_strSync)&&!force||update({_force:force})),updateElementsOnLoad(),doUpdateAuto||mutHost||mutContent},_base.options=function(newOptions,value){var changedOps,option={};if(FRAMEWORK.isEmptyObject(newOptions)||!FRAMEWORK.isPlainObject(newOptions)){if(type(newOptions)!=TYPES.s)return _currentOptions;if(!(arguments.length>1))return getObjectPropVal(_currentOptions,newOptions);setObjectPropVal(option,newOptions,value),changedOps=setOptions(option)}else changedOps=setOptions(newOptions);FRAMEWORK.isEmptyObject(changedOps)||update({_changedOptions:changedOps})},_base.destroy=function(){if(!_destroyed){for(var extName in autoUpdateLoop.remove(_base),disconnectMutationObservers(),setupResizeObserver(_sizeObserverElement),setupResizeObserver(_sizeAutoObserverElement),_extensions)_base.removeExt(extName);for(;_destroyEvents[LEXICON.l]>0;)_destroyEvents.pop()();setupHostMouseTouchEvents(!0),_contentGlueElement&&remove(_contentGlueElement),_contentArrangeElement&&remove(_contentArrangeElement),_sizeAutoObserverAdded&&remove(_sizeAutoObserverElement),setupScrollbarsDOM(!0),setupScrollbarCornerDOM(!0),setupStructureDOM(!0);for(var i=0;i<_updateOnLoadElms[LEXICON.l];i++)FRAMEWORK(_updateOnLoadElms[i]).off(_updateOnLoadEventName,updateOnLoadCallback);_updateOnLoadElms=undefined,_destroyed=!0,_sleeping=!0,INSTANCES(pluginTargetElement,0),dispatchCallback("onDestroyed")}},_base.scroll=function(coordinates,duration,easing,complete){if(0===arguments.length||coordinates===undefined){var infoX=_scrollHorizontalInfo,infoY=_scrollVerticalInfo,normalizeInvert=_normalizeRTLCache&&_isRTL&&_rtlScrollBehavior.i,normalizeNegate=_normalizeRTLCache&&_isRTL&&_rtlScrollBehavior.n,scrollX=infoX._currentScroll,scrollXRatio=infoX._currentScrollRatio,maxScrollX=infoX._maxScroll;return scrollXRatio=normalizeInvert?1-scrollXRatio:scrollXRatio,scrollX=normalizeInvert?maxScrollX-scrollX:scrollX,maxScrollX*=normalizeNegate?-1:1,{position:{x:scrollX*=normalizeNegate?-1:1,y:infoY._currentScroll},ratio:{x:scrollXRatio,y:infoY._currentScrollRatio},max:{x:maxScrollX,y:infoY._maxScroll},handleOffset:{x:infoX._handleOffset,y:infoY._handleOffset},handleLength:{x:infoX._handleLength,y:infoY._handleLength},handleLengthRatio:{x:infoX._handleLengthRatio,y:infoY._handleLengthRatio},trackLength:{x:infoX._trackLength,y:infoY._trackLength},snappedHandleOffset:{x:infoX._snappedHandleOffset,y:infoY._snappedHandleOffset},isRTL:_isRTL,isRTLNormalized:_normalizeRTLCache}}_base.update(_strSync);var i,doScrollLeft,doScrollTop,animationOptions,settingsAxis,settingsScroll,settingsBlock,settingsMargin,finalElement,normalizeRTL=_normalizeRTLCache,coordinatesXAxisProps=[_strX,_strLeft,"l"],coordinatesYAxisProps=[_strY,_strTop,"t"],coordinatesOperators=["+=","-=","*=","/="],durationIsObject=type(duration)==TYPES.o,completeCallback=durationIsObject?duration.complete:complete,finalScroll={},specialEasing={},strEnd="end",strBegin="begin",strCenter="center",strNearest="nearest",strAlways="always",strNever="never",strIfNeeded="ifneeded",strLength=LEXICON.l,elementObjSettingsAxisValues=[_strX,_strY,"xy","yx"],elementObjSettingsBlockValues=[strBegin,strEnd,strCenter,strNearest],elementObjSettingsScrollValues=[strAlways,strNever,strIfNeeded],coordinatesIsElementObj=coordinates[LEXICON.hOP]("el"),possibleElement=coordinatesIsElementObj?coordinates.el:coordinates,possibleElementIsJQuery=!!(possibleElement instanceof FRAMEWORK||JQUERY)&&possibleElement instanceof JQUERY,possibleElementIsHTMLElement=!possibleElementIsJQuery&&isHTMLElement(possibleElement),updateScrollbarInfos=function(){doScrollLeft&&refreshScrollbarHandleOffset(!0),doScrollTop&&refreshScrollbarHandleOffset(!1)},proxyCompleteCallback=type(completeCallback)!=TYPES.f?undefined:function(){updateScrollbarInfos(),completeCallback()};function checkSettingsStringValue(currValue,allowedValues){for(i=0;i2&&(possibleOperator=rawScroll.substr(0,2),inArray(possibleOperator,coordinatesOperators)>-1&&(operator=possibleOperator)),rawScroll=(rawScroll=operator?rawScroll.substr(2):rawScroll)[strReplace](/min/g,0)[strReplace](//g,(normalizeShortcuts?"-":_strEmpty)+_strHundredPercent)[strReplace](/px/g,_strEmpty)[strReplace](/%/g,mult+maxScroll*(isRTLisX&&_rtlScrollBehavior.n?-1:1)/100)[strReplace](/vw/g,mult+_viewportSize.w)[strReplace](/vh/g,mult+_viewportSize.h),amount=parseToZeroOrNumber(isNaN(rawScroll)?parseToZeroOrNumber(evalFunc(rawScroll),!0).toFixed():rawScroll)):amount=rawScroll,amount!==undefined&&!isNaN(amount)&&type(amount)==TYPES.n){var normalizeIsRTLisX=normalizeRTL&&isRTLisX,operatorCurrScroll=currScroll*(normalizeIsRTLisX&&_rtlScrollBehavior.n?-1:1),invert=normalizeIsRTLisX&&_rtlScrollBehavior.i,negate=normalizeIsRTLisX&&_rtlScrollBehavior.n;switch(operatorCurrScroll=invert?maxScroll-operatorCurrScroll:operatorCurrScroll,operator){case"+=":finalValue=operatorCurrScroll+amount;break;case"-=":finalValue=operatorCurrScroll-amount;break;case"*=":finalValue=operatorCurrScroll*amount;break;case"/=":finalValue=operatorCurrScroll/amount;break;default:finalValue=amount}finalValue=invert?maxScroll-finalValue:finalValue,finalValue*=negate?-1:1,finalValue=isRTLisX&&_rtlScrollBehavior.n?MATH.min(0,MATH.max(maxScroll,finalValue)):MATH.max(0,MATH.min(maxScroll,finalValue))}return finalValue===currScroll?undefined:finalValue}function getPerAxisValue(value,valueInternalType,defaultValue,allowedValues){var valueArrLength,valueArrItem,resultDefault=[defaultValue,defaultValue],valueType=type(value);if(valueType==valueInternalType)value=[value,value];else if(valueType==TYPES.a){if((valueArrLength=value[strLength])>2||valueArrLength<1)value=resultDefault;else for(1===valueArrLength&&(value[1]=defaultValue),i=0;i0){margin=marginType==TYPES.n||marginType==TYPES.b?generateMargin([margin,margin,margin,margin]):marginType==TYPES.a?2===(marginLength=margin[strLength])?generateMargin([margin[0],margin[1],margin[0],margin[1]]):marginLength>=4?generateMargin(margin):marginDefault:marginType==TYPES.o?generateMargin([margin[_strTop],margin[_strRight],margin[_strBottom],margin[_strLeft]]):marginDefault,settingsAxis=checkSettingsStringValue(axis,elementObjSettingsAxisValues)?axis:"xy",settingsScroll=getPerAxisValue(scroll,TYPES.s,strAlways,elementObjSettingsScrollValues),settingsBlock=getPerAxisValue(block,TYPES.s,strBegin,elementObjSettingsBlockValues),settingsMargin=margin;var viewportScroll={l:_scrollHorizontalInfo._currentScroll,t:_scrollVerticalInfo._currentScroll},viewportOffset=_paddingElement.offset(),elementOffset=finalElement.offset(),doNotScroll={x:settingsScroll.x==strNever||settingsAxis==_strY,y:settingsScroll.y==strNever||settingsAxis==_strX};elementOffset[_strTop]-=settingsMargin[0],elementOffset[_strLeft]-=settingsMargin[3];var elementScrollCoordinates={x:MATH.round(elementOffset[_strLeft]-viewportOffset[_strLeft]+viewportScroll.l),y:MATH.round(elementOffset[_strTop]-viewportOffset[_strTop]+viewportScroll.t)};if(_isRTL&&(_rtlScrollBehavior.n||_rtlScrollBehavior.i||(elementScrollCoordinates.x=MATH.round(viewportOffset[_strLeft]-elementOffset[_strLeft]+viewportScroll.l)),_rtlScrollBehavior.n&&normalizeRTL&&(elementScrollCoordinates.x*=-1),_rtlScrollBehavior.i&&normalizeRTL&&(elementScrollCoordinates.x=MATH.round(viewportOffset[_strLeft]-elementOffset[_strLeft]+(_scrollHorizontalInfo._maxScroll-viewportScroll.l)))),settingsBlock.x!=strBegin||settingsBlock.y!=strBegin||settingsScroll.x==strIfNeeded||settingsScroll.y==strIfNeeded||_isRTL){var measuringElm=finalElement[0],rawElementSize=_supportTransform?measuringElm[LEXICON.bCR]():{width:measuringElm[LEXICON.oW],height:measuringElm[LEXICON.oH]},elementSize={w:rawElementSize[_strWidth]+settingsMargin[3]+settingsMargin[1],h:rawElementSize[_strHeight]+settingsMargin[0]+settingsMargin[2]},finalizeBlock=function(isX){var vars=getScrollbarVars(isX),wh=vars._w_h,lt=vars._left_top,xy=vars._x_y,blockIsEnd=settingsBlock[xy]==(isX&&_isRTL?strBegin:strEnd),blockIsCenter=settingsBlock[xy]==strCenter,blockIsNearest=settingsBlock[xy]==strNearest,scrollNever=settingsScroll[xy]==strNever,scrollIfNeeded=settingsScroll[xy]==strIfNeeded,vpSize=_viewportSize[wh],vpOffset=viewportOffset[lt],elSize=elementSize[wh],elOffset=elementOffset[lt],divide=blockIsCenter?2:1,elementCenterOffset=elOffset+elSize/2,viewportCenterOffset=vpOffset+vpSize/2,isInView=elSize<=vpSize&&elOffset>=vpOffset&&elOffset+elSize<=vpOffset+vpSize;scrollNever?doNotScroll[xy]=!0:doNotScroll[xy]||((blockIsNearest||scrollIfNeeded)&&(doNotScroll[xy]=!!scrollIfNeeded&&isInView,blockIsEnd=elSizeviewportCenterOffset:elementCenterOffset0||durationIsObject)?durationIsObject?(duration.complete=proxyCompleteCallback,_viewportElement.animate(finalScroll,duration)):(animationOptions={duration:duration,complete:proxyCompleteCallback},COMPATIBILITY.isA(easing)||FRAMEWORK.isPlainObject(easing)?(specialEasing[_strScrollLeft]=easing[0]||easing.x,specialEasing[_strScrollTop]=easing[1]||easing.y,animationOptions.specialEasing=specialEasing):animationOptions.easing=easing,_viewportElement.animate(finalScroll,animationOptions)):(doScrollLeft&&_viewportElement[_strScrollLeft](finalScroll[_strScrollLeft]),doScrollTop&&_viewportElement[_strScrollTop](finalScroll[_strScrollTop]),updateScrollbarInfos())},_base.scrollStop=function(param1,param2,param3){return _viewportElement.stop(param1,param2,param3),_base},_base.getElements=function(elementName){var obj={target:_targetElementNative,host:_hostElementNative,padding:_paddingElementNative,viewport:_viewportElementNative,content:_contentElementNative,scrollbarHorizontal:{scrollbar:_scrollbarHorizontalElement[0],track:_scrollbarHorizontalTrackElement[0],handle:_scrollbarHorizontalHandleElement[0]},scrollbarVertical:{scrollbar:_scrollbarVerticalElement[0],track:_scrollbarVerticalTrackElement[0],handle:_scrollbarVerticalHandleElement[0]},scrollbarCorner:_scrollbarCornerElement[0]};return type(elementName)==TYPES.s?getObjectPropVal(obj,elementName):obj},_base.getState=function(stateProperty){function prepare(obj){if(!FRAMEWORK.isPlainObject(obj))return obj;var extended=extendDeep({},obj),changePropertyName=function(from,to){extended[LEXICON.hOP](from)&&(extended[to]=extended[from],delete extended[from])};return changePropertyName("w",_strWidth),changePropertyName("h",_strHeight),delete extended.c,extended}var obj={destroyed:!!prepare(_destroyed),sleeping:!!prepare(_sleeping),autoUpdate:prepare(!_mutationObserversConnected),widthAuto:prepare(_widthAutoCache),heightAuto:prepare(_heightAutoCache),padding:prepare(_cssPaddingCache),overflowAmount:prepare(_overflowAmountCache),hideOverflow:prepare(_hideOverflowCache),hasOverflow:prepare(_hasOverflowCache),contentScrollSize:prepare(_contentScrollSizeCache),viewportSize:prepare(_viewportSize),hostSize:prepare(_hostSizeCache),documentMixed:prepare(_documentMixed)};return type(stateProperty)==TYPES.s?getObjectPropVal(obj,stateProperty):obj},_base.ext=function(extName){var result,privateMethods=_extensionsPrivateMethods.split(" "),i=0;if(type(extName)==TYPES.s){if(_extensions[LEXICON.hOP](extName))for(result=extendDeep({},_extensions[extName]);i9||!_autoUpdateRecommended){targetElement.prepend(generateDiv(_classNameResizeObserverElement,generateDiv({c:_classNameResizeObserverItemElement,dir:"ltr"},generateDiv(_classNameResizeObserverItemElement,generateDiv(_classNameResizeObserverItemFinalElement))+generateDiv(_classNameResizeObserverItemElement,generateDiv({c:_classNameResizeObserverItemFinalElement,style:"width: 200%; height: 200%"})))));var isDirty,rAFId,currWidth,currHeight,observerElement=targetElement[0][strChildNodes][0][strChildNodes][0],shrinkElement=FRAMEWORK(observerElement[strChildNodes][1]),expandElement=FRAMEWORK(observerElement[strChildNodes][0]),expandElementChild=FRAMEWORK(expandElement[0][strChildNodes][0]),widthCache=observerElement[LEXICON.oW],heightCache=observerElement[LEXICON.oH],factor=2,nativeScrollbarSize=globals.nativeScrollbarSize,reset=function(){expandElement[_strScrollLeft](constScroll)[_strScrollTop](constScroll),shrinkElement[_strScrollLeft](constScroll)[_strScrollTop](constScroll)},onResized=function(){rAFId=0,isDirty&&(widthCache=currWidth,heightCache=currHeight,callback())},onScroll=function(event){return currWidth=observerElement[LEXICON.oW],currHeight=observerElement[LEXICON.oH],isDirty=currWidth!=widthCache||currHeight!=heightCache,event&&isDirty&&!rAFId?(COMPATIBILITY.cAF()(rAFId),rAFId=COMPATIBILITY.rAF()(onResized)):event||onResized(),reset(),event&&(COMPATIBILITY.prvD(event),COMPATIBILITY.stpP(event)),!1},expandChildCSS={},observerElementCSS={};setTopRightBottomLeft(observerElementCSS,_strEmpty,[-(nativeScrollbarSize.y+1)*factor,nativeScrollbarSize.x*-factor,nativeScrollbarSize.y*-factor,-(nativeScrollbarSize.x+1)*factor]),FRAMEWORK(observerElement).css(observerElementCSS),expandElement.on(_strScroll,onScroll),shrinkElement.on(_strScroll,onScroll),targetElement.on(strAnimationStartEvent,(function(){onScroll(!1)})),expandChildCSS[_strWidth]=constScroll,expandChildCSS[_strHeight]=constScroll,expandElementChild.css(expandChildCSS),reset()}else{var attachEvent=_documentElementNative.attachEvent,isIE=_msieVersion!==undefined;if(attachEvent)targetElement.prepend(generateDiv(_classNameResizeObserverElement)),findFirst(targetElement,_strDot+_classNameResizeObserverElement)[0].attachEvent("onresize",callback);else{var obj=_documentElementNative.createElement(TYPES.o);obj.setAttribute(LEXICON.ti,"-1"),obj.setAttribute(LEXICON.c,_classNameResizeObserverElement),obj.onload=function(){var wnd=this.contentDocument.defaultView;wnd.addEventListener("resize",callback),wnd.document.documentElement.style.display="none"},obj.type="text/html",isIE&&targetElement.prepend(obj),obj.data="about:blank",isIE||targetElement.prepend(obj),targetElement.on(strAnimationStartEvent,callback)}}if(targetElement[0]===_sizeObserverElementNative){var directionChanged=function(){var dir=_hostElement.css("direction"),css={},scrollLeftValue=0,result=!1;return dir!==_cssDirectionDetectedCache&&("ltr"===dir?(css[_strLeft]=0,css[_strRight]=_strAuto,scrollLeftValue=constScroll):(css[_strLeft]=_strAuto,css[_strRight]=0,scrollLeftValue=_rtlScrollBehavior.n?-constScroll:_rtlScrollBehavior.i?0:constScroll),_sizeObserverElement.children().eq(0).css(css),_sizeObserverElement[_strScrollLeft](scrollLeftValue)[_strScrollTop](constScroll),_cssDirectionDetectedCache=dir,result=!0),result};directionChanged(),addDestroyEventListener(targetElement,_strScroll,(function(event){return directionChanged()&&update(),COMPATIBILITY.prvD(event),COMPATIBILITY.stpP(event),!1}))}}else if(_supportResizeObserver){var element,resizeObserverObj=(element=targetElement.contents()[0])[_strResizeObserverProperty];resizeObserverObj&&(resizeObserverObj.disconnect(),delete element[_strResizeObserverProperty])}else remove(targetElement.children(_strDot+_classNameResizeObserverElement).eq(0))}}function createMutationObservers(){if(_supportMutationObserver){var mutationTarget,mutationAttrName,mutationIsClass,oldMutationVal,newClassVal,hostClassNameRegex,contentTimeout,now,sizeAuto,action,mutationObserverContentLag=11,mutationObserver=COMPATIBILITY.mO(),contentLastUpdate=COMPATIBILITY.now();_mutationObserverContentCallback=function(mutations){var doUpdate=!1;return _initialized&&!_sleeping&&(each(mutations,(function(){return!(doUpdate=isUnknownMutation(this))})),doUpdate&&(now=COMPATIBILITY.now(),sizeAuto=_heightAutoCache||_widthAutoCache,action=function(){_destroyed||(contentLastUpdate=now,_isTextarea&&textareaUpdate(),sizeAuto?update():_base.update(_strAuto))},clearTimeout(contentTimeout),mutationObserverContentLag<=0||now-contentLastUpdate>mutationObserverContentLag||!sizeAuto?action():contentTimeout=setTimeout(action,mutationObserverContentLag))),doUpdate},_mutationObserverHost=new mutationObserver(_mutationObserverHostCallback=function(mutations){var mutation,doUpdate=!1,doUpdateForce=!1,mutatedAttrs=[];return _initialized&&!_sleeping&&(each(mutations,(function(){mutationTarget=(mutation=this).target,mutationAttrName=mutation.attributeName,mutationIsClass=mutationAttrName===LEXICON.c,oldMutationVal=mutation.oldValue,newClassVal=mutationTarget.className,_domExists&&mutationIsClass&&!doUpdateForce&&oldMutationVal.indexOf(_classNameHostElementForeign)>-1&&newClassVal.indexOf(_classNameHostElementForeign)<0&&(hostClassNameRegex=createHostClassNameRegExp(!0),_hostElementNative.className=newClassVal.split(_strSpace).concat(oldMutationVal.split(_strSpace).filter((function(name){return name.match(hostClassNameRegex)}))).join(_strSpace),doUpdate=doUpdateForce=!0),doUpdate||(doUpdate=mutationIsClass?hostClassNamesChanged(oldMutationVal,newClassVal):mutationAttrName!==LEXICON.s||oldMutationVal!==mutationTarget[LEXICON.s].cssText),mutatedAttrs.push(mutationAttrName)})),updateViewportAttrsFromTarget(mutatedAttrs),doUpdate&&_base.update(doUpdateForce||_strAuto)),doUpdate}),_mutationObserverContent=new mutationObserver(_mutationObserverContentCallback)}}function connectMutationObservers(){_supportMutationObserver&&!_mutationObserversConnected&&(_mutationObserverHost.observe(_hostElementNative,{attributes:!0,attributeOldValue:!0,attributeFilter:_mutationObserverAttrsHost}),_mutationObserverContent.observe(_isTextarea?_targetElementNative:_contentElementNative,{attributes:!0,attributeOldValue:!0,subtree:!_isTextarea,childList:!_isTextarea,characterData:!_isTextarea,attributeFilter:_isTextarea?_mutationObserverAttrsTextarea:_mutationObserverAttrsHost}),_mutationObserversConnected=!0)}function disconnectMutationObservers(){_supportMutationObserver&&_mutationObserversConnected&&(_mutationObserverHost.disconnect(),_mutationObserverContent.disconnect(),_mutationObserversConnected=!1)}function hostOnResized(){if(!_sleeping){var changed,hostSize={w:_sizeObserverElementNative[LEXICON.sW],h:_sizeObserverElementNative[LEXICON.sH]};changed=checkCache(hostSize,_hostElementSizeChangeDetectedCache),_hostElementSizeChangeDetectedCache=hostSize,changed&&update({_hostSizeChanged:!0})}}function hostOnMouseEnter(){_scrollbarsAutoHideLeave&&refreshScrollbarsAutoHide(!0)}function hostOnMouseLeave(){_scrollbarsAutoHideLeave&&!_bodyElement.hasClass(_classNameDragging)&&refreshScrollbarsAutoHide(!1)}function hostOnMouseMove(){_scrollbarsAutoHideMove&&(refreshScrollbarsAutoHide(!0),clearTimeout(_scrollbarsAutoHideMoveTimeoutId),_scrollbarsAutoHideMoveTimeoutId=setTimeout((function(){_scrollbarsAutoHideMove&&!_destroyed&&refreshScrollbarsAutoHide(!1)}),100))}function documentOnSelectStart(event){return COMPATIBILITY.prvD(event),!1}function updateOnLoadCallback(event){var elm=FRAMEWORK(event.target);eachUpdateOnLoad((function(i,updateOnLoadSelector){elm.is(updateOnLoadSelector)&&update({_contentSizeChanged:!0})}))}function setupHostMouseTouchEvents(destroy){destroy||setupHostMouseTouchEvents(!0),setupResponsiveEventListener(_hostElement,_strMouseTouchMoveEvent.split(_strSpace)[0],hostOnMouseMove,!_scrollbarsAutoHideMove||destroy,!0),setupResponsiveEventListener(_hostElement,[_strMouseEnter,_strMouseLeave],[hostOnMouseEnter,hostOnMouseLeave],!_scrollbarsAutoHideLeave||destroy,!0),_initialized||destroy||_hostElement.one("mouseover",hostOnMouseEnter)}function bodyMinSizeChanged(){var bodyMinSize={};return _isBody&&_contentArrangeElement&&(bodyMinSize.w=parseToZeroOrNumber(_contentArrangeElement.css(_strMinMinus+_strWidth)),bodyMinSize.h=parseToZeroOrNumber(_contentArrangeElement.css(_strMinMinus+_strHeight)),bodyMinSize.c=checkCache(bodyMinSize,_bodyMinSizeCache),bodyMinSize.f=!0),_bodyMinSizeCache=bodyMinSize,!!bodyMinSize.c}function hostClassNamesChanged(oldClassNames,newClassNames){var i,regex,currClasses=typeof newClassNames==TYPES.s?newClassNames.split(_strSpace):[],diff=getArrayDifferences(typeof oldClassNames==TYPES.s?oldClassNames.split(_strSpace):[],currClasses),idx=inArray(_classNameThemeNone,diff);if(idx>-1&&diff.splice(idx,1),diff[LEXICON.l]>0)for(regex=createHostClassNameRegExp(!0,!0),i=0;i0}}function isSizeAffectingCSSProperty(propertyName){if(!_initialized)return!0;var flexGrow="flex-grow",flexShrink="flex-shrink",flexBasis="flex-basis",affectingPropsX=[_strWidth,_strMinMinus+_strWidth,_strMaxMinus+_strWidth,_strMarginMinus+_strLeft,_strMarginMinus+_strRight,_strLeft,_strRight,"font-weight","word-spacing",flexGrow,flexShrink,flexBasis],affectingPropsXContentBox=[_strPaddingMinus+_strLeft,_strPaddingMinus+_strRight,_strBorderMinus+_strLeft+_strWidth,_strBorderMinus+_strRight+_strWidth],affectingPropsY=[_strHeight,_strMinMinus+_strHeight,_strMaxMinus+_strHeight,_strMarginMinus+_strTop,_strMarginMinus+_strBottom,_strTop,_strBottom,"line-height",flexGrow,flexShrink,flexBasis],affectingPropsYContentBox=[_strPaddingMinus+_strTop,_strPaddingMinus+_strBottom,_strBorderMinus+_strTop+_strWidth,_strBorderMinus+_strBottom+_strWidth],_strS="s",_strVS="v-s",checkX=_overflowBehaviorCache.x===_strS||_overflowBehaviorCache.x===_strVS,sizeIsAffected=!1,checkPropertyName=function(arr,name){for(var i=0;i-1){var targetAttr=_targetElement.attr(attr);type(targetAttr)==TYPES.s?_viewportElement.attr(attr,targetAttr):_viewportElement.removeAttr(attr)}}))}function textareaUpdate(){if(!_sleeping){var origWidth,width,origHeight,height,wrapAttrOff=!_textareaAutoWrappingCache,minWidth=_viewportSize.w,minHeight=_viewportSize.h,css={},doMeasure=_widthAutoCache||wrapAttrOff;return css[_strMinMinus+_strWidth]=_strEmpty,css[_strMinMinus+_strHeight]=_strEmpty,css[_strWidth]=_strAuto,_targetElement.css(css),origWidth=_targetElementNative[LEXICON.oW],width=doMeasure?MATH.max(origWidth,_targetElementNative[LEXICON.sW]-1):1,css[_strWidth]=_widthAutoCache?_strAuto:_strHundredPercent,css[_strMinMinus+_strWidth]=_strHundredPercent,css[_strHeight]=_strAuto,_targetElement.css(css),origHeight=_targetElementNative[LEXICON.oH],height=MATH.max(origHeight,_targetElementNative[LEXICON.sH]-1),css[_strWidth]=width,css[_strHeight]=height,_textareaCoverElement.css(css),css[_strMinMinus+_strWidth]=minWidth,css[_strMinMinus+_strHeight]=minHeight,_targetElement.css(css),{_originalWidth:origWidth,_originalHeight:origHeight,_dynamicWidth:width,_dynamicHeight:height}}}function update(updateHints){clearTimeout(_swallowedUpdateTimeout),updateHints=updateHints||{},_swallowedUpdateHints._hostSizeChanged|=updateHints._hostSizeChanged,_swallowedUpdateHints._contentSizeChanged|=updateHints._contentSizeChanged,_swallowedUpdateHints._force|=updateHints._force;var displayIsHidden,now=COMPATIBILITY.now(),hostSizeChanged=!!_swallowedUpdateHints._hostSizeChanged,contentSizeChanged=!!_swallowedUpdateHints._contentSizeChanged,force=!!_swallowedUpdateHints._force,changedOptions=updateHints._changedOptions,swallow=_swallowUpdateLag>0&&_initialized&&!_destroyed&&!force&&!changedOptions&&now-_lastUpdateTime<_swallowUpdateLag&&!_heightAutoCache&&!_widthAutoCache;if(swallow&&(_swallowedUpdateTimeout=setTimeout(update,_swallowUpdateLag)),!(_destroyed||swallow||_sleeping&&!changedOptions||_initialized&&!force&&(displayIsHidden=_hostElement.is(":hidden"))||"inline"===_hostElement.css("display"))){_lastUpdateTime=now,_swallowedUpdateHints={},!_nativeScrollbarStyling||_nativeScrollbarIsOverlaid.x&&_nativeScrollbarIsOverlaid.y?_nativeScrollbarSize=extendDeep({},globals.nativeScrollbarSize):(_nativeScrollbarSize.x=0,_nativeScrollbarSize.y=0),_nativeScrollbarMinSize={x:3*(_nativeScrollbarSize.x+(_nativeScrollbarIsOverlaid.x?0:3)),y:3*(_nativeScrollbarSize.y+(_nativeScrollbarIsOverlaid.y?0:3))},changedOptions=changedOptions||{};var checkCacheAutoForce=function(){return checkCache.apply(this,[].slice.call(arguments).concat([force]))},currScroll={x:_viewportElement[_strScrollLeft](),y:_viewportElement[_strScrollTop]()},currentPreparedOptionsScrollbars=_currentPreparedOptions.scrollbars,currentPreparedOptionsTextarea=_currentPreparedOptions.textarea,scrollbarsVisibility=currentPreparedOptionsScrollbars.visibility,scrollbarsVisibilityChanged=checkCacheAutoForce(scrollbarsVisibility,_scrollbarsVisibilityCache),scrollbarsAutoHide=currentPreparedOptionsScrollbars.autoHide,scrollbarsAutoHideChanged=checkCacheAutoForce(scrollbarsAutoHide,_scrollbarsAutoHideCache),scrollbarsClickScrolling=currentPreparedOptionsScrollbars.clickScrolling,scrollbarsClickScrollingChanged=checkCacheAutoForce(scrollbarsClickScrolling,_scrollbarsClickScrollingCache),scrollbarsDragScrolling=currentPreparedOptionsScrollbars.dragScrolling,scrollbarsDragScrollingChanged=checkCacheAutoForce(scrollbarsDragScrolling,_scrollbarsDragScrollingCache),className=_currentPreparedOptions.className,classNameChanged=checkCacheAutoForce(className,_classNameCache),resize=_currentPreparedOptions.resize,resizeChanged=checkCacheAutoForce(resize,_resizeCache)&&!_isBody,paddingAbsolute=_currentPreparedOptions.paddingAbsolute,paddingAbsoluteChanged=checkCacheAutoForce(paddingAbsolute,_paddingAbsoluteCache),clipAlways=_currentPreparedOptions.clipAlways,clipAlwaysChanged=checkCacheAutoForce(clipAlways,_clipAlwaysCache),sizeAutoCapable=_currentPreparedOptions.sizeAutoCapable&&!_isBody,sizeAutoCapableChanged=checkCacheAutoForce(sizeAutoCapable,_sizeAutoCapableCache),ignoreOverlayScrollbarHiding=_currentPreparedOptions.nativeScrollbarsOverlaid.showNativeScrollbars,ignoreOverlayScrollbarHidingChanged=checkCacheAutoForce(ignoreOverlayScrollbarHiding,_ignoreOverlayScrollbarHidingCache),autoUpdate=_currentPreparedOptions.autoUpdate,autoUpdateChanged=checkCacheAutoForce(autoUpdate,_autoUpdateCache),overflowBehavior=_currentPreparedOptions.overflowBehavior,overflowBehaviorChanged=checkCacheAutoForce(overflowBehavior,_overflowBehaviorCache,force),textareaDynWidth=currentPreparedOptionsTextarea.dynWidth,textareaDynWidthChanged=checkCacheAutoForce(_textareaDynWidthCache,textareaDynWidth),textareaDynHeight=currentPreparedOptionsTextarea.dynHeight,textareaDynHeightChanged=checkCacheAutoForce(_textareaDynHeightCache,textareaDynHeight);if(_scrollbarsAutoHideNever="n"===scrollbarsAutoHide,_scrollbarsAutoHideScroll="s"===scrollbarsAutoHide,_scrollbarsAutoHideMove="m"===scrollbarsAutoHide,_scrollbarsAutoHideLeave="l"===scrollbarsAutoHide,_scrollbarsAutoHideDelay=currentPreparedOptionsScrollbars.autoHideDelay,_oldClassName=_classNameCache,_resizeNone="n"===resize,_resizeBoth="b"===resize,_resizeHorizontal="h"===resize,_resizeVertical="v"===resize,_normalizeRTLCache=_currentPreparedOptions.normalizeRTL,ignoreOverlayScrollbarHiding=ignoreOverlayScrollbarHiding&&_nativeScrollbarIsOverlaid.x&&_nativeScrollbarIsOverlaid.y,_scrollbarsVisibilityCache=scrollbarsVisibility,_scrollbarsAutoHideCache=scrollbarsAutoHide,_scrollbarsClickScrollingCache=scrollbarsClickScrolling,_scrollbarsDragScrollingCache=scrollbarsDragScrolling,_classNameCache=className,_resizeCache=resize,_paddingAbsoluteCache=paddingAbsolute,_clipAlwaysCache=clipAlways,_sizeAutoCapableCache=sizeAutoCapable,_ignoreOverlayScrollbarHidingCache=ignoreOverlayScrollbarHiding,_autoUpdateCache=autoUpdate,_overflowBehaviorCache=extendDeep({},overflowBehavior),_textareaDynWidthCache=textareaDynWidth,_textareaDynHeightCache=textareaDynHeight,_hasOverflowCache=_hasOverflowCache||{x:!1,y:!1},classNameChanged&&(removeClass(_hostElement,_oldClassName+_strSpace+_classNameThemeNone),addClass(_hostElement,className!==undefined&&null!==className&&className.length>0?className:_classNameThemeNone)),autoUpdateChanged&&(!0===autoUpdate||null===autoUpdate&&_autoUpdateRecommended?(disconnectMutationObservers(),autoUpdateLoop.add(_base)):(autoUpdateLoop.remove(_base),connectMutationObservers())),sizeAutoCapableChanged)if(sizeAutoCapable)if(_contentGlueElement?_contentGlueElement.show():(_contentGlueElement=FRAMEWORK(generateDiv(_classNameContentGlueElement)),_paddingElement.before(_contentGlueElement)),_sizeAutoObserverAdded)_sizeAutoObserverElement.show();else{_sizeAutoObserverElement=FRAMEWORK(generateDiv(_classNameSizeAutoObserverElement)),_sizeAutoObserverElementNative=_sizeAutoObserverElement[0],_contentGlueElement.before(_sizeAutoObserverElement);var oldSize={w:-1,h:-1};setupResizeObserver(_sizeAutoObserverElement,(function(){var newSize={w:_sizeAutoObserverElementNative[LEXICON.oW],h:_sizeAutoObserverElementNative[LEXICON.oH]};checkCache(newSize,oldSize)&&(_initialized&&_heightAutoCache&&newSize.h>0||_widthAutoCache&&newSize.w>0||_initialized&&!_heightAutoCache&&0===newSize.h||!_widthAutoCache&&0===newSize.w)&&update(),oldSize=newSize})),_sizeAutoObserverAdded=!0,null!==_cssCalc&&_sizeAutoObserverElement.css(_strHeight,_cssCalc+"(100% + 1px)")}else _sizeAutoObserverAdded&&_sizeAutoObserverElement.hide(),_contentGlueElement&&_contentGlueElement.hide();force&&(_sizeObserverElement.find("*").trigger(_strScroll),_sizeAutoObserverAdded&&_sizeAutoObserverElement.find("*").trigger(_strScroll)),displayIsHidden=displayIsHidden===undefined?_hostElement.is(":hidden"):displayIsHidden;var sizeAutoObserverElementBCRect,textareaAutoWrapping=!!_isTextarea&&"off"!==_targetElement.attr("wrap"),textareaAutoWrappingChanged=checkCacheAutoForce(textareaAutoWrapping,_textareaAutoWrappingCache),cssDirection=_hostElement.css("direction"),cssDirectionChanged=checkCacheAutoForce(cssDirection,_cssDirectionCache),boxSizing=_hostElement.css("box-sizing"),boxSizingChanged=checkCacheAutoForce(boxSizing,_cssBoxSizingCache),padding=getTopRightBottomLeftHost(_strPaddingMinus);try{sizeAutoObserverElementBCRect=_sizeAutoObserverAdded?_sizeAutoObserverElementNative[LEXICON.bCR]():null}catch(ex){return}_isBorderBox="border-box"===boxSizing;var isRTLLeft=(_isRTL="rtl"===cssDirection)?_strLeft:_strRight,isRTLRight=_isRTL?_strRight:_strLeft,widthAutoResizeDetection=!1,widthAutoObserverDetection=!(!_sizeAutoObserverAdded||"none"===_hostElement.css(_strFloat))&&0===MATH.round(sizeAutoObserverElementBCRect.right-sizeAutoObserverElementBCRect.left)&&(!!paddingAbsolute||_hostElementNative[LEXICON.cW]-_paddingX>0);if(sizeAutoCapable&&!widthAutoObserverDetection){var tmpCurrHostWidth=_hostElementNative[LEXICON.oW],tmpCurrContentGlueWidth=_contentGlueElement.css(_strWidth);_contentGlueElement.css(_strWidth,_strAuto);var tmpNewHostWidth=_hostElementNative[LEXICON.oW];_contentGlueElement.css(_strWidth,tmpCurrContentGlueWidth),(widthAutoResizeDetection=tmpCurrHostWidth!==tmpNewHostWidth)||(_contentGlueElement.css(_strWidth,tmpCurrHostWidth+1),tmpNewHostWidth=_hostElementNative[LEXICON.oW],_contentGlueElement.css(_strWidth,tmpCurrContentGlueWidth),widthAutoResizeDetection=tmpCurrHostWidth!==tmpNewHostWidth)}var widthAuto=(widthAutoObserverDetection||widthAutoResizeDetection)&&sizeAutoCapable&&!displayIsHidden,widthAutoChanged=checkCacheAutoForce(widthAuto,_widthAutoCache),wasWidthAuto=!widthAuto&&_widthAutoCache,heightAuto=!(!_sizeAutoObserverAdded||!sizeAutoCapable||displayIsHidden)&&0===MATH.round(sizeAutoObserverElementBCRect.bottom-sizeAutoObserverElementBCRect.top),heightAutoChanged=checkCacheAutoForce(heightAuto,_heightAutoCache),wasHeightAuto=!heightAuto&&_heightAutoCache,border=getTopRightBottomLeftHost(_strBorderMinus,"-"+_strWidth,!(widthAuto&&_isBorderBox||!_isBorderBox),!(heightAuto&&_isBorderBox||!_isBorderBox)),margin=getTopRightBottomLeftHost(_strMarginMinus),contentElementCSS={},contentGlueElementCSS={},getHostSize=function(){return{w:_hostElementNative[LEXICON.cW],h:_hostElementNative[LEXICON.cH]}},getViewportSize=function(){return{w:_paddingElementNative[LEXICON.oW]+MATH.max(0,_contentElementNative[LEXICON.cW]-_contentElementNative[LEXICON.sW]),h:_paddingElementNative[LEXICON.oH]+MATH.max(0,_contentElementNative[LEXICON.cH]-_contentElementNative[LEXICON.sH])}},paddingAbsoluteX=_paddingX=padding.l+padding.r,paddingAbsoluteY=_paddingY=padding.t+padding.b;if(paddingAbsoluteX*=paddingAbsolute?1:0,paddingAbsoluteY*=paddingAbsolute?1:0,padding.c=checkCacheAutoForce(padding,_cssPaddingCache),_borderX=border.l+border.r,_borderY=border.t+border.b,border.c=checkCacheAutoForce(border,_cssBorderCache),_marginX=margin.l+margin.r,_marginY=margin.t+margin.b,margin.c=checkCacheAutoForce(margin,_cssMarginCache),_textareaAutoWrappingCache=textareaAutoWrapping,_cssDirectionCache=cssDirection,_cssBoxSizingCache=boxSizing,_widthAutoCache=widthAuto,_heightAutoCache=heightAuto,_cssPaddingCache=padding,_cssBorderCache=border,_cssMarginCache=margin,cssDirectionChanged&&_sizeAutoObserverAdded&&_sizeAutoObserverElement.css(_strFloat,isRTLRight),padding.c||cssDirectionChanged||paddingAbsoluteChanged||widthAutoChanged||heightAutoChanged||boxSizingChanged||sizeAutoCapableChanged){var paddingElementCSS={},textareaCSS={},paddingValues=[padding.t,padding.r,padding.b,padding.l];setTopRightBottomLeft(contentGlueElementCSS,_strMarginMinus,[-padding.t,-padding.r,-padding.b,-padding.l]),paddingAbsolute?(setTopRightBottomLeft(paddingElementCSS,_strEmpty,paddingValues),setTopRightBottomLeft(_isTextarea?textareaCSS:contentElementCSS,_strPaddingMinus)):(setTopRightBottomLeft(paddingElementCSS,_strEmpty),setTopRightBottomLeft(_isTextarea?textareaCSS:contentElementCSS,_strPaddingMinus,paddingValues)),_paddingElement.css(paddingElementCSS),_targetElement.css(textareaCSS)}_viewportSize=getViewportSize();var textareaSize=!!_isTextarea&&textareaUpdate(),textareaSizeChanged=_isTextarea&&checkCacheAutoForce(textareaSize,_textareaSizeCache),textareaDynOrigSize=_isTextarea&&textareaSize?{w:textareaDynWidth?textareaSize._dynamicWidth:textareaSize._originalWidth,h:textareaDynHeight?textareaSize._dynamicHeight:textareaSize._originalHeight}:{};if(_textareaSizeCache=textareaSize,heightAuto&&(heightAutoChanged||paddingAbsoluteChanged||boxSizingChanged||padding.c||border.c)?contentElementCSS[_strHeight]=_strAuto:(heightAutoChanged||paddingAbsoluteChanged)&&(contentElementCSS[_strHeight]=_strHundredPercent),widthAuto&&(widthAutoChanged||paddingAbsoluteChanged||boxSizingChanged||padding.c||border.c||cssDirectionChanged)?(contentElementCSS[_strWidth]=_strAuto,contentGlueElementCSS[_strMaxMinus+_strWidth]=_strHundredPercent):(widthAutoChanged||paddingAbsoluteChanged)&&(contentElementCSS[_strWidth]=_strHundredPercent,contentElementCSS[_strFloat]=_strEmpty,contentGlueElementCSS[_strMaxMinus+_strWidth]=_strEmpty),widthAuto?(contentGlueElementCSS[_strWidth]=_strAuto,contentElementCSS[_strWidth]=VENDORS._cssPropertyValue(_strWidth,"max-content intrinsic")||_strAuto,contentElementCSS[_strFloat]=isRTLRight):contentGlueElementCSS[_strWidth]=_strEmpty,contentGlueElementCSS[_strHeight]=heightAuto?textareaDynOrigSize.h||_contentElementNative[LEXICON.cH]:_strEmpty,sizeAutoCapable&&_contentGlueElement.css(contentGlueElementCSS),_contentElement.css(contentElementCSS),contentElementCSS={},contentGlueElementCSS={},hostSizeChanged||contentSizeChanged||textareaSizeChanged||cssDirectionChanged||boxSizingChanged||paddingAbsoluteChanged||widthAutoChanged||widthAuto||heightAutoChanged||heightAuto||ignoreOverlayScrollbarHidingChanged||overflowBehaviorChanged||clipAlwaysChanged||resizeChanged||scrollbarsVisibilityChanged||scrollbarsAutoHideChanged||scrollbarsDragScrollingChanged||scrollbarsClickScrollingChanged||textareaDynWidthChanged||textareaDynHeightChanged||textareaAutoWrappingChanged){var strOverflow="overflow",strOverflowX=strOverflow+"-x",strOverflowY=strOverflow+"-y",strHidden="hidden",strVisible="visible";if(!_nativeScrollbarStyling){var viewportElementResetCSS={},resetXTmp=_hasOverflowCache.y&&_hideOverflowCache.ys&&!ignoreOverlayScrollbarHiding?_nativeScrollbarIsOverlaid.y?_viewportElement.css(isRTLLeft):-_nativeScrollbarSize.y:0,resetBottomTmp=_hasOverflowCache.x&&_hideOverflowCache.xs&&!ignoreOverlayScrollbarHiding?_nativeScrollbarIsOverlaid.x?_viewportElement.css(_strBottom):-_nativeScrollbarSize.x:0;setTopRightBottomLeft(viewportElementResetCSS,_strEmpty),_viewportElement.css(viewportElementResetCSS)}var contentMeasureElement=getContentMeasureElement(),contentSize={w:textareaDynOrigSize.w||contentMeasureElement[LEXICON.cW],h:textareaDynOrigSize.h||contentMeasureElement[LEXICON.cH]},scrollSize={w:contentMeasureElement[LEXICON.sW],h:contentMeasureElement[LEXICON.sH]};_nativeScrollbarStyling||(viewportElementResetCSS[_strBottom]=wasHeightAuto?_strEmpty:resetBottomTmp,viewportElementResetCSS[isRTLLeft]=wasWidthAuto?_strEmpty:resetXTmp,_viewportElement.css(viewportElementResetCSS)),_viewportSize=getViewportSize();var hostSize=getHostSize(),hostAbsoluteRectSize={w:hostSize.w-_marginX-_borderX-(_isBorderBox?0:_paddingX),h:hostSize.h-_marginY-_borderY-(_isBorderBox?0:_paddingY)},contentGlueSize={w:MATH.max((widthAuto?contentSize.w:scrollSize.w)+paddingAbsoluteX,hostAbsoluteRectSize.w),h:MATH.max((heightAuto?contentSize.h:scrollSize.h)+paddingAbsoluteY,hostAbsoluteRectSize.h)};if(contentGlueSize.c=checkCacheAutoForce(contentGlueSize,_contentGlueSizeCache),_contentGlueSizeCache=contentGlueSize,sizeAutoCapable){(contentGlueSize.c||heightAuto||widthAuto)&&(contentGlueElementCSS[_strWidth]=contentGlueSize.w,contentGlueElementCSS[_strHeight]=contentGlueSize.h,_isTextarea||(contentSize={w:contentMeasureElement[LEXICON.cW],h:contentMeasureElement[LEXICON.cH]}));var textareaCoverCSS={},setContentGlueElementCSSfunction=function(horizontal){var scrollbarVars=getScrollbarVars(horizontal),wh=scrollbarVars._w_h,strWH=scrollbarVars._width_height,autoSize=horizontal?widthAuto:heightAuto,borderSize=horizontal?_borderX:_borderY,paddingSize=horizontal?_paddingX:_paddingY,marginSize=horizontal?_marginX:_marginY,viewportSize=_viewportSize[wh]-borderSize-marginSize-(_isBorderBox?0:paddingSize);(!autoSize||!autoSize&&border.c)&&(contentGlueElementCSS[strWH]=hostAbsoluteRectSize[wh]-1),!(autoSize&&contentSize[wh]0&&(contentGlueElementCSS[strWH]=MATH.max(1,contentGlueElementCSS[strWH]))};setContentGlueElementCSSfunction(!0),setContentGlueElementCSSfunction(!1),_isTextarea&&_textareaCoverElement.css(textareaCoverCSS),_contentGlueElement.css(contentGlueElementCSS)}widthAuto&&(contentElementCSS[_strWidth]=_strHundredPercent),!widthAuto||_isBorderBox||_mutationObserversConnected||(contentElementCSS[_strFloat]="none"),_contentElement.css(contentElementCSS),contentElementCSS={};var contentScrollSize={w:contentMeasureElement[LEXICON.sW],h:contentMeasureElement[LEXICON.sH]};contentScrollSize.c=contentSizeChanged=checkCacheAutoForce(contentScrollSize,_contentScrollSizeCache),_contentScrollSizeCache=contentScrollSize,_viewportSize=getViewportSize(),hostSizeChanged=checkCacheAutoForce(hostSize=getHostSize(),_hostSizeCache),_hostSizeCache=hostSize;var hideOverflowForceTextarea=_isTextarea&&(0===_viewportSize.w||0===_viewportSize.h),previousOverflowAmount=_overflowAmountCache,overflowBehaviorIsVS={},overflowBehaviorIsVH={},overflowBehaviorIsS={},overflowAmount={},hasOverflow={},hideOverflow={},canScroll={},viewportRect=_paddingElementNative[LEXICON.bCR](),setOverflowVariables=function(horizontal){var scrollbarVars=getScrollbarVars(horizontal),xyI=getScrollbarVars(!horizontal)._x_y,xy=scrollbarVars._x_y,wh=scrollbarVars._w_h,widthHeight=scrollbarVars._width_height,scrollMax=_strScroll+scrollbarVars._Left_Top+"Max",fractionalOverflowAmount=viewportRect[widthHeight]?MATH.abs(viewportRect[widthHeight]-_viewportSize[wh]):0,checkFractionalOverflowAmount=previousOverflowAmount&&previousOverflowAmount[xy]>0&&0===_viewportElementNative[scrollMax];overflowBehaviorIsVS[xy]="v-s"===overflowBehavior[xy],overflowBehaviorIsVH[xy]="v-h"===overflowBehavior[xy],overflowBehaviorIsS[xy]="s"===overflowBehavior[xy],overflowAmount[xy]=MATH.max(0,MATH.round(100*(contentScrollSize[wh]-_viewportSize[wh]))/100),overflowAmount[xy]*=hideOverflowForceTextarea||checkFractionalOverflowAmount&&fractionalOverflowAmount>0&&fractionalOverflowAmount<1?0:1,hasOverflow[xy]=overflowAmount[xy]>0,hideOverflow[xy]=overflowBehaviorIsVS[xy]||overflowBehaviorIsVH[xy]?hasOverflow[xyI]&&!overflowBehaviorIsVS[xyI]&&!overflowBehaviorIsVH[xyI]:hasOverflow[xy],hideOverflow[xy+"s"]=!!hideOverflow[xy]&&(overflowBehaviorIsS[xy]||overflowBehaviorIsVS[xy]),canScroll[xy]=hasOverflow[xy]&&hideOverflow[xy+"s"]};if(setOverflowVariables(!0),setOverflowVariables(!1),overflowAmount.c=checkCacheAutoForce(overflowAmount,_overflowAmountCache),_overflowAmountCache=overflowAmount,hasOverflow.c=checkCacheAutoForce(hasOverflow,_hasOverflowCache),_hasOverflowCache=hasOverflow,hideOverflow.c=checkCacheAutoForce(hideOverflow,_hideOverflowCache),_hideOverflowCache=hideOverflow,_nativeScrollbarIsOverlaid.x||_nativeScrollbarIsOverlaid.y){var setContentElementCSS,borderDesign="px solid transparent",contentArrangeElementCSS={},arrangeContent={},arrangeChanged=force;(hasOverflow.x||hasOverflow.y)&&(arrangeContent.w=_nativeScrollbarIsOverlaid.y&&hasOverflow.y?contentScrollSize.w+_overlayScrollbarDummySize.y:_strEmpty,arrangeContent.h=_nativeScrollbarIsOverlaid.x&&hasOverflow.x?contentScrollSize.h+_overlayScrollbarDummySize.x:_strEmpty,arrangeChanged=checkCacheAutoForce(arrangeContent,_arrangeContentSizeCache),_arrangeContentSizeCache=arrangeContent),(hasOverflow.c||hideOverflow.c||contentScrollSize.c||cssDirectionChanged||widthAutoChanged||heightAutoChanged||widthAuto||heightAuto||ignoreOverlayScrollbarHidingChanged)&&(contentElementCSS[_strMarginMinus+isRTLRight]=contentElementCSS[_strBorderMinus+isRTLRight]=_strEmpty,setContentElementCSS=function(horizontal){var scrollbarVars=getScrollbarVars(horizontal),scrollbarVarsInverted=getScrollbarVars(!horizontal),xy=scrollbarVars._x_y,strDirection=horizontal?_strBottom:isRTLLeft,invertedAutoSize=horizontal?heightAuto:widthAuto;_nativeScrollbarIsOverlaid[xy]&&hasOverflow[xy]&&hideOverflow[xy+"s"]?(contentElementCSS[_strMarginMinus+strDirection]=invertedAutoSize?ignoreOverlayScrollbarHiding?_strEmpty:_overlayScrollbarDummySize[xy]:_strEmpty,contentElementCSS[_strBorderMinus+strDirection]=horizontal&&invertedAutoSize||ignoreOverlayScrollbarHiding?_strEmpty:_overlayScrollbarDummySize[xy]+borderDesign):(arrangeContent[scrollbarVarsInverted._w_h]=contentElementCSS[_strMarginMinus+strDirection]=contentElementCSS[_strBorderMinus+strDirection]=_strEmpty,arrangeChanged=!0)},_nativeScrollbarStyling?addRemoveClass(_viewportElement,_classNameViewportNativeScrollbarsInvisible,!ignoreOverlayScrollbarHiding):(setContentElementCSS(!0),setContentElementCSS(!1))),ignoreOverlayScrollbarHiding&&(arrangeContent.w=arrangeContent.h=_strEmpty,arrangeChanged=!0),arrangeChanged&&!_nativeScrollbarStyling&&(contentArrangeElementCSS[_strWidth]=hideOverflow.y?arrangeContent.w:_strEmpty,contentArrangeElementCSS[_strHeight]=hideOverflow.x?arrangeContent.h:_strEmpty,_contentArrangeElement||(_contentArrangeElement=FRAMEWORK(generateDiv(_classNameContentArrangeElement)),_viewportElement.prepend(_contentArrangeElement)),_contentArrangeElement.css(contentArrangeElementCSS)),_contentElement.css(contentElementCSS)}var setViewportCSS,viewportElementCSS={};if(paddingElementCSS={},(hostSizeChanged||hasOverflow.c||hideOverflow.c||contentScrollSize.c||overflowBehaviorChanged||boxSizingChanged||ignoreOverlayScrollbarHidingChanged||cssDirectionChanged||clipAlwaysChanged||heightAutoChanged)&&(viewportElementCSS[isRTLRight]=_strEmpty,(setViewportCSS=function(horizontal){var scrollbarVars=getScrollbarVars(horizontal),scrollbarVarsInverted=getScrollbarVars(!horizontal),xy=scrollbarVars._x_y,XY=scrollbarVars._X_Y,strDirection=horizontal?_strBottom:isRTLLeft,reset=function(){viewportElementCSS[strDirection]=_strEmpty,_contentBorderSize[scrollbarVarsInverted._w_h]=0};hasOverflow[xy]&&hideOverflow[xy+"s"]?(viewportElementCSS[strOverflow+XY]=_strScroll,ignoreOverlayScrollbarHiding||_nativeScrollbarStyling?reset():(viewportElementCSS[strDirection]=-(_nativeScrollbarIsOverlaid[xy]?_overlayScrollbarDummySize[xy]:_nativeScrollbarSize[xy]),_contentBorderSize[scrollbarVarsInverted._w_h]=_nativeScrollbarIsOverlaid[xy]?_overlayScrollbarDummySize[scrollbarVarsInverted._x_y]:0)):(viewportElementCSS[strOverflow+XY]=_strEmpty,reset())})(!0),setViewportCSS(!1),!_nativeScrollbarStyling&&(_viewportSize.h<_nativeScrollbarMinSize.x||_viewportSize.w<_nativeScrollbarMinSize.y)&&(hasOverflow.x&&hideOverflow.x&&!_nativeScrollbarIsOverlaid.x||hasOverflow.y&&hideOverflow.y&&!_nativeScrollbarIsOverlaid.y)?(viewportElementCSS[_strPaddingMinus+_strTop]=_nativeScrollbarMinSize.x,viewportElementCSS[_strMarginMinus+_strTop]=-_nativeScrollbarMinSize.x,viewportElementCSS[_strPaddingMinus+isRTLRight]=_nativeScrollbarMinSize.y,viewportElementCSS[_strMarginMinus+isRTLRight]=-_nativeScrollbarMinSize.y):viewportElementCSS[_strPaddingMinus+_strTop]=viewportElementCSS[_strMarginMinus+_strTop]=viewportElementCSS[_strPaddingMinus+isRTLRight]=viewportElementCSS[_strMarginMinus+isRTLRight]=_strEmpty,viewportElementCSS[_strPaddingMinus+isRTLLeft]=viewportElementCSS[_strMarginMinus+isRTLLeft]=_strEmpty,hasOverflow.x&&hideOverflow.x||hasOverflow.y&&hideOverflow.y||hideOverflowForceTextarea?_isTextarea&&hideOverflowForceTextarea&&(paddingElementCSS[strOverflowX]=paddingElementCSS[strOverflowY]=strHidden):(!clipAlways||overflowBehaviorIsVH.x||overflowBehaviorIsVS.x||overflowBehaviorIsVH.y||overflowBehaviorIsVS.y)&&(_isTextarea&&(paddingElementCSS[strOverflowX]=paddingElementCSS[strOverflowY]=_strEmpty),viewportElementCSS[strOverflowX]=viewportElementCSS[strOverflowY]=strVisible),_paddingElement.css(paddingElementCSS),_viewportElement.css(viewportElementCSS),viewportElementCSS={},(hasOverflow.c||boxSizingChanged||widthAutoChanged||heightAutoChanged)&&(!_nativeScrollbarIsOverlaid.x||!_nativeScrollbarIsOverlaid.y))){var elementStyle=_contentElementNative[LEXICON.s];elementStyle.webkitTransform="scale(1)",elementStyle.display="run-in",_contentElementNative[LEXICON.oH],elementStyle.display=_strEmpty,elementStyle.webkitTransform=_strEmpty}if(contentElementCSS={},cssDirectionChanged||widthAutoChanged||heightAutoChanged)if(_isRTL&&widthAuto){var floatTmp=_contentElement.css(_strFloat),posLeftWithoutFloat=MATH.round(_contentElement.css(_strFloat,_strEmpty).css(_strLeft,_strEmpty).position().left);_contentElement.css(_strFloat,floatTmp),posLeftWithoutFloat!==MATH.round(_contentElement.position().left)&&(contentElementCSS[_strLeft]=posLeftWithoutFloat)}else contentElementCSS[_strLeft]=_strEmpty;if(_contentElement.css(contentElementCSS),_isTextarea&&contentSizeChanged){var textareaInfo=getTextareaInfo();if(textareaInfo){var textareaRowsChanged=_textareaInfoCache===undefined||textareaInfo._rows!==_textareaInfoCache._rows,cursorRow=textareaInfo._cursorRow,cursorCol=textareaInfo._cursorColumn,widestRow=textareaInfo._widestRow,lastRow=textareaInfo._rows,lastCol=textareaInfo._columns,cursorIsLastPosition=textareaInfo._cursorPosition>=textareaInfo._cursorMax&&_textareaHasFocus,textareaScrollAmount={x:textareaAutoWrapping||cursorCol!==lastCol||cursorRow!==widestRow?-1:_overflowAmountCache.x,y:(textareaAutoWrapping?cursorIsLastPosition||textareaRowsChanged&&previousOverflowAmount&&currScroll.y===previousOverflowAmount.y:(cursorIsLastPosition||textareaRowsChanged)&&cursorRow===lastRow)?_overflowAmountCache.y:-1};currScroll.x=textareaScrollAmount.x>-1?_isRTL&&_normalizeRTLCache&&_rtlScrollBehavior.i?0:textareaScrollAmount.x:currScroll.x,currScroll.y=textareaScrollAmount.y>-1?textareaScrollAmount.y:currScroll.y}_textareaInfoCache=textareaInfo}_isRTL&&_rtlScrollBehavior.i&&_nativeScrollbarIsOverlaid.y&&hasOverflow.x&&_normalizeRTLCache&&(currScroll.x+=_contentBorderSize.w||0),widthAuto&&_hostElement[_strScrollLeft](0),heightAuto&&_hostElement[_strScrollTop](0),_viewportElement[_strScrollLeft](currScroll.x)[_strScrollTop](currScroll.y);var scrollbarsVisibilityVisible="v"===scrollbarsVisibility,scrollbarsVisibilityHidden="h"===scrollbarsVisibility,scrollbarsVisibilityAuto="a"===scrollbarsVisibility,refreshScrollbarsVisibility=function(showX,showY){showY=showY===undefined?showX:showY,refreshScrollbarAppearance(!0,showX,canScroll.x),refreshScrollbarAppearance(!1,showY,canScroll.y)};addRemoveClass(_hostElement,_classNameHostOverflow,hideOverflow.x||hideOverflow.y),addRemoveClass(_hostElement,_classNameHostOverflowX,hideOverflow.x),addRemoveClass(_hostElement,_classNameHostOverflowY,hideOverflow.y),cssDirectionChanged&&!_isBody&&addRemoveClass(_hostElement,_classNameHostRTL,_isRTL),_isBody&&addClass(_hostElement,_classNameHostResizeDisabled),resizeChanged&&(addRemoveClass(_hostElement,_classNameHostResizeDisabled,_resizeNone),addRemoveClass(_scrollbarCornerElement,_classNameScrollbarCornerResize,!_resizeNone),addRemoveClass(_scrollbarCornerElement,_classNameScrollbarCornerResizeB,_resizeBoth),addRemoveClass(_scrollbarCornerElement,_classNameScrollbarCornerResizeH,_resizeHorizontal),addRemoveClass(_scrollbarCornerElement,_classNameScrollbarCornerResizeV,_resizeVertical)),(scrollbarsVisibilityChanged||overflowBehaviorChanged||hideOverflow.c||hasOverflow.c||ignoreOverlayScrollbarHidingChanged)&&(ignoreOverlayScrollbarHiding?ignoreOverlayScrollbarHidingChanged&&(removeClass(_hostElement,_classNameHostScrolling),ignoreOverlayScrollbarHiding&&refreshScrollbarsVisibility(!1)):scrollbarsVisibilityAuto?refreshScrollbarsVisibility(canScroll.x,canScroll.y):scrollbarsVisibilityVisible?refreshScrollbarsVisibility(!0):scrollbarsVisibilityHidden&&refreshScrollbarsVisibility(!1)),(scrollbarsAutoHideChanged||ignoreOverlayScrollbarHidingChanged)&&(setupHostMouseTouchEvents(!_scrollbarsAutoHideLeave&&!_scrollbarsAutoHideMove),refreshScrollbarsAutoHide(_scrollbarsAutoHideNever,!_scrollbarsAutoHideNever)),(hostSizeChanged||overflowAmount.c||heightAutoChanged||widthAutoChanged||resizeChanged||boxSizingChanged||paddingAbsoluteChanged||ignoreOverlayScrollbarHidingChanged||cssDirectionChanged)&&(refreshScrollbarHandleLength(!0),refreshScrollbarHandleOffset(!0),refreshScrollbarHandleLength(!1),refreshScrollbarHandleOffset(!1)),scrollbarsClickScrollingChanged&&refreshScrollbarsInteractive(!0,scrollbarsClickScrolling),scrollbarsDragScrollingChanged&&refreshScrollbarsInteractive(!1,scrollbarsDragScrolling),dispatchCallback("onDirectionChanged",{isRTL:_isRTL,dir:cssDirection},cssDirectionChanged),dispatchCallback("onHostSizeChanged",{width:_hostSizeCache.w,height:_hostSizeCache.h},hostSizeChanged),dispatchCallback("onContentSizeChanged",{width:_contentScrollSizeCache.w,height:_contentScrollSizeCache.h},contentSizeChanged),dispatchCallback("onOverflowChanged",{x:hasOverflow.x,y:hasOverflow.y,xScrollable:hideOverflow.xs,yScrollable:hideOverflow.ys,clipped:hideOverflow.x||hideOverflow.y},hasOverflow.c||hideOverflow.c),dispatchCallback("onOverflowAmountChanged",{x:overflowAmount.x,y:overflowAmount.y},overflowAmount.c)}_isBody&&_bodyMinSizeCache&&(_hasOverflowCache.c||_bodyMinSizeCache.c)&&(_bodyMinSizeCache.f||bodyMinSizeChanged(),_nativeScrollbarIsOverlaid.y&&_hasOverflowCache.x&&_contentElement.css(_strMinMinus+_strWidth,_bodyMinSizeCache.w+_overlayScrollbarDummySize.y),_nativeScrollbarIsOverlaid.x&&_hasOverflowCache.y&&_contentElement.css(_strMinMinus+_strHeight,_bodyMinSizeCache.h+_overlayScrollbarDummySize.x),_bodyMinSizeCache.c=!1),_initialized&&changedOptions.updateOnLoad&&updateElementsOnLoad(),dispatchCallback("onUpdated",{forced:force})}}function updateElementsOnLoad(){_isTextarea||eachUpdateOnLoad((function(i,updateOnLoadSelector){_contentElement.find(updateOnLoadSelector).each((function(i,el){COMPATIBILITY.inA(el,_updateOnLoadElms)<0&&(_updateOnLoadElms.push(el),FRAMEWORK(el).off(_updateOnLoadEventName,updateOnLoadCallback).on(_updateOnLoadEventName,updateOnLoadCallback))}))}))}function setOptions(newOptions){var validatedOpts=_pluginsOptions._validate(newOptions,_pluginsOptions._template,!0,_currentOptions);return _currentOptions=extendDeep({},_currentOptions,validatedOpts._default),_currentPreparedOptions=extendDeep({},_currentPreparedOptions,validatedOpts._prepared),validatedOpts._prepared}function setupStructureDOM(destroy){var strParent="parent",classNameResizeObserverHost="os-resize-observer-host",classNameTextareaElementFull=_classNameTextareaElement+_strSpace+_classNameTextInherit,textareaClass=_isTextarea?_strSpace+_classNameTextInherit:_strEmpty,adoptAttrs=_currentPreparedOptions.textarea.inheritedAttrs,adoptAttrsMap={},applyAdoptedAttrs=function(){var applyAdoptedAttrsElm=destroy?_targetElement:_hostElement;each(adoptAttrsMap,(function(key,value){type(value)==TYPES.s&&(key==LEXICON.c?applyAdoptedAttrsElm.addClass(value):applyAdoptedAttrsElm.attr(key,value))}))},hostElementClassNames=[_classNameHostElement,_classNameHostElementForeign,_classNameHostTextareaElement,_classNameHostResizeDisabled,_classNameHostRTL,_classNameHostScrollbarHorizontalHidden,_classNameHostScrollbarVerticalHidden,_classNameHostTransition,_classNameHostScrolling,_classNameHostOverflow,_classNameHostOverflowX,_classNameHostOverflowY,_classNameThemeNone,_classNameTextareaElement,_classNameTextInherit,_classNameCache].join(_strSpace),hostElementCSS={};_hostElement=_hostElement||(_isTextarea?_domExists?_targetElement[strParent]()[strParent]()[strParent]()[strParent]():FRAMEWORK(generateDiv(_classNameHostTextareaElement)):_targetElement),_contentElement=_contentElement||selectOrGenerateDivByClass(_classNameContentElement+textareaClass),_viewportElement=_viewportElement||selectOrGenerateDivByClass(_classNameViewportElement+textareaClass),_paddingElement=_paddingElement||selectOrGenerateDivByClass(_classNamePaddingElement+textareaClass),_sizeObserverElement=_sizeObserverElement||selectOrGenerateDivByClass(classNameResizeObserverHost),_textareaCoverElement=_textareaCoverElement||(_isTextarea?selectOrGenerateDivByClass(_classNameTextareaCoverElement):undefined),_domExists&&addClass(_hostElement,_classNameHostElementForeign),destroy&&removeClass(_hostElement,hostElementClassNames),adoptAttrs=type(adoptAttrs)==TYPES.s?adoptAttrs.split(_strSpace):adoptAttrs,COMPATIBILITY.isA(adoptAttrs)&&_isTextarea&&each(adoptAttrs,(function(i,v){type(v)==TYPES.s&&(adoptAttrsMap[v]=destroy?_hostElement.attr(v):_targetElement.attr(v))})),destroy?(_domExists&&_initialized?(_sizeObserverElement.children().remove(),each([_paddingElement,_viewportElement,_contentElement,_textareaCoverElement],(function(i,elm){elm&&removeClass(elm.removeAttr(LEXICON.s),_classNamesDynamicDestroy)})),addClass(_hostElement,_isTextarea?_classNameHostTextareaElement:_classNameHostElement)):(remove(_sizeObserverElement),_contentElement.contents().unwrap().unwrap().unwrap(),_isTextarea&&(_targetElement.unwrap(),remove(_hostElement),remove(_textareaCoverElement),applyAdoptedAttrs())),_isTextarea&&_targetElement.removeAttr(LEXICON.s),_isBody&&removeClass(_htmlElement,_classNameHTMLElement)):(_isTextarea&&(_currentPreparedOptions.sizeAutoCapable||(hostElementCSS[_strWidth]=_targetElement.css(_strWidth),hostElementCSS[_strHeight]=_targetElement.css(_strHeight)),_domExists||_targetElement.addClass(_classNameTextInherit).wrap(_hostElement),_hostElement=_targetElement[strParent]().css(hostElementCSS)),_domExists||(addClass(_targetElement,_isTextarea?classNameTextareaElementFull:_classNameHostElement),_hostElement.wrapInner(_contentElement).wrapInner(_viewportElement).wrapInner(_paddingElement).prepend(_sizeObserverElement),_contentElement=findFirst(_hostElement,_strDot+_classNameContentElement),_viewportElement=findFirst(_hostElement,_strDot+_classNameViewportElement),_paddingElement=findFirst(_hostElement,_strDot+_classNamePaddingElement),_isTextarea&&(_contentElement.prepend(_textareaCoverElement),applyAdoptedAttrs())),_nativeScrollbarStyling&&addClass(_viewportElement,_classNameViewportNativeScrollbarsInvisible),_nativeScrollbarIsOverlaid.x&&_nativeScrollbarIsOverlaid.y&&addClass(_viewportElement,_classNameViewportNativeScrollbarsOverlaid),_isBody&&addClass(_htmlElement,_classNameHTMLElement),_sizeObserverElementNative=_sizeObserverElement[0],_hostElementNative=_hostElement[0],_paddingElementNative=_paddingElement[0],_viewportElementNative=_viewportElement[0],_contentElementNative=_contentElement[0],updateViewportAttrsFromTarget())}function setupStructureEvents(){var textareaUpdateIntervalID,scrollStopTimeoutId,textareaKeyDownRestrictedKeyCodes=[112,113,114,115,116,117,118,119,120,121,123,33,34,37,38,39,40,16,17,18,19,20,144],textareaKeyDownKeyCodesList=[],scrollStopDelay=175,strFocus="focus";function updateTextarea(doClearInterval){textareaUpdate(),_base.update(_strAuto),doClearInterval&&_autoUpdateRecommended&&clearInterval(textareaUpdateIntervalID)}function textareaOnScroll(event){return _targetElement[_strScrollLeft](_rtlScrollBehavior.i&&_normalizeRTLCache?9999999:0),_targetElement[_strScrollTop](0),COMPATIBILITY.prvD(event),COMPATIBILITY.stpP(event),!1}function textareaOnDrop(event){setTimeout((function(){_destroyed||updateTextarea()}),50)}function textareaOnFocus(){_textareaHasFocus=!0,addClass(_hostElement,strFocus)}function textareaOnFocusout(){_textareaHasFocus=!1,textareaKeyDownKeyCodesList=[],removeClass(_hostElement,strFocus),updateTextarea(!0)}function textareaOnKeyDown(event){var keyCode=event.keyCode;inArray(keyCode,textareaKeyDownRestrictedKeyCodes)<0&&(textareaKeyDownKeyCodesList[LEXICON.l]||(updateTextarea(),textareaUpdateIntervalID=setInterval(updateTextarea,1e3/60)),inArray(keyCode,textareaKeyDownKeyCodesList)<0&&textareaKeyDownKeyCodesList.push(keyCode))}function textareaOnKeyUp(event){var keyCode=event.keyCode,index=inArray(keyCode,textareaKeyDownKeyCodesList);inArray(keyCode,textareaKeyDownRestrictedKeyCodes)<0&&(index>-1&&textareaKeyDownKeyCodesList.splice(index,1),textareaKeyDownKeyCodesList[LEXICON.l]||updateTextarea(!0))}function contentOnTransitionEnd(event){!0!==_autoUpdateCache&&isSizeAffectingCSSProperty((event=event.originalEvent||event).propertyName)&&_base.update(_strAuto)}function viewportOnScroll(event){_sleeping||(scrollStopTimeoutId!==undefined?clearTimeout(scrollStopTimeoutId):((_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove)&&refreshScrollbarsAutoHide(!0),nativeOverlayScrollbarsAreActive()||addClass(_hostElement,_classNameHostScrolling),dispatchCallback("onScrollStart",event)),_scrollbarsHandlesDefineScrollPos||(refreshScrollbarHandleOffset(!0),refreshScrollbarHandleOffset(!1)),dispatchCallback("onScroll",event),scrollStopTimeoutId=setTimeout((function(){_destroyed||(clearTimeout(scrollStopTimeoutId),scrollStopTimeoutId=undefined,(_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove)&&refreshScrollbarsAutoHide(!1),nativeOverlayScrollbarsAreActive()||removeClass(_hostElement,_classNameHostScrolling),dispatchCallback("onScrollStop",event))}),scrollStopDelay))}_isTextarea?(_msieVersion>9||!_autoUpdateRecommended?addDestroyEventListener(_targetElement,"input",updateTextarea):addDestroyEventListener(_targetElement,[_strKeyDownEvent,_strKeyUpEvent],[textareaOnKeyDown,textareaOnKeyUp]),addDestroyEventListener(_targetElement,[_strScroll,"drop",strFocus,strFocus+"out"],[textareaOnScroll,textareaOnDrop,textareaOnFocus,textareaOnFocusout])):addDestroyEventListener(_contentElement,_strTransitionEndEvent,contentOnTransitionEnd),addDestroyEventListener(_viewportElement,_strScroll,viewportOnScroll,!0)}function setupScrollbarsDOM(destroy){var horizontalElements,verticalElements,selectOrGenerateScrollbarDOM=function(isHorizontal){var scrollbar=selectOrGenerateDivByClass(_classNameScrollbar+_strSpace+(isHorizontal?_classNameScrollbarHorizontal:_classNameScrollbarVertical),!0),track=selectOrGenerateDivByClass(_classNameScrollbarTrack,scrollbar),handle=selectOrGenerateDivByClass(_classNameScrollbarHandle,scrollbar);return _domExists||destroy||(scrollbar.append(track),track.append(handle)),{_scrollbar:scrollbar,_track:track,_handle:handle}};function resetScrollbarDOM(isHorizontal){var scrollbarVars=getScrollbarVars(isHorizontal),scrollbar=scrollbarVars._scrollbar,track=scrollbarVars._track,handle=scrollbarVars._handle;_domExists&&_initialized?each([scrollbar,track,handle],(function(i,elm){removeClass(elm.removeAttr(LEXICON.s),_classNamesDynamicDestroy)})):remove(scrollbar||selectOrGenerateScrollbarDOM(isHorizontal)._scrollbar)}destroy?(resetScrollbarDOM(!0),resetScrollbarDOM()):(horizontalElements=selectOrGenerateScrollbarDOM(!0),verticalElements=selectOrGenerateScrollbarDOM(),_scrollbarHorizontalElement=horizontalElements._scrollbar,_scrollbarHorizontalTrackElement=horizontalElements._track,_scrollbarHorizontalHandleElement=horizontalElements._handle,_scrollbarVerticalElement=verticalElements._scrollbar,_scrollbarVerticalTrackElement=verticalElements._track,_scrollbarVerticalHandleElement=verticalElements._handle,_domExists||(_paddingElement.after(_scrollbarVerticalElement),_paddingElement.after(_scrollbarHorizontalElement)))}function setupScrollbarEvents(isHorizontal){var trackTimeout,mouseDownScroll,mouseDownOffset,mouseDownInvertedScale,scrollbarVars=getScrollbarVars(isHorizontal),scrollbarVarsInfo=scrollbarVars._info,insideIFrame=_windowElementNative.top!==_windowElementNative,xy=scrollbarVars._x_y,XY=scrollbarVars._X_Y,scroll=_strScroll+scrollbarVars._Left_Top,strActive="active",strSnapHandle="snapHandle",strClickEvent="click",scrollDurationFactor=1,increaseDecreaseScrollAmountKeyCodes=[16,17];function getPointerPosition(event){return _msieVersion&&insideIFrame?event["screen"+XY]:COMPATIBILITY.page(event)[xy]}function getPreparedScrollbarsOption(name){return _currentPreparedOptions.scrollbars[name]}function increaseTrackScrollAmount(){scrollDurationFactor=.5}function decreaseTrackScrollAmount(){scrollDurationFactor=1}function stopClickEventPropagation(event){COMPATIBILITY.stpP(event)}function documentKeyDown(event){inArray(event.keyCode,increaseDecreaseScrollAmountKeyCodes)>-1&&increaseTrackScrollAmount()}function documentKeyUp(event){inArray(event.keyCode,increaseDecreaseScrollAmountKeyCodes)>-1&&decreaseTrackScrollAmount()}function onMouseTouchDownContinue(event){var isTouchEvent=(event.originalEvent||event).touches!==undefined;return!(_sleeping||_destroyed||nativeOverlayScrollbarsAreActive()||!_scrollbarsDragScrollingCache||isTouchEvent&&!getPreparedScrollbarsOption("touchSupport"))&&(1===COMPATIBILITY.mBtn(event)||isTouchEvent)}function documentDragMove(event){if(onMouseTouchDownContinue(event)){var trackLength=scrollbarVarsInfo._trackLength,handleLength=scrollbarVarsInfo._handleLength,scrollDelta=scrollbarVarsInfo._maxScroll*((getPointerPosition(event)-mouseDownOffset)*mouseDownInvertedScale/(trackLength-handleLength));scrollDelta=isFinite(scrollDelta)?scrollDelta:0,_isRTL&&isHorizontal&&!_rtlScrollBehavior.i&&(scrollDelta*=-1),_viewportElement[scroll](MATH.round(mouseDownScroll+scrollDelta)),_scrollbarsHandlesDefineScrollPos&&refreshScrollbarHandleOffset(isHorizontal,mouseDownScroll+scrollDelta),_supportPassiveEvents||COMPATIBILITY.prvD(event)}else documentMouseTouchUp(event)}function documentMouseTouchUp(event){if(event=event||event.originalEvent,setupResponsiveEventListener(_documentElement,[_strMouseTouchMoveEvent,_strMouseTouchUpEvent,_strKeyDownEvent,_strKeyUpEvent,_strSelectStartEvent],[documentDragMove,documentMouseTouchUp,documentKeyDown,documentKeyUp,documentOnSelectStart],!0),COMPATIBILITY.rAF()((function(){setupResponsiveEventListener(_documentElement,strClickEvent,stopClickEventPropagation,!0,{_capture:!0})})),_scrollbarsHandlesDefineScrollPos&&refreshScrollbarHandleOffset(isHorizontal,!0),_scrollbarsHandlesDefineScrollPos=!1,removeClass(_bodyElement,_classNameDragging),removeClass(scrollbarVars._handle,strActive),removeClass(scrollbarVars._track,strActive),removeClass(scrollbarVars._scrollbar,strActive),mouseDownScroll=undefined,mouseDownOffset=undefined,mouseDownInvertedScale=1,decreaseTrackScrollAmount(),trackTimeout!==undefined&&(_base.scrollStop(),clearTimeout(trackTimeout),trackTimeout=undefined),event){var rect=_hostElementNative[LEXICON.bCR]();event.clientX>=rect.left&&event.clientX<=rect.right&&event.clientY>=rect.top&&event.clientY<=rect.bottom||hostOnMouseLeave(),(_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove)&&refreshScrollbarsAutoHide(!1)}}function onHandleMouseTouchDown(event){onMouseTouchDownContinue(event)&&onHandleMouseTouchDownAction(event)}function onHandleMouseTouchDownAction(event){mouseDownScroll=_viewportElement[scroll](),mouseDownScroll=isNaN(mouseDownScroll)?0:mouseDownScroll,(_isRTL&&isHorizontal&&!_rtlScrollBehavior.n||!_isRTL)&&(mouseDownScroll=mouseDownScroll<0?0:mouseDownScroll),mouseDownInvertedScale=getHostElementInvertedScale()[xy],mouseDownOffset=getPointerPosition(event),_scrollbarsHandlesDefineScrollPos=!getPreparedScrollbarsOption(strSnapHandle),addClass(_bodyElement,_classNameDragging),addClass(scrollbarVars._handle,strActive),addClass(scrollbarVars._scrollbar,strActive),setupResponsiveEventListener(_documentElement,[_strMouseTouchMoveEvent,_strMouseTouchUpEvent,_strSelectStartEvent],[documentDragMove,documentMouseTouchUp,documentOnSelectStart]),COMPATIBILITY.rAF()((function(){setupResponsiveEventListener(_documentElement,strClickEvent,stopClickEventPropagation,!1,{_capture:!0})})),!_msieVersion&&_documentMixed||COMPATIBILITY.prvD(event),COMPATIBILITY.stpP(event)}function onTrackMouseTouchDown(event){if(onMouseTouchDownContinue(event)){var decreaseScroll,handleToViewportRatio=scrollbarVars._info._handleLength/Math.round(MATH.min(1,_viewportSize[scrollbarVars._w_h]/_contentScrollSizeCache[scrollbarVars._w_h])*scrollbarVars._info._trackLength),scrollDistance=MATH.round(_viewportSize[scrollbarVars._w_h]*handleToViewportRatio),scrollBaseDuration=270*handleToViewportRatio,scrollFirstIterationDelay=400*handleToViewportRatio,trackOffset=scrollbarVars._track.offset()[scrollbarVars._left_top],ctrlKey=event.ctrlKey,instantScroll=event.shiftKey,instantScrollTransition=instantScroll&&ctrlKey,isFirstIteration=!0,easing="linear",scrollActionFinsished=function(transition){_scrollbarsHandlesDefineScrollPos&&refreshScrollbarHandleOffset(isHorizontal,transition)},scrollActionInstantFinished=function(){scrollActionFinsished(),onHandleMouseTouchDownAction(event)},scrollAction=function(){if(!_destroyed){var mouseOffset=(mouseDownOffset-trackOffset)*mouseDownInvertedScale,handleOffset=scrollbarVarsInfo._handleOffset,trackLength=scrollbarVarsInfo._trackLength,handleLength=scrollbarVarsInfo._handleLength,scrollRange=scrollbarVarsInfo._maxScroll,currScroll=scrollbarVarsInfo._currentScroll,scrollDuration=scrollBaseDuration*scrollDurationFactor,timeoutDelay=isFirstIteration?MATH.max(scrollFirstIterationDelay,scrollDuration):scrollDuration,instantScrollPosition=scrollRange*((mouseOffset-handleLength/2)/(trackLength-handleLength)),rtlIsNormal=_isRTL&&isHorizontal&&(!_rtlScrollBehavior.i&&!_rtlScrollBehavior.n||_normalizeRTLCache),decreaseScrollCondition=rtlIsNormal?handleOffsetmouseOffset,scrollObj={},animationObj={easing:easing,step:function(now){_scrollbarsHandlesDefineScrollPos&&(_viewportElement[scroll](now),refreshScrollbarHandleOffset(isHorizontal,now))}};instantScrollPosition=isFinite(instantScrollPosition)?instantScrollPosition:0,instantScrollPosition=_isRTL&&isHorizontal&&!_rtlScrollBehavior.i?scrollRange-instantScrollPosition:instantScrollPosition,instantScroll?(_viewportElement[scroll](instantScrollPosition),instantScrollTransition?(instantScrollPosition=_viewportElement[scroll](),_viewportElement[scroll](currScroll),instantScrollPosition=rtlIsNormal&&_rtlScrollBehavior.i?scrollRange-instantScrollPosition:instantScrollPosition,instantScrollPosition=rtlIsNormal&&_rtlScrollBehavior.n?-instantScrollPosition:instantScrollPosition,scrollObj[xy]=instantScrollPosition,_base.scroll(scrollObj,extendDeep(animationObj,{duration:130,complete:scrollActionInstantFinished}))):scrollActionInstantFinished()):(decreaseScroll=isFirstIteration?decreaseScrollCondition:decreaseScroll,(rtlIsNormal?decreaseScroll?handleOffset+handleLength>=mouseOffset:handleOffset<=mouseOffset:decreaseScroll?handleOffset<=mouseOffset:handleOffset+handleLength>=mouseOffset)?(clearTimeout(trackTimeout),_base.scrollStop(),trackTimeout=undefined,scrollActionFinsished(!0)):(trackTimeout=setTimeout(scrollAction,timeoutDelay),scrollObj[xy]=(decreaseScroll?"-=":"+=")+scrollDistance,_base.scroll(scrollObj,extendDeep(animationObj,{duration:scrollDuration}))),isFirstIteration=!1)}};ctrlKey&&increaseTrackScrollAmount(),mouseDownInvertedScale=getHostElementInvertedScale()[xy],mouseDownOffset=COMPATIBILITY.page(event)[xy],_scrollbarsHandlesDefineScrollPos=!getPreparedScrollbarsOption(strSnapHandle),addClass(_bodyElement,_classNameDragging),addClass(scrollbarVars._track,strActive),addClass(scrollbarVars._scrollbar,strActive),setupResponsiveEventListener(_documentElement,[_strMouseTouchUpEvent,_strKeyDownEvent,_strKeyUpEvent,_strSelectStartEvent],[documentMouseTouchUp,documentKeyDown,documentKeyUp,documentOnSelectStart]),scrollAction(),COMPATIBILITY.prvD(event),COMPATIBILITY.stpP(event)}}function onTrackMouseTouchEnter(event){_scrollbarsHandleHovered=!0,(_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove)&&refreshScrollbarsAutoHide(!0)}function onTrackMouseTouchLeave(event){_scrollbarsHandleHovered=!1,(_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove)&&refreshScrollbarsAutoHide(!1)}function onScrollbarMouseTouchDown(event){COMPATIBILITY.stpP(event)}addDestroyEventListener(scrollbarVars._handle,_strMouseTouchDownEvent,onHandleMouseTouchDown),addDestroyEventListener(scrollbarVars._track,[_strMouseTouchDownEvent,_strMouseEnter,_strMouseLeave],[onTrackMouseTouchDown,onTrackMouseTouchEnter,onTrackMouseTouchLeave]),addDestroyEventListener(scrollbarVars._scrollbar,_strMouseTouchDownEvent,onScrollbarMouseTouchDown),_supportTransition&&addDestroyEventListener(scrollbarVars._scrollbar,_strTransitionEndEvent,(function(event){event.target===scrollbarVars._scrollbar[0]&&(refreshScrollbarHandleLength(isHorizontal),refreshScrollbarHandleOffset(isHorizontal))}))}function refreshScrollbarAppearance(isHorizontal,shallBeVisible,canScroll){var scrollbarElement=isHorizontal?_scrollbarHorizontalElement:_scrollbarVerticalElement;addRemoveClass(_hostElement,isHorizontal?_classNameHostScrollbarHorizontalHidden:_classNameHostScrollbarVerticalHidden,!shallBeVisible),addRemoveClass(scrollbarElement,_classNameScrollbarUnusable,!canScroll)}function refreshScrollbarsAutoHide(shallBeVisible,delayfree){if(clearTimeout(_scrollbarsAutoHideTimeoutId),shallBeVisible)removeClass(_scrollbarHorizontalElement,_classNameScrollbarAutoHidden),removeClass(_scrollbarVerticalElement,_classNameScrollbarAutoHidden);else{var anyActive,strActive="active",hide=function(){_scrollbarsHandleHovered||_destroyed||(!(anyActive=_scrollbarHorizontalHandleElement.hasClass(strActive)||_scrollbarVerticalHandleElement.hasClass(strActive))&&(_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove||_scrollbarsAutoHideLeave)&&addClass(_scrollbarHorizontalElement,_classNameScrollbarAutoHidden),!anyActive&&(_scrollbarsAutoHideScroll||_scrollbarsAutoHideMove||_scrollbarsAutoHideLeave)&&addClass(_scrollbarVerticalElement,_classNameScrollbarAutoHidden))};_scrollbarsAutoHideDelay>0&&!0!==delayfree?_scrollbarsAutoHideTimeoutId=setTimeout(hide,_scrollbarsAutoHideDelay):hide()}}function refreshScrollbarHandleLength(isHorizontal){var handleCSS={},scrollbarVars=getScrollbarVars(isHorizontal),scrollbarVarsInfo=scrollbarVars._info,digit=1e6,handleRatio=MATH.min(1,_viewportSize[scrollbarVars._w_h]/_contentScrollSizeCache[scrollbarVars._w_h]);handleCSS[scrollbarVars._width_height]=MATH.floor(100*handleRatio*digit)/digit+"%",nativeOverlayScrollbarsAreActive()||scrollbarVars._handle.css(handleCSS),scrollbarVarsInfo._handleLength=scrollbarVars._handle[0]["offset"+scrollbarVars._Width_Height],scrollbarVarsInfo._handleLengthRatio=handleRatio}function refreshScrollbarHandleOffset(isHorizontal,scrollOrTransition){var transformOffset,translateValue,transition=type(scrollOrTransition)==TYPES.b,transitionDuration=250,isRTLisHorizontal=_isRTL&&isHorizontal,scrollbarVars=getScrollbarVars(isHorizontal),scrollbarVarsInfo=scrollbarVars._info,strTranslateBrace="translate(",strTransform=VENDORS._cssProperty("transform"),strTransition=VENDORS._cssProperty("transition"),nativeScroll=isHorizontal?_viewportElement[_strScrollLeft]():_viewportElement[_strScrollTop](),currentScroll=scrollOrTransition===undefined||transition?nativeScroll:scrollOrTransition,handleLength=scrollbarVarsInfo._handleLength,trackLength=scrollbarVars._track[0]["offset"+scrollbarVars._Width_Height],handleTrackDiff=trackLength-handleLength,handleCSS={},maxScroll=(_viewportElementNative[_strScroll+scrollbarVars._Width_Height]-_viewportElementNative["client"+scrollbarVars._Width_Height])*(_rtlScrollBehavior.n&&isRTLisHorizontal?-1:1),getScrollRatio=function(base){return isNaN(base/maxScroll)?0:MATH.max(0,MATH.min(1,base/maxScroll))},getHandleOffset=function(scrollRatio){var offset=handleTrackDiff*scrollRatio;return offset=isNaN(offset)?0:offset,offset=isRTLisHorizontal&&!_rtlScrollBehavior.i?trackLength-handleLength-offset:offset,offset=MATH.max(0,offset)},scrollRatio=getScrollRatio(nativeScroll),handleOffset=getHandleOffset(getScrollRatio(currentScroll)),snappedHandleOffset=getHandleOffset(scrollRatio);scrollbarVarsInfo._maxScroll=maxScroll,scrollbarVarsInfo._currentScroll=nativeScroll,scrollbarVarsInfo._currentScrollRatio=scrollRatio,_supportTransform?(transformOffset=isRTLisHorizontal?-(trackLength-handleLength-handleOffset):handleOffset,translateValue=isHorizontal?strTranslateBrace+transformOffset+"px, 0)":strTranslateBrace+"0, "+transformOffset+"px)",handleCSS[strTransform]=translateValue,_supportTransition&&(handleCSS[strTransition]=transition&&MATH.abs(handleOffset-scrollbarVarsInfo._handleOffset)>1?getCSSTransitionString(scrollbarVars._handle)+", "+(strTransform+_strSpace+transitionDuration)+"ms":_strEmpty)):handleCSS[scrollbarVars._left_top]=handleOffset,nativeOverlayScrollbarsAreActive()||(scrollbarVars._handle.css(handleCSS),_supportTransform&&_supportTransition&&transition&&scrollbarVars._handle.one(_strTransitionEndEvent,(function(){_destroyed||scrollbarVars._handle.css(strTransition,_strEmpty)}))),scrollbarVarsInfo._handleOffset=handleOffset,scrollbarVarsInfo._snappedHandleOffset=snappedHandleOffset,scrollbarVarsInfo._trackLength=trackLength}function refreshScrollbarsInteractive(isTrack,value){var action=value?"removeClass":"addClass",element2=isTrack?_scrollbarVerticalTrackElement:_scrollbarVerticalHandleElement,className=isTrack?_classNameScrollbarTrackOff:_classNameScrollbarHandleOff;(isTrack?_scrollbarHorizontalTrackElement:_scrollbarHorizontalHandleElement)[action](className),element2[action](className)}function getScrollbarVars(isHorizontal){return{_width_height:isHorizontal?_strWidth:_strHeight,_Width_Height:isHorizontal?"Width":"Height",_left_top:isHorizontal?_strLeft:_strTop,_Left_Top:isHorizontal?"Left":"Top",_x_y:isHorizontal?_strX:_strY,_X_Y:isHorizontal?"X":"Y",_w_h:isHorizontal?"w":"h",_l_t:isHorizontal?"l":"t",_track:isHorizontal?_scrollbarHorizontalTrackElement:_scrollbarVerticalTrackElement,_handle:isHorizontal?_scrollbarHorizontalHandleElement:_scrollbarVerticalHandleElement,_scrollbar:isHorizontal?_scrollbarHorizontalElement:_scrollbarVerticalElement,_info:isHorizontal?_scrollHorizontalInfo:_scrollVerticalInfo}}function setupScrollbarCornerDOM(destroy){_scrollbarCornerElement=_scrollbarCornerElement||selectOrGenerateDivByClass(_classNameScrollbarCorner,!0),destroy?_domExists&&_initialized?removeClass(_scrollbarCornerElement.removeAttr(LEXICON.s),_classNamesDynamicDestroy):remove(_scrollbarCornerElement):_domExists||_hostElement.append(_scrollbarCornerElement)}function setupScrollbarCornerEvents(){var reconnectMutationObserver,insideIFrame=_windowElementNative.top!==_windowElementNative,mouseDownPosition={},mouseDownSize={},mouseDownInvertedScale={};function documentDragMove(event){if(onMouseTouchDownContinue(event)){var pageOffset=getCoordinates(event),hostElementCSS={};(_resizeHorizontal||_resizeBoth)&&(hostElementCSS[_strWidth]=mouseDownSize.w+(pageOffset.x-mouseDownPosition.x)*mouseDownInvertedScale.x),(_resizeVertical||_resizeBoth)&&(hostElementCSS[_strHeight]=mouseDownSize.h+(pageOffset.y-mouseDownPosition.y)*mouseDownInvertedScale.y),_hostElement.css(hostElementCSS),COMPATIBILITY.stpP(event)}else documentMouseTouchUp(event)}function documentMouseTouchUp(event){var eventIsTrusted=event!==undefined;setupResponsiveEventListener(_documentElement,[_strSelectStartEvent,_strMouseTouchMoveEvent,_strMouseTouchUpEvent],[documentOnSelectStart,documentDragMove,documentMouseTouchUp],!0),removeClass(_bodyElement,_classNameDragging),_scrollbarCornerElement.releaseCapture&&_scrollbarCornerElement.releaseCapture(),eventIsTrusted&&(reconnectMutationObserver&&connectMutationObservers(),_base.update(_strAuto)),reconnectMutationObserver=!1}function onMouseTouchDownContinue(event){var isTouchEvent=(event.originalEvent||event).touches!==undefined;return!_sleeping&&!_destroyed&&(1===COMPATIBILITY.mBtn(event)||isTouchEvent)}function getCoordinates(event){return _msieVersion&&insideIFrame?{x:event.screenX,y:event.screenY}:COMPATIBILITY.page(event)}addDestroyEventListener(_scrollbarCornerElement,_strMouseTouchDownEvent,(function(event){onMouseTouchDownContinue(event)&&!_resizeNone&&(_mutationObserversConnected&&(reconnectMutationObserver=!0,disconnectMutationObservers()),mouseDownPosition=getCoordinates(event),mouseDownSize.w=_hostElementNative[LEXICON.oW]-(_isBorderBox?0:_paddingX),mouseDownSize.h=_hostElementNative[LEXICON.oH]-(_isBorderBox?0:_paddingY),mouseDownInvertedScale=getHostElementInvertedScale(),setupResponsiveEventListener(_documentElement,[_strSelectStartEvent,_strMouseTouchMoveEvent,_strMouseTouchUpEvent],[documentOnSelectStart,documentDragMove,documentMouseTouchUp]),addClass(_bodyElement,_classNameDragging),_scrollbarCornerElement.setCapture&&_scrollbarCornerElement.setCapture(),COMPATIBILITY.prvD(event),COMPATIBILITY.stpP(event))}))}function dispatchCallback(name,args,dependent){if(!1!==dependent)if(_initialized){var ext,callback=_currentPreparedOptions.callbacks[name],extensionOnName=name;"on"===extensionOnName.substr(0,2)&&(extensionOnName=extensionOnName.substr(2,1).toLowerCase()+extensionOnName.substr(3)),type(callback)==TYPES.f&&callback.call(_base,args),each(_extensions,(function(){type((ext=this).on)==TYPES.f&&ext.on(extensionOnName,args)}))}else _destroyed||_callbacksInitQeueue.push({n:name,a:args})}function setTopRightBottomLeft(targetCSSObject,prefix,values){values=values||[_strEmpty,_strEmpty,_strEmpty,_strEmpty],targetCSSObject[(prefix=prefix||_strEmpty)+_strTop]=values[0],targetCSSObject[prefix+_strRight]=values[1],targetCSSObject[prefix+_strBottom]=values[2],targetCSSObject[prefix+_strLeft]=values[3]}function getTopRightBottomLeftHost(prefix,suffix,zeroX,zeroY){return suffix=suffix||_strEmpty,prefix=prefix||_strEmpty,{t:zeroY?0:parseToZeroOrNumber(_hostElement.css(prefix+_strTop+suffix)),r:zeroX?0:parseToZeroOrNumber(_hostElement.css(prefix+_strRight+suffix)),b:zeroY?0:parseToZeroOrNumber(_hostElement.css(prefix+_strBottom+suffix)),l:zeroX?0:parseToZeroOrNumber(_hostElement.css(prefix+_strLeft+suffix))}}function getCSSTransitionString(element){var transitionStr=VENDORS._cssProperty("transition"),assembledValue=element.css(transitionStr);if(assembledValue)return assembledValue;for(var strResult,valueArray,j,regExpString="\\s*(([^,(]+(\\(.+?\\))?)+)[\\s,]*",regExpMain=new RegExp(regExpString),regExpValidate=new RegExp("^("+regExpString+")+$"),properties="property duration timing-function delay".split(" "),result=[],i=0,splitCssStyleByComma=function(str){if(strResult=[],!str.match(regExpValidate))return str;for(;str.match(regExpMain);)strResult.push(RegExp.$1),str=str.replace(regExpMain,_strEmpty);return strResult};itextareaLastCol&&(widestRow=i+1,textareaLastCol=rowCols);return{_cursorRow:cursorRow,_cursorColumn:cursorCol,_rows:textareaLastRow,_columns:textareaLastCol,_widestRow:widestRow,_cursorPosition:textareaCursorPosition,_cursorMax:textareaLength}}}function nativeOverlayScrollbarsAreActive(){return _ignoreOverlayScrollbarHidingCache&&_nativeScrollbarIsOverlaid.x&&_nativeScrollbarIsOverlaid.y}function getContentMeasureElement(){return _isTextarea?_textareaCoverElement[0]:_contentElementNative}function generateDiv(classesOrAttrs,content){return"
"+(content||_strEmpty)+"
"}function selectOrGenerateDivByClass(className,selectParentOrOnlyChildren){var onlyChildren=type(selectParentOrOnlyChildren)==TYPES.b,selectParent=onlyChildren?_hostElement:selectParentOrOnlyChildren||_hostElement;return _domExists&&!selectParent[LEXICON.l]?null:_domExists?selectParent[onlyChildren?"children":"find"](_strDot+className.replace(/\s/g,_strDot)).eq(0):FRAMEWORK(generateDiv(className))}function getObjectPropVal(obj,path){for(var val,splits=path.split(_strDot),i=0;i0&&(optsIsPlainObj?FRAMEWORK.each(pluginTargetElements,(function(i,v){(inst=v)!==undefined&&arr.push(OverlayScrollbarsInstance(inst,options,extensions,_pluginsGlobals,_pluginsAutoUpdateLoop))})):FRAMEWORK.each(pluginTargetElements,(function(i,v){inst=INSTANCES(v),("!"===options&&_plugin.valid(inst)||COMPATIBILITY.type(options)==TYPES.f&&options(v,inst)||options===undefined)&&arr.push(inst)})),result=1===arr[LEXICON.l]?arr[0]:arr),result):optsIsPlainObj||!options?result:arr},_plugin.globals=function(){initOverlayScrollbarsStatics();var globals=FRAMEWORK.extend(!0,{},_pluginsGlobals);return delete globals.msie,globals},_plugin.defaultOptions=function(newDefaultOptions){initOverlayScrollbarsStatics();var currDefaultOptions=_pluginsGlobals.defaultOptions;if(newDefaultOptions===undefined)return FRAMEWORK.extend(!0,{},currDefaultOptions);_pluginsGlobals.defaultOptions=FRAMEWORK.extend(!0,{},currDefaultOptions,_pluginsOptions._validate(newDefaultOptions,_pluginsOptions._template,!0,currDefaultOptions)._default)},_plugin.valid=function(osInstance){return osInstance instanceof _plugin&&!osInstance.getState().destroyed},_plugin.extension=function(extensionName,extension,defaultOptions){var extNameTypeString=COMPATIBILITY.type(extensionName)==TYPES.s,argLen=arguments[LEXICON.l],i=0;if(argLen<1||!extNameTypeString)return FRAMEWORK.extend(!0,{length:_pluginsExtensions[LEXICON.l]},_pluginsExtensions);if(extNameTypeString)if(COMPATIBILITY.type(extension)==TYPES.f)_pluginsExtensions.push({name:extensionName,extensionFactory:extension,defaultOptions:defaultOptions});else for(;i<_pluginsExtensions[LEXICON.l];i++)if(_pluginsExtensions[i].name===extensionName){if(!(argLen>1))return FRAMEWORK.extend(!0,{},_pluginsExtensions[i]);_pluginsExtensions.splice(i,1)}},_plugin}();return JQUERY&&JQUERY.fn&&(JQUERY.fn.overlayScrollbars=function(options,extensions){var _elements=this;return JQUERY.isPlainObject(options)?(JQUERY.each(_elements,(function(){PLUGIN(this,options,extensions)})),_elements):PLUGIN(_elements,options)}),PLUGIN}(global,global.document,void 0)}.call(exports,__webpack_require__,exports,module),void 0===__WEBPACK_AMD_DEFINE_RESULT__||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}}]); \ No newline at end of file diff --git a/docs/6.58113343110eb89bbef8.manager.bundle.js.LICENSE.txt b/docs/6.5ff54c85b1cb5963d008.manager.bundle.js.LICENSE.txt similarity index 100% rename from docs/6.58113343110eb89bbef8.manager.bundle.js.LICENSE.txt rename to docs/6.5ff54c85b1cb5963d008.manager.bundle.js.LICENSE.txt diff --git a/docs/7.4bdacf807a3167bf471d.manager.bundle.js b/docs/7.4bdacf807a3167bf471d.manager.bundle.js deleted file mode 100644 index fbdee7a20..000000000 --- a/docs/7.4bdacf807a3167bf471d.manager.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{851:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"getScrollAreaStyles",(function(){return getScrollAreaStyles}));__webpack_require__(16),__webpack_require__(63);var _templateObject,react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_storybook_theming__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(59);var hsResizeObserverDummyAnimation=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.d)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["0%{z-index:0}to{z-index:-1}"]))),getScrollAreaStyles=function getScrollAreaStyles(theme){return{"html.os-html, html.os-html>.os-host":{display:"block",overflow:"hidden",boxSizing:"border-box",height:"100%!important",width:"100%!important",minWidth:"100%!important",minHeight:"100%!important",margin:"0!important",position:"absolute!important"},"html.os-html>.os-host>.os-padding":{position:"absolute"},"body.os-dragging, body.os-dragging *":{cursor:"default"},".os-host, .os-host-textarea":{position:"relative",overflow:"visible!important",flexDirection:"column",flexWrap:"nowrap",justifyContent:"flex-start",alignContent:"flex-start",alignItems:"flex-start"},".os-host-flexbox":{overflow:"hidden!important",display:"flex"},".os-host-flexbox>.os-size-auto-observer":{height:"inherit!important"},".os-host-flexbox>.os-content-glue":{flexGrow:1,flexShrink:0},".os-host-flexbox>.os-size-auto-observer, .os-host-flexbox>.os-content-glue":{minHeight:0,minWidth:0,flexGrow:0,flexShrink:1,flexBasis:"auto"},"#os-dummy-scrollbar-size":{position:"fixed",opacity:0,visibility:"hidden",overflow:"scroll",height:500,width:500},"#os-dummy-scrollbar-size>div":{width:"200%",height:"200%",margin:10},"#os-dummy-scrollbar-size, .os-viewport":{},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport":{scrollbarWidth:"none!important"},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner":{display:"none!important",width:"0!important",height:"0!important",visibility:"hidden!important",background:"0 0!important"},".os-content-glue":{boxSizing:"inherit",maxHeight:"100%",maxWidth:"100%",width:"100%",pointerEvents:"none"},".os-padding":{boxSizing:"inherit",direction:"inherit",position:"absolute",overflow:"visible",padding:0,margin:0,left:0,top:0,bottom:0,right:0,width:"auto!important",height:"auto!important",zIndex:1},".os-host-overflow>.os-padding":{overflow:"hidden"},".os-viewport":{direction:"inherit!important",boxSizing:"inherit!important",resize:"none!important",outline:"0!important",position:"absolute",overflow:"hidden",top:0,left:0,bottom:0,right:0,padding:0,margin:0},".os-content-arrange":{position:"absolute",zIndex:-1,minHeight:1,minWidth:1,pointerEvents:"none"},".os-content":{direction:"inherit",boxSizing:"border-box!important",position:"relative",display:"block",height:"100%",width:"100%",visibility:"visible"},".os-content:before, .os-content:after":{content:"''",display:"table",width:0,height:0,lineHeight:0,fontSize:0},".os-content>.os-textarea":{boxSizing:"border-box!important",direction:"inherit!important",background:"0 0!important",outline:"0 transparent!important",overflow:"hidden!important",position:"absolute!important",display:"block!important",top:"0!important",left:"0!important",margin:"0!important",borderRadius:"0!important",float:"none!important",filter:"none!important",border:"0!important",resize:"none!important",transform:"none!important",maxWidth:"none!important",maxHeight:"none!important",boxShadow:"none!important",perspective:"none!important",opacity:"1!important",zIndex:"1!important",clip:"auto!important",verticalAlign:"baseline!important",padding:0},".os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea":{right:"0!important"},".os-content>.os-textarea-cover":{zIndex:-1,pointerEvents:"none"},".os-content>.os-textarea[wrap=off]":{whiteSpace:"pre!important",margin:"0!important"},".os-text-inherit":{fontFamily:"inherit",fontSize:"inherit",fontWeight:"inherit",fontStyle:"inherit",fontVariant:"inherit",textTransform:"inherit",textDecoration:"inherit",textIndent:"inherit",textAlign:"inherit",textShadow:"inherit",textOverflow:"inherit",letterSpacing:"inherit",wordSpacing:"inherit",lineHeight:"inherit",unicodeBidi:"inherit",direction:"inherit",color:"inherit",cursor:"text"},".os-resize-observer, .os-resize-observer-host":{boxSizing:"inherit",display:"block",opacity:0,position:"absolute",top:0,left:0,height:"100%",width:"100%",overflow:"hidden",pointerEvents:"none",zIndex:-1},".os-resize-observer-host":{padding:"inherit",border:"inherit",borderColor:"transparent",borderStyle:"solid",boxSizing:"border-box"},".os-resize-observer-host:after":{content:"''"},".os-resize-observer-host>.os-resize-observer, .os-resize-observer-host:after":{height:"200%",width:"200%",padding:"inherit",border:"inherit",margin:0,display:"block",boxSizing:"content-box"},".os-resize-observer.observed, object.os-resize-observer":{boxSizing:"border-box!important"},".os-size-auto-observer":{boxSizing:"inherit!important",height:"100%",width:"inherit",maxWidth:1,position:"relative",float:"left",maxHeight:1,overflow:"hidden",zIndex:-1,padding:0,margin:0,pointerEvents:"none",flexGrow:"inherit",flexShrink:0,flexBasis:0},".os-size-auto-observer>.os-resize-observer":{width:"1000%",height:"1000%",minHeight:1,minWidth:1},".os-resize-observer-item":{position:"absolute",top:0,right:0,bottom:0,left:0,overflow:"hidden",zIndex:-1,opacity:0,direction:"ltr!important",flex:"none!important"},".os-resize-observer-item-final":{position:"absolute",left:0,top:0,transition:"none!important",flex:"none!important"},".os-resize-observer":{animationDuration:".001s",animationName:"".concat(hsResizeObserverDummyAnimation)},".os-host-transition>.os-scrollbar, .os-host-transition>.os-scrollbar-corner":{transition:"opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s"},"html.os-html>.os-host>.os-scrollbar":{position:"absolute",zIndex:999999},".os-scrollbar, .os-scrollbar-corner":{position:"absolute",opacity:1,zIndex:1},".os-scrollbar-corner":{bottom:0,right:0,height:10,width:10,backgroundColor:"transparent"},".os-scrollbar":{pointerEvents:"none",padding:2,boxSizing:"border-box",background:0},".os-scrollbar-track":{pointerEvents:"auto",position:"relative",height:"100%",width:"100%",padding:"0!important",border:"0!important"},".os-scrollbar-handle":{pointerEvents:"auto",position:"absolute",width:"100%",height:"100%"},".os-scrollbar-handle-off, .os-scrollbar-track-off":{pointerEvents:"none"},".os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable *":{pointerEvents:"none!important"},".os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle":{opacity:"0!important"},".os-scrollbar-horizontal":{bottom:0,left:0,right:10,height:10},".os-scrollbar-vertical":{top:0,right:0,bottom:10,width:10},".os-host-rtl>.os-scrollbar-horizontal":{right:0},".os-host-rtl>.os-scrollbar-vertical":{right:"auto",left:0},".os-host-rtl>.os-scrollbar-corner":{right:"auto",left:0},".os-scrollbar-auto-hidden, .os-padding+.os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner, .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner":{opacity:0,visibility:"hidden",pointerEvents:"none"},".os-scrollbar-corner-resize-both":{cursor:"nwse-resize"},".os-host-rtl>.os-scrollbar-corner-resize-both":{cursor:"nesw-resize"},".os-scrollbar-corner-resize-horizontal":{cursor:"ew-resize"},".os-scrollbar-corner-resize-vertical":{cursor:"ns-resize"},".os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize":{cursor:"default"},".os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical":{top:0,bottom:0},".os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal":{right:0,left:0},".os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize":{opacity:"1!important",visibility:"visible!important"},".os-scrollbar-corner.os-scrollbar-corner-resize":{backgroundImage:"linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 100%)",backgroundRepeat:"no-repeat",backgroundPosition:"100% 100%",pointerEvents:"auto!important"},".os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize":{transform:"scale(-1,1)"},".os-host-overflow":{overflow:"hidden!important"},".os-theme-dark.os-host-rtl>.os-scrollbar-horizontal":{left:10,right:0},".os-scrollbar.os-scrollbar-unusable":{background:0},".os-scrollbar>.os-scrollbar-track":{background:0},".os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle":{minWidth:30},".os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle":{minHeight:30},".os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{transition:"background-color .3s"},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-scrollbar>.os-scrollbar-track":{borderRadius:10},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{background:theme.color.mediumdark,opacity:.5},".os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle":{opacity:.6},".os-scrollbar-horizontal .os-scrollbar-handle:before, .os-scrollbar-vertical .os-scrollbar-handle:before":{content:"''",position:"absolute",left:0,right:0,top:0,bottom:0,display:"block"},".os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before":{display:"none"},".os-scrollbar-horizontal .os-scrollbar-handle:before":{top:-6,bottom:-2},".os-scrollbar-vertical .os-scrollbar-handle:before":{left:-6,right:-2},".os-host-rtl.os-scrollbar-vertical .os-scrollbar-handle:before":{right:-6,left:-2}}},GlobalScrollAreaStyles=function GlobalScrollAreaStyles(){return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.a,{styles:getScrollAreaStyles})};GlobalScrollAreaStyles.displayName="GlobalScrollAreaStyles",__webpack_exports__.default=GlobalScrollAreaStyles}}]); \ No newline at end of file diff --git a/docs/7.fc7b8f87e8d82f6bd54c.manager.bundle.js b/docs/7.fc7b8f87e8d82f6bd54c.manager.bundle.js new file mode 100644 index 000000000..94a22e512 --- /dev/null +++ b/docs/7.fc7b8f87e8d82f6bd54c.manager.bundle.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{1008:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"getScrollAreaStyles",(function(){return getScrollAreaStyles}));__webpack_require__(15),__webpack_require__(60);var _templateObject,react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_storybook_theming__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(53);var hsResizeObserverDummyAnimation=Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.d)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["0%{z-index:0}to{z-index:-1}"]))),getScrollAreaStyles=function getScrollAreaStyles(theme){return{"html.os-html, html.os-html>.os-host":{display:"block",overflow:"hidden",boxSizing:"border-box",height:"100%!important",width:"100%!important",minWidth:"100%!important",minHeight:"100%!important",margin:"0!important",position:"absolute!important"},"html.os-html>.os-host>.os-padding":{position:"absolute"},"body.os-dragging, body.os-dragging *":{cursor:"default"},".os-host, .os-host-textarea":{position:"relative",overflow:"visible!important",flexDirection:"column",flexWrap:"nowrap",justifyContent:"flex-start",alignContent:"flex-start",alignItems:"flex-start"},".os-host-flexbox":{overflow:"hidden!important",display:"flex"},".os-host-flexbox>.os-size-auto-observer":{height:"inherit!important"},".os-host-flexbox>.os-content-glue":{flexGrow:1,flexShrink:0},".os-host-flexbox>.os-size-auto-observer, .os-host-flexbox>.os-content-glue":{minHeight:0,minWidth:0,flexGrow:0,flexShrink:1,flexBasis:"auto"},"#os-dummy-scrollbar-size":{position:"fixed",opacity:0,visibility:"hidden",overflow:"scroll",height:500,width:500},"#os-dummy-scrollbar-size>div":{width:"200%",height:"200%",margin:10},"#os-dummy-scrollbar-size, .os-viewport":{},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport":{scrollbarWidth:"none!important"},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner":{display:"none!important",width:"0!important",height:"0!important",visibility:"hidden!important",background:"0 0!important"},".os-content-glue":{boxSizing:"inherit",maxHeight:"100%",maxWidth:"100%",width:"100%",pointerEvents:"none"},".os-padding":{boxSizing:"inherit",direction:"inherit",position:"absolute",overflow:"visible",padding:0,margin:0,left:0,top:0,bottom:0,right:0,width:"auto!important",height:"auto!important",zIndex:1},".os-host-overflow>.os-padding":{overflow:"hidden"},".os-viewport":{direction:"inherit!important",boxSizing:"inherit!important",resize:"none!important",outline:"0!important",position:"absolute",overflow:"hidden",top:0,left:0,bottom:0,right:0,padding:0,margin:0},".os-content-arrange":{position:"absolute",zIndex:-1,minHeight:1,minWidth:1,pointerEvents:"none"},".os-content":{direction:"inherit",boxSizing:"border-box!important",position:"relative",display:"block",height:"100%",width:"100%",visibility:"visible"},".os-content:before, .os-content:after":{content:"''",display:"table",width:0,height:0,lineHeight:0,fontSize:0},".os-content>.os-textarea":{boxSizing:"border-box!important",direction:"inherit!important",background:"0 0!important",outline:"0 transparent!important",overflow:"hidden!important",position:"absolute!important",display:"block!important",top:"0!important",left:"0!important",margin:"0!important",borderRadius:"0!important",float:"none!important",filter:"none!important",border:"0!important",resize:"none!important",transform:"none!important",maxWidth:"none!important",maxHeight:"none!important",boxShadow:"none!important",perspective:"none!important",opacity:"1!important",zIndex:"1!important",clip:"auto!important",verticalAlign:"baseline!important",padding:0},".os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea":{right:"0!important"},".os-content>.os-textarea-cover":{zIndex:-1,pointerEvents:"none"},".os-content>.os-textarea[wrap=off]":{whiteSpace:"pre!important",margin:"0!important"},".os-text-inherit":{fontFamily:"inherit",fontSize:"inherit",fontWeight:"inherit",fontStyle:"inherit",fontVariant:"inherit",textTransform:"inherit",textDecoration:"inherit",textIndent:"inherit",textAlign:"inherit",textShadow:"inherit",textOverflow:"inherit",letterSpacing:"inherit",wordSpacing:"inherit",lineHeight:"inherit",unicodeBidi:"inherit",direction:"inherit",color:"inherit",cursor:"text"},".os-resize-observer, .os-resize-observer-host":{boxSizing:"inherit",display:"block",opacity:0,position:"absolute",top:0,left:0,height:"100%",width:"100%",overflow:"hidden",pointerEvents:"none",zIndex:-1},".os-resize-observer-host":{padding:"inherit",border:"inherit",borderColor:"transparent",borderStyle:"solid",boxSizing:"border-box"},".os-resize-observer-host:after":{content:"''"},".os-resize-observer-host>.os-resize-observer, .os-resize-observer-host:after":{height:"200%",width:"200%",padding:"inherit",border:"inherit",margin:0,display:"block",boxSizing:"content-box"},".os-resize-observer.observed, object.os-resize-observer":{boxSizing:"border-box!important"},".os-size-auto-observer":{boxSizing:"inherit!important",height:"100%",width:"inherit",maxWidth:1,position:"relative",float:"left",maxHeight:1,overflow:"hidden",zIndex:-1,padding:0,margin:0,pointerEvents:"none",flexGrow:"inherit",flexShrink:0,flexBasis:0},".os-size-auto-observer>.os-resize-observer":{width:"1000%",height:"1000%",minHeight:1,minWidth:1},".os-resize-observer-item":{position:"absolute",top:0,right:0,bottom:0,left:0,overflow:"hidden",zIndex:-1,opacity:0,direction:"ltr!important",flex:"none!important"},".os-resize-observer-item-final":{position:"absolute",left:0,top:0,transition:"none!important",flex:"none!important"},".os-resize-observer":{animationDuration:".001s",animationName:"".concat(hsResizeObserverDummyAnimation)},".os-host-transition>.os-scrollbar, .os-host-transition>.os-scrollbar-corner":{transition:"opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s"},"html.os-html>.os-host>.os-scrollbar":{position:"absolute",zIndex:999999},".os-scrollbar, .os-scrollbar-corner":{position:"absolute",opacity:1,zIndex:1},".os-scrollbar-corner":{bottom:0,right:0,height:10,width:10,backgroundColor:"transparent"},".os-scrollbar":{pointerEvents:"none",padding:2,boxSizing:"border-box",background:0},".os-scrollbar-track":{pointerEvents:"auto",position:"relative",height:"100%",width:"100%",padding:"0!important",border:"0!important"},".os-scrollbar-handle":{pointerEvents:"auto",position:"absolute",width:"100%",height:"100%"},".os-scrollbar-handle-off, .os-scrollbar-track-off":{pointerEvents:"none"},".os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable *":{pointerEvents:"none!important"},".os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle":{opacity:"0!important"},".os-scrollbar-horizontal":{bottom:0,left:0,right:10,height:10},".os-scrollbar-vertical":{top:0,right:0,bottom:10,width:10},".os-host-rtl>.os-scrollbar-horizontal":{right:0},".os-host-rtl>.os-scrollbar-vertical":{right:"auto",left:0},".os-host-rtl>.os-scrollbar-corner":{right:"auto",left:0},".os-scrollbar-auto-hidden, .os-padding+.os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner, .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner":{opacity:0,visibility:"hidden",pointerEvents:"none"},".os-scrollbar-corner-resize-both":{cursor:"nwse-resize"},".os-host-rtl>.os-scrollbar-corner-resize-both":{cursor:"nesw-resize"},".os-scrollbar-corner-resize-horizontal":{cursor:"ew-resize"},".os-scrollbar-corner-resize-vertical":{cursor:"ns-resize"},".os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize":{cursor:"default"},".os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical":{top:0,bottom:0},".os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal":{right:0,left:0},".os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize":{opacity:"1!important",visibility:"visible!important"},".os-scrollbar-corner.os-scrollbar-corner-resize":{backgroundImage:"linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 100%)",backgroundRepeat:"no-repeat",backgroundPosition:"100% 100%",pointerEvents:"auto!important"},".os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize":{transform:"scale(-1,1)"},".os-host-overflow":{overflow:"hidden!important"},".os-theme-dark.os-host-rtl>.os-scrollbar-horizontal":{left:10,right:0},".os-scrollbar.os-scrollbar-unusable":{background:0},".os-scrollbar>.os-scrollbar-track":{background:0},".os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle":{minWidth:30},".os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle":{minHeight:30},".os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{transition:"background-color .3s"},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-scrollbar>.os-scrollbar-track":{borderRadius:10},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{background:theme.color.mediumdark,opacity:.5},".os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle":{opacity:.6},".os-scrollbar-horizontal .os-scrollbar-handle:before, .os-scrollbar-vertical .os-scrollbar-handle:before":{content:"''",position:"absolute",left:0,right:0,top:0,bottom:0,display:"block"},".os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before":{display:"none"},".os-scrollbar-horizontal .os-scrollbar-handle:before":{top:-6,bottom:-2},".os-scrollbar-vertical .os-scrollbar-handle:before":{left:-6,right:-2},".os-host-rtl.os-scrollbar-vertical .os-scrollbar-handle:before":{right:-6,left:-2}}},GlobalScrollAreaStyles=function GlobalScrollAreaStyles(){return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.a,{styles:getScrollAreaStyles})};GlobalScrollAreaStyles.displayName="GlobalScrollAreaStyles",__webpack_exports__.default=GlobalScrollAreaStyles}}]); \ No newline at end of file diff --git a/docs/8.7aa5b7212ccaab14c3f2.manager.bundle.js b/docs/8.7aa5b7212ccaab14c3f2.manager.bundle.js new file mode 100644 index 000000000..8d4132fda --- /dev/null +++ b/docs/8.7aa5b7212ccaab14c3f2.manager.bundle.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{1077:function(module,exports){module.exports=function(e,n){return n=n||{},new Promise((function(t,r){var s=new XMLHttpRequest,o=[],u=[],i={},a=function(){return{ok:2==(s.status/100|0),statusText:s.statusText,status:s.status,url:s.responseURL,text:function(){return Promise.resolve(s.responseText)},json:function(){return Promise.resolve(s.responseText).then(JSON.parse)},blob:function(){return Promise.resolve(new Blob([s.response]))},clone:a,headers:{keys:function(){return o},entries:function(){return u},get:function(e){return i[e.toLowerCase()]},has:function(e){return e.toLowerCase()in i}}}};for(var l in s.open(n.method||"get",e,!0),s.onload=function(){s.getAllResponseHeaders().replace(/^(.*?):[^\S\n]*([\s\S]*?)$/gm,(function(e,n,t){o.push(n=n.toLowerCase()),u.push([n,t]),i[n]=i[n]?i[n]+","+t:t})),t(a())},s.onerror=r,s.withCredentials="include"==n.credentials,n.headers)s.setRequestHeader(l,n.headers[l]);s.send(n.body||null)}))}}}]); \ No newline at end of file diff --git a/docs/8.efe498454a23830f4d17.manager.bundle.js b/docs/8.efe498454a23830f4d17.manager.bundle.js deleted file mode 100644 index 8803d6feb..000000000 --- a/docs/8.efe498454a23830f4d17.manager.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{922:function(module,exports){module.exports=function(e,n){return n=n||{},new Promise((function(t,r){var s=new XMLHttpRequest,o=[],u=[],i={},a=function(){return{ok:2==(s.status/100|0),statusText:s.statusText,status:s.status,url:s.responseURL,text:function(){return Promise.resolve(s.responseText)},json:function(){return Promise.resolve(s.responseText).then(JSON.parse)},blob:function(){return Promise.resolve(new Blob([s.response]))},clone:a,headers:{keys:function(){return o},entries:function(){return u},get:function(e){return i[e.toLowerCase()]},has:function(e){return e.toLowerCase()in i}}}};for(var l in s.open(n.method||"get",e,!0),s.onload=function(){s.getAllResponseHeaders().replace(/^(.*?):[^\S\n]*([\s\S]*?)$/gm,(function(e,n,t){o.push(n=n.toLowerCase()),u.push([n,t]),i[n]=i[n]?i[n]+","+t:t})),t(a())},s.onerror=r,s.withCredentials="include"==n.credentials,n.headers)s.setRequestHeader(l,n.headers[l]);s.send(n.body||null)}))}}}]); \ No newline at end of file diff --git a/docs/iframe.html b/docs/iframe.html index fac350182..859e96175 100644 --- a/docs/iframe.html +++ b/docs/iframe.html @@ -355,4 +355,4 @@ - window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|ts|jsx|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|ts|jsx|tsx|mdx))$"}]; \ No newline at end of file + window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|ts|jsx|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|ts|jsx|tsx|mdx))$"}]; \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 6be35b763..e864096fb 100644 --- a/docs/index.html +++ b/docs/index.html @@ -140,4 +140,4 @@ - window['DOCS_MODE'] = false; \ No newline at end of file + window['DOCS_MODE'] = false; \ No newline at end of file diff --git a/docs/main.944c91df8218ac4f0abd.manager.bundle.js b/docs/main.944c91df8218ac4f0abd.manager.bundle.js deleted file mode 100644 index ea4ea1931..000000000 --- a/docs/main.944c91df8218ac4f0abd.manager.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{461:function(module,exports,__webpack_require__){__webpack_require__(462),__webpack_require__(847),__webpack_require__(844),__webpack_require__(848),__webpack_require__(845),module.exports=__webpack_require__(846)},528:function(module,exports){},847:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var esm=__webpack_require__(855),create=__webpack_require__(436),vanillaish=Object(create.create)({base:"light",colorPrimary:"#fff",colorSecondary:"rgba(0,0,0,0.05)",appBg:"#fff",appContentBg:"#fff",appBorderColor:"#cdcdcd",appBorderRadius:".125rem",fontBase:'"Ubuntu", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',fontCode:'"Ubuntu Mono", Consolas, Monaco, Courier, monospace',textColor:"#111",textInverseColor:"#111",barTextColor:"#111",barSelectedColor:"#666",barBg:"#fff",inputBg:"#fff",inputBorder:"#cdcdcd",inputTextColor:"#111",inputBorderRadius:".125rem",brandTitle:"Vanilla React Library",brandUrl:"https://vanillaframework.io",brandImage:"https://assets.ubuntu.com/v1/746e552e-vanilla_black-orange_hex.svg"});esm.a.setConfig({theme:vanillaish})}},[[461,2,3]]]); \ No newline at end of file diff --git a/docs/main.9592401036c7e6015c76.manager.bundle.js b/docs/main.9592401036c7e6015c76.manager.bundle.js new file mode 100644 index 000000000..2e4b68117 --- /dev/null +++ b/docs/main.9592401036c7e6015c76.manager.bundle.js @@ -0,0 +1 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{1005:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var esm=__webpack_require__(1012),create=__webpack_require__(530),vanillaish=Object(create.create)({base:"light",colorPrimary:"#fff",colorSecondary:"rgba(0,0,0,0.05)",appBg:"#fff",appContentBg:"#fff",appBorderColor:"#cdcdcd",appBorderRadius:".125rem",fontBase:'"Ubuntu", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',fontCode:'"Ubuntu Mono", Consolas, Monaco, Courier, monospace',textColor:"#111",textInverseColor:"#111",barTextColor:"#111",barSelectedColor:"#666",barBg:"#fff",inputBg:"#fff",inputBorder:"#cdcdcd",inputTextColor:"#111",inputBorderRadius:".125rem",brandTitle:"Vanilla React Library",brandUrl:"https://vanillaframework.io",brandImage:"https://assets.ubuntu.com/v1/746e552e-vanilla_black-orange_hex.svg"});esm.a.setConfig({theme:vanillaish})},559:function(module,exports,__webpack_require__){__webpack_require__(560),__webpack_require__(1005),__webpack_require__(489),__webpack_require__(1006),__webpack_require__(490),module.exports=__webpack_require__(1004)},627:function(module,exports){}},[[559,2,3]]]); \ No newline at end of file diff --git a/docs/main.9d937387.iframe.bundle.js b/docs/main.9d937387.iframe.bundle.js deleted file mode 100644 index a48984d48..000000000 --- a/docs/main.9d937387.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),esm=__webpack_require__("./node_modules/@storybook/client-logger/dist/esm/index.js"),create=__webpack_require__("./node_modules/@storybook/theming/dist/esm/create.js"),parameters=(__webpack_require__("./node_modules/vanilla-framework/scss/build.scss"),{docs:{theme:create.a.vanillaish}});function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":case"argTypes":return esm.a.warn("Invalid args/argTypes in config, ignoring.",JSON.stringify(value));case"decorators":return value.forEach((function(decorator){return Object(ClientApi.d)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.e)(loader,!1)}));case"parameters":return Object(ClientApi.f)(function _objectSpread(target){for(var i=1;i 55) {\n @return $color-dark; // Lighter background, return dark color\n } @else {\n @return $color-x-light; // Darker background, return light color\n }\n}\n\n// Returns the font color to be presented on the passed background-color\n// variable.\n@function vf-determine-text-color($background-color) {\n @if (lightness($background-color) > 50) {\n @return $color-dark;\n } @else {\n @return $color-x-light;\n }\n}\n\n// Adds visual focus to elements on :focus-visible,\n// or :focus if the browser doesn't support the former\n@mixin vf-focus($color: $color-focus, $width: $bar-thickness, $has-validation: false) {\n &:focus {\n outline: $width solid $color;\n outline-offset: -#{$width};\n }\n\n &:focus-visible {\n outline: $width solid $color;\n outline-offset: -#{$width};\n }\n\n &:focus:not(:focus-visible) {\n outline: 0;\n outline-offset: 0;\n }\n\n @if ($has-validation) {\n .is-error &:focus {\n outline-color: $color-negative;\n }\n\n .is-caution &:focus {\n outline-color: $color-caution;\n }\n\n .is-success &:focus {\n outline-color: $color-positive;\n }\n }\n}\n\n// Raises a number to a power (https://css-tricks.com/snippets/sass/power-function/)\n@function pow($number, $exponent) {\n $value: 1;\n\n @if $exponent > 0 {\n @for $i from 1 through $exponent {\n $value: $value * $number;\n }\n } @else if $exponent < 0 {\n @for $i from 1 through -$exponent {\n $value: math.div($value, $number);\n }\n }\n\n @return $value;\n}\n\n@mixin vf-highlight-bar($bg-color: $color-mid-dark, $position: top, $over-border: false) {\n position: relative;\n\n &::before {\n #{$position}: 0;\n background-color: $bg-color;\n content: '';\n position: absolute;\n }\n\n @if $position == top or $position == bottom {\n &::before {\n height: $bar-thickness;\n width: auto;\n\n @if $over-border == true {\n left: -1px;\n right: -1px;\n z-index: 1;\n } @else {\n left: 0;\n right: 0;\n }\n\n @if $position == bottom {\n bottom: 0;\n top: auto;\n }\n }\n } @else if $position == left or $position == right {\n &::before {\n height: auto;\n width: $bar-thickness;\n\n @if $over-border == true {\n bottom: -1px;\n top: -1px;\n z-index: 1;\n } @else {\n bottom: 0;\n top: 0;\n }\n }\n }\n}\n\n@mixin vf-icon-size($size: $default-icon-size) {\n background-size: contain;\n height: $size;\n width: $size;\n}\n","@use 'sass:math';\n\n// Typographic scale settings\n$ms-ratio: math.div(16, 14) !default;\n$sp-unit-ratio: 0.5 !default;\n\n// Baseline grid settings\n$sp-unit: 1rem * $sp-unit-ratio !default;\n\n$font-sizes: (\n h1: pow($ms-ratio, 8),\n h1-mobile: pow($ms-ratio, 6),\n h2: pow($ms-ratio, 6),\n h2-mobile: 1.83274,\n h3: pow($ms-ratio, 4),\n h3-mobile: pow($ms-ratio, 3),\n h4: pow($ms-ratio, 2),\n h4-mobile: 1.22176,\n small: pow($ms-ratio, -1),\n x-small: pow($ms-ratio, -2),\n);\n\n$line-heights: (\n h1: 7 * $sp-unit,\n h1-mobile: 6 * $sp-unit,\n h2: 6 * $sp-unit,\n h2-mobile: 5 * $sp-unit,\n h3: 5 * $sp-unit,\n h3-mobile: 4 * $sp-unit,\n h4: 4 * $sp-unit,\n h4-mobile: 3 * $sp-unit,\n default-text: 3 * $sp-unit,\n small: 2.5 * $sp-unit,\n x-small: 2 * $sp-unit,\n) !default;\n\n// baseline nudges for type scale ratio of (16/14)^2\n$nudges: (\n h1-large: 0.15rem,\n h1-mobile: 0.165rem,\n h1: 0.2rem,\n h2: 0.2rem,\n h2-mobile: 0.1rem,\n h3: 0.1rem,\n h3-mobile: 0.5rem,\n h4-large: 0,\n h4: 0.05rem,\n h4-mobile: 0.3rem,\n h6: 0.338rem,\n h6-large: 0.345rem,\n p: 0.4rem,\n p-ubuntumono: 0.45rem,\n small: 0.05rem,\n x-small: 0.25rem,\n) !default;\n\n// Correct baseline drift due to browser rounding. (Visible in text > 1000 lines)\n// It is applied only to padding-top.\n$browser-rounding-compensations: (\n h1: 0.001rem,\n h2: 0.001rem,\n h3: 0.001rem,\n h4: 0.001rem,\n h5: 0.001rem,\n h6: 0,\n p: 0.0005rem,\n small-largescreen: 0.0006rem,\n small: 0.0005rem,\n) !default;\n\n// Main spacing variables. spv stands spacing-vertical; sph stands for spacing-horizontal.\n\n$spv--x-small: $sp-unit * 0.5 !default;\n$spv--small: $sp-unit !default;\n$spv--medium: $sp-unit * 1.5 !default;\n$spv--large: $sp-unit * 2;\n$spv--x-large: $sp-unit * 3 !default;\n$spv--strip-regular: $sp-unit * 8 !default;\n$spv--strip-deep: $sp-unit * 12 !default;\n\n$sph--x-small: $sp-unit * 0.5 !default; // to be used in place of an inline space between characters/words\n$sph--small: $sp-unit !default;\n$sph--large: $sp-unit * 2 !default;\n$sph--x-large: $sp-unit * 3 !default;\n\n// Space after text elements\n$sp-after: (\n h1: $spv--large,\n h1-mobile: $spv--large,\n h2: $spv--large,\n h2-mobile: $spv--large,\n h3: $spv--large,\n h3-mobile: $spv--large,\n h4: $spv--large,\n h4-mobile: $spv--large,\n p: $spv--x-large,\n p-dense: $spv--large,\n default-text: $sp-unit,\n small: $spv--large,\n small--dense: $spv--large,\n x-small: $spv--large,\n) !default;\n\n// commonly occuring calculations available as variables\n$spv-nudge: map-get($nudges, p) !default; // top: nudge; bottom: unit - nudge; result: height = exact multiple of base unit\n$spv-nudge-compensation: $sp-unit - $spv-nudge !default;\n$input-margin-bottom: $sp-unit * 4 - $spv-nudge * 2;\n$input-vertical-padding: calc(#{$spv-nudge} - 1px);\n\n// tick element variables\n$form-tick-box-size: 1rem;\n$form-tick-height: 0.375rem;\n$form-tick-offset-top: 0.1875rem;\n$form-tick-box-nudge: 0.15rem; // to nudge the tick box a bit below baseline (to correctly align with default text size)\n$form-radio-inner-circle-diameter: 0.375rem;\n$form-radio-circle-offset: 0.5 * ($form-tick-box-size - $form-radio-inner-circle-diameter);\n\n$text-max-width: 40em !default;\n\n$icon-sizes: (\n small: $sp-unit * 1.5,\n default: $sp-unit * 2,\n heading-icon--x-small: $sp-unit * 3,\n heading-icon--small: $sp-unit * 4,\n heading-icon: $sp-unit * 5,\n thumb: $sp-unit * 6,\n thumb--large: $sp-unit * 12,\n) !default;\n\n$default-icon-size: map-get($icon-sizes, default);\n\n$table-cell-vertical-padding: $spv--small;\n\n// generic units\n$sp-xx-small: $sp-unit * 0.25 !default;\n$sp-x-small: $sp-unit * 0.5 !default;\n$sp-small: $sp-unit !default;\n$sp-medium: $sp-unit * 2 !default;\n$sp-large: $sp-unit * 3 !default;\n$sp-x-large: $sp-unit * 4 !default;\n$sp-xx-large: $sp-unit * 5 !default;\n$sp-xxx-large: $sp-unit * 6 !default;\n$sp-xxxx-large: $sp-unit * 8 !default;\n$sp-xxxxx-large: $sp-unit * 12 !default; // anythng this large should be expressed as a sum of constituent heights. This is not currently used AFAIK , consider removing for 3.0\n","@import 'settings';\n\n@mixin vf-p-icons {\n @include vf-p-icons-common;\n @include vf-p-icon-anchor;\n @include vf-p-icon-plus;\n @include vf-p-icon-minus;\n @include vf-p-icon-expand;\n @include vf-p-icon-collapse;\n @include vf-p-icon-chevron;\n @include vf-p-icon-close;\n @include vf-p-icon-help;\n @include vf-p-icon-info;\n @include vf-p-icon-delete;\n @include vf-p-icon-error;\n @include vf-p-icon-warning;\n @include vf-p-icon-external-link;\n @include vf-p-icon-drag;\n @include vf-p-icon-code;\n @include vf-p-icon-menu;\n @include vf-p-icon-copy;\n @include vf-p-icon-search;\n @include vf-p-icon-success;\n @include vf-p-icon-share;\n @include vf-p-icon-user;\n @include vf-p-icon-spinner;\n @include vf-p-icon-facebook;\n @include vf-p-icon-github;\n @include vf-p-icon-twitter;\n @include vf-p-icon-instagram;\n @include vf-p-icon-linkedin;\n @include vf-p-icon-youtube;\n @include vf-p-icon-rss;\n @include vf-p-icon-email;\n @include vf-p-icon-sizes;\n @include vf-p-icon-show;\n @include vf-p-icon-hide;\n}\n\n@mixin vf-p-icons-common {\n // stylelint-disable selector-max-type\n h1,\n .p-heading--1,\n .u-match-h1 {\n [class*='p-icon'] {\n @include vf-icon-size($x-height);\n\n vertical-align: 0;\n }\n }\n\n h2,\n .p-heading--2,\n .u-match-h2 {\n [class*='p-icon'] {\n @include vf-icon-size($x-height);\n\n vertical-align: 0;\n }\n }\n\n h3,\n .p-heading--3,\n .u-match-h3 {\n [class*='p-icon'] {\n @include vf-icon-size($default-icon-size);\n\n vertical-align: 0;\n }\n }\n\n h4,\n .p-heading--4,\n .u-match-h4 {\n [class*='p-icon'] {\n vertical-align: 0;\n }\n }\n // stylelint-enable selector-max-type\n}\n\n/// Icons\n@mixin vf-p-icon-anchor {\n .p-icon--anchor {\n @extend %icon;\n @include vf-icon-anchor($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-anchor($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-plus {\n .p-icon--plus {\n @extend %icon;\n @include vf-icon-plus($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-plus($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-minus {\n .p-icon--minus {\n @extend %icon;\n @include vf-icon-minus($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-minus($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-expand {\n .p-icon--expand {\n @extend %icon;\n @include vf-icon-expand($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-expand($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-collapse {\n .p-icon--collapse {\n @extend %icon;\n @include vf-icon-collapse($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-collapse($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-chevron {\n .p-icon--chevron-up {\n transform: rotate(180deg);\n }\n\n .p-icon--chevron-down,\n .p-icon--chevron-up {\n @extend %icon;\n @include vf-icon-chevron($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-chevron($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-close {\n .p-icon--close {\n @extend %icon;\n @include vf-icon-close($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-close($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-help {\n .p-icon--help,\n .p-icon--question {\n @extend %icon;\n @include vf-icon-help($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-help($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-info {\n .p-icon--information {\n @extend %icon;\n @include vf-icon-info($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-info($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-delete {\n .p-icon--delete {\n @extend %icon;\n @include vf-icon-delete($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-delete($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-error {\n .p-icon--error {\n @extend %icon;\n @include vf-icon-error($color-negative);\n }\n}\n\n@mixin vf-p-icon-warning {\n .p-icon--warning {\n @extend %icon;\n @include vf-icon-warning($color-caution);\n }\n}\n\n@mixin vf-p-icon-external-link {\n .p-icon--external-link {\n @extend %icon;\n @include vf-icon-external-link($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-external-link($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-drag {\n .p-icon--drag {\n @extend %icon;\n @include vf-icon-drag($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-drag($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-code {\n .p-icon--code {\n @extend %icon;\n @include vf-icon-code($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-code($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-menu {\n .p-icon--menu {\n @extend %icon;\n @include vf-icon-menu($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-menu($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-copy {\n .p-icon--copy {\n @extend %icon;\n @include vf-icon-copy($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-copy($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-search {\n .p-icon--search {\n @extend %icon;\n @include vf-icon-search($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-search($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-success {\n .p-icon--success {\n @extend %icon;\n @include vf-icon-success($color-positive);\n }\n}\n\n@mixin vf-p-icon-share {\n .p-icon--share {\n @extend %icon;\n @include vf-icon-share($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-share($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-user {\n .p-icon--user {\n @extend %icon;\n @include vf-icon-user($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-user($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-spinner {\n .p-icon--spinner {\n @extend %icon;\n @include vf-icon-spinner($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-spinner($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-facebook {\n .p-icon--facebook {\n @extend %social-icon;\n @include vf-icon-facebook;\n }\n}\n\n@mixin vf-p-icon-github {\n .p-icon--github {\n @extend %social-icon;\n @include vf-icon-github;\n }\n}\n\n@mixin vf-p-icon-twitter {\n .p-icon--twitter {\n @extend %social-icon;\n @include vf-icon-twitter;\n }\n}\n\n@mixin vf-p-icon-instagram {\n .p-icon--instagram {\n @extend %social-icon;\n @include vf-icon-instagram;\n }\n}\n\n@mixin vf-p-icon-linkedin {\n .p-icon--linkedin {\n @extend %social-icon;\n @include vf-icon-linkedin;\n }\n}\n\n@mixin vf-p-icon-youtube {\n .p-icon--youtube {\n @extend %social-icon;\n @include vf-icon-youtube;\n }\n}\n\n@mixin vf-p-icon-rss {\n .p-icon--rss {\n @extend %social-icon;\n @include vf-icon-rss;\n }\n}\n\n@mixin vf-p-icon-email {\n .p-icon--email {\n @extend %social-icon;\n @include vf-icon-email;\n }\n}\n\n@mixin vf-p-icon-sizes {\n .p-icon--medium {\n @include vf-icon-size(1.25rem);\n }\n\n .p-icon--large {\n @include vf-icon-size($sp-large);\n }\n\n .p-icon--x-large {\n @include vf-icon-size(2.25rem);\n }\n\n .p-icon--xx-large {\n @include vf-icon-size($sp-xxx-large);\n }\n}\n\n@mixin vf-p-icon-applications {\n .p-icon--applications {\n @extend %icon;\n @include vf-icon-applications($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-applications($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-controllers {\n .p-icon--controllers {\n @extend %icon;\n @include vf-icon-controllers($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-controllers($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-fullscreen {\n .p-icon--fullscreen {\n @extend %icon;\n @include vf-icon-fullscreen($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-fullscreen($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-models {\n .p-icon--models {\n @extend %icon;\n @include vf-icon-models($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-models($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-machines {\n .p-icon--machines {\n @extend %icon;\n @include vf-icon-machines($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-machines($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-pin {\n .p-icon--pin {\n @extend %icon;\n @include vf-icon-pin($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-pin($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-units {\n .p-icon--units {\n @extend %icon;\n @include vf-icon-units($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-units($color-mid-x-light);\n }\n }\n}\n\n// ADDITIONAL\n\n@mixin vf-p-icon-priority-critical {\n .p-icon--priority-critical {\n @extend %icon;\n @include vf-icon-priority-critical($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-priority-critical($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-priority-high {\n .p-icon--priority-high {\n @extend %icon;\n @include vf-icon-priority-high($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-priority-high($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-priority-low {\n .p-icon--priority-low {\n @extend %icon;\n @include vf-icon-priority-low($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-priority-low($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-priority-medium {\n .p-icon--priority-medium {\n @extend %icon;\n @include vf-icon-priority-medium($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-priority-medium($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-priority-negligible {\n .p-icon--priority-negligible {\n @extend %icon;\n @include vf-icon-priority-negligible($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-priority-negligible($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-priority-unknown {\n .p-icon--priority-unknown {\n @extend %icon;\n @include vf-icon-priority-unknown($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-priority-unknown($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-add-canvas {\n .p-icon--add-canvas {\n @extend %icon;\n @include vf-icon-add-canvas($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-add-canvas($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-add-logical-volume {\n .p-icon--add-logical-volume {\n @extend %icon;\n @include vf-icon-add-logical-volume($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-add-logical-volume($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-add-partition {\n .p-icon--add-partition {\n @extend %icon;\n @include vf-icon-add-partition($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-add-partition($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-back-to-top {\n .p-icon--back-to-top {\n @extend %icon;\n @include vf-icon-back-to-top($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-back-to-top($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-begin-downloading {\n .p-icon--begin-downloading {\n @extend %icon;\n @include vf-icon-begin-downloading($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-begin-downloading($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-bundle {\n .p-icon--bundle {\n @extend %icon;\n @include vf-icon-bundle($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-bundle($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-canvas {\n .p-icon--canvas {\n @extend %icon;\n @include vf-icon-canvas($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-canvas($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-change-version {\n .p-icon--change-version {\n @extend %icon;\n @include vf-icon-change-version($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-change-version($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-comments {\n .p-icon--comments {\n @extend %icon;\n @include vf-icon-comments($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-comments($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-conflict-grey {\n .p-icon--conflict-grey {\n @extend %icon;\n @include vf-icon-conflict-grey($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-conflict-grey($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-conflict-resolution-grey {\n .p-icon--conflict-resolution-grey {\n @extend %icon;\n @include vf-icon-conflict-resolution-grey($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-conflict-resolution-grey($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-conflict-resolution {\n .p-icon--conflict-resolution {\n @extend %icon;\n @include vf-icon-conflict-resolution($color-positive, $color-x-light);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-conflict-resolution($color-positive, $color-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-conflict {\n .p-icon--conflict {\n @extend %icon;\n @include vf-icon-conflict($color-caution, $color-x-light);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-conflict($color-caution, $color-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-connected {\n .p-icon--connected {\n @extend %icon;\n @include vf-icon-connected($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-connected($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-containers {\n .p-icon--containers {\n @extend %icon;\n @include vf-icon-containers($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-containers($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-copy-to-clipboard {\n .p-icon--copy-to-clipboard {\n @extend %icon;\n @include vf-icon-copy-to-clipboard($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-copy-to-clipboard($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-disconnect {\n .p-icon--disconnect {\n @extend %icon;\n @include vf-icon-disconnect($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-disconnect($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-edit {\n .p-icon--edit {\n @extend %icon;\n @include vf-icon-edit($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-edit($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-export {\n .p-icon--export {\n @extend %icon;\n @include vf-icon-export($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-export($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-exposed {\n .p-icon--exposed {\n @extend %icon;\n @include vf-icon-exposed($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-exposed($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-filter {\n .p-icon--filter {\n @extend %icon;\n @include vf-icon-filter($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-filter($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-fork {\n .p-icon--fork {\n @extend %icon;\n @include vf-icon-fork($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-fork($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-get-link {\n .p-icon--get-link {\n @extend %icon;\n @include vf-icon-get-link($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-get-link($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-halfscreen-bar {\n .p-icon--halfscreen-bar {\n @extend %icon;\n @include vf-icon-halfscreen-bar($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-halfscreen-bar($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-hide {\n .p-icon--hide {\n @extend %icon;\n @include vf-icon-hide($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-hide($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-highlight-off {\n .p-icon--highlight-off {\n @extend %icon;\n @include vf-icon-highlight-off($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-highlight-off($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-highlight-on {\n .p-icon--highlight-on {\n @extend %icon;\n @include vf-icon-highlight-on($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-highlight-on($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-home {\n .p-icon--home {\n @extend %icon;\n @include vf-icon-home($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-home($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-import {\n .p-icon--import {\n @extend %icon;\n @include vf-icon-import($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-import($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-in-progress {\n .p-icon--in-progress {\n @extend %icon;\n @include vf-icon-in-progress($color-x-light, $color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-in-progress($color-x-light, $color-mid-dark);\n }\n }\n}\n\n@mixin vf-p-icon-inspector-debug {\n .p-icon--inspector-debug {\n @extend %icon;\n @include vf-icon-inspector-debug($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-inspector-debug($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-loading-steps {\n .p-icon--loading-steps {\n @extend %icon;\n @include vf-icon-loading-steps($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-loading-steps($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-lock-locked-active {\n .p-icon--lock-locked-active {\n @extend %icon;\n @include vf-icon-lock-locked-active($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-lock-locked-active($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-lock-locked {\n .p-icon--lock-locked {\n @extend %icon;\n @include vf-icon-lock-locked($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-lock-locked($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-lock-unlock {\n .p-icon--lock-unlock {\n @extend %icon;\n @include vf-icon-lock-unlock($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-lock-unlock($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-maximise-bar {\n .p-icon--maximise-bar {\n @extend %icon;\n @include vf-icon-maximise-bar($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-maximise-bar($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-minimise-bar {\n .p-icon--minimise-bar {\n @extend %icon;\n @include vf-icon-minimise-bar($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-minimise-bar($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-mount-2 {\n .p-icon--mount-2 {\n @extend %icon;\n @include vf-icon-mount-2($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-mount-2($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-mount {\n .p-icon--mount {\n @extend %icon;\n @include vf-icon-mount($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-mount($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-open-terminal {\n .p-icon--open-terminal {\n @extend %icon;\n @include vf-icon-open-terminal($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-open-terminal($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-plans {\n .p-icon--plans {\n @extend %icon;\n @include vf-icon-plans($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-plans($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-pods {\n .p-icon--pods {\n @extend %icon;\n @include vf-icon-pods($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-pods($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-power-error {\n .p-icon--power-error {\n @extend %icon;\n @include vf-icon-power-error($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-power-error($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-power-off {\n .p-icon--power-off {\n @extend %icon;\n @include vf-icon-power-off($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-power-off($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-power-on {\n .p-icon--power-on {\n @extend %icon;\n @include vf-icon-power-on($color-mid-dark, $color-mid-x-light);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-power-on($color-mid-dark, $color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-profile {\n .p-icon--profile {\n @extend %icon;\n @include vf-icon-profile($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-profile($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-restart {\n .p-icon--restart {\n @extend %icon;\n @include vf-icon-restart($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-restart($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-revisions {\n .p-icon--revisions {\n @extend %icon;\n @include vf-icon-revisions($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-revisions($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-security {\n .p-icon--security {\n @extend %icon;\n @include vf-icon-security($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-security($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-settings {\n .p-icon--settings {\n @extend %icon;\n @include vf-icon-settings($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-settings($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-show {\n .p-icon--show {\n @extend %icon;\n @include vf-icon-show($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-show($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-sort-both {\n .p-icon--sort-both {\n @extend %icon;\n @include vf-icon-sort-both($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-sort-both($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-sort-down {\n .p-icon--sort-down {\n @extend %icon;\n @include vf-icon-sort-down($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-sort-down($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-sort-up {\n .p-icon--sort-up {\n @extend %icon;\n @include vf-icon-sort-up($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-sort-up($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-starred {\n .p-icon--starred {\n @extend %icon;\n @include vf-icon-starred($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-starred($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-status-failed-small {\n .p-icon--status-failed-small {\n @extend %icon;\n @include vf-icon-status-small($color-negative);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-status-small($color-negative);\n }\n }\n}\n\n@mixin vf-p-icon-status-in-progress-small {\n .p-icon--status-in-progress-small {\n @extend %icon;\n @include vf-icon-status-small($color-information);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-status-small($color-information);\n }\n }\n}\n\n@mixin vf-p-icon-status-in-progress {\n .p-icon--status-in-progress {\n @extend %icon;\n @include vf-icon-status-in-progress($color-information, $color-light, $color-x-light);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-status-in-progress($color-information, $color-light, $color-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-status-queued-small {\n .p-icon--status-queued-small {\n @extend %icon;\n @include vf-icon-status-small($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-status-small($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-status-queued {\n .p-icon--status-queued {\n @extend %icon;\n @include vf-icon-status-queued($color-x-light);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-status-queued($color-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-status-succeeded-small {\n .p-icon--status-succeeded-small {\n @extend %icon;\n @include vf-icon-status-small($color-positive);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-status-small($color-positive);\n }\n }\n}\n\n@mixin vf-p-icon-status-waiting-small {\n .p-icon--status-waiting-small {\n @extend %icon;\n @include vf-icon-status-small($color-caution);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-status-small($color-caution);\n }\n }\n}\n\n@mixin vf-p-icon-status-waiting {\n .p-icon--status-waiting {\n @extend %icon;\n @include vf-icon-status-waiting($color-caution, $color-mid-light, $color-light, $color-x-light);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-status-waiting($color-caution, $color-mid-light, $color-light, $color-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-status {\n .p-icon--status {\n @extend %icon;\n @include vf-icon-status($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-status($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-submit-bug {\n .p-icon--submit-bug {\n @extend %icon;\n @include vf-icon-submit-bug($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-submit-bug($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-success-grey {\n .p-icon--success-grey {\n @extend %icon;\n @include vf-icon-success-grey($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-success-grey($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-switcher-dashboard {\n .p-icon--switcher-dashboard {\n @extend %icon;\n @include vf-icon-switcher-dashboard($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-switcher-dashboard($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-switcher-environments {\n .p-icon--switcher-environments {\n @extend %icon;\n @include vf-icon-switcher-environments($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-switcher-environments($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-switcher {\n .p-icon--switcher {\n @extend %icon;\n @include vf-icon-switcher($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-switcher($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-tag {\n .p-icon--tag {\n @extend %icon;\n @include vf-icon-tag($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-tag($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-task-outstanding {\n .p-icon--task-outstanding {\n @extend %icon;\n @include vf-icon-task-outstanding($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-task-outstanding($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-timed-out-grey {\n .p-icon--timed-out-grey {\n @extend %icon;\n @include vf-icon-timed-out-grey($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-timed-out-grey($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-timed-out {\n .p-icon--timed-out {\n @extend %icon;\n @include vf-icon-timed-out($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-timed-out($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-topic {\n .p-icon--topic {\n @extend %icon;\n @include vf-icon-topic($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-topic($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-unit-pending {\n .p-icon--unit-pending {\n @extend %icon;\n @include vf-icon-unit-pending($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-unit-pending($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-unit-running {\n .p-icon--unit-running {\n @extend %icon;\n @include vf-icon-unit-running($color-positive, $color-x-light);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-unit-running($color-positive, $color-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-unmount {\n .p-icon--unmount {\n @extend %icon;\n @include vf-icon-unmount($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-unmount($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-unstarred {\n .p-icon--unstarred {\n @extend %icon;\n @include vf-icon-unstarred($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-unstarred($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-user-group {\n .p-icon--user-group {\n @extend %icon;\n @include vf-icon-user-group($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-user-group($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-video-play {\n .p-icon--video-play {\n @extend %icon;\n @include vf-icon-video-play($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-video-play($color-mid-x-light);\n }\n }\n}\n\n@mixin vf-p-icon-warning-grey {\n .p-icon--warning-grey {\n @extend %icon;\n @include vf-icon-warning-grey($color-mid-dark);\n\n [class*='--dark'] &,\n &.is-light {\n @include vf-icon-warning-grey($color-mid-x-light);\n }\n }\n}\n",'// Global font settings\n$font-base-family: \'"Ubuntu", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif\' !default;\n$font-monospace: \'"Ubuntu Mono", Consolas, Monaco, Courier, monospace\' !default;\n$font-heading-family: $font-base-family !default;\n$font-use-subset-latin: false !default;\n$font-display-option: fallback !default;\n$font-allow-cyrillic-greek-latin: false !default;\n$increase-font-size-on-larger-screens: true !default;\n$font-size-ratio--largescreen: 1.125 !default;\n$font-size-largescreen: #{$font-size-ratio--largescreen}rem;\n$base-font-sizes: (\n base: 1rem,\n large: $font-size-largescreen,\n) !default;\n$font-weight-display-heading: 100 !default;\n$font-weight-regular-text: 300 !default;\n$font-weight-bold: 400 !default;\n\n// Ubuntu Font metrics\n$baseline-position: 0.932em !default; // HHead Ascent from the font file\'s metrics. Viewable in Fontforge Font Information>OS/2\n$cap-height: 0.693em !default;\n$x-height: 0.517em !default;\n','@import "~vanilla-framework/scss/settings";\n@import "~vanilla-framework/scss/base_placeholders";\n@import "~vanilla-framework/scss/base_icon-definitions";\n@import "~vanilla-framework/scss/patterns_icons";\n\n@include vf-b-placeholders;\n@include vf-p-icons-common;\n\n.p-icon--custom {\n @extend %icon;\n\n background-image: url(#{$assets-path}a4d31b28-icon-quote.svg);\n}\n'],sourceRoot:""}]),__webpack_exports__.a=___CSS_LOADER_EXPORT___},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|ts|jsx|tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./components/Accordion/Accordion.stories.mdx":"./src/components/Accordion/Accordion.stories.mdx","./components/ActionButton/ActionButton.stories.mdx":"./src/components/ActionButton/ActionButton.stories.mdx","./components/ArticlePagination/ArticlePagination.stories.mdx":"./src/components/ArticlePagination/ArticlePagination.stories.mdx","./components/Button/Button.stories.mdx":"./src/components/Button/Button.stories.mdx","./components/Card/Card.stories.mdx":"./src/components/Card/Card.stories.mdx","./components/CheckboxInput/CheckboxInput.stories.mdx":"./src/components/CheckboxInput/CheckboxInput.stories.mdx","./components/Chip/Chip.stories.mdx":"./src/components/Chip/Chip.stories.mdx","./components/CodeSnippet/CodeSnippet.stories.mdx":"./src/components/CodeSnippet/CodeSnippet.stories.mdx","./components/Col/Col.stories.mdx":"./src/components/Col/Col.stories.mdx","./components/ContextualMenu/ContextualMenu.stories.mdx":"./src/components/ContextualMenu/ContextualMenu.stories.mdx","./components/Form/Form.stories.mdx":"./src/components/Form/Form.stories.mdx","./components/Icon/Icon.stories.mdx":"./src/components/Icon/Icon.stories.mdx","./components/Input/Input.stories.mdx":"./src/components/Input/Input.stories.mdx","./components/Link/Link.stories.mdx":"./src/components/Link/Link.stories.mdx","./components/List/List.stories.mdx":"./src/components/List/List.stories.mdx","./components/Loader/Loader.stories.mdx":"./src/components/Loader/Loader.stories.mdx","./components/MainTable/MainTable.stories.mdx":"./src/components/MainTable/MainTable.stories.mdx","./components/Modal/Modal.stories.mdx":"./src/components/Modal/Modal.stories.mdx","./components/ModularTable/ModularTable.stories.mdx":"./src/components/ModularTable/ModularTable.stories.mdx","./components/Notification/Notification.stories.mdx":"./src/components/Notification/Notification.stories.mdx","./components/Pagination/Pagination.stories.mdx":"./src/components/Pagination/Pagination.stories.mdx","./components/PasswordToggle/PasswordToggle.stories.mdx":"./src/components/PasswordToggle/PasswordToggle.stories.mdx","./components/RadioInput/RadioInput.stories.mdx":"./src/components/RadioInput/RadioInput.stories.mdx","./components/Row/Row.stories.mdx":"./src/components/Row/Row.stories.mdx","./components/SearchAndFilter/SearchAndFilter.stories.mdx":"./src/components/SearchAndFilter/SearchAndFilter.stories.mdx","./components/SearchBox/SearchBox.stories.mdx":"./src/components/SearchBox/SearchBox.stories.mdx","./components/Select/Select.stories.mdx":"./src/components/Select/Select.stories.mdx","./components/Slider/Slider.stories.mdx":"./src/components/Slider/Slider.stories.mdx","./components/Spinner/Spinner.stories.mdx":"./src/components/Spinner/Spinner.stories.mdx","./components/Strip/Strip.stories.mdx":"./src/components/Strip/Strip.stories.mdx","./components/SummaryButton/SummaryButton.stories.mdx":"./src/components/SummaryButton/SummaryButton.stories.mdx","./components/Switch/Switch.stories.mdx":"./src/components/Switch/Switch.stories.mdx","./components/Tabs/Tabs.stories.mdx":"./src/components/Tabs/Tabs.stories.mdx","./components/Textarea/Textarea.stories.mdx":"./src/components/Textarea/Textarea.stories.mdx","./components/Tooltip/Tooltip.stories.mdx":"./src/components/Tooltip/Tooltip.stories.mdx","./docs/getting-started.stories.mdx":"./src/docs/getting-started.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|ts|jsx|tsx|mdx))$"},"./src/components/Accordion/Accordion.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Accordion_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"externalState",(function(){return Accordion_stories_externalState})),__webpack_require__.d(__webpack_exports__,"headings",(function(){return headings}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),useId=__webpack_require__("./src/hooks/useId.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),AccordionSection_AccordionSection=function AccordionSection(_ref){var content=_ref.content,expanded=_ref.expanded,onTitleClick=_ref.onTitleClick,sectionKey=_ref.sectionKey,setExpanded=_ref.setExpanded,title=_ref.title,titleElement=_ref.titleElement,_ref$headingLevel=_ref.headingLevel,headingLevel=void 0===_ref$headingLevel?3:_ref$headingLevel,sectionId=Object(useId.a)(),key=sectionKey||sectionId,isExpanded=expanded===key,Title=titleElement||"div";return Object(jsx_runtime.jsxs)("li",{className:"p-accordion__group",children:[Object(jsx_runtime.jsx)(Title,{role:titleElement?null:"heading","aria-level":titleElement?null:headingLevel,className:"p-accordion__heading",children:Object(jsx_runtime.jsx)("button",{"aria-controls":"#"+sectionId,"aria-expanded":isExpanded?"true":"false",className:"p-accordion__tab",onClick:function onClick(){isExpanded?setExpanded(null,null):setExpanded(key,title),onTitleClick&&onTitleClick(!isExpanded,key)},role:"tab",type:"button",children:title})}),Object(jsx_runtime.jsx)("section",{"aria-hidden":isExpanded?"false":"true","aria-labelledby":sectionId,className:"p-accordion__panel",id:sectionId,role:"tabpanel",children:content})]})};AccordionSection_AccordionSection.displayName="AccordionSection";var components_AccordionSection_AccordionSection=AccordionSection_AccordionSection;try{AccordionSection_AccordionSection.displayName="AccordionSection",AccordionSection_AccordionSection.__docgenInfo={description:"",displayName:"AccordionSection",props:{content:{defaultValue:null,description:"The content of the section.",name:"content",required:!1,type:{name:"ReactNode"}},expanded:{defaultValue:null,description:"An optional value to set the expanded section. The value must match a\nsection key.",name:"expanded",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"3"},description:"",name:"headingLevel",required:!1,type:{name:"number"}},onTitleClick:{defaultValue:null,description:"An optional click event when the title is clicked.",name:"onTitleClick",required:!1,type:{name:"(expanded: boolean, key: string) => void"}},sectionKey:{defaultValue:null,description:"An optional key to be used to track which section is selected.",name:"sectionKey",required:!1,type:{name:"string"}},setExpanded:{defaultValue:null,description:"",name:"setExpanded",required:!1,type:{name:"(key: string, title: string) => void"}},title:{defaultValue:null,description:"The title of the section.",name:"title",required:!1,type:{name:"string"}},titleElement:{defaultValue:null,description:"Optional string describing heading element that should be used for the section titles.",name:"titleElement",required:!1,type:{name:"enum",value:[{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/AccordionSection/AccordionSection.tsx#AccordionSection"]={docgenInfo:AccordionSection_AccordionSection.__docgenInfo,name:"AccordionSection",path:"src/components/AccordionSection/AccordionSection.tsx#AccordionSection"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["key"],_excluded2=["className","expanded","externallyControlled","onExpandedChange","sections","titleElement"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Accordion_generateSections=function generateSections(sections,setExpanded,expanded,titleElement){return sections.map((function(_ref,i){var key=_ref.key,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(components_AccordionSection_AccordionSection,Object.assign({expanded:expanded,sectionKey:null==key?void 0:key.toString(),setExpanded:setExpanded,titleElement:titleElement},props),key||i)}))},Accordion_Accordion=function Accordion(_ref2){var className=_ref2.className,expanded=_ref2.expanded,externallyControlled=_ref2.externallyControlled,onExpandedChange=_ref2.onExpandedChange,sections=_ref2.sections,titleElement=_ref2.titleElement,asideProps=_objectWithoutProperties(_ref2,_excluded2),_useState2=_slicedToArray(Object(react.useState)(expanded),2),expandedSection=_useState2[0],setExpandedSection=_useState2[1];return Object(jsx_runtime.jsx)("aside",Object.assign({className:classnames_default()(className,"p-accordion")},asideProps,{role:"tablist","aria-multiselectable":"true",children:Object(jsx_runtime.jsx)("ul",{className:"p-accordion__list",children:Accordion_generateSections(sections,(function setExpanded(id,title){setExpandedSection(id),onExpandedChange&&onExpandedChange(id,title)}),externallyControlled?expanded:expandedSection,titleElement)})}))};Accordion_Accordion.displayName="Accordion";var components_Accordion_Accordion=Accordion_Accordion;try{Accordion_Accordion.displayName="Accordion",Accordion_Accordion.__docgenInfo={description:"",displayName:"Accordion",props:{className:{defaultValue:null,description:"Optional classes applied to the parent element.",name:"className",required:!1,type:{name:"string"}},expanded:{defaultValue:null,description:"An optional value to set the expanded section. The value must match a\nsection key. This value will only set the expanded section on first render\nif externallyControlled is not set to `true`.",name:"expanded",required:!1,type:{name:"string"}},externallyControlled:{defaultValue:null,description:"Whether the expanded section will be controlled via external state.",name:"externallyControlled",required:!1,type:{name:"boolean"}},onExpandedChange:{defaultValue:null,description:"Optional function that is called when the expanded section is changed.\nThe function is provided the section title or null.",name:"onExpandedChange",required:!1,type:{name:"(id: any, title: string) => void"}},sections:{defaultValue:null,description:"An array of sections and content.",name:"sections",required:!0,type:{name:"Section[]"}},titleElement:{defaultValue:null,description:"Optional string describing heading element that should be used for the section titles.",name:"titleElement",required:!1,type:{name:"enum",value:[{value:'"h2"'},{value:'"h3"'},{value:'"h4"'},{value:'"h5"'},{value:'"h6"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Accordion/Accordion.tsx#Accordion"]={docgenInfo:Accordion_Accordion.__docgenInfo,name:"Accordion",path:"src/components/Accordion/Accordion.tsx#Accordion"})}catch(__react_docgen_typescript_loader_error){}var Accordion_stories_excluded=["components"];function Accordion_stories_slicedToArray(arr,i){return function Accordion_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function Accordion_stories_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function Accordion_stories_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return Accordion_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Accordion_stories_arrayLikeToArray(o,minLen)}(arr,i)||function Accordion_stories_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Accordion_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var Accordion_stories_externalState=function externalState(){var _useState4=Accordion_stories_slicedToArray(Object(react.useState)(),2),expandedSection=_useState4[0],setExpandedSection=_useState4[1];return Object(esm.b)(components_Accordion_Accordion,{expanded:expandedSection,externallyControlled:!0,onExpandedChange:setExpandedSection,sections:[{title:"Advanced topics",key:"advanced-topics",content:Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)("p",null,"Charm bundles"),Object(esm.b)("p",null,"Machine authentication"),Object(esm.b)("p",null,"Migrating models"),Object(esm.b)("p",null,"Using storage"),Object(esm.b)("p",null,"Working with actions"),Object(esm.b)("p",null,"Working with resources"),Object(esm.b)("p",null,"Cloud image metadata"),Object(esm.b)("p",null,"Tools"))},{title:"Networking",key:"networking",content:Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)("p",null,"Working offline"),Object(esm.b)("p",null,"Fan container networking"),Object(esm.b)("p",null,"Network spaces"))},{title:"Miscellaneous",key:"miscellaneous",content:Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)("p",null,"Juju GUI"),Object(esm.b)("p",null,"CentOS support"),Object(esm.b)("p",null,"Collecting Juju metrics"))}]})};Accordion_stories_externalState.displayName="externalState",Accordion_stories_externalState.storyName="External state",Accordion_stories_externalState.parameters={storySource:{source:'() => {\n const [expandedSection, setExpandedSection] = useState();\n return \n

Charm bundles

\n

Machine authentication

\n

Migrating models

\n

Using storage

\n

Working with actions

\n

Working with resources

\n

Cloud image metadata

\n

Tools

\n \n }, {\n title: "Networking",\n key: "networking",\n content: <>\n

Working offline

\n

Fan container networking

\n

Network spaces

\n \n }, {\n title: "Miscellaneous",\n key: "miscellaneous",\n content: <>\n

Juju GUI

\n

CentOS support

\n

Collecting Juju metrics

\n \n }]} />;\n}'}};var headings=Accordion_stories_Template.bind({});headings.storyName="Headings",headings.args={sections:[{title:"Advanced topics",content:Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)("p",null,"Charm bundles"),Object(esm.b)("p",null,"Machine authentication"),Object(esm.b)("p",null,"Migrating models"),Object(esm.b)("p",null,"Using storage"),Object(esm.b)("p",null,"Working with actions"),Object(esm.b)("p",null,"Working with resources"),Object(esm.b)("p",null,"Cloud image metadata"),Object(esm.b)("p",null,"Tools"))},{title:"Networking",content:Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)("p",null,"Working offline"),Object(esm.b)("p",null,"Fan container networking"),Object(esm.b)("p",null,"Network spaces"))},{title:"Miscellaneous",content:Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)("p",null,"Juju GUI"),Object(esm.b)("p",null,"CentOS support"),Object(esm.b)("p",null,"Collecting Juju metrics"))}],titleElement:"h3"},headings.parameters={storySource:{source:"args => "}};var componentMeta={title:"Accordion",component:components_Accordion_Accordion,argTypes:{sections:{control:{disable:!0}},externallyControlled:{control:{disable:!0}}},includeStories:["defaultStory","externalState","headings"]},mdxStoryNameToKey={Default:"defaultStory","External state":"externalState",Headings:"headings"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/ActionButton/ActionButton.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"loading",(function(){return loading}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_ActionButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/ActionButton/ActionButton.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.c,{title:"ActionButton",component:_ActionButton__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:{children:{control:{type:"text"}}},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"actionbutton"},"ActionButton"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is a not an existing Vanilla component. It can be used to display submitting states for forms or other actions."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"props"},"Props"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"ActionButton accepts the props from ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"?path=/docs/button--base"},"Button")," in addition to the following:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.a,{of:_ActionButton__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"default"},"Default"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.f,{name:"Default",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_ActionButton__WEBPACK_IMPORTED_MODULE_8__.a,{appearance:"positive",mdxType:"ActionButton"},"Click me!"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"loading"},"Loading"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.f,{name:"Loading",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_ActionButton__WEBPACK_IMPORTED_MODULE_8__.a,{appearance:"positive",loading:!0,disabled:!0,mdxType:"ActionButton"},"Click me!"))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=function defaultStory(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_ActionButton__WEBPACK_IMPORTED_MODULE_8__.a,{appearance:"positive"},"Click me!")};defaultStory.displayName="defaultStory",defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:'Click me!'}};var loading=function loading(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_ActionButton__WEBPACK_IMPORTED_MODULE_8__.a,{appearance:"positive",loading:!0,disabled:!0},"Click me!")};loading.displayName="loading",loading.storyName="Loading",loading.parameters={storySource:{source:'\n Click me!\n '}};var componentMeta={title:"ActionButton",component:_ActionButton__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:{children:{control:{type:"text"}}},includeStories:["defaultStory","loading"]},mdxStoryNameToKey={Default:"defaultStory",Loading:"loading"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/ActionButton/ActionButton.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_13__),react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),_Icon__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/components/Icon/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["appearance","children","className","disabled","inline","loading","success"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ActionButton=function ActionButton(_ref){var appearance=_ref.appearance,children=_ref.children,className=_ref.className,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$inline=_ref.inline,inline=void 0!==_ref$inline&&_ref$inline,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,_ref$success=_ref.success,success=void 0!==_ref$success&&_ref$success,buttonProps=_objectWithoutProperties(_ref,_excluded),_useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_14__.useState)(),2),height=_useState2[0],setHeight=_useState2[1],_useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_14__.useState)(),2),width=_useState4[0],setWidth=_useState4[1],_useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_14__.useState)(!1),2),showLoader=_useState6[0],setShowLoader=_useState6[1],_useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_14__.useState)(!1),2),showSuccess=_useState8[0],setShowSuccess=_useState8[1],ref=Object(react__WEBPACK_IMPORTED_MODULE_14__.useRef)(null);Object(react__WEBPACK_IMPORTED_MODULE_14__.useEffect)((function(){var loaderTimeout;return loading&&(ref.current&&ref.current.getBoundingClientRect()&&(setHeight(ref.current.getBoundingClientRect().height),setWidth(ref.current.getBoundingClientRect().width)),setShowLoader(!0)),!loading&&showLoader&&(loaderTimeout=window.setTimeout((function(){setShowLoader(!1),success&&setShowSuccess(!0)}),400)),function(){return window.clearTimeout(loaderTimeout)}}),[loading,showLoader,success]),Object(react__WEBPACK_IMPORTED_MODULE_14__.useEffect)((function(){var successTimeout;return showSuccess&&(successTimeout=window.setTimeout((function(){setHeight(null),setWidth(null),setShowSuccess(!1)}),2e3)),function(){return window.clearTimeout(successTimeout)}}),[showSuccess]);var buttonClasses=classnames__WEBPACK_IMPORTED_MODULE_13___default()(className,"p-action-button",appearance?"p-button--"+appearance:"p-button",{"is-processing":showLoader||showSuccess,"is-disabled":disabled,"is-inline":inline}),showIcon=showLoader||showSuccess,icon=(showLoader?"spinner":showSuccess&&"success")||null,iconLight="positive"===appearance||"negative"===appearance;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)("button",Object.assign({className:buttonClasses,disabled:disabled,ref:ref,style:height&&width?{height:height+"px",width:width+"px"}:void 0},buttonProps,{children:showIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_16__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_15__.b,{className:showLoader?"u-animation--spin":null,light:iconLight,name:icon}):children}))};ActionButton.displayName="ActionButton",__webpack_exports__.a=ActionButton;try{ActionButton.displayName="ActionButton",ActionButton.__docgenInfo={description:"",displayName:"ActionButton",props:{appearance:{defaultValue:null,description:"The appearance of the button.",name:"appearance",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content of the button.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the button element.",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"Whether the button should be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},inline:{defaultValue:{value:"false"},description:"Whether the button should display inline.",name:"inline",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"Whether the button should be in the loading state.",name:"loading",required:!1,type:{name:"boolean"}},success:{defaultValue:{value:"false"},description:"Whether the button should be in the success state.",name:"success",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ActionButton/ActionButton.tsx#ActionButton"]={docgenInfo:ActionButton.__docgenInfo,name:"ActionButton",path:"src/components/ActionButton/ActionButton.tsx#ActionButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/ArticlePagination/ArticlePagination.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return ArticlePagination_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["className","nextURL","nextLabel","previousURL","previousLabel"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ArticlePagination_ArticlePagination=function ArticlePagination(_ref){var className=_ref.className,nextURL=_ref.nextURL,nextLabel=_ref.nextLabel,previousURL=_ref.previousURL,previousLabel=_ref.previousLabel,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsxs)("footer",Object.assign({className:classnames_default()(className,"p-article-pagination")},props,{children:[previousURL&&previousLabel&&Object(jsx_runtime.jsxs)("a",{className:"p-article-pagination__link--previous",href:previousURL,children:[Object(jsx_runtime.jsx)("span",{className:"p-article-pagination__label",children:"Previous"}),Object(jsx_runtime.jsx)("span",{className:"p-article-pagination__title",children:previousLabel})]}),nextURL&&nextLabel&&Object(jsx_runtime.jsxs)("a",{className:"p-article-pagination__link--next",href:nextURL,children:[Object(jsx_runtime.jsx)("span",{className:"p-article-pagination__label",children:"Next"}),Object(jsx_runtime.jsx)("span",{className:"p-article-pagination__title",children:nextLabel})]})]}))};ArticlePagination_ArticlePagination.displayName="ArticlePagination";var components_ArticlePagination_ArticlePagination=ArticlePagination_ArticlePagination;try{ArticlePagination_ArticlePagination.displayName="ArticlePagination",ArticlePagination_ArticlePagination.__docgenInfo={description:"",displayName:"ArticlePagination",props:{className:{defaultValue:null,description:"Optional classes to add to the wrapping element.",name:"className",required:!1,type:{name:"string"}},nextURL:{defaultValue:null,description:"The URL for the next link.",name:"nextURL",required:!1,type:{name:"string"}},nextLabel:{defaultValue:null,description:"The label for the next link.",name:"nextLabel",required:!1,type:{name:"string"}},previousURL:{defaultValue:null,description:"The URL for the previous link.",name:"previousURL",required:!1,type:{name:"string"}},previousLabel:{defaultValue:null,description:"The label for the previous link.",name:"previousLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ArticlePagination/ArticlePagination.tsx#ArticlePagination"]={docgenInfo:ArticlePagination_ArticlePagination.__docgenInfo,name:"ArticlePagination",path:"src/components/ArticlePagination/ArticlePagination.tsx#ArticlePagination"})}catch(__react_docgen_typescript_loader_error){}var ArticlePagination_stories_excluded=["components"];function ArticlePagination_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function ArticlePagination_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var componentMeta={title:"ArticlePagination",component:components_ArticlePagination_ArticlePagination,includeStories:["defaultStory"]},mdxStoryNameToKey={Default:"defaultStory"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Button/Button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"defaultDisabled",(function(){return defaultDisabled})),__webpack_require__.d(__webpack_exports__,"base",(function(){return base})),__webpack_require__.d(__webpack_exports__,"baseDisabled",(function(){return baseDisabled})),__webpack_require__.d(__webpack_exports__,"link",(function(){return link})),__webpack_require__.d(__webpack_exports__,"linkDisabled",(function(){return linkDisabled})),__webpack_require__.d(__webpack_exports__,"positive",(function(){return positive})),__webpack_require__.d(__webpack_exports__,"positiveDisabled",(function(){return positiveDisabled})),__webpack_require__.d(__webpack_exports__,"negative",(function(){return negative})),__webpack_require__.d(__webpack_exports__,"negativeDisabled",(function(){return negativeDisabled})),__webpack_require__.d(__webpack_exports__,"brand",(function(){return brand})),__webpack_require__.d(__webpack_exports__,"brandDisabled",(function(){return brandDisabled})),__webpack_require__.d(__webpack_exports__,"inline",(function(){return inline})),__webpack_require__.d(__webpack_exports__,"dense",(function(){return dense})),__webpack_require__.d(__webpack_exports__,"small",(function(){return small})),__webpack_require__.d(__webpack_exports__,"icon",(function(){return icon})),__webpack_require__.d(__webpack_exports__,"iconText",(function(){return iconText}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_Button__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Button/Button.tsx"),_excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i '}};var baseDisabled=function baseDisabled(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{appearance:"base",disabled:!0},"Base button disabled")};baseDisabled.displayName="baseDisabled",baseDisabled.storyName="Base disabled",baseDisabled.parameters={storySource:{source:''}};var link=function link(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{element:"a",href:"#test",appearance:"base"},"Link button")};link.displayName="link",link.storyName="Link",link.parameters={storySource:{source:''}};var linkDisabled=function linkDisabled(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{element:"a",href:"#test",appearance:"base",disabled:!0},"Link button disabled")};linkDisabled.displayName="linkDisabled",linkDisabled.storyName="Link disabled",linkDisabled.parameters={storySource:{source:''}};var positive=function positive(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{appearance:"positive"},"Positive button")};positive.displayName="positive",positive.storyName="Positive",positive.parameters={storySource:{source:''}};var positiveDisabled=function positiveDisabled(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{appearance:"positive",disabled:!0},"Positive button disabled")};positiveDisabled.displayName="positiveDisabled",positiveDisabled.storyName="Positive disabled",positiveDisabled.parameters={storySource:{source:''}};var negative=function negative(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{appearance:"negative"},"Negative button")};negative.displayName="negative",negative.storyName="Negative",negative.parameters={storySource:{source:''}};var negativeDisabled=function negativeDisabled(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{appearance:"negative",disabled:!0},"Negative button disabled")};negativeDisabled.displayName="negativeDisabled",negativeDisabled.storyName="Negative disabled",negativeDisabled.parameters={storySource:{source:''}};var brand=function brand(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{appearance:"brand"},"Brand button")};brand.displayName="brand",brand.storyName="Brand",brand.parameters={storySource:{source:''}};var brandDisabled=function brandDisabled(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{appearance:"brand",disabled:!0},"Brand button disabled")};brandDisabled.displayName="brandDisabled",brandDisabled.storyName="Brand disabled",brandDisabled.parameters={storySource:{source:''}};var inline=function inline(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,"Everything you need to get started with Vanilla. "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{appearance:"neutral",inline:!0},"Inline button"))};inline.storyName="Inline",inline.parameters={storySource:{source:'<>\n Everything you need to get started with Vanilla. \n \n '}};var dense=function dense(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,"Everything you need to get started with Vanilla. "),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{dense:!0},"Dense button"))};dense.storyName="Dense",dense.parameters={storySource:{source:"<>\n Everything you need to get started with Vanilla. \n \n "}};var small=function small(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{small:!0},"Small button"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{small:!0,dense:!0},"Small dense button"))};small.storyName="Small",small.parameters={storySource:{source:"<>\n \n \n "}};var icon=function icon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{hasIcon:!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("i",{className:"p-icon--plus"}))};icon.displayName="icon",icon.storyName="Icon",icon.parameters={storySource:{source:''}};var iconText=function iconText(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.b,{hasIcon:!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("i",{className:"p-icon--plus"})," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,"Button with icon & text"))};iconText.displayName="iconText",iconText.storyName="Icon & text",iconText.parameters={storySource:{source:''}};var componentMeta={title:"Button",component:_Button__WEBPACK_IMPORTED_MODULE_8__.b,argTypes:{children:{control:{type:"text"},defaultValue:"Click me!"}},includeStories:["defaultStory","defaultDisabled","base","baseDisabled","link","linkDisabled","positive","positiveDisabled","negative","negativeDisabled","brand","brandDisabled","inline","dense","small","icon","iconText"]},mdxStoryNameToKey={Default:"defaultStory","Default disabled":"defaultDisabled",Base:"base","Base disabled":"baseDisabled",Link:"link","Link disabled":"linkDisabled",Positive:"positive","Positive disabled":"positiveDisabled",Negative:"negative","Negative disabled":"negativeDisabled",Brand:"brand","Brand disabled":"brandDisabled",Inline:"inline",Dense:"dense",Small:"small",Icon:"icon","Icon & text":"iconText"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Button/Button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ButtonAppearance}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.small.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["appearance","children","className","dense","disabled","element","hasIcon","inline","onClick","small"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ButtonAppearance={BASE:"base",BRAND:"brand",LINK:"link",NEGATIVE:"negative",POSITIVE:"positive"},Button=function Button(_ref){var appearance=_ref.appearance,children=_ref.children,className=_ref.className,dense=_ref.dense,disabled=_ref.disabled,_ref$element=_ref.element,Component=void 0===_ref$element?"button":_ref$element,hasIcon=_ref.hasIcon,inline=_ref.inline,onClick=_ref.onClick,small=_ref.small,buttonProps=_objectWithoutProperties(_ref,_excluded),classes=classnames__WEBPACK_IMPORTED_MODULE_5___default()(appearance?"p-button--"+appearance:"p-button",{"has-icon":hasIcon,"is-dense":dense,"is-disabled":"button"!==Component&&disabled,"is-inline":inline,"is-small":small},className),disabledProp="button"===Component?{disabled:disabled}:{"aria-disabled":disabled};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(Component,Object.assign({className:classes,onClick:disabled?function onClickDisabled(e){return e.preventDefault()}:onClick},disabledProp,buttonProps,{children:children}))};Button.displayName="Button",__webpack_exports__.b=Button;try{Button.displayName="Button",Button.__docgenInfo={description:"A component for the Vanilla button.",displayName:"Button",props:{appearance:{defaultValue:null,description:"The appearance of the button.",name:"appearance",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content of the button.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the button element.",name:"className",required:!1,type:{name:"string"}},dense:{defaultValue:null,description:"Whether the button should have dense padding.",name:"dense",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"Whether the button should be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},element:{defaultValue:null,description:"Optional element or component to use instead of `button`.",name:"element",required:!1,type:{name:"ElementType | ComponentType

"}},hasIcon:{defaultValue:null,description:"Whether the button has an icon in the content.",name:"hasIcon",required:!1,type:{name:"boolean"}},inline:{defaultValue:null,description:"Whether the button should display inline.",name:"inline",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"Function for handling button click event.",name:"onClick",required:!1,type:{name:"MouseEventHandler"}},small:{defaultValue:null,description:"Whether the button should be small.",name:"small",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/Button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Button/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";var _Button__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Button/Button.tsx");__webpack_require__.d(__webpack_exports__,"b",(function(){return _Button__WEBPACK_IMPORTED_MODULE_0__.b})),__webpack_require__.d(__webpack_exports__,"a",(function(){return _Button__WEBPACK_IMPORTED_MODULE_0__.a}))},"./src/components/Card/Card.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Card_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"header",(function(){return Card_stories_header})),__webpack_require__.d(__webpack_exports__,"highlighted",(function(){return Card_stories_highlighted})),__webpack_require__.d(__webpack_exports__,"overlay",(function(){return Card_stories_overlay}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className","highlighted","overlay","thumbnail","title"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Card_Card=function Card(_ref){var children=_ref.children,className=_ref.className,highlighted=_ref.highlighted,overlay=_ref.overlay,thumbnail=_ref.thumbnail,title=_ref.title,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsxs)("div",Object.assign({className:classnames_default()(className,{"p-card":!highlighted&&!overlay,"p-card--highlighted":highlighted,"p-card--overlay":overlay})},props,{children:[thumbnail&&Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)("img",{className:"p-card__thumbnail",src:thumbnail,alt:""}),Object(jsx_runtime.jsx)("hr",{className:"u-sv1"})]}),title&&Object(jsx_runtime.jsx)("h3",{className:"p-card__title",children:title}),Object(jsx_runtime.jsx)("div",{className:"p-card__content",children:children})]}))};Card_Card.displayName="Card";var components_Card_Card=Card_Card;try{Card_Card.displayName="Card",Card_Card.__docgenInfo={description:"",displayName:"Card",props:{children:{defaultValue:null,description:"The content of the card.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the wrapping div element.",name:"className",required:!1,type:{name:"string"}},highlighted:{defaultValue:null,description:"Whether the card should have highlighted styling.",name:"highlighted",required:!1,type:{name:"boolean"}},overlay:{defaultValue:null,description:"Whether the card should have overlay styling.",name:"overlay",required:!1,type:{name:"boolean"}},thumbnail:{defaultValue:null,description:"The path to a thumbnail image.",name:"thumbnail",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"The title of the card.",name:"title",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Card/Card.tsx#Card"]={docgenInfo:Card_Card.__docgenInfo,name:"Card",path:"src/components/Card/Card.tsx#Card"})}catch(__react_docgen_typescript_loader_error){}var Col=__webpack_require__("./src/components/Col/index.ts"),Row=__webpack_require__("./src/components/Row/index.ts"),Card_stories_excluded=["components"];function Card_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function Card_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var Card_stories_header=function header(){return Object(esm.b)(components_Card_Card,{title:"Raspberry Pi2 and Pi3",thumbnail:"https://assets.ubuntu.com/v1/dca2e4c4-raspberry-logo.png"},"For fun, for education and for profit, the RPi makes device development personal and entertaining. With support for both the Pi2 and the new Pi3, Ubuntu Core supports the world’s most beloved board.")};Card_stories_header.displayName="header",Card_stories_header.storyName="Header",Card_stories_header.parameters={storySource:{source:'\n For fun, for education and for profit, the RPi makes device development\n personal and entertaining. With support for both the Pi2 and the new Pi3,\n Ubuntu Core supports the world’s most beloved board.\n '}};var Card_stories_highlighted=function highlighted(){return Object(esm.b)(components_Card_Card,{title:"We'd love to have you join us as a partner.",highlighted:!0},"If you are an independent software vendor or bundle author, it's easy to apply. You can find out more below.")};Card_stories_highlighted.displayName="highlighted",Card_stories_highlighted.storyName="Highlighted",Card_stories_highlighted.parameters={storySource:{source:"\n If you are an independent software vendor or bundle author, it's easy to\n apply. You can find out more below.\n "}};var Card_stories_overlay=function overlay(){return Object(esm.b)("section",{className:"p-strip--image is-light",style:{backgroundImage:"url('https://assets.ubuntu.com/v1/0a98afcd-screenshot_desktop.jpg')"}},Object(esm.b)(Row.a,null,Object(esm.b)(Col.a,{size:6,emptyLarge:7},Object(esm.b)(components_Card_Card,{title:"Web browsing",overlay:!0},"Renowned for speed and security, Ubuntu and Firefox make browsing the web a pleasure again. Ubuntu also includes Chrome, Opera and other browsers that can be installed from the Ubuntu Software Centre."))))};Card_stories_overlay.displayName="overlay",Card_stories_overlay.storyName="Overlay",Card_stories_overlay.parameters={storySource:{source:'

\n \n \n \n Renowned for speed and security, Ubuntu and Firefox make browsing\n the web a pleasure again. Ubuntu also includes Chrome, Opera and\n other browsers that can be installed from the Ubuntu Software\n Centre.\n \n \n \n
'}};var componentMeta={title:"Card",component:components_Card_Card,argTypes:{children:{control:{type:"text"}},title:{control:{type:"text"}}},includeStories:["defaultStory","header","highlighted","overlay"]},mdxStoryNameToKey={Default:"defaultStory",Header:"header",Highlighted:"highlighted",Overlay:"overlay"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/CheckableInput/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return components_CheckableInput_CheckableInput}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),react=__webpack_require__("./node_modules/react/index.js"),useId=__webpack_require__("./src/hooks/useId.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["inputType","label","labelClassName","indeterminate"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var CheckableInput_CheckableInput=function CheckableInput(_ref){var inputType=_ref.inputType,label=_ref.label,labelClassName=_ref.labelClassName,_ref$indeterminate=_ref.indeterminate,indeterminate=void 0!==_ref$indeterminate&&_ref$indeterminate,checkboxProps=_objectWithoutProperties(_ref,_excluded),inputId=Object(useId.a)(),inputRef=Object(react.useRef)(null);return Object(react.useEffect)((function(){inputRef.current.indeterminate=indeterminate}),[indeterminate]),Object(jsx_runtime.jsxs)("label",{className:classnames_default()(labelClassName,"p-"+inputType+(checkboxProps.inline?"--inline":""),{"is-required":checkboxProps.required}),children:[Object(jsx_runtime.jsx)("input",Object.assign({"aria-labelledby":inputId,className:"p-"+inputType+"__input",ref:inputRef,type:inputType},checkboxProps)),Object(jsx_runtime.jsx)("span",{className:"p-"+inputType+"__label",id:inputId,children:label})]})};CheckableInput_CheckableInput.displayName="CheckableInput";var components_CheckableInput_CheckableInput=CheckableInput_CheckableInput;try{CheckableInput_CheckableInput.displayName="CheckableInput",CheckableInput_CheckableInput.__docgenInfo={description:"",displayName:"CheckableInput",props:{inputType:{defaultValue:null,description:"The type of the input element.",name:"inputType",required:!0,type:{name:"enum",value:[{value:'"checkbox"'},{value:'"radio"'}]}},label:{defaultValue:null,description:"The label for the input element.",name:"label",required:!0,type:{name:"ReactNode"}},labelClassName:{defaultValue:null,description:"Optional class(es) to pass to the label element.",name:"labelClassName",required:!1,type:{name:"string"}},indeterminate:{defaultValue:{value:"false"},description:"Whether the input element should display in indeterminate state.",name:"indeterminate",required:!1,type:{name:"boolean"}},inline:{defaultValue:null,description:"Ensures the input and the label text are properly aligned with other inline text.",name:"inline",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CheckableInput/CheckableInput.tsx#CheckableInput"]={docgenInfo:CheckableInput_CheckableInput.__docgenInfo,name:"CheckableInput",path:"src/components/CheckableInput/CheckableInput.tsx#CheckableInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/CheckboxInput/CheckboxInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"children",(function(){return children})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return disabled})),__webpack_require__.d(__webpack_exports__,"required",(function(){return required})),__webpack_require__.d(__webpack_exports__,"inline",(function(){return inline})),__webpack_require__.d(__webpack_exports__,"indeterminate",(function(){return indeterminate}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_CheckboxInput__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/CheckboxInput/CheckboxInput.tsx"),_excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var children=function children(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_CheckboxInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment,null,"I agree to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{href:"http://ubuntu.com/legal"},"Terms and Conditions")),name:"CheckboxInput"})};children.displayName="children",children.storyName="Children",children.parameters={storySource:{source:'\n I agree to Terms and Conditions\n } name="CheckboxInput">'}};var disabled=function disabled(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_CheckboxInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Disabled",disabled:!0})};disabled.displayName="disabled",disabled.storyName="Disabled",disabled.parameters={storySource:{source:''}};var required=function required(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_CheckboxInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Required",required:!0})};required.displayName="required",required.storyName="Required",required.parameters={storySource:{source:''}};var inline=function inline(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_CheckboxInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Inline",inline:!0})};inline.displayName="inline",inline.storyName="Inline",inline.parameters={storySource:{source:''}};var indeterminate=function indeterminate(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_CheckboxInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Indeterminate",indeterminate:!0})};indeterminate.displayName="indeterminate",indeterminate.storyName="Indeterminate",indeterminate.parameters={storySource:{source:''}};var componentMeta={title:"CheckboxInput",component:_CheckboxInput__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:{label:{control:{type:"text"},defaultValue:"CheckboxInput"},disabled:{control:{type:"boolean"}},required:{control:{type:"boolean"}},inline:{control:{type:"boolean"}},indeterminate:{control:{type:"boolean"}}},includeStories:["defaultStory","children","disabled","required","inline","indeterminate"]},mdxStoryNameToKey={Default:"defaultStory",Children:"children",Disabled:"disabled",Required:"required",Inline:"inline",Indeterminate:"indeterminate"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/CheckboxInput/CheckboxInput.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _CheckableInput__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/CheckableInput/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","indeterminate"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var CheckboxInput=function CheckboxInput(_ref){var label=_ref.label,_ref$indeterminate=_ref.indeterminate,indeterminate=void 0!==_ref$indeterminate&&_ref$indeterminate,checkboxProps=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_CheckableInput__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({label:label,inputType:"checkbox",indeterminate:indeterminate},checkboxProps))};CheckboxInput.displayName="CheckboxInput",__webpack_exports__.a=CheckboxInput;try{CheckboxInput.displayName="CheckboxInput",CheckboxInput.__docgenInfo={description:"",displayName:"CheckboxInput",props:{label:{defaultValue:null,description:"The label for the input element.",name:"label",required:!0,type:{name:"ReactNode"}},labelClassName:{defaultValue:null,description:"Optional class(es) to pass to the label element.",name:"labelClassName",required:!1,type:{name:"string"}},inline:{defaultValue:null,description:"Ensures the input and the label text are properly aligned with other inline text.",name:"inline",required:!1,type:{name:"boolean"}},indeterminate:{defaultValue:{value:"false"},description:"Whether the input element should display in indeterminate state.",name:"indeterminate",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CheckboxInput/CheckboxInput.tsx#CheckboxInput"]={docgenInfo:CheckboxInput.__docgenInfo,name:"CheckboxInput",path:"src/components/CheckboxInput/CheckboxInput.tsx#CheckboxInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Chip/Chip.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"leadValue",(function(){return leadValue})),__webpack_require__.d(__webpack_exports__,"appearance",(function(){return appearance})),__webpack_require__.d(__webpack_exports__,"dismissible",(function(){return dismissible}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_Chip__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Chip/Chip.tsx"),_excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var leadValue=function leadValue(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Chip__WEBPACK_IMPORTED_MODULE_8__.a,{lead:"Owner",value:"Bob"})};leadValue.displayName="leadValue",leadValue.storyName="Lead-value",leadValue.parameters={storySource:{source:''}};var appearance=function appearance(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Chip__WEBPACK_IMPORTED_MODULE_8__.a,{lead:"Type",value:"Positive",appearance:"positive"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Chip__WEBPACK_IMPORTED_MODULE_8__.a,{lead:"Type",value:"Negative",appearance:"negative"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Chip__WEBPACK_IMPORTED_MODULE_8__.a,{lead:"Type",value:"Information",appearance:"information"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Chip__WEBPACK_IMPORTED_MODULE_8__.a,{lead:"Type",value:"Caution",appearance:"caution"}))};appearance.storyName="Appearance",appearance.parameters={storySource:{source:'\n\n\n'}};var dismissible=function dismissible(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Chip__WEBPACK_IMPORTED_MODULE_8__.a,{lead:"Owner",value:"Bob",onDismiss:function onDismiss(){console.log("onDismiss called")}})};dismissible.displayName="dismissible",dismissible.storyName="Dismissible",dismissible.parameters={storySource:{source:' {\n console.log("onDismiss called");\n}} />'}};var componentMeta={title:"Chip",component:_Chip__WEBPACK_IMPORTED_MODULE_8__.a,includeStories:["defaultStory","leadValue","appearance","dismissible"]},mdxStoryNameToKey={Default:"defaultStory","Lead-value":"leadValue",Appearance:"appearance",Dismissible:"dismissible"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Chip/Chip.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils.ts"),classnames__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["appearance","lead","onClick","onDismiss","quoteValue","selected","subString","value"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Chip=function Chip(_ref){var _classNames,appearance=_ref.appearance,_ref$lead=_ref.lead,lead=void 0===_ref$lead?"":_ref$lead,onClick=_ref.onClick,onDismiss=_ref.onDismiss,quoteValue=_ref.quoteValue,selected=_ref.selected,_ref$subString=_ref.subString,subString=void 0===_ref$subString?"":_ref$subString,value=_ref.value,props=_objectWithoutProperties(_ref,_excluded),chipValue=Object(_utils__WEBPACK_IMPORTED_MODULE_5__.b)(value,subString).text,chipContent=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:[lead&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span",{className:"p-chip__lead",children:lead.toUpperCase()}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span",{className:"p-chip__value",dangerouslySetInnerHTML:{__html:quoteValue?"'"+chipValue+"'":chipValue}})]}),chipClassName=classnames__WEBPACK_IMPORTED_MODULE_6___default()(((_classNames={})["p-chip--"+appearance]=!!appearance,_classNames["p-chip"]=!appearance,_classNames));return onDismiss?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("span",Object.assign({className:chipClassName,"aria-pressed":selected},props,{children:[chipContent,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("button",{className:"p-chip__dismiss",onClick:onDismiss,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("i",{className:"p-icon--close",children:"Dismiss"})})]})):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("button",{className:chipClassName,"aria-pressed":selected,onClick:onClick,onKeyDown:function onKeyDown(e){return function onKeyDown(e){" "!==e.key&&"Enter"!==e.key||"function"==typeof onClick&&onClick({lead:lead,value:value})}(e)},children:chipContent})};__webpack_exports__.a=Chip;try{Chip.displayName="Chip",Chip.__docgenInfo={description:"",displayName:"Chip",props:{appearance:{defaultValue:null,description:"The appearance of the chip.",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"caution"'},{value:'"negative"'},{value:'"positive"'},{value:'"information"'}]}},lead:{defaultValue:{value:""},description:"The lead for the chip.",name:"lead",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"Function for handling chip div click event.",name:"onClick",required:!1,type:{name:"(event: MouseEvent | { lead: string; value: string; }) => void"}},onDismiss:{defaultValue:null,description:"Function for handling dismissing a chip.",name:"onDismiss",required:!1,type:{name:"() => void"}},selected:{defaultValue:null,description:"Whether the chip is selected.",name:"selected",required:!1,type:{name:"boolean"}},subString:{defaultValue:{value:""},description:'A substring to emphasise if it is part of the chip\'s value,\ne.g. "sit" => poSITive',name:"subString",required:!1,type:{name:"string"}},quoteValue:{defaultValue:null,description:"Whether to wrap the value in quotation marks.",name:"quoteValue",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"The value of the chip.",name:"value",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Chip/Chip.tsx#Chip"]={docgenInfo:Chip.__docgenInfo,name:"Chip",path:"src/components/Chip/Chip.tsx#Chip"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/CodeSnippet/CodeSnippet.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return CodeSnippet_stories_defaultStory})),__webpack_require__.d(__webpack_exports__,"title",(function(){return CodeSnippet_stories_title})),__webpack_require__.d(__webpack_exports__,"multipleBlocks",(function(){return CodeSnippet_stories_multipleBlocks})),__webpack_require__.d(__webpack_exports__,"appearance",(function(){return CodeSnippet_stories_appearance})),__webpack_require__.d(__webpack_exports__,"wrapLines",(function(){return CodeSnippet_stories_wrapLines})),__webpack_require__.d(__webpack_exports__,"dropdown",(function(){return CodeSnippet_stories_dropdown})),__webpack_require__.d(__webpack_exports__,"dropdowns",(function(){return CodeSnippet_stories_dropdowns})),__webpack_require__.d(__webpack_exports__,"dropdownsStacked",(function(){return CodeSnippet_stories_dropdownsStacked})),__webpack_require__.d(__webpack_exports__,"content",(function(){return CodeSnippet_stories_content}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_docs_blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["options","onChange"],_excluded2=["label","value"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function CodeSnippetDropdown(_ref){var options=_ref.options,onChange=_ref.onChange,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)("select",Object.assign({className:"p-code-snippet__dropdown",onChange:onChange},props,{children:options.map((function(_ref2){var label=_ref2.label,value=_ref2.value,props=_objectWithoutProperties(_ref2,_excluded2);return Object(jsx_runtime.jsx)("option",Object.assign({value:value},props,{children:label}),value+""||label)}))}))}CodeSnippetDropdown.displayName="CodeSnippetDropdown";try{CodeSnippetDropdown.displayName="CodeSnippetDropdown",CodeSnippetDropdown.__docgenInfo={description:"",displayName:"CodeSnippetDropdown",props:{onChange:{defaultValue:null,description:"Function for handling the select value changing.",name:"onChange",required:!1,type:{name:"ChangeEventHandler & FormEventHandler"}},options:{defaultValue:null,description:"Options to pass to the select.",name:"options",required:!0,type:{name:"DropdownOptionProps[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CodeSnippet/CodeSnippetDropdown.tsx#CodeSnippetDropdown"]={docgenInfo:CodeSnippetDropdown.__docgenInfo,name:"CodeSnippetDropdown",path:"src/components/CodeSnippet/CodeSnippetDropdown.tsx#CodeSnippetDropdown"})}catch(__react_docgen_typescript_loader_error){}var CodeSnippetBlockAppearance_LINUX_PROMPT="linuxPrompt",CodeSnippetBlockAppearance_NUMBERED="numbered",CodeSnippetBlockAppearance_URL="url",CodeSnippetBlockAppearance_WINDOWS_PROMPT="windowsPrompt";function CodeSnippetBlock(_ref){var numberedCode,appearance=_ref.appearance,code=_ref.code,content=_ref.content,dropdowns=_ref.dropdowns,_ref$stacked=_ref.stacked,stacked=void 0!==_ref$stacked&&_ref$stacked,title=_ref.title,_ref$wrapLines=_ref.wrapLines,wrapLines=void 0!==_ref$wrapLines&&_ref$wrapLines,className="p-code-snippet__block",isNumbered=appearance===CodeSnippetBlockAppearance_NUMBERED,hasIcon=appearance===CodeSnippetBlockAppearance_LINUX_PROMPT||appearance===CodeSnippetBlockAppearance_WINDOWS_PROMPT||appearance===CodeSnippetBlockAppearance_URL;isNumbered?(className+="--numbered",numberedCode=code.split(/\r?\n/).map((function(line,i){return Object(jsx_runtime.jsxs)(react_default.a.Fragment,{children:[Object(jsx_runtime.jsx)("span",{className:"p-code-snippet__line",children:line}),"\n"]},"p-code-snippet__line-"+i)}))):hasIcon&&(className+="--icon");className=classnames_default()(className,{"is-windows-prompt":appearance===CodeSnippetBlockAppearance_WINDOWS_PROMPT,"is-url":appearance===CodeSnippetBlockAppearance_URL,"is-wrapped":wrapLines});var hasDropdowns=dropdowns&&dropdowns.length;return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(title||hasDropdowns)&&Object(jsx_runtime.jsxs)("div",{className:"p-code-snippet__header "+(stacked?"is-stacked":""),children:[Object(jsx_runtime.jsx)("h5",{className:"p-code-snippet__title",children:title}),hasDropdowns&&Object(jsx_runtime.jsx)("div",{className:"p-code-snippet__dropdowns",children:dropdowns.map((function(dropdown,i){return Object(react.createElement)(CodeSnippetDropdown,Object.assign({},dropdown,{key:"code-snippet-dropdown-"+i}))}))})]}),Object(jsx_runtime.jsx)("pre",{className:className,children:Object(jsx_runtime.jsx)("code",{children:isNumbered?numberedCode:code})}),content]})}try{CodeSnippetBlock.displayName="CodeSnippetBlock",CodeSnippetBlock.__docgenInfo={description:"",displayName:"CodeSnippetBlock",props:{appearance:{defaultValue:null,description:"The appearance of the code block.",name:"appearance",required:!1,type:{name:"enum",value:[{value:'"url"'},{value:'"linuxPrompt"'},{value:'"numbered"'},{value:'"windowsPrompt"'}]}},code:{defaultValue:null,description:"The code snippet to display.",name:"code",required:!0,type:{name:"string"}},content:{defaultValue:null,description:"Content to show below the code snippet.",name:"content",required:!1,type:{name:"ReactNode"}},dropdowns:{defaultValue:null,description:"A list of dropdowns to display in the header.",name:"dropdowns",required:!1,type:{name:"Props[]"}},stacked:{defaultValue:{value:"false"},description:"Whether the title should display stacked on top of the dropdowns.",name:"stacked",required:!1,type:{name:"boolean"}},title:{defaultValue:null,description:"The title of the code block.",name:"title",required:!1,type:{name:"string"}},wrapLines:{defaultValue:{value:"false"},description:"Whether to enable line wrapping inside the code block.",name:"wrapLines",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CodeSnippet/CodeSnippetBlock.tsx#CodeSnippetBlock"]={docgenInfo:CodeSnippetBlock.__docgenInfo,name:"CodeSnippetBlock",path:"src/components/CodeSnippet/CodeSnippetBlock.tsx#CodeSnippetBlock"})}catch(__react_docgen_typescript_loader_error){}var CodeSnippet_excluded=["className","blocks"];function CodeSnippet_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function CodeSnippet_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function CodeSnippet(_ref){var className=_ref.className,blocks=_ref.blocks,props=CodeSnippet_objectWithoutProperties(_ref,CodeSnippet_excluded);return Object(jsx_runtime.jsx)("div",Object.assign({className:classnames_default()("p-code-snippet",{"is-bordered":blocks.some((function(block){return block.content}))},className)},props,{children:blocks.map((function(blockProps,i){return Object(jsx_runtime.jsx)(CodeSnippetBlock,Object.assign({},blockProps),"code-snippet-block-"+i)}))}))}CodeSnippet.displayName="CodeSnippet";try{CodeSnippet.displayName="CodeSnippet",CodeSnippet.__docgenInfo={description:"",displayName:"CodeSnippet",props:{className:{defaultValue:null,description:"Optional class(es) to pass to the wrapping div element.",name:"className",required:!1,type:{name:"string"}},blocks:{defaultValue:null,description:"A list of code blocks to display.",name:"blocks",required:!0,type:{name:"Props[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CodeSnippet/CodeSnippet.tsx#CodeSnippet"]={docgenInfo:CodeSnippet.__docgenInfo,name:"CodeSnippet",path:"src/components/CodeSnippet/CodeSnippet.tsx#CodeSnippet"})}catch(__react_docgen_typescript_loader_error){}var CodeSnippet_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=CodeSnippet_stories_objectWithoutProperties(_ref,CodeSnippet_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(addon_docs_blocks.c,{title:"CodeSnippet",component:CodeSnippet,argTypes:{className:{control:{type:"text"}}},mdxType:"Meta"}),Object(esm.b)("h3",{id:"code-snippet"},"Code snippet"),Object(esm.b)("p",null,"This is a ",Object(esm.b)("a",{parentName:"p",href:"https://reactjs.org/",target:"_blank",rel:"nofollow noopener noreferrer"},"React")," component for the Vanilla ",Object(esm.b)("a",{parentName:"p",href:"https://docs.vanillaframework.io/base/code#code-snippet",target:"_blank",rel:"nofollow noopener noreferrer"},"Code snippet"),"."),Object(esm.b)("h3",{id:"props"},"Props"),Object(esm.b)(addon_docs_blocks.a,{of:CodeSnippet,mdxType:"ArgsTable"}),Object(esm.b)("h4",{id:"blocks"},"Blocks"),Object(esm.b)("p",null,"Single ",Object(esm.b)("inlineCode",{parentName:"p"},"CodeSnippet")," component can render multiple separate code blocks. Blocks are provided as an array via the ",Object(esm.b)("inlineCode",{parentName:"p"},"blocks")," prop. Each block object defines values of props for each code block of the snippet:"),Object(esm.b)(addon_docs_blocks.a,{of:CodeSnippetBlock,mdxType:"ArgsTable"}),Object(esm.b)("h3",{id:"default"},"Default"),Object(esm.b)(addon_docs_blocks.b,{mdxType:"Canvas"},Object(esm.b)(addon_docs_blocks.f,{name:"Default",mdxType:"Story"},Object(esm.b)(CodeSnippet,{blocks:[{code:"Mode: all Settings: maas_url=http://192.168.122.1:5240/MAAS"}],mdxType:"CodeSnippet"}))),Object(esm.b)("h3",{id:"title"},"Title"),Object(esm.b)("p",null,"Use the ",Object(esm.b)("inlineCode",{parentName:"p"},"title")," prop to add a title to a code block."),Object(esm.b)(addon_docs_blocks.b,{mdxType:"Canvas"},Object(esm.b)(addon_docs_blocks.f,{name:"Title",mdxType:"Story"},Object(esm.b)(CodeSnippet,{blocks:[{title:"Output",code:"Mode: all Settings: maas_url=http://192.168.122.1:5240/MAAS"}],mdxType:"CodeSnippet"}))),Object(esm.b)("h3",{id:"multiple-blocks"},"Multiple blocks"),Object(esm.b)("p",null,"Pass an array of ",Object(esm.b)("inlineCode",{parentName:"p"},"blocks")," to render multiple code blocks (for example input and output) within a single code snippet."),Object(esm.b)(addon_docs_blocks.b,{mdxType:"Canvas"},Object(esm.b)(addon_docs_blocks.f,{name:"Multiple blocks",mdxType:"Story"},Object(esm.b)(CodeSnippet,{blocks:[{title:"JavaScript",code:"console.log('Vanilla');"},{title:"Output",code:"Vanilla"}],mdxType:"CodeSnippet"}))),Object(esm.b)("h3",{id:"appearance"},"Appearance"),Object(esm.b)("p",null,"Use ",Object(esm.b)("inlineCode",{parentName:"p"},"appearance")," to control the visual aspects of the code block. ",Object(esm.b)("inlineCode",{parentName:"p"},'"numbered"')," appearance will add line numbers in the code blocks.\nValues of ",Object(esm.b)("inlineCode",{parentName:"p"},'"linuxPrompt"'),", ",Object(esm.b)("inlineCode",{parentName:"p"},'"windowsPrompt"'),", ",Object(esm.b)("inlineCode",{parentName:"p"},'"url"')," will add a relevant icon in the code block."),Object(esm.b)(addon_docs_blocks.b,{mdxType:"Canvas"},Object(esm.b)(addon_docs_blocks.f,{name:"Appearance",mdxType:"Story"},Object(esm.b)(CodeSnippet,{blocks:[{title:"Install on Linux",appearance:CodeSnippetBlockAppearance_LINUX_PROMPT,code:"snap install toto"},{title:"Install on Windows",appearance:CodeSnippetBlockAppearance_WINDOWS_PROMPT,code:"snap install toto"},{title:"Get from the Store",appearance:CodeSnippetBlockAppearance_URL,code:"http://snapcraft.io/toto"}],mdxType:"CodeSnippet"}),Object(esm.b)(CodeSnippet,{blocks:[{appearance:CodeSnippetBlockAppearance_NUMBERED,code:'#!/bin/bash\nset -eu . $CONJURE_UP_SPELLSDIR/sdk/common.sh\nif [[ "$JUJU_PROVIDERTYPE" == "lxd" ]]; then\n debug "Running pre-deploy for $CONJURE_UP_SPELL"\n sed "s/##MODEL##/$JUJU_MODEL/" $(scriptPath)/lxd-profile.yaml | lxc profile edit "juju-$JUJU_MODEL" || exposeResult "Failed to set profile" $? "false"\nfi\nexposeResult "Successful pre-deploy." 0 "true"'}],mdxType:"CodeSnippet"}))),Object(esm.b)("h3",{id:"wrap-lines"},"Wrap lines"),Object(esm.b)("p",null,"Set ",Object(esm.b)("inlineCode",{parentName:"p"},"wrapLines")," prop to ",Object(esm.b)("inlineCode",{parentName:"p"},"true")," to enable line wrapping inside the code block."),Object(esm.b)(addon_docs_blocks.b,{mdxType:"Canvas"},Object(esm.b)(addon_docs_blocks.f,{name:"Wrap lines",mdxType:"Story"},Object(esm.b)(CodeSnippet,{blocks:[{appearance:CodeSnippetBlockAppearance_NUMBERED,wrapLines:!0,code:'#!/bin/bash\nset -eu . $CONJURE_UP_SPELLSDIR/sdk/common.sh\nif [[ "$JUJU_PROVIDERTYPE" == "lxd" ]]; then\n debug "Running pre-deploy for $CONJURE_UP_SPELL"\n sed "s/##MODEL##/$JUJU_MODEL/" $(scriptPath)/lxd-profile.yaml | lxc profile edit "juju-$JUJU_MODEL" || exposeResult "Failed to set profile" $? "false"\nfi\nexposeResult "Successful pre-deploy." 0 "true"'}],mdxType:"CodeSnippet"}))),Object(esm.b)("h3",{id:"dropdowns"},"Dropdowns"),Object(esm.b)("p",null,"Dropdown select menus can be added to the headers of code blocks to allow users to choose one of the options. The dropdowns options are passed via ",Object(esm.b)("inlineCode",{parentName:"p"},"dropdowns")," property in the block options object."),Object(esm.b)("p",null,"Dropdown configuration object is structured as follows:"),Object(esm.b)(addon_docs_blocks.a,{of:CodeSnippetDropdown,mdxType:"ArgsTable"}),Object(esm.b)("p",null,"With the ",Object(esm.b)("inlineCode",{parentName:"p"},"options")," being an array of option properties compatible with the ",Object(esm.b)("inlineCode",{parentName:"p"},"Select")," options (",Object(esm.b)("inlineCode",{parentName:"p"},"[{ label: string, value: string | number }]"),")."),Object(esm.b)(addon_docs_blocks.b,{mdxType:"Canvas"},Object(esm.b)(addon_docs_blocks.f,{name:"Dropdown",mdxType:"Story"},(function(){var _useState2=_slicedToArray(Object(react.useState)("html"),2),lang=_useState2[0],setLang=_useState2[1];return Object(esm.b)(CodeSnippet,{blocks:[{code:{js:'console.log("Example 1");',css:".p-heading--2 { color: red; }",html:'

How to use code snippets

'}[lang],dropdowns:[{options:[{value:"js",label:"JS"},{value:"css",label:"CSS"},{value:"html",label:"HTML"}],value:lang,onChange:function onChange(event){setLang(event.target.value)}}]}],mdxType:"CodeSnippet"})}))),Object(esm.b)("p",null,"Multiple dropdowns can be passed in if needed."),Object(esm.b)(addon_docs_blocks.b,{mdxType:"Canvas"},Object(esm.b)(addon_docs_blocks.f,{name:"Dropdowns",mdxType:"Story"},(function(){var _useState4=_slicedToArray(Object(react.useState)("stable"),2),channel=_useState4[0],setChannel=_useState4[1],_useState6=_slicedToArray(Object(react.useState)("firefox"),2),snap=_useState6[0],setSnap=_useState6[1],code="sudo snap install "+snap+" "+("stable"===channel?"":"--"+channel);return Object(esm.b)(CodeSnippet,{blocks:[{title:"Install snap",code:code,dropdowns:[{options:[{value:"stable",label:"stable"},{value:"candidate",label:"candidate"},{value:"beta",label:"beta"},{value:"edge",label:"edge"}],value:channel,onChange:function onChange(event){setChannel(event.target.value)}},{options:[{value:"firefox",label:"Firefox"},{value:"gimp",label:"Gimp"},{value:"vlc",label:"VLC"}],value:snap,onChange:function onChange(event){setSnap(event.target.value)}}]}],mdxType:"CodeSnippet"})}))),Object(esm.b)("p",null,"If multiple dropdowns may overlap with long title you can use ",Object(esm.b)("inlineCode",{parentName:"p"},"stacked")," variant, by setting the relevant property on code block options."),Object(esm.b)(addon_docs_blocks.b,{mdxType:"Canvas"},Object(esm.b)(addon_docs_blocks.f,{name:"DropdownsStacked",mdxType:"Story"},(function(){var _useState8=_slicedToArray(Object(react.useState)("stable"),2),channel=_useState8[0],setChannel=_useState8[1],_useState10=_slicedToArray(Object(react.useState)("firefox"),2),snap=_useState10[0],setSnap=_useState10[1],code="sudo snap install "+snap+" "+("stable"===channel?"":"--"+channel);return Object(esm.b)(CodeSnippet,{blocks:[{title:"Install Firefox, Gimp or VLC as a snap from different channels using command line",code:code,stacked:!0,dropdowns:[{options:[{value:"stable",label:"stable"},{value:"candidate",label:"candidate"},{value:"beta",label:"beta"},{value:"edge",label:"edge"}],value:channel,onChange:function onChange(event){setChannel(event.target.value)}},{options:[{value:"firefox",label:"Firefox"},{value:"gimp",label:"Gimp"},{value:"vlc",label:"VLC"}],value:snap,onChange:function onChange(event){setSnap(event.target.value)}}]}],mdxType:"CodeSnippet"})}))),Object(esm.b)("h3",{id:"content"},"Content"),Object(esm.b)("p",null,"Custom elements can be passed to a CodeBlock via the ",Object(esm.b)("inlineCode",{parentName:"p"},"content")," prop. In these cases, a border will be added around the entire code snippet to visually associate the content with the code block."),Object(esm.b)(addon_docs_blocks.b,{mdxType:"Canvas"},Object(esm.b)(addon_docs_blocks.f,{name:"Content",mdxType:"Story"},Object(esm.b)(CodeSnippet,{blocks:[{title:"With embedded iframe",code:"",content:Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)("iframe",{src:"/iframe.html?id=button--base&viewMode=story"}))}],mdxType:"CodeSnippet"}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var CodeSnippet_stories_defaultStory=function defaultStory(){return Object(esm.b)(CodeSnippet,{blocks:[{code:"Mode: all Settings: maas_url=http://192.168.122.1:5240/MAAS"}]})};CodeSnippet_stories_defaultStory.displayName="defaultStory",CodeSnippet_stories_defaultStory.storyName="Default",CodeSnippet_stories_defaultStory.parameters={storySource:{source:''}};var CodeSnippet_stories_title=function title(){return Object(esm.b)(CodeSnippet,{blocks:[{title:"Output",code:"Mode: all Settings: maas_url=http://192.168.122.1:5240/MAAS"}]})};CodeSnippet_stories_title.displayName="title",CodeSnippet_stories_title.storyName="Title",CodeSnippet_stories_title.parameters={storySource:{source:''}};var CodeSnippet_stories_multipleBlocks=function multipleBlocks(){return Object(esm.b)(CodeSnippet,{blocks:[{title:"JavaScript",code:"console.log('Vanilla');"},{title:"Output",code:"Vanilla"}]})};CodeSnippet_stories_multipleBlocks.displayName="multipleBlocks",CodeSnippet_stories_multipleBlocks.storyName="Multiple blocks",CodeSnippet_stories_multipleBlocks.parameters={storySource:{source:''}};var CodeSnippet_stories_appearance=function appearance(){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(CodeSnippet,{blocks:[{title:"Install on Linux",appearance:CodeSnippetBlockAppearance_LINUX_PROMPT,code:"snap install toto"},{title:"Install on Windows",appearance:CodeSnippetBlockAppearance_WINDOWS_PROMPT,code:"snap install toto"},{title:"Get from the Store",appearance:CodeSnippetBlockAppearance_URL,code:"http://snapcraft.io/toto"}]}),Object(esm.b)(CodeSnippet,{blocks:[{appearance:CodeSnippetBlockAppearance_NUMBERED,code:'#!/bin/bash\nset -eu . $CONJURE_UP_SPELLSDIR/sdk/common.sh\nif [[ "$JUJU_PROVIDERTYPE" == "lxd" ]]; then\n debug "Running pre-deploy for $CONJURE_UP_SPELL"\n sed "s/##MODEL##/$JUJU_MODEL/" $(scriptPath)/lxd-profile.yaml | lxc profile edit "juju-$JUJU_MODEL" || exposeResult "Failed to set profile" $? "false"\nfi\nexposeResult "Successful pre-deploy." 0 "true"'}]}))};CodeSnippet_stories_appearance.storyName="Appearance",CodeSnippet_stories_appearance.parameters={storySource:{source:'\n'}};var CodeSnippet_stories_wrapLines=function wrapLines(){return Object(esm.b)(CodeSnippet,{blocks:[{appearance:CodeSnippetBlockAppearance_NUMBERED,wrapLines:!0,code:'#!/bin/bash\nset -eu . $CONJURE_UP_SPELLSDIR/sdk/common.sh\nif [[ "$JUJU_PROVIDERTYPE" == "lxd" ]]; then\n debug "Running pre-deploy for $CONJURE_UP_SPELL"\n sed "s/##MODEL##/$JUJU_MODEL/" $(scriptPath)/lxd-profile.yaml | lxc profile edit "juju-$JUJU_MODEL" || exposeResult "Failed to set profile" $? "false"\nfi\nexposeResult "Successful pre-deploy." 0 "true"'}]})};CodeSnippet_stories_wrapLines.displayName="wrapLines",CodeSnippet_stories_wrapLines.storyName="Wrap lines",CodeSnippet_stories_wrapLines.parameters={storySource:{source:''}};var CodeSnippet_stories_dropdown=function dropdown(){var _useState12=_slicedToArray(Object(react.useState)("html"),2),lang=_useState12[0],setLang=_useState12[1];return Object(esm.b)(CodeSnippet,{blocks:[{code:{js:'console.log("Example 1");',css:".p-heading--2 { color: red; }",html:'

How to use code snippets

'}[lang],dropdowns:[{options:[{value:"js",label:"JS"},{value:"css",label:"CSS"},{value:"html",label:"HTML"}],value:lang,onChange:function onChange(event){setLang(event.target.value)}}]}]})};CodeSnippet_stories_dropdown.displayName="dropdown",CodeSnippet_stories_dropdown.storyName="Dropdown",CodeSnippet_stories_dropdown.parameters={storySource:{source:'() => {\n const [lang, setLang] = useState("html");\n const code = {\n js: `console.log("Example 1");`,\n css: `.p-heading--2 { color: red; }`,\n html: `

How to use code snippets

`\n };\n return {\n setLang(event.target.value);\n }\n }]\n }]} />;\n}'}};var CodeSnippet_stories_dropdowns=function dropdowns(){var _useState14=_slicedToArray(Object(react.useState)("stable"),2),channel=_useState14[0],setChannel=_useState14[1],_useState16=_slicedToArray(Object(react.useState)("firefox"),2),snap=_useState16[0],setSnap=_useState16[1],code="sudo snap install "+snap+" "+("stable"===channel?"":"--"+channel);return Object(esm.b)(CodeSnippet,{blocks:[{title:"Install snap",code:code,dropdowns:[{options:[{value:"stable",label:"stable"},{value:"candidate",label:"candidate"},{value:"beta",label:"beta"},{value:"edge",label:"edge"}],value:channel,onChange:function onChange(event){setChannel(event.target.value)}},{options:[{value:"firefox",label:"Firefox"},{value:"gimp",label:"Gimp"},{value:"vlc",label:"VLC"}],value:snap,onChange:function onChange(event){setSnap(event.target.value)}}]}]})};CodeSnippet_stories_dropdowns.displayName="dropdowns",CodeSnippet_stories_dropdowns.storyName="Dropdowns",CodeSnippet_stories_dropdowns.parameters={storySource:{source:'() => {\n const [channel, setChannel] = useState("stable");\n const [snap, setSnap] = useState("firefox");\n const code = `sudo snap install ${snap} ${channel === "stable" ? "" : "--" + channel}`;\n return {\n setChannel(event.target.value);\n }\n }, {\n options: [{\n value: "firefox",\n label: "Firefox"\n }, {\n value: "gimp",\n label: "Gimp"\n }, {\n value: "vlc",\n label: "VLC"\n }],\n value: snap,\n onChange: event => {\n setSnap(event.target.value);\n }\n }]\n }]} />;\n}'}};var CodeSnippet_stories_dropdownsStacked=function dropdownsStacked(){var _useState18=_slicedToArray(Object(react.useState)("stable"),2),channel=_useState18[0],setChannel=_useState18[1],_useState20=_slicedToArray(Object(react.useState)("firefox"),2),snap=_useState20[0],setSnap=_useState20[1],code="sudo snap install "+snap+" "+("stable"===channel?"":"--"+channel);return Object(esm.b)(CodeSnippet,{blocks:[{title:"Install Firefox, Gimp or VLC as a snap from different channels using command line",code:code,stacked:!0,dropdowns:[{options:[{value:"stable",label:"stable"},{value:"candidate",label:"candidate"},{value:"beta",label:"beta"},{value:"edge",label:"edge"}],value:channel,onChange:function onChange(event){setChannel(event.target.value)}},{options:[{value:"firefox",label:"Firefox"},{value:"gimp",label:"Gimp"},{value:"vlc",label:"VLC"}],value:snap,onChange:function onChange(event){setSnap(event.target.value)}}]}]})};CodeSnippet_stories_dropdownsStacked.displayName="dropdownsStacked",CodeSnippet_stories_dropdownsStacked.storyName="DropdownsStacked",CodeSnippet_stories_dropdownsStacked.parameters={storySource:{source:'() => {\n const [channel, setChannel] = useState("stable");\n const [snap, setSnap] = useState("firefox");\n const code = `sudo snap install ${snap} ${channel === "stable" ? "" : "--" + channel}`;\n return {\n setChannel(event.target.value);\n }\n }, {\n options: [{\n value: "firefox",\n label: "Firefox"\n }, {\n value: "gimp",\n label: "Gimp"\n }, {\n value: "vlc",\n label: "VLC"\n }],\n value: snap,\n onChange: event => {\n setSnap(event.target.value);\n }\n }]\n }]} />;\n}'}};var CodeSnippet_stories_content=function content(){return Object(esm.b)(CodeSnippet,{blocks:[{title:"With embedded iframe",code:"",content:Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)("iframe",{src:"/iframe.html?id=button--base&viewMode=story"}))}]})};CodeSnippet_stories_content.displayName="content",CodeSnippet_stories_content.storyName="Content",CodeSnippet_stories_content.parameters={storySource:{source:'",\n content: <>\n \n \n}]} />'}};var componentMeta={title:"CodeSnippet",component:CodeSnippet,argTypes:{className:{control:{type:"text"}}},includeStories:["defaultStory","title","multipleBlocks","appearance","wrapLines","dropdown","dropdowns","dropdownsStacked","content"]},mdxStoryNameToKey={Default:"defaultStory",Title:"title","Multiple blocks":"multipleBlocks",Appearance:"appearance","Wrap lines":"wrapLines",Dropdown:"dropdown",Dropdowns:"dropdowns",DropdownsStacked:"dropdownsStacked",Content:"content"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Col/Col.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"grid",(function(){return grid})),__webpack_require__.d(__webpack_exports__,"nestedColumns",(function(){return nestedColumns})),__webpack_require__.d(__webpack_exports__,"emptyColumns",(function(){return emptyColumns}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_Col__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Col/Col.tsx"),_Row__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Row/index.ts"),_excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i {\n return
\n \n \n \n
;\n}'}};var grid=function grid(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"grid-demo"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:12},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-12"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:11},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-11")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:1},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-1"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:10},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-10")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:2},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:9},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-9")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:3},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-9"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:8},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-8")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:4},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-4"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:7},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-7")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:5},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-5"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:6},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-6")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:6},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-6"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:5},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-5")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:7},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-7"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:4},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-4")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:8},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-8"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:3},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-3")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:9},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-9"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:2},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-2")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:10},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-10"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:1},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-1")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:11},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("span",null,".col-11"))))};grid.displayName="grid",grid.storyName="Grid",grid.parameters={storySource:{source:'
\n \n \n .col-12\n \n \n \n \n .col-11\n \n \n .col-1\n \n \n \n \n .col-10\n \n \n .col-2\n \n \n \n \n .col-9\n \n \n .col-9\n \n \n \n \n .col-8\n \n \n .col-4\n \n \n \n \n .col-7\n \n \n .col-5\n \n \n \n \n .col-6\n \n \n .col-6\n \n \n \n \n .col-5\n \n \n .col-7\n \n \n \n \n .col-4\n \n \n .col-8\n \n \n \n \n .col-3\n \n \n .col-9\n \n \n \n \n .col-2\n \n \n .col-10\n \n \n \n \n .col-1\n \n \n .col-11\n \n \n
'}};var nestedColumns=function nestedColumns(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"grid-demo"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{small:4,medium:6,size:12},"col-small-4 .col-medium-6 .col-12",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{small:3,medium:3,size:9},"col-small-3 .col-medium-3 .col-9",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{small:1,medium:1,size:2},"col-small-1 col-medium-1 col-2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{small:1,medium:1,size:3},"col-small-1 col-medium-1 col-2"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{small:1,medium:1,size:3},"col-small-1 col-medium-1 col-2"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{small:1,medium:3,size:3},"col-small-2 col-medium-3 col-3")))))};nestedColumns.displayName="nestedColumns",nestedColumns.storyName="Nested columns",nestedColumns.parameters={storySource:{source:'
\n \n \n col-small-4 .col-medium-6 .col-12\n \n \n col-small-3 .col-medium-3 .col-9\n \n \n col-small-1 col-medium-1 col-2\n \n \n col-small-1 col-medium-1 col-2\n \n \n col-small-1 col-medium-1 col-2\n \n \n \n \n col-small-2 col-medium-3 col-3\n \n \n \n \n
'}};var emptyColumns=function emptyColumns(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("div",{className:"grid-demo"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:8},".col-8"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:4},".col-4")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:7},".col-7"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:4},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:3,emptyLarge:2},"col-3 col-start-large-2 inside col-4")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:7},".col-7"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:4},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:3},"col-3 inside col-4")))))};emptyColumns.displayName="emptyColumns",emptyColumns.storyName="Empty columns",emptyColumns.parameters={storySource:{source:'
\n \n .col-8\n .col-4\n \n \n .col-7\n \n \n \n col-3 col-start-large-2 inside col-4\n \n \n \n \n \n .col-7\n \n \n col-3 inside col-4\n \n \n \n
'}};var componentMeta={title:"Col",component:_Col__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:{children:{control:{type:"text"}},size:{control:{type:"range",min:1,max:12,step:1}}},includeStories:["defaultStory","grid","nestedColumns","emptyColumns"]},mdxStoryNameToKey={Default:"defaultStory",Grid:"grid","Nested columns":"nestedColumns","Empty columns":"emptyColumns"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Col/Col.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.small.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","className","element","emptyLarge","emptyMedium","emptySmall","large","medium","size","small"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Col=function Col(_ref){var _classNames,children=_ref.children,className=_ref.className,_ref$element=_ref.element,Component=void 0===_ref$element?"div":_ref$element,emptyLarge=_ref.emptyLarge,emptyMedium=_ref.emptyMedium,emptySmall=_ref.emptySmall,large=_ref.large,medium=_ref.medium,size=_ref.size,small=_ref.small,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(Component,Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_5___default()(className,"col-"+size,(_classNames={},_classNames["col-small-"+small]=!!small,_classNames["col-medium-"+medium]=!!medium,_classNames["col-large-"+large]=!!large,_classNames["col-start-small-"+emptySmall]=!!emptySmall,_classNames["col-start-medium-"+emptyMedium]=!!emptyMedium,_classNames["col-start-large-"+emptyLarge]=!!emptyLarge,_classNames))},props,{children:children}))};Col.displayName="Col",__webpack_exports__.a=Col;try{Col.displayName="Col",Col.__docgenInfo={description:"",displayName:"Col",props:{children:{defaultValue:null,description:"The content of the column.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the wrapping element.",name:"className",required:!1,type:{name:"string"}},element:{defaultValue:null,description:'Optional element type to give the wrapper if not "div".',name:"element",required:!1,type:{name:"ElementType"}},emptyLarge:{defaultValue:null,description:"The number of columns to skip before starting on large screens.",name:"emptyLarge",required:!1,type:{name:"enum",value:[{value:"3"},{value:"1"},{value:"2"},{value:"4"},{value:"5"},{value:"6"},{value:"7"},{value:"8"},{value:"9"},{value:"10"},{value:"11"},{value:"12"}]}},emptyMedium:{defaultValue:null,description:"The number of columns to skip before starting on medium screens.",name:"emptyMedium",required:!1,type:{name:"enum",value:[{value:"3"},{value:"1"},{value:"2"},{value:"4"},{value:"5"},{value:"6"},{value:"7"},{value:"8"},{value:"9"},{value:"10"},{value:"11"},{value:"12"}]}},emptySmall:{defaultValue:null,description:"The number of columns to skip before starting on small screens.",name:"emptySmall",required:!1,type:{name:"enum",value:[{value:"3"},{value:"1"},{value:"2"},{value:"4"},{value:"5"},{value:"6"},{value:"7"},{value:"8"},{value:"9"},{value:"10"},{value:"11"},{value:"12"}]}},large:{defaultValue:null,description:"Override for the number of columns the content occupies on large screens.",name:"large",required:!1,type:{name:"enum",value:[{value:"3"},{value:"1"},{value:"2"},{value:"4"},{value:"5"},{value:"6"},{value:"7"},{value:"8"},{value:"9"},{value:"10"},{value:"11"},{value:"12"}]}},medium:{defaultValue:null,description:"Override for the number of columns the content occupies on medium screens.",name:"medium",required:!1,type:{name:"enum",value:[{value:"3"},{value:"1"},{value:"2"},{value:"4"},{value:"5"},{value:"6"},{value:"7"},{value:"8"},{value:"9"},{value:"10"},{value:"11"},{value:"12"}]}},size:{defaultValue:null,description:"The number of columns the content occupies.",name:"size",required:!0,type:{name:"enum",value:[{value:"3"},{value:"1"},{value:"2"},{value:"4"},{value:"5"},{value:"6"},{value:"7"},{value:"8"},{value:"9"},{value:"10"},{value:"11"},{value:"12"}]}},small:{defaultValue:null,description:"Override for the number of columns the content occupies on small screens.",name:"small",required:!1,type:{name:"enum",value:[{value:"3"},{value:"1"},{value:"2"},{value:"4"},{value:"5"},{value:"6"},{value:"7"},{value:"8"},{value:"9"},{value:"10"},{value:"11"},{value:"12"}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Col/Col.tsx#Col"]={docgenInfo:Col.__docgenInfo,name:"Col",path:"src/components/Col/Col.tsx#Col"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Col/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";var _Col__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Col/Col.tsx");__webpack_require__.d(__webpack_exports__,"a",(function(){return _Col__WEBPACK_IMPORTED_MODULE_0__.a}))},"./src/components/ContextualMenu/ContextualMenu.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"toggle",(function(){return toggle}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_ContextualMenu__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/ContextualMenu/ContextualMenu.tsx"),_excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i
\n \n
'}};var toggle=Template.bind({});toggle.storyName="Toggle",toggle.args={links:[{children:"Link 1",onClick:function onClick(){}},{children:"Link 2",onClick:function onClick(){}}],hasToggleIcon:!0,position:"right",toggleLabel:"Click me!"},toggle.parameters={storySource:{source:'args =>
\n \n
'}};var componentMeta={title:"ContextualMenu",component:_ContextualMenu__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:{children:{control:{disable:!0}},links:{control:{disable:!0}}},includeStories:["defaultStory","toggle"]},mdxStoryNameToKey={Default:"defaultStory",Toggle:"toggle"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/ContextualMenu/ContextualMenu.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),react=__webpack_require__("./node_modules/react/index.js"),usePortal=__webpack_require__("./node_modules/react-useportal/dist/usePortal.js"),usePortal_default=__webpack_require__.n(usePortal),hooks=__webpack_require__("./src/hooks/index.ts"),Button=__webpack_require__("./src/components/Button/index.ts"),jsx_runtime=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","className","onClick"],_excluded2=["adjustedPosition","autoAdjust","closePortal","constrainPanelWidth","dropdownClassName","dropdownContent","id","isOpen","links","position","positionCoords","positionNode","setAdjustedPosition","wrapperClass"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var getPositionStyle=function getPositionStyle(position,positionCoords,constrainPanelWidth){if(!positionCoords)return null;var height=positionCoords.height,left=positionCoords.left,top=positionCoords.top,width=positionCoords.width,topPos=top+height+(window.scrollY||0),leftPos=left;switch(position){case"left":leftPos=left;break;case"center":leftPos=left+width/2;break;case"right":leftPos=left+width}return Object.assign({position:"absolute",left:leftPos,top:topPos},constrainPanelWidth?{width:width}:null)},adjustForWindow=function adjustForWindow(position,fitsWindow){var newPosition=position;return fitsWindow.fromRight.fitsLeft||"right"!==newPosition||(newPosition="left"),fitsWindow.fromLeft.fitsRight||"left"!==newPosition||(newPosition="right"),fitsWindow.fromLeft.fitsRight||fitsWindow.fromRight.fitsLeft||"left"!==newPosition&&"right"!==newPosition||(newPosition="center"),"center"!==newPosition||fitsWindow.fromCenter.fitsCentered.fitsRight&&fitsWindow.fromCenter.fitsCentered.fitsLeft||(fitsWindow.fromLeft.fitsRight&&(newPosition="left"),fitsWindow.fromRight.fitsLeft&&(newPosition="right")),newPosition},ContextualMenuDropdown_generateLink=function generateLink(link,key,closePortal){var children=link.children,className=link.className,onClick=link.onClick,props=_objectWithoutProperties(link,_excluded);return Object(jsx_runtime.jsx)(Button.b,Object.assign({className:classnames_default()("p-contextual-menu__link",className),onClick:onClick?function(evt){closePortal(evt.nativeEvent),onClick(evt)}:null},props,{children:children}),key)};ContextualMenuDropdown_generateLink.displayName="generateLink";var ContextualMenuDropdown_ContextualMenuDropdown=function ContextualMenuDropdown(_ref){var adjustedPosition=_ref.adjustedPosition,autoAdjust=_ref.autoAdjust,closePortal=_ref.closePortal,constrainPanelWidth=_ref.constrainPanelWidth,dropdownClassName=_ref.dropdownClassName,dropdownContent=_ref.dropdownContent,id=_ref.id,isOpen=_ref.isOpen,links=_ref.links,position=_ref.position,positionCoords=_ref.positionCoords,positionNode=_ref.positionNode,setAdjustedPosition=_ref.setAdjustedPosition,wrapperClass=_ref.wrapperClass,props=_objectWithoutProperties(_ref,_excluded2),dropdown=Object(react.useRef)(),_useState2=_slicedToArray(Object(react.useState)(getPositionStyle(adjustedPosition,positionCoords,constrainPanelWidth)),2),positionStyle=_useState2[0],setPositionStyle=_useState2[1],updatePositionStyle=Object(react.useCallback)((function(){setPositionStyle(getPositionStyle(adjustedPosition,positionCoords,constrainPanelWidth))}),[adjustedPosition,positionCoords,constrainPanelWidth]),onUpdateWindowFitment=Object(react.useCallback)((function(fitsWindow){setAdjustedPosition(adjustForWindow(position,fitsWindow))}),[position,setAdjustedPosition]);return Object(hooks.c)(dropdown.current,positionNode,onUpdateWindowFitment,0,isOpen&&autoAdjust),Object(react.useEffect)((function(){updatePositionStyle()}),[adjustedPosition,updatePositionStyle]),Object(jsx_runtime.jsx)("span",Object.assign({className:wrapperClass,style:positionStyle},props,{children:Object(jsx_runtime.jsx)("span",{className:classnames_default()("p-contextual-menu__dropdown",dropdownClassName),id:id,"aria-hidden":isOpen?"false":"true","aria-label":"submenu",ref:dropdown,style:constrainPanelWidth&&null!=positionStyle&&positionStyle.width?{width:positionStyle.width,minWidth:0,maxWidth:"none"}:null,children:dropdownContent||links.map((function(item,i){return Array.isArray(item)?Object(jsx_runtime.jsx)("span",{className:"p-contextual-menu__group",children:item.map((function(link,j){return ContextualMenuDropdown_generateLink(link,j,closePortal)}))},i):"string"==typeof item?Object(jsx_runtime.jsx)("div",{className:"p-contextual-menu__non-interactive",children:item},i):ContextualMenuDropdown_generateLink(item,i,closePortal)}))})}))};ContextualMenuDropdown_ContextualMenuDropdown.displayName="ContextualMenuDropdown";var ContextualMenu_ContextualMenuDropdown_ContextualMenuDropdown=ContextualMenuDropdown_ContextualMenuDropdown;try{adjustForWindow.displayName="adjustForWindow",adjustForWindow.__docgenInfo={description:"Calculate the adjusted position in relation to the window.",displayName:"adjustForWindow",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ContextualMenu/ContextualMenuDropdown/ContextualMenuDropdown.tsx#adjustForWindow"]={docgenInfo:adjustForWindow.__docgenInfo,name:"adjustForWindow",path:"src/components/ContextualMenu/ContextualMenuDropdown/ContextualMenuDropdown.tsx#adjustForWindow"})}catch(__react_docgen_typescript_loader_error){}try{ContextualMenuDropdown_ContextualMenuDropdown.displayName="ContextualMenuDropdown",ContextualMenuDropdown_ContextualMenuDropdown.__docgenInfo={description:"",displayName:"ContextualMenuDropdown",props:{adjustedPosition:{defaultValue:null,description:"",name:"adjustedPosition",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"center"'}]}},autoAdjust:{defaultValue:null,description:"",name:"autoAdjust",required:!1,type:{name:"boolean"}},closePortal:{defaultValue:null,description:"",name:"closePortal",required:!1,type:{name:"(evt?: MouseEvent) => void"}},constrainPanelWidth:{defaultValue:null,description:"",name:"constrainPanelWidth",required:!1,type:{name:"boolean"}},dropdownClassName:{defaultValue:null,description:"",name:"dropdownClassName",required:!1,type:{name:"string"}},dropdownContent:{defaultValue:null,description:"",name:"dropdownContent",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},isOpen:{defaultValue:null,description:"",name:"isOpen",required:!1,type:{name:"boolean"}},links:{defaultValue:null,description:"",name:"links",required:!1,type:{name:"MenuLink[]"}},position:{defaultValue:null,description:"",name:"position",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"center"'}]}},positionCoords:{defaultValue:null,description:"",name:"positionCoords",required:!1,type:{name:"ClientRect"}},positionNode:{defaultValue:null,description:"",name:"positionNode",required:!1,type:{name:"HTMLElement"}},setAdjustedPosition:{defaultValue:null,description:"",name:"setAdjustedPosition",required:!1,type:{name:"(position: Position) => void"}},wrapperClass:{defaultValue:null,description:"",name:"wrapperClass",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ContextualMenu/ContextualMenuDropdown/ContextualMenuDropdown.tsx#ContextualMenuDropdown"]={docgenInfo:ContextualMenuDropdown_ContextualMenuDropdown.__docgenInfo,name:"ContextualMenuDropdown",path:"src/components/ContextualMenu/ContextualMenuDropdown/ContextualMenuDropdown.tsx#ContextualMenuDropdown"})}catch(__react_docgen_typescript_loader_error){}var useId=__webpack_require__("./src/hooks/useId.ts"),ContextualMenu_excluded=["autoAdjust","children","className","closeOnEsc","closeOnOutsideClick","constrainPanelWidth","dropdownClassName","dropdownProps","hasToggleIcon","links","onToggleMenu","position","positionNode","toggleAppearance","toggleClassName","toggleDisabled","toggleLabel","toggleLabelFirst","toggleProps","visible"];function ContextualMenu_slicedToArray(arr,i){return function ContextualMenu_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function ContextualMenu_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function ContextualMenu_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return ContextualMenu_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ContextualMenu_arrayLikeToArray(o,minLen)}(arr,i)||function ContextualMenu_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ContextualMenu_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var getPositionNode=function getPositionNode(wrapper,positionNode){return positionNode||(wrapper?wrapper.querySelector(".p-contextual-menu__toggle")||wrapper:null)},ContextualMenu_ContextualMenu=function ContextualMenu(_ref){var _classNames,_ref$autoAdjust=_ref.autoAdjust,autoAdjust=void 0===_ref$autoAdjust||_ref$autoAdjust,children=_ref.children,className=_ref.className,_ref$closeOnEsc=_ref.closeOnEsc,closeOnEsc=void 0===_ref$closeOnEsc||_ref$closeOnEsc,_ref$closeOnOutsideCl=_ref.closeOnOutsideClick,closeOnOutsideClick=void 0===_ref$closeOnOutsideCl||_ref$closeOnOutsideCl,constrainPanelWidth=_ref.constrainPanelWidth,dropdownClassName=_ref.dropdownClassName,dropdownProps=_ref.dropdownProps,hasToggleIcon=_ref.hasToggleIcon,links=_ref.links,onToggleMenu=_ref.onToggleMenu,_ref$position=_ref.position,position=void 0===_ref$position?"right":_ref$position,positionNode=_ref.positionNode,toggleAppearance=_ref.toggleAppearance,toggleClassName=_ref.toggleClassName,toggleDisabled=_ref.toggleDisabled,toggleLabel=_ref.toggleLabel,_ref$toggleLabelFirst=_ref.toggleLabelFirst,toggleLabelFirst=void 0===_ref$toggleLabelFirst||_ref$toggleLabelFirst,toggleProps=_ref.toggleProps,_ref$visible=_ref.visible,visible=void 0!==_ref$visible&&_ref$visible,wrapperProps=ContextualMenu_objectWithoutProperties(_ref,ContextualMenu_excluded),id=Object(useId.a)(),wrapper=Object(react.useRef)(),_useState2=ContextualMenu_slicedToArray(Object(react.useState)(),2),positionCoords=_useState2[0],setPositionCoords=_useState2[1],_useState4=ContextualMenu_slicedToArray(Object(react.useState)(position),2),adjustedPosition=_useState4[0],setAdjustedPosition=_useState4[1],hasToggle=hasToggleIcon||toggleLabel,updatePositionCoords=Object(react.useCallback)((function(){var parent=getPositionNode(wrapper.current,positionNode);if(!parent)return null;setPositionCoords(parent.getBoundingClientRect())}),[wrapper,positionNode]),_usePortal=usePortal_default()({closeOnEsc:closeOnEsc,closeOnOutsideClick:closeOnOutsideClick,isOpen:visible,onOpen:function onOpen(){onToggleMenu&&onToggleMenu(!0),updatePositionCoords()},onClose:function onClose(){onToggleMenu&&onToggleMenu(!1)}}),openPortal=_usePortal.openPortal,closePortal=_usePortal.closePortal,isOpen=_usePortal.isOpen,Portal=_usePortal.Portal,ref=_usePortal.ref,previousVisible=Object(hooks.b)(visible),labelNode=toggleLabel?Object(jsx_runtime.jsx)("span",{children:toggleLabel}):null,wrapperClass=classnames_default()(className,"p-contextual-menu",((_classNames={})["p-contextual-menu--"+adjustedPosition]="right"!==adjustedPosition,_classNames)),wrapperRef=Object(react.useCallback)((function(node){wrapper.current=node,null!==node&&updatePositionCoords()}),[updatePositionCoords]);Object(react.useEffect)((function(){visible!==previousVisible&&(visible&&!isOpen?openPortal():!visible&&isOpen&&closePortal())}),[closePortal,openPortal,visible,isOpen,previousVisible]);var onResize=Object(react.useCallback)((function(evt){var parent=getPositionNode(wrapper.current,positionNode);parent&&!function getPositionNodeVisible(positionNode){return!positionNode||null!==positionNode.offsetParent}(parent)?closePortal(evt):updatePositionCoords()}),[closePortal,positionNode,updatePositionCoords]);return Object(hooks.a)(window,onResize,"resize",!0,isOpen),Object(jsx_runtime.jsxs)("span",Object.assign({className:wrapperClass,ref:wrapperRef,style:positionNode?null:{position:"relative"}},wrapperProps,{children:[hasToggle?Object(jsx_runtime.jsxs)(Button.b,Object.assign({appearance:toggleAppearance,"aria-controls":id,"aria-expanded":isOpen?"true":"false","aria-pressed":isOpen?"true":"false","aria-haspopup":"true",className:classnames_default()("p-contextual-menu__toggle",toggleClassName),disabled:toggleDisabled,hasIcon:hasToggleIcon,onClick:function onClick(evt){isOpen?closePortal(evt):openPortal(evt)},type:"button"},toggleProps,{children:[toggleLabelFirst?labelNode:null,hasToggleIcon?Object(jsx_runtime.jsx)("i",{className:classnames_default()("p-icon--chevron-down p-contextual-menu__indicator",{"is-light":["negative","positive"].includes(toggleAppearance)})}):null,toggleLabelFirst?null:labelNode]})):Object(jsx_runtime.jsx)(jsx_runtime.Fragment,{children:Object(jsx_runtime.jsx)("span",{style:{display:"none"},ref:ref})}),isOpen&&Object(jsx_runtime.jsx)(Portal,{children:Object(jsx_runtime.jsx)(ContextualMenu_ContextualMenuDropdown_ContextualMenuDropdown,Object.assign({adjustedPosition:adjustedPosition,autoAdjust:autoAdjust,closePortal:closePortal,constrainPanelWidth:constrainPanelWidth,dropdownClassName:dropdownClassName,dropdownContent:children,id:id,isOpen:isOpen,links:links,position:position,positionCoords:positionCoords,positionNode:getPositionNode(wrapper.current,positionNode),setAdjustedPosition:setAdjustedPosition,wrapperClass:wrapperClass},dropdownProps))})]}))};ContextualMenu_ContextualMenu.displayName="ContextualMenu";__webpack_exports__.a=ContextualMenu_ContextualMenu;try{ContextualMenu_ContextualMenu.displayName="ContextualMenu",ContextualMenu_ContextualMenu.__docgenInfo={description:"A component for the Vanilla contextual menu.",displayName:"ContextualMenu",props:{autoAdjust:{defaultValue:{value:"true"},description:"Whether the menu should adjust to fit in the screen.",name:"autoAdjust",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The menu content (if the links prop is not supplied).",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"An optional class to apply to the wrapping element.",name:"className",required:!1,type:{name:"string"}},closeOnEsc:{defaultValue:{value:"true"},description:"Whether the menu should close when the escape key is pressed.",name:"closeOnEsc",required:!1,type:{name:"boolean"}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"Whether the menu should close when clicking outside the menu.",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},constrainPanelWidth:{defaultValue:null,description:"Whether the menu's width should match the toggle's width.",name:"constrainPanelWidth",required:!1,type:{name:"boolean"}},dropdownClassName:{defaultValue:null,description:"An optional class to apply to the dropdown.",name:"dropdownClassName",required:!1,type:{name:"string"}},dropdownProps:{defaultValue:null,description:"Additional props to pass to the dropdown.",name:"dropdownProps",required:!1,type:{name:"SubComponentProps>"}},hasToggleIcon:{defaultValue:null,description:"Whether the toggle should display a chevron icon.",name:"hasToggleIcon",required:!1,type:{name:"boolean"}},links:{defaultValue:null,description:"A list of links to display in the menu (if the children prop is not supplied.)",name:"links",required:!1,type:{name:"MenuLink[]"}},onToggleMenu:{defaultValue:null,description:"A function to call when the menu is toggled.",name:"onToggleMenu",required:!1,type:{name:"(isOpen: boolean) => void"}},position:{defaultValue:{value:"right"},description:"The position of the menu.",name:"position",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'},{value:'"center"'}]}},positionNode:{defaultValue:null,description:"An element to make the menu relative to.",name:"positionNode",required:!1,type:{name:"HTMLElement"}},toggleAppearance:{defaultValue:null,description:"The appearance of the toggle button.",name:"toggleAppearance",required:!1,type:{name:"string"}},toggleClassName:{defaultValue:null,description:"A class to apply to the toggle button.",name:"toggleClassName",required:!1,type:{name:"string"}},toggleDisabled:{defaultValue:null,description:"Whether the toggle button should be disabled.",name:"toggleDisabled",required:!1,type:{name:"boolean"}},toggleLabel:{defaultValue:null,description:"The toggle button's label.",name:"toggleLabel",required:!1,type:{name:"string"}},toggleLabelFirst:{defaultValue:{value:"true"},description:"Whether the toggle lable or icon should appear first.",name:"toggleLabelFirst",required:!1,type:{name:"boolean"}},toggleProps:{defaultValue:null,description:"Additional props to pass to the toggle button.",name:"toggleProps",required:!1,type:{name:"SubComponentProps>"}},visible:{defaultValue:{value:"false"},description:"Whether the menu should be visible.",name:"visible",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ContextualMenu/ContextualMenu.tsx#ContextualMenu"]={docgenInfo:ContextualMenu_ContextualMenu.__docgenInfo,name:"ContextualMenu",path:"src/components/ContextualMenu/ContextualMenu.tsx#ContextualMenu"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Field/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return components_Field_Field}));var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Label=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./src/components/Label/index.ts")),Col=__webpack_require__("./src/components/Col/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Field_generateHelp=function generateHelp(help){return help&&Object(jsx_runtime.jsx)("p",{className:"p-form-help-text",children:help})},Field_generateError=function generateError(error,caution,success){if(!error&&!caution&&!success)return null;var messageType=(error?"Error":caution&&"Caution")||success&&"Success";return Object(jsx_runtime.jsxs)("p",{className:"p-form-validation__message",children:[Object(jsx_runtime.jsxs)("strong",{children:[messageType,":"]})," ",error||caution||success]})};Field_generateError.displayName="generateError";var Field_generateContent=function generateContent(isSelect,children,labelFirst,labelNode,help,error,caution,success){return Object(jsx_runtime.jsxs)("div",{className:"p-form__control u-clearfix",children:[isSelect?Object(jsx_runtime.jsx)("div",{className:"p-form-validation__select-wrapper",children:children}):children,!labelFirst&&labelNode,Field_generateHelp(help),Field_generateError(error,caution,success)]})};Field_generateContent.displayName="generateContent";var Field_Field=function Field(_ref){var caution=_ref.caution,children=_ref.children,className=_ref.className,error=_ref.error,forId=_ref.forId,help=_ref.help,isSelect=_ref.isSelect,label=_ref.label,labelClassName=_ref.labelClassName,_ref$labelFirst=_ref.labelFirst,labelFirst=void 0===_ref$labelFirst||_ref$labelFirst,required=_ref.required,stacked=_ref.stacked,success=_ref.success,labelNode=function generateLabel(forId,required,label,labelClassName,stacked){if(!label)return null;var labelNode=Object(jsx_runtime.jsx)(Label.a,{className:labelClassName,forId:forId,required:required,children:label});return stacked?Object(jsx_runtime.jsx)(Col.a,{size:4,children:labelNode}):labelNode}(forId,required,label,labelClassName,stacked),content=Field_generateContent(isSelect,children,labelFirst,labelNode,help,error,caution,success);return Object(jsx_runtime.jsxs)("div",{className:classnames_default()("p-form__group","p-form-validation",className,{"is-error":error,"is-caution":caution,"is-success":success,row:stacked}),children:[labelFirst&&labelNode,stacked?Object(jsx_runtime.jsx)(Col.a,{size:8,children:content}):content]})};Field_Field.displayName="Field";var components_Field_Field=Field_Field;try{Field_Field.displayName="Field",Field_Field.__docgenInfo={description:"",displayName:"Field",props:{caution:{defaultValue:null,description:"The content for caution validation.",name:"caution",required:!1,type:{name:"ReactNode"}},children:{defaultValue:null,description:"The content of the Field component.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the Field wrapper div.",name:"className",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"The content for error validation.",name:"error",required:!1,type:{name:"ReactNode"}},forId:{defaultValue:null,description:"The id of the input this Field component is controlling.",name:"forId",required:!1,type:{name:"string"}},help:{defaultValue:null,description:"Help text to show below the field.",name:"help",required:!1,type:{name:"ReactNode"}},isSelect:{defaultValue:null,description:"Whether the component is wrapping a select element.",name:"isSelect",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"The label for the field.",name:"label",required:!1,type:{name:"ReactNode"}},labelClassName:{defaultValue:null,description:"Optional class(es) to pass to the label component.",name:"labelClassName",required:!1,type:{name:"string"}},labelFirst:{defaultValue:{value:"true"},description:"Whether the label should show before the input.",name:"labelFirst",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"Whether the field is required.",name:"required",required:!1,type:{name:"boolean"}},stacked:{defaultValue:null,description:"Whether the form field should have a stacked appearance.",name:"stacked",required:!1,type:{name:"boolean"}},success:{defaultValue:null,description:"The content for success validation.",name:"success",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Field/Field.tsx#Field"]={docgenInfo:Field_Field.__docgenInfo,name:"Field",path:"src/components/Field/Field.tsx#Field"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Form/Form.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Form_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"fieldset",(function(){return Form_stories_fieldset})),__webpack_require__.d(__webpack_exports__,"inline",(function(){return Form_stories_inline})),__webpack_require__.d(__webpack_exports__,"stacked",(function(){return Form_stories_stacked})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return Form_stories_disabled})),__webpack_require__.d(__webpack_exports__,"validation",(function(){return Form_stories_validation})),__webpack_require__.d(__webpack_exports__,"required",(function(){return Form_stories_required}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className","inline","stacked"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Form_Form=function Form(_ref){var children=_ref.children,className=_ref.className,inline=_ref.inline,stacked=_ref.stacked,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)("form",Object.assign({className:classnames_default()(className,{"p-form":inline||stacked,"p-form--inline":inline,"p-form--stacked":stacked})},props,{children:children}))};Form_Form.displayName="Form";var components_Form_Form=Form_Form;try{Form_Form.displayName="Form",Form_Form.__docgenInfo={description:"",displayName:"Form",props:{children:{defaultValue:null,description:"The content of the form.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the form element.",name:"className",required:!1,type:{name:"string"}},inline:{defaultValue:null,description:"",name:"inline",required:!1,type:{name:"boolean"}},stacked:{defaultValue:null,description:"",name:"stacked",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Form/Form.tsx#Form"]={docgenInfo:Form_Form.__docgenInfo,name:"Form",path:"src/components/Form/Form.tsx#Form"})}catch(__react_docgen_typescript_loader_error){}var Input=__webpack_require__("./src/components/Input/Input.tsx"),Select=__webpack_require__("./src/components/Select/Select.tsx"),Form_stories_excluded=["components"];function Form_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function Form_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i")," parent element."),Object(esm.b)("h3",{id:"props"},"Props"),Object(esm.b)(blocks.a,{of:components_Form_Form,mdxType:"ArgsTable"}),Object(esm.b)("h3",{id:"forms"},"Forms"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Default",args:{children:Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Input.a,{type:"text",id:"exampleInputEmail12",placeholder:"example@canonical.com",label:"Email address",mdxType:"Input"}),Object(esm.b)(Input.a,{type:"password",id:"exampleInputPassword12",placeholder:"******",label:"Password",mdxType:"Input"}),Object(esm.b)(Input.a,{type:"file",id:"exampleInputFile2",label:"File input",mdxType:"Input"}),Object(esm.b)(Input.a,{type:"checkbox",id:"CheckMe2",label:"I agree to receive information about Canonical’s products and services.",mdxType:"Input"}))},mdxType:"Story"},Form_stories_Template.bind({}))),Object(esm.b)("h3",{id:"fieldset"},"Fieldset"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Fieldset",mdxType:"Story"},Object(esm.b)(components_Form_Form,{mdxType:"Form"},Object(esm.b)("fieldset",null,Object(esm.b)(Input.a,{placeholder:"Joe",id:"list-input-12",type:"text",label:"First name",mdxType:"Input"}),Object(esm.b)(Input.a,{placeholder:"Bloggs",id:"list-input-22",type:"text",label:"Last name",mdxType:"Input"}),Object(esm.b)(Input.a,{placeholder:"example@canonical.com",id:"list-input-32",type:"text",label:"Email address",mdxType:"Input"}))))),Object(esm.b)("h3",{id:"inline"},"Inline"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Inline",mdxType:"Story"},Object(esm.b)(components_Form_Form,{inline:!0,mdxType:"Form"},Object(esm.b)(Input.a,{type:"text",id:"username-inline2",className:"p-form__control",label:"Username",help:"30 characters or fewer.",mdxType:"Input"}),Object(esm.b)(Input.a,{type:"text",id:"address-inline22","aria-invalid":"true","aria-describedby":"input-error-message-inline",label:"Email address",error:"Please enter a valid email address.",mdxType:"Input"})))),Object(esm.b)("h3",{id:"stacked"},"Stacked"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Stacked",mdxType:"Story"},Object(esm.b)(components_Form_Form,{stacked:!0,mdxType:"Form"},Object(esm.b)(Input.a,{type:"text",id:"full-name-stacked2",label:"Full name",stacked:!0,mdxType:"Input"}),Object(esm.b)(Input.a,{type:"text",id:"username-stacked2",label:"Username",stacked:!0,help:"30 characters or fewer.",mdxType:"Input"}),Object(esm.b)(Input.a,{type:"text",id:"username-stacked-error2",label:"Email address",stacked:!0,error:"This field is required",mdxType:"Input"}),Object(esm.b)(Input.a,{type:"text",id:"address-optional-stacked2",label:"Address line 1",stacked:!0,mdxType:"Input"}),Object(esm.b)(Input.a,{type:"text",id:"address-optional-stacked3",label:"Address line 2",stacked:!0,mdxType:"Input"})))),Object(esm.b)("h3",{id:"disabled"},"Disabled"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Disabled",mdxType:"Story"},Object(esm.b)(components_Form_Form,{mdxType:"Form"},Object(esm.b)(Input.a,{label:"Email address",type:"text",id:"disabled-input2",placeholder:"example@canonical.com",disabled:"disabled",mdxType:"Input"})))),Object(esm.b)("h3",{id:"validation"},"Validation"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Validation",mdxType:"Story"},Object(esm.b)(components_Form_Form,{mdxType:"Form"},Object(esm.b)(Input.a,{type:"text",id:"exampleTextInputError2",placeholder:"example@canonical.com",label:"Email address",error:"This field is required.",mdxType:"Input"}),Object(esm.b)(Input.a,{type:"text",id:"exampleTextInputCaution2",placeholder:"14",label:"Mail configuration ID",caution:"No validation is performed in preview mode.",mdxType:"Input"}),Object(esm.b)(Input.a,{type:"text",id:"exampleTextInputSuccess2",placeholder:"**** **** **** ****",label:"Card number",success:"Verified.",mdxType:"Input"}),Object(esm.b)(Select.a,{id:"exampleSelectInputError3",defaultValue:"",options:[{value:"",disabled:"disabled",label:"--Select an option--"},{value:"1",label:"Cosmic Cuttlefish"},{value:"2",label:"Bionic Beaver"},{value:"3",label:"Xenial Xerus"}],label:"Ubuntu releases",error:"You need to select an OS to complete your install.",mdxType:"Select"})))),Object(esm.b)("h3",{id:"required"},"Required"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Required",mdxType:"Story"},Object(esm.b)(components_Form_Form,{mdxType:"Form"},Object(esm.b)(Input.a,{type:"text",id:"exampleTextInputError3",placeholder:"e.g joe@bloggs.com",error:"This field is required.",label:"Email address",required:!0,mdxType:"Input"})))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=Form_stories_Template.bind({});defaultStory.storyName="Default",defaultStory.args={children:Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Input.a,{type:"text",id:"exampleInputEmail12",placeholder:"example@canonical.com",label:"Email address"}),Object(esm.b)(Input.a,{type:"password",id:"exampleInputPassword12",placeholder:"******",label:"Password"}),Object(esm.b)(Input.a,{type:"file",id:"exampleInputFile2",label:"File input"}),Object(esm.b)(Input.a,{type:"checkbox",id:"CheckMe2",label:"I agree to receive information about Canonical’s products and services."}))},defaultStory.parameters={storySource:{source:"args =>
"}};var Form_stories_fieldset=function fieldset(){return Object(esm.b)(components_Form_Form,null,Object(esm.b)("fieldset",null,Object(esm.b)(Input.a,{placeholder:"Joe",id:"list-input-12",type:"text",label:"First name"}),Object(esm.b)(Input.a,{placeholder:"Bloggs",id:"list-input-22",type:"text",label:"Last name"}),Object(esm.b)(Input.a,{placeholder:"example@canonical.com",id:"list-input-32",type:"text",label:"Email address"})))};Form_stories_fieldset.displayName="fieldset",Form_stories_fieldset.storyName="Fieldset",Form_stories_fieldset.parameters={storySource:{source:'\n
\n \n \n \n
\n
'}};var Form_stories_inline=function inline(){return Object(esm.b)(components_Form_Form,{inline:!0},Object(esm.b)(Input.a,{type:"text",id:"username-inline2",className:"p-form__control",label:"Username",help:"30 characters or fewer."}),Object(esm.b)(Input.a,{type:"text",id:"address-inline22","aria-invalid":"true","aria-describedby":"input-error-message-inline",label:"Email address",error:"Please enter a valid email address."}))};Form_stories_inline.displayName="inline",Form_stories_inline.storyName="Inline",Form_stories_inline.parameters={storySource:{source:'
\n \n \n
'}};var Form_stories_stacked=function stacked(){return Object(esm.b)(components_Form_Form,{stacked:!0},Object(esm.b)(Input.a,{type:"text",id:"full-name-stacked2",label:"Full name",stacked:!0}),Object(esm.b)(Input.a,{type:"text",id:"username-stacked2",label:"Username",stacked:!0,help:"30 characters or fewer."}),Object(esm.b)(Input.a,{type:"text",id:"username-stacked-error2",label:"Email address",stacked:!0,error:"This field is required"}),Object(esm.b)(Input.a,{type:"text",id:"address-optional-stacked2",label:"Address line 1",stacked:!0}),Object(esm.b)(Input.a,{type:"text",id:"address-optional-stacked3",label:"Address line 2",stacked:!0}))};Form_stories_stacked.displayName="stacked",Form_stories_stacked.storyName="Stacked",Form_stories_stacked.parameters={storySource:{source:'
\n \n \n \n \n \n
'}};var Form_stories_disabled=function disabled(){return Object(esm.b)(components_Form_Form,null,Object(esm.b)(Input.a,{label:"Email address",type:"text",id:"disabled-input2",placeholder:"example@canonical.com",disabled:"disabled"}))};Form_stories_disabled.displayName="disabled",Form_stories_disabled.storyName="Disabled",Form_stories_disabled.parameters={storySource:{source:'
\n \n
'}};var Form_stories_validation=function validation(){return Object(esm.b)(components_Form_Form,null,Object(esm.b)(Input.a,{type:"text",id:"exampleTextInputError2",placeholder:"example@canonical.com",label:"Email address",error:"This field is required."}),Object(esm.b)(Input.a,{type:"text",id:"exampleTextInputCaution2",placeholder:"14",label:"Mail configuration ID",caution:"No validation is performed in preview mode."}),Object(esm.b)(Input.a,{type:"text",id:"exampleTextInputSuccess2",placeholder:"**** **** **** ****",label:"Card number",success:"Verified."}),Object(esm.b)(Select.a,{id:"exampleSelectInputError3",defaultValue:"",options:[{value:"",disabled:"disabled",label:"--Select an option--"},{value:"1",label:"Cosmic Cuttlefish"},{value:"2",label:"Bionic Beaver"},{value:"3",label:"Xenial Xerus"}],label:"Ubuntu releases",error:"You need to select an OS to complete your install."}))};Form_stories_validation.displayName="validation",Form_stories_validation.storyName="Validation",Form_stories_validation.parameters={storySource:{source:'
\n \n \n \n \n
'}};var componentMeta={title:"Form",component:components_Form_Form,argTypes:{children:{control:{disable:!0}}},includeStories:["defaultStory","fieldset","inline","stacked","disabled","validation","required"]},mdxStoryNameToKey={Default:"defaultStory",Fieldset:"fieldset",Inline:"inline",Stacked:"stacked",Disabled:"disabled",Validation:"validation",Required:"required"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Icon/Icon.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Icon_stories_Template})),__webpack_require__.d(__webpack_exports__,"base",(function(){return base})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return Icon_stories_defaultStory})),__webpack_require__.d(__webpack_exports__,"custom",(function(){return Icon_stories_custom})),__webpack_require__.d(__webpack_exports__,"social",(function(){return Icon_stories_social}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.search.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.anchor.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),Icon=__webpack_require__("./src/components/Icon/Icon.tsx"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),Icon_stories=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Icon/Icon.stories.scss"),options={insert:"head",singleton:!1},_excluded=(injectStylesIntoStyleTag_default()(Icon_stories.a,options),Icon_stories.a.locals,["components"]);function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var Icon_stories_defaultStory=function defaultStory(){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Icon.b,{name:Icon.a.plus}),Object(esm.b)(Icon.b,{name:Icon.a.minus}),Object(esm.b)(Icon.b,{name:Icon.a.expand}),Object(esm.b)(Icon.b,{name:Icon.a.collapse}),Object(esm.b)(Icon.b,{name:Icon.a.spinner}),Object(esm.b)(Icon.b,{name:Icon.a.drag}),Object(esm.b)(Icon.b,{name:Icon.a.close}),Object(esm.b)(Icon.b,{name:Icon.a.help}),Object(esm.b)(Icon.b,{name:Icon.a.information}),Object(esm.b)(Icon.b,{name:Icon.a.delete}),Object(esm.b)(Icon.b,{name:Icon.a.externalLink}),Object(esm.b)(Icon.b,{name:Icon.a.chevronUp}),Object(esm.b)(Icon.b,{name:Icon.a.chevronDown}),Object(esm.b)(Icon.b,{name:Icon.a.menu}),Object(esm.b)(Icon.b,{name:Icon.a.code}),Object(esm.b)(Icon.b,{name:Icon.a.copy}),Object(esm.b)(Icon.b,{name:Icon.a.search}),Object(esm.b)(Icon.b,{name:Icon.a.share}),Object(esm.b)(Icon.b,{name:Icon.a.user}),Object(esm.b)(Icon.b,{name:Icon.a.anchor}),Object(esm.b)(Icon.b,{name:Icon.a.success}),Object(esm.b)(Icon.b,{name:Icon.a.warning}),Object(esm.b)(Icon.b,{name:Icon.a.error}))};Icon_stories_defaultStory.storyName="Default",Icon_stories_defaultStory.parameters={storySource:{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"}};var Icon_stories_custom=function custom(){return Object(esm.b)(Icon.b,{name:"custom"})};Icon_stories_custom.displayName="custom",Icon_stories_custom.storyName="Custom",Icon_stories_custom.parameters={storySource:{source:''}};var Icon_stories_social=function social(){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Icon.b,{name:Icon.a.facebook}),Object(esm.b)(Icon.b,{name:Icon.a.twitter}),Object(esm.b)(Icon.b,{name:Icon.a.instagram}),Object(esm.b)(Icon.b,{name:Icon.a.linkedin}),Object(esm.b)(Icon.b,{name:Icon.a.youtube}),Object(esm.b)(Icon.b,{name:Icon.a.github}),Object(esm.b)(Icon.b,{name:Icon.a.rss}),Object(esm.b)(Icon.b,{name:Icon.a.email}))};Icon_stories_social.storyName="Social",Icon_stories_social.parameters={storySource:{source:"\n\n\n\n\n\n\n"}};var componentMeta={title:"Icon",component:Icon.b,includeStories:["base","defaultStory","custom","social"]},mdxStoryNameToKey={Base:"base",Default:"defaultStory",Custom:"custom",Social:"social"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Icon/Icon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ICONS}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["className","light","name"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ICONS={anchor:"anchor",chevronDown:"chevron-down",chevronUp:"chevron-up",close:"close",code:"code",collapse:"collapse",copy:"copy",delete:"delete",drag:"drag",error:"error",expand:"expand",externalLink:"external-link",help:"help",information:"information",menu:"menu",minus:"minus",plus:"plus",search:"search",share:"share",spinner:"spinner",success:"success",user:"user",warning:"warning",facebook:"facebook",twitter:"twitter",instagram:"instagram",linkedin:"linkedin",youtube:"youtube",github:"github",rss:"rss",email:"email"},Icon=function Icon(_ref){var className=_ref.className,light=_ref.light,name=_ref.name,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("i",Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_5___default()(className,"p-icon--"+name,{"is-light":light})},props))};Icon.displayName="Icon",__webpack_exports__.b=Icon;try{Icon.displayName="Icon",Icon.__docgenInfo={description:"Icon",displayName:"Icon",props:{className:{defaultValue:null,description:"Optional classes to add to the icon element.",name:"className",required:!1,type:{name:"string"}},light:{defaultValue:null,description:"Whether to show the light variant of the icon.",name:"light",required:!1,type:{name:"boolean"}},name:{defaultValue:null,description:"The name of the icon.",name:"name",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Icon/Icon.tsx#Icon"]={docgenInfo:Icon.__docgenInfo,name:"Icon",path:"src/components/Icon/Icon.tsx#Icon"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Icon/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";var _Icon__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Icon/Icon.tsx");__webpack_require__.d(__webpack_exports__,"b",(function(){return _Icon__WEBPACK_IMPORTED_MODULE_0__.b})),__webpack_require__.d(__webpack_exports__,"a",(function(){return _Icon__WEBPACK_IMPORTED_MODULE_0__.a}))},"./src/components/Input/Input.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"textInput",(function(){return textInput})),__webpack_require__.d(__webpack_exports__,"stacked",(function(){return stacked})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return disabled})),__webpack_require__.d(__webpack_exports__,"error",(function(){return error})),__webpack_require__.d(__webpack_exports__,"success",(function(){return success})),__webpack_require__.d(__webpack_exports__,"caution",(function(){return caution})),__webpack_require__.d(__webpack_exports__,"required",(function(){return required})),__webpack_require__.d(__webpack_exports__,"checkbox",(function(){return checkbox})),__webpack_require__.d(__webpack_exports__,"radioButton",(function(){return radioButton}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_Input__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Input/Input.tsx"),_excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var stacked=function stacked(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Input__WEBPACK_IMPORTED_MODULE_8__.a,{type:"text",id:"exampleTextInput3",placeholder:"example@canonical.com",stacked:!0,label:"Email address"})};stacked.displayName="stacked",stacked.storyName="Stacked",stacked.parameters={storySource:{source:''}};var disabled=function disabled(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Input__WEBPACK_IMPORTED_MODULE_8__.a,{type:"text",id:"exampleTextInput4",placeholder:"example@canonical.com",disabled:!0,label:"Email address"})};disabled.displayName="disabled",disabled.storyName="Disabled",disabled.parameters={storySource:{source:''}};var error=function error(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Input__WEBPACK_IMPORTED_MODULE_8__.a,{type:"text",id:"exampleTextInput5",placeholder:"example@canonical.com",error:"This field is required.",label:"Email address"})};error.displayName="error",error.storyName="Error",error.parameters={storySource:{source:''}};var success=function success(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Input__WEBPACK_IMPORTED_MODULE_8__.a,{type:"text",id:"exampleTextInput6",placeholder:"example@canonical.com",success:"Verified.",label:"Email address"})};success.displayName="success",success.storyName="Success",success.parameters={storySource:{source:''}};var caution=function caution(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Input__WEBPACK_IMPORTED_MODULE_8__.a,{type:"text",id:"exampleTextInput7",placeholder:"example@canonical.com",caution:"No validation is performed in preview mode.",label:"Email address"})};caution.displayName="caution",caution.storyName="Caution",caution.parameters={storySource:{source:''}};var required=function required(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Input__WEBPACK_IMPORTED_MODULE_8__.a,{type:"text",id:"exampleTextInput8",placeholder:"example@canonical.com",required:!0,label:"Email address"})};required.displayName="required",required.storyName="Required",required.parameters={storySource:{source:''}};var checkbox=function checkbox(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Input__WEBPACK_IMPORTED_MODULE_8__.a,{type:"checkbox",id:"checkExample12",defaultChecked:!0,label:"HTML"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Input__WEBPACK_IMPORTED_MODULE_8__.a,{type:"checkbox",id:"checkExample22",label:"CSS"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Input__WEBPACK_IMPORTED_MODULE_8__.a,{type:"checkbox",id:"checkExample32",disabled:"disabled",label:"PHP"}))};checkbox.storyName="Checkbox",checkbox.parameters={storySource:{source:'\n\n'}};var radioButton=function radioButton(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Input__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Linux",type:"radio",name:"RadioOptions",id:"Radio12",defaultValue:"option1",defaultChecked:!0}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Input__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Mac OS",type:"radio",name:"RadioOptions",id:"Radio22",defaultValue:"option2"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Input__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Windows",type:"radio",name:"RadioOptions",id:"Radio42",defaultValue:"option4",disabled:"disabled"}))};radioButton.storyName="Radio button",radioButton.parameters={storySource:{source:'\n\n'}};var componentMeta={title:"Input",component:_Input__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:{caution:{control:{type:"text"}},error:{control:{type:"text"}},help:{control:{type:"text"}},label:{control:{type:"text"}},success:{control:{type:"text"}},id:{control:{disable:!0}},placeholder:{control:{type:"text"}}},includeStories:["textInput","stacked","disabled","error","success","caution","required","checkbox","radioButton"]},mdxStoryNameToKey={"Text input":"textInput",Stacked:"stacked",Disabled:"disabled",Error:"error",Success:"success",Caution:"caution",Required:"required",Checkbox:"checkbox","Radio button":"radioButton"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Input/Input.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),react=__webpack_require__("./node_modules/react/index.js"),Field=__webpack_require__("./src/components/Field/index.ts"),CheckboxInput=__webpack_require__("./src/components/CheckboxInput/CheckboxInput.tsx"),RadioInput=__webpack_require__("./src/components/RadioInput/RadioInput.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["caution","className","error","help","id","label","labelClassName","required","stacked","success","takeFocus","type","wrapperClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Input_Input=function Input(_ref){var input,caution=_ref.caution,className=_ref.className,error=_ref.error,help=_ref.help,id=_ref.id,label=_ref.label,labelClassName=_ref.labelClassName,required=_ref.required,stacked=_ref.stacked,success=_ref.success,takeFocus=_ref.takeFocus,type=_ref.type,wrapperClassName=_ref.wrapperClassName,inputProps=_objectWithoutProperties(_ref,_excluded),inputRef=Object(react.useRef)(null),fieldLabel=["checkbox","radio"].includes(type)?"":label;return Object(react.useEffect)((function(){takeFocus&&inputRef.current.focus()}),[takeFocus]),input="checkbox"===type?Object(jsx_runtime.jsx)(CheckboxInput.a,Object.assign({id:id,label:label,labelClassName:labelClassName,required:required},inputProps)):"radio"===type?Object(jsx_runtime.jsx)(RadioInput.a,Object.assign({id:id,label:label,labelClassName:labelClassName,required:required},inputProps)):Object(jsx_runtime.jsx)("input",Object.assign({className:classnames_default()("p-form-validation__input",className),id:id,ref:inputRef,required:required,type:type,"aria-invalid":!!error},inputProps)),Object(jsx_runtime.jsx)(Field.a,{caution:caution,className:wrapperClassName,error:error,forId:id,help:help,label:fieldLabel,labelClassName:labelClassName,required:required,stacked:stacked,success:success,children:input})};Input_Input.displayName="Input";__webpack_exports__.a=Input_Input;try{Input_Input.displayName="Input",Input_Input.__docgenInfo={description:"",displayName:"Input",props:{caution:{defaultValue:null,description:"The content for caution validation.",name:"caution",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the input element.",name:"className",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"The content for error validation message. Controls the value of aria-invalid attribute.",name:"error",required:!1,type:{name:"ReactNode"}},help:{defaultValue:null,description:"Help text to show below the field.",name:"help",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The id of the input.",name:"id",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The label for the field.",name:"label",required:!1,type:{name:"ReactNode"}},labelClassName:{defaultValue:null,description:"Optional class(es) to pass to the label component.",name:"labelClassName",required:!1,type:{name:"string"}},required:{defaultValue:null,description:"Whether the field is required.",name:"required",required:!1,type:{name:"boolean"}},stacked:{defaultValue:null,description:"Whether the form field should have a stacked appearance.",name:"stacked",required:!1,type:{name:"boolean"}},success:{defaultValue:null,description:"The content for success validation.",name:"success",required:!1,type:{name:"ReactNode"}},takeFocus:{defaultValue:null,description:"Whether to focus on the input on initial render.",name:"takeFocus",required:!1,type:{name:"boolean"}},wrapperClassName:{defaultValue:null,description:"Optional class(es) to pass to the wrapping Field component",name:"wrapperClassName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/Input.tsx#Input"]={docgenInfo:Input_Input.__docgenInfo,name:"Input",path:"src/components/Input/Input.tsx#Input"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Label/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return components_Label_Label}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","className","forId","required"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Label_Label=function Label(_ref){var children=_ref.children,className=_ref.className,forId=_ref.forId,required=_ref.required,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)("label",Object.assign({className:classnames_default()(className,"p-form__label",{"is-required":required}),htmlFor:forId},props,{children:children}))};Label_Label.displayName="Label";var components_Label_Label=Label_Label;try{Label_Label.displayName="Label",Label_Label.__docgenInfo={description:"",displayName:"Label",props:{children:{defaultValue:null,description:"The label content.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to give to the label element.",name:"className",required:!1,type:{name:"string"}},forId:{defaultValue:null,description:"The id of the input this label is connected to.",name:"forId",required:!1,type:{name:"string"}},required:{defaultValue:null,description:"Whether to apply required styling to the label.",name:"required",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Label/Label.tsx#Label"]={docgenInfo:Label_Label.__docgenInfo,name:"Label",path:"src/components/Label/Label.tsx#Label"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Link/Link.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Link_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"soft",(function(){return Link_stories_soft})),__webpack_require__.d(__webpack_exports__,"inverted",(function(){return Link_stories_inverted})),__webpack_require__.d(__webpack_exports__,"backToTop",(function(){return Link_stories_backToTop}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","className","href","inverted","soft","top"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Link_Link=function Link(_ref){var children=_ref.children,className=_ref.className,_ref$href=_ref.href,href=void 0===_ref$href?"#":_ref$href,_ref$inverted=_ref.inverted,inverted=void 0!==_ref$inverted&&_ref$inverted,_ref$soft=_ref.soft,soft=void 0!==_ref$soft&&_ref$soft,_ref$top=_ref.top,top=void 0!==_ref$top&&_ref$top,props=_objectWithoutProperties(_ref,_excluded),link=Object(jsx_runtime.jsx)("a",Object.assign({className:classnames_default()(className,{"p-link--inverted":inverted,"p-link--soft":soft,"p-top__link":top}),href:href},props,{children:children}));return top?Object(jsx_runtime.jsx)("div",{className:"p-top",children:link}):link},components_Link_Link=Link_Link;try{Link_Link.displayName="Link",Link_Link.__docgenInfo={description:"",displayName:"Link",props:{children:{defaultValue:null,description:"The content of the link.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the wrapping anchor element.",name:"className",required:!1,type:{name:"string"}},inverted:{defaultValue:{value:"false"},description:"Whether the link should have inverted styling.",name:"inverted",required:!1,type:{name:"boolean"}},soft:{defaultValue:{value:"false"},description:"Whether the link should have soft styling.",name:"soft",required:!1,type:{name:"boolean"}},top:{defaultValue:{value:"false"},description:'Whether the link should have "back to top" styling.',name:"top",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Link/Link.tsx#Link"]={docgenInfo:Link_Link.__docgenInfo,name:"Link",path:"src/components/Link/Link.tsx#Link"})}catch(__react_docgen_typescript_loader_error){}var Strip=__webpack_require__("./src/components/Strip/Strip.tsx"),Link_stories_excluded=["components"];function Link_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function Link_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var Link_stories_soft=function soft(){return Object(esm.b)(components_Link_Link,{soft:!0},"Learn about MAAS")};Link_stories_soft.displayName="soft",Link_stories_soft.storyName="Soft",Link_stories_soft.parameters={storySource:{source:"Learn about MAAS"}};var Link_stories_inverted=function inverted(){return Object(esm.b)(Strip.a,{type:"dark"},Object(esm.b)(components_Link_Link,{inverted:!0},"Package & publish your app"))};Link_stories_inverted.displayName="inverted",Link_stories_inverted.storyName="Inverted",Link_stories_inverted.parameters={storySource:{source:'\n Package & publish your app\n '}};var Link_stories_backToTop=function backToTop(){return Object(esm.b)(components_Link_Link,{top:!0},"Back to top")};Link_stories_backToTop.displayName="backToTop",Link_stories_backToTop.storyName="Back to top",Link_stories_backToTop.parameters={storySource:{source:"Back to top"}};var componentMeta={title:"Link",component:components_Link_Link,argTypes:{children:{control:{type:"text"}}},includeStories:["defaultStory","soft","inverted","backToTop"]},mdxStoryNameToKey={Default:"defaultStory",Soft:"soft",Inverted:"inverted","Back to top":"backToTop"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/List/List.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return List_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"ticked",(function(){return List_stories_ticked})),__webpack_require__.d(__webpack_exports__,"horizontalDivider",(function(){return List_stories_horizontalDivider})),__webpack_require__.d(__webpack_exports__,"tickedWithHorizontalDivider",(function(){return List_stories_tickedWithHorizontalDivider})),__webpack_require__.d(__webpack_exports__,"inline",(function(){return List_stories_inline})),__webpack_require__.d(__webpack_exports__,"middot",(function(){return List_stories_middot})),__webpack_require__.d(__webpack_exports__,"stretch",(function(){return List_stories_stretch})),__webpack_require__.d(__webpack_exports__,"verticalStepped",(function(){return List_stories_verticalStepped})),__webpack_require__.d(__webpack_exports__,"horizontalStepped",(function(){return List_stories_horizontalStepped})),__webpack_require__.d(__webpack_exports__,"split",(function(){return List_stories_split}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","className","content","titleElement"],_excluded2=["title","className","content"],_excluded3=["className","detailed","divided","inline","isDark","items","middot","stretch","split","stepped","ticked"];function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}var List_generateItems=function generateItems(items,ticked,inline,stepped){return items.map((function(item,i){var body,title,className,content,liProps,TitleComponent="h3";if(react_default.a.isValidElement(item)||"string"==typeof item||"number"==typeof item)content=item;else if(item&&"object"==typeof item&&"content"in item)if("titleElement"in item){var _item=item;title=_item.title,className=_item.className,content=_item.content;var _item$titleElement=_item.titleElement;TitleComponent=void 0===_item$titleElement?"h3":_item$titleElement,liProps=_objectWithoutPropertiesLoose(_item,_excluded)}else{var _item2=item;title=_item2.title,className=_item2.className,content=_item2.content,liProps=_objectWithoutPropertiesLoose(_item2,_excluded2)}return body=stepped?Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(TitleComponent,{className:"p-stepped-list__title",children:title}),Object(jsx_runtime.jsx)("p",{className:"p-stepped-list__content",children:content})]}):content,Object(jsx_runtime.jsx)("li",Object.assign({className:classnames_default()(className,{"p-list__item":!inline&&!stepped,"p-inline-list__item":inline,"p-stepped-list__item":stepped,"is-ticked":ticked})},liProps,{children:body}),i)}))},List_List=function List(_ref){var className=_ref.className,detailed=_ref.detailed,divided=_ref.divided,inline=_ref.inline,isDark=_ref.isDark,items=_ref.items,middot=_ref.middot,stretch=_ref.stretch,split=_ref.split,stepped=_ref.stepped,ticked=_ref.ticked,props=function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}(_ref,_excluded3),Component=stepped?"ol":"ul";return Object(jsx_runtime.jsx)(Component,Object.assign({className:classnames_default()(className,{"p-list":!(divided||inline||middot||stretch||stepped),"p-list--divided":divided,"p-inline-list":inline,"p-inline-list--middot":middot,"p-inline-list--stretch":stretch,"p-stepped-list":stepped&&!detailed,"p-stepped-list--detailed":stepped&&detailed,"is-dark":isDark,"is-split":split})},props,{children:List_generateItems(items,ticked,inline||middot||stretch,stepped)}))};List_List.displayName="List";var components_List_List=List_List;try{List_List.displayName="List",List_List.__docgenInfo={description:"",displayName:"List",props:{className:{defaultValue:null,description:"Optional class(es) to pass to the wrapping element.",name:"className",required:!1,type:{name:"string"}},items:{defaultValue:null,description:"The list's items.",name:"items",required:!0,type:{name:"ListItem[] | SteppedListItem[]"}},detailed:{defaultValue:null,description:"",name:"detailed",required:!1,type:{name:"boolean"}},divided:{defaultValue:null,description:"",name:"divided",required:!1,type:{name:"boolean"}},inline:{defaultValue:null,description:"",name:"inline",required:!1,type:{name:"boolean"}},isDark:{defaultValue:null,description:"",name:"isDark",required:!1,type:{name:"boolean"}},middot:{defaultValue:null,description:"",name:"middot",required:!1,type:{name:"boolean"}},split:{defaultValue:null,description:"",name:"split",required:!1,type:{name:"boolean"}},stepped:{defaultValue:null,description:"",name:"stepped",required:!1,type:{name:"boolean"}},stretch:{defaultValue:null,description:"",name:"stretch",required:!1,type:{name:"boolean"}},ticked:{defaultValue:null,description:"",name:"ticked",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/List/List.tsx#List"]={docgenInfo:List_List.__docgenInfo,name:"List",path:"src/components/List/List.tsx#List"})}catch(__react_docgen_typescript_loader_error){}var List_stories_excluded=["components"];function List_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function List_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i")," and ",Object(esm.b)("inlineCode",{parentName:"p"},"
    "),", we have 7 list styles at your disposal."),Object(esm.b)("h3",{id:"props"},"Props"),Object(esm.b)(blocks.a,{of:components_List_List,mdxType:"ArgsTable"}),Object(esm.b)("h3",{id:"default"},"Default"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Default",args:{items:["Digital signage","Robotics","Gateways"]},mdxType:"Story"},List_stories_Template.bind({}))),Object(esm.b)("h3",{id:"ticked"},"Ticked"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Ticked",mdxType:"Story"},Object(esm.b)(components_List_List,{items:["Hardware guidance and sizing","Fixed-price deployment","Reference architecture"],ticked:!0,mdxType:"List"}))),Object(esm.b)("h3",{id:"horizontal-divider"},"Horizontal divider"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Horizontal divider",mdxType:"Story"},Object(esm.b)(components_List_List,{items:["Single-command install and upgrade","Postgres database for reliable state","High availability for all services"],divided:!0,mdxType:"List"}))),Object(esm.b)("h3",{id:"ticked-with-horizontal-divider"},"Ticked with horizontal divider"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Ticked with horizontal divider",mdxType:"Story"},Object(esm.b)(components_List_List,{items:["Balance compute load in the cloud","Optimise for specific workloads","Assess overcommit ratios"],divided:!0,ticked:!0,mdxType:"List"}))),Object(esm.b)("h3",{id:"inline"},"Inline"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Inline",mdxType:"Story"},Object(esm.b)(components_List_List,{items:["Community","Careers","Press centre"],inline:!0,mdxType:"List"}))),Object(esm.b)("h3",{id:"middot"},"Middot"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Middot",mdxType:"Story"},Object(esm.b)(components_List_List,{items:["Legal information","Data privacy","Report a bug on this site"],middot:!0,mdxType:"List"}))),Object(esm.b)("h3",{id:"stretch"},"Stretch"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Stretch",mdxType:"Story"},Object(esm.b)(components_List_List,{items:[{content:Object(esm.b)("h3",null,"Documentation")},{content:Object(esm.b)("span",{className:"p-label--positive"},"New"),className:"u-vertically-center u-align--right"}],stretch:!0,mdxType:"List"}))),Object(esm.b)("h3",{id:"vertical-stepped"},"Vertical stepped"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Vertical stepped",mdxType:"Story"},Object(esm.b)(components_List_List,{items:[{title:"Log in to JAAS",content:"Ensure you have an Ubuntu SSO account before contacting JAAS. Log in to JAAS now."},{title:"Configure a model",content:'Applications are contained within models and are installed via charms. Configure your model by pressing the "Start a new model" button.'},{title:"Credentials and SSH keys",content:"After having selected a cloud, a form will appear for submitting your credentials to JAAS. The below resources are available if you need help with gathering credentials."}],stepped:!0,mdxType:"List"}),Object(esm.b)(components_List_List,{items:[{title:"Log in to JAAS",content:"Ensure you have an Ubuntu SSO account before contacting JAAS. Log in to JAAS now.",titleElement:"h4"},{title:"Configure a model",content:'Applications are contained within models and are installed via charms. Configure your model by pressing the "Start a new model" button.',titleElement:"h4"},{title:"Credentials and SSH keys",content:"After having selected a cloud, a form will appear for submitting your credentials to JAAS. The below resources are available if you need help with gathering credentials.",titleElement:"h4"}],stepped:!0,mdxType:"List"}))),Object(esm.b)("h3",{id:"horizontal-stepped"},"Horizontal stepped"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Horizontal stepped",mdxType:"Story"},Object(esm.b)(components_List_List,{items:[{title:"Log in to JAAS",content:"Ensure you have an Ubuntu SSO account before contacting JAAS. Log in to JAAS now."},{title:"Configure a model",content:'Applications are contained within models and are installed via charms. Configure your model by pressing the "Start a new model" button.'}],stepped:!0,detailed:!0,mdxType:"List"}))),Object(esm.b)("h3",{id:"split"},"Split"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Split",mdxType:"Story"},Object(esm.b)(components_List_List,{items:["Jointly shape the OpenStack architecture","We help you plan your cloud hardware requirements","We build OpenStack in your data center","We operate the cloud to an SLA","Transparent audit, logging, monitoring and management","When your team is ready, we hand over the keys"],divided:!0,split:!0,ticked:!0,mdxType:"List"}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=List_stories_Template.bind({});defaultStory.storyName="Default",defaultStory.args={items:["Digital signage","Robotics","Gateways"]},defaultStory.parameters={storySource:{source:"args => "}};var List_stories_ticked=function ticked(){return Object(esm.b)(components_List_List,{items:["Hardware guidance and sizing","Fixed-price deployment","Reference architecture"],ticked:!0})};List_stories_ticked.displayName="ticked",List_stories_ticked.storyName="Ticked",List_stories_ticked.parameters={storySource:{source:''}};var List_stories_horizontalDivider=function horizontalDivider(){return Object(esm.b)(components_List_List,{items:["Single-command install and upgrade","Postgres database for reliable state","High availability for all services"],divided:!0})};List_stories_horizontalDivider.displayName="horizontalDivider",List_stories_horizontalDivider.storyName="Horizontal divider",List_stories_horizontalDivider.parameters={storySource:{source:''}};var List_stories_tickedWithHorizontalDivider=function tickedWithHorizontalDivider(){return Object(esm.b)(components_List_List,{items:["Balance compute load in the cloud","Optimise for specific workloads","Assess overcommit ratios"],divided:!0,ticked:!0})};List_stories_tickedWithHorizontalDivider.displayName="tickedWithHorizontalDivider",List_stories_tickedWithHorizontalDivider.storyName="Ticked with horizontal divider",List_stories_tickedWithHorizontalDivider.parameters={storySource:{source:''}};var List_stories_inline=function inline(){return Object(esm.b)(components_List_List,{items:["Community","Careers","Press centre"],inline:!0})};List_stories_inline.displayName="inline",List_stories_inline.storyName="Inline",List_stories_inline.parameters={storySource:{source:''}};var List_stories_middot=function middot(){return Object(esm.b)(components_List_List,{items:["Legal information","Data privacy","Report a bug on this site"],middot:!0})};List_stories_middot.displayName="middot",List_stories_middot.storyName="Middot",List_stories_middot.parameters={storySource:{source:''}};var List_stories_stretch=function stretch(){return Object(esm.b)(components_List_List,{items:[{content:Object(esm.b)("h3",null,"Documentation")},{content:Object(esm.b)("span",{className:"p-label--positive"},"New"),className:"u-vertically-center u-align--right"}],stretch:!0})};List_stories_stretch.displayName="stretch",List_stories_stretch.storyName="Stretch",List_stories_stretch.parameters={storySource:{source:'Documentation\n}, {\n content: New,\n className: "u-vertically-center u-align--right"\n}]} stretch />'}};var List_stories_verticalStepped=function verticalStepped(){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(components_List_List,{items:[{title:"Log in to JAAS",content:"Ensure you have an Ubuntu SSO account before contacting JAAS. Log in to JAAS now."},{title:"Configure a model",content:'Applications are contained within models and are installed via charms. Configure your model by pressing the "Start a new model" button.'},{title:"Credentials and SSH keys",content:"After having selected a cloud, a form will appear for submitting your credentials to JAAS. The below resources are available if you need help with gathering credentials."}],stepped:!0}),Object(esm.b)(components_List_List,{items:[{title:"Log in to JAAS",content:"Ensure you have an Ubuntu SSO account before contacting JAAS. Log in to JAAS now.",titleElement:"h4"},{title:"Configure a model",content:'Applications are contained within models and are installed via charms. Configure your model by pressing the "Start a new model" button.',titleElement:"h4"},{title:"Credentials and SSH keys",content:"After having selected a cloud, a form will appear for submitting your credentials to JAAS. The below resources are available if you need help with gathering credentials.",titleElement:"h4"}],stepped:!0}))};List_stories_verticalStepped.storyName="Vertical stepped",List_stories_verticalStepped.parameters={storySource:{source:'\n'}};var List_stories_horizontalStepped=function horizontalStepped(){return Object(esm.b)(components_List_List,{items:[{title:"Log in to JAAS",content:"Ensure you have an Ubuntu SSO account before contacting JAAS. Log in to JAAS now."},{title:"Configure a model",content:'Applications are contained within models and are installed via charms. Configure your model by pressing the "Start a new model" button.'}],stepped:!0,detailed:!0})};List_stories_horizontalStepped.displayName="horizontalStepped",List_stories_horizontalStepped.storyName="Horizontal stepped",List_stories_horizontalStepped.parameters={storySource:{source:''}};var List_stories_split=function split(){return Object(esm.b)(components_List_List,{items:["Jointly shape the OpenStack architecture","We help you plan your cloud hardware requirements","We build OpenStack in your data center","We operate the cloud to an SLA","Transparent audit, logging, monitoring and management","When your team is ready, we hand over the keys"],divided:!0,split:!0,ticked:!0})};List_stories_split.displayName="split",List_stories_split.storyName="Split",List_stories_split.parameters={storySource:{source:''}};var componentMeta={title:"List",component:components_List_List,argTypes:{items:{control:{disable:!0}},stepped:{control:{disable:!0}}},includeStories:["defaultStory","ticked","horizontalDivider","tickedWithHorizontalDivider","inline","middot","stretch","verticalStepped","horizontalStepped","split"]},mdxStoryNameToKey={Default:"defaultStory",Ticked:"ticked","Horizontal divider":"horizontalDivider","Ticked with horizontal divider":"tickedWithHorizontalDivider",Inline:"inline",Middot:"middot",Stretch:"stretch","Vertical stepped":"verticalStepped","Horizontal stepped":"horizontalStepped",Split:"split"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Loader/Loader.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return Loader_stories_defaultStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),Spinner=__webpack_require__("./src/components/Spinner/Spinner.tsx"),utils=__webpack_require__("./src/utils.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Loader_Loader=function Loader(props){return utils.a&&console.warn("The Loader component has been renamed to Spinner and will be removed in a future release. https://canonical-web-and-design.github.io/react-components/?path=/story/spinner--default-story"),Object(jsx_runtime.jsx)(Spinner.a,Object.assign({},props))};Loader_Loader.displayName="Loader";var components_Loader_Loader=Loader_Loader;try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{className:{defaultValue:null,description:"Optional class(es) to pass to the wrapping span element.",name:"className",required:!1,type:{name:"string"}},isLight:{defaultValue:null,description:"Whether the spinner should have a light appearance.",name:"isLight",required:!1,type:{name:"boolean"}},text:{defaultValue:null,description:"Text to display next to the spinner.",name:"text",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"What the role of the spinner should be.",name:"role",required:!1,type:{name:"string & AriaRole"}},ariaLive:{defaultValue:null,description:"The politeness setting of the spinner alert.",name:"ariaLive",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(blocks.c,{title:"Loader",component:components_Loader_Loader,mdxType:"Meta"}),Object(esm.b)("h3",{id:"loader"},"Loader"),Object(esm.b)("p",null,"The Loader component has been renamed to ",Object(esm.b)("a",{parentName:"p",href:"/?path=/story/spinner--default-story"},"Spinner"),"."),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Default",mdxType:"Story"},Object(esm.b)(components_Loader_Loader,{text:"Loading...",mdxType:"Loader"}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var Loader_stories_defaultStory=function defaultStory(){return Object(esm.b)(components_Loader_Loader,{text:"Loading..."})};Loader_stories_defaultStory.displayName="defaultStory",Loader_stories_defaultStory.storyName="Default",Loader_stories_defaultStory.parameters={storySource:{source:''}};var componentMeta={title:"Loader",component:components_Loader_Loader,includeStories:["defaultStory"]},mdxStoryNameToKey={Default:"defaultStory"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/MainTable/MainTable.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return MainTable_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"sortable",(function(){return MainTable_stories_sortable})),__webpack_require__.d(__webpack_exports__,"expanding",(function(){return MainTable_stories_expanding})),__webpack_require__.d(__webpack_exports__,"overflow",(function(){return MainTable_stories_overflow})),__webpack_require__.d(__webpack_exports__,"responsive",(function(){return MainTable_stories_responsive})),__webpack_require__.d(__webpack_exports__,"paginated",(function(){return MainTable_stories_paginated})),__webpack_require__.d(__webpack_exports__,"empty",(function(){return MainTable_stories_empty}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),Pagination=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./src/components/Pagination/Pagination.tsx")),Table=__webpack_require__("./src/components/Table/index.ts"),TableRow=__webpack_require__("./src/components/TableRow/index.ts"),TableHeader=__webpack_require__("./src/components/TableHeader/index.ts"),TableCell=__webpack_require__("./src/components/TableCell/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["content","sortKey"],_excluded2=["columns","expanded","expandedContent","key","sortData"],_excluded3=["content"],_excluded4=["defaultSort","defaultSortDirection","emptyStateMsg","expanding","headers","onUpdateSort","paginate","rows","responsive","sortable","sortFunction"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||_unsupportedIterableToArray(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MainTable_updateSort=function updateSort(setSortKey,setSortDirection,sortKey,sortDirection){var newDirection=null;"none"===sortDirection?newDirection="ascending":"ascending"===sortDirection?newDirection="descending":sortKey=null,setSortKey(sortKey),setSortDirection(newDirection)},MainTable_generateHeaders=function generateHeaders(currentSortKey,currentSortDirection,expanding,headers,sortable,setSortKey,setSortDirection){var headerItems=headers.map((function(_ref,index){var sortDirection,content=_ref.content,sortKey=_ref.sortKey,props=_objectWithoutProperties(_ref,_excluded);return sortable&&sortKey&&(sortDirection=currentSortKey===sortKey?currentSortDirection:"none"),Object(jsx_runtime.jsx)(TableHeader.a,Object.assign({sort:sortDirection,onClick:sortable&&MainTable_updateSort.bind(undefined,setSortKey,setSortDirection,sortKey,sortDirection)},props,{children:content}),index)}));return Object(jsx_runtime.jsx)("thead",{children:Object(jsx_runtime.jsxs)(TableRow.a,{children:[headerItems,expanding&&Object(jsx_runtime.jsx)(TableHeader.a,{"aria-hidden":"true"})]})})};MainTable_generateHeaders.displayName="generateHeaders";var MainTable_generateRows=function generateRows(currentSortDirection,currentSortKey,emptyStateMsg,expanding,responsive,headers,paginate,rows,currentPage,setCurrentPage,sortable,sortFunction){if(0===Object.entries(rows).length&&emptyStateMsg)return Object(jsx_runtime.jsx)("caption",{children:emptyStateMsg});var sortedRows=_toConsumableArray(rows);sortable&¤tSortKey&&(sortFunction||(sortFunction=function sortFunction(a,b){return a.sortData&&b.sortData?a.sortData[currentSortKey]>b.sortData[currentSortKey]?"ascending"===currentSortDirection?1:-1:a.sortData[currentSortKey]rows.length&&setCurrentPage(1),slicedRows=sortedRows.slice(startIndex,startIndex+paginate)}var rowItems=slicedRows.map((function(_ref2,index){var columns=_ref2.columns,expanded=_ref2.expanded,expandedContent=_ref2.expandedContent,key=_ref2.key,rowProps=(_ref2.sortData,_objectWithoutProperties(_ref2,_excluded2)),cellItems=columns.map((function(_ref3,index){var content=_ref3.content,cellProps=_objectWithoutProperties(_ref3,_excluded3),headerContent=headers&&headers[index].content,headerReplacement=headers&&headers[index].heading;return responsive&&(cellProps["data-heading"]="string"==typeof headerContent?headerContent:headerReplacement),Object(jsx_runtime.jsx)(TableCell.a,Object.assign({},cellProps,{children:content}),index)}));return null==key&&(key=index),Object(jsx_runtime.jsxs)(TableRow.a,Object.assign({},rowProps,{children:[cellItems,expanding&&Object(jsx_runtime.jsx)(TableCell.a,{expanding:!0,hidden:!expanded,children:expandedContent})]}),key)}));return Object(jsx_runtime.jsx)("tbody",{children:rowItems})};MainTable_generateRows.displayName="generateRows";var MainTable_MainTable=function MainTable(_ref4){var defaultSort=_ref4.defaultSort,defaultSortDirection=_ref4.defaultSortDirection,_ref4$emptyStateMsg=_ref4.emptyStateMsg,emptyStateMsg=void 0===_ref4$emptyStateMsg?"":_ref4$emptyStateMsg,expanding=_ref4.expanding,headers=_ref4.headers,onUpdateSort=_ref4.onUpdateSort,paginate=_ref4.paginate,rows=_ref4.rows,responsive=_ref4.responsive,sortable=_ref4.sortable,sortFunction=_ref4.sortFunction,props=_objectWithoutProperties(_ref4,_excluded4),_useState2=_slicedToArray(Object(react.useState)(defaultSort),2),currentSortKey=_useState2[0],setSortKey=_useState2[1],_useState4=_slicedToArray(Object(react.useState)(defaultSortDirection),2),currentSortDirection=_useState4[0],setSortDirection=_useState4[1],_useState6=_slicedToArray(Object(react.useState)(1),2),currentPage=_useState6[0],setCurrentPage=_useState6[1];Object(react.useEffect)((function(){setSortKey(defaultSort)}),[defaultSort]),Object(react.useEffect)((function(){setSortDirection(defaultSortDirection)}),[defaultSortDirection]);return Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsxs)(Table.a,Object.assign({expanding:expanding,responsive:responsive},props,{children:[!!headers&&MainTable_generateHeaders(currentSortKey,currentSortDirection,expanding,headers,sortable,(function updateSort(newSort){setSortKey(newSort),onUpdateSort&&onUpdateSort(newSort)}),setSortDirection),!!rows&&MainTable_generateRows(currentSortDirection,currentSortKey,emptyStateMsg,expanding,responsive,headers,paginate,rows,currentPage,setCurrentPage,sortable,sortFunction)]})),paginate&&rows&&rows.length>0&&Object(jsx_runtime.jsx)(Pagination.a,{currentPage:currentPage,itemsPerPage:paginate,paginate:setCurrentPage,style:{marginTop:"1rem"},totalItems:rows.length})]})},components_MainTable_MainTable=MainTable_MainTable;try{MainTable_MainTable.displayName="MainTable",MainTable_MainTable.__docgenInfo={description:"",displayName:"MainTable",props:{defaultSort:{defaultValue:null,description:"The default key to sort the rows by.",name:"defaultSort",required:!1,type:{name:"string"}},defaultSortDirection:{defaultValue:null,description:"The default direction the row data should be sorted by.",name:"defaultSortDirection",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'}]}},emptyStateMsg:{defaultValue:{value:""},description:"A message to display when there are no table rows.",name:"emptyStateMsg",required:!1,type:{name:"ReactNode"}},headers:{defaultValue:null,description:"The header columns for this table.",name:"headers",required:!1,type:{name:"MainTableHeader[]"}},onUpdateSort:{defaultValue:null,description:"A function that is called when the sort key is changed.",name:"onUpdateSort",required:!1,type:{name:"(sortKey: string) => void"}},paginate:{defaultValue:null,description:"A number of rows to paginate by.",name:"paginate",required:!1,type:{name:"number"}},rows:{defaultValue:null,description:"The rows to display in the table.",name:"rows",required:!1,type:{name:"MainTableRow[]"}},sortable:{defaultValue:null,description:"Whether this table should be sortable.",name:"sortable",required:!1,type:{name:"boolean"}},sortFunction:{defaultValue:null,description:"A function to be used when sorting.",name:"sortFunction",required:!1,type:{name:"(a: MainTableRow, b: MainTableRow, currentSortDirection: SortDirection, currentSortKey: string) => 0 | 1 | -1"}},className:{defaultValue:null,description:"Optional class(es) to pass to the wrapping table element.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content of the table.",name:"children",required:!1,type:{name:"ReactNode"}},expanding:{defaultValue:null,description:"Whether the table can expand hidden cells.",name:"expanding",required:!1,type:{name:"boolean"}},responsive:{defaultValue:null,description:"Whether the table should show card styling on smaller screens.",name:"responsive",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MainTable/MainTable.tsx#MainTable"]={docgenInfo:MainTable_MainTable.__docgenInfo,name:"MainTable",path:"src/components/MainTable/MainTable.tsx#MainTable"})}catch(__react_docgen_typescript_loader_error){}var Row=__webpack_require__("./src/components/Row/index.ts"),Col=__webpack_require__("./src/components/Col/index.ts"),ContextualMenu=__webpack_require__("./src/components/ContextualMenu/ContextualMenu.tsx"),MainTable_stories_excluded=["components"];function MainTable_stories_slicedToArray(arr,i){return function MainTable_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function MainTable_stories_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function MainTable_stories_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return MainTable_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return MainTable_stories_arrayLikeToArray(o,minLen)}(arr,i)||function MainTable_stories_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function MainTable_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var MainTable_stories_sortable=function sortable(){return Object(esm.b)(components_MainTable_MainTable,{headers:[{content:"Status",sortKey:"status"},{content:"Cores",sortKey:"cores",className:"u-align--right"},{content:"RAM",sortKey:"ram",className:"u-align--right"},{content:"Disks",sortKey:"disks",className:"u-align--right"}],rows:[{columns:[{content:"Ready",role:"rowheader"},{content:1,className:"u-align--right"},{content:"1 GiB",className:"u-align--right"},{content:2,className:"u-align--right"}],sortData:{status:"ready",cores:2,ram:1,disks:2}},{columns:[{content:"Idle",role:"rowheader"},{content:1,className:"u-align--right"},{content:"1 GiB",className:"u-align--right"},{content:2,className:"u-align--right"}],sortData:{status:"idle",cores:1,ram:1,disks:2}},{columns:[{content:"Waiting",role:"rowheader"},{content:8,className:"u-align--right"},{content:"3.9 GiB",className:"u-align--right"},{content:3,className:"u-align--right"}],sortData:{status:"waiting",cores:8,ram:3.9,disks:3}}],sortable:!0})};MainTable_stories_sortable.displayName="sortable",MainTable_stories_sortable.storyName="Sortable",MainTable_stories_sortable.parameters={storySource:{source:''}};var MainTable_stories_expanding=function expanding(){var _useState6=MainTable_stories_slicedToArray(Object(react.useState)(1),2),expandedRow=_useState6[0],setExpandedRow=_useState6[1];return Object(esm.b)(components_MainTable_MainTable,{expanding:!0,headers:[{content:"Name"},{content:"Mac address"},{content:"IP"},{content:"Rack"},{content:"Last seen"},{content:"Actions",className:"u-align--right"}],rows:[{columns:[{content:"Unknown",role:"rowheader"},{content:"2c:44:fd:80:3f:25"},{content:"10.249.0.1"},{content:"karura"},{content:"Thu, 25 Oct. 2018 13:55:21"},{content:Object(esm.b)("button",{className:"u-toggle",onClick:function onClick(){return setExpandedRow(1)}},"Show"),className:"u-align--right"}],expanded:1===expandedRow,expandedContent:Object(esm.b)(Row.a,null,Object(esm.b)(Col.a,{size:8},Object(esm.b)("h4",null,"Expanding table cell"),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur cum dicta beatae nostrum eligendi similique earum, dolorem fuga quis, sequi voluptates architecto ipsa dolorum eaque rem expedita inventore voluptas odit aspernatur alias molestias facere.")))},{columns:[{content:"Unknown",role:"rowheader"},{content:"52:54:00:3a:fe:e9"},{content:"172.16.99.191"},{content:"karura"},{content:"Wed, 3 Oct. 2018 23:08:06"},{content:Object(esm.b)("button",{className:"u-toggle",onClick:function onClick(){return setExpandedRow(2)}},"Show"),className:"u-align--right"}],expanded:2===expandedRow,expandedContent:Object(esm.b)(Row.a,null,Object(esm.b)(Col.a,{size:8},Object(esm.b)("h4",null,"Expanding table cell"),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur cum dicta beatae nostrum eligendi similique earum, dolorem fuga quis, sequi voluptates architecto ipsa dolorum eaque rem expedita inventore voluptas odit aspernatur alias molestias facere.")))},{columns:[{content:"Unknown",role:"rowheader"},{content:"52:54:00:74:c2:10"},{content:"172.16.99.192"},{content:"karura"},{content:"Wed, 17 Oct. 2018 12:18:18"},{content:Object(esm.b)("button",{className:"u-toggle",onClick:function onClick(){return setExpandedRow(3)}},"Show"),className:"u-align--right"}],expanded:3===expandedRow,expandedContent:Object(esm.b)(Row.a,null,Object(esm.b)(Col.a,{size:8},Object(esm.b)("h4",null,"Expanding table cell"),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur cum dicta beatae nostrum eligendi similique earum, dolorem fuga quis, sequi voluptates architecto ipsa dolorum eaque rem expedita inventore voluptas odit aspernatur alias molestias facere.")))}]})};MainTable_stories_expanding.displayName="expanding",MainTable_stories_expanding.storyName="Expanding",MainTable_stories_expanding.parameters={storySource:{source:'() => {\n let [expandedRow, setExpandedRow] = useState(1);\n return setExpandedRow(1)}>\n Show\n ,\n className: "u-align--right"\n }],\n expanded: expandedRow === 1,\n expandedContent: \n \n

    Expanding table cell

    \n

    \n Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n Consequuntur cum dicta beatae nostrum eligendi similique\n earum, dolorem fuga quis, sequi voluptates architecto ipsa\n dolorum eaque rem expedita inventore voluptas odit\n aspernatur alias molestias facere.\n

    \n \n     \n }, {\n columns: [{\n content: "Unknown",\n role: "rowheader"\n }, {\n content: "52:54:00:3a:fe:e9"\n }, {\n content: "172.16.99.191"\n }, {\n content: "karura"\n }, {\n content: "Wed, 3 Oct. 2018 23:08:06"\n }, {\n content: ,\n className: "u-align--right"\n }],\n expanded: expandedRow === 2,\n expandedContent: \n \n

    Expanding table cell

    \n

    \n Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n Consequuntur cum dicta beatae nostrum eligendi similique\n earum, dolorem fuga quis, sequi voluptates architecto ipsa\n dolorum eaque rem expedita inventore voluptas odit\n aspernatur alias molestias facere.\n

    \n \n     \n }, {\n columns: [{\n content: "Unknown",\n role: "rowheader"\n }, {\n content: "52:54:00:74:c2:10"\n }, {\n content: "172.16.99.192"\n }, {\n content: "karura"\n }, {\n content: "Wed, 17 Oct. 2018 12:18:18"\n }, {\n content: ,\n className: "u-align--right"\n }],\n expanded: expandedRow === 3,\n expandedContent: \n \n

    Expanding table cell

    \n

    \n Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n Consequuntur cum dicta beatae nostrum eligendi similique\n earum, dolorem fuga quis, sequi voluptates architecto ipsa\n dolorum eaque rem expedita inventore voluptas odit\n aspernatur alias molestias facere.\n

    \n \n     \n }]} />;\n}'}};var MainTable_stories_overflow=function overflow(){var _useState8=MainTable_stories_slicedToArray(Object(react.useState)(1),2);_useState8[0],_useState8[1];return Object(esm.b)(components_MainTable_MainTable,{headers:[{content:"Name"},{content:"Mac address"},{content:"IP"},{content:"Rack"},{content:"Last seen"},{content:"Actions",className:"u-align--right"}],rows:[{columns:[{content:"Unknown",role:"rowheader"},{content:"2c:44:fd:80:3f:25"},{content:"10.249.0.1"},{content:"karura"},{content:"Thu, 25 Oct. 2018 13:55:21"},{content:Object(esm.b)(ContextualMenu.a,{links:[{children:"Link 1",onClick:function onClick(){}},{children:"Link 2",onClick:function onClick(){}}],hasToggleIcon:!0,position:"right"}),className:"u-align--right",hasOverflow:!0}]},{columns:[{content:"Unknown",role:"rowheader"},{content:"52:54:00:3a:fe:e9"},{content:"172.16.99.191"},{content:"karura"},{content:"Wed, 3 Oct. 2018 23:08:06"},{content:Object(esm.b)(ContextualMenu.a,{links:[{children:"Link 1",onClick:function onClick(){}},{children:"Link 2",onClick:function onClick(){}}],hasToggleIcon:!0,position:"right"}),className:"u-align--right",hasOverflow:!0}]},{columns:[{content:"Unknown",role:"rowheader"},{content:"52:54:00:74:c2:10"},{content:"172.16.99.192"},{content:"karura"},{content:"Wed, 17 Oct. 2018 12:18:18"},{content:Object(esm.b)(ContextualMenu.a,{links:[{children:"Link 1",onClick:function onClick(){}},{children:"Link 2",onClick:function onClick(){}}],hasToggleIcon:!0,position:"right"}),className:"u-align--right",hasOverflow:!0}]}]})};MainTable_stories_overflow.displayName="overflow",MainTable_stories_overflow.storyName="Overflow",MainTable_stories_overflow.parameters={storySource:{source:'() => {\n let [expandedRow, setExpandedRow] = useState(1);\n return {}\n }, {\n children: "Link 2",\n onClick: () => {}\n }]} hasToggleIcon position="right" />,\n className: "u-align--right",\n hasOverflow: true\n }]\n }, {\n columns: [{\n content: "Unknown",\n role: "rowheader"\n }, {\n content: "52:54:00:3a:fe:e9"\n }, {\n content: "172.16.99.191"\n }, {\n content: "karura"\n }, {\n content: "Wed, 3 Oct. 2018 23:08:06"\n }, {\n content: {}\n }, {\n children: "Link 2",\n onClick: () => {}\n }]} hasToggleIcon position="right" />,\n className: "u-align--right",\n hasOverflow: true\n }]\n }, {\n columns: [{\n content: "Unknown",\n role: "rowheader"\n }, {\n content: "52:54:00:74:c2:10"\n }, {\n content: "172.16.99.192"\n }, {\n content: "karura"\n }, {\n content: "Wed, 17 Oct. 2018 12:18:18"\n }, {\n content: {}\n }, {\n children: "Link 2",\n onClick: () => {}\n }]} hasToggleIcon position="right" />,\n className: "u-align--right",\n hasOverflow: true\n }]\n }]} />;\n}'}};var MainTable_stories_responsive=function responsive(){return Object(esm.b)(components_MainTable_MainTable,{headers:[{content:Object(esm.b)("span",null,"Name ",Object(esm.b)("i",{className:"p-icon--information"})),heading:"Name"},{content:"Users",className:"u-align--right"},{content:"Units",className:"u-align--right"}],rows:[{columns:[{content:"Ready",role:"rowheader"},{content:1,className:"u-align--right"},{content:"1 GiB",className:"u-align--right"}]},{columns:[{content:"Ready",role:"rowheader"},{content:1,className:"u-align--right"},{content:"1 GiB",className:"u-align--right"}]},{columns:[{content:"Ready",role:"rowheader"},{content:1,className:"u-align--right"},{content:"1 GiB",className:"u-align--right"}]}],responsive:!0})};MainTable_stories_responsive.displayName="responsive",MainTable_stories_responsive.storyName="Responsive",MainTable_stories_responsive.parameters={storySource:{source:'\n Name \n ,\n heading: "Name"\n}, {\n content: "Users",\n className: "u-align--right"\n}, {\n content: "Units",\n className: "u-align--right"\n}]} rows={[{\n columns: [{\n content: "Ready",\n role: "rowheader"\n }, {\n content: 1,\n className: "u-align--right"\n }, {\n content: "1 GiB",\n className: "u-align--right"\n }]\n}, {\n columns: [{\n content: "Ready",\n role: "rowheader"\n }, {\n content: 1,\n className: "u-align--right"\n }, {\n content: "1 GiB",\n className: "u-align--right"\n }]\n}, {\n columns: [{\n content: "Ready",\n role: "rowheader"\n }, {\n content: 1,\n className: "u-align--right"\n }, {\n content: "1 GiB",\n className: "u-align--right"\n }]\n}]} responsive />'}};var MainTable_stories_paginated=function paginated(){return Object(esm.b)(components_MainTable_MainTable,{headers:[{content:"Status"},{content:"Cores"}],paginate:5,rows:[{columns:[{content:"Ready"},{content:1}]},{columns:[{content:"Idle"},{content:4}]},{columns:[{content:"Waiting"},{content:2}]},{columns:[{content:"Ready"},{content:1}]},{columns:[{content:"Idle"},{content:4}]},{columns:[{content:"Waiting"},{content:2}]},{columns:[{content:"Ready"},{content:1}]},{columns:[{content:"Idle"},{content:4}]},{columns:[{content:"Waiting"},{content:2}]},{columns:[{content:"Ready"},{content:1}]},{columns:[{content:"Idle"},{content:4}]},{columns:[{content:"Waiting"},{content:2}]},{columns:[{content:"Ready"},{content:1}]},{columns:[{content:"Idle"},{content:4}]},{columns:[{content:"Waiting"},{content:2}]},{columns:[{content:"Ready"},{content:1}]},{columns:[{content:"Idle"},{content:4}]},{columns:[{content:"Waiting"},{content:2}]}]})};MainTable_stories_paginated.displayName="paginated",MainTable_stories_paginated.storyName="Paginated",MainTable_stories_paginated.parameters={storySource:{source:''}};var MainTable_stories_empty=function empty(){return Object(esm.b)(components_MainTable_MainTable,{headers:[{content:"Plan"},{content:"Foundation Cloud"},{content:"Foundation Cloud Plus"}],rows:[],emptyStateMsg:"No data to display"})};MainTable_stories_empty.displayName="empty",MainTable_stories_empty.storyName="Empty",MainTable_stories_empty.parameters={storySource:{source:''}};var componentMeta={title:"MainTable",component:components_MainTable_MainTable,argTypes:{headers:{control:{disable:!0}},rows:{control:{disable:!0}}},includeStories:["defaultStory","sortable","expanding","overflow","responsive","paginated","empty"]},mdxStoryNameToKey={Default:"defaultStory",Sortable:"sortable",Expanding:"expanding",Overflow:"overflow",Responsive:"responsive",Paginated:"paginated",Empty:"empty"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Modal/Modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Modal_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return Modal_stories_defaultStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.map.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),useId=__webpack_require__("./src/hooks/useId.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["buttonRow","children","className","close","title"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Modal_Modal=function Modal(_ref){var buttonRow=_ref.buttonRow,children=_ref.children,className=_ref.className,close=_ref.close,title=_ref.title,wrapperProps=_objectWithoutProperties(_ref,_excluded),descriptionId=Object(useId.a)(),titleId=Object(useId.a)(),shouldClose=Object(react.useRef)(!1),modalRef=Object(react.useRef)(null),focusableModalElements=Object(react.useRef)(null),keyListenersMap=new Map([[27,close],[9,function handleTabKey(e){if(focusableModalElements.current.length>0){var firstElement=focusableModalElements.current[0],lastElement=focusableModalElements.current[focusableModalElements.current.length-1];if(e.shiftKey||document.activeElement!==lastElement||(firstElement.focus(),e.preventDefault()),e.shiftKey&&document.activeElement===firstElement)return lastElement.focus(),e.preventDefault()}}]]);Object(react.useEffect)((function(){modalRef.current.focus()}),[modalRef]),Object(react.useEffect)((function(){var _focusableModalElemen;focusableModalElements.current=modalRef.current.querySelectorAll('a[href]:not([tabindex="-1"]), button:not([disabled]), textarea:not([disabled]):not([tabindex="-1"]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]):not([tabindex="-1"]), area[href]:not([tabindex="-1"]), iframe:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"]), [contentEditable=true]:not([tabindex="-1"])'),null===(_focusableModalElemen=focusableModalElements.current[0])||void 0===_focusableModalElemen||_focusableModalElemen.focus()}),[]),Object(react.useEffect)((function(){var keyDown=function keyDown(e){var listener=keyListenersMap.get(e.keyCode);return listener&&listener(e)};return document.addEventListener("keydown",keyDown),function(){document.removeEventListener("keydown",keyDown)}}));return Object(jsx_runtime.jsx)("div",Object.assign({className:classnames_default()("p-modal",className),onClick:function handleOverlayOnClick(){shouldClose.current&&close()},onMouseDown:function handleOverlayOnMouseDown(event){event.target===modalRef.current&&(shouldClose.current=!0)}},wrapperProps,{ref:modalRef,children:Object(jsx_runtime.jsxs)("section",{className:"p-modal__dialog",role:"dialog","aria-modal":"true","aria-labelledby":titleId,"aria-describedby":descriptionId,onMouseDown:function handleContentOnMouseDown(){shouldClose.current=!1},onMouseUp:function handleContentOnMouseUp(){shouldClose.current=!1},children:[!!title&&Object(jsx_runtime.jsxs)("header",{className:"p-modal__header",children:[Object(jsx_runtime.jsx)("h2",{className:"p-modal__title",id:titleId,children:title}),!!close&&Object(jsx_runtime.jsx)("button",{className:"p-modal__close","aria-label":"Close active modal",onClick:close,children:"Close"})]}),Object(jsx_runtime.jsx)("div",{id:descriptionId,children:children}),!!buttonRow&&Object(jsx_runtime.jsx)("footer",{className:"p-modal__footer",children:buttonRow})]})}))};Modal_Modal.displayName="Modal";var components_Modal_Modal=Modal_Modal;try{Modal_Modal.displayName="Modal",Modal_Modal.__docgenInfo={description:"",displayName:"Modal",props:{buttonRow:{defaultValue:null,description:"Buttons to display underneath the main modal content.",name:"buttonRow",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to apply to the wrapping element.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!0,type:{name:"ReactNode"}},close:{defaultValue:null,description:"Function to handle closing the modal.",name:"close",required:!1,type:{name:"() => void"}},title:{defaultValue:null,description:"The title of the modal.",name:"title",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Modal/Modal.tsx#Modal"]={docgenInfo:Modal_Modal.__docgenInfo,name:"Modal",path:"src/components/Modal/Modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}var Modal_stories_excluded=["components"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i {\n const [modalOpen, setModalOpen] = useState(true);\n\n const closeHandler = () => setModalOpen(false);\n\n return <>\n \n {modalOpen ? \n \n \n }>\n

    \n Are you sure you want to delete user "Simon"? This action is\n permanent and can not be undone.\n

    \n     : null}\n ;\n}'}};var componentMeta={title:"Modal",component:components_Modal_Modal,argTypes:{buttonRow:{control:{disable:!0}},children:{control:{disable:!0}}},includeStories:["defaultStory"]},mdxStoryNameToKey={Default:"defaultStory"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/ModularTable/ModularTable.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"getSampleData",(function(){return getSampleData})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return ModularTable_stories_defaultStory})),__webpack_require__.d(__webpack_exports__,"empty",(function(){return ModularTable_stories_empty})),__webpack_require__.d(__webpack_exports__,"loadMore",(function(){return ModularTable_stories_loadMore}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),Notification=__webpack_require__("./src/components/Notification/Notification.tsx"),SummaryButton=__webpack_require__("./src/components/SummaryButton/SummaryButton.tsx"),react_table=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/react-table/index.js")),Table=__webpack_require__("./src/components/Table/index.ts"),TableRow=__webpack_require__("./src/components/TableRow/index.ts"),TableHeader=__webpack_require__("./src/components/TableHeader/index.ts"),TableCell=__webpack_require__("./src/components/TableCell/index.ts"),Icon=__webpack_require__("./src/components/Icon/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["data","columns","emptyMsg","footer","getHeaderProps","getRowProps","getCellProps","getRowId"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function ModularTable(_ref){var data=_ref.data,columns=_ref.columns,emptyMsg=_ref.emptyMsg,footer=_ref.footer,getHeaderProps=_ref.getHeaderProps,getRowProps=_ref.getRowProps,getCellProps=_ref.getCellProps,getRowId=_ref.getRowId,props=_objectWithoutProperties(_ref,_excluded),_useTable=Object(react_table.useTable)({columns:columns,data:data,getRowId:getRowId||void 0}),getTableProps=_useTable.getTableProps,getTableBodyProps=_useTable.getTableBodyProps,headerGroups=_useTable.headerGroups,rows=_useTable.rows,prepareRow=_useTable.prepareRow,showEmpty=!(!emptyMsg||rows&&0!==rows.length);return Object(jsx_runtime.jsxs)(Table.a,Object.assign({},getTableProps(),props,{children:[Object(jsx_runtime.jsx)("thead",{children:headerGroups.map((function(headerGroup){return Object(jsx_runtime.jsx)(TableRow.a,Object.assign({},headerGroup.getHeaderGroupProps(),{children:headerGroup.headers.map((function(column){return Object(jsx_runtime.jsx)(TableHeader.a,Object.assign({},column.getHeaderProps([{className:column.className},{className:column.getCellIcon?"p-table__cell--icon-placeholder":""},Object.assign({},null==getHeaderProps?void 0:getHeaderProps(column))]),{children:column.render("Header")}))}))}))}))}),Object(jsx_runtime.jsxs)("tbody",Object.assign({},getTableBodyProps(),{children:[rows.map((function(row){return prepareRow(row),Object(jsx_runtime.jsx)(TableRow.a,Object.assign({},row.getRowProps(null==getRowProps?void 0:getRowProps(row)),{children:row.cells.map((function(cell){var _cell$column$getCellI,_cell$column,hasColumnIcon=cell.column.getCellIcon,iconName=hasColumnIcon&&(null===(_cell$column$getCellI=(_cell$column=cell.column).getCellIcon)||void 0===_cell$column$getCellI?void 0:_cell$column$getCellI.call(_cell$column,cell));return Object(jsx_runtime.jsxs)(TableCell.a,Object.assign({},cell.getCellProps([{className:cell.column.className},{className:hasColumnIcon?"p-table__cell--icon-placeholder":""},Object.assign({},null==getCellProps?void 0:getCellProps(cell))]),{children:[iconName&&Object(jsx_runtime.jsx)(Icon.b,{name:iconName}),cell.render("Cell")]}))}))}))})),showEmpty&&Object(jsx_runtime.jsx)(TableRow.a,{children:Object(jsx_runtime.jsx)(TableCell.a,{colSpan:columns.length,children:emptyMsg})}),footer&&Object(jsx_runtime.jsx)(TableRow.a,{children:Object(jsx_runtime.jsx)(TableCell.a,{colSpan:columns.length,children:footer})})]}))]}))}ModularTable.displayName="ModularTable";var ModularTable_ModularTable=ModularTable;try{ModularTable.displayName="ModularTable",ModularTable.__docgenInfo={description:"",displayName:"ModularTable",props:{columns:{defaultValue:null,description:"The columns of the table.",name:"columns",required:!0,type:{name:"Column[]"}},data:{defaultValue:null,description:"The data of the table.",name:"data",required:!0,type:{name:"D[]"}},emptyMsg:{defaultValue:null,description:"A message to display if data is empty.",name:"emptyMsg",required:!1,type:{name:"string"}},footer:{defaultValue:null,description:"Optional extra row to display underneath the main table content.",name:"footer",required:!1,type:{name:"ReactNode"}},getHeaderProps:{defaultValue:null,description:"This function is used to resolve any props needed for a particular column's header cell.",name:"getHeaderProps",required:!1,type:{name:"(header: HeaderGroup) => Partial>"}},getRowProps:{defaultValue:null,description:"This function is used to resolve any props needed for a particular row.",name:"getRowProps",required:!1,type:{name:"(row: Row) => Partial>"}},getCellProps:{defaultValue:null,description:"This function is used to resolve any props needed for a particular cell.",name:"getCellProps",required:!1,type:{name:"(cell: Cell) => Partial>"}},getRowId:{defaultValue:null,description:"",name:"getRowId",required:!1,type:{name:"(originalRow: D, relativeIndex: number, parent?: Row) => string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ModularTable/ModularTable.tsx#ModularTable"]={docgenInfo:ModularTable.__docgenInfo,name:"ModularTable",path:"src/components/ModularTable/ModularTable.tsx#ModularTable"})}catch(__react_docgen_typescript_loader_error){}var ModularTable_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var getSampleData=function getSampleData(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return[{data:100*++i+i},{data:100*++i+i},{data:100*++i+i},{data:100*++i+i},{data:100*++i+i}]},Canvas=function makeShortcode(name){return function MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),Object(esm.b)("div",props)}}("Canvas"),layoutProps={getSampleData:getSampleData};function MDXContent(_ref){var components=_ref.components,props=ModularTable_stories_objectWithoutProperties(_ref,ModularTable_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(blocks.c,{title:"ModularTable",component:ModularTable_ModularTable,mdxType:"Meta"}),Object(esm.b)("h3",{id:"modulartable"},"ModularTable"),Object(esm.b)("p",null,"This is a ",Object(esm.b)("a",{parentName:"p",href:"https://reactjs.org/",target:"_blank",rel:"nofollow noopener noreferrer"},"React")," component to support many table use cases."),Object(esm.b)("h3",{id:"props"},"Props"),Object(esm.b)(blocks.e,{of:ModularTable_ModularTable,mdxType:"Props"}),Object(esm.b)("p",null,"ModularTable components accepts ",Object(esm.b)("inlineCode",{parentName:"p"},"columns")," and ",Object(esm.b)("inlineCode",{parentName:"p"},"data")," arguments in the same format as ",Object(esm.b)("a",{parentName:"p",href:"https://react-table.tanstack.com/docs/api/useTable",target:"_blank",rel:"nofollow noopener noreferrer"},Object(esm.b)("inlineCode",{parentName:"a"},"useTable"))," hook of the ReactTable library."),Object(esm.b)("ul",null,Object(esm.b)("li",{parentName:"ul"},Object(esm.b)("inlineCode",{parentName:"li"},"columns")," - The core columns configuration object for the entire table. ",Object(esm.b)("a",{parentName:"li",href:"https://react-table.tanstack.com/docs/api/useTable#column-options",target:"_blank",rel:"nofollow noopener noreferrer"},"https://react-table.tanstack.com/docs/api/useTable#column-options")),Object(esm.b)("li",{parentName:"ul"},Object(esm.b)("inlineCode",{parentName:"li"},"data")," - The data array that you want to display on the table.")),Object(esm.b)(Notification.b,{type:"caution",status:"Important:",mdxType:"Notification"},"Values passed to both of these params have to me memoized (for example via ",Object(esm.b)("code",null,"React.useMemo"),"). Memoization ensures that our data isn't recreated on every render. If we didn't use ",Object(esm.b)("code",null,"React.useMemo"),", the table would think it was receiving new data on every render and attempt to recalulate a lot of logic every single time."),Object(esm.b)("h4",{id:"custom-column-options"},"Custom column options"),Object(esm.b)("p",null,"In addition to standard column propeties from ",Object(esm.b)("a",{parentName:"p",href:"https://react-table.tanstack.com/docs/api/useTable",target:"_blank",rel:"nofollow noopener noreferrer"},Object(esm.b)("inlineCode",{parentName:"a"},"useTable"))," ",Object(esm.b)("inlineCode",{parentName:"p"},"ModularTable")," accepts some custom properties."),Object(esm.b)("h5",{id:"class-names"},"Class names"),Object(esm.b)("p",null,"Custom ",Object(esm.b)("inlineCode",{parentName:"p"},"className")," can be used to provide a specific CSS class name that will be added to all cells in given column.\nYou can also provide ",Object(esm.b)("inlineCode",{parentName:"p"},"getHeaderProps"),", ",Object(esm.b)("inlineCode",{parentName:"p"},"getRowProps")," and ",Object(esm.b)("inlineCode",{parentName:"p"},"getCellProps")," to resolve additional custom props for a specific element. More on this in ",Object(esm.b)("a",{parentName:"p",href:"https://react-table.tanstack.com/docs/api/useTable#cell-properties",target:"_blank",rel:"nofollow noopener noreferrer"},Object(esm.b)("inlineCode",{parentName:"a"},"useTable - cell properties")),"."),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-js"},'getCellProps={({ value, column }) => ({\n className: `table__cell--${column.id} ${value === "1 minute" ? "p-heading--5" : ""}`,\n})}\ncolumns = {\n Header: "Hidden on mobile",\n accessor: "example",\n className: "u-hide--small"\n}\n')),Object(esm.b)("h5",{id:"icons"},"Icons"),Object(esm.b)("p",null,"To show an icon in the cells of a column ",Object(esm.b)("inlineCode",{parentName:"p"},"getCellIcon")," function should be defined. The function takes a cell data as an argument and should return one of built in icons (from the ",Object(esm.b)("inlineCode",{parentName:"p"},"ICONS")," const), a string with a custom icon name, or ",Object(esm.b)("inlineCode",{parentName:"p"},"false")," if no icon should be shown."),Object(esm.b)("p",null,"The ",Object(esm.b)("inlineCode",{parentName:"p"},"ICONS")," const contains all ",Object(esm.b)("a",{parentName:"p",href:"https://vanillaframework.io/docs/patterns/icons",target:"_blank",rel:"nofollow noopener noreferrer"},"the Vanilla built in icons"),' such as "plus", "minus", "success", "error", etc.'),Object(esm.b)("p",null,"Product specific icons can be used as well, assuming that the product provides the necessary CSS styling and the icon follows the Vanilla naming convention ",Object(esm.b)("inlineCode",{parentName:"p"},"p-icon--{name}"),"."),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-js"},'columns = {\n Header: "With icons",\n accessor: "status",\n getCellIcon: ({ value }) => {\n return value === "released" ? ICONS.success : false;\n }\n}\n')),Object(esm.b)("h3",{id:"default"},"Default"),Object(esm.b)(blocks.d,{mdxType:"Preview"},Object(esm.b)(blocks.f,{name:"Default",mdxType:"Story"},Object(esm.b)(ModularTable_ModularTable,{getCellProps:function getCellProps(_ref2){return{className:"1 minute"===_ref2.value?"p-heading--5":""}},columns:react_default.a.useMemo((function(){return[{Header:"ID",accessor:"buildId",Cell:function Cell(_ref3){var value=_ref3.value;return Object(esm.b)("a",{href:"#"},"#",value)}},{Header:"Architecture",accessor:"arch"},{Header:"Build Duration",accessor:"duration",className:"u-hide--small"},{Header:"Result",accessor:"result",Cell:function Cell(_ref4){switch(_ref4.value){case"released":return"Released";case"failed":return"Failed";default:return"Unknown"}},getCellIcon:function getCellIcon(_ref5){switch(_ref5.value){case"released":return Icon.a.success;case"failed":return Icon.a.error;default:return!1}}},{Header:"Build Finished",accessor:"finished",className:"u-align-text--right"}]}),[]),data:react_default.a.useMemo((function(){return[{buildId:"5432",arch:"arm64",duration:"5 minutes",result:"released",finished:"10 minutes ago"},{buildId:"1234",arch:"armhf",duration:"5 minutes",result:"failed",finished:"over 1 year ago"},{buildId:"1111",arch:"test64",duration:"1 minute",result:"other",finished:"ages ago"}]}),[]),mdxType:"ModularTable"}))),Object(esm.b)("h3",{id:"empty"},"Empty"),Object(esm.b)(blocks.d,{mdxType:"Preview"},Object(esm.b)(blocks.f,{name:"Empty",mdxType:"Story"},Object(esm.b)(ModularTable_ModularTable,{columns:react_default.a.useMemo((function(){return[{Header:"ID",accessor:"buildId"},{Header:"Architecture",accessor:"arch"},{Header:"Build Duration",accessor:"duration",className:"u-hide--small"},{Header:"Result",accessor:"result"},{Header:"Build Finished",accessor:"finished",className:"u-align-text--right"}]}),[]),data:[],emptyMsg:"Waiting for data...",mdxType:"ModularTable"}))),Object(esm.b)("h3",{id:"load-more-items"},"Load more items"),Object(esm.b)("p",null,"Example below shows a basic ",Object(esm.b)("inlineCode",{parentName:"p"},"ModularTable")," with ",Object(esm.b)("inlineCode",{parentName:"p"},"SummaryButton")," component in the footer."),Object(esm.b)(Canvas,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Load more",mdxType:"Story"},(function(){var _useState2=_slicedToArray(Object(react.useState)(getSampleData()),2),data=_useState2[0],setData=_useState2[1],footer=data.length<20?Object(esm.b)("div",{className:"u-align--right"},Object(esm.b)(SummaryButton.a,{summary:"Showing "+data.length+" of 20 items.",label:"Show 5 more",onClick:function loadMore(){setData(data.concat(getSampleData(data.length)))},mdxType:"SummaryButton"})):null;return Object(esm.b)(ModularTable_ModularTable,{data:data,columns:[{Header:"Id",accessor:function accessor(d,i){return i}},{Header:"Data",accessor:"data"}],footer:footer,mdxType:"ModularTable"})}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var ModularTable_stories_defaultStory=function defaultStory(){return Object(esm.b)(ModularTable_ModularTable,{getCellProps:function getCellProps(_ref6){return{className:"1 minute"===_ref6.value?"p-heading--5":""}},columns:react_default.a.useMemo((function(){return[{Header:"ID",accessor:"buildId",Cell:function Cell(_ref7){var value=_ref7.value;return Object(esm.b)("a",{href:"#"},"#",value)}},{Header:"Architecture",accessor:"arch"},{Header:"Build Duration",accessor:"duration",className:"u-hide--small"},{Header:"Result",accessor:"result",Cell:function Cell(_ref8){switch(_ref8.value){case"released":return"Released";case"failed":return"Failed";default:return"Unknown"}},getCellIcon:function getCellIcon(_ref9){switch(_ref9.value){case"released":return Icon.a.success;case"failed":return Icon.a.error;default:return!1}}},{Header:"Build Finished",accessor:"finished",className:"u-align-text--right"}]}),[]),data:react_default.a.useMemo((function(){return[{buildId:"5432",arch:"arm64",duration:"5 minutes",result:"released",finished:"10 minutes ago"},{buildId:"1234",arch:"armhf",duration:"5 minutes",result:"failed",finished:"over 1 year ago"},{buildId:"1111",arch:"test64",duration:"1 minute",result:"other",finished:"ages ago"}]}),[])})};ModularTable_stories_defaultStory.displayName="defaultStory",ModularTable_stories_defaultStory.storyName="Default",ModularTable_stories_defaultStory.parameters={storySource:{source:' ({\n className: value === "1 minute" ? "p-heading--5" : ""\n})} columns={React.useMemo(() => [{\n Header: "ID",\n accessor: "buildId",\n Cell: ({\n value\n }) => #{value}\n}, {\n Header: "Architecture",\n accessor: "arch"\n}, {\n Header: "Build Duration",\n accessor: "duration",\n className: "u-hide--small"\n}, {\n Header: "Result",\n accessor: "result",\n Cell: ({\n value\n }) => {\n switch (value) {\n case "released":\n return "Released";\n\n case "failed":\n return "Failed";\n\n default:\n return "Unknown";\n }\n },\n getCellIcon: ({\n value\n }) => {\n switch (value) {\n case "released":\n return ICONS.success;\n\n case "failed":\n return ICONS.error;\n\n default:\n return false;\n }\n }\n}, {\n Header: "Build Finished",\n accessor: "finished",\n className: "u-align-text--right"\n}], [])} data={React.useMemo(() => [{\n buildId: "5432",\n arch: "arm64",\n duration: "5 minutes",\n result: "released",\n finished: "10 minutes ago"\n}, {\n buildId: "1234",\n arch: "armhf",\n duration: "5 minutes",\n result: "failed",\n finished: "over 1 year ago"\n}, {\n buildId: "1111",\n arch: "test64",\n duration: "1 minute",\n result: "other",\n finished: "ages ago"\n}], [])} />'}};var ModularTable_stories_empty=function empty(){return Object(esm.b)(ModularTable_ModularTable,{columns:react_default.a.useMemo((function(){return[{Header:"ID",accessor:"buildId"},{Header:"Architecture",accessor:"arch"},{Header:"Build Duration",accessor:"duration",className:"u-hide--small"},{Header:"Result",accessor:"result"},{Header:"Build Finished",accessor:"finished",className:"u-align-text--right"}]}),[]),data:[],emptyMsg:"Waiting for data..."})};ModularTable_stories_empty.displayName="empty",ModularTable_stories_empty.storyName="Empty",ModularTable_stories_empty.parameters={storySource:{source:' [{\n Header: "ID",\n accessor: "buildId"\n}, {\n Header: "Architecture",\n accessor: "arch"\n}, {\n Header: "Build Duration",\n accessor: "duration",\n className: "u-hide--small"\n}, {\n Header: "Result",\n accessor: "result"\n}, {\n Header: "Build Finished",\n accessor: "finished",\n className: "u-align-text--right"\n}], [])} data={[]} emptyMsg="Waiting for data..." />'}};var ModularTable_stories_loadMore=function loadMore(){var _useState4=_slicedToArray(Object(react.useState)(getSampleData()),2),data=_useState4[0],setData=_useState4[1],loadMore=function loadMore(){setData(data.concat(getSampleData(data.length)))},footer=data.length<20?Object(esm.b)("div",{className:"u-align--right"},Object(esm.b)(SummaryButton.a,{summary:"Showing "+data.length+" of 20 items.",label:"Show 5 more",onClick:loadMore})):null;return Object(esm.b)(ModularTable_ModularTable,{data:data,columns:[{Header:"Id",accessor:function accessor(d,i){return i}},{Header:"Data",accessor:"data"}],footer:footer})};ModularTable_stories_loadMore.displayName="loadMore",ModularTable_stories_loadMore.storyName="Load more",ModularTable_stories_loadMore.parameters={storySource:{source:'() => {\n const [data, setData] = useState(getSampleData());\n const hasMore = data.length < 20;\n\n const loadMore = () => {\n setData(data.concat(getSampleData(data.length)));\n };\n\n const columns = [{\n Header: "Id",\n accessor: (d, i) => i\n }, {\n Header: "Data",\n accessor: "data"\n }];\n const footer = hasMore ?
    \n \n
    : null;\n return ;\n}'}};var componentMeta={title:"ModularTable",component:ModularTable_ModularTable,includeStories:["defaultStory","empty","loadMore"]},mdxStoryNameToKey={Default:"defaultStory",Empty:"empty","Load more":"loadMore"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Notification/Notification.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"information",(function(){return information})),__webpack_require__.d(__webpack_exports__,"caution",(function(){return caution})),__webpack_require__.d(__webpack_exports__,"negative",(function(){return negative})),__webpack_require__.d(__webpack_exports__,"positive",(function(){return positive})),__webpack_require__.d(__webpack_exports__,"inline",(function(){return inline})),__webpack_require__.d(__webpack_exports__,"borderless",(function(){return borderless})),__webpack_require__.d(__webpack_exports__,"actions",(function(){return actions})),__webpack_require__.d(__webpack_exports__,"dismissible",(function(){return dismissible})),__webpack_require__.d(__webpack_exports__,"timeout",(function(){return timeout})),__webpack_require__.d(__webpack_exports__,"timestamp",(function(){return timestamp}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_Notification__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/Notification/Notification.tsx"),_excluded=["components"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var caution=Template.bind({});caution.storyName="Caution",caution.args={children:"Custom storage configuration is only supported on Ubuntu, CentOS and RHEL.",severity:"caution",title:"Blocked"},caution.parameters={storySource:{source:"args => "}};var negative=Template.bind({});negative.storyName="Negative",negative.args={children:"Node must be connected to a network.",severity:"negative",title:"Error"},negative.parameters={storySource:{source:"args => "}};var positive=Template.bind({});positive.storyName="Positive",positive.args={children:"Code successfully reformatted.",severity:"positive",title:"Success"},positive.parameters={storySource:{source:"args => "}};var inline=Template.bind({});inline.storyName="Inline",inline.args={children:"Not enough space.",inline:!0,severity:"negative",title:"Error:"},inline.parameters={storySource:{source:"args => "}};var borderless=Template.bind({});borderless.storyName="Borderless",borderless.args={borderless:!0,children:"Only 8GB storage remaining.",severity:"caution",title:"Warning"},borderless.parameters={storySource:{source:"args => "}};var actions=Template.bind({});actions.storyName="Actions",actions.args={actions:[{label:"Action 1",onClick:function onClick(){return null}},{label:"Action 2",onClick:function onClick(){return null}}],children:"Body lorem ipsum dolor sit amet consequiteor. Lorem ipsum dolor sit amet consequiteor.",severity:"information",title:"Title"},actions.parameters={storySource:{source:"args => "}};var dismissible=function dismissible(){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_14__.useState)(!0),2),show=_useState8[0],setShow=_useState8[1];return show?Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_15__.b)(_Notification__WEBPACK_IMPORTED_MODULE_18__.b,{onDismiss:function onDismiss(){return setShow(!1)},title:"Dismissible"},"Click the dismiss button to get rid of me."):null};dismissible.displayName="dismissible",dismissible.storyName="Dismissible",dismissible.parameters={storySource:{source:'() => {\n const [show, setShow] = useState(true);\n\n if (!show) {\n return null;\n }\n\n return setShow(false)} title="Dismissible">\n Click the dismiss button to get rid of me.\n ;\n}'}};var timeout=function timeout(){var _useState10=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_14__.useState)(!0),2),show=_useState10[0],setShow=_useState10[1],_useState12=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_14__.useState)(0),2),timer=_useState12[0],setTimer=_useState12[1];return show?Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_15__.b)(_Notification__WEBPACK_IMPORTED_MODULE_18__.b,{actions:[{label:"Start timer",onClick:function onClick(){return setTimer(3e3)}}],onDismiss:function onDismiss(){return setShow(!1)},timeout:timer,title:"Timeout"},"Click the action to start a 3 second timer."):null};timeout.displayName="timeout",timeout.storyName="Timeout",timeout.parameters={storySource:{source:'() => {\n const [show, setShow] = useState(true);\n const [timer, setTimer] = useState(0);\n\n if (!show) {\n return null;\n }\n\n return setTimer(3000)\n }]} onDismiss={() => setShow(false)} timeout={timer} title="Timeout">\n Click the action to start a 3 second timer.\n ;\n}'}};var timestamp=Template.bind({});timestamp.storyName="Timestamp",timestamp.args={children:"Body lorem ipsum dolor sit amet consequiteor. Lorem ipsum dolor sit amet consequiteor.",severity:"information",timestamp:"1h ago",title:"Title"},timestamp.parameters={storySource:{source:"args => "}};var componentMeta={title:"Notification",component:_Notification__WEBPACK_IMPORTED_MODULE_18__.b,argTypes:{borderless:{control:{type:"boolean"},defaultValue:!1},children:{control:{type:"text"}},inline:{control:{type:"boolean"},defaultValue:!1},severity:{control:{type:"radio"},defaultValue:_Notification__WEBPACK_IMPORTED_MODULE_18__.a.INFORMATION,options:Object.values(_Notification__WEBPACK_IMPORTED_MODULE_18__.a)},timestamp:{control:{type:"text"}},title:{control:{type:"text"}}},includeStories:["information","caution","negative","positive","inline","borderless","actions","dismissible","timeout","timestamp"]},mdxStoryNameToKey={Information:"information",Caution:"caution",Negative:"negative",Positive:"positive",Inline:"inline",Borderless:"borderless",Actions:"actions",Dismissible:"dismissible",Timeout:"timeout",Timestamp:"timestamp"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_15__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_16__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_15__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Notification/Notification.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return NotificationSeverity}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__),react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),_Button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Button/index.ts"),_utils__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/utils.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["actions","borderless","children","className","close","inline","onDismiss","severity","status","timeout","timestamp","title","type"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var NotificationSeverity={CAUTION:"caution",INFORMATION:"information",NEGATIVE:"negative",POSITIVE:"positive"},Notification=function Notification(_ref){var _classNames,actions=_ref.actions,_ref$borderless=_ref.borderless,borderless=void 0!==_ref$borderless&&_ref$borderless,children=_ref.children,className=_ref.className,close=_ref.close,_ref$inline=_ref.inline,inline=void 0!==_ref$inline&&_ref$inline,onDismiss=_ref.onDismiss,_ref$severity=_ref.severity,severity=void 0===_ref$severity?NotificationSeverity.INFORMATION:_ref$severity,status=_ref.status,timeout=_ref.timeout,timestamp=_ref.timestamp,title=_ref.title,type=_ref.type,props=_objectWithoutProperties(_ref,_excluded),timeoutId=Object(react__WEBPACK_IMPORTED_MODULE_6__.useRef)(null),hasActions=(null==actions?void 0:actions.length)>0,showMeta=!!timestamp||hasActions;return Object(react__WEBPACK_IMPORTED_MODULE_6__.useEffect)((function(){return timeout&&onDismiss&&(timeoutId.current=setTimeout((function(){return onDismiss()}),timeout)),function(){return clearTimeout(timeoutId.current)}}),[onDismiss,timeout]),_utils__WEBPACK_IMPORTED_MODULE_8__.a&&(close||status||type)&&console.warn("The Notification component is using deprecated props. Refer to the deprecated list for details: https://canonical-web-and-design.github.io/react-components/?path=/docs/notification--information#deprecated"),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_5___default()(className,(_classNames={},_classNames["p-notification--"+severity]=!!severity,_classNames["p-notification"]=!severity,_classNames["is-borderless"]=borderless,_classNames["is-inline"]=inline,_classNames))},props,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:"p-notification__content",children:[title&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("h5",{className:"p-notification__title","data-testid":"notification-title",children:title}),inline&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:" "}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("p",{className:"p-notification__message",children:children}),onDismiss&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("button",{"aria-label":"Close notification",className:"p-notification__close","data-testid":"notification-close-button",onClick:onDismiss,children:"Close"})]}),showMeta&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:"p-notification__meta","data-testid":"notification-meta",children:[timestamp&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span",{className:"p-notification__timestamp","data-testid":"notification-timestamp",children:timestamp}),hasActions?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:"p-notification__actions",children:actions.map((function(action,i){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_7__.b,{appearance:_Button__WEBPACK_IMPORTED_MODULE_7__.a.LINK,className:"p-notification__action","data-testid":"notification-action",onClick:action.onClick,children:action.label},action.label+"-"+i)}))}):null]})]}))};Notification.displayName="Notification",__webpack_exports__.b=Notification;try{Notification.displayName="Notification",Notification.__docgenInfo={description:"",displayName:"Notification",props:{actions:{defaultValue:null,description:"A list of up to two actions that the notification can perform.",name:"actions",required:!1,type:{name:"NotificationAction[]"}},borderless:{defaultValue:{value:"false"},description:"Whether the notification should not have a border.",name:"borderless",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The notification message content.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to apply to the parent notification element.",name:"className",required:!1,type:{name:"string"}},close:{defaultValue:null,description:"**Deprecated**. Use `onDismiss` instead.",name:"close",required:!1,type:{name:"never"}},inline:{defaultValue:{value:"false"},description:"Whether the title should display inline with the message.",name:"inline",required:!1,type:{name:"boolean"}},onDismiss:{defaultValue:null,description:"The function to run when dismissing/closing the notification.",name:"onDismiss",required:!1,type:{name:"() => void"}},severity:{defaultValue:{value:"information"},description:"The severity of the notification.",name:"severity",required:!1,type:{name:"enum",value:[{value:'"caution"'},{value:'"negative"'},{value:'"positive"'},{value:'"information"'}]}},status:{defaultValue:null,description:"**Deprecated**. Use `title` instead.",name:"status",required:!1,type:{name:"never"}},timeout:{defaultValue:null,description:"The amount of time (in ms) until the notification is automatically dismissed.",name:"timeout",required:!1,type:{name:"number"}},timestamp:{defaultValue:null,description:"A relevant timestamp for the notification, e.g. when it was created.",name:"timestamp",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"The title of the notification.",name:"title",required:!1,type:{name:"ReactNode"}},type:{defaultValue:null,description:"**Deprecated**. Use `severity` instead.",name:"type",required:!1,type:{name:"never"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Notification/Notification.tsx#Notification"]={docgenInfo:Notification.__docgenInfo,name:"Notification",path:"src/components/Notification/Notification.tsx#Notification"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Pagination/Pagination.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"truncated",(function(){return truncated})),__webpack_require__.d(__webpack_exports__,"disabledControls",(function(){return disabledControls}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_Pagination__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Pagination/Pagination.tsx"),_excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var truncated=function truncated(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Pagination__WEBPACK_IMPORTED_MODULE_8__.a,{itemsPerPage:10,totalItems:1e3,paginate:function paginate(){},currentPage:34})};truncated.displayName="truncated",truncated.storyName="Truncated",truncated.parameters={storySource:{source:" {}} currentPage={34} />"}};var disabledControls=function disabledControls(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Pagination__WEBPACK_IMPORTED_MODULE_8__.a,{itemsPerPage:20,totalItems:100,paginate:function paginate(){},currentPage:1})};disabledControls.displayName="disabledControls",disabledControls.storyName="Disabled controls",disabledControls.parameters={storySource:{source:" {}} currentPage={1} />"}};var componentMeta={title:"Pagination",component:_Pagination__WEBPACK_IMPORTED_MODULE_8__.a,includeStories:["defaultStory","truncated","disabledControls"]},mdxStoryNameToKey={Default:"defaultStory",Truncated:"truncated","Disabled controls":"disabledControls"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Pagination/Pagination.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),PaginationButton_PaginationButton=function PaginationButton(_ref){var direction=_ref.direction,onClick=_ref.onClick,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,label="back"===direction?"Previous page":"Next page";return Object(jsx_runtime.jsx)("li",{className:"p-pagination__item",children:Object(jsx_runtime.jsx)("button",{className:classnames_default()({"p-pagination__link--previous":"back"===direction,"p-pagination__link--next":"forward"===direction}),disabled:disabled,onClick:onClick,children:Object(jsx_runtime.jsx)("i",{className:"p-icon--chevron-down",children:label})})})};PaginationButton_PaginationButton.displayName="PaginationButton";var components_PaginationButton_PaginationButton=PaginationButton_PaginationButton;try{PaginationButton_PaginationButton.displayName="PaginationButton",PaginationButton_PaginationButton.__docgenInfo={description:"",displayName:"PaginationButton",props:{direction:{defaultValue:null,description:"The direction of the pagination.",name:"direction",required:!0,type:{name:"enum",value:[{value:'"forward"'},{value:'"back"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the pagination button should be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"Function to handle clicking the pagination button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PaginationButton/PaginationButton.tsx#PaginationButton"]={docgenInfo:PaginationButton_PaginationButton.__docgenInfo,name:"PaginationButton",path:"src/components/PaginationButton/PaginationButton.tsx#PaginationButton"})}catch(__react_docgen_typescript_loader_error){}var PaginationItem_PaginationItem=function PaginationItem(_ref){var number=_ref.number,onClick=_ref.onClick,_ref$isActive=_ref.isActive,isActive=void 0!==_ref$isActive&&_ref$isActive;return Object(jsx_runtime.jsx)("li",{className:"p-pagination__item",children:Object(jsx_runtime.jsx)("button",{className:classnames_default()("p-pagination__link",{"is-active":isActive}),onClick:onClick,children:number})})};PaginationItem_PaginationItem.displayName="PaginationItem";var components_PaginationItem_PaginationItem=PaginationItem_PaginationItem;try{PaginationItem_PaginationItem.displayName="PaginationItem",PaginationItem_PaginationItem.__docgenInfo={description:"",displayName:"PaginationItem",props:{isActive:{defaultValue:{value:"false"},description:"Whether the pagination item is active, i.e. the current page is this page.",name:"isActive",required:!1,type:{name:"boolean"}},number:{defaultValue:null,description:"The page number.",name:"number",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"Function to handle clicking the pagination item.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PaginationItem/PaginationItem.tsx#PaginationItem"]={docgenInfo:PaginationItem_PaginationItem.__docgenInfo,name:"PaginationItem",path:"src/components/PaginationItem/PaginationItem.tsx#PaginationItem"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["itemsPerPage","totalItems","paginate","currentPage","scrollToTop","truncateThreshold"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Pagination_generatePaginationItems=function generatePaginationItems(pageNumbers,currentPage,truncateThreshold,changePage){var visiblePages,lastPage=pageNumbers.length,truncated=lastPage>truncateThreshold;if(truncated){var start=currentPage-2,end=currentPage+1;1===currentPage&&(start=1,end=currentPage+3),2===currentPage&&(start=1,end=currentPage+2),currentPage!==lastPage&¤tPage!==lastPage-1||(start=lastPage-4,end=lastPage-1),visiblePages=pageNumbers.slice(start,end)}else visiblePages=pageNumbers;var items=[];return truncated&&(items.push(Object(jsx_runtime.jsx)(components_PaginationItem_PaginationItem,{number:1,isActive:1===currentPage,onClick:function onClick(){return changePage(1)}},1)),[1,2,3].includes(currentPage)||items.push(Object(jsx_runtime.jsx)(Pagination_PaginationItemSeparator,{},"sep1"))),items.push(visiblePages.map((function(number){return Object(jsx_runtime.jsx)(components_PaginationItem_PaginationItem,{number:number,isActive:number===currentPage,onClick:function onClick(){return changePage(number)}},number)}))),truncated&&([lastPage,lastPage-1,lastPage-2].includes(currentPage)||items.push(Object(jsx_runtime.jsx)(Pagination_PaginationItemSeparator,{},"sep2")),items.push(Object(jsx_runtime.jsx)(components_PaginationItem_PaginationItem,{number:lastPage,isActive:currentPage===lastPage,onClick:function onClick(){return changePage(lastPage)}},lastPage))),items},Pagination_PaginationItemSeparator=function PaginationItemSeparator(){return Object(jsx_runtime.jsx)("li",{className:"p-pagination__item p-pagination__item--truncation",children:"…"})};Pagination_PaginationItemSeparator.displayName="PaginationItemSeparator";var Pagination_Pagination=function Pagination(_ref){var itemsPerPage=_ref.itemsPerPage,totalItems=_ref.totalItems,paginate=_ref.paginate,currentPage=_ref.currentPage,scrollToTop=_ref.scrollToTop,_ref$truncateThreshol=_ref.truncateThreshold,truncateThreshold=void 0===_ref$truncateThreshol?10:_ref$truncateThreshol,navProps=_objectWithoutProperties(_ref,_excluded);if(totalItems<=itemsPerPage)return null;for(var pageNumbers=[],i=1;i<=Math.ceil(totalItems/itemsPerPage);i++)pageNumbers.push(i);var changePage=function changePage(page){paginate(page),scrollToTop&&function scrollTop(){window.scrollTo(0,0)}()};return Object(jsx_runtime.jsx)("nav",Object.assign({},navProps,{children:Object(jsx_runtime.jsxs)("ul",{className:"p-pagination",children:[Object(jsx_runtime.jsx)(components_PaginationButton_PaginationButton,{direction:"back",disabled:1===currentPage,onClick:function onClick(){return changePage(currentPage-1)}},"back"),Pagination_generatePaginationItems(pageNumbers,currentPage,truncateThreshold,changePage),Object(jsx_runtime.jsx)(components_PaginationButton_PaginationButton,{direction:"forward",disabled:currentPage===pageNumbers.length,onClick:function onClick(){return changePage(currentPage+1)}},"forward")]})}))};Pagination_Pagination.displayName="Pagination";__webpack_exports__.a=Pagination_Pagination;try{Pagination_Pagination.displayName="Pagination",Pagination_Pagination.__docgenInfo={description:"",displayName:"Pagination",props:{currentPage:{defaultValue:null,description:"The current page being viewed.",name:"currentPage",required:!0,type:{name:"number"}},itemsPerPage:{defaultValue:null,description:"The number of items to show per page.",name:"itemsPerPage",required:!0,type:{name:"number"}},paginate:{defaultValue:null,description:"Function to handle paginating the items.",name:"paginate",required:!0,type:{name:"(page: number) => void"}},totalItems:{defaultValue:null,description:"The total number of items.",name:"totalItems",required:!0,type:{name:"number"}},scrollToTop:{defaultValue:null,description:"Whether to scroll to the top of the list on page change.",name:"scrollToTop",required:!1,type:{name:"boolean"}},truncateThreshold:{defaultValue:{value:"10"},description:"The number of pages at which to truncate the pagination items.",name:"truncateThreshold",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/Pagination.tsx#Pagination"]={docgenInfo:Pagination_Pagination.__docgenInfo,name:"Pagination",path:"src/components/Pagination/Pagination.tsx#Pagination"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/PasswordToggle/PasswordToggle.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return PasswordToggle_stories_defaultStory})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return PasswordToggle_stories_readOnly})),__webpack_require__.d(__webpack_exports__,"error",(function(){return PasswordToggle_stories_error})),__webpack_require__.d(__webpack_exports__,"success",(function(){return PasswordToggle_stories_success})),__webpack_require__.d(__webpack_exports__,"caution",(function(){return PasswordToggle_stories_caution})),__webpack_require__.d(__webpack_exports__,"help",(function(){return PasswordToggle_stories_help})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return PasswordToggle_stories_disabled}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),Button=__webpack_require__("./src/components/Button/index.ts"),Field=__webpack_require__("./src/components/Field/index.ts"),Label=__webpack_require__("./src/components/Label/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["caution","className","error","help","id","label","readOnly","required","success","type","wrapperClassName"];function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var PasswordToggle=react_default.a.forwardRef((function(_ref,ref){var caution=_ref.caution,className=_ref.className,error=_ref.error,help=_ref.help,id=_ref.id,label=_ref.label,readOnly=_ref.readOnly,required=_ref.required,success=_ref.success,type=_ref.type,wrapperClassName=_ref.wrapperClassName,inputProps=_objectWithoutProperties(_ref,_excluded),_useState2=_slicedToArray(Object(react.useState)(!0),2),isPassword=_useState2[0],setIsPassword=_useState2[1];return Object(jsx_runtime.jsxs)(Field.a,{caution:caution,className:wrapperClassName,error:error,help:help,required:required,success:success,children:[Object(jsx_runtime.jsxs)("div",{className:"p-form-password-toggle",children:[Object(jsx_runtime.jsx)(Label.a,{forId:id,required:required,children:label}),Object(jsx_runtime.jsxs)(Button.b,{appearance:"base",type:type||"button",className:"u-no-margin--bottom",hasIcon:!0,"aria-controls":id,"aria-live":"polite",onClick:function onClick(){return function togglePassword(){setIsPassword(!isPassword)}()},children:[Object(jsx_runtime.jsx)("span",{className:"p-form-password-toggle__label",children:isPassword?"Show":"Hide"}),Object(jsx_runtime.jsx)("i",{className:isPassword?"p-icon--show":"p-icon--hide"})]})]}),Object(jsx_runtime.jsx)("input",Object.assign({className:classnames_default()("p-form-validation__input",className),id:id,ref:ref,type:isPassword?"password":"text",readOnly:readOnly},inputProps))]})})),PasswordToggle_PasswordToggle=PasswordToggle;try{PasswordToggle.displayName="PasswordToggle",PasswordToggle.__docgenInfo={description:"",displayName:"PasswordToggle",props:{caution:{defaultValue:null,description:"The content for caution validation.",name:"caution",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the input element.",name:"className",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"The content for error validation.",name:"error",required:!1,type:{name:"ReactNode"}},help:{defaultValue:null,description:"Help text to show below the field.",name:"help",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The id of the input.",name:"id",required:!0,type:{name:"string"}},label:{defaultValue:null,description:"The label for the field.",name:"label",required:!1,type:{name:"ReactNode"}},readOnly:{defaultValue:null,description:"Whether the field is read only.",name:"readOnly",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"Whether the field is required.",name:"required",required:!1,type:{name:"boolean"}},success:{defaultValue:null,description:"The content for success validation.",name:"success",required:!1,type:{name:"ReactNode"}},type:{defaultValue:null,description:"The content for success validation.",name:"type",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"submit"'},{value:'"reset"'}]}},wrapperClassName:{defaultValue:null,description:"Optional class(es) to pass to the wrapping Field component",name:"wrapperClassName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/PasswordToggle/PasswordToggle.tsx#PasswordToggle"]={docgenInfo:PasswordToggle.__docgenInfo,name:"PasswordToggle",path:"src/components/PasswordToggle/PasswordToggle.tsx#PasswordToggle"})}catch(__react_docgen_typescript_loader_error){}var PasswordToggle_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=PasswordToggle_stories_objectWithoutProperties(_ref,PasswordToggle_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(blocks.c,{title:"PasswordToggle",component:PasswordToggle_PasswordToggle,mdxType:"Meta"}),Object(esm.b)("h3",{id:"passwordtoggle"},"PasswordToggle"),Object(esm.b)("p",null,"This is a ",Object(esm.b)("a",{parentName:"p",href:"https://reactjs.org/",target:"_blank",rel:"nofollow noopener noreferrer"},"React")," component for the Vanilla ",Object(esm.b)("a",{parentName:"p",href:"https://docs.vanillaframework.io/base/forms/#password-toggle",target:"_blank",rel:"nofollow noopener noreferrer"},"Password Toggle"),"."),Object(esm.b)("p",null,"It can be used when an input needs to obscure its value, whilst giving the user a way to reveal it if needed."),Object(esm.b)("h3",{id:"props"},"Props"),Object(esm.b)(blocks.a,{of:PasswordToggle_PasswordToggle,mdxType:"ArgsTable"}),Object(esm.b)("h3",{id:"default"},"Default"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Default",mdxType:"Story"},Object(esm.b)(PasswordToggle_PasswordToggle,{id:"examplePassword1",label:"Password",mdxType:"PasswordToggle"}))),Object(esm.b)("h3",{id:"read-only"},"Read only"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Read only",mdxType:"Story"},Object(esm.b)(PasswordToggle_PasswordToggle,{id:"examplePassword2",label:"Password",readOnly:!0,defaultValue:"password",mdxType:"PasswordToggle"}))),Object(esm.b)("h3",{id:"error"},"Error"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Error",mdxType:"Story"},Object(esm.b)(PasswordToggle_PasswordToggle,{error:"This field is required.",id:"examplePassword3",label:"Password",defaultValue:"password",mdxType:"PasswordToggle"}))),Object(esm.b)("h3",{id:"success"},"Success"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Success",mdxType:"Story"},Object(esm.b)(PasswordToggle_PasswordToggle,{success:"Strong password",id:"examplePassword3",label:"Password",defaultValue:"password",mdxType:"PasswordToggle"}))),Object(esm.b)("h3",{id:"caution"},"Caution"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Caution",mdxType:"Story"},Object(esm.b)(PasswordToggle_PasswordToggle,{caution:"Weak password",id:"examplePassword4",label:"Password",defaultValue:"password",mdxType:"PasswordToggle"}))),Object(esm.b)("h3",{id:"help"},"Help"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Help",mdxType:"Story"},Object(esm.b)(PasswordToggle_PasswordToggle,{help:"Enter a secure password",id:"examplePassword5",label:"Password",mdxType:"PasswordToggle"}))),Object(esm.b)("h3",{id:"disabled"},"Disabled"),Object(esm.b)(blocks.b,{mdxType:"Canvas"},Object(esm.b)(blocks.f,{name:"Disabled",mdxType:"Story"},Object(esm.b)(PasswordToggle_PasswordToggle,{disabled:!0,id:"examplePassword6",label:"Password",defaultValue:"password",mdxType:"PasswordToggle"}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var PasswordToggle_stories_defaultStory=function defaultStory(){return Object(esm.b)(PasswordToggle_PasswordToggle,{id:"examplePassword1",label:"Password"})};PasswordToggle_stories_defaultStory.displayName="defaultStory",PasswordToggle_stories_defaultStory.storyName="Default",PasswordToggle_stories_defaultStory.parameters={storySource:{source:''}};var PasswordToggle_stories_readOnly=function readOnly(){return Object(esm.b)(PasswordToggle_PasswordToggle,{id:"examplePassword2",label:"Password",readOnly:!0,defaultValue:"password"})};PasswordToggle_stories_readOnly.displayName="readOnly",PasswordToggle_stories_readOnly.storyName="Read only",PasswordToggle_stories_readOnly.parameters={storySource:{source:''}};var PasswordToggle_stories_error=function error(){return Object(esm.b)(PasswordToggle_PasswordToggle,{error:"This field is required.",id:"examplePassword3",label:"Password",defaultValue:"password"})};PasswordToggle_stories_error.displayName="error",PasswordToggle_stories_error.storyName="Error",PasswordToggle_stories_error.parameters={storySource:{source:''}};var PasswordToggle_stories_success=function success(){return Object(esm.b)(PasswordToggle_PasswordToggle,{success:"Strong password",id:"examplePassword3",label:"Password",defaultValue:"password"})};PasswordToggle_stories_success.displayName="success",PasswordToggle_stories_success.storyName="Success",PasswordToggle_stories_success.parameters={storySource:{source:''}};var PasswordToggle_stories_caution=function caution(){return Object(esm.b)(PasswordToggle_PasswordToggle,{caution:"Weak password",id:"examplePassword4",label:"Password",defaultValue:"password"})};PasswordToggle_stories_caution.displayName="caution",PasswordToggle_stories_caution.storyName="Caution",PasswordToggle_stories_caution.parameters={storySource:{source:''}};var PasswordToggle_stories_help=function help(){return Object(esm.b)(PasswordToggle_PasswordToggle,{help:"Enter a secure password",id:"examplePassword5",label:"Password"})};PasswordToggle_stories_help.displayName="help",PasswordToggle_stories_help.storyName="Help",PasswordToggle_stories_help.parameters={storySource:{source:''}};var PasswordToggle_stories_disabled=function disabled(){return Object(esm.b)(PasswordToggle_PasswordToggle,{disabled:!0,id:"examplePassword6",label:"Password",defaultValue:"password"})};PasswordToggle_stories_disabled.displayName="disabled",PasswordToggle_stories_disabled.storyName="Disabled",PasswordToggle_stories_disabled.parameters={storySource:{source:''}};var componentMeta={title:"PasswordToggle",component:PasswordToggle_PasswordToggle,includeStories:["defaultStory","readOnly","error","success","caution","help","disabled"]},mdxStoryNameToKey={Default:"defaultStory","Read only":"readOnly",Error:"error",Success:"success",Caution:"caution",Help:"help",Disabled:"disabled"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/RadioInput/RadioInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"children",(function(){return children})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return disabled})),__webpack_require__.d(__webpack_exports__,"required",(function(){return required})),__webpack_require__.d(__webpack_exports__,"inline",(function(){return inline}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_RadioInput__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/RadioInput/RadioInput.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.c,{title:"RadioInput",component:_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:{label:{control:{type:"text"},defaultValue:"RadioInput"},disabled:{control:{type:"boolean"}},required:{control:{type:"boolean"}},inline:{control:{type:"boolean"}},indeterminate:{control:{type:"boolean"}}},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"radioinput"},"RadioInput"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://reactjs.org/",target:"_blank",rel:"nofollow noopener noreferrer"},"React")," component for the Vanilla ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{parentName:"p",href:"https://docs.vanillaframework.io/docs/base/forms#radio-button",target:"_blank",rel:"nofollow noopener noreferrer"},"Radio input"),"."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Use radio buttons to select one of the given set of options."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"props"},"Props"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.a,{of:_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"})," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"default"},"Default"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.f,{name:"Default",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:"RadioInput",mdxType:"RadioInput"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"label-with-child-elements"},"Label with child elements"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.f,{name:"Children",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment,null,"I agree to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{href:"http://ubuntu.com/legal"},"Terms and Conditions")),name:"RadioInput",mdxType:"RadioInput"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"disabled"},"Disabled"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.f,{name:"Disabled",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Disabled",name:"RadioInput",disabled:!0,mdxType:"RadioInput"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"required"},"Required"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.f,{name:"Required",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Required",name:"RadioInput",required:!0,mdxType:"RadioInput"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"inline"},"Inline"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.f,{name:"Inline",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Inline",name:"RadioInput",inline:!0,mdxType:"RadioInput"}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=function defaultStory(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:"RadioInput"})};defaultStory.displayName="defaultStory",defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:''}};var children=function children(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment,null,"I agree to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("a",{href:"http://ubuntu.com/legal"},"Terms and Conditions")),name:"RadioInput"})};children.displayName="children",children.storyName="Children",children.parameters={storySource:{source:'\n I agree to Terms and Conditions\n } name="RadioInput">'}};var disabled=function disabled(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Disabled",name:"RadioInput",disabled:!0})};disabled.displayName="disabled",disabled.storyName="Disabled",disabled.parameters={storySource:{source:''}};var required=function required(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Required",name:"RadioInput",required:!0})};required.displayName="required",required.storyName="Required",required.parameters={storySource:{source:''}};var inline=function inline(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Inline",name:"RadioInput",inline:!0})};inline.displayName="inline",inline.storyName="Inline",inline.parameters={storySource:{source:''}};var componentMeta={title:"RadioInput",component:_RadioInput__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:{label:{control:{type:"text"},defaultValue:"RadioInput"},disabled:{control:{type:"boolean"}},required:{control:{type:"boolean"}},inline:{control:{type:"boolean"}},indeterminate:{control:{type:"boolean"}}},includeStories:["defaultStory","children","disabled","required","inline"]},mdxStoryNameToKey={Default:"defaultStory",Children:"children",Disabled:"disabled",Required:"required",Inline:"inline"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/RadioInput/RadioInput.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _CheckableInput__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/CheckableInput/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var RadioInput=function RadioInput(_ref){var label=_ref.label,radioProps=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_CheckableInput__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({inputType:"radio",label:label},radioProps))};RadioInput.displayName="RadioInput",__webpack_exports__.a=RadioInput;try{RadioInput.displayName="RadioInput",RadioInput.__docgenInfo={description:"",displayName:"RadioInput",props:{label:{defaultValue:null,description:"The label for the input element.",name:"label",required:!0,type:{name:"ReactNode"}},labelClassName:{defaultValue:null,description:"Optional class(es) to pass to the label element.",name:"labelClassName",required:!1,type:{name:"string"}},inline:{defaultValue:null,description:"Ensures the input and the label text are properly aligned with other inline text.",name:"inline",required:!1,type:{name:"boolean"}},indeterminate:{defaultValue:null,description:"Whether the input element should display in indeterminate state.",name:"indeterminate",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/RadioInput/RadioInput.tsx#RadioInput"]={docgenInfo:RadioInput.__docgenInfo,name:"RadioInput",path:"src/components/RadioInput/RadioInput.tsx#RadioInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Row/Row.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_Row__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Row/Row.tsx"),_excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var componentMeta={title:"Row",component:_Row__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:{children:{control:{type:"text"}}},includeStories:["defaultStory"]},mdxStoryNameToKey={Default:"defaultStory"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Row/Row.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Row=function Row(_ref){var children=_ref.children,className=_ref.className,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_4___default()(className,"row")},props,{children:children}))};Row.displayName="Row",__webpack_exports__.a=Row;try{Row.displayName="Row",Row.__docgenInfo={description:"",displayName:"Row",props:{children:{defaultValue:null,description:"The content of the row.",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the wrapping div element.",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Row/Row.tsx#Row"]={docgenInfo:Row.__docgenInfo,name:"Row",path:"src/components/Row/Row.tsx#Row"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Row/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";var _Row__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/Row/Row.tsx");__webpack_require__.d(__webpack_exports__,"a",(function(){return _Row__WEBPACK_IMPORTED_MODULE_0__.a}))},"./src/components/SearchAndFilter/SearchAndFilter.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return SearchAndFilter_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"withDataSet",(function(){return withDataSet})),__webpack_require__.d(__webpack_exports__,"withExistingSearchData",(function(){return withExistingSearchData}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),prop_types=(__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),Chip=(__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("./src/components/Chip/Chip.tsx")),overflowingChipsCount=function overflowingChipsCount(chips,overflowRowLimit){var overflowChips=0;return chips&&chips.forEach((function(chip){chip.offsetTop>chip.offsetHeight*overflowRowLimit&&overflowChips++})),overflowChips},isChipInArray=function isChipInArray(chip,existingArr){return null==existingArr?void 0:existingArr.some((function(searchDataItem){return searchDataItem.lead===chip.lead&&searchDataItem.value===chip.value}))};try{overflowingChipsCount.displayName="overflowingChipsCount",overflowingChipsCount.__docgenInfo={description:"Return number of overflowing chips given a row threshold",displayName:"overflowingChipsCount",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SearchAndFilter/utils.tsx#overflowingChipsCount"]={docgenInfo:overflowingChipsCount.__docgenInfo,name:"overflowingChipsCount",path:"src/components/SearchAndFilter/utils.tsx#overflowingChipsCount"})}catch(__react_docgen_typescript_loader_error){}try{isChipInArray.displayName="isChipInArray",isChipInArray.__docgenInfo={description:"Check if supplied chip object already exists in searchData prop",displayName:"isChipInArray",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SearchAndFilter/utils.tsx#isChipInArray"]={docgenInfo:isChipInArray.__docgenInfo,name:"isChipInArray",path:"src/components/SearchAndFilter/utils.tsx#isChipInArray"})}catch(__react_docgen_typescript_loader_error){}var utils=__webpack_require__("./src/utils.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&Object(jsx_runtime.jsx)("h3",{className:"p-filter-panel-section__heading",dangerouslySetInnerHTML:{__html:Object(utils.b)(heading,searchTerm).text}}),Object(jsx_runtime.jsxs)("div",{className:"p-filter-panel-section__chips","aria-expanded":expanded,ref:chipWrapper,children:[null==chips?void 0:chips.map((function(chip){return(Object(utils.b)(chip.value,searchTerm).match||""===searchTerm||Object(utils.b)(heading,searchTerm).match)&&!sectionHidden&&Object(jsx_runtime.jsx)(Chip.a,{lead:chip.lead,value:chip.value,selected:isChipInArray(chip,searchData),subString:searchTerm,onClick:function onClick(){return function handleChipClick(chip){toggleSelected(chip)}(chip)}},chip.lead+"+"+chip.value)})),overflowCounter>0&&!expanded&&Object(jsx_runtime.jsxs)("span",{className:"p-filter-panel-section__counter",onClick:showAllChips,onKeyPress:showAllChips,tabIndex:0,children:["+",overflowCounter]})]})]})})};FilterPanelSection_FilterPanelSection.propTypes={searchData:prop_types_default.a.array.isRequired,searchTerm:prop_types_default.a.string.isRequired,sectionHidden:prop_types_default.a.bool,toggleSelected:prop_types_default.a.func.isRequired};var SearchAndFilter_FilterPanelSection_FilterPanelSection=FilterPanelSection_FilterPanelSection;try{FilterPanelSection_FilterPanelSection.displayName="FilterPanelSection",FilterPanelSection_FilterPanelSection.__docgenInfo={description:"",displayName:"FilterPanelSection",props:{data:{defaultValue:null,description:"The chip data to display in the panel.",name:"data",required:!0,type:{name:"SearchAndFilterData"}},searchData:{defaultValue:null,description:"The current search chips.",name:"searchData",required:!0,type:{name:"SearchAndFilterChip[]"}},searchTerm:{defaultValue:{value:""},description:"A search string.",name:"searchTerm",required:!1,type:{name:"string"}},sectionHidden:{defaultValue:null,description:"Whether the chips should be hidden.",name:"sectionHidden",required:!1,type:{name:"boolean"}},toggleSelected:{defaultValue:null,description:"A function to toggle whether a chip is selected.",name:"toggleSelected",required:!0,type:{name:"(chip: SearchAndFilterChip) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SearchAndFilter/FilterPanelSection/FilterPanelSection.tsx#FilterPanelSection"]={docgenInfo:FilterPanelSection_FilterPanelSection.__docgenInfo,name:"FilterPanelSection",path:"src/components/SearchAndFilter/FilterPanelSection/FilterPanelSection.tsx#FilterPanelSection"})}catch(__react_docgen_typescript_loader_error){}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return SearchAndFilter_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||SearchAndFilter_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function SearchAndFilter_slicedToArray(arr,i){return function SearchAndFilter_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function SearchAndFilter_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||SearchAndFilter_unsupportedIterableToArray(arr,i)||function SearchAndFilter_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function SearchAndFilter_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return SearchAndFilter_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?SearchAndFilter_arrayLikeToArray(o,minLen):void 0}}function SearchAndFilter_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);isearchContainer.offsetHeight&&setSearchBoxExpanded(!0);var placeholder=searchData.length?"Add filter":"Search and filter";return Object(jsx_runtime.jsxs)("div",{className:"p-search-and-filter",ref:searchAndFilterRef,onClick:function onClick(){return filterPanelHidden&&setFilterPanelHidden(!1)},children:[Object(jsx_runtime.jsxs)("div",{className:"p-search-and-filter__search-container","aria-expanded":searchBoxExpanded,"data-active":searchContainerActive||0===searchData.length,"data-empty":searchData.length<=0,ref:searchContainerRef,children:[""!==searchTerm&&Object(jsx_runtime.jsx)("button",{className:"p-search-and-filter__clear",onClick:function onClick(){return function clearAllSearchTerms(){setSearchTerm("")}()},children:Object(jsx_runtime.jsx)("i",{className:"p-icon--close"})}),Object.values(searchData).map((function(chip){return Object(jsx_runtime.jsx)(Chip.a,{lead:chip.lead,value:chip.value,onDismiss:function onDismiss(){return function removeFromSelected(chip){if(searchData.includes(chip)){var updatedSelected=searchData.filter((function(searchDataChip){return searchDataChip!==chip}));setSearchData(updatedSelected)}}(chip)},selected:!0,quoteValue:chip.quoteValue},"search-"+chip.lead+"+"+chip.value)})),Object(jsx_runtime.jsxs)("form",{className:"p-search-and-filter__box",onSubmit:function onSubmit(e){e.preventDefault(),handleSubmit()},"data-overflowing":searchBoxExpanded,ref:searchBoxRef,children:[Object(jsx_runtime.jsx)("label",{className:"u-off-screen",htmlFor:"search-and-filter-input",children:searchData.length?"Add filter":"Search and filter"}),Object(jsx_runtime.jsx)("input",{autoComplete:"off",className:"p-search-and-filter__input",id:"search-and-filter-input",name:"search",onChange:function onChange(e){return function searchOnChange(searchTerm){setSearchTerm(searchTerm)}(e.target.value)},placeholder:placeholder,type:"search",value:searchTerm}),Object(jsx_runtime.jsx)("button",{className:"u-off-screen",type:"submit",children:"Search"})]}),overflowSearchTermCounter>0&&Object(jsx_runtime.jsxs)("span",{className:"p-search-and-filter__selected-count",onClick:function onClick(){return setSearchBoxExpanded(!0)},onKeyDown:function onKeyDown(){return setSearchBoxExpanded(!0)},role:"button",tabIndex:0,children:["+",overflowSearchTermCounter]})]}),(filterPanelData.length>0||searchTerm.length>0)&&Object(jsx_runtime.jsx)("div",{className:"p-search-and-filter__panel","aria-hidden":filterPanelHidden,children:Object(jsx_runtime.jsxs)("div",{children:[searchTerm.length>0&&Object(jsx_runtime.jsxs)("div",{className:"p-search-and-filter__search-prompt",onClick:function onClick(){return handleSubmit()},onKeyDown:function onKeyDown(e){return function searchPromptKeyDown(e){"Enter"===e.key&&handleSubmit()}(e)},role:"button",tabIndex:0,children:["Search for"," ",Object(jsx_runtime.jsx)("span",{className:"p-search-and-filter__search-query",children:searchTerm}),"..."]}),filterPanelData.map((function(filterPanelSectionData){return Object(jsx_runtime.jsx)(SearchAndFilter_FilterPanelSection_FilterPanelSection,{data:filterPanelSectionData,toggleSelected:toggleSelected,searchData:searchData,searchTerm:searchTerm},filterPanelSectionData.id)}))]})})]})};SearchAndFilter_SearchAndFilter.displayName="SearchAndFilter",SearchAndFilter_SearchAndFilter.propTypes={existingSearchData:prop_types_default.a.array,filterPanelData:prop_types_default.a.array.isRequired,returnSearchData:prop_types_default.a.func.isRequired};var components_SearchAndFilter_SearchAndFilter=SearchAndFilter_SearchAndFilter;try{SearchAndFilter_SearchAndFilter.displayName="SearchAndFilter",SearchAndFilter_SearchAndFilter.__docgenInfo={description:"",displayName:"SearchAndFilter",props:{existingSearchData:{defaultValue:{value:"[]"},description:"A list of chips to initialise inside the input.",name:"existingSearchData",required:!1,type:{name:"SearchAndFilterChip[]"}},filterPanelData:{defaultValue:null,description:"The data for the filter panel.",name:"filterPanelData",required:!0,type:{name:"SearchAndFilterData[]"}},returnSearchData:{defaultValue:null,description:"A function that is called when the search data changes.",name:"returnSearchData",required:!0,type:{name:"(searchData: SearchAndFilterChip[]) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SearchAndFilter/SearchAndFilter.tsx#SearchAndFilter"]={docgenInfo:SearchAndFilter_SearchAndFilter.__docgenInfo,name:"SearchAndFilter",path:"src/components/SearchAndFilter/SearchAndFilter.tsx#SearchAndFilter"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var withDataSet=SearchAndFilter_stories_Template.bind({});withDataSet.storyName="With data set",withDataSet.args={filterPanelData:[{id:0,heading:"Cloud",chips:[{lead:"Cloud",value:"Google"},{lead:"Cloud",value:"AWS"},{lead:"Cloud",value:"Azure"}]},{id:1,heading:"Region",chips:[{lead:"Region",value:"us-east1"},{lead:"Region",value:"us-north2"},{lead:"Region",value:"us-south3"},{lead:"Region",value:"us-north4"},{lead:"Region",value:"us-east5"},{lead:"Region",value:"us-south6"},{lead:"Region",value:"us-east7"},{lead:"Region",value:"us-east8"},{lead:"Region",value:"us-east9"},{lead:"Region",value:"us-east10"}]},{id:2,heading:"Owner",chips:[{lead:"Owner",value:"foo"},{lead:"Owner",value:"bar"},{lead:"Owner",value:"baz"}]}],returnSearchData:function returnSearchData(){}},withDataSet.parameters={storySource:{source:"args => "}};var withExistingSearchData=SearchAndFilter_stories_Template.bind({});withExistingSearchData.storyName="With existing search data",withExistingSearchData.args={existingSearchData:[{lead:"Cloud",value:"Google"}],filterPanelData:[{id:0,heading:"Cloud",chips:[{lead:"Cloud",value:"Google"},{lead:"Cloud",value:"AWS"},{lead:"Cloud",value:"Azure"}]},{id:1,heading:"Region",chips:[{lead:"Region",value:"us-east1"},{lead:"Region",value:"us-north2"},{lead:"Region",value:"us-south3"},{lead:"Region",value:"us-north4"},{lead:"Region",value:"us-east5"},{lead:"Region",value:"us-south6"},{lead:"Region",value:"us-east7"},{lead:"Region",value:"us-east8"},{lead:"Region",value:"us-east9"},{lead:"Region",value:"us-east10"}]},{id:2,heading:"Owner",chips:[{lead:"Owner",value:"foo"},{lead:"Owner",value:"bar"},{lead:"Owner",value:"baz"}]}],returnSearchData:function returnSearchData(){}},withExistingSearchData.parameters={storySource:{source:"args => "}};var componentMeta={title:"Search and Filter",component:components_SearchAndFilter_SearchAndFilter,includeStories:["defaultStory","withDataSet","withExistingSearchData"]},mdxStoryNameToKey={Default:"defaultStory","With data set":"withDataSet","With existing search data":"withExistingSearchData"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/SearchBox/SearchBox.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return SearchBox_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return SearchBox_stories_disabled})),__webpack_require__.d(__webpack_exports__,"externalState",(function(){return SearchBox_stories_externalState})),__webpack_require__.d(__webpack_exports__,"navigation",(function(){return SearchBox_stories_navigation}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Icon=__webpack_require__("./src/components/Icon/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["autocomplete","className","disabled","externallyControlled","onChange","onSearch","placeholder","value"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var SearchBox_SearchBox=function SearchBox(_ref){var _ref$autocomplete=_ref.autocomplete,autocomplete=void 0===_ref$autocomplete?"on":_ref$autocomplete,className=_ref.className,disabled=_ref.disabled,externallyControlled=_ref.externallyControlled,_onChange=_ref.onChange,onSearch=_ref.onSearch,_ref$placeholder=_ref.placeholder,placeholder=void 0===_ref$placeholder?"Search":_ref$placeholder,value=_ref.value,props=_objectWithoutProperties(_ref,_excluded),input=react_default.a.createRef();return Object(jsx_runtime.jsxs)("div",{className:classnames_default()("p-search-box",className),children:[Object(jsx_runtime.jsx)("label",{className:"u-off-screen",htmlFor:"search",children:placeholder||"Search"}),Object(jsx_runtime.jsx)("input",Object.assign({autoComplete:autocomplete,className:"p-search-box__input",disabled:disabled,id:"search",name:"search",onChange:function onChange(evt){return _onChange(evt.target.value)},placeholder:placeholder,ref:input,type:"search",defaultValue:externallyControlled?void 0:value,value:externallyControlled?value:void 0},props)),value&&Object(jsx_runtime.jsx)("button",{className:"p-search-box__reset",disabled:disabled,onClick:function resetInput(){_onChange&&_onChange(""),input.current&&(input.current.value="")},type:"reset",children:Object(jsx_runtime.jsx)(Icon.b,{name:"close",children:"Clear search field"})}),Object(jsx_runtime.jsx)("button",{className:"p-search-box__button",disabled:disabled,onClick:function triggerSearch(){onSearch&&onSearch()},children:Object(jsx_runtime.jsx)(Icon.b,{name:"search",children:"Search"})})]})};SearchBox_SearchBox.displayName="SearchBox",SearchBox_SearchBox.displayName="SearchBox";var components_SearchBox_SearchBox=SearchBox_SearchBox;try{SearchBox_SearchBox.displayName="SearchBox",SearchBox_SearchBox.__docgenInfo={description:"",displayName:"SearchBox",props:{autocomplete:{defaultValue:{value:"on"},description:"Whether autocomplete should be enabled for the search input.",name:"autocomplete",required:!1,type:{name:"enum",value:[{value:'"on"'},{value:'"off"'}]}},className:{defaultValue:null,description:"Optional classes to pass to the form element.",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:null,description:"Whether the input and buttons should be disabled.",name:"disabled",required:!1,type:{name:"boolean"}},externallyControlled:{defaultValue:null,description:"Whether the input value will be controlled via external state.",name:"externallyControlled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"A function that will be called when the input value changes.",name:"onChange",required:!1,type:{name:"(inputValue: string) => void"}},onSearch:{defaultValue:null,description:"A function that is called when the user clicks the search icon",name:"onSearch",required:!1,type:{name:"() => void"}},placeholder:{defaultValue:{value:"Search"},description:"A search input placeholder message.",name:"placeholder",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"The value of the search input when the state is externally controlled.",name:"value",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SearchBox/SearchBox.tsx#SearchBox"]={docgenInfo:SearchBox_SearchBox.__docgenInfo,name:"SearchBox",path:"src/components/SearchBox/SearchBox.tsx#SearchBox"})}catch(__react_docgen_typescript_loader_error){}var SearchBox_stories_excluded=["components"];function SearchBox_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function SearchBox_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var SearchBox_stories_disabled=function disabled(){return Object(esm.b)(components_SearchBox_SearchBox,{disabled:!0})};SearchBox_stories_disabled.displayName="disabled",SearchBox_stories_disabled.storyName="Disabled",SearchBox_stories_disabled.parameters={storySource:{source:""}};var SearchBox_stories_externalState=function externalState(){return Object(esm.b)(components_SearchBox_SearchBox,{externallyControlled:!0,onChange:function onChange(){},value:"..."})};SearchBox_stories_externalState.displayName="externalState",SearchBox_stories_externalState.storyName="External state",SearchBox_stories_externalState.parameters={storySource:{source:' {}} value="..." />'}};var SearchBox_stories_navigation=function navigation(){return Object(esm.b)("header",{id:"navigation",className:"p-navigation"},Object(esm.b)("div",{className:"p-navigation__row--full-width"},Object(esm.b)("div",{className:"p-navigation__banner"},Object(esm.b)("div",{className:"p-navigation__logo"},Object(esm.b)("a",{className:"p-navigation__item",href:"#"},Object(esm.b)("img",{className:"p-navigation__image",src:"https://assets.ubuntu.com/v1/5d6da5c4-logo-canonical-aubergine.svg",alt:"",width:"95"}))),Object(esm.b)("a",{href:"#navigation",className:"p-navigation__toggle--open",title:"menu"},"Menu"),Object(esm.b)("a",{href:"#navigation-closed",className:"p-navigation__toggle--close",title:"close menu"},"Close menu")),Object(esm.b)("nav",{className:"p-navigation__nav"},Object(esm.b)("span",{className:"u-off-screen"},Object(esm.b)("a",{href:"#main-content"},"Jump to main content")),Object(esm.b)("ul",{className:"p-navigation__items",role:"menu"},Object(esm.b)("li",{className:"p-navigation__item",role:"menuitem"},Object(esm.b)("a",{href:"#",class:"p-navigation__link"},"Products")),Object(esm.b)("li",{className:"p-navigation__item",role:"menuitem"},Object(esm.b)("a",{href:"#",class:"p-navigation__link"},"Services")),Object(esm.b)("li",{className:"p-navigation__item",role:"menuitem"},Object(esm.b)("a",{href:"#",class:"p-navigation__link"},"Partners")),Object(esm.b)("li",{className:"p-navigation__item",role:"menuitem"},Object(esm.b)("a",{href:"#",class:"p-navigation__link"},"About")),Object(esm.b)("li",{className:"p-navigation__item",role:"menuitem"},Object(esm.b)("a",{href:"#",class:"p-navigation__link"},"Partners"))),Object(esm.b)(components_SearchBox_SearchBox,null))))};SearchBox_stories_navigation.displayName="navigation",SearchBox_stories_navigation.storyName="Navigation",SearchBox_stories_navigation.parameters={storySource:{source:''}};var componentMeta={title:"SearchBox",component:components_SearchBox_SearchBox,includeStories:["defaultStory","disabled","externalState","navigation"]},mdxStoryNameToKey={Default:"defaultStory",Disabled:"disabled","External state":"externalState",Navigation:"navigation"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Select/Select.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"select",(function(){return select})),__webpack_require__.d(__webpack_exports__,"selectMultiple",(function(){return selectMultiple}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_Select__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Select/Select.tsx"),_excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i '}};var componentMeta={title:"Select",component:_Select__WEBPACK_IMPORTED_MODULE_8__.a,argTypes:{caution:{control:{type:"text"}},error:{control:{type:"text"}},help:{control:{type:"text"}},label:{control:{type:"text"}},success:{control:{type:"text"}},id:{control:{disable:!0}},options:{control:{disable:!0}}},includeStories:["select","selectMultiple"]},mdxStoryNameToKey={Select:"select","Select multiple":"selectMultiple"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Select/Select.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_5__),react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),_Field__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Field/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","value"],_excluded2=["caution","className","error","help","id","label","labelClassName","onChange","options","required","stacked","success","takeFocus","wrapperClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var generateOptions=function generateOptions(options){return null==options?void 0:options.map((function(_ref){var label=_ref.label,value=_ref.value,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("option",Object.assign({value:value},props,{children:label}),""+value||label)}))},Select=function Select(_ref2){var caution=_ref2.caution,className=_ref2.className,error=_ref2.error,help=_ref2.help,id=_ref2.id,label=_ref2.label,labelClassName=_ref2.labelClassName,_onChange=_ref2.onChange,options=_ref2.options,required=_ref2.required,stacked=_ref2.stacked,success=_ref2.success,takeFocus=_ref2.takeFocus,wrapperClassName=_ref2.wrapperClassName,selectProps=_objectWithoutProperties(_ref2,_excluded2),selectRef=Object(react__WEBPACK_IMPORTED_MODULE_6__.useRef)(null);return Object(react__WEBPACK_IMPORTED_MODULE_6__.useEffect)((function(){takeFocus&&selectRef.current.focus()}),[takeFocus]),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Field__WEBPACK_IMPORTED_MODULE_7__.a,{caution:caution,className:wrapperClassName,error:error,forId:id,help:help,isSelect:!0,label:label,labelClassName:labelClassName,required:required,stacked:stacked,success:success,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("select",Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_5___default()("p-form-validation__input",className),id:id,onChange:function onChange(evt){return _onChange&&_onChange(evt)},ref:selectRef},selectProps,{children:generateOptions(options)}))})};Select.displayName="Select",__webpack_exports__.a=Select;try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{caution:{defaultValue:null,description:"The content for caution validation.",name:"caution",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the input element.",name:"className",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"The content for error validation.",name:"error",required:!1,type:{name:"ReactNode"}},help:{defaultValue:null,description:"Help text to show below the field.",name:"help",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The id of the input.",name:"id",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The label for the field.",name:"label",required:!1,type:{name:"ReactNode"}},labelClassName:{defaultValue:null,description:"Optional class(es) to pass to the label component.",name:"labelClassName",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Function to run when select value changes.",name:"onChange",required:!1,type:{name:"ChangeEventHandler"}},options:{defaultValue:null,description:"Array of options that the select can choose from.",name:"options",required:!1,type:{name:"Option[]"}},required:{defaultValue:null,description:"Whether the field is required.",name:"required",required:!1,type:{name:"boolean"}},stacked:{defaultValue:null,description:"Whether the form field should have a stacked appearance.",name:"stacked",required:!1,type:{name:"boolean"}},success:{defaultValue:null,description:"The content for success validation.",name:"success",required:!1,type:{name:"ReactNode"}},takeFocus:{defaultValue:null,description:"Whether to focus on the input on initial render.",name:"takeFocus",required:!1,type:{name:"boolean"}},wrapperClassName:{defaultValue:null,description:"Optional class(es) to pass to the wrapping Field component",name:"wrapperClassName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Select/Select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/Select/Select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Slider/Slider.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Slider_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"withInput",(function(){return withInput}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),Field=(__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("./src/components/Field/index.ts")),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["caution","disabled","error","help","id","inputDisabled","label","max","min","onChange","required","showInput"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Slider_Slider=function Slider(_ref){var _navigator,_navigator$userAgent,caution=_ref.caution,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,error=_ref.error,help=_ref.help,id=_ref.id,_ref$inputDisabled=_ref.inputDisabled,inputDisabled=void 0!==_ref$inputDisabled&&_ref$inputDisabled,label=_ref.label,max=_ref.max,min=_ref.min,onChange=_ref.onChange,_ref$required=_ref.required,required=void 0!==_ref$required&&_ref$required,_ref$showInput=_ref.showInput,showInput=void 0!==_ref$showInput&&_ref$showInput,inputProps=_objectWithoutProperties(_ref,_excluded),style={};if(null!==(_navigator=navigator)&&void 0!==_navigator&&null!==(_navigator$userAgent=_navigator.userAgent)&&void 0!==_navigator$userAgent&&_navigator$userAgent.includes("AppleWebKit")){var val=inputProps.value||inputProps.defaultValue,filledPercentage=(Number(val)-min)/(max-min)*100+"%";style={background:"linear-gradient(\n to right,\n #0066CC 0%,\n #0066CC "+filledPercentage+",\n #D9D9D9 "+filledPercentage+",\n #D9D9D9 100%\n )"}}return Object(jsx_runtime.jsx)(Field.a,{caution:caution,error:error,help:help,label:label,required:required,children:Object(jsx_runtime.jsxs)("div",{className:"p-slider__wrapper",children:[Object(jsx_runtime.jsx)("input",Object.assign({disabled:disabled,id:id,max:max,min:min,onChange:onChange,required:required,style:style,type:"range"},inputProps)),showInput&&Object(jsx_runtime.jsx)("input",Object.assign({className:"p-slider__input",disabled:disabled||inputDisabled,max:max,min:min,onChange:onChange,type:"number"},inputProps))]})})};Slider_Slider.displayName="Slider";var components_Slider_Slider=Slider_Slider;try{Slider_Slider.displayName="Slider",Slider_Slider.__docgenInfo={description:"",displayName:"Slider",props:{caution:{defaultValue:null,description:"Field caution message.",name:"caution",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"Whether to disable the slider and input (if showInput is true).",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:null,description:"Field error message.",name:"error",required:!1,type:{name:"ReactNode"}},help:{defaultValue:null,description:"Field help message.",name:"help",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"Field id. Only passed to range input, not to number input.",name:"id",required:!1,type:{name:"string"}},inputDisabled:{defaultValue:{value:"false"},description:"Whether to disable only the input, but not the slider.",name:"inputDisabled",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"Field label.",name:"label",required:!1,type:{name:"ReactNode"}},max:{defaultValue:null,description:"Maximum value of the slider.",name:"max",required:!0,type:{name:"number"}},min:{defaultValue:null,description:"Minimum value of the slider.",name:"min",required:!0,type:{name:"number"}},onChange:{defaultValue:null,description:"Change event handler.",name:"onChange",required:!0,type:{name:"ChangeEventHandler"}},required:{defaultValue:{value:"false"},description:"Whether the field is required for the form to submit.",name:"required",required:!1,type:{name:"boolean"}},showInput:{defaultValue:{value:"false"},description:"Whether to show a number input with the numerical value next to the slider.",name:"showInput",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Slider/Slider.tsx#Slider"]={docgenInfo:Slider_Slider.__docgenInfo,name:"Slider",path:"src/components/Slider/Slider.tsx#Slider"})}catch(__react_docgen_typescript_loader_error){}var Slider_stories_excluded=["components"];function Slider_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function Slider_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i {\n const [selectedValue, setSelectedValue] = useState(50);\n return setSelectedValue(e.target.value)} value={selectedValue} />;\n}"}};var withInput=Slider_stories_Template.bind({});withInput.storyName="With input",withInput.args={disabled:!1,inputDisabled:!1,label:"Volume",max:100,min:0,showInput:!0},withInput.parameters={storySource:{source:"args => {\n const [selectedValue, setSelectedValue] = useState(50);\n return setSelectedValue(e.target.value)} value={selectedValue} />;\n}"}};var componentMeta={title:"Slider",component:components_Slider_Slider,argTypes:{caution:{control:{type:"text"}},error:{control:{type:"text"}},help:{control:{type:"text"}},label:{control:{type:"text"}}},includeStories:["defaultStory","withInput"]},mdxStoryNameToKey={Default:"defaultStory","With input":"withInput"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Spinner/Spinner.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"text",(function(){return text})),__webpack_require__.d(__webpack_exports__,"assertive",(function(){return assertive}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_Spinner__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Spinner/Spinner.tsx"),_excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var text=Template.bind({});text.storyName="Text",text.args={text:"Loading..."},text.parameters={storySource:{source:"args => "}};var assertive=Template.bind({});assertive.storyName="Assertive",assertive.args={ariaLive:"assertive"},assertive.parameters={storySource:{source:"args => "}};var componentMeta={title:"Spinner",component:_Spinner__WEBPACK_IMPORTED_MODULE_8__.a,includeStories:["defaultStory","text","assertive"]},mdxStoryNameToKey={Default:"defaultStory",Text:"text",Assertive:"assertive"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Spinner/Spinner.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js");var prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__),classnames__WEBPACK_IMPORTED_MODULE_6__=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["className","text","isLight","ariaLive","role"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Spinner=function Spinner(_ref){var className=_ref.className,text=_ref.text,_ref$isLight=_ref.isLight,isLight=void 0!==_ref$isLight&&_ref$isLight,_ref$ariaLive=_ref.ariaLive,ariaLive=void 0===_ref$ariaLive?"polite":_ref$ariaLive,_ref$role=_ref.role,role=void 0===_ref$role?"alert":_ref$role,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("span",Object.assign({},props,{className:classnames__WEBPACK_IMPORTED_MODULE_6___default()(className,"p-text--default"),role:role,"aria-live":ariaLive,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("i",{className:classnames__WEBPACK_IMPORTED_MODULE_6___default()("p-icon--spinner","u-animation--spin",{"is-light":isLight}),children:text?"":"Loading"}),text&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment,{children:[" ",Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span",{children:text})]})]}))};Spinner.displayName="Spinner",Spinner.propTypes={isLight:prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.bool,text:prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string,role:prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.string,ariaLive:prop_types__WEBPACK_IMPORTED_MODULE_3___default.a.oneOf(["assertive","off","polite"])},__webpack_exports__.a=Spinner;try{Spinner.displayName="Spinner",Spinner.__docgenInfo={description:"",displayName:"Spinner",props:{className:{defaultValue:null,description:"Optional class(es) to pass to the wrapping span element.",name:"className",required:!1,type:{name:"string"}},isLight:{defaultValue:{value:"false"},description:"Whether the spinner should have a light appearance.",name:"isLight",required:!1,type:{name:"boolean"}},text:{defaultValue:null,description:"Text to display next to the spinner.",name:"text",required:!1,type:{name:"string"}},role:{defaultValue:{value:"alert"},description:"What the role of the spinner should be.",name:"role",required:!1,type:{name:"string & AriaRole"}},ariaLive:{defaultValue:{value:"polite"},description:"The politeness setting of the spinner alert.",name:"ariaLive",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"assertive"'},{value:'"polite"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Spinner/Spinner.tsx#Spinner"]={docgenInfo:Spinner.__docgenInfo,name:"Spinner",path:"src/components/Spinner/Spinner.tsx#Spinner"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Strip/Strip.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"lightStrip",(function(){return lightStrip})),__webpack_require__.d(__webpack_exports__,"darkStrip",(function(){return darkStrip})),__webpack_require__.d(__webpack_exports__,"accentStrip",(function(){return accentStrip})),__webpack_require__.d(__webpack_exports__,"imageStrip",(function(){return imageStrip})),__webpack_require__.d(__webpack_exports__,"borderedStrip",(function(){return borderedStrip})),__webpack_require__.d(__webpack_exports__,"deepStrip",(function(){return deepStrip})),__webpack_require__.d(__webpack_exports__,"shallowStrip",(function(){return shallowStrip}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_Col__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Col/index.ts"),_Row__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Row/index.ts"),_Strip__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Strip/Strip.tsx"),_excluded=["components"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var darkStrip=function darkStrip(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Strip__WEBPACK_IMPORTED_MODULE_10__.a,{type:"dark"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"This is a dark row"))};darkStrip.displayName="darkStrip",darkStrip.storyName="Dark strip",darkStrip.parameters={storySource:{source:'\n

    This is a dark row

    \n     '}};var accentStrip=function accentStrip(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Strip__WEBPACK_IMPORTED_MODULE_10__.a,{type:"accent",element:"section",includeCol:!1},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:8},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Still running Ubuntu 14.04 LTS?"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Learn how to maintain ongoing security compliance for your Ubuntu 14.04 LTS systems.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:4},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("img",{src:"https://assets.ubuntu.com/v1/2217d1c8-Security.svg",alt:"Placeholder"})))};accentStrip.displayName="accentStrip",accentStrip.storyName="Accent strip",accentStrip.parameters={storySource:{source:'\n \n

    Still running Ubuntu 14.04 LTS?

    \n

    \n Learn how to maintain ongoing security compliance for your Ubuntu\n 14.04 LTS systems.\n

    \n \n \n Placeholder\n \n     '}};var imageStrip=function imageStrip(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(react__WEBPACK_IMPORTED_MODULE_4___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Strip__WEBPACK_IMPORTED_MODULE_10__.a,{background:"https://assets.ubuntu.com/sites/ubuntu/latest/u/img/backgrounds/image-background-paper.png",includeCol:!1,element:"section",light:!0,rowClassName:"u-vertically-center",type:"image"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:8},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"Get started with big software, fast"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"conjure-up lets you summon up a big-software stack as a “spell” — a model of the stack, combined with extra know-how to get you from an installed stack to a fully usable one. Start using your big software instead of learning how to deploy it.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:4,className:"u-hide--small u-align--center"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("img",{src:"https://assets.ubuntu.com/v1/1abb8716-conjure-up-illustration.svg",alt:"Placeholder"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Strip__WEBPACK_IMPORTED_MODULE_10__.a,{background:"https://assets.ubuntu.com/v1/9b68976e-Aubergine_suru_background_2.png",dark:!0,includeCol:!1,element:"section",type:"image"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Row__WEBPACK_IMPORTED_MODULE_9__.a,{className:"u-vertically-center"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:8},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"We are Canonical"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"It is our mission to make open source software available to people everywhere. We believe the best way to fuel innovation is to give the innovators the technology they need.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:4,className:"u-hide--small u-align--center"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("img",{src:"https://assets.ubuntu.com/v1/9c74eb2d-logo-canonical-white.svg",alt:"Placeholder"})))))};imageStrip.storyName="Image strip",imageStrip.parameters={storySource:{source:'<>\n \n \n

    Get started with big software, fast

    \n

    \n conjure-up lets you summon up a big-software stack as a “spell” — a\n model of the stack, combined with extra know-how to get you from an\n installed stack to a fully usable one. Start using your big software\n instead of learning how to deploy it.\n

    \n \n \n Placeholder\n \n     \n \n \n \n

    We are Canonical

    \n

    \n It is our mission to make open source software available to people\n everywhere. We believe the best way to fuel innovation is to give\n the innovators the technology they need.\n

    \n \n \n Placeholder\n \n     \n     \n '}};var borderedStrip=function borderedStrip(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Strip__WEBPACK_IMPORTED_MODULE_10__.a,{bordered:!0,colSize:8,element:"section"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"The node lifecycle"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Each machine (“node”) managed by MAAS goes through a lifecycle — from its enlistment or onboarding to MAAS, through commissioning when we inventory and can setup firmware or other hardware-specific elements, then allocation to a user and deployment, and finally they are released back to the pool or retired altogether."))};borderedStrip.displayName="borderedStrip",borderedStrip.storyName="Bordered strip",borderedStrip.parameters={storySource:{source:'\n

    The node lifecycle

    \n

    \n Each machine (“node”) managed by MAAS goes through a lifecycle — from\n its enlistment or onboarding to MAAS, through commissioning when we\n inventory and can setup firmware or other hardware-specific elements,\n then allocation to a user and deployment, and finally they are released\n back to the pool or retired altogether.\n

    \n     '}};var deepStrip=function deepStrip(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Strip__WEBPACK_IMPORTED_MODULE_10__.a,{deep:!0,includeCol:!1,element:"section",type:"light",rowClassName:"u-vertically-center"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:8},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"The fastest way to go from development to production in IoT"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Learn about how Ubuntu Core and snaps can help you build your connected devices.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:4,className:"u-hide--small u-align--center"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("img",{src:"https://assets.ubuntu.com/v1/808a4e5b-iot.png?h=300",alt:"Placeholder"})))};deepStrip.displayName="deepStrip",deepStrip.storyName="Deep strip",deepStrip.parameters={storySource:{source:'\n \n

    The fastest way to go from development to production in IoT

    \n

    \n Learn about how Ubuntu Core and snaps can help you build your\n connected devices.\n

    \n \n \n Placeholder\n \n     '}};var shallowStrip=function shallowStrip(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Strip__WEBPACK_IMPORTED_MODULE_10__.a,{shallow:!0,includeCol:!1,element:"section",type:"light",rowClassName:"u-vertically-center"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:8},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"The fastest way to go from development to production in IoT"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Learn about how Ubuntu Core and snaps can help you build your connected devices.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_Col__WEBPACK_IMPORTED_MODULE_8__.a,{size:4,className:"u-hide--small u-align--center"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("img",{src:"https://assets.ubuntu.com/v1/808a4e5b-iot.png?h=300",alt:"Placeholder"})))};shallowStrip.displayName="shallowStrip",shallowStrip.storyName="Shallow strip",shallowStrip.parameters={storySource:{source:'\n \n

    The fastest way to go from development to production in IoT

    \n

    \n Learn about how Ubuntu Core and snaps can help you build your\n connected devices.\n

    \n \n \n Placeholder\n \n     '}};var componentMeta={title:"Strip",component:_Strip__WEBPACK_IMPORTED_MODULE_10__.a,argTypes:{children:{control:{disable:!0}}},includeStories:["lightStrip","darkStrip","accentStrip","imageStrip","borderedStrip","deepStrip","shallowStrip"]},mdxStoryNameToKey={"Light strip":"lightStrip","Dark strip":"darkStrip","Accent strip":"accentStrip","Image strip":"imageStrip","Bordered strip":"borderedStrip","Deep strip":"deepStrip","Shallow strip":"shallowStrip"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Strip/Strip.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__),_Col__WEBPACK_IMPORTED_MODULE_6__=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./src/components/Col/index.ts")),_Row__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Row/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["background","bordered","children","className","colSize","dark","deep","includeCol","element","light","rowClassName","shallow","type"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Strip=function Strip(_ref){var _classNames,background=_ref.background,_ref$bordered=_ref.bordered,bordered=void 0!==_ref$bordered&&_ref$bordered,children=_ref.children,className=_ref.className,_ref$colSize=_ref.colSize,colSize=void 0===_ref$colSize?12:_ref$colSize,_ref$dark=_ref.dark,dark=void 0!==_ref$dark&&_ref$dark,_ref$deep=_ref.deep,deep=void 0!==_ref$deep&&_ref$deep,_ref$includeCol=_ref.includeCol,includeCol=void 0===_ref$includeCol||_ref$includeCol,_ref$element=_ref.element,Component=void 0===_ref$element?"div":_ref$element,_ref$light=_ref.light,light=void 0!==_ref$light&&_ref$light,rowClassName=_ref.rowClassName,_ref$shallow=_ref.shallow,shallow=void 0!==_ref$shallow&&_ref$shallow,type=_ref.type,props=_objectWithoutProperties(_ref,_excluded);return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Component,Object.assign({className:classnames__WEBPACK_IMPORTED_MODULE_4___default()(className,(_classNames={},_classNames["p-strip--"+type]=!!type,_classNames["p-strip"]=!type,_classNames["is-bordered"]=bordered,_classNames["is-dark"]=dark,_classNames["is-deep"]=deep,_classNames["is-light"]=light,_classNames["is-shallow"]=shallow,_classNames)),style:background&&{backgroundImage:"url('"+background+"')"}},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Row__WEBPACK_IMPORTED_MODULE_7__.a,{className:rowClassName,children:includeCol?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Col__WEBPACK_IMPORTED_MODULE_6__.a,{size:colSize,children:children}):children})}))};Strip.displayName="Strip",__webpack_exports__.a=Strip;try{Strip.displayName="Strip",Strip.__docgenInfo={description:"",displayName:"Strip",props:{children:{defaultValue:null,description:"The content of the strip.",name:"children",required:!0,type:{name:"ReactNode"}},background:{defaultValue:null,description:"A background images for the strip.",name:"background",required:!1,type:{name:"string"}},bordered:{defaultValue:{value:"false"},description:"Whether the strip should display borders.",name:"bordered",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Optional classes for the strip.",name:"className",required:!1,type:{name:"string"}},colSize:{defaultValue:{value:"12"},description:"The width of the column if `includeCol` has been set.",name:"colSize",required:!1,type:{name:"enum",value:[{value:"3"},{value:"1"},{value:"2"},{value:"4"},{value:"5"},{value:"6"},{value:"7"},{value:"8"},{value:"9"},{value:"10"},{value:"11"},{value:"12"}]}},dark:{defaultValue:{value:"false"},description:"Whether the strip should be dark.",name:"dark",required:!1,type:{name:"boolean"}},deep:{defaultValue:{value:"false"},description:"Whether the strip should be deep.",name:"deep",required:!1,type:{name:"boolean"}},element:{defaultValue:null,description:"The base HTML element of the strip.",name:"element",required:!1,type:{name:"ElementType"}},includeCol:{defaultValue:{value:"true"},description:"Whether the strip should wrap the content in a column.",name:"includeCol",required:!1,type:{name:"boolean"}},light:{defaultValue:{value:"false"},description:"Whether the strip should be light.",name:"light",required:!1,type:{name:"boolean"}},rowClassName:{defaultValue:null,description:"Optional classes to apply to the row.",name:"rowClassName",required:!1,type:{name:"string"}},shallow:{defaultValue:{value:"false"},description:"Whether the strip should be shallow.",name:"shallow",required:!1,type:{name:"boolean"}},type:{defaultValue:null,description:'The type of the strip (e.g. "accent" or "image").',name:"type",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Strip/Strip.tsx#Strip"]={docgenInfo:Strip.__docgenInfo,name:"Strip",path:"src/components/Strip/Strip.tsx#Strip"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/SummaryButton/SummaryButton.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"doNothing",(function(){return doNothing})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"actionOnly",(function(){return actionOnly})),__webpack_require__.d(__webpack_exports__,"summaryOnly",(function(){return summaryOnly})),__webpack_require__.d(__webpack_exports__,"loading",(function(){return loading}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_SummaryButton__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/SummaryButton/SummaryButton.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var doNothing=function doNothing(){},layoutProps={doNothing:doNothing};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.c,{title:"SummaryButton",component:_SummaryButton__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",{id:"summarybutton"},"SummaryButton"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"SummaryButton")," is a component to render a short summary with an action button. It's initial use case is a summary of table contents with action to load more items."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"props"},"Props"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.a,{of:_SummaryButton__WEBPACK_IMPORTED_MODULE_8__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"default"},"Default"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.f,{name:"Default",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_SummaryButton__WEBPACK_IMPORTED_MODULE_8__.a,{summary:"Showing 15 out of 100 items.",label:"Show more",onClick:doNothing,mdxType:"SummaryButton"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"action-only"},"Action only"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Summary text is optional."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.f,{name:"Action only",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_SummaryButton__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Show more items",onClick:doNothing,mdxType:"SummaryButton"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"summary-only"},"Summary only"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"Action is optional as well. When ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"onClick")," prop is not provided component will render just the summary text."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.f,{name:"Summary only",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_SummaryButton__WEBPACK_IMPORTED_MODULE_8__.a,{summary:"Showing 100 out of 100 items.",label:"Show more items",mdxType:"SummaryButton"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h3",{id:"loading"},"Loading"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"When data is loaded asynchronusly ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"isLoading")," prop should be set to ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"true")," to shows a spinner animation in place of the action button."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.b,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_7__.f,{name:"Loading",mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_SummaryButton__WEBPACK_IMPORTED_MODULE_8__.a,{summary:"Showing 15 out of 100 items.",label:"Show more",isLoading:!0,onClick:doNothing,mdxType:"SummaryButton"}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var defaultStory=function defaultStory(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_SummaryButton__WEBPACK_IMPORTED_MODULE_8__.a,{summary:"Showing 15 out of 100 items.",label:"Show more",onClick:doNothing})};defaultStory.displayName="defaultStory",defaultStory.storyName="Default",defaultStory.parameters={storySource:{source:''}};var actionOnly=function actionOnly(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_SummaryButton__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Show more items",onClick:doNothing})};actionOnly.displayName="actionOnly",actionOnly.storyName="Action only",actionOnly.parameters={storySource:{source:''}};var summaryOnly=function summaryOnly(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_SummaryButton__WEBPACK_IMPORTED_MODULE_8__.a,{summary:"Showing 100 out of 100 items.",label:"Show more items"})};summaryOnly.displayName="summaryOnly",summaryOnly.storyName="Summary only",summaryOnly.parameters={storySource:{source:''}};var loading=function loading(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_SummaryButton__WEBPACK_IMPORTED_MODULE_8__.a,{summary:"Showing 15 out of 100 items.",label:"Show more",isLoading:!0,onClick:doNothing})};loading.displayName="loading",loading.storyName="Loading",loading.parameters={storySource:{source:''}};var componentMeta={title:"SummaryButton",component:_SummaryButton__WEBPACK_IMPORTED_MODULE_8__.a,includeStories:["defaultStory","actionOnly","summaryOnly","loading"]},mdxStoryNameToKey={Default:"defaultStory","Action only":"actionOnly","Summary only":"summaryOnly",Loading:"loading"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/SummaryButton/SummaryButton.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/react/index.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),ActionButton=__webpack_require__("./src/components/ActionButton/ActionButton.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),SummaryButton_SummaryButton=function SummaryButton(_ref){var className=_ref.className,isLoading=_ref.isLoading,summary=_ref.summary,label=_ref.label,onClick=_ref.onClick;return Object(jsx_runtime.jsxs)("small",{className:className,children:[summary&&Object(jsx_runtime.jsx)("span",{className:"u-text--muted",children:summary}),onClick&&Object(jsx_runtime.jsx)(ActionButton.a,{className:classnames_default()("is-small","is-dense",{"is-inline":summary}),onClick:onClick,loading:isLoading,disabled:isLoading,children:label})]})};SummaryButton_SummaryButton.displayName="SummaryButton";__webpack_exports__.a=SummaryButton_SummaryButton;try{SummaryButton_SummaryButton.displayName="SummaryButton",SummaryButton_SummaryButton.__docgenInfo={description:"",displayName:"SummaryButton",props:{className:{defaultValue:null,description:"Optional class(es) to pass to the wrapping element.",name:"className",required:!1,type:{name:"string"}},isLoading:{defaultValue:null,description:"Whether the summary button is loading.",name:"isLoading",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"The label of the summary button.",name:"label",required:!0,type:{name:"string"}},onClick:{defaultValue:null,description:"Function to handle clicking the summary button.",name:"onClick",required:!0,type:{name:"MouseEventHandler"}},summary:{defaultValue:null,description:"The summary content.",name:"summary",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SummaryButton/SummaryButton.tsx#SummaryButton"]={docgenInfo:SummaryButton_SummaryButton.__docgenInfo,name:"SummaryButton",path:"src/components/SummaryButton/SummaryButton.tsx#SummaryButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Switch/Switch.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Switch_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return Switch_stories_disabled}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","disabled"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Switch_Switch=function Switch(_ref){var label=_ref.label,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,inputProps=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsxs)("label",{className:"p-switch",children:[Object(jsx_runtime.jsx)("input",Object.assign({type:"checkbox",className:"p-switch__input",role:"switch",disabled:disabled},inputProps)),Object(jsx_runtime.jsx)("span",{className:"p-switch__slider"}),Object(jsx_runtime.jsx)("span",{className:"p-switch__label",children:label})]})};Switch_Switch.displayName="Switch";var components_Switch_Switch=Switch_Switch;try{Switch_Switch.displayName="Switch",Switch_Switch.__docgenInfo={description:"",displayName:"Switch",props:{label:{defaultValue:null,description:"The label name for the switch",name:"label",required:!0,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"Whether the switch is disabled or not",name:"disabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Switch/Switch.tsx#Switch"]={docgenInfo:Switch_Switch.__docgenInfo,name:"Switch",path:"src/components/Switch/Switch.tsx#Switch"})}catch(__react_docgen_typescript_loader_error){}var Switch_stories_excluded=["components"];function Switch_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function Switch_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var Switch_stories_disabled=Switch_stories_Template.bind({});Switch_stories_disabled.storyName="Disabled",Switch_stories_disabled.args={disabled:!0,label:"Disabled switch"},Switch_stories_disabled.parameters={storySource:{source:"args => "}};var componentMeta={title:"Switch",component:components_Switch_Switch,includeStories:["defaultStory","disabled"]},mdxStoryNameToKey={Default:"defaultStory",Disabled:"disabled"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Table/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return components_Table_Table}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","className","expanding","responsive"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Table_Table=function Table(_ref){var children=_ref.children,className=_ref.className,_ref$expanding=_ref.expanding,expanding=void 0!==_ref$expanding&&_ref$expanding,_ref$responsive=_ref.responsive,responsive=void 0!==_ref$responsive&&_ref$responsive,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)("table",Object.assign({role:"grid",className:classnames_default()(className,{"p-table--mobile-card":responsive,"p-table--expanding":expanding})},props,{children:children}))};Table_Table.displayName="Table";var components_Table_Table=Table_Table;try{Table_Table.displayName="Table",Table_Table.__docgenInfo={description:"",displayName:"Table",props:{children:{defaultValue:null,description:"The content of the table.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the wrapping table element.",name:"className",required:!1,type:{name:"string"}},expanding:{defaultValue:{value:"false"},description:"Whether the table can expand hidden cells.",name:"expanding",required:!1,type:{name:"boolean"}},responsive:{defaultValue:{value:"false"},description:"Whether the table should show card styling on smaller screens.",name:"responsive",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/Table.tsx#Table"]={docgenInfo:Table_Table.__docgenInfo,name:"Table",path:"src/components/Table/Table.tsx#Table"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/TableCell/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return components_TableCell_TableCell}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","className","hasOverflow","expanding","hidden","role"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TableCell_TableCell=function TableCell(_ref){var children=_ref.children,className=_ref.className,_ref$hasOverflow=_ref.hasOverflow,hasOverflow=void 0!==_ref$hasOverflow&&_ref$hasOverflow,_ref$expanding=_ref.expanding,expanding=void 0!==_ref$expanding&&_ref$expanding,_ref$hidden=_ref.hidden,hidden=void 0!==_ref$hidden&&_ref$hidden,_ref$role=_ref.role,role=void 0===_ref$role?"gridcell":_ref$role,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)("td",Object.assign({role:role,"aria-hidden":hidden,className:classnames_default()(className,{"p-table__expanding-panel":expanding,"has-overflow":hasOverflow})},props,{children:children}))};TableCell_TableCell.displayName="TableCell";var components_TableCell_TableCell=TableCell_TableCell;try{TableCell_TableCell.displayName="TableCell",TableCell_TableCell.__docgenInfo={description:"",displayName:"TableCell",props:{children:{defaultValue:null,description:"The content of the table cell.",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the wrapping td element.",name:"className",required:!1,type:{name:"string"}},expanding:{defaultValue:{value:"false"},description:"Whether the cell is an expanded cell.",name:"expanding",required:!1,type:{name:"boolean"}},hasOverflow:{defaultValue:{value:"false"},description:"Whether content of the cell should be able to overflow, e.g. a dropdown.",name:"hasOverflow",required:!1,type:{name:"boolean"}},hidden:{defaultValue:{value:"false"},description:"Whether the cell is currently hidden.",name:"hidden",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableCell/TableCell.tsx#TableCell"]={docgenInfo:TableCell_TableCell.__docgenInfo,name:"TableCell",path:"src/components/TableCell/TableCell.tsx#TableCell"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/TableHeader/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return components_TableHeader_TableHeader}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","sort"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TableHeader_TableHeader=function TableHeader(_ref){var children=_ref.children,sort=_ref.sort,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)("th",Object.assign({role:"columnheader","aria-sort":sort},props,{children:children}))};TableHeader_TableHeader.displayName="TableHeader";var components_TableHeader_TableHeader=TableHeader_TableHeader;try{TableHeader_TableHeader.displayName="TableHeader",TableHeader_TableHeader.__docgenInfo={description:"",displayName:"TableHeader",props:{children:{defaultValue:null,description:"The content of the table header.",name:"children",required:!1,type:{name:"ReactNode"}},sort:{defaultValue:null,description:"The direction of sorting, if applicable.",name:"sort",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableHeader/TableHeader.tsx#TableHeader"]={docgenInfo:TableHeader_TableHeader.__docgenInfo,name:"TableHeader",path:"src/components/TableHeader/TableHeader.tsx#TableHeader"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/TableRow/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return components_TableRow_TableRow}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var TableRow_TableRow=function TableRow(_ref){var children=_ref.children,trProps=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)("tr",Object.assign({role:"row"},trProps,{children:children}))};TableRow_TableRow.displayName="TableRow";var components_TableRow_TableRow=TableRow_TableRow;try{TableRow_TableRow.displayName="TableRow",TableRow_TableRow.__docgenInfo={description:"",displayName:"TableRow",props:{children:{defaultValue:null,description:"The content of the table row.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TableRow/TableRow.tsx#TableRow"]={docgenInfo:TableRow_TableRow.__docgenInfo,name:"TableRow",path:"src/components/TableRow/TableRow.tsx#TableRow"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Tabs/Tabs.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Tabs_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory})),__webpack_require__.d(__webpack_exports__,"horizontallyAligned",(function(){return Tabs_stories_horizontallyAligned}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),Row=__webpack_require__("./src/components/Row/index.ts"),classnames=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["active","className","component","label","listItemClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Tabs_Tabs=function Tabs(_ref){var className=_ref.className,links=_ref.links,listClassName=_ref.listClassName;return Object(jsx_runtime.jsx)("nav",{className:classnames_default()("p-tabs",className),children:Object(jsx_runtime.jsx)("ul",{className:classnames_default()("p-tabs__list",listClassName),children:links.map((function(link,i){var active=link.active,className=link.className,component=link.component,label=link.label,listItemClassName=link.listItemClassName,rest=_objectWithoutProperties(link,_excluded),Component=component||"a";return Object(jsx_runtime.jsx)("li",{className:classnames_default()("p-tabs__item",listItemClassName),children:Object(jsx_runtime.jsx)(Component,Object.assign({"aria-selected":active,className:classnames_default()("p-tabs__link",className),"data-testid":"tab-link-"+label},rest,{children:label}))},i)}))})})};Tabs_Tabs.displayName="Tabs";var components_Tabs_Tabs=Tabs_Tabs;try{Tabs_Tabs.displayName="Tabs",Tabs_Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{className:{defaultValue:null,description:'Optional classes applied to the parent "nav" element.',name:"className",required:!1,type:{name:"string"}},links:{defaultValue:null,description:"An array of tab link objects.",name:"links",required:!0,type:{name:"TabLink

    []"}},listClassName:{defaultValue:null,description:'Optional classes applied to the "ul" element.',name:"listClassName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tabs/Tabs.tsx#Tabs"]={docgenInfo:Tabs_Tabs.__docgenInfo,name:"Tabs",path:"src/components/Tabs/Tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}var Tabs_stories_excluded=["components"];function Tabs_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function Tabs_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i "}};var Tabs_stories_horizontallyAligned=function horizontallyAligned(){return Object(esm.b)(Row.a,null,Object(esm.b)(components_Tabs_Tabs,{links:[{active:!0,label:"Summary"},{active:!1,label:"Network"},{active:!1,label:"Storage"},{active:!1,label:"Settings"}]}),Object(esm.b)("p",null,"There should be gutters and the text should be horizontally aligned"))};Tabs_stories_horizontallyAligned.displayName="horizontallyAligned",Tabs_stories_horizontallyAligned.storyName="Horizontally aligned",Tabs_stories_horizontallyAligned.parameters={storySource:{source:'\n \n

    There should be gutters and the text should be horizontally aligned

    \n     '}};var componentMeta={title:"Tabs",component:components_Tabs_Tabs,includeStories:["defaultStory","horizontallyAligned"]},mdxStoryNameToKey={Default:"defaultStory","Horizontally aligned":"horizontallyAligned"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Textarea/Textarea.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Textarea_stories_Template})),__webpack_require__.d(__webpack_exports__,"defaultStory",(function(){return defaultStory}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),blocks=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Field=__webpack_require__("./src/components/Field/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["caution","className","error","grow","help","id","label","labelClassName","onKeyUp","required","stacked","style","success","takeFocus","wrapperClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Textarea_Textarea=function Textarea(_ref){var caution=_ref.caution,className=_ref.className,error=_ref.error,_ref$grow=_ref.grow,grow=void 0!==_ref$grow&&_ref$grow,help=_ref.help,id=_ref.id,label=_ref.label,labelClassName=_ref.labelClassName,_onKeyUp=_ref.onKeyUp,required=_ref.required,stacked=_ref.stacked,style=_ref.style,success=_ref.success,_ref$takeFocus=_ref.takeFocus,takeFocus=void 0!==_ref$takeFocus&&_ref$takeFocus,wrapperClassName=_ref.wrapperClassName,props=_objectWithoutProperties(_ref,_excluded),textareaRef=Object(react.useRef)(null);return Object(react.useEffect)((function(){takeFocus&&textareaRef.current.focus()}),[takeFocus]),Object(jsx_runtime.jsx)(Field.a,{caution:caution,className:wrapperClassName,error:error,forId:id,help:help,label:label,labelClassName:labelClassName,required:required,stacked:stacked,success:success,children:Object(jsx_runtime.jsx)("textarea",Object.assign({className:classnames_default()("p-form-validation__input",className),id:id,onKeyUp:function onKeyUp(evt){_onKeyUp&&_onKeyUp(evt),grow&&(evt.currentTarget.style.height=evt.currentTarget.scrollHeight+"px")},ref:textareaRef,style:grow&&Object.assign({minHeight:"5rem",resize:"none",overflow:"hidden",boxSizing:"border-box"},style)||style},props))})};Textarea_Textarea.displayName="Textarea";var components_Textarea_Textarea=Textarea_Textarea;try{Textarea_Textarea.displayName="Textarea",Textarea_Textarea.__docgenInfo={description:"",displayName:"Textarea",props:{caution:{defaultValue:null,description:"The content for caution validation.",name:"caution",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Optional class(es) to pass to the textarea element.",name:"className",required:!1,type:{name:"string"}},error:{defaultValue:null,description:"The content for error validation.",name:"error",required:!1,type:{name:"ReactNode"}},grow:{defaultValue:{value:"false"},description:"Whether the textarea should grow to fit the content automatically.",name:"grow",required:!1,type:{name:"boolean"}},help:{defaultValue:null,description:"Help text to show below the field.",name:"help",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"The id of the textarea.",name:"id",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The label for the field.",name:"label",required:!1,type:{name:"ReactNode"}},labelClassName:{defaultValue:null,description:"Optional class(es) to pass to the label component.",name:"labelClassName",required:!1,type:{name:"string"}},required:{defaultValue:null,description:"Whether the field is required.",name:"required",required:!1,type:{name:"boolean"}},stacked:{defaultValue:null,description:"Whether the form field should have a stacked appearance.",name:"stacked",required:!1,type:{name:"boolean"}},success:{defaultValue:null,description:"The content for success validation.",name:"success",required:!1,type:{name:"ReactNode"}},takeFocus:{defaultValue:{value:"false"},description:"Whether to focus on the input on initial render.",name:"takeFocus",required:!1,type:{name:"boolean"}},wrapperClassName:{defaultValue:null,description:"Optional class(es) to pass to the wrapping Field component",name:"wrapperClassName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Textarea/Textarea.tsx#Textarea"]={docgenInfo:Textarea_Textarea.__docgenInfo,name:"Textarea",path:"src/components/Textarea/Textarea.tsx#Textarea"})}catch(__react_docgen_typescript_loader_error){}var Textarea_stories_excluded=["components"];function Textarea_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function Textarea_stories_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _extends(){return _extends=Object.assign||function(target){for(var i=1;i