@teambit/mdx 1.0.1137 → 1.0.1138

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- (self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[492],{58015(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Composite:()=>Composite,CompositeItem:()=>CompositeItem,FloatingArrow:()=>FloatingArrow,FloatingDelayGroup:()=>FloatingDelayGroup,FloatingFocusManager:()=>FloatingFocusManager,FloatingList:()=>FloatingList,FloatingNode:()=>FloatingNode,FloatingOverlay:()=>FloatingOverlay,FloatingPortal:()=>FloatingPortal,FloatingTree:()=>FloatingTree,NextFloatingDelayGroup:()=>NextFloatingDelayGroup,arrow:()=>floating_ui_react_dom_arrow,autoPlacement:()=>floating_ui_react_dom_autoPlacement,autoUpdate:()=>autoUpdate,computePosition:()=>floating_ui_dom_computePosition,detectOverflow:()=>floating_ui_dom_detectOverflow,flip:()=>floating_ui_react_dom_flip,getOverflowAncestors:()=>getOverflowAncestors,hide:()=>floating_ui_react_dom_hide,inline:()=>floating_ui_react_dom_inline,inner:()=>inner,limitShift:()=>floating_ui_react_dom_limitShift,offset:()=>floating_ui_react_dom_offset,platform:()=>platform,safePolygon:()=>safePolygon,shift:()=>floating_ui_react_dom_shift,size:()=>floating_ui_react_dom_size,useClick:()=>useClick,useClientPoint:()=>useClientPoint,useDelayGroup:()=>useDelayGroup,useDelayGroupContext:()=>useDelayGroupContext,useDismiss:()=>useDismiss,useFloating:()=>floating_ui_react_esm_useFloating,useFloatingNodeId:()=>useFloatingNodeId,useFloatingParentNodeId:()=>useFloatingParentNodeId,useFloatingPortalNode:()=>useFloatingPortalNode,useFloatingRootContext:()=>useFloatingRootContext,useFloatingTree:()=>useFloatingTree,useFocus:()=>useFocus,useHover:()=>useHover,useId:()=>useId,useInnerOffset:()=>useInnerOffset,useInteractions:()=>useInteractions,useListItem:()=>useListItem,useListNavigation:()=>useListNavigation,useMergeRefs:()=>useMergeRefs,useNextDelayGroup:()=>useNextDelayGroup,useRole:()=>useRole,useTransitionStatus:()=>useTransitionStatus,useTransitionStyles:()=>useTransitionStyles,useTypeahead:()=>useTypeahead});var react=__webpack_require__(12888),react_namespaceObject=__webpack_require__.t(react,2);function hasWindow(){return typeof window<"u"}function getNodeName(node){return isNode(node)?(node.nodeName||"").toLowerCase():"#document"}function getWindow(node){var _node$ownerDocument;return(node==null||(_node$ownerDocument=node.ownerDocument)==null?void 0:_node$ownerDocument.defaultView)||window}function getDocumentElement(node){var _ref;return(_ref=(isNode(node)?node.ownerDocument:node.document)||window.document)==null?void 0:_ref.documentElement}function isNode(value){return hasWindow()?value instanceof Node||value instanceof getWindow(value).Node:!1}function isElement(value){return hasWindow()?value instanceof Element||value instanceof getWindow(value).Element:!1}function isHTMLElement(value){return hasWindow()?value instanceof HTMLElement||value instanceof getWindow(value).HTMLElement:!1}function isShadowRoot(value){return!hasWindow()||typeof ShadowRoot>"u"?!1:value instanceof ShadowRoot||value instanceof getWindow(value).ShadowRoot}function isOverflowElement(element){const{overflow,overflowX,overflowY,display}=floating_ui_utils_dom_getComputedStyle(element);return/auto|scroll|overlay|hidden|clip/.test(overflow+overflowY+overflowX)&&display!=="inline"&&display!=="contents"}function isTableElement(element){return/^(table|td|th)$/.test(getNodeName(element))}function isTopLayer(element){try{if(element.matches(":popover-open"))return!0}catch{}try{return element.matches(":modal")}catch{return!1}}const willChangeRe=/transform|translate|scale|rotate|perspective|filter/,containRe=/paint|layout|strict|content/,isNotNone=value=>!!value&&value!=="none";let isWebKitValue;function isContainingBlock(elementOrCss){const css=isElement(elementOrCss)?floating_ui_utils_dom_getComputedStyle(elementOrCss):elementOrCss;return isNotNone(css.transform)||isNotNone(css.translate)||isNotNone(css.scale)||isNotNone(css.rotate)||isNotNone(css.perspective)||!isWebKit()&&(isNotNone(css.backdropFilter)||isNotNone(css.filter))||willChangeRe.test(css.willChange||"")||containRe.test(css.contain||"")}function getContainingBlock(element){let currentNode=getParentNode(element);for(;isHTMLElement(currentNode)&&!isLastTraversableNode(currentNode);){if(isContainingBlock(currentNode))return currentNode;if(isTopLayer(currentNode))return null;currentNode=getParentNode(currentNode)}return null}function isWebKit(){return isWebKitValue==null&&(isWebKitValue=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),isWebKitValue}function isLastTraversableNode(node){return/^(html|body|#document)$/.test(getNodeName(node))}function floating_ui_utils_dom_getComputedStyle(element){return getWindow(element).getComputedStyle(element)}function getNodeScroll(element){return isElement(element)?{scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}:{scrollLeft:element.scrollX,scrollTop:element.scrollY}}function getParentNode(node){if(getNodeName(node)==="html")return node;const result=node.assignedSlot||node.parentNode||isShadowRoot(node)&&node.host||getDocumentElement(node);return isShadowRoot(result)?result.host:result}function getNearestOverflowAncestor(node){const parentNode=getParentNode(node);return isLastTraversableNode(parentNode)?(node.ownerDocument||node).body:isHTMLElement(parentNode)&&isOverflowElement(parentNode)?parentNode:getNearestOverflowAncestor(parentNode)}function getOverflowAncestors(node,list,traverseIframes){var _node$ownerDocument2;list===void 0&&(list=[]),traverseIframes===void 0&&(traverseIframes=!0);const scrollableAncestor=getNearestOverflowAncestor(node),isBody=scrollableAncestor===((_node$ownerDocument2=node.ownerDocument)==null?void 0:_node$ownerDocument2.body),win=getWindow(scrollableAncestor);if(isBody){const frameElement=getFrameElement(win);return list.concat(win,win.visualViewport||[],isOverflowElement(scrollableAncestor)?scrollableAncestor:[],frameElement&&traverseIframes?getOverflowAncestors(frameElement):[])}else return list.concat(scrollableAncestor,getOverflowAncestors(scrollableAncestor,[],traverseIframes))}function getFrameElement(win){return win.parent&&Object.getPrototypeOf(win.parent)?win.frameElement:null}const sides=["top","right","bottom","left"],alignments=["start","end"],placements=sides.reduce((acc,side)=>acc.concat(side,side+"-"+alignments[0],side+"-"+alignments[1]),[]),min=Math.min,max=Math.max,round=Math.round,floor=Math.floor,createCoords=v=>({x:v,y:v}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};function clamp(start,value,end){return max(start,min(value,end))}function evaluate(value,param){return typeof value=="function"?value(param):value}function getSide(placement){return placement.split("-")[0]}function getAlignment(placement){return placement.split("-")[1]}function getOppositeAxis(axis){return axis==="x"?"y":"x"}function getAxisLength(axis){return axis==="y"?"height":"width"}function getSideAxis(placement){const firstChar=placement[0];return firstChar==="t"||firstChar==="b"?"y":"x"}function getAlignmentAxis(placement){return getOppositeAxis(getSideAxis(placement))}function getAlignmentSides(placement,rects,rtl){rtl===void 0&&(rtl=!1);const alignment=getAlignment(placement),alignmentAxis=getAlignmentAxis(placement),length=getAxisLength(alignmentAxis);let mainAlignmentSide=alignmentAxis==="x"?alignment===(rtl?"end":"start")?"right":"left":alignment==="start"?"bottom":"top";return rects.reference[length]>rects.floating[length]&&(mainAlignmentSide=getOppositePlacement(mainAlignmentSide)),[mainAlignmentSide,getOppositePlacement(mainAlignmentSide)]}function getExpandedPlacements(placement){const oppositePlacement=getOppositePlacement(placement);return[getOppositeAlignmentPlacement(placement),oppositePlacement,getOppositeAlignmentPlacement(oppositePlacement)]}function getOppositeAlignmentPlacement(placement){return placement.includes("start")?placement.replace("start","end"):placement.replace("end","start")}const lrPlacement=["left","right"],rlPlacement=["right","left"],tbPlacement=["top","bottom"],btPlacement=["bottom","top"];function getSideList(side,isStart,rtl){switch(side){case"top":case"bottom":return rtl?isStart?rlPlacement:lrPlacement:isStart?lrPlacement:rlPlacement;case"left":case"right":return isStart?tbPlacement:btPlacement;default:return[]}}function getOppositeAxisPlacements(placement,flipAlignment,direction,rtl){const alignment=getAlignment(placement);let list=getSideList(getSide(placement),direction==="start",rtl);return alignment&&(list=list.map(side=>side+"-"+alignment),flipAlignment&&(list=list.concat(list.map(getOppositeAlignmentPlacement)))),list}function getOppositePlacement(placement){const side=getSide(placement);return oppositeSideMap[side]+placement.slice(side.length)}function expandPaddingObject(padding){var _padding$top,_padding$right,_padding$bottom,_padding$left;return{top:(_padding$top=padding.top)!=null?_padding$top:0,right:(_padding$right=padding.right)!=null?_padding$right:0,bottom:(_padding$bottom=padding.bottom)!=null?_padding$bottom:0,left:(_padding$left=padding.left)!=null?_padding$left:0}}function getPaddingObject(padding){return typeof padding!="number"?expandPaddingObject(padding):{top:padding,right:padding,bottom:padding,left:padding}}function rectToClientRect(rect){const{x,y,width,height}=rect;return{width,height,top:y,left:x,right:x+width,bottom:y+height,x,y}}/*!
1
+ (self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[252],{58015(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Composite:()=>Composite,CompositeItem:()=>CompositeItem,FloatingArrow:()=>FloatingArrow,FloatingDelayGroup:()=>FloatingDelayGroup,FloatingFocusManager:()=>FloatingFocusManager,FloatingList:()=>FloatingList,FloatingNode:()=>FloatingNode,FloatingOverlay:()=>FloatingOverlay,FloatingPortal:()=>FloatingPortal,FloatingTree:()=>FloatingTree,NextFloatingDelayGroup:()=>NextFloatingDelayGroup,arrow:()=>floating_ui_react_dom_arrow,autoPlacement:()=>floating_ui_react_dom_autoPlacement,autoUpdate:()=>autoUpdate,computePosition:()=>floating_ui_dom_computePosition,detectOverflow:()=>floating_ui_dom_detectOverflow,flip:()=>floating_ui_react_dom_flip,getOverflowAncestors:()=>getOverflowAncestors,hide:()=>floating_ui_react_dom_hide,inline:()=>floating_ui_react_dom_inline,inner:()=>inner,limitShift:()=>floating_ui_react_dom_limitShift,offset:()=>floating_ui_react_dom_offset,platform:()=>platform,safePolygon:()=>safePolygon,shift:()=>floating_ui_react_dom_shift,size:()=>floating_ui_react_dom_size,useClick:()=>useClick,useClientPoint:()=>useClientPoint,useDelayGroup:()=>useDelayGroup,useDelayGroupContext:()=>useDelayGroupContext,useDismiss:()=>useDismiss,useFloating:()=>floating_ui_react_esm_useFloating,useFloatingNodeId:()=>useFloatingNodeId,useFloatingParentNodeId:()=>useFloatingParentNodeId,useFloatingPortalNode:()=>useFloatingPortalNode,useFloatingRootContext:()=>useFloatingRootContext,useFloatingTree:()=>useFloatingTree,useFocus:()=>useFocus,useHover:()=>useHover,useId:()=>useId,useInnerOffset:()=>useInnerOffset,useInteractions:()=>useInteractions,useListItem:()=>useListItem,useListNavigation:()=>useListNavigation,useMergeRefs:()=>useMergeRefs,useNextDelayGroup:()=>useNextDelayGroup,useRole:()=>useRole,useTransitionStatus:()=>useTransitionStatus,useTransitionStyles:()=>useTransitionStyles,useTypeahead:()=>useTypeahead});var react=__webpack_require__(12888),react_namespaceObject=__webpack_require__.t(react,2);function hasWindow(){return typeof window<"u"}function getNodeName(node){return isNode(node)?(node.nodeName||"").toLowerCase():"#document"}function getWindow(node){var _node$ownerDocument;return(node==null||(_node$ownerDocument=node.ownerDocument)==null?void 0:_node$ownerDocument.defaultView)||window}function getDocumentElement(node){var _ref;return(_ref=(isNode(node)?node.ownerDocument:node.document)||window.document)==null?void 0:_ref.documentElement}function isNode(value){return hasWindow()?value instanceof Node||value instanceof getWindow(value).Node:!1}function isElement(value){return hasWindow()?value instanceof Element||value instanceof getWindow(value).Element:!1}function isHTMLElement(value){return hasWindow()?value instanceof HTMLElement||value instanceof getWindow(value).HTMLElement:!1}function isShadowRoot(value){return!hasWindow()||typeof ShadowRoot>"u"?!1:value instanceof ShadowRoot||value instanceof getWindow(value).ShadowRoot}function isOverflowElement(element){const{overflow,overflowX,overflowY,display}=floating_ui_utils_dom_getComputedStyle(element);return/auto|scroll|overlay|hidden|clip/.test(overflow+overflowY+overflowX)&&display!=="inline"&&display!=="contents"}function isTableElement(element){return/^(table|td|th)$/.test(getNodeName(element))}function isTopLayer(element){try{if(element.matches(":popover-open"))return!0}catch{}try{return element.matches(":modal")}catch{return!1}}const willChangeRe=/transform|translate|scale|rotate|perspective|filter/,containRe=/paint|layout|strict|content/,isNotNone=value=>!!value&&value!=="none";let isWebKitValue;function isContainingBlock(elementOrCss){const css=isElement(elementOrCss)?floating_ui_utils_dom_getComputedStyle(elementOrCss):elementOrCss;return isNotNone(css.transform)||isNotNone(css.translate)||isNotNone(css.scale)||isNotNone(css.rotate)||isNotNone(css.perspective)||!isWebKit()&&(isNotNone(css.backdropFilter)||isNotNone(css.filter))||willChangeRe.test(css.willChange||"")||containRe.test(css.contain||"")}function getContainingBlock(element){let currentNode=getParentNode(element);for(;isHTMLElement(currentNode)&&!isLastTraversableNode(currentNode);){if(isContainingBlock(currentNode))return currentNode;if(isTopLayer(currentNode))return null;currentNode=getParentNode(currentNode)}return null}function isWebKit(){return isWebKitValue==null&&(isWebKitValue=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),isWebKitValue}function isLastTraversableNode(node){return/^(html|body|#document)$/.test(getNodeName(node))}function floating_ui_utils_dom_getComputedStyle(element){return getWindow(element).getComputedStyle(element)}function getNodeScroll(element){return isElement(element)?{scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}:{scrollLeft:element.scrollX,scrollTop:element.scrollY}}function getParentNode(node){if(getNodeName(node)==="html")return node;const result=node.assignedSlot||node.parentNode||isShadowRoot(node)&&node.host||getDocumentElement(node);return isShadowRoot(result)?result.host:result}function getNearestOverflowAncestor(node){const parentNode=getParentNode(node);return isLastTraversableNode(parentNode)?(node.ownerDocument||node).body:isHTMLElement(parentNode)&&isOverflowElement(parentNode)?parentNode:getNearestOverflowAncestor(parentNode)}function getOverflowAncestors(node,list,traverseIframes){var _node$ownerDocument2;list===void 0&&(list=[]),traverseIframes===void 0&&(traverseIframes=!0);const scrollableAncestor=getNearestOverflowAncestor(node),isBody=scrollableAncestor===((_node$ownerDocument2=node.ownerDocument)==null?void 0:_node$ownerDocument2.body),win=getWindow(scrollableAncestor);if(isBody){const frameElement=getFrameElement(win);return list.concat(win,win.visualViewport||[],isOverflowElement(scrollableAncestor)?scrollableAncestor:[],frameElement&&traverseIframes?getOverflowAncestors(frameElement):[])}else return list.concat(scrollableAncestor,getOverflowAncestors(scrollableAncestor,[],traverseIframes))}function getFrameElement(win){return win.parent&&Object.getPrototypeOf(win.parent)?win.frameElement:null}const sides=["top","right","bottom","left"],alignments=["start","end"],placements=sides.reduce((acc,side)=>acc.concat(side,side+"-"+alignments[0],side+"-"+alignments[1]),[]),min=Math.min,max=Math.max,round=Math.round,floor=Math.floor,createCoords=v=>({x:v,y:v}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};function clamp(start,value,end){return max(start,min(value,end))}function evaluate(value,param){return typeof value=="function"?value(param):value}function getSide(placement){return placement.split("-")[0]}function getAlignment(placement){return placement.split("-")[1]}function getOppositeAxis(axis){return axis==="x"?"y":"x"}function getAxisLength(axis){return axis==="y"?"height":"width"}function getSideAxis(placement){const firstChar=placement[0];return firstChar==="t"||firstChar==="b"?"y":"x"}function getAlignmentAxis(placement){return getOppositeAxis(getSideAxis(placement))}function getAlignmentSides(placement,rects,rtl){rtl===void 0&&(rtl=!1);const alignment=getAlignment(placement),alignmentAxis=getAlignmentAxis(placement),length=getAxisLength(alignmentAxis);let mainAlignmentSide=alignmentAxis==="x"?alignment===(rtl?"end":"start")?"right":"left":alignment==="start"?"bottom":"top";return rects.reference[length]>rects.floating[length]&&(mainAlignmentSide=getOppositePlacement(mainAlignmentSide)),[mainAlignmentSide,getOppositePlacement(mainAlignmentSide)]}function getExpandedPlacements(placement){const oppositePlacement=getOppositePlacement(placement);return[getOppositeAlignmentPlacement(placement),oppositePlacement,getOppositeAlignmentPlacement(oppositePlacement)]}function getOppositeAlignmentPlacement(placement){return placement.includes("start")?placement.replace("start","end"):placement.replace("end","start")}const lrPlacement=["left","right"],rlPlacement=["right","left"],tbPlacement=["top","bottom"],btPlacement=["bottom","top"];function getSideList(side,isStart,rtl){switch(side){case"top":case"bottom":return rtl?isStart?rlPlacement:lrPlacement:isStart?lrPlacement:rlPlacement;case"left":case"right":return isStart?tbPlacement:btPlacement;default:return[]}}function getOppositeAxisPlacements(placement,flipAlignment,direction,rtl){const alignment=getAlignment(placement);let list=getSideList(getSide(placement),direction==="start",rtl);return alignment&&(list=list.map(side=>side+"-"+alignment),flipAlignment&&(list=list.concat(list.map(getOppositeAlignmentPlacement)))),list}function getOppositePlacement(placement){const side=getSide(placement);return oppositeSideMap[side]+placement.slice(side.length)}function expandPaddingObject(padding){var _padding$top,_padding$right,_padding$bottom,_padding$left;return{top:(_padding$top=padding.top)!=null?_padding$top:0,right:(_padding$right=padding.right)!=null?_padding$right:0,bottom:(_padding$bottom=padding.bottom)!=null?_padding$bottom:0,left:(_padding$left=padding.left)!=null?_padding$left:0}}function getPaddingObject(padding){return typeof padding!="number"?expandPaddingObject(padding):{top:padding,right:padding,bottom:padding,left:padding}}function rectToClientRect(rect){const{x,y,width,height}=rect;return{width,height,top:y,left:x,right:x+width,bottom:y+height,x,y}}/*!
2
2
  * tabbable 6.5.0
3
3
  * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
4
4
  */var candidateSelectors=["input:not([inert]):not([inert] *)","select:not([inert]):not([inert] *)","textarea:not([inert]):not([inert] *)","a[href]:not([inert]):not([inert] *)","area[href]:not([inert]):not([inert] *)","button:not([inert]):not([inert] *)","[tabindex]:not(slot):not([inert]):not([inert] *)","audio[controls]:not([inert]):not([inert] *)","video[controls]:not([inert]):not([inert] *)",'[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)',"details>summary:first-of-type:not([inert]):not([inert] *)","details:not([inert]):not([inert] *)"],candidateSelector=candidateSelectors.join(","),NoElement=typeof Element>"u",matches=NoElement?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,getRootNode=!NoElement&&Element.prototype.getRootNode?function(element){var _element$getRootNode;return element==null||(_element$getRootNode=element.getRootNode)===null||_element$getRootNode===void 0?void 0:_element$getRootNode.call(element)}:function(element){return element?.ownerDocument},_isInert=function(node,lookUp){var _node$getAttribute;lookUp===void 0&&(lookUp=!0);var inertAtt=node==null||(_node$getAttribute=node.getAttribute)===null||_node$getAttribute===void 0?void 0:_node$getAttribute.call(node,"inert"),inert=inertAtt===""||inertAtt==="true",result=inert||lookUp&&node&&(typeof node.closest=="function"?node.closest("[inert]"):_isInert(node.parentNode));return result},isContentEditable=function(node){var _node$getAttribute2,attValue=node==null||(_node$getAttribute2=node.getAttribute)===null||_node$getAttribute2===void 0?void 0:_node$getAttribute2.call(node,"contenteditable");return attValue===""||attValue==="true"},getCandidates=function(el,includeContainer,filter){if(_isInert(el))return[];var candidates=Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));return includeContainer&&matches.call(el,candidateSelector)&&candidates.unshift(el),candidates=candidates.filter(filter),candidates},_getCandidatesIteratively=function(elements,includeContainer,options){for(var candidates=[],elementsToCheck=Array.from(elements);elementsToCheck.length;){var element=elementsToCheck.shift();if(!_isInert(element,!1))if(element.tagName==="SLOT"){var assigned=element.assignedElements(),content=assigned.length?assigned:element.children,nestedCandidates=_getCandidatesIteratively(content,!0,options);options.flatten?candidates.push.apply(candidates,nestedCandidates):candidates.push({scopeParent:element,candidates:nestedCandidates})}else{var validCandidate=matches.call(element,candidateSelector);validCandidate&&options.filter(element)&&(includeContainer||!elements.includes(element))&&candidates.push(element);var shadowRoot=element.shadowRoot||typeof options.getShadowRoot=="function"&&options.getShadowRoot(element),validShadowRoot=!_isInert(shadowRoot,!1)&&(!options.shadowRootFilter||options.shadowRootFilter(element));if(shadowRoot&&validShadowRoot){var _nestedCandidates=_getCandidatesIteratively(shadowRoot===!0?element.children:shadowRoot.children,!0,options);options.flatten?candidates.push.apply(candidates,_nestedCandidates):candidates.push({scopeParent:element,candidates:_nestedCandidates})}else elementsToCheck.unshift.apply(elementsToCheck,element.children)}}return candidates},hasTabIndex=function(node){return!isNaN(parseInt(node.getAttribute("tabindex"),10))},getTabIndex=function(node){if(!node)throw new Error("No node provided");return node.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(node.tagName)||isContentEditable(node))&&!hasTabIndex(node)?0:node.tabIndex},getSortOrderTabIndex=function(node,isScope){var tabIndex=getTabIndex(node);return tabIndex<0&&isScope&&!hasTabIndex(node)?0:tabIndex},sortOrderedTabbables=function(a,b){return a.tabIndex===b.tabIndex?a.documentOrder-b.documentOrder:a.tabIndex-b.tabIndex},isInput=function(node){return node.tagName==="INPUT"},isHiddenInput=function(node){return isInput(node)&&node.type==="hidden"},isDetailsWithSummary=function(node){var r=node.tagName==="DETAILS"&&Array.prototype.slice.apply(node.children).some(function(child){return child.tagName==="SUMMARY"});return r},getCheckedRadio=function(nodes,form){for(var i=0;i<nodes.length;i++)if(nodes[i].checked&&nodes[i].form===form)return nodes[i]},isTabbableRadio=function(node){if(!node.name)return!0;var radioScope=node.form||getRootNode(node),queryRadios=function(name){return radioScope.querySelectorAll('input[type="radio"][name="'+name+'"]')},radioSet;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")radioSet=queryRadios(window.CSS.escape(node.name));else try{radioSet=queryRadios(node.name)}catch(err){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",err.message),!1}var checked=getCheckedRadio(radioSet,node.form);return!checked||checked===node},isRadio=function(node){return isInput(node)&&node.type==="radio"},isNonTabbableRadio=function(node){return isRadio(node)&&!isTabbableRadio(node)},isNodeAttached=function(node){var _nodeRoot,nodeRoot=node&&getRootNode(node),nodeRootHost=(_nodeRoot=nodeRoot)===null||_nodeRoot===void 0?void 0:_nodeRoot.host,attached=!1;if(nodeRoot&&nodeRoot!==node){var _nodeRootHost,_nodeRootHost$ownerDo,_node$ownerDocument;for(attached=!!((_nodeRootHost=nodeRootHost)!==null&&_nodeRootHost!==void 0&&(_nodeRootHost$ownerDo=_nodeRootHost.ownerDocument)!==null&&_nodeRootHost$ownerDo!==void 0&&_nodeRootHost$ownerDo.contains(nodeRootHost)||node!=null&&(_node$ownerDocument=node.ownerDocument)!==null&&_node$ownerDocument!==void 0&&_node$ownerDocument.contains(node));!attached&&nodeRootHost;){var _nodeRoot2,_nodeRootHost2,_nodeRootHost2$ownerD;nodeRoot=getRootNode(nodeRootHost),nodeRootHost=(_nodeRoot2=nodeRoot)===null||_nodeRoot2===void 0?void 0:_nodeRoot2.host,attached=!!((_nodeRootHost2=nodeRootHost)!==null&&_nodeRootHost2!==void 0&&(_nodeRootHost2$ownerD=_nodeRootHost2.ownerDocument)!==null&&_nodeRootHost2$ownerD!==void 0&&_nodeRootHost2$ownerD.contains(nodeRootHost))}}return attached},isZeroArea=function(node){var _node$getBoundingClie=node.getBoundingClientRect(),width=_node$getBoundingClie.width,height=_node$getBoundingClie.height;return width===0&&height===0},isHidden=function(node,_ref){var displayCheck=_ref.displayCheck,getShadowRoot=_ref.getShadowRoot;if(displayCheck==="full-native"&&"checkVisibility"in node){var visible=node.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});return!visible}var _getComputedStyle=getComputedStyle(node),visibility=_getComputedStyle.visibility;if(visibility==="hidden"||visibility==="collapse")return!0;var isDirectSummary=matches.call(node,"details>summary:first-of-type"),nodeUnderDetails=isDirectSummary?node.parentElement:node;if(matches.call(nodeUnderDetails,"details:not([open]) *"))return!0;if(!displayCheck||displayCheck==="full"||displayCheck==="full-native"||displayCheck==="legacy-full"){if(typeof getShadowRoot=="function"){for(var originalNode=node;node;){var parentElement=node.parentElement,rootNode=getRootNode(node);if(parentElement&&!parentElement.shadowRoot&&getShadowRoot(parentElement)===!0)return isZeroArea(node);node.assignedSlot?node=node.assignedSlot:!parentElement&&rootNode!==node.ownerDocument?node=rootNode.host:node=parentElement}node=originalNode}if(isNodeAttached(node))return!node.getClientRects().length;if(displayCheck!=="legacy-full")return!0}else if(displayCheck==="non-zero-area")return isZeroArea(node);return!1},isDisabledFromFieldset=function(node){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(node.tagName))for(var parentNode=node.parentElement;parentNode;){if(parentNode.tagName==="FIELDSET"&&parentNode.disabled){for(var i=0;i<parentNode.children.length;i++){var child=parentNode.children.item(i);if(child.tagName==="LEGEND")return matches.call(parentNode,"fieldset[disabled] *")?!0:!child.contains(node)}return!0}parentNode=parentNode.parentElement}return!1},isNodeMatchingSelectorFocusable=function(options,node){return!(node.disabled||isHiddenInput(node)||isHidden(node,options)||isDetailsWithSummary(node)||isDisabledFromFieldset(node))},isNodeMatchingSelectorTabbable=function(options,node){return!(isNonTabbableRadio(node)||getTabIndex(node)<0||!isNodeMatchingSelectorFocusable(options,node))},isShadowRootTabbable=function(shadowHostNode){var tabIndex=parseInt(shadowHostNode.getAttribute("tabindex"),10);return!!(isNaN(tabIndex)||tabIndex>=0)},_sortByOrder=function(candidates){var regularTabbables=[],orderedTabbables=[];return candidates.forEach(function(item,i){var isScope=!!item.scopeParent,element=isScope?item.scopeParent:item,candidateTabindex=getSortOrderTabIndex(element,isScope),elements=isScope?_sortByOrder(item.candidates):element;candidateTabindex===0?isScope?regularTabbables.push.apply(regularTabbables,elements):regularTabbables.push(element):orderedTabbables.push({documentOrder:i,tabIndex:candidateTabindex,item,isScope,content:elements})}),orderedTabbables.sort(sortOrderedTabbables).reduce(function(acc,sortable){return sortable.isScope?acc.push.apply(acc,sortable.content):acc.push(sortable.content),acc},[]).concat(regularTabbables)},tabbable=function(container,options){options=options||{};var candidates;return options.getShadowRoot?candidates=_getCandidatesIteratively([container],options.includeContainer,{filter:isNodeMatchingSelectorTabbable.bind(null,options),flatten:!1,getShadowRoot:options.getShadowRoot,shadowRootFilter:isShadowRootTabbable}):candidates=getCandidates(container,options.includeContainer,isNodeMatchingSelectorTabbable.bind(null,options)),_sortByOrder(candidates)},focusable=function(container,options){options=options||{};var candidates;return options.getShadowRoot?candidates=_getCandidatesIteratively([container],options.includeContainer,{filter:isNodeMatchingSelectorFocusable.bind(null,options),flatten:!0,getShadowRoot:options.getShadowRoot}):candidates=getCandidates(container,options.includeContainer,isNodeMatchingSelectorFocusable.bind(null,options)),candidates},isTabbable=function(node,options){if(options=options||{},!node)throw new Error("No node provided");return matches.call(node,candidateSelector)===!1?!1:isNodeMatchingSelectorTabbable(options,node)},focusableCandidateSelector=null,isFocusable=function(node,options){if(options=options||{},!node)throw new Error("No node provided");return matches.call(node,focusableCandidateSelector)===!1?!1:isNodeMatchingSelectorFocusable(options,node)};function getPlatform(){const uaData=navigator.userAgentData;return uaData!=null&&uaData.platform?uaData.platform:navigator.platform}function getUserAgent(){const uaData=navigator.userAgentData;return uaData&&Array.isArray(uaData.brands)?uaData.brands.map(_ref=>{let{brand,version}=_ref;return brand+"/"+version}).join(" "):navigator.userAgent}function isSafari(){return/apple/i.test(navigator.vendor)}function isAndroid(){const re=/android/i;return re.test(getPlatform())||re.test(getUserAgent())}function isMac(){return getPlatform().toLowerCase().startsWith("mac")&&!navigator.maxTouchPoints}function isJSDOM(){return getUserAgent().includes("jsdom/")}const FOCUSABLE_ATTRIBUTE="data-floating-ui-focusable",TYPEABLE_SELECTOR="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])",ARROW_LEFT="ArrowLeft",ARROW_RIGHT="ArrowRight",ARROW_UP="ArrowUp",ARROW_DOWN="ArrowDown";function activeElement(doc){let activeElement2=doc.activeElement;for(;((_activeElement=activeElement2)==null||(_activeElement=_activeElement.shadowRoot)==null?void 0:_activeElement.activeElement)!=null;){var _activeElement;activeElement2=activeElement2.shadowRoot.activeElement}return activeElement2}function contains(parent2,child){if(!parent2||!child)return!1;const rootNode=child.getRootNode==null?void 0:child.getRootNode();if(parent2.contains(child))return!0;if(rootNode&&isShadowRoot(rootNode)){let next=child;for(;next;){if(parent2===next)return!0;next=next.parentNode||next.host}}return!1}function getTarget(event){return"composedPath"in event?event.composedPath()[0]:event.target}function isEventTargetWithin(event,node){if(node==null)return!1;if("composedPath"in event)return event.composedPath().includes(node);const e=event;return e.target!=null&&node.contains(e.target)}function isRootElement(element){return element.matches("html,body")}function getDocument(node){return node?.ownerDocument||document}function isTypeableElement(element){return isHTMLElement(element)&&element.matches(TYPEABLE_SELECTOR)}function isTypeableCombobox(element){return element?element.getAttribute("role")==="combobox"&&isTypeableElement(element):!1}function matchesFocusVisible(element){if(!element||isJSDOM())return!0;try{return element.matches(":focus-visible")}catch{return!0}}function getFloatingFocusElement(floatingElement){return floatingElement?floatingElement.hasAttribute(FOCUSABLE_ATTRIBUTE)?floatingElement:floatingElement.querySelector("["+FOCUSABLE_ATTRIBUTE+"]")||floatingElement:null}function getNodeChildren(nodes,id,onlyOpenChildren){return onlyOpenChildren===void 0&&(onlyOpenChildren=!0),nodes.filter(node=>{var _node$context;return node.parentId===id&&(!onlyOpenChildren||((_node$context=node.context)==null?void 0:_node$context.open))}).flatMap(child=>[child,...getNodeChildren(nodes,child.id,onlyOpenChildren)])}function getDeepestNode(nodes,id){let deepestNodeId,maxDepth=-1;function findDeepest(nodeId,depth){depth>maxDepth&&(deepestNodeId=nodeId,maxDepth=depth),getNodeChildren(nodes,nodeId).forEach(child=>{findDeepest(child.id,depth+1)})}return findDeepest(id,0),nodes.find(node=>node.id===deepestNodeId)}function getNodeAncestors(nodes,id){var _nodes$find;let allAncestors=[],currentParentId=(_nodes$find=nodes.find(node=>node.id===id))==null?void 0:_nodes$find.parentId;for(;currentParentId;){const currentNode=nodes.find(node=>node.id===currentParentId);currentParentId=currentNode?.parentId,currentNode&&(allAncestors=allAncestors.concat(currentNode))}return allAncestors}function stopEvent(event){event.preventDefault(),event.stopPropagation()}function isReactEvent(event){return"nativeEvent"in event}function isVirtualClick(event){return event.mozInputSource===0&&event.isTrusted?!0:isAndroid()&&event.pointerType?event.type==="click"&&event.buttons===1:event.detail===0&&!event.pointerType}function isVirtualPointerEvent(event){return isJSDOM()?!1:!isAndroid()&&event.width===0&&event.height===0||isAndroid()&&event.width===1&&event.height===1&&event.pressure===0&&event.detail===0&&event.pointerType==="mouse"||event.width<1&&event.height<1&&event.pressure===0&&event.detail===0&&event.pointerType==="touch"}function isMouseLikePointerType(pointerType,strict){const values=["mouse","pen"];return strict||values.push("",void 0),values.includes(pointerType)}var isClient=typeof document<"u",noop=function(){},floating_ui_react_utils_index=isClient?react.useLayoutEffect:noop;const SafeReact={...react_namespaceObject};function useLatestRef(value){const ref=react.useRef(value);return floating_ui_react_utils_index(()=>{ref.current=value}),ref}const useSafeInsertionEffect=SafeReact.useInsertionEffect||(fn=>fn());function useEffectEvent(callback){const ref=react.useRef(()=>{});return useSafeInsertionEffect(()=>{ref.current=callback}),react.useCallback(function(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return ref.current==null?void 0:ref.current(...args)},[])}function isDifferentGridRow(index2,cols,prevRow){return Math.floor(index2/cols)!==prevRow}function isIndexOutOfListBounds(listRef,index2){return index2<0||index2>=listRef.current.length}function getMinListIndex(listRef,disabledIndices){return findNonDisabledListIndex(listRef,{disabledIndices})}function getMaxListIndex(listRef,disabledIndices){return findNonDisabledListIndex(listRef,{decrement:!0,startingIndex:listRef.current.length,disabledIndices})}function findNonDisabledListIndex(listRef,_temp){let{startingIndex=-1,decrement=!1,disabledIndices,amount=1}=_temp===void 0?{}:_temp,index2=startingIndex;do index2+=decrement?-amount:amount;while(index2>=0&&index2<=listRef.current.length-1&&isListIndexDisabled(listRef,index2,disabledIndices));return index2}function getGridNavigatedIndex(listRef,_ref){let{event,orientation,loop,rtl,cols,disabledIndices,minIndex,maxIndex,prevIndex,stopEvent:stop=!1}=_ref,nextIndex=prevIndex;if(event.key===ARROW_UP){if(stop&&stopEvent(event),prevIndex===-1)nextIndex=maxIndex;else if(nextIndex=findNonDisabledListIndex(listRef,{startingIndex:nextIndex,amount:cols,decrement:!0,disabledIndices}),loop&&(prevIndex-cols<minIndex||nextIndex<0)){const col=prevIndex%cols,maxCol=maxIndex%cols,offset2=maxIndex-(maxCol-col);maxCol===col?nextIndex=maxIndex:nextIndex=maxCol>col?offset2:offset2-cols}isIndexOutOfListBounds(listRef,nextIndex)&&(nextIndex=prevIndex)}if(event.key===ARROW_DOWN&&(stop&&stopEvent(event),prevIndex===-1?nextIndex=minIndex:(nextIndex=findNonDisabledListIndex(listRef,{startingIndex:prevIndex,amount:cols,disabledIndices}),loop&&prevIndex+cols>maxIndex&&(nextIndex=findNonDisabledListIndex(listRef,{startingIndex:prevIndex%cols-cols,amount:cols,disabledIndices}))),isIndexOutOfListBounds(listRef,nextIndex)&&(nextIndex=prevIndex)),orientation==="both"){const prevRow=floor(prevIndex/cols);event.key===(rtl?ARROW_LEFT:ARROW_RIGHT)&&(stop&&stopEvent(event),prevIndex%cols!==cols-1?(nextIndex=findNonDisabledListIndex(listRef,{startingIndex:prevIndex,disabledIndices}),loop&&isDifferentGridRow(nextIndex,cols,prevRow)&&(nextIndex=findNonDisabledListIndex(listRef,{startingIndex:prevIndex-prevIndex%cols-1,disabledIndices}))):loop&&(nextIndex=findNonDisabledListIndex(listRef,{startingIndex:prevIndex-prevIndex%cols-1,disabledIndices})),isDifferentGridRow(nextIndex,cols,prevRow)&&(nextIndex=prevIndex)),event.key===(rtl?ARROW_RIGHT:ARROW_LEFT)&&(stop&&stopEvent(event),prevIndex%cols!==0?(nextIndex=findNonDisabledListIndex(listRef,{startingIndex:prevIndex,decrement:!0,disabledIndices}),loop&&isDifferentGridRow(nextIndex,cols,prevRow)&&(nextIndex=findNonDisabledListIndex(listRef,{startingIndex:prevIndex+(cols-prevIndex%cols),decrement:!0,disabledIndices}))):loop&&(nextIndex=findNonDisabledListIndex(listRef,{startingIndex:prevIndex+(cols-prevIndex%cols),decrement:!0,disabledIndices})),isDifferentGridRow(nextIndex,cols,prevRow)&&(nextIndex=prevIndex));const lastRow=floor(maxIndex/cols)===prevRow;isIndexOutOfListBounds(listRef,nextIndex)&&(loop&&lastRow?nextIndex=event.key===(rtl?ARROW_RIGHT:ARROW_LEFT)?maxIndex:findNonDisabledListIndex(listRef,{startingIndex:prevIndex-prevIndex%cols-1,disabledIndices}):nextIndex=prevIndex)}return nextIndex}function createGridCellMap(sizes,cols,dense){const cellMap=[];let startIndex=0;return sizes.forEach((_ref2,index2)=>{let{width,height}=_ref2;width>cols;let itemPlaced=!1;for(dense&&(startIndex=0);!itemPlaced;){const targetCells=[];for(let i=0;i<width;i++)for(let j=0;j<height;j++)targetCells.push(startIndex+i+j*cols);startIndex%cols+width<=cols&&targetCells.every(cell=>cellMap[cell]==null)?(targetCells.forEach(cell=>{cellMap[cell]=index2}),itemPlaced=!0):startIndex++}}),[...cellMap]}function getGridCellIndexOfCorner(index2,sizes,cellMap,cols,corner){if(index2===-1)return-1;const firstCellIndex=cellMap.indexOf(index2),sizeItem=sizes[index2];switch(corner){case"tl":return firstCellIndex;case"tr":return sizeItem?firstCellIndex+sizeItem.width-1:firstCellIndex;case"bl":return sizeItem?firstCellIndex+(sizeItem.height-1)*cols:firstCellIndex;case"br":return cellMap.lastIndexOf(index2)}}function getGridCellIndices(indices,cellMap){return cellMap.flatMap((index2,cellIndex)=>indices.includes(index2)?[cellIndex]:[])}function isListIndexDisabled(listRef,index2,disabledIndices){if(typeof disabledIndices=="function")return disabledIndices(index2);if(disabledIndices)return disabledIndices.includes(index2);const element=listRef.current[index2];return element==null||element.hasAttribute("disabled")||element.getAttribute("aria-disabled")==="true"}const getTabbableOptions=()=>({getShadowRoot:!0,displayCheck:typeof ResizeObserver=="function"&&ResizeObserver.toString().includes("[native code]")?"full":"none"});function getTabbableIn(container,dir){const list=tabbable(container,getTabbableOptions()),len=list.length;if(len===0)return;const active=activeElement(getDocument(container)),index2=list.indexOf(active),nextIndex=index2===-1?dir===1?0:len-1:index2+dir;return list[nextIndex]}function getNextTabbable(referenceElement){return getTabbableIn(getDocument(referenceElement).body,1)||referenceElement}function getPreviousTabbable(referenceElement){return getTabbableIn(getDocument(referenceElement).body,-1)||referenceElement}function isOutsideEvent(event,container){const containerElement=container||event.currentTarget,relatedTarget=event.relatedTarget;return!relatedTarget||!contains(containerElement,relatedTarget)}function disableFocusInside(container){tabbable(container,getTabbableOptions()).forEach(element=>{element.dataset.tabindex=element.getAttribute("tabindex")||"",element.setAttribute("tabindex","-1")})}function enableFocusInside(container){container.querySelectorAll("[data-tabindex]").forEach(element=>{const tabindex=element.dataset.tabindex;delete element.dataset.tabindex,tabindex?element.setAttribute("tabindex",tabindex):element.removeAttribute("tabindex")})}var jsx_runtime=__webpack_require__(11684),react_dom=__webpack_require__(2163);function computeCoordsFromPlacement(_ref,placement,rtl){let{reference,floating}=_ref;const sideAxis=getSideAxis(placement),alignmentAxis=getAlignmentAxis(placement),alignLength=getAxisLength(alignmentAxis),side=getSide(placement),isVertical=sideAxis==="y",commonX=reference.x+reference.width/2-floating.width/2,commonY=reference.y+reference.height/2-floating.height/2,commonAlign=reference[alignLength]/2-floating[alignLength]/2;let coords;switch(side){case"top":coords={x:commonX,y:reference.y-floating.height};break;case"bottom":coords={x:commonX,y:reference.y+reference.height};break;case"right":coords={x:reference.x+reference.width,y:commonY};break;case"left":coords={x:reference.x-floating.width,y:commonY};break;default:coords={x:reference.x,y:reference.y}}const alignment=getAlignment(placement);return alignment&&(coords[alignmentAxis]+=commonAlign*(alignment==="end"?1:-1)*(rtl&&isVertical?-1:1)),coords}async function detectOverflow(state,options){var _await$platform$isEle;options===void 0&&(options={});const{x,y,platform:platform2,rects,elements,strategy}=state,{boundary="clippingAncestors",rootBoundary="viewport",elementContext="floating",altBoundary=!1,padding=0}=evaluate(options,state),paddingObject=getPaddingObject(padding),element=elements[altBoundary?elementContext==="floating"?"reference":"floating":elementContext],clippingClientRect=rectToClientRect(await platform2.getClippingRect({element:(_await$platform$isEle=await(platform2.isElement==null?void 0:platform2.isElement(element)))==null||_await$platform$isEle?element:element.contextElement||await(platform2.getDocumentElement==null?void 0:platform2.getDocumentElement(elements.floating)),boundary,rootBoundary,strategy})),rect=elementContext==="floating"?{x,y,width:rects.floating.width,height:rects.floating.height}:rects.reference,offsetParent=await(platform2.getOffsetParent==null?void 0:platform2.getOffsetParent(elements.floating)),offsetScale=await(platform2.isElement==null?void 0:platform2.isElement(offsetParent))&&await(platform2.getScale==null?void 0:platform2.getScale(offsetParent))||{x:1,y:1},elementClientRect=rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect?await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({elements,rect,offsetParent,strategy}):rect);return{top:(clippingClientRect.top-elementClientRect.top+paddingObject.top)/offsetScale.y,bottom:(elementClientRect.bottom-clippingClientRect.bottom+paddingObject.bottom)/offsetScale.y,left:(clippingClientRect.left-elementClientRect.left+paddingObject.left)/offsetScale.x,right:(elementClientRect.right-clippingClientRect.right+paddingObject.right)/offsetScale.x}}const MAX_RESET_COUNT=50,computePosition=async(reference,floating,config)=>{const{placement="bottom",strategy="absolute",middleware=[],platform:platform2}=config,platformWithDetectOverflow=platform2.detectOverflow?platform2:{...platform2,detectOverflow},rtl=await(platform2.isRTL==null?void 0:platform2.isRTL(floating));let rects=await platform2.getElementRects({reference,floating,strategy}),{x,y}=computeCoordsFromPlacement(rects,placement,rtl),statefulPlacement=placement,resetCount=0;const middlewareData={};for(let i=0;i<middleware.length;i++){const currentMiddleware=middleware[i];if(!currentMiddleware)continue;const{name,fn}=currentMiddleware,{x:nextX,y:nextY,data,reset}=await fn({x,y,initialPlacement:placement,placement:statefulPlacement,strategy,middlewareData,rects,platform:platformWithDetectOverflow,elements:{reference,floating}});x=nextX??x,y=nextY??y,middlewareData[name]={...middlewareData[name],...data},reset&&resetCount<MAX_RESET_COUNT&&(resetCount++,typeof reset=="object"&&(reset.placement&&(statefulPlacement=reset.placement),reset.rects&&(rects=reset.rects===!0?await platform2.getElementRects({reference,floating,strategy}):reset.rects),{x,y}=computeCoordsFromPlacement(rects,statefulPlacement,rtl)),i=-1)}return{x,y,placement:statefulPlacement,strategy,middlewareData}},arrow=options=>({name:"arrow",options,async fn(state){const{x,y,placement,rects,platform:platform2,elements,middlewareData}=state,{element,padding=0}=evaluate(options,state)||{};if(element==null)return{};const paddingObject=getPaddingObject(padding),coords={x,y},axis=getAlignmentAxis(placement),length=getAxisLength(axis),arrowDimensions=await platform2.getDimensions(element),isYAxis=axis==="y",minProp=isYAxis?"top":"left",maxProp=isYAxis?"bottom":"right",clientProp=isYAxis?"clientHeight":"clientWidth",endDiff=rects.reference[length]+rects.reference[axis]-coords[axis]-rects.floating[length],startDiff=coords[axis]-rects.reference[axis],arrowOffsetParent=await(platform2.getOffsetParent==null?void 0:platform2.getOffsetParent(element));let clientSize=arrowOffsetParent?arrowOffsetParent[clientProp]:0;(!clientSize||!await(platform2.isElement==null?void 0:platform2.isElement(arrowOffsetParent)))&&(clientSize=elements.floating[clientProp]||rects.floating[length]);const centerToReference=endDiff/2-startDiff/2,largestPossiblePadding=clientSize/2-arrowDimensions[length]/2-1,minPadding=min(paddingObject[minProp],largestPossiblePadding),maxPadding=min(paddingObject[maxProp],largestPossiblePadding),max2=clientSize-arrowDimensions[length]-maxPadding,center=clientSize/2-arrowDimensions[length]/2+centerToReference,offset2=clamp(minPadding,center,max2),shouldAddOffset=!middlewareData.arrow&&getAlignment(placement)!=null&&center!==offset2&&rects.reference[length]/2-(center<minPadding?minPadding:maxPadding)-arrowDimensions[length]/2<0,alignmentOffset=shouldAddOffset?center<minPadding?center-minPadding:center-max2:0;return{[axis]:coords[axis]+alignmentOffset,data:{[axis]:offset2,centerOffset:center-offset2-alignmentOffset,...shouldAddOffset&&{alignmentOffset}},reset:shouldAddOffset}}});function getPlacementList(alignment,autoAlignment,allowedPlacements){return(alignment?[...allowedPlacements.filter(placement=>getAlignment(placement)===alignment),...allowedPlacements.filter(placement=>getAlignment(placement)!==alignment)]:allowedPlacements.filter(placement=>getSide(placement)===placement)).filter(placement=>alignment?getAlignment(placement)===alignment||(autoAlignment?getOppositeAlignmentPlacement(placement)!==placement:!1):!0)}const autoPlacement=function(options){return options===void 0&&(options={}),{name:"autoPlacement",options,async fn(state){var _middlewareData$autoP,_middlewareData$autoP2,_placementsThatFitOnE;const{rects,middlewareData,placement,platform:platform2,elements}=state,{crossAxis=!1,alignment,allowedPlacements=placements,autoAlignment=!0,...detectOverflowOptions}=evaluate(options,state),placements$1=alignment!==void 0||allowedPlacements===placements?getPlacementList(alignment||null,autoAlignment,allowedPlacements):allowedPlacements,currentIndex=((_middlewareData$autoP=middlewareData.autoPlacement)==null?void 0:_middlewareData$autoP.index)||0,currentPlacement=placements$1[currentIndex];if(currentPlacement==null)return{};if(placement!==currentPlacement)return{reset:{placement:placements$1[0]}};const overflow=await platform2.detectOverflow(state,detectOverflowOptions),alignmentSides=getAlignmentSides(currentPlacement,rects,await(platform2.isRTL==null?void 0:platform2.isRTL(elements.floating))),currentOverflows=[overflow[getSide(currentPlacement)],overflow[alignmentSides[0]],overflow[alignmentSides[1]]],allOverflows=[...((_middlewareData$autoP2=middlewareData.autoPlacement)==null?void 0:_middlewareData$autoP2.overflows)||[],{placement:currentPlacement,overflows:currentOverflows}],nextPlacement=placements$1[currentIndex+1];if(nextPlacement)return{data:{index:currentIndex+1,overflows:allOverflows},reset:{placement:nextPlacement}};const placementsSortedByMostSpace=allOverflows.map(d=>{const alignment2=getAlignment(d.placement);return[d.placement,alignment2&&crossAxis?d.overflows.slice(0,2).reduce((acc,v)=>acc+v,0):d.overflows[0],d.overflows]}).sort((a,b)=>a[1]-b[1]),resetPlacement=((_placementsThatFitOnE=placementsSortedByMostSpace.filter(d=>d[2].slice(0,getAlignment(d[0])?2:3).every(v=>v<=0))[0])==null?void 0:_placementsThatFitOnE[0])||placementsSortedByMostSpace[0][0];return resetPlacement!==placement?{data:{index:currentIndex+1,overflows:allOverflows},reset:{placement:resetPlacement}}:{}}}},flip=function(options){return options===void 0&&(options={}),{name:"flip",options,async fn(state){var _middlewareData$arrow,_middlewareData$flip;const{placement,middlewareData,rects,initialPlacement,platform:platform2,elements}=state,{mainAxis:checkMainAxis=!0,crossAxis:checkCrossAxis=!0,fallbackPlacements:specifiedFallbackPlacements,fallbackStrategy="bestFit",fallbackAxisSideDirection="none",flipAlignment=!0,...detectOverflowOptions}=evaluate(options,state);if((_middlewareData$arrow=middlewareData.arrow)!=null&&_middlewareData$arrow.alignmentOffset)return{};const side=getSide(placement),initialSideAxis=getSideAxis(initialPlacement),isBasePlacement=getSide(initialPlacement)===initialPlacement,rtl=await(platform2.isRTL==null?void 0:platform2.isRTL(elements.floating)),fallbackPlacements=specifiedFallbackPlacements||(isBasePlacement||!flipAlignment?[getOppositePlacement(initialPlacement)]:getExpandedPlacements(initialPlacement)),hasFallbackAxisSideDirection=fallbackAxisSideDirection!=="none";!specifiedFallbackPlacements&&hasFallbackAxisSideDirection&&fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement,flipAlignment,fallbackAxisSideDirection,rtl));const placements2=[initialPlacement,...fallbackPlacements],overflow=await platform2.detectOverflow(state,detectOverflowOptions),overflows=[];let overflowsData=((_middlewareData$flip=middlewareData.flip)==null?void 0:_middlewareData$flip.overflows)||[];if(checkMainAxis&&overflows.push(overflow[side]),checkCrossAxis){const sides2=getAlignmentSides(placement,rects,rtl);overflows.push(overflow[sides2[0]],overflow[sides2[1]])}if(overflowsData=[...overflowsData,{placement,overflows}],!overflows.every(side2=>side2<=0)){var _middlewareData$flip2,_overflowsData$filter;const nextIndex=(((_middlewareData$flip2=middlewareData.flip)==null?void 0:_middlewareData$flip2.index)||0)+1,nextPlacement=placements2[nextIndex];if(nextPlacement&&(!(checkCrossAxis==="alignment"?initialSideAxis!==getSideAxis(nextPlacement):!1)||overflowsData.every(d=>getSideAxis(d.placement)===initialSideAxis?d.overflows[0]>0:!0)))return{data:{index:nextIndex,overflows:overflowsData},reset:{placement:nextPlacement}};let resetPlacement=(_overflowsData$filter=overflowsData.filter(d=>d.overflows[0]<=0).sort((a,b)=>a.overflows[1]-b.overflows[1])[0])==null?void 0:_overflowsData$filter.placement;if(!resetPlacement)switch(fallbackStrategy){case"bestFit":{var _overflowsData$filter2;const placement2=(_overflowsData$filter2=overflowsData.filter(d=>{if(hasFallbackAxisSideDirection){const currentSideAxis=getSideAxis(d.placement);return currentSideAxis===initialSideAxis||currentSideAxis==="y"}return!0}).map(d=>[d.placement,d.overflows.filter(overflow2=>overflow2>0).reduce((acc,overflow2)=>acc+overflow2,0)]).sort((a,b)=>a[1]-b[1])[0])==null?void 0:_overflowsData$filter2[0];placement2&&(resetPlacement=placement2);break}case"initialPlacement":resetPlacement=initialPlacement;break}if(placement!==resetPlacement)return{reset:{placement:resetPlacement}}}return{}}}};function getSideOffsets(overflow,rect){return{top:overflow.top-rect.height,right:overflow.right-rect.width,bottom:overflow.bottom-rect.height,left:overflow.left-rect.width}}function isAnySideFullyClipped(overflow){return sides.some(side=>overflow[side]>=0)}const hide=function(options){return options===void 0&&(options={}),{name:"hide",options,async fn(state){const{rects,platform:platform2}=state,{strategy="referenceHidden",...detectOverflowOptions}=evaluate(options,state);switch(strategy){case"referenceHidden":{const overflow=await platform2.detectOverflow(state,{...detectOverflowOptions,elementContext:"reference"}),offsets=getSideOffsets(overflow,rects.reference);return{data:{referenceHiddenOffsets:offsets,referenceHidden:isAnySideFullyClipped(offsets)}}}case"escaped":{const overflow=await platform2.detectOverflow(state,{...detectOverflowOptions,altBoundary:!0}),offsets=getSideOffsets(overflow,rects.floating);return{data:{escapedOffsets:offsets,escaped:isAnySideFullyClipped(offsets)}}}default:return{}}}}};function getBoundingRect(rects){const minX=min(...rects.map(rect=>rect.left)),minY=min(...rects.map(rect=>rect.top)),maxX=max(...rects.map(rect=>rect.right)),maxY=max(...rects.map(rect=>rect.bottom));return{x:minX,y:minY,width:maxX-minX,height:maxY-minY}}function getRectsByLine(rects){const sortedRects=rects.slice().sort((a,b)=>a.y-b.y),groups=[];let prevRect=null;for(let i=0;i<sortedRects.length;i++){const rect=sortedRects[i];!prevRect||rect.y-prevRect.y>prevRect.height/2?groups.push([rect]):groups[groups.length-1].push(rect),prevRect=rect}return groups.map(rect=>rectToClientRect(getBoundingRect(rect)))}const inline=function(options){return options===void 0&&(options={}),{name:"inline",options,async fn(state){const{placement,elements,rects,platform:platform2,strategy}=state,{padding=2,x,y}=evaluate(options,state),nativeClientRects=Array.from(await(platform2.getClientRects==null?void 0:platform2.getClientRects(elements.reference))||[]);if(!nativeClientRects.length)return{};const clientRects=getRectsByLine(nativeClientRects),fallback=rectToClientRect(getBoundingRect(nativeClientRects)),paddingObject=getPaddingObject(padding);function getBoundingClientRect2(){if(clientRects.length===2&&(clientRects[0].left>clientRects[1].right||clientRects[1].left>clientRects[0].right)&&x!=null&&y!=null)return clientRects.find(rect=>x>rect.left-paddingObject.left&&x<rect.right+paddingObject.right&&y>rect.top-paddingObject.top&&y<rect.bottom+paddingObject.bottom)||fallback;if(clientRects.length>=2){if(getSideAxis(placement)==="y"){const firstRect=clientRects[0],lastRect=clientRects[clientRects.length-1],isTop=getSide(placement)==="top",top2=firstRect.top,bottom2=lastRect.bottom,left=isTop?firstRect.left:lastRect.left,right=isTop?firstRect.right:lastRect.right;return rectToClientRect({x:left,y:top2,width:right-left,height:bottom2-top2})}const isLeftSide=getSide(placement)==="left",maxRight=max(...clientRects.map(rect=>rect.right)),minLeft=min(...clientRects.map(rect=>rect.left)),measureRects=clientRects.filter(rect=>isLeftSide?rect.left===minLeft:rect.right===maxRight),top=measureRects[0].top,bottom=measureRects[measureRects.length-1].bottom;return rectToClientRect({x:minLeft,y:top,width:maxRight-minLeft,height:bottom-top})}return fallback}const resetRects=await platform2.getElementRects({reference:{getBoundingClientRect:getBoundingClientRect2},floating:elements.floating,strategy});return rects.reference.x!==resetRects.reference.x||rects.reference.y!==resetRects.reference.y||rects.reference.width!==resetRects.reference.width||rects.reference.height!==resetRects.reference.height?{reset:{rects:resetRects}}:{}}}},originSides=new Set(["left","top"]);async function convertValueToCoords(state,options){const{placement,platform:platform2,elements}=state,rtl=await(platform2.isRTL==null?void 0:platform2.isRTL(elements.floating)),side=getSide(placement),alignment=getAlignment(placement),isVertical=getSideAxis(placement)==="y",mainAxisMulti=originSides.has(side)?-1:1,crossAxisMulti=rtl&&isVertical?-1:1,rawValue=evaluate(options,state);let{mainAxis,crossAxis,alignmentAxis}=typeof rawValue=="number"?{mainAxis:rawValue,crossAxis:0,alignmentAxis:null}:{mainAxis:rawValue.mainAxis||0,crossAxis:rawValue.crossAxis||0,alignmentAxis:rawValue.alignmentAxis};return alignment&&typeof alignmentAxis=="number"&&(crossAxis=alignment==="end"?alignmentAxis*-1:alignmentAxis),isVertical?{x:crossAxis*crossAxisMulti,y:mainAxis*mainAxisMulti}:{x:mainAxis*mainAxisMulti,y:crossAxis*crossAxisMulti}}const offset=function(options){return options===void 0&&(options=0),{name:"offset",options,async fn(state){var _middlewareData$offse,_middlewareData$arrow;const{x,y,placement,middlewareData}=state,diffCoords=await convertValueToCoords(state,options);return placement===((_middlewareData$offse=middlewareData.offset)==null?void 0:_middlewareData$offse.placement)&&(_middlewareData$arrow=middlewareData.arrow)!=null&&_middlewareData$arrow.alignmentOffset?{}:{x:x+diffCoords.x,y:y+diffCoords.y,data:{...diffCoords,placement}}}}},shift=function(options){return options===void 0&&(options={}),{name:"shift",options,async fn(state){const{x,y,placement,platform:platform2}=state,{mainAxis:checkMainAxis=!0,crossAxis:checkCrossAxis=!1,limiter={fn:_ref=>{let{x:x2,y:y2}=_ref;return{x:x2,y:y2}}},...detectOverflowOptions}=evaluate(options,state),coords={x,y},overflow=await platform2.detectOverflow(state,detectOverflowOptions),crossAxis=getSideAxis(placement),mainAxis=getOppositeAxis(crossAxis);let mainAxisCoord=coords[mainAxis],crossAxisCoord=coords[crossAxis];const clampCoord=(axis,coord)=>clamp(coord+overflow[axis==="y"?"top":"left"],coord,coord-overflow[axis==="y"?"bottom":"right"]);checkMainAxis&&(mainAxisCoord=clampCoord(mainAxis,mainAxisCoord)),checkCrossAxis&&(crossAxisCoord=clampCoord(crossAxis,crossAxisCoord));const limitedCoords=limiter.fn({...state,[mainAxis]:mainAxisCoord,[crossAxis]:crossAxisCoord});return{...limitedCoords,data:{x:limitedCoords.x-x,y:limitedCoords.y-y,enabled:{[mainAxis]:checkMainAxis,[crossAxis]:checkCrossAxis}}}}}},limitShift=function(options){return options===void 0&&(options={}),{options,fn(state){var _rawOffset$mainAxis,_rawOffset$crossAxis;const{x,y,placement,rects,middlewareData}=state,{offset:offset2=0,mainAxis:checkMainAxis=!0,crossAxis:checkCrossAxis=!0}=evaluate(options,state),coords={x,y},crossAxis=getSideAxis(placement),mainAxis=getOppositeAxis(crossAxis);let mainAxisCoord=coords[mainAxis],crossAxisCoord=coords[crossAxis];const rawOffset=evaluate(offset2,state),computedOffset=typeof rawOffset=="number"?{mainAxis:rawOffset,crossAxis:0}:{mainAxis:(_rawOffset$mainAxis=rawOffset.mainAxis)!=null?_rawOffset$mainAxis:0,crossAxis:(_rawOffset$crossAxis=rawOffset.crossAxis)!=null?_rawOffset$crossAxis:0};if(checkMainAxis){const len=mainAxis==="y"?"height":"width",limitMin=rects.reference[mainAxis]-rects.floating[len]+computedOffset.mainAxis,limitMax=rects.reference[mainAxis]+rects.reference[len]-computedOffset.mainAxis;mainAxisCoord<limitMin?mainAxisCoord=limitMin:mainAxisCoord>limitMax&&(mainAxisCoord=limitMax)}if(checkCrossAxis){var _middlewareData$offse,_middlewareData$offse2;const len=mainAxis==="y"?"width":"height",isOriginSide=originSides.has(getSide(placement)),limitMin=rects.reference[crossAxis]-rects.floating[len]+(isOriginSide&&((_middlewareData$offse=middlewareData.offset)==null?void 0:_middlewareData$offse[crossAxis])||0)+(isOriginSide?0:computedOffset.crossAxis),limitMax=rects.reference[crossAxis]+rects.reference[len]+(isOriginSide?0:((_middlewareData$offse2=middlewareData.offset)==null?void 0:_middlewareData$offse2[crossAxis])||0)-(isOriginSide?computedOffset.crossAxis:0);crossAxisCoord<limitMin?crossAxisCoord=limitMin:crossAxisCoord>limitMax&&(crossAxisCoord=limitMax)}return{[mainAxis]:mainAxisCoord,[crossAxis]:crossAxisCoord}}}},size=function(options){return options===void 0&&(options={}),{name:"size",options,async fn(state){const{placement,rects,platform:platform2,elements}=state,{apply=()=>{},...detectOverflowOptions}=evaluate(options,state),overflow=await platform2.detectOverflow(state,detectOverflowOptions),side=getSide(placement),alignment=getAlignment(placement),isYAxis=getSideAxis(placement)==="y",{width,height}=rects.floating;let heightSide,widthSide;side==="top"||side==="bottom"?(heightSide=side,widthSide=alignment===(await(platform2.isRTL==null?void 0:platform2.isRTL(elements.floating))?"start":"end")?"left":"right"):(widthSide=side,heightSide=alignment==="end"?"top":"bottom");const maximumClippingHeight=height-overflow.top-overflow.bottom,maximumClippingWidth=width-overflow.left-overflow.right,overflowAvailableHeight=min(height-overflow[heightSide],maximumClippingHeight),overflowAvailableWidth=min(width-overflow[widthSide],maximumClippingWidth),shiftData=state.middlewareData.shift,noShift=!shiftData;let availableHeight=overflowAvailableHeight,availableWidth=overflowAvailableWidth;shiftData!=null&&shiftData.enabled.x&&(availableWidth=maximumClippingWidth),shiftData!=null&&shiftData.enabled.y&&(availableHeight=maximumClippingHeight),noShift&&!alignment&&(isYAxis?availableWidth=width-2*max(overflow.left,overflow.right):availableHeight=height-2*max(overflow.top,overflow.bottom)),await apply({...state,availableWidth,availableHeight});const nextDimensions=await platform2.getDimensions(elements.floating);return width!==nextDimensions.width||height!==nextDimensions.height?{reset:{rects:!0}}:{}}}};function getCssDimensions(element){const css=floating_ui_utils_dom_getComputedStyle(element);let width=parseFloat(css.width)||0,height=parseFloat(css.height)||0;const hasOffset=isHTMLElement(element),offsetWidth=hasOffset?element.offsetWidth:width,offsetHeight=hasOffset?element.offsetHeight:height,shouldFallback=round(width)!==offsetWidth||round(height)!==offsetHeight;return shouldFallback&&(width=offsetWidth,height=offsetHeight),{width,height,$:shouldFallback}}function unwrapElement(element){return isElement(element)?element:element.contextElement}function getScale(element){const domElement=unwrapElement(element);if(!isHTMLElement(domElement))return createCoords(1);const rect=domElement.getBoundingClientRect(),{width,height,$}=getCssDimensions(domElement);let x=($?round(rect.width):rect.width)/width,y=($?round(rect.height):rect.height)/height;return(!x||!Number.isFinite(x))&&(x=1),(!y||!Number.isFinite(y))&&(y=1),{x,y}}const noOffsets=createCoords(0);function getVisualOffsets(element){const win=getWindow(element);return!isWebKit()||!win.visualViewport?noOffsets:{x:win.visualViewport.offsetLeft,y:win.visualViewport.offsetTop}}function shouldAddVisualOffsets(element,isFixed,floatingOffsetParent){return isFixed===void 0&&(isFixed=!1),!!floatingOffsetParent&&isFixed&&floatingOffsetParent===getWindow(element)}function getBoundingClientRect(element,includeScale,isFixedStrategy,offsetParent){includeScale===void 0&&(includeScale=!1),isFixedStrategy===void 0&&(isFixedStrategy=!1);const clientRect=element.getBoundingClientRect(),domElement=unwrapElement(element);let scale=createCoords(1);includeScale&&(offsetParent?isElement(offsetParent)&&(scale=getScale(offsetParent)):scale=getScale(element));const visualOffsets=shouldAddVisualOffsets(domElement,isFixedStrategy,offsetParent)?getVisualOffsets(domElement):createCoords(0);let x=(clientRect.left+visualOffsets.x)/scale.x,y=(clientRect.top+visualOffsets.y)/scale.y,width=clientRect.width/scale.x,height=clientRect.height/scale.y;if(domElement&&offsetParent){const win=getWindow(domElement),offsetWin=isElement(offsetParent)?getWindow(offsetParent):offsetParent;let currentWin=win,currentIFrame=getFrameElement(currentWin);for(;currentIFrame&&offsetWin!==currentWin;){const iframeScale=getScale(currentIFrame),iframeRect=currentIFrame.getBoundingClientRect(),css=floating_ui_utils_dom_getComputedStyle(currentIFrame),left=iframeRect.left+(currentIFrame.clientLeft+parseFloat(css.paddingLeft))*iframeScale.x,top=iframeRect.top+(currentIFrame.clientTop+parseFloat(css.paddingTop))*iframeScale.y;x*=iframeScale.x,y*=iframeScale.y,width*=iframeScale.x,height*=iframeScale.y,x+=left,y+=top,currentWin=getWindow(currentIFrame),currentIFrame=getFrameElement(currentWin)}}return rectToClientRect({width,height,x,y})}function getWindowScrollBarX(element,rect){const leftScroll=getNodeScroll(element).scrollLeft;return rect?rect.left+leftScroll:getBoundingClientRect(getDocumentElement(element)).left+leftScroll}function getHTMLOffset(documentElement,scroll){const htmlRect=documentElement.getBoundingClientRect(),x=htmlRect.left+scroll.scrollLeft-getWindowScrollBarX(documentElement,htmlRect),y=htmlRect.top+scroll.scrollTop;return{x,y}}function convertOffsetParentRelativeRectToViewportRelativeRect(_ref){let{elements,rect,offsetParent,strategy}=_ref;const isFixed=strategy==="fixed",documentElement=getDocumentElement(offsetParent),topLayer=elements?isTopLayer(elements.floating):!1;if(offsetParent===documentElement||topLayer&&isFixed)return rect;let scroll={scrollLeft:0,scrollTop:0},scale=createCoords(1);const offsets=createCoords(0),isOffsetParentAnElement=isHTMLElement(offsetParent);if((isOffsetParentAnElement||!isFixed)&&((getNodeName(offsetParent)!=="body"||isOverflowElement(documentElement))&&(scroll=getNodeScroll(offsetParent)),isOffsetParentAnElement)){const offsetRect=getBoundingClientRect(offsetParent);scale=getScale(offsetParent),offsets.x=offsetRect.x+offsetParent.clientLeft,offsets.y=offsetRect.y+offsetParent.clientTop}const htmlOffset=documentElement&&!isOffsetParentAnElement&&!isFixed?getHTMLOffset(documentElement,scroll):createCoords(0);return{width:rect.width*scale.x,height:rect.height*scale.y,x:rect.x*scale.x-scroll.scrollLeft*scale.x+offsets.x+htmlOffset.x,y:rect.y*scale.y-scroll.scrollTop*scale.y+offsets.y+htmlOffset.y}}function getClientRects(element){return element.getClientRects?Array.from(element.getClientRects()):[]}function getDocumentRect(html){const scroll=getNodeScroll(html),body=html.ownerDocument.body,width=max(html.scrollWidth,html.clientWidth,body.scrollWidth,body.clientWidth),height=max(html.scrollHeight,html.clientHeight,body.scrollHeight,body.clientHeight);let x=-scroll.scrollLeft+getWindowScrollBarX(html);const y=-scroll.scrollTop;return floating_ui_utils_dom_getComputedStyle(body).direction==="rtl"&&(x+=max(html.clientWidth,body.clientWidth)-width),{width,height,x,y}}const SCROLLBAR_MAX=25;function getViewportRect(element,strategy,rootBoundary){rootBoundary===void 0&&(rootBoundary="viewport");const isLayoutViewport=rootBoundary==="layoutViewport",win=getWindow(element),html=getDocumentElement(element),visualViewport=win.visualViewport;let width=html.clientWidth,height=html.clientHeight,x=0,y=0;if(visualViewport){const layoutRelativeClientCoords=!isWebKit()||strategy==="fixed";isLayoutViewport?layoutRelativeClientCoords||(x=-visualViewport.offsetLeft,y=-visualViewport.offsetTop):(width=visualViewport.width,height=visualViewport.height,layoutRelativeClientCoords&&(x=visualViewport.offsetLeft,y=visualViewport.offsetTop))}if(getWindowScrollBarX(html)<=0){const doc=html.ownerDocument,body=doc.body,bodyStyles=getComputedStyle(body),bodyMarginInline=doc.compatMode==="CSS1Compat"&&parseFloat(bodyStyles.marginLeft)+parseFloat(bodyStyles.marginRight)||0,reservedWidth=Math.abs(html.clientWidth-body.clientWidth-bodyMarginInline),gutter=getComputedStyle(html).scrollbarGutter==="stable both-edges"?reservedWidth/2:reservedWidth;gutter<=SCROLLBAR_MAX&&(width-=gutter)}return{width,height,x,y}}function getInnerBoundingClientRect(element,strategy){const clientRect=getBoundingClientRect(element,!0,strategy==="fixed"),top=clientRect.top+element.clientTop,left=clientRect.left+element.clientLeft,scale=getScale(element),width=element.clientWidth*scale.x,height=element.clientHeight*scale.y,x=left*scale.x,y=top*scale.y;return{width,height,x,y}}function getClientRectFromClippingAncestor(element,clippingAncestor,strategy){let rect;if(clippingAncestor==="viewport"||clippingAncestor==="layoutViewport")rect=getViewportRect(element,strategy,clippingAncestor);else if(clippingAncestor==="document")rect=getDocumentRect(getDocumentElement(element));else if(isElement(clippingAncestor))rect=getInnerBoundingClientRect(clippingAncestor,strategy);else{const visualOffsets=getVisualOffsets(element);rect={x:clippingAncestor.x-visualOffsets.x,y:clippingAncestor.y-visualOffsets.y,width:clippingAncestor.width,height:clippingAncestor.height}}return rectToClientRect(rect)}function getClippingElementAncestors(element,cache){const cachedResult=cache.get(element);if(cachedResult)return cachedResult;let result=getOverflowAncestors(element,[],!1).filter(el=>isElement(el)&&getNodeName(el)!=="body"),lastKeptComputedStyle=null;const elementIsFixed=floating_ui_utils_dom_getComputedStyle(element).position==="fixed";let currentNode=elementIsFixed?getParentNode(element):element;for(;isElement(currentNode)&&!isLastTraversableNode(currentNode);){const computedStyle=floating_ui_utils_dom_getComputedStyle(currentNode),currentNodeIsContaining=isContainingBlock(currentNode),lastPosition=lastKeptComputedStyle?lastKeptComputedStyle.position:elementIsFixed?"fixed":"";!currentNodeIsContaining&&(lastPosition==="fixed"||lastPosition==="absolute"&&computedStyle.position==="static")?result=result.filter(ancestor=>ancestor!==currentNode):lastKeptComputedStyle=computedStyle,currentNode=getParentNode(currentNode)}return cache.set(element,result),result}function getClippingRect(_ref){let{element,boundary,rootBoundary,strategy}=_ref;const clippingAncestors=[...boundary==="clippingAncestors"?isTopLayer(element)?[]:getClippingElementAncestors(element,this._c):[].concat(boundary),rootBoundary],firstRect=getClientRectFromClippingAncestor(element,clippingAncestors[0],strategy);let top=firstRect.top,right=firstRect.right,bottom=firstRect.bottom,left=firstRect.left;for(let i=1;i<clippingAncestors.length;i++){const rect=getClientRectFromClippingAncestor(element,clippingAncestors[i],strategy);top=max(rect.top,top),right=min(rect.right,right),bottom=min(rect.bottom,bottom),left=max(rect.left,left)}return{width:right-left,height:bottom-top,x:left,y:top}}function getDimensions(element){const{width,height}=getCssDimensions(element);return{width,height}}function getRectRelativeToOffsetParent(element,offsetParent,strategy){const isOffsetParentAnElement=isHTMLElement(offsetParent),documentElement=getDocumentElement(offsetParent),isFixed=strategy==="fixed",rect=getBoundingClientRect(element,!0,isFixed,offsetParent);let scroll={scrollLeft:0,scrollTop:0};const offsets=createCoords(0);if((isOffsetParentAnElement||!isFixed)&&((getNodeName(offsetParent)!=="body"||isOverflowElement(documentElement))&&(scroll=getNodeScroll(offsetParent)),isOffsetParentAnElement)){const offsetRect=getBoundingClientRect(offsetParent,!0,isFixed,offsetParent);offsets.x=offsetRect.x+offsetParent.clientLeft,offsets.y=offsetRect.y+offsetParent.clientTop}!isOffsetParentAnElement&&documentElement&&(offsets.x=getWindowScrollBarX(documentElement));const htmlOffset=documentElement&&!isOffsetParentAnElement&&!isFixed?getHTMLOffset(documentElement,scroll):createCoords(0),x=rect.left+scroll.scrollLeft-offsets.x-htmlOffset.x,y=rect.top+scroll.scrollTop-offsets.y-htmlOffset.y;return{x,y,width:rect.width,height:rect.height}}function isStaticPositioned(element){return floating_ui_utils_dom_getComputedStyle(element).position==="static"}function getTrueOffsetParent(element,polyfill){if(!isHTMLElement(element)||floating_ui_utils_dom_getComputedStyle(element).position==="fixed")return null;if(polyfill)return polyfill(element);let rawOffsetParent=element.offsetParent;return getDocumentElement(element)===rawOffsetParent&&(rawOffsetParent=rawOffsetParent.ownerDocument.body),rawOffsetParent}function getOffsetParent(element,polyfill){const win=getWindow(element);if(isTopLayer(element))return win;if(!isHTMLElement(element)){let svgOffsetParent=getParentNode(element);for(;svgOffsetParent&&!isLastTraversableNode(svgOffsetParent);){if(isElement(svgOffsetParent)&&!isStaticPositioned(svgOffsetParent))return svgOffsetParent;svgOffsetParent=getParentNode(svgOffsetParent)}return win}let offsetParent=getTrueOffsetParent(element,polyfill);for(;offsetParent&&isTableElement(offsetParent)&&isStaticPositioned(offsetParent);)offsetParent=getTrueOffsetParent(offsetParent,polyfill);return offsetParent&&isLastTraversableNode(offsetParent)&&isStaticPositioned(offsetParent)&&!isContainingBlock(offsetParent)?win:offsetParent||getContainingBlock(element)||win}const getElementRects=async function(data){const getOffsetParentFn=this.getOffsetParent||getOffsetParent,floatingDimensions=await this.getDimensions(data.floating);return{reference:getRectRelativeToOffsetParent(data.reference,await getOffsetParentFn(data.floating),data.strategy),floating:{x:0,y:0,width:floatingDimensions.width,height:floatingDimensions.height}}};function isRTL(element){return floating_ui_utils_dom_getComputedStyle(element).direction==="rtl"}const platform={convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement,getClippingRect,getOffsetParent,getElementRects,getClientRects,getDimensions,getScale,isElement,isRTL};function rectsAreEqual(a,b){return a.x===b.x&&a.y===b.y&&a.width===b.width&&a.height===b.height}function observeMove(element,onMove,ancestorResize){let io=null,timeoutId;const root=getDocumentElement(element);function cleanup2(){var _io;clearTimeout(timeoutId),(_io=io)==null||_io.disconnect(),io=null}function refresh(skip,threshold){skip===void 0&&(skip=!1),threshold===void 0&&(threshold=1),cleanup2();const elementRectForRootMargin=element.getBoundingClientRect(),{left,top,width,height}=elementRectForRootMargin;if(skip||onMove(),!width||!height)return;const insetTop=floor(top),insetRight=floor(root.clientWidth-(left+width)),insetBottom=floor(root.clientHeight-(top+height)),insetLeft=floor(left),options={rootMargin:-insetTop+"px "+-insetRight+"px "+-insetBottom+"px "+-insetLeft+"px",threshold:max(0,min(1,threshold))||1};let isFirstUpdate=!0;function handleObserve(entries){const ratio=entries[0].intersectionRatio;if(!rectsAreEqual(elementRectForRootMargin,element.getBoundingClientRect()))return refresh();if(ratio!==threshold){if(!isFirstUpdate)return refresh();ratio?refresh(!1,ratio):timeoutId=setTimeout(()=>{refresh(!1,1e-7)},1e3)}isFirstUpdate=!1}try{io=new IntersectionObserver(handleObserve,{...options,root:root.ownerDocument})}catch{io=new IntersectionObserver(handleObserve,options)}io.observe(element)}const win=getWindow(element),handleResize=()=>refresh(ancestorResize);return win.addEventListener("resize",handleResize),refresh(!0),()=>{win.removeEventListener("resize",handleResize),cleanup2()}}function autoUpdate(reference,floating,update,options){options===void 0&&(options={});const{ancestorScroll=!0,ancestorResize=!0,elementResize=typeof ResizeObserver=="function",layoutShift=typeof IntersectionObserver=="function",animationFrame=!1}=options,referenceEl=unwrapElement(reference),ancestors=ancestorScroll||ancestorResize?[...referenceEl?getOverflowAncestors(referenceEl):[],...floating?getOverflowAncestors(floating):[]]:[];ancestors.forEach(ancestor=>{ancestorScroll&&ancestor.addEventListener("scroll",update),ancestorResize&&ancestor.addEventListener("resize",update)});const cleanupIo=referenceEl&&layoutShift?observeMove(referenceEl,update,ancestorResize):null;let reobserveFrame=-1,resizeObserver=null;elementResize&&(resizeObserver=new ResizeObserver(_ref=>{let[firstEntry]=_ref;firstEntry&&firstEntry.target===referenceEl&&resizeObserver&&floating&&(resizeObserver.unobserve(floating),cancelAnimationFrame(reobserveFrame),reobserveFrame=requestAnimationFrame(()=>{var _resizeObserver;(_resizeObserver=resizeObserver)==null||_resizeObserver.observe(floating)})),update()}),referenceEl&&!animationFrame&&resizeObserver.observe(referenceEl),floating&&resizeObserver.observe(floating));let frameId,prevRefRect=animationFrame?getBoundingClientRect(reference):null;animationFrame&&frameLoop();function frameLoop(){const nextRefRect=getBoundingClientRect(reference);prevRefRect&&!rectsAreEqual(prevRefRect,nextRefRect)&&update(),prevRefRect=nextRefRect,frameId=requestAnimationFrame(frameLoop)}return update(),()=>{var _resizeObserver2;ancestors.forEach(ancestor=>{ancestorScroll&&ancestor.removeEventListener("scroll",update),ancestorResize&&ancestor.removeEventListener("resize",update)}),cleanupIo?.(),(_resizeObserver2=resizeObserver)==null||_resizeObserver2.disconnect(),resizeObserver=null,animationFrame&&cancelAnimationFrame(frameId)}}const floating_ui_dom_detectOverflow=detectOverflow,floating_ui_dom_offset=offset,floating_ui_dom_autoPlacement=autoPlacement,floating_ui_dom_shift=shift,floating_ui_dom_flip=flip,floating_ui_dom_size=size,floating_ui_dom_hide=hide,floating_ui_dom_arrow=arrow,floating_ui_dom_inline=inline,floating_ui_dom_limitShift=limitShift,floating_ui_dom_computePosition=(reference,floating,options)=>{const cache=new Map,mergedOptions=options??{},platformWithCache={...platform,...mergedOptions.platform,_c:cache};return computePosition(reference,floating,{...mergedOptions,platform:platformWithCache})};var floating_ui_react_dom_isClient=typeof document<"u",floating_ui_react_dom_noop=function(){},index=floating_ui_react_dom_isClient?react.useLayoutEffect:floating_ui_react_dom_noop;function deepEqual(a,b){if(a===b)return!0;if(typeof a!=typeof b)return!1;if(typeof a=="function"&&a.toString()===b.toString())return!0;let length,i,keys;if(a&&b&&typeof a=="object"){if(Array.isArray(a)){if(length=a.length,length!==b.length)return!1;for(i=length;i--!==0;)if(!deepEqual(a[i],b[i]))return!1;return!0}if(keys=Object.keys(a),length=keys.length,length!==Object.keys(b).length)return!1;for(i=length;i--!==0;)if(!{}.hasOwnProperty.call(b,keys[i]))return!1;for(i=length;i--!==0;){const key=keys[i];if(!(key==="_owner"&&a.$$typeof)&&!deepEqual(a[key],b[key]))return!1}return!0}return a!==a&&b!==b}function getDPR(element){return typeof window>"u"?1:(element.ownerDocument.defaultView||window).devicePixelRatio||1}function roundByDPR(element,value){const dpr=getDPR(element);return Math.round(value*dpr)/dpr}function floating_ui_react_dom_useLatestRef(value){const ref=react.useRef(value);return index(()=>{ref.current=value}),ref}function useFloating(options){options===void 0&&(options={});const{placement="bottom",strategy="absolute",middleware=[],platform:platform2,elements:{reference:externalReference,floating:externalFloating}={},transform=!0,whileElementsMounted,open}=options,[data,setData]=react.useState({x:0,y:0,strategy,placement,middlewareData:{},isPositioned:!1}),[latestMiddleware,setLatestMiddleware]=react.useState(middleware);deepEqual(latestMiddleware,middleware)||setLatestMiddleware(middleware);const[_reference,_setReference]=react.useState(null),[_floating,_setFloating]=react.useState(null),setReference=react.useCallback(node=>{node!==referenceRef.current&&(referenceRef.current=node,_setReference(node))},[]),setFloating=react.useCallback(node=>{node!==floatingRef.current&&(floatingRef.current=node,_setFloating(node))},[]),referenceEl=externalReference||_reference,floatingEl=externalFloating||_floating,referenceRef=react.useRef(null),floatingRef=react.useRef(null),dataRef=react.useRef(data),hasWhileElementsMounted=whileElementsMounted!=null,whileElementsMountedRef=floating_ui_react_dom_useLatestRef(whileElementsMounted),platformRef=floating_ui_react_dom_useLatestRef(platform2),openRef=floating_ui_react_dom_useLatestRef(open),update=react.useCallback(()=>{if(!referenceRef.current||!floatingRef.current)return;const config={placement,strategy,middleware:latestMiddleware};platformRef.current&&(config.platform=platformRef.current),floating_ui_dom_computePosition(referenceRef.current,floatingRef.current,config).then(data2=>{const fullData={...data2,isPositioned:openRef.current!==!1};isMountedRef.current&&!deepEqual(dataRef.current,fullData)&&(dataRef.current=fullData,react_dom.flushSync(()=>{setData(fullData)}))})},[latestMiddleware,placement,strategy,platformRef,openRef]);index(()=>{open===!1&&dataRef.current.isPositioned&&(dataRef.current.isPositioned=!1,setData(data2=>({...data2,isPositioned:!1})))},[open]);const isMountedRef=react.useRef(!1);index(()=>(isMountedRef.current=!0,()=>{isMountedRef.current=!1}),[]),index(()=>{if(referenceEl&&(referenceRef.current=referenceEl),floatingEl&&(floatingRef.current=floatingEl),referenceEl&&floatingEl){if(whileElementsMountedRef.current)return whileElementsMountedRef.current(referenceEl,floatingEl,update);update()}},[referenceEl,floatingEl,update,whileElementsMountedRef,hasWhileElementsMounted]);const refs=react.useMemo(()=>({reference:referenceRef,floating:floatingRef,setReference,setFloating}),[setReference,setFloating]),elements=react.useMemo(()=>({reference:referenceEl,floating:floatingEl}),[referenceEl,floatingEl]),floatingStyles=react.useMemo(()=>{const initialStyles={position:strategy,left:0,top:0};if(!elements.floating)return initialStyles;const x=roundByDPR(elements.floating,data.x),y=roundByDPR(elements.floating,data.y);return transform?{...initialStyles,transform:"translate("+x+"px, "+y+"px)",...getDPR(elements.floating)>=1.5&&{willChange:"transform"}}:{position:strategy,left:x,top:y}},[strategy,transform,elements.floating,data.x,data.y]);return react.useMemo(()=>({...data,update,refs,elements,floatingStyles}),[data,update,refs,elements,floatingStyles])}const arrow$1=options=>{function isRef(value){return{}.hasOwnProperty.call(value,"current")}return{name:"arrow",options,fn(state){const{element,padding}=typeof options=="function"?options(state):options;return element&&isRef(element)?element.current!=null?floating_ui_dom_arrow({element:element.current,padding}).fn(state):{}:element?floating_ui_dom_arrow({element,padding}).fn(state):{}}}},floating_ui_react_dom_offset=(options,deps)=>{const result=floating_ui_dom_offset(options);return{name:result.name,fn:result.fn,options:[options,deps]}},floating_ui_react_dom_shift=(options,deps)=>{const result=floating_ui_dom_shift(options);return{name:result.name,fn:result.fn,options:[options,deps]}},floating_ui_react_dom_limitShift=(options,deps)=>({fn:floating_ui_dom_limitShift(options).fn,options:[options,deps]}),floating_ui_react_dom_flip=(options,deps)=>{const result=floating_ui_dom_flip(options);return{name:result.name,fn:result.fn,options:[options,deps]}},floating_ui_react_dom_size=(options,deps)=>{const result=floating_ui_dom_size(options);return{name:result.name,fn:result.fn,options:[options,deps]}},floating_ui_react_dom_autoPlacement=(options,deps)=>{const result=floating_ui_dom_autoPlacement(options);return{name:result.name,fn:result.fn,options:[options,deps]}},floating_ui_react_dom_hide=(options,deps)=>{const result=floating_ui_dom_hide(options);return{name:result.name,fn:result.fn,options:[options,deps]}},floating_ui_react_dom_inline=(options,deps)=>{const result=floating_ui_dom_inline(options);return{name:result.name,fn:result.fn,options:[options,deps]}},floating_ui_react_dom_arrow=(options,deps)=>{const result=arrow$1(options);return{name:result.name,fn:result.fn,options:[options,deps]}};function useMergeRefs(refs){const cleanupRef=react.useRef(void 0),refEffect=react.useCallback(instance=>{const cleanups=refs.map(ref=>{if(ref!=null){if(typeof ref=="function"){const refCallback=ref,refCleanup=refCallback(instance);return typeof refCleanup=="function"?refCleanup:()=>{refCallback(null)}}return ref.current=instance,()=>{ref.current=null}}});return()=>{cleanups.forEach(refCleanup=>refCleanup?.())}},refs);return react.useMemo(()=>refs.every(ref=>ref==null)?null:value=>{cleanupRef.current&&(cleanupRef.current(),cleanupRef.current=void 0),value!=null&&(cleanupRef.current=refEffect(value))},refs)}function sortByDocumentPosition(a,b){const position=a.compareDocumentPosition(b);return position&Node.DOCUMENT_POSITION_FOLLOWING||position&Node.DOCUMENT_POSITION_CONTAINED_BY?-1:position&Node.DOCUMENT_POSITION_PRECEDING||position&Node.DOCUMENT_POSITION_CONTAINS?1:0}const FloatingListContext=react.createContext({register:()=>{},unregister:()=>{},map:new Map,elementsRef:{current:[]}});function FloatingList(props){const{children,elementsRef,labelsRef}=props,[nodes,setNodes]=react.useState(()=>new Set),register=react.useCallback(node=>{setNodes(prevSet=>new Set(prevSet).add(node))},[]),unregister=react.useCallback(node=>{setNodes(prevSet=>{const set=new Set(prevSet);return set.delete(node),set})},[]),map=react.useMemo(()=>{const newMap=new Map;return Array.from(nodes.keys()).sort(sortByDocumentPosition).forEach((node,index2)=>{newMap.set(node,index2)}),newMap},[nodes]);return(0,jsx_runtime.jsx)(FloatingListContext.Provider,{value:react.useMemo(()=>({register,unregister,map,elementsRef,labelsRef}),[register,unregister,map,elementsRef,labelsRef]),children})}function useListItem(props){props===void 0&&(props={});const{label}=props,{register,unregister,map,elementsRef,labelsRef}=react.useContext(FloatingListContext),[index2,setIndex]=react.useState(null),componentRef=react.useRef(null),ref=react.useCallback(node=>{if(componentRef.current=node,index2!==null&&(elementsRef.current[index2]=node,labelsRef)){var _node$textContent;const isLabelDefined=label!==void 0;labelsRef.current[index2]=isLabelDefined?label:(_node$textContent=node?.textContent)!=null?_node$textContent:null}},[index2,elementsRef,labelsRef,label]);return floating_ui_react_utils_index(()=>{const node=componentRef.current;if(node)return register(node),()=>{unregister(node)}},[register,unregister]),floating_ui_react_utils_index(()=>{const index3=componentRef.current?map.get(componentRef.current):null;index3!=null&&setIndex(index3)},[map]),react.useMemo(()=>({ref,index:index2??-1}),[index2,ref])}const floating_ui_react_esm_FOCUSABLE_ATTRIBUTE="data-floating-ui-focusable",ACTIVE_KEY="active",SELECTED_KEY="selected",floating_ui_react_esm_ARROW_LEFT="ArrowLeft",floating_ui_react_esm_ARROW_RIGHT="ArrowRight",floating_ui_react_esm_ARROW_UP="ArrowUp",floating_ui_react_esm_ARROW_DOWN="ArrowDown";function renderJsx(render,computedProps){return typeof render=="function"?render(computedProps):render?react.cloneElement(render,computedProps):(0,jsx_runtime.jsx)("div",{...computedProps})}const CompositeContext=react.createContext({activeIndex:0,onNavigate:()=>{}}),horizontalKeys=[floating_ui_react_esm_ARROW_LEFT,floating_ui_react_esm_ARROW_RIGHT],verticalKeys=[floating_ui_react_esm_ARROW_UP,floating_ui_react_esm_ARROW_DOWN],allKeys=[...horizontalKeys,...verticalKeys],Composite=react.forwardRef(function(props,forwardedRef){const{render,orientation="both",loop=!0,rtl=!1,cols=1,disabledIndices,activeIndex:externalActiveIndex,onNavigate:externalSetActiveIndex,itemSizes,dense=!1,...domProps}=props,[internalActiveIndex,internalSetActiveIndex]=react.useState(0),activeIndex=externalActiveIndex??internalActiveIndex,onNavigate=useEffectEvent(externalSetActiveIndex??internalSetActiveIndex),elementsRef=react.useRef([]),renderElementProps=render&&typeof render!="function"?render.props:{},contextValue=react.useMemo(()=>({activeIndex,onNavigate}),[activeIndex,onNavigate]),isGrid=cols>1;function handleKeyDown(event){if(!allKeys.includes(event.key))return;let nextIndex=activeIndex;const minIndex=getMinListIndex(elementsRef,disabledIndices),maxIndex=getMaxListIndex(elementsRef,disabledIndices),horizontalEndKey=rtl?floating_ui_react_esm_ARROW_LEFT:floating_ui_react_esm_ARROW_RIGHT,horizontalStartKey=rtl?floating_ui_react_esm_ARROW_RIGHT:floating_ui_react_esm_ARROW_LEFT;if(isGrid){const sizes=itemSizes||Array.from({length:elementsRef.current.length},()=>({width:1,height:1})),cellMap=createGridCellMap(sizes,cols,dense),minGridIndex=cellMap.findIndex(index2=>index2!=null&&!isListIndexDisabled(elementsRef,index2,disabledIndices)),maxGridIndex=cellMap.reduce((foundIndex,index2,cellIndex)=>index2!=null&&!isListIndexDisabled(elementsRef,index2,disabledIndices)?cellIndex:foundIndex,-1),maybeNextIndex=cellMap[getGridNavigatedIndex({current:cellMap.map(itemIndex=>itemIndex?elementsRef.current[itemIndex]:null)},{event,orientation,loop,rtl,cols,disabledIndices:getGridCellIndices([...(typeof disabledIndices!="function"?disabledIndices:null)||elementsRef.current.map((_,index2)=>isListIndexDisabled(elementsRef,index2,disabledIndices)?index2:void 0),void 0],cellMap),minIndex:minGridIndex,maxIndex:maxGridIndex,prevIndex:getGridCellIndexOfCorner(activeIndex>maxIndex?minIndex:activeIndex,sizes,cellMap,cols,event.key===floating_ui_react_esm_ARROW_DOWN?"bl":event.key===horizontalEndKey?"tr":"tl")})];maybeNextIndex!=null&&(nextIndex=maybeNextIndex)}const toEndKeys={horizontal:[horizontalEndKey],vertical:[floating_ui_react_esm_ARROW_DOWN],both:[horizontalEndKey,floating_ui_react_esm_ARROW_DOWN]}[orientation],toStartKeys={horizontal:[horizontalStartKey],vertical:[floating_ui_react_esm_ARROW_UP],both:[horizontalStartKey,floating_ui_react_esm_ARROW_UP]}[orientation],preventedKeys=isGrid?allKeys:{horizontal:horizontalKeys,vertical:verticalKeys,both:allKeys}[orientation];if(nextIndex===activeIndex&&[...toEndKeys,...toStartKeys].includes(event.key)&&(loop&&nextIndex===maxIndex&&toEndKeys.includes(event.key)?nextIndex=minIndex:loop&&nextIndex===minIndex&&toStartKeys.includes(event.key)?nextIndex=maxIndex:nextIndex=findNonDisabledListIndex(elementsRef,{startingIndex:nextIndex,decrement:toStartKeys.includes(event.key),disabledIndices})),nextIndex!==activeIndex&&!isIndexOutOfListBounds(elementsRef,nextIndex)){var _elementsRef$current$;event.stopPropagation(),preventedKeys.includes(event.key)&&event.preventDefault(),onNavigate(nextIndex),(_elementsRef$current$=elementsRef.current[nextIndex])==null||_elementsRef$current$.focus()}}const computedProps={...domProps,...renderElementProps,ref:forwardedRef,"aria-orientation":orientation==="both"?void 0:orientation,onKeyDown(e){domProps.onKeyDown==null||domProps.onKeyDown(e),renderElementProps.onKeyDown==null||renderElementProps.onKeyDown(e),handleKeyDown(e)}};return(0,jsx_runtime.jsx)(CompositeContext.Provider,{value:contextValue,children:(0,jsx_runtime.jsx)(FloatingList,{elementsRef,children:renderJsx(render,computedProps)})})}),CompositeItem=react.forwardRef(function(props,forwardedRef){const{render,...domProps}=props,renderElementProps=render&&typeof render!="function"?render.props:{},{activeIndex,onNavigate}=react.useContext(CompositeContext),{ref,index:index2}=useListItem(),mergedRef=useMergeRefs([ref,forwardedRef,renderElementProps.ref]),isActive=activeIndex===index2,computedProps={...domProps,...renderElementProps,ref:mergedRef,tabIndex:isActive?0:-1,"data-active":isActive?"":void 0,onFocus(e){domProps.onFocus==null||domProps.onFocus(e),renderElementProps.onFocus==null||renderElementProps.onFocus(e),onNavigate(index2)}};return renderJsx(render,computedProps)}),floating_ui_react_esm_SafeReact={...react_namespaceObject};let serverHandoffComplete=!1,count=0;const genId=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+count++;function useFloatingId(){const[id,setId]=react.useState(()=>serverHandoffComplete?genId():void 0);return floating_ui_react_utils_index(()=>{id==null&&setId(genId())},[]),react.useEffect(()=>{serverHandoffComplete=!0},[]),id}const useId=floating_ui_react_esm_SafeReact.useId||useFloatingId;let devMessageSet;function warn(){for(var _devMessageSet,_len=arguments.length,messages=new Array(_len),_key=0;_key<_len;_key++)messages[_key]=arguments[_key];const message="Floating UI: "+messages.join(" ");if(!((_devMessageSet=devMessageSet)!=null&&_devMessageSet.has(message))){var _devMessageSet2;(_devMessageSet2=devMessageSet)==null||_devMessageSet2.add(message),console.warn(message)}}function error(){for(var _devMessageSet3,_len2=arguments.length,messages=new Array(_len2),_key2=0;_key2<_len2;_key2++)messages[_key2]=arguments[_key2];const message="Floating UI: "+messages.join(" ");if(!((_devMessageSet3=devMessageSet)!=null&&_devMessageSet3.has(message))){var _devMessageSet4;(_devMessageSet4=devMessageSet)==null||_devMessageSet4.add(message),console.error(message)}}const FloatingArrow=react.forwardRef(function(props,ref){const{context:{placement,elements:{floating},middlewareData:{arrow:arrow2,shift:shift2}},width=14,height=7,tipRadius=0,strokeWidth=0,staticOffset,stroke,d,style:{transform,...restStyle}={},...rest}=props,clipPathId=useId(),[isRTL2,setIsRTL]=react.useState(!1);if(floating_ui_react_utils_index(()=>{if(!floating)return;floating_ui_utils_dom_getComputedStyle(floating).direction==="rtl"&&setIsRTL(!0)},[floating]),!floating)return null;const[side,alignment]=placement.split("-"),isVerticalSide=side==="top"||side==="bottom";let computedStaticOffset=staticOffset;(isVerticalSide&&shift2!=null&&shift2.x||!isVerticalSide&&shift2!=null&&shift2.y)&&(computedStaticOffset=null);const computedStrokeWidth=strokeWidth*2,halfStrokeWidth=computedStrokeWidth/2,svgX=width/2*(tipRadius/-8+1),svgY=height/2*tipRadius/4,isCustomShape=!!d,yOffsetProp=computedStaticOffset&&alignment==="end"?"bottom":"top";let xOffsetProp=computedStaticOffset&&alignment==="end"?"right":"left";computedStaticOffset&&isRTL2&&(xOffsetProp=alignment==="end"?"left":"right");const arrowX=arrow2?.x!=null?computedStaticOffset||arrow2.x:"",arrowY=arrow2?.y!=null?computedStaticOffset||arrow2.y:"",dValue=d||"M0,0"+(" H"+width)+(" L"+(width-svgX)+","+(height-svgY))+(" Q"+width/2+","+height+" "+svgX+","+(height-svgY))+" Z",rotation={top:isCustomShape?"rotate(180deg)":"",left:isCustomShape?"rotate(90deg)":"rotate(-90deg)",bottom:isCustomShape?"":"rotate(180deg)",right:isCustomShape?"rotate(-90deg)":"rotate(90deg)"}[side];return(0,jsx_runtime.jsxs)("svg",{...rest,"aria-hidden":!0,ref,width:isCustomShape?width:width+computedStrokeWidth,height:width,viewBox:"0 0 "+width+" "+(height>width?height:width),style:{position:"absolute",pointerEvents:"none",[xOffsetProp]:arrowX,[yOffsetProp]:arrowY,[side]:isVerticalSide||isCustomShape?"100%":"calc(100% - "+computedStrokeWidth/2+"px)",transform:[rotation,transform].filter(t=>!!t).join(" "),...restStyle},children:[computedStrokeWidth>0&&(0,jsx_runtime.jsx)("path",{clipPath:"url(#"+clipPathId+")",fill:"none",stroke,strokeWidth:computedStrokeWidth+(d?0:1),d:dValue}),(0,jsx_runtime.jsx)("path",{stroke:computedStrokeWidth&&!d?rest.fill:"none",d:dValue}),(0,jsx_runtime.jsx)("clipPath",{id:clipPathId,children:(0,jsx_runtime.jsx)("rect",{x:-halfStrokeWidth,y:halfStrokeWidth*(isCustomShape?-1:1),width:width+computedStrokeWidth,height:width})})]})});function createEventEmitter(){const map=new Map;return{emit(event,data){var _map$get;(_map$get=map.get(event))==null||_map$get.forEach(listener=>listener(data))},on(event,listener){map.has(event)||map.set(event,new Set),map.get(event).add(listener)},off(event,listener){var _map$get2;(_map$get2=map.get(event))==null||_map$get2.delete(listener)}}}const FloatingNodeContext=react.createContext(null),FloatingTreeContext=react.createContext(null),useFloatingParentNodeId=()=>{var _React$useContext;return((_React$useContext=react.useContext(FloatingNodeContext))==null?void 0:_React$useContext.id)||null},useFloatingTree=()=>react.useContext(FloatingTreeContext);function useFloatingNodeId(customParentId){const id=useId(),tree=useFloatingTree(),reactParentId=useFloatingParentNodeId(),parentId=customParentId||reactParentId;return floating_ui_react_utils_index(()=>{if(!id)return;const node={id,parentId};return tree?.addNode(node),()=>{tree?.removeNode(node)}},[tree,id,parentId]),id}function FloatingNode(props){const{children,id}=props,parentId=useFloatingParentNodeId();return(0,jsx_runtime.jsx)(FloatingNodeContext.Provider,{value:react.useMemo(()=>({id,parentId}),[id,parentId]),children})}function FloatingTree(props){const{children}=props,nodesRef=react.useRef([]),addNode=react.useCallback(node=>{nodesRef.current=[...nodesRef.current,node]},[]),removeNode=react.useCallback(node=>{nodesRef.current=nodesRef.current.filter(n=>n!==node)},[]),[events]=react.useState(()=>createEventEmitter());return(0,jsx_runtime.jsx)(FloatingTreeContext.Provider,{value:react.useMemo(()=>({nodesRef,addNode,removeNode,events}),[addNode,removeNode,events]),children})}function createAttribute(name){return"data-floating-ui-"+name}function clearTimeoutIfSet(timeoutRef){timeoutRef.current!==-1&&(clearTimeout(timeoutRef.current),timeoutRef.current=-1)}const safePolygonIdentifier=createAttribute("safe-polygon");function getDelay(value,prop,pointerType){if(pointerType&&!isMouseLikePointerType(pointerType))return 0;if(typeof value=="number")return value;if(typeof value=="function"){const result=value();return typeof result=="number"?result:result?.[prop]}return value?.[prop]}function getRestMs(value){return typeof value=="function"?value():value}function useHover(context,props){props===void 0&&(props={});const{open,onOpenChange,dataRef,events,elements}=context,{enabled=!0,delay=0,handleClose=null,mouseOnly=!1,restMs=0,move=!0}=props,tree=useFloatingTree(),parentId=useFloatingParentNodeId(),handleCloseRef=useLatestRef(handleClose),delayRef=useLatestRef(delay),openRef=useLatestRef(open),restMsRef=useLatestRef(restMs),pointerTypeRef=react.useRef(),timeoutRef=react.useRef(-1),handlerRef=react.useRef(),restTimeoutRef=react.useRef(-1),blockMouseMoveRef=react.useRef(!0),performedPointerEventsMutationRef=react.useRef(!1),unbindMouseMoveRef=react.useRef(()=>{}),restTimeoutPendingRef=react.useRef(!1),isHoverOpen=useEffectEvent(()=>{var _dataRef$current$open;const type=(_dataRef$current$open=dataRef.current.openEvent)==null?void 0:_dataRef$current$open.type;return type?.includes("mouse")&&type!=="mousedown"});react.useEffect(()=>{if(!enabled)return;function onOpenChange2(_ref){let{open:open2}=_ref;open2||(clearTimeoutIfSet(timeoutRef),clearTimeoutIfSet(restTimeoutRef),blockMouseMoveRef.current=!0,restTimeoutPendingRef.current=!1)}return events.on("openchange",onOpenChange2),()=>{events.off("openchange",onOpenChange2)}},[enabled,events]),react.useEffect(()=>{if(!enabled||!handleCloseRef.current||!open)return;function onLeave(event){isHoverOpen()&&onOpenChange(!1,event,"hover")}const html=getDocument(elements.floating).documentElement;return html.addEventListener("mouseleave",onLeave),()=>{html.removeEventListener("mouseleave",onLeave)}},[elements.floating,open,onOpenChange,enabled,handleCloseRef,isHoverOpen]);const closeWithDelay=react.useCallback(function(event,runElseBranch,reason){runElseBranch===void 0&&(runElseBranch=!0),reason===void 0&&(reason="hover");const closeDelay=getDelay(delayRef.current,"close",pointerTypeRef.current);closeDelay&&!handlerRef.current?(clearTimeoutIfSet(timeoutRef),timeoutRef.current=window.setTimeout(()=>onOpenChange(!1,event,reason),closeDelay)):runElseBranch&&(clearTimeoutIfSet(timeoutRef),onOpenChange(!1,event,reason))},[delayRef,onOpenChange]),cleanupMouseMoveHandler=useEffectEvent(()=>{unbindMouseMoveRef.current(),handlerRef.current=void 0}),clearPointerEvents=useEffectEvent(()=>{if(performedPointerEventsMutationRef.current){const body=getDocument(elements.floating).body;body.style.pointerEvents="",body.removeAttribute(safePolygonIdentifier),performedPointerEventsMutationRef.current=!1}}),isClickLikeOpenEvent=useEffectEvent(()=>dataRef.current.openEvent?["click","mousedown"].includes(dataRef.current.openEvent.type):!1);react.useEffect(()=>{if(!enabled)return;function onReferenceMouseEnter(event){if(clearTimeoutIfSet(timeoutRef),blockMouseMoveRef.current=!1,mouseOnly&&!isMouseLikePointerType(pointerTypeRef.current)||getRestMs(restMsRef.current)>0&&!getDelay(delayRef.current,"open"))return;const openDelay=getDelay(delayRef.current,"open",pointerTypeRef.current);openDelay?timeoutRef.current=window.setTimeout(()=>{openRef.current||onOpenChange(!0,event,"hover")},openDelay):open||onOpenChange(!0,event,"hover")}function onReferenceMouseLeave(event){if(isClickLikeOpenEvent()){clearPointerEvents();return}unbindMouseMoveRef.current();const doc=getDocument(elements.floating);if(clearTimeoutIfSet(restTimeoutRef),restTimeoutPendingRef.current=!1,handleCloseRef.current&&dataRef.current.floatingContext){open||clearTimeoutIfSet(timeoutRef),handlerRef.current=handleCloseRef.current({...dataRef.current.floatingContext,tree,x:event.clientX,y:event.clientY,onClose(){clearPointerEvents(),cleanupMouseMoveHandler(),isClickLikeOpenEvent()||closeWithDelay(event,!0,"safe-polygon")}});const handler=handlerRef.current;doc.addEventListener("mousemove",handler),unbindMouseMoveRef.current=()=>{doc.removeEventListener("mousemove",handler)};return}(pointerTypeRef.current==="touch"?!contains(elements.floating,event.relatedTarget):!0)&&closeWithDelay(event)}function onScrollMouseLeave(event){isClickLikeOpenEvent()||!dataRef.current.floatingContext||handleCloseRef.current==null||handleCloseRef.current({...dataRef.current.floatingContext,tree,x:event.clientX,y:event.clientY,onClose(){clearPointerEvents(),cleanupMouseMoveHandler(),isClickLikeOpenEvent()||closeWithDelay(event)}})(event)}function onFloatingMouseEnter(){clearTimeoutIfSet(timeoutRef)}function onFloatingMouseLeave(event){isClickLikeOpenEvent()||closeWithDelay(event,!1)}if(isElement(elements.domReference)){const reference2=elements.domReference,floating=elements.floating;return open&&reference2.addEventListener("mouseleave",onScrollMouseLeave),move&&reference2.addEventListener("mousemove",onReferenceMouseEnter,{once:!0}),reference2.addEventListener("mouseenter",onReferenceMouseEnter),reference2.addEventListener("mouseleave",onReferenceMouseLeave),floating&&(floating.addEventListener("mouseleave",onScrollMouseLeave),floating.addEventListener("mouseenter",onFloatingMouseEnter),floating.addEventListener("mouseleave",onFloatingMouseLeave)),()=>{open&&reference2.removeEventListener("mouseleave",onScrollMouseLeave),move&&reference2.removeEventListener("mousemove",onReferenceMouseEnter),reference2.removeEventListener("mouseenter",onReferenceMouseEnter),reference2.removeEventListener("mouseleave",onReferenceMouseLeave),floating&&(floating.removeEventListener("mouseleave",onScrollMouseLeave),floating.removeEventListener("mouseenter",onFloatingMouseEnter),floating.removeEventListener("mouseleave",onFloatingMouseLeave))}}},[elements,enabled,context,mouseOnly,move,closeWithDelay,cleanupMouseMoveHandler,clearPointerEvents,onOpenChange,open,openRef,tree,delayRef,handleCloseRef,dataRef,isClickLikeOpenEvent,restMsRef]),floating_ui_react_utils_index(()=>{var _handleCloseRef$curre;if(!!enabled&&open&&(_handleCloseRef$curre=handleCloseRef.current)!=null&&(_handleCloseRef$curre=_handleCloseRef$curre.__options)!=null&&_handleCloseRef$curre.blockPointerEvents&&isHoverOpen()){performedPointerEventsMutationRef.current=!0;const floatingEl=elements.floating;if(isElement(elements.domReference)&&floatingEl){var _tree$nodesRef$curren;const body=getDocument(elements.floating).body;body.setAttribute(safePolygonIdentifier,"");const ref=elements.domReference,parentFloating=tree==null||(_tree$nodesRef$curren=tree.nodesRef.current.find(node=>node.id===parentId))==null||(_tree$nodesRef$curren=_tree$nodesRef$curren.context)==null?void 0:_tree$nodesRef$curren.elements.floating;return parentFloating&&(parentFloating.style.pointerEvents=""),body.style.pointerEvents="none",ref.style.pointerEvents="auto",floatingEl.style.pointerEvents="auto",()=>{body.style.pointerEvents="",ref.style.pointerEvents="",floatingEl.style.pointerEvents=""}}}},[enabled,open,parentId,elements,tree,handleCloseRef,isHoverOpen]),floating_ui_react_utils_index(()=>{open||(pointerTypeRef.current=void 0,restTimeoutPendingRef.current=!1,cleanupMouseMoveHandler(),clearPointerEvents())},[open,cleanupMouseMoveHandler,clearPointerEvents]),react.useEffect(()=>()=>{cleanupMouseMoveHandler(),clearTimeoutIfSet(timeoutRef),clearTimeoutIfSet(restTimeoutRef),clearPointerEvents()},[enabled,elements.domReference,cleanupMouseMoveHandler,clearPointerEvents]);const reference=react.useMemo(()=>{function setPointerRef(event){pointerTypeRef.current=event.pointerType}return{onPointerDown:setPointerRef,onPointerEnter:setPointerRef,onMouseMove(event){const{nativeEvent}=event;function handleMouseMove(){!blockMouseMoveRef.current&&!openRef.current&&onOpenChange(!0,nativeEvent,"hover")}mouseOnly&&!isMouseLikePointerType(pointerTypeRef.current)||open||getRestMs(restMsRef.current)===0||restTimeoutPendingRef.current&&event.movementX**2+event.movementY**2<2||(clearTimeoutIfSet(restTimeoutRef),pointerTypeRef.current==="touch"?handleMouseMove():(restTimeoutPendingRef.current=!0,restTimeoutRef.current=window.setTimeout(handleMouseMove,getRestMs(restMsRef.current))))}}},[mouseOnly,onOpenChange,open,openRef,restMsRef]);return react.useMemo(()=>enabled?{reference}:{},[enabled,reference])}const NOOP=()=>{},FloatingDelayGroupContext=react.createContext({delay:0,initialDelay:0,timeoutMs:0,currentId:null,setCurrentId:NOOP,setState:NOOP,isInstantPhase:!1}),useDelayGroupContext=()=>react.useContext(FloatingDelayGroupContext);function FloatingDelayGroup(props){const{children,delay,timeoutMs=0}=props,[state,setState]=react.useReducer((prev,next)=>({...prev,...next}),{delay,timeoutMs,initialDelay:delay,currentId:null,isInstantPhase:!1}),initialCurrentIdRef=react.useRef(null),setCurrentId=react.useCallback(currentId=>{setState({currentId})},[]);return floating_ui_react_utils_index(()=>{state.currentId?initialCurrentIdRef.current===null?initialCurrentIdRef.current=state.currentId:state.isInstantPhase||setState({isInstantPhase:!0}):(state.isInstantPhase&&setState({isInstantPhase:!1}),initialCurrentIdRef.current=null)},[state.currentId,state.isInstantPhase]),(0,jsx_runtime.jsx)(FloatingDelayGroupContext.Provider,{value:react.useMemo(()=>({...state,setState,setCurrentId}),[state,setCurrentId]),children})}function useDelayGroup(context,options){options===void 0&&(options={});const{open,onOpenChange,floatingId}=context,{id:optionId,enabled=!0}=options,id=optionId??floatingId,groupContext=useDelayGroupContext(),{currentId,setCurrentId,initialDelay,setState,timeoutMs}=groupContext;return floating_ui_react_utils_index(()=>{!enabled||!currentId||(setState({delay:{open:1,close:getDelay(initialDelay,"close")}}),currentId!==id&&onOpenChange(!1))},[enabled,id,onOpenChange,setState,currentId,initialDelay]),floating_ui_react_utils_index(()=>{function unset(){onOpenChange(!1),setState({delay:initialDelay,currentId:null})}if(!!enabled&&!!currentId&&!open&&currentId===id){if(timeoutMs){const timeout=window.setTimeout(unset,timeoutMs);return()=>{clearTimeout(timeout)}}unset()}},[enabled,open,setState,currentId,id,onOpenChange,initialDelay,timeoutMs]),floating_ui_react_utils_index(()=>{!enabled||setCurrentId===NOOP||!open||setCurrentId(id)},[enabled,open,setCurrentId,id]),groupContext}const NextFloatingDelayGroupContext=react.createContext({hasProvider:!1,timeoutMs:0,delayRef:{current:0},initialDelayRef:{current:0},timeoutIdRef:{current:-1},currentIdRef:{current:null},currentContextRef:{current:null}});function NextFloatingDelayGroup(props){const{children,delay,timeoutMs=0}=props,delayRef=react.useRef(delay),initialDelayRef=react.useRef(delay),currentIdRef=react.useRef(null),currentContextRef=react.useRef(null),timeoutIdRef=react.useRef(-1);return(0,jsx_runtime.jsx)(NextFloatingDelayGroupContext.Provider,{value:react.useMemo(()=>({hasProvider:!0,delayRef,initialDelayRef,currentIdRef,timeoutMs,currentContextRef,timeoutIdRef}),[timeoutMs]),children})}function useNextDelayGroup(context,options){options===void 0&&(options={});const{open,onOpenChange,floatingId}=context,{enabled=!0}=options,groupContext=react.useContext(NextFloatingDelayGroupContext),{currentIdRef,delayRef,timeoutMs,initialDelayRef,currentContextRef,hasProvider,timeoutIdRef}=groupContext,[isInstantPhase,setIsInstantPhase]=react.useState(!1);return floating_ui_react_utils_index(()=>{function unset(){var _currentContextRef$cu;setIsInstantPhase(!1),(_currentContextRef$cu=currentContextRef.current)==null||_currentContextRef$cu.setIsInstantPhase(!1),currentIdRef.current=null,currentContextRef.current=null,delayRef.current=initialDelayRef.current}if(!!enabled&&!!currentIdRef.current&&!open&&currentIdRef.current===floatingId){if(setIsInstantPhase(!1),timeoutMs)return timeoutIdRef.current=window.setTimeout(unset,timeoutMs),()=>{clearTimeout(timeoutIdRef.current)};unset()}},[enabled,open,floatingId,currentIdRef,delayRef,timeoutMs,initialDelayRef,currentContextRef,timeoutIdRef]),floating_ui_react_utils_index(()=>{if(!enabled||!open)return;const prevContext=currentContextRef.current,prevId=currentIdRef.current;currentContextRef.current={onOpenChange,setIsInstantPhase},currentIdRef.current=floatingId,delayRef.current={open:0,close:getDelay(initialDelayRef.current,"close")},prevId!==null&&prevId!==floatingId?(clearTimeoutIfSet(timeoutIdRef),setIsInstantPhase(!0),prevContext?.setIsInstantPhase(!0),prevContext?.onOpenChange(!1)):(setIsInstantPhase(!1),prevContext?.setIsInstantPhase(!1))},[enabled,open,floatingId,onOpenChange,currentIdRef,delayRef,timeoutMs,initialDelayRef,currentContextRef,timeoutIdRef]),floating_ui_react_utils_index(()=>()=>{currentContextRef.current=null},[currentContextRef]),react.useMemo(()=>({hasProvider,delayRef,isInstantPhase}),[hasProvider,delayRef,isInstantPhase])}let rafId=0;function enqueueFocus(el,options){options===void 0&&(options={});const{preventScroll=!1,cancelPrevious=!0,sync=!1}=options;cancelPrevious&&cancelAnimationFrame(rafId);const exec=()=>el?.focus({preventScroll});sync?exec():rafId=requestAnimationFrame(exec)}function floating_ui_react_esm_contains(parent2,child){if(!parent2||!child)return!1;const rootNode=child.getRootNode==null?void 0:child.getRootNode();if(parent2.contains(child))return!0;if(rootNode&&isShadowRoot(rootNode)){let next=child;for(;next;){if(parent2===next)return!0;next=next.parentNode||next.host}}return!1}function floating_ui_react_esm_getTarget(event){return"composedPath"in event?event.composedPath()[0]:event.target}function floating_ui_react_esm_getDocument(node){return node?.ownerDocument||document}const counters={inert:new WeakMap,"aria-hidden":new WeakMap,none:new WeakMap};function getCounterMap(control){return control==="inert"?counters.inert:control==="aria-hidden"?counters["aria-hidden"]:counters.none}let uncontrolledElementsSet=new WeakSet,markerMap={},lockCount$1=0;const supportsInert=()=>typeof HTMLElement<"u"&&"inert"in HTMLElement.prototype;function unwrapHost(node){return node?isShadowRoot(node)?node.host:unwrapHost(node.parentNode):null}const correctElements=(parent2,targets)=>targets.map(target=>{if(parent2.contains(target))return target;const correctedTarget=unwrapHost(target);return parent2.contains(correctedTarget)?correctedTarget:null}).filter(x=>x!=null);function applyAttributeToOthers(uncorrectedAvoidElements,body,ariaHidden,inert){const markerName="data-floating-ui-inert",controlAttribute=inert?"inert":ariaHidden?"aria-hidden":null,avoidElements=correctElements(body,uncorrectedAvoidElements),elementsToKeep=new Set,elementsToStop=new Set(avoidElements),hiddenElements=[];markerMap[markerName]||(markerMap[markerName]=new WeakMap);const markerCounter=markerMap[markerName];avoidElements.forEach(keep),deep(body),elementsToKeep.clear();function keep(el){!el||elementsToKeep.has(el)||(elementsToKeep.add(el),el.parentNode&&keep(el.parentNode))}function deep(parent2){!parent2||elementsToStop.has(parent2)||[].forEach.call(parent2.children,node=>{if(getNodeName(node)!=="script")if(elementsToKeep.has(node))deep(node);else{const attr2=controlAttribute?node.getAttribute(controlAttribute):null,alreadyHidden=attr2!==null&&attr2!=="false",counterMap=getCounterMap(controlAttribute),counterValue=(counterMap.get(node)||0)+1,markerValue=(markerCounter.get(node)||0)+1;counterMap.set(node,counterValue),markerCounter.set(node,markerValue),hiddenElements.push(node),counterValue===1&&alreadyHidden&&uncontrolledElementsSet.add(node),markerValue===1&&node.setAttribute(markerName,""),!alreadyHidden&&controlAttribute&&node.setAttribute(controlAttribute,controlAttribute==="inert"?"":"true")}})}return lockCount$1++,()=>{hiddenElements.forEach(element=>{const counterMap=getCounterMap(controlAttribute),counterValue=(counterMap.get(element)||0)-1,markerValue=(markerCounter.get(element)||0)-1;counterMap.set(element,counterValue),markerCounter.set(element,markerValue),counterValue||(!uncontrolledElementsSet.has(element)&&controlAttribute&&element.removeAttribute(controlAttribute),uncontrolledElementsSet.delete(element)),markerValue||element.removeAttribute(markerName)}),lockCount$1--,lockCount$1||(counters.inert=new WeakMap,counters["aria-hidden"]=new WeakMap,counters.none=new WeakMap,uncontrolledElementsSet=new WeakSet,markerMap={})}}function markOthers(avoidElements,ariaHidden,inert){ariaHidden===void 0&&(ariaHidden=!1),inert===void 0&&(inert=!1);const body=floating_ui_react_esm_getDocument(avoidElements[0]).body;return applyAttributeToOthers(avoidElements.concat(Array.from(body.querySelectorAll('[aria-live],[role="status"],output'))),body,ariaHidden,inert)}const HIDDEN_STYLES={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"fixed",whiteSpace:"nowrap",width:"1px",top:0,left:0},FocusGuard=react.forwardRef(function(props,ref){const[role,setRole]=react.useState();floating_ui_react_utils_index(()=>{isSafari()&&setRole("button")},[]);const restProps={ref,tabIndex:0,role,"aria-hidden":role?void 0:!0,[createAttribute("focus-guard")]:"",style:HIDDEN_STYLES};return(0,jsx_runtime.jsx)("span",{...props,...restProps})}),HIDDEN_OWNER_STYLES={clipPath:"inset(50%)",position:"fixed",top:0,left:0},PortalContext=react.createContext(null),attr=createAttribute("portal");function useFloatingPortalNode(props){props===void 0&&(props={});const{id,root}=props,uniqueId=useId(),portalContext=usePortalContext(),[portalNode,setPortalNode]=react.useState(null),portalNodeRef=react.useRef(null);return floating_ui_react_utils_index(()=>()=>{portalNode?.remove(),queueMicrotask(()=>{portalNodeRef.current=null})},[portalNode]),floating_ui_react_utils_index(()=>{if(!uniqueId||portalNodeRef.current)return;const existingIdRoot=id?document.getElementById(id):null;if(!existingIdRoot)return;const subRoot=document.createElement("div");subRoot.id=uniqueId,subRoot.setAttribute(attr,""),existingIdRoot.appendChild(subRoot),portalNodeRef.current=subRoot,setPortalNode(subRoot)},[id,uniqueId]),floating_ui_react_utils_index(()=>{if(root===null||!uniqueId||portalNodeRef.current)return;let container=root||portalContext?.portalNode;container&&!isNode(container)&&(container=container.current),container=container||document.body;let idWrapper=null;id&&(idWrapper=document.createElement("div"),idWrapper.id=id,container.appendChild(idWrapper));const subRoot=document.createElement("div");subRoot.id=uniqueId,subRoot.setAttribute(attr,""),container=idWrapper||container,container.appendChild(subRoot),portalNodeRef.current=subRoot,setPortalNode(subRoot)},[id,root,uniqueId,portalContext]),portalNode}function FloatingPortal(props){const{children,id,root,preserveTabOrder=!0}=props,portalNode=useFloatingPortalNode({id,root}),[focusManagerState,setFocusManagerState]=react.useState(null),beforeOutsideRef=react.useRef(null),afterOutsideRef=react.useRef(null),beforeInsideRef=react.useRef(null),afterInsideRef=react.useRef(null),modal=focusManagerState?.modal,open=focusManagerState?.open,shouldRenderGuards=!!focusManagerState&&!focusManagerState.modal&&focusManagerState.open&&preserveTabOrder&&!!(root||portalNode);return react.useEffect(()=>{if(!portalNode||!preserveTabOrder||modal)return;function onFocus(event){portalNode&&isOutsideEvent(event)&&(event.type==="focusin"?enableFocusInside:disableFocusInside)(portalNode)}return portalNode.addEventListener("focusin",onFocus,!0),portalNode.addEventListener("focusout",onFocus,!0),()=>{portalNode.removeEventListener("focusin",onFocus,!0),portalNode.removeEventListener("focusout",onFocus,!0)}},[portalNode,preserveTabOrder,modal]),react.useEffect(()=>{!portalNode||open||enableFocusInside(portalNode)},[open,portalNode]),(0,jsx_runtime.jsxs)(PortalContext.Provider,{value:react.useMemo(()=>({preserveTabOrder,beforeOutsideRef,afterOutsideRef,beforeInsideRef,afterInsideRef,portalNode,setFocusManagerState}),[preserveTabOrder,portalNode]),children:[shouldRenderGuards&&portalNode&&(0,jsx_runtime.jsx)(FocusGuard,{"data-type":"outside",ref:beforeOutsideRef,onFocus:event=>{if(isOutsideEvent(event,portalNode)){var _beforeInsideRef$curr;(_beforeInsideRef$curr=beforeInsideRef.current)==null||_beforeInsideRef$curr.focus()}else{const domReference=focusManagerState?focusManagerState.domReference:null,prevTabbable=getPreviousTabbable(domReference);prevTabbable?.focus()}}}),shouldRenderGuards&&portalNode&&(0,jsx_runtime.jsx)("span",{"aria-owns":portalNode.id,style:HIDDEN_OWNER_STYLES}),portalNode&&react_dom.createPortal(children,portalNode),shouldRenderGuards&&portalNode&&(0,jsx_runtime.jsx)(FocusGuard,{"data-type":"outside",ref:afterOutsideRef,onFocus:event=>{if(isOutsideEvent(event,portalNode)){var _afterInsideRef$curre;(_afterInsideRef$curre=afterInsideRef.current)==null||_afterInsideRef$curre.focus()}else{const domReference=focusManagerState?focusManagerState.domReference:null,nextTabbable=getNextTabbable(domReference);nextTabbable?.focus(),focusManagerState?.closeOnFocusOut&&focusManagerState?.onOpenChange(!1,event.nativeEvent,"focus-out")}}})]})}const usePortalContext=()=>react.useContext(PortalContext);function useLiteMergeRefs(refs){return react.useMemo(()=>value=>{refs.forEach(ref=>{ref&&(ref.current=value)})},refs)}const LIST_LIMIT=20;let previouslyFocusedElements=[];function clearDisconnectedPreviouslyFocusedElements(){previouslyFocusedElements=previouslyFocusedElements.filter(elementRef=>{var _elementRef$deref;return(_elementRef$deref=elementRef.deref())==null?void 0:_elementRef$deref.isConnected})}function addPreviouslyFocusedElement(element){clearDisconnectedPreviouslyFocusedElements(),element&&getNodeName(element)!=="body"&&(previouslyFocusedElements.push(new WeakRef(element)),previouslyFocusedElements.length>LIST_LIMIT&&(previouslyFocusedElements=previouslyFocusedElements.slice(-LIST_LIMIT)))}function getPreviouslyFocusedElement(){clearDisconnectedPreviouslyFocusedElements();const elementRef=previouslyFocusedElements[previouslyFocusedElements.length-1];return elementRef?.deref()}function getFirstTabbableElement(container){const tabbableOptions=getTabbableOptions();return isTabbable(container,tabbableOptions)?container:tabbable(container,tabbableOptions)[0]||container}function handleTabIndex(floatingFocusElement,orderRef){var _floatingFocusElement;if(!orderRef.current.includes("floating")&&!((_floatingFocusElement=floatingFocusElement.getAttribute("role"))!=null&&_floatingFocusElement.includes("dialog")))return;const options=getTabbableOptions(),tabbableContent=focusable(floatingFocusElement,options).filter(element=>{const dataTabIndex=element.getAttribute("data-tabindex")||"";return isTabbable(element,options)||element.hasAttribute("data-tabindex")&&!dataTabIndex.startsWith("-")}),tabIndex=floatingFocusElement.getAttribute("tabindex");orderRef.current.includes("floating")||tabbableContent.length===0?tabIndex!=="0"&&floatingFocusElement.setAttribute("tabindex","0"):(tabIndex!=="-1"||floatingFocusElement.hasAttribute("data-tabindex")&&floatingFocusElement.getAttribute("data-tabindex")!=="-1")&&(floatingFocusElement.setAttribute("tabindex","-1"),floatingFocusElement.setAttribute("data-tabindex","-1"))}const VisuallyHiddenDismiss=react.forwardRef(function(props,ref){return(0,jsx_runtime.jsx)("button",{...props,type:"button",ref,tabIndex:-1,style:HIDDEN_STYLES})});function FloatingFocusManager(props){const{context,children,disabled=!1,order=["content"],guards:_guards=!0,initialFocus=0,returnFocus=!0,restoreFocus=!1,modal=!0,visuallyHiddenDismiss=!1,closeOnFocusOut=!0,outsideElementsInert=!1,getInsideElements:_getInsideElements=()=>[]}=props,{open,onOpenChange,events,dataRef,elements:{domReference,floating}}=context,getNodeId=useEffectEvent(()=>{var _dataRef$current$floa;return(_dataRef$current$floa=dataRef.current.floatingContext)==null?void 0:_dataRef$current$floa.nodeId}),getInsideElements=useEffectEvent(_getInsideElements),ignoreInitialFocus=typeof initialFocus=="number"&&initialFocus<0,isUntrappedTypeableCombobox=isTypeableCombobox(domReference)&&ignoreInitialFocus,inertSupported=supportsInert(),guards=inertSupported?_guards:!0,useInert=!guards||inertSupported&&outsideElementsInert,orderRef=useLatestRef(order),initialFocusRef=useLatestRef(initialFocus),returnFocusRef=useLatestRef(returnFocus),tree=useFloatingTree(),portalContext=usePortalContext(),startDismissButtonRef=react.useRef(null),endDismissButtonRef=react.useRef(null),preventReturnFocusRef=react.useRef(!1),isPointerDownRef=react.useRef(!1),tabbableIndexRef=react.useRef(-1),blurTimeoutRef=react.useRef(-1),isInsidePortal=portalContext!=null,floatingFocusElement=getFloatingFocusElement(floating),getTabbableContent=useEffectEvent(function(container){return container===void 0&&(container=floatingFocusElement),container?tabbable(container,getTabbableOptions()):[]}),getTabbableElements=useEffectEvent(container=>{const content=getTabbableContent(container);return orderRef.current.map(type=>domReference&&type==="reference"?domReference:floatingFocusElement&&type==="floating"?floatingFocusElement:content).filter(Boolean).flat()});react.useEffect(()=>{if(disabled||!modal)return;function onKeyDown(event){if(event.key==="Tab"){contains(floatingFocusElement,activeElement(getDocument(floatingFocusElement)))&&getTabbableContent().length===0&&!isUntrappedTypeableCombobox&&stopEvent(event);const els=getTabbableElements(),target=getTarget(event);orderRef.current[0]==="reference"&&target===domReference&&(stopEvent(event),event.shiftKey?enqueueFocus(els[els.length-1]):enqueueFocus(els[1])),orderRef.current[1]==="floating"&&target===floatingFocusElement&&event.shiftKey&&(stopEvent(event),enqueueFocus(els[0]))}}const doc=getDocument(floatingFocusElement);return doc.addEventListener("keydown",onKeyDown),()=>{doc.removeEventListener("keydown",onKeyDown)}},[disabled,domReference,floatingFocusElement,modal,orderRef,isUntrappedTypeableCombobox,getTabbableContent,getTabbableElements]),react.useEffect(()=>{if(disabled||!floating)return;function handleFocusIn(event){const target=getTarget(event),tabbableIndex=getTabbableContent().indexOf(target);tabbableIndex!==-1&&(tabbableIndexRef.current=tabbableIndex)}return floating.addEventListener("focusin",handleFocusIn),()=>{floating.removeEventListener("focusin",handleFocusIn)}},[disabled,floating,getTabbableContent]),react.useEffect(()=>{if(disabled||!closeOnFocusOut)return;function handlePointerDown(){isPointerDownRef.current=!0,setTimeout(()=>{isPointerDownRef.current=!1})}function handleFocusOutside(event){const relatedTarget=event.relatedTarget,currentTarget=event.currentTarget,target=getTarget(event);queueMicrotask(()=>{const nodeId=getNodeId(),movedToUnrelatedNode=!(contains(domReference,relatedTarget)||contains(floating,relatedTarget)||contains(relatedTarget,floating)||contains(portalContext?.portalNode,relatedTarget)||relatedTarget!=null&&relatedTarget.hasAttribute(createAttribute("focus-guard"))||tree&&(getNodeChildren(tree.nodesRef.current,nodeId).find(node=>{var _node$context,_node$context2;return contains((_node$context=node.context)==null?void 0:_node$context.elements.floating,relatedTarget)||contains((_node$context2=node.context)==null?void 0:_node$context2.elements.domReference,relatedTarget)})||getNodeAncestors(tree.nodesRef.current,nodeId).find(node=>{var _node$context3,_node$context4,_node$context5;return[(_node$context3=node.context)==null?void 0:_node$context3.elements.floating,getFloatingFocusElement((_node$context4=node.context)==null?void 0:_node$context4.elements.floating)].includes(relatedTarget)||((_node$context5=node.context)==null?void 0:_node$context5.elements.domReference)===relatedTarget})));if(currentTarget===domReference&&floatingFocusElement&&handleTabIndex(floatingFocusElement,orderRef),restoreFocus&&currentTarget!==domReference&&!(target!=null&&target.isConnected)&&activeElement(getDocument(floatingFocusElement))===getDocument(floatingFocusElement).body){isHTMLElement(floatingFocusElement)&&floatingFocusElement.focus();const prevTabbableIndex=tabbableIndexRef.current,tabbableContent=getTabbableContent(),nodeToFocus=tabbableContent[prevTabbableIndex]||tabbableContent[tabbableContent.length-1]||floatingFocusElement;isHTMLElement(nodeToFocus)&&nodeToFocus.focus()}if(dataRef.current.insideReactTree){dataRef.current.insideReactTree=!1;return}(isUntrappedTypeableCombobox?!0:!modal)&&relatedTarget&&movedToUnrelatedNode&&!isPointerDownRef.current&&relatedTarget!==getPreviouslyFocusedElement()&&(preventReturnFocusRef.current=!0,onOpenChange(!1,event,"focus-out"))})}const shouldHandleBlurCapture=Boolean(!tree&&portalContext);function markInsideReactTree(){clearTimeoutIfSet(blurTimeoutRef),dataRef.current.insideReactTree=!0,blurTimeoutRef.current=window.setTimeout(()=>{dataRef.current.insideReactTree=!1})}if(floating&&isHTMLElement(domReference))return domReference.addEventListener("focusout",handleFocusOutside),domReference.addEventListener("pointerdown",handlePointerDown),floating.addEventListener("focusout",handleFocusOutside),shouldHandleBlurCapture&&floating.addEventListener("focusout",markInsideReactTree,!0),()=>{domReference.removeEventListener("focusout",handleFocusOutside),domReference.removeEventListener("pointerdown",handlePointerDown),floating.removeEventListener("focusout",handleFocusOutside),shouldHandleBlurCapture&&floating.removeEventListener("focusout",markInsideReactTree,!0)}},[disabled,domReference,floating,floatingFocusElement,modal,tree,portalContext,onOpenChange,closeOnFocusOut,restoreFocus,getTabbableContent,isUntrappedTypeableCombobox,getNodeId,orderRef,dataRef]);const beforeGuardRef=react.useRef(null),afterGuardRef=react.useRef(null),mergedBeforeGuardRef=useLiteMergeRefs([beforeGuardRef,portalContext?.beforeInsideRef]),mergedAfterGuardRef=useLiteMergeRefs([afterGuardRef,portalContext?.afterInsideRef]);react.useEffect(()=>{var _portalContext$portal,_ancestors$find;if(disabled||!floating)return;const portalNodes=Array.from((portalContext==null||(_portalContext$portal=portalContext.portalNode)==null?void 0:_portalContext$portal.querySelectorAll("["+createAttribute("portal")+"]"))||[]),rootAncestorComboboxDomReference=(_ancestors$find=(tree?getNodeAncestors(tree.nodesRef.current,getNodeId()):[]).find(node=>{var _node$context6;return isTypeableCombobox(((_node$context6=node.context)==null?void 0:_node$context6.elements.domReference)||null)}))==null||(_ancestors$find=_ancestors$find.context)==null?void 0:_ancestors$find.elements.domReference,insideElements=[floating,rootAncestorComboboxDomReference,...portalNodes,...getInsideElements(),startDismissButtonRef.current,endDismissButtonRef.current,beforeGuardRef.current,afterGuardRef.current,portalContext?.beforeOutsideRef.current,portalContext?.afterOutsideRef.current,orderRef.current.includes("reference")||isUntrappedTypeableCombobox?domReference:null].filter(x=>x!=null),cleanup2=modal||isUntrappedTypeableCombobox?markOthers(insideElements,!useInert,useInert):markOthers(insideElements);return()=>{cleanup2()}},[disabled,domReference,floating,modal,orderRef,portalContext,isUntrappedTypeableCombobox,guards,useInert,tree,getNodeId,getInsideElements]),floating_ui_react_utils_index(()=>{if(disabled||!isHTMLElement(floatingFocusElement))return;const doc=getDocument(floatingFocusElement),previouslyFocusedElement=activeElement(doc);queueMicrotask(()=>{const focusableElements=getTabbableElements(floatingFocusElement),initialFocusValue=initialFocusRef.current,elToFocus=(typeof initialFocusValue=="number"?focusableElements[initialFocusValue]:initialFocusValue.current)||floatingFocusElement,focusAlreadyInsideFloatingEl=contains(floatingFocusElement,previouslyFocusedElement);!ignoreInitialFocus&&!focusAlreadyInsideFloatingEl&&open&&enqueueFocus(elToFocus,{preventScroll:elToFocus===floatingFocusElement})})},[disabled,open,floatingFocusElement,ignoreInitialFocus,getTabbableElements,initialFocusRef]),floating_ui_react_utils_index(()=>{if(disabled||!floatingFocusElement)return;const doc=getDocument(floatingFocusElement),previouslyFocusedElement=activeElement(doc);addPreviouslyFocusedElement(previouslyFocusedElement);function onOpenChange2(_ref){let{reason,event,nested}=_ref;if(["hover","safe-polygon"].includes(reason)&&event.type==="mouseleave"&&(preventReturnFocusRef.current=!0),reason==="outside-press")if(nested)preventReturnFocusRef.current=!1;else if(isVirtualClick(event)||isVirtualPointerEvent(event))preventReturnFocusRef.current=!1;else{let isPreventScrollSupported=!1;document.createElement("div").focus({get preventScroll(){return isPreventScrollSupported=!0,!1}}),isPreventScrollSupported?preventReturnFocusRef.current=!1:preventReturnFocusRef.current=!0}}events.on("openchange",onOpenChange2);const fallbackEl=doc.createElement("span");fallbackEl.setAttribute("tabindex","-1"),fallbackEl.setAttribute("aria-hidden","true"),Object.assign(fallbackEl.style,HIDDEN_STYLES),isInsidePortal&&domReference&&domReference.insertAdjacentElement("afterend",fallbackEl);function getReturnElement(){if(typeof returnFocusRef.current=="boolean"){const el=domReference||getPreviouslyFocusedElement();return el&&el.isConnected?el:fallbackEl}return returnFocusRef.current.current||fallbackEl}return()=>{events.off("openchange",onOpenChange2);const activeEl=activeElement(doc),isFocusInsideFloatingTree=contains(floating,activeEl)||tree&&getNodeChildren(tree.nodesRef.current,getNodeId(),!1).some(node=>{var _node$context7;return contains((_node$context7=node.context)==null?void 0:_node$context7.elements.floating,activeEl)}),returnElement=getReturnElement();queueMicrotask(()=>{const tabbableReturnElement=getFirstTabbableElement(returnElement);returnFocusRef.current&&!preventReturnFocusRef.current&&isHTMLElement(tabbableReturnElement)&&(tabbableReturnElement!==activeEl&&activeEl!==doc.body?isFocusInsideFloatingTree:!0)&&tabbableReturnElement.focus({preventScroll:!0}),fallbackEl.remove()})}},[disabled,floating,floatingFocusElement,returnFocusRef,dataRef,events,tree,isInsidePortal,domReference,getNodeId]),react.useEffect(()=>(queueMicrotask(()=>{preventReturnFocusRef.current=!1}),()=>{queueMicrotask(clearDisconnectedPreviouslyFocusedElements)}),[disabled]),floating_ui_react_utils_index(()=>{if(!disabled&&!!portalContext)return portalContext.setFocusManagerState({modal,closeOnFocusOut,open,onOpenChange,domReference}),()=>{portalContext.setFocusManagerState(null)}},[disabled,portalContext,modal,open,onOpenChange,closeOnFocusOut,domReference]),floating_ui_react_utils_index(()=>{disabled||!floatingFocusElement||handleTabIndex(floatingFocusElement,orderRef)},[disabled,floatingFocusElement,orderRef]);function renderDismissButton(location){return disabled||!visuallyHiddenDismiss||!modal?null:(0,jsx_runtime.jsx)(VisuallyHiddenDismiss,{ref:location==="start"?startDismissButtonRef:endDismissButtonRef,onClick:event=>onOpenChange(!1,event.nativeEvent),children:typeof visuallyHiddenDismiss=="string"?visuallyHiddenDismiss:"Dismiss"})}const shouldRenderGuards=!disabled&&guards&&(modal?!isUntrappedTypeableCombobox:!0)&&(isInsidePortal||modal);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[shouldRenderGuards&&(0,jsx_runtime.jsx)(FocusGuard,{"data-type":"inside",ref:mergedBeforeGuardRef,onFocus:event=>{if(modal){const els=getTabbableElements();enqueueFocus(order[0]==="reference"?els[0]:els[els.length-1])}else if(portalContext!=null&&portalContext.preserveTabOrder&&portalContext.portalNode)if(preventReturnFocusRef.current=!1,isOutsideEvent(event,portalContext.portalNode)){const nextTabbable=getNextTabbable(domReference);nextTabbable?.focus()}else{var _portalContext$before;(_portalContext$before=portalContext.beforeOutsideRef.current)==null||_portalContext$before.focus()}}}),!isUntrappedTypeableCombobox&&renderDismissButton("start"),children,renderDismissButton("end"),shouldRenderGuards&&(0,jsx_runtime.jsx)(FocusGuard,{"data-type":"inside",ref:mergedAfterGuardRef,onFocus:event=>{if(modal)enqueueFocus(getTabbableElements()[0]);else if(portalContext!=null&&portalContext.preserveTabOrder&&portalContext.portalNode)if(closeOnFocusOut&&(preventReturnFocusRef.current=!0),isOutsideEvent(event,portalContext.portalNode)){const prevTabbable=getPreviousTabbable(domReference);prevTabbable?.focus()}else{var _portalContext$afterO;(_portalContext$afterO=portalContext.afterOutsideRef.current)==null||_portalContext$afterO.focus()}}})]})}let lockCount=0;const scrollbarProperty="--floating-ui-scrollbar-width";function enableScrollLock(){const platform2=getPlatform(),isIOS=/iP(hone|ad|od)|iOS/.test(platform2)||platform2==="MacIntel"&&navigator.maxTouchPoints>1,bodyStyle=document.body.style,paddingProp=Math.round(document.documentElement.getBoundingClientRect().left)+document.documentElement.scrollLeft?"paddingLeft":"paddingRight",scrollbarWidth=window.innerWidth-document.documentElement.clientWidth,scrollX=bodyStyle.left?parseFloat(bodyStyle.left):window.scrollX,scrollY=bodyStyle.top?parseFloat(bodyStyle.top):window.scrollY;if(bodyStyle.overflow="hidden",bodyStyle.setProperty(scrollbarProperty,scrollbarWidth+"px"),scrollbarWidth&&(bodyStyle[paddingProp]=scrollbarWidth+"px"),isIOS){var _window$visualViewpor,_window$visualViewpor2;const offsetLeft=((_window$visualViewpor=window.visualViewport)==null?void 0:_window$visualViewpor.offsetLeft)||0,offsetTop=((_window$visualViewpor2=window.visualViewport)==null?void 0:_window$visualViewpor2.offsetTop)||0;Object.assign(bodyStyle,{position:"fixed",top:-(scrollY-Math.floor(offsetTop))+"px",left:-(scrollX-Math.floor(offsetLeft))+"px",right:"0"})}return()=>{Object.assign(bodyStyle,{overflow:"",[paddingProp]:""}),bodyStyle.removeProperty(scrollbarProperty),isIOS&&(Object.assign(bodyStyle,{position:"",top:"",left:"",right:""}),window.scrollTo(scrollX,scrollY))}}let cleanup=()=>{};const FloatingOverlay=react.forwardRef(function(props,ref){const{lockScroll=!1,...rest}=props;return floating_ui_react_utils_index(()=>{if(!!lockScroll)return lockCount++,lockCount===1&&(cleanup=enableScrollLock()),()=>{lockCount--,lockCount===0&&cleanup()}},[lockScroll]),(0,jsx_runtime.jsx)("div",{ref,...rest,style:{position:"fixed",overflow:"auto",top:0,right:0,bottom:0,left:0,...rest.style}})});function isButtonTarget(event){return isHTMLElement(event.target)&&event.target.tagName==="BUTTON"}function isAnchorTarget(event){return isHTMLElement(event.target)&&event.target.tagName==="A"}function isSpaceIgnored(element){return isTypeableElement(element)}function useClick(context,props){props===void 0&&(props={});const{open,onOpenChange,dataRef,elements:{domReference}}=context,{enabled=!0,event:eventOption="click",toggle=!0,ignoreMouse=!1,keyboardHandlers=!0,stickIfOpen=!0}=props,pointerTypeRef=react.useRef(),didKeyDownRef=react.useRef(!1),reference=react.useMemo(()=>({onPointerDown(event){pointerTypeRef.current=event.pointerType},onMouseDown(event){const pointerType=pointerTypeRef.current;event.button===0&&eventOption!=="click"&&(isMouseLikePointerType(pointerType,!0)&&ignoreMouse||(open&&toggle&&(dataRef.current.openEvent&&stickIfOpen?dataRef.current.openEvent.type==="mousedown":!0)?onOpenChange(!1,event.nativeEvent,"click"):(event.preventDefault(),onOpenChange(!0,event.nativeEvent,"click"))))},onClick(event){const pointerType=pointerTypeRef.current;if(eventOption==="mousedown"&&pointerTypeRef.current){pointerTypeRef.current=void 0;return}isMouseLikePointerType(pointerType,!0)&&ignoreMouse||(open&&toggle&&(dataRef.current.openEvent&&stickIfOpen?dataRef.current.openEvent.type==="click":!0)?onOpenChange(!1,event.nativeEvent,"click"):onOpenChange(!0,event.nativeEvent,"click"))},onKeyDown(event){pointerTypeRef.current=void 0,!(event.defaultPrevented||!keyboardHandlers||isButtonTarget(event))&&(event.key===" "&&!isSpaceIgnored(domReference)&&(event.preventDefault(),didKeyDownRef.current=!0),!isAnchorTarget(event)&&event.key==="Enter"&&onOpenChange(!(open&&toggle),event.nativeEvent,"click"))},onKeyUp(event){event.defaultPrevented||!keyboardHandlers||isButtonTarget(event)||isSpaceIgnored(domReference)||event.key===" "&&didKeyDownRef.current&&(didKeyDownRef.current=!1,onOpenChange(!(open&&toggle),event.nativeEvent,"click"))}}),[dataRef,domReference,eventOption,ignoreMouse,keyboardHandlers,onOpenChange,open,stickIfOpen,toggle]);return react.useMemo(()=>enabled?{reference}:{},[enabled,reference])}function createVirtualElement(domElement,data){let offsetX=null,offsetY=null,isAutoUpdateEvent=!1;return{contextElement:domElement||void 0,getBoundingClientRect(){var _data$dataRef$current;const domRect=domElement?.getBoundingClientRect()||{width:0,height:0,x:0,y:0},isXAxis=data.axis==="x"||data.axis==="both",isYAxis=data.axis==="y"||data.axis==="both",canTrackCursorOnAutoUpdate=["mouseenter","mousemove"].includes(((_data$dataRef$current=data.dataRef.current.openEvent)==null?void 0:_data$dataRef$current.type)||"")&&data.pointerType!=="touch";let width=domRect.width,height=domRect.height,x=domRect.x,y=domRect.y;return offsetX==null&&data.x&&isXAxis&&(offsetX=domRect.x-data.x),offsetY==null&&data.y&&isYAxis&&(offsetY=domRect.y-data.y),x-=offsetX||0,y-=offsetY||0,width=0,height=0,!isAutoUpdateEvent||canTrackCursorOnAutoUpdate?(width=data.axis==="y"?domRect.width:0,height=data.axis==="x"?domRect.height:0,x=isXAxis&&data.x!=null?data.x:x,y=isYAxis&&data.y!=null?data.y:y):isAutoUpdateEvent&&!canTrackCursorOnAutoUpdate&&(height=data.axis==="x"?domRect.height:height,width=data.axis==="y"?domRect.width:width),isAutoUpdateEvent=!0,{width,height,x,y,top:y,right:x+width,bottom:y+height,left:x}}}}function isMouseBasedEvent(event){return event!=null&&event.clientX!=null}function useClientPoint(context,props){props===void 0&&(props={});const{open,dataRef,elements:{floating,domReference},refs}=context,{enabled=!0,axis="both",x=null,y=null}=props,initialRef=react.useRef(!1),cleanupListenerRef=react.useRef(null),[pointerType,setPointerType]=react.useState(),[reactive,setReactive]=react.useState([]),setReference=useEffectEvent((x2,y2)=>{initialRef.current||dataRef.current.openEvent&&!isMouseBasedEvent(dataRef.current.openEvent)||refs.setPositionReference(createVirtualElement(domReference,{x:x2,y:y2,axis,dataRef,pointerType}))}),handleReferenceEnterOrMove=useEffectEvent(event=>{x!=null||y!=null||(open?cleanupListenerRef.current||setReactive([]):setReference(event.clientX,event.clientY))}),openCheck=isMouseLikePointerType(pointerType)?floating:open,addListener=react.useCallback(()=>{if(!openCheck||!enabled||x!=null||y!=null)return;const win=getWindow(floating);function handleMouseMove(event){const target=getTarget(event);contains(floating,target)?(win.removeEventListener("mousemove",handleMouseMove),cleanupListenerRef.current=null):setReference(event.clientX,event.clientY)}if(!dataRef.current.openEvent||isMouseBasedEvent(dataRef.current.openEvent)){win.addEventListener("mousemove",handleMouseMove);const cleanup2=()=>{win.removeEventListener("mousemove",handleMouseMove),cleanupListenerRef.current=null};return cleanupListenerRef.current=cleanup2,cleanup2}refs.setPositionReference(domReference)},[openCheck,enabled,x,y,floating,dataRef,refs,domReference,setReference]);react.useEffect(()=>addListener(),[addListener,reactive]),react.useEffect(()=>{enabled&&!floating&&(initialRef.current=!1)},[enabled,floating]),react.useEffect(()=>{!enabled&&open&&(initialRef.current=!0)},[enabled,open]),floating_ui_react_utils_index(()=>{enabled&&(x!=null||y!=null)&&(initialRef.current=!1,setReference(x,y))},[enabled,x,y,setReference]);const reference=react.useMemo(()=>{function setPointerTypeRef(_ref){let{pointerType:pointerType2}=_ref;setPointerType(pointerType2)}return{onPointerDown:setPointerTypeRef,onPointerEnter:setPointerTypeRef,onMouseMove:handleReferenceEnterOrMove,onMouseEnter:handleReferenceEnterOrMove}},[handleReferenceEnterOrMove]);return react.useMemo(()=>enabled?{reference}:{},[enabled,reference])}const bubbleHandlerKeys={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},captureHandlerKeys={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},normalizeProp=normalizable=>{var _normalizable$escapeK,_normalizable$outside;return{escapeKey:typeof normalizable=="boolean"?normalizable:(_normalizable$escapeK=normalizable?.escapeKey)!=null?_normalizable$escapeK:!1,outsidePress:typeof normalizable=="boolean"?normalizable:(_normalizable$outside=normalizable?.outsidePress)!=null?_normalizable$outside:!0}};function useDismiss(context,props){props===void 0&&(props={});const{open,onOpenChange,elements,dataRef}=context,{enabled=!0,escapeKey=!0,outsidePress:unstable_outsidePress=!0,outsidePressEvent="pointerdown",referencePress=!1,referencePressEvent="pointerdown",ancestorScroll=!1,bubbles,capture}=props,tree=useFloatingTree(),outsidePressFn=useEffectEvent(typeof unstable_outsidePress=="function"?unstable_outsidePress:()=>!1),outsidePress=typeof unstable_outsidePress=="function"?outsidePressFn:unstable_outsidePress,endedOrStartedInsideRef=react.useRef(!1),{escapeKey:escapeKeyBubbles,outsidePress:outsidePressBubbles}=normalizeProp(bubbles),{escapeKey:escapeKeyCapture,outsidePress:outsidePressCapture}=normalizeProp(capture),isComposingRef=react.useRef(!1),closeOnEscapeKeyDown=useEffectEvent(event=>{var _dataRef$current$floa;if(!open||!enabled||!escapeKey||event.key!=="Escape"||isComposingRef.current)return;const nodeId=(_dataRef$current$floa=dataRef.current.floatingContext)==null?void 0:_dataRef$current$floa.nodeId,children=tree?getNodeChildren(tree.nodesRef.current,nodeId):[];if(!escapeKeyBubbles&&(event.stopPropagation(),children.length>0)){let shouldDismiss=!0;if(children.forEach(child=>{var _child$context;if((_child$context=child.context)!=null&&_child$context.open&&!child.context.dataRef.current.__escapeKeyBubbles){shouldDismiss=!1;return}}),!shouldDismiss)return}onOpenChange(!1,isReactEvent(event)?event.nativeEvent:event,"escape-key")}),closeOnEscapeKeyDownCapture=useEffectEvent(event=>{var _getTarget2;const callback=()=>{var _getTarget;closeOnEscapeKeyDown(event),(_getTarget=getTarget(event))==null||_getTarget.removeEventListener("keydown",callback)};(_getTarget2=getTarget(event))==null||_getTarget2.addEventListener("keydown",callback)}),closeOnPressOutside=useEffectEvent(event=>{var _dataRef$current$floa2;const insideReactTree=dataRef.current.insideReactTree;dataRef.current.insideReactTree=!1;const endedOrStartedInside=endedOrStartedInsideRef.current;if(endedOrStartedInsideRef.current=!1,outsidePressEvent==="click"&&endedOrStartedInside||insideReactTree||typeof outsidePress=="function"&&!outsidePress(event))return;const target=getTarget(event),inertSelector="["+createAttribute("inert")+"]",markers=getDocument(elements.floating).querySelectorAll(inertSelector);let targetRootAncestor=isElement(target)?target:null;for(;targetRootAncestor&&!isLastTraversableNode(targetRootAncestor);){const nextParent=getParentNode(targetRootAncestor);if(isLastTraversableNode(nextParent)||!isElement(nextParent))break;targetRootAncestor=nextParent}if(markers.length&&isElement(target)&&!isRootElement(target)&&!contains(target,elements.floating)&&Array.from(markers).every(marker=>!contains(targetRootAncestor,marker)))return;if(isHTMLElement(target)&&floating){const lastTraversableNode=isLastTraversableNode(target),style=floating_ui_utils_dom_getComputedStyle(target),scrollRe=/auto|scroll/,isScrollableX=lastTraversableNode||scrollRe.test(style.overflowX),isScrollableY=lastTraversableNode||scrollRe.test(style.overflowY),canScrollX=isScrollableX&&target.clientWidth>0&&target.scrollWidth>target.clientWidth,canScrollY=isScrollableY&&target.clientHeight>0&&target.scrollHeight>target.clientHeight,isRTL2=style.direction==="rtl",pressedVerticalScrollbar=canScrollY&&(isRTL2?event.offsetX<=target.offsetWidth-target.clientWidth:event.offsetX>target.clientWidth),pressedHorizontalScrollbar=canScrollX&&event.offsetY>target.clientHeight;if(pressedVerticalScrollbar||pressedHorizontalScrollbar)return}const nodeId=(_dataRef$current$floa2=dataRef.current.floatingContext)==null?void 0:_dataRef$current$floa2.nodeId,targetIsInsideChildren=tree&&getNodeChildren(tree.nodesRef.current,nodeId).some(node=>{var _node$context;return isEventTargetWithin(event,(_node$context=node.context)==null?void 0:_node$context.elements.floating)});if(isEventTargetWithin(event,elements.floating)||isEventTargetWithin(event,elements.domReference)||targetIsInsideChildren)return;const children=tree?getNodeChildren(tree.nodesRef.current,nodeId):[];if(children.length>0){let shouldDismiss=!0;if(children.forEach(child=>{var _child$context2;if((_child$context2=child.context)!=null&&_child$context2.open&&!child.context.dataRef.current.__outsidePressBubbles){shouldDismiss=!1;return}}),!shouldDismiss)return}onOpenChange(!1,event,"outside-press")}),closeOnPressOutsideCapture=useEffectEvent(event=>{var _getTarget4;const callback=()=>{var _getTarget3;closeOnPressOutside(event),(_getTarget3=getTarget(event))==null||_getTarget3.removeEventListener(outsidePressEvent,callback)};(_getTarget4=getTarget(event))==null||_getTarget4.addEventListener(outsidePressEvent,callback)});react.useEffect(()=>{if(!open||!enabled)return;dataRef.current.__escapeKeyBubbles=escapeKeyBubbles,dataRef.current.__outsidePressBubbles=outsidePressBubbles;let compositionTimeout=-1;function onScroll(event){onOpenChange(!1,event,"ancestor-scroll")}function handleCompositionStart(){window.clearTimeout(compositionTimeout),isComposingRef.current=!0}function handleCompositionEnd(){compositionTimeout=window.setTimeout(()=>{isComposingRef.current=!1},isWebKit()?5:0)}const doc=getDocument(elements.floating);escapeKey&&(doc.addEventListener("keydown",escapeKeyCapture?closeOnEscapeKeyDownCapture:closeOnEscapeKeyDown,escapeKeyCapture),doc.addEventListener("compositionstart",handleCompositionStart),doc.addEventListener("compositionend",handleCompositionEnd)),outsidePress&&doc.addEventListener(outsidePressEvent,outsidePressCapture?closeOnPressOutsideCapture:closeOnPressOutside,outsidePressCapture);let ancestors=[];return ancestorScroll&&(isElement(elements.domReference)&&(ancestors=getOverflowAncestors(elements.domReference)),isElement(elements.floating)&&(ancestors=ancestors.concat(getOverflowAncestors(elements.floating))),!isElement(elements.reference)&&elements.reference&&elements.reference.contextElement&&(ancestors=ancestors.concat(getOverflowAncestors(elements.reference.contextElement)))),ancestors=ancestors.filter(ancestor=>{var _doc$defaultView;return ancestor!==((_doc$defaultView=doc.defaultView)==null?void 0:_doc$defaultView.visualViewport)}),ancestors.forEach(ancestor=>{ancestor.addEventListener("scroll",onScroll)}),()=>{escapeKey&&(doc.removeEventListener("keydown",escapeKeyCapture?closeOnEscapeKeyDownCapture:closeOnEscapeKeyDown,escapeKeyCapture),doc.removeEventListener("compositionstart",handleCompositionStart),doc.removeEventListener("compositionend",handleCompositionEnd)),outsidePress&&doc.removeEventListener(outsidePressEvent,outsidePressCapture?closeOnPressOutsideCapture:closeOnPressOutside,outsidePressCapture),ancestors.forEach(ancestor=>{ancestor.removeEventListener("scroll",onScroll)}),window.clearTimeout(compositionTimeout)}},[dataRef,elements,escapeKey,outsidePress,outsidePressEvent,open,onOpenChange,ancestorScroll,enabled,escapeKeyBubbles,outsidePressBubbles,closeOnEscapeKeyDown,escapeKeyCapture,closeOnEscapeKeyDownCapture,closeOnPressOutside,outsidePressCapture,closeOnPressOutsideCapture]),react.useEffect(()=>{dataRef.current.insideReactTree=!1},[dataRef,outsidePress,outsidePressEvent]);const reference=react.useMemo(()=>({onKeyDown:closeOnEscapeKeyDown,...referencePress&&{[bubbleHandlerKeys[referencePressEvent]]:event=>{onOpenChange(!1,event.nativeEvent,"reference-press")},...referencePressEvent!=="click"&&{onClick(event){onOpenChange(!1,event.nativeEvent,"reference-press")}}}}),[closeOnEscapeKeyDown,onOpenChange,referencePress,referencePressEvent]),floating=react.useMemo(()=>{function setMouseDownOrUpInside(event){event.button===0&&(endedOrStartedInsideRef.current=!0)}return{onKeyDown:closeOnEscapeKeyDown,onMouseDown:setMouseDownOrUpInside,onMouseUp:setMouseDownOrUpInside,[captureHandlerKeys[outsidePressEvent]]:()=>{dataRef.current.insideReactTree=!0}}},[closeOnEscapeKeyDown,outsidePressEvent,dataRef]);return react.useMemo(()=>enabled?{reference,floating}:{},[enabled,reference,floating])}function useFloatingRootContext(options){const{open=!1,onOpenChange:onOpenChangeProp,elements:elementsProp}=options,floatingId=useId(),dataRef=react.useRef({}),[events]=react.useState(()=>createEventEmitter()),nested=useFloatingParentNodeId()!=null,[positionReference,setPositionReference]=react.useState(elementsProp.reference),onOpenChange=useEffectEvent((open2,event,reason)=>{dataRef.current.openEvent=open2?event:void 0,events.emit("openchange",{open:open2,event,reason,nested}),onOpenChangeProp?.(open2,event,reason)}),refs=react.useMemo(()=>({setPositionReference}),[]),elements=react.useMemo(()=>({reference:positionReference||elementsProp.reference||null,floating:elementsProp.floating||null,domReference:elementsProp.reference}),[positionReference,elementsProp.reference,elementsProp.floating]);return react.useMemo(()=>({dataRef,open,onOpenChange,elements,events,floatingId,refs}),[open,onOpenChange,elements,events,floatingId,refs])}function floating_ui_react_esm_useFloating(_temp){var _elementsOption$refer,_elementsOption$float;let{elements:elementsOption,...options}=_temp===void 0?{}:_temp;const{nodeId}=options,internalRootContext=useFloatingRootContext({...options,elements:{reference:(_elementsOption$refer=elementsOption?.reference)!=null?_elementsOption$refer:null,floating:(_elementsOption$float=elementsOption?.floating)!=null?_elementsOption$float:null}}),rootContext=options.rootContext||internalRootContext,computedElements=rootContext.elements,[_domReference,setDomReference]=react.useState(null),[positionReference,_setPositionReference]=react.useState(null),domReference=computedElements?.domReference||_domReference,domReferenceRef=react.useRef(null),tree=useFloatingTree();floating_ui_react_utils_index(()=>{domReference&&(domReferenceRef.current=domReference)},[domReference]);const position=useFloating({...options,elements:{...computedElements,...positionReference&&{reference:positionReference}}}),setPositionReference=react.useCallback(node=>{const computedPositionReference=isElement(node)?{getBoundingClientRect:()=>node.getBoundingClientRect(),getClientRects:()=>node.getClientRects(),contextElement:node}:node;_setPositionReference(computedPositionReference),position.refs.setReference(computedPositionReference)},[position.refs]),setReference=react.useCallback(node=>{(isElement(node)||node===null)&&(domReferenceRef.current=node,setDomReference(node)),(isElement(position.refs.reference.current)||position.refs.reference.current===null||node!==null&&!isElement(node))&&position.refs.setReference(node)},[position.refs]),refs=react.useMemo(()=>({...position.refs,setReference,setPositionReference,domReference:domReferenceRef}),[position.refs,setReference,setPositionReference]),elements=react.useMemo(()=>({...position.elements,domReference}),[position.elements,domReference]),context=react.useMemo(()=>({...position,...rootContext,refs,elements,nodeId}),[position,refs,elements,nodeId,rootContext]);return floating_ui_react_utils_index(()=>{rootContext.dataRef.current.floatingContext=context;const node=tree?.nodesRef.current.find(node2=>node2.id===nodeId);node&&(node.context=context)}),react.useMemo(()=>({...position,context,refs,elements}),[position,refs,elements,context])}function isMacSafari(){return isMac()&&isSafari()}function useFocus(context,props){props===void 0&&(props={});const{open,onOpenChange,events,dataRef,elements}=context,{enabled=!0,visibleOnly=!0}=props,blockFocusRef=react.useRef(!1),timeoutRef=react.useRef(-1),keyboardModalityRef=react.useRef(!0);react.useEffect(()=>{if(!enabled)return;const win=getWindow(elements.domReference);function onBlur(){!open&&isHTMLElement(elements.domReference)&&elements.domReference===activeElement(getDocument(elements.domReference))&&(blockFocusRef.current=!0)}function onKeyDown(){keyboardModalityRef.current=!0}function onPointerDown(){keyboardModalityRef.current=!1}return win.addEventListener("blur",onBlur),isMacSafari()&&(win.addEventListener("keydown",onKeyDown,!0),win.addEventListener("pointerdown",onPointerDown,!0)),()=>{win.removeEventListener("blur",onBlur),isMacSafari()&&(win.removeEventListener("keydown",onKeyDown,!0),win.removeEventListener("pointerdown",onPointerDown,!0))}},[elements.domReference,open,enabled]),react.useEffect(()=>{if(!enabled)return;function onOpenChange2(_ref){let{reason}=_ref;(reason==="reference-press"||reason==="escape-key")&&(blockFocusRef.current=!0)}return events.on("openchange",onOpenChange2),()=>{events.off("openchange",onOpenChange2)}},[events,enabled]),react.useEffect(()=>()=>{clearTimeoutIfSet(timeoutRef)},[]);const reference=react.useMemo(()=>({onMouseLeave(){blockFocusRef.current=!1},onFocus(event){if(blockFocusRef.current)return;const target=getTarget(event.nativeEvent);if(visibleOnly&&isElement(target)){if(isMacSafari()&&!event.relatedTarget){if(!keyboardModalityRef.current&&!isTypeableElement(target))return}else if(!matchesFocusVisible(target))return}onOpenChange(!0,event.nativeEvent,"focus")},onBlur(event){blockFocusRef.current=!1;const relatedTarget=event.relatedTarget,nativeEvent=event.nativeEvent,movedToFocusGuard=isElement(relatedTarget)&&relatedTarget.hasAttribute(createAttribute("focus-guard"))&&relatedTarget.getAttribute("data-type")==="outside";timeoutRef.current=window.setTimeout(()=>{var _dataRef$current$floa;const activeEl=activeElement(elements.domReference?elements.domReference.ownerDocument:document);!relatedTarget&&activeEl===elements.domReference||contains((_dataRef$current$floa=dataRef.current.floatingContext)==null?void 0:_dataRef$current$floa.refs.floating.current,activeEl)||contains(elements.domReference,activeEl)||movedToFocusGuard||onOpenChange(!1,nativeEvent,"focus")})}}),[dataRef,elements.domReference,onOpenChange,visibleOnly]);return react.useMemo(()=>enabled?{reference}:{},[enabled,reference])}function mergeProps(userProps,propsList,elementKey){const map=new Map,isItem=elementKey==="item";let domUserProps=userProps;if(isItem&&userProps){const{[ACTIVE_KEY]:_,[SELECTED_KEY]:__,...validProps}=userProps;domUserProps=validProps}return{...elementKey==="floating"&&{tabIndex:-1,[floating_ui_react_esm_FOCUSABLE_ATTRIBUTE]:""},...domUserProps,...propsList.map(value=>{const propsOrGetProps=value?value[elementKey]:null;return typeof propsOrGetProps=="function"?userProps?propsOrGetProps(userProps):null:propsOrGetProps}).concat(userProps).reduce((acc,props)=>(props&&Object.entries(props).forEach(_ref=>{let[key,value]=_ref;if(!(isItem&&[ACTIVE_KEY,SELECTED_KEY].includes(key)))if(key.indexOf("on")===0){if(map.has(key)||map.set(key,[]),typeof value=="function"){var _map$get;(_map$get=map.get(key))==null||_map$get.push(value),acc[key]=function(){for(var _map$get2,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_map$get2=map.get(key))==null?void 0:_map$get2.map(fn=>fn(...args)).find(val=>val!==void 0)}}}else acc[key]=value}),acc),{})}}function useInteractions(propsList){propsList===void 0&&(propsList=[]);const referenceDeps=propsList.map(key=>key?.reference),floatingDeps=propsList.map(key=>key?.floating),itemDeps=propsList.map(key=>key?.item),getReferenceProps=react.useCallback(userProps=>mergeProps(userProps,propsList,"reference"),referenceDeps),getFloatingProps=react.useCallback(userProps=>mergeProps(userProps,propsList,"floating"),floatingDeps),getItemProps=react.useCallback(userProps=>mergeProps(userProps,propsList,"item"),itemDeps);return react.useMemo(()=>({getReferenceProps,getFloatingProps,getItemProps}),[getReferenceProps,getFloatingProps,getItemProps])}const ESCAPE="Escape";function doSwitch(orientation,vertical,horizontal){switch(orientation){case"vertical":return vertical;case"horizontal":return horizontal;default:return vertical||horizontal}}function isMainOrientationKey(key,orientation){return doSwitch(orientation,key===floating_ui_react_esm_ARROW_UP||key===floating_ui_react_esm_ARROW_DOWN,key===floating_ui_react_esm_ARROW_LEFT||key===floating_ui_react_esm_ARROW_RIGHT)}function isMainOrientationToEndKey(key,orientation,rtl){return doSwitch(orientation,key===floating_ui_react_esm_ARROW_DOWN,rtl?key===floating_ui_react_esm_ARROW_LEFT:key===floating_ui_react_esm_ARROW_RIGHT)||key==="Enter"||key===" "||key===""}function isCrossOrientationOpenKey(key,orientation,rtl){return doSwitch(orientation,rtl?key===floating_ui_react_esm_ARROW_LEFT:key===floating_ui_react_esm_ARROW_RIGHT,key===floating_ui_react_esm_ARROW_DOWN)}function isCrossOrientationCloseKey(key,orientation,rtl,cols){const vertical=rtl?key===floating_ui_react_esm_ARROW_RIGHT:key===floating_ui_react_esm_ARROW_LEFT,horizontal=key===floating_ui_react_esm_ARROW_UP;return orientation==="both"||orientation==="horizontal"&&cols&&cols>1?key===ESCAPE:doSwitch(orientation,vertical,horizontal)}function useListNavigation(context,props){const{open,onOpenChange,elements,floatingId}=context,{listRef,activeIndex,onNavigate:unstable_onNavigate=()=>{},enabled=!0,selectedIndex=null,allowEscape=!1,loop=!1,nested=!1,rtl=!1,virtual=!1,focusItemOnOpen="auto",focusItemOnHover=!0,openOnArrowKeyDown=!0,disabledIndices=void 0,orientation="vertical",parentOrientation,cols=1,scrollItemIntoView=!0,virtualItemRef,itemSizes,dense=!1}=props,floatingFocusElement=getFloatingFocusElement(elements.floating),floatingFocusElementRef=useLatestRef(floatingFocusElement),parentId=useFloatingParentNodeId(),tree=useFloatingTree();floating_ui_react_utils_index(()=>{context.dataRef.current.orientation=orientation},[context,orientation]);const onNavigate=useEffectEvent(()=>{unstable_onNavigate(indexRef.current===-1?null:indexRef.current)}),typeableComboboxReference=isTypeableCombobox(elements.domReference),focusItemOnOpenRef=react.useRef(focusItemOnOpen),indexRef=react.useRef(selectedIndex??-1),keyRef=react.useRef(null),isPointerModalityRef=react.useRef(!0),previousOnNavigateRef=react.useRef(onNavigate),previousMountedRef=react.useRef(!!elements.floating),previousOpenRef=react.useRef(open),forceSyncFocusRef=react.useRef(!1),forceScrollIntoViewRef=react.useRef(!1),disabledIndicesRef=useLatestRef(disabledIndices),latestOpenRef=useLatestRef(open),scrollItemIntoViewRef=useLatestRef(scrollItemIntoView),selectedIndexRef=useLatestRef(selectedIndex),[activeId,setActiveId]=react.useState(),[virtualId,setVirtualId]=react.useState(),focusItem=useEffectEvent(()=>{function runFocus(item2){if(virtual){var _item$id;(_item$id=item2.id)!=null&&_item$id.endsWith("-fui-option")&&(item2.id=floatingId+"-"+Math.random().toString(16).slice(2,10)),setActiveId(item2.id),tree?.events.emit("virtualfocus",item2),virtualItemRef&&(virtualItemRef.current=item2)}else enqueueFocus(item2,{sync:forceSyncFocusRef.current,preventScroll:!0})}const initialItem=listRef.current[indexRef.current],forceScrollIntoView=forceScrollIntoViewRef.current;initialItem&&runFocus(initialItem),(forceSyncFocusRef.current?v=>v():requestAnimationFrame)(()=>{const waitedItem=listRef.current[indexRef.current]||initialItem;if(!waitedItem)return;initialItem||runFocus(waitedItem);const scrollIntoViewOptions=scrollItemIntoViewRef.current;scrollIntoViewOptions&&item&&(forceScrollIntoView||!isPointerModalityRef.current)&&(waitedItem.scrollIntoView==null||waitedItem.scrollIntoView(typeof scrollIntoViewOptions=="boolean"?{block:"nearest",inline:"nearest"}:scrollIntoViewOptions))})});floating_ui_react_utils_index(()=>{!enabled||(open&&elements.floating?focusItemOnOpenRef.current&&selectedIndex!=null&&(forceScrollIntoViewRef.current=!0,indexRef.current=selectedIndex,onNavigate()):previousMountedRef.current&&(indexRef.current=-1,previousOnNavigateRef.current()))},[enabled,open,elements.floating,selectedIndex,onNavigate]),floating_ui_react_utils_index(()=>{if(!!enabled&&!!open&&!!elements.floating)if(activeIndex==null){if(forceSyncFocusRef.current=!1,selectedIndexRef.current!=null)return;if(previousMountedRef.current&&(indexRef.current=-1,focusItem()),(!previousOpenRef.current||!previousMountedRef.current)&&focusItemOnOpenRef.current&&(keyRef.current!=null||focusItemOnOpenRef.current===!0&&keyRef.current==null)){let runs=0;const waitForListPopulated=()=>{listRef.current[0]==null?(runs<2&&(runs?requestAnimationFrame:queueMicrotask)(waitForListPopulated),runs++):(indexRef.current=keyRef.current==null||isMainOrientationToEndKey(keyRef.current,orientation,rtl)||nested?getMinListIndex(listRef,disabledIndicesRef.current):getMaxListIndex(listRef,disabledIndicesRef.current),keyRef.current=null,onNavigate())};waitForListPopulated()}}else isIndexOutOfListBounds(listRef,activeIndex)||(indexRef.current=activeIndex,focusItem(),forceScrollIntoViewRef.current=!1)},[enabled,open,elements.floating,activeIndex,selectedIndexRef,nested,listRef,orientation,rtl,onNavigate,focusItem,disabledIndicesRef]),floating_ui_react_utils_index(()=>{var _nodes$find;if(!enabled||elements.floating||!tree||virtual||!previousMountedRef.current)return;const nodes=tree.nodesRef.current,parent2=(_nodes$find=nodes.find(node=>node.id===parentId))==null||(_nodes$find=_nodes$find.context)==null?void 0:_nodes$find.elements.floating,activeEl=activeElement(getDocument(elements.floating)),treeContainsActiveEl=nodes.some(node=>node.context&&contains(node.context.elements.floating,activeEl));parent2&&!treeContainsActiveEl&&isPointerModalityRef.current&&parent2.focus({preventScroll:!0})},[enabled,elements.floating,tree,parentId,virtual]),floating_ui_react_utils_index(()=>{if(!enabled||!tree||!virtual||parentId)return;function handleVirtualFocus(item2){setVirtualId(item2.id),virtualItemRef&&(virtualItemRef.current=item2)}return tree.events.on("virtualfocus",handleVirtualFocus),()=>{tree.events.off("virtualfocus",handleVirtualFocus)}},[enabled,tree,virtual,parentId,virtualItemRef]),floating_ui_react_utils_index(()=>{previousOnNavigateRef.current=onNavigate,previousOpenRef.current=open,previousMountedRef.current=!!elements.floating}),floating_ui_react_utils_index(()=>{open||(keyRef.current=null,focusItemOnOpenRef.current=focusItemOnOpen)},[open,focusItemOnOpen]);const hasActiveIndex=activeIndex!=null,item=react.useMemo(()=>{function syncCurrentTarget(currentTarget){if(!latestOpenRef.current)return;const index2=listRef.current.indexOf(currentTarget);index2!==-1&&indexRef.current!==index2&&(indexRef.current=index2,onNavigate())}return{onFocus(_ref){let{currentTarget}=_ref;forceSyncFocusRef.current=!0,syncCurrentTarget(currentTarget)},onClick:_ref2=>{let{currentTarget}=_ref2;return currentTarget.focus({preventScroll:!0})},onMouseMove(_ref3){let{currentTarget}=_ref3;forceSyncFocusRef.current=!0,forceScrollIntoViewRef.current=!1,focusItemOnHover&&syncCurrentTarget(currentTarget)},onPointerLeave(_ref4){let{pointerType}=_ref4;if(!(!isPointerModalityRef.current||pointerType==="touch")&&(forceSyncFocusRef.current=!0,!!focusItemOnHover&&(indexRef.current=-1,onNavigate(),!virtual))){var _floatingFocusElement;(_floatingFocusElement=floatingFocusElementRef.current)==null||_floatingFocusElement.focus({preventScroll:!0})}}}},[latestOpenRef,floatingFocusElementRef,focusItemOnHover,listRef,onNavigate,virtual]),getParentOrientation=react.useCallback(()=>{var _tree$nodesRef$curren;return parentOrientation??(tree==null||(_tree$nodesRef$curren=tree.nodesRef.current.find(node=>node.id===parentId))==null||(_tree$nodesRef$curren=_tree$nodesRef$curren.context)==null||(_tree$nodesRef$curren=_tree$nodesRef$curren.dataRef)==null?void 0:_tree$nodesRef$curren.current.orientation)},[parentId,tree,parentOrientation]),commonOnKeyDown=useEffectEvent(event=>{if(isPointerModalityRef.current=!1,forceSyncFocusRef.current=!0,event.which===229||!latestOpenRef.current&&event.currentTarget===floatingFocusElementRef.current)return;if(nested&&isCrossOrientationCloseKey(event.key,orientation,rtl,cols)){isMainOrientationKey(event.key,getParentOrientation())||stopEvent(event),onOpenChange(!1,event.nativeEvent,"list-navigation"),isHTMLElement(elements.domReference)&&(virtual?tree?.events.emit("virtualfocus",elements.domReference):elements.domReference.focus());return}const currentIndex=indexRef.current,minIndex=getMinListIndex(listRef,disabledIndices),maxIndex=getMaxListIndex(listRef,disabledIndices);if(typeableComboboxReference||(event.key==="Home"&&(stopEvent(event),indexRef.current=minIndex,onNavigate()),event.key==="End"&&(stopEvent(event),indexRef.current=maxIndex,onNavigate())),cols>1){const sizes=itemSizes||Array.from({length:listRef.current.length},()=>({width:1,height:1})),cellMap=createGridCellMap(sizes,cols,dense),minGridIndex=cellMap.findIndex(index3=>index3!=null&&!isListIndexDisabled(listRef,index3,disabledIndices)),maxGridIndex=cellMap.reduce((foundIndex,index3,cellIndex)=>index3!=null&&!isListIndexDisabled(listRef,index3,disabledIndices)?cellIndex:foundIndex,-1),index2=cellMap[getGridNavigatedIndex({current:cellMap.map(itemIndex=>itemIndex!=null?listRef.current[itemIndex]:null)},{event,orientation,loop,rtl,cols,disabledIndices:getGridCellIndices([...(typeof disabledIndices!="function"?disabledIndices:null)||listRef.current.map((_,index3)=>isListIndexDisabled(listRef,index3,disabledIndices)?index3:void 0),void 0],cellMap),minIndex:minGridIndex,maxIndex:maxGridIndex,prevIndex:getGridCellIndexOfCorner(indexRef.current>maxIndex?minIndex:indexRef.current,sizes,cellMap,cols,event.key===floating_ui_react_esm_ARROW_DOWN?"bl":event.key===(rtl?floating_ui_react_esm_ARROW_LEFT:floating_ui_react_esm_ARROW_RIGHT)?"tr":"tl"),stopEvent:!0})];if(index2!=null&&(indexRef.current=index2,onNavigate()),orientation==="both")return}if(isMainOrientationKey(event.key,orientation)){if(stopEvent(event),open&&!virtual&&activeElement(event.currentTarget.ownerDocument)===event.currentTarget){indexRef.current=isMainOrientationToEndKey(event.key,orientation,rtl)?minIndex:maxIndex,onNavigate();return}isMainOrientationToEndKey(event.key,orientation,rtl)?loop?indexRef.current=currentIndex>=maxIndex?allowEscape&&currentIndex!==listRef.current.length?-1:minIndex:findNonDisabledListIndex(listRef,{startingIndex:currentIndex,disabledIndices}):indexRef.current=Math.min(maxIndex,findNonDisabledListIndex(listRef,{startingIndex:currentIndex,disabledIndices})):loop?indexRef.current=currentIndex<=minIndex?allowEscape&&currentIndex!==-1?listRef.current.length:maxIndex:findNonDisabledListIndex(listRef,{startingIndex:currentIndex,decrement:!0,disabledIndices}):indexRef.current=Math.max(minIndex,findNonDisabledListIndex(listRef,{startingIndex:currentIndex,decrement:!0,disabledIndices})),isIndexOutOfListBounds(listRef,indexRef.current)&&(indexRef.current=-1),onNavigate()}}),ariaActiveDescendantProp=react.useMemo(()=>virtual&&open&&hasActiveIndex&&{"aria-activedescendant":virtualId||activeId},[virtual,open,hasActiveIndex,virtualId,activeId]),floating=react.useMemo(()=>({"aria-orientation":orientation==="both"?void 0:orientation,...typeableComboboxReference?{}:ariaActiveDescendantProp,onKeyDown:commonOnKeyDown,onPointerMove(){isPointerModalityRef.current=!0}}),[ariaActiveDescendantProp,commonOnKeyDown,orientation,typeableComboboxReference]),reference=react.useMemo(()=>{function checkVirtualMouse(event){focusItemOnOpen==="auto"&&isVirtualClick(event.nativeEvent)&&(focusItemOnOpenRef.current=!0)}function checkVirtualPointer(event){focusItemOnOpenRef.current=focusItemOnOpen,focusItemOnOpen==="auto"&&isVirtualPointerEvent(event.nativeEvent)&&(focusItemOnOpenRef.current=!0)}return{...ariaActiveDescendantProp,onKeyDown(event){isPointerModalityRef.current=!1;const isArrowKey=event.key.startsWith("Arrow"),isHomeOrEndKey=["Home","End"].includes(event.key),isMoveKey=isArrowKey||isHomeOrEndKey,isCrossOpenKey=isCrossOrientationOpenKey(event.key,orientation,rtl),isCrossCloseKey=isCrossOrientationCloseKey(event.key,orientation,rtl,cols),isParentCrossOpenKey=isCrossOrientationOpenKey(event.key,getParentOrientation(),rtl),isMainKey=isMainOrientationKey(event.key,orientation),isNavigationKey=(nested?isParentCrossOpenKey:isMainKey)||event.key==="Enter"||event.key.trim()==="";if(virtual&&open){const rootNode=tree?.nodesRef.current.find(node=>node.parentId==null),deepestNode=tree&&rootNode?getDeepestNode(tree.nodesRef.current,rootNode.id):null;if(isMoveKey&&deepestNode&&virtualItemRef){const eventObject=new KeyboardEvent("keydown",{key:event.key,bubbles:!0});if(isCrossOpenKey||isCrossCloseKey){var _deepestNode$context,_deepestNode$context2;const isCurrentTarget=((_deepestNode$context=deepestNode.context)==null?void 0:_deepestNode$context.elements.domReference)===event.currentTarget,dispatchItem=isCrossCloseKey&&!isCurrentTarget?(_deepestNode$context2=deepestNode.context)==null?void 0:_deepestNode$context2.elements.domReference:isCrossOpenKey?listRef.current.find(item2=>item2?.id===activeId):null;dispatchItem&&(stopEvent(event),dispatchItem.dispatchEvent(eventObject),setVirtualId(void 0))}if((isMainKey||isHomeOrEndKey)&&deepestNode.context&&deepestNode.context.open&&deepestNode.parentId&&event.currentTarget!==deepestNode.context.elements.domReference){var _deepestNode$context$;stopEvent(event),(_deepestNode$context$=deepestNode.context.elements.domReference)==null||_deepestNode$context$.dispatchEvent(eventObject);return}}return commonOnKeyDown(event)}if(!(!open&&!openOnArrowKeyDown&&isArrowKey)){if(isNavigationKey){const isParentMainKey=isMainOrientationKey(event.key,getParentOrientation());keyRef.current=nested&&isParentMainKey?null:event.key}if(nested){isParentCrossOpenKey&&(stopEvent(event),open?(indexRef.current=getMinListIndex(listRef,disabledIndicesRef.current),onNavigate()):onOpenChange(!0,event.nativeEvent,"list-navigation"));return}isMainKey&&(selectedIndex!=null&&(indexRef.current=selectedIndex),stopEvent(event),!open&&openOnArrowKeyDown?onOpenChange(!0,event.nativeEvent,"list-navigation"):commonOnKeyDown(event),open&&onNavigate())}},onFocus(){open&&!virtual&&(indexRef.current=-1,onNavigate())},onPointerDown:checkVirtualPointer,onPointerEnter:checkVirtualPointer,onMouseDown:checkVirtualMouse,onClick:checkVirtualMouse}},[activeId,ariaActiveDescendantProp,cols,commonOnKeyDown,disabledIndicesRef,focusItemOnOpen,listRef,nested,onNavigate,onOpenChange,open,openOnArrowKeyDown,orientation,getParentOrientation,rtl,selectedIndex,tree,virtual,virtualItemRef]);return react.useMemo(()=>enabled?{reference,floating,item}:{},[enabled,reference,floating,item])}const componentRoleToAriaRoleMap=new Map([["select","listbox"],["combobox","listbox"],["label",!1]]);function useRole(context,props){var _elements$domReferenc,_componentRoleToAriaR;props===void 0&&(props={});const{open,elements,floatingId:defaultFloatingId}=context,{enabled=!0,role="dialog"}=props,defaultReferenceId=useId(),referenceId=((_elements$domReferenc=elements.domReference)==null?void 0:_elements$domReferenc.id)||defaultReferenceId,floatingId=react.useMemo(()=>{var _getFloatingFocusElem;return((_getFloatingFocusElem=getFloatingFocusElement(elements.floating))==null?void 0:_getFloatingFocusElem.id)||defaultFloatingId},[elements.floating,defaultFloatingId]),ariaRole=(_componentRoleToAriaR=componentRoleToAriaRoleMap.get(role))!=null?_componentRoleToAriaR:role,isNested=useFloatingParentNodeId()!=null,reference=react.useMemo(()=>ariaRole==="tooltip"||role==="label"?{["aria-"+(role==="label"?"labelledby":"describedby")]:open?floatingId:void 0}:{"aria-expanded":open?"true":"false","aria-haspopup":ariaRole==="alertdialog"?"dialog":ariaRole,"aria-controls":open?floatingId:void 0,...ariaRole==="listbox"&&{role:"combobox"},...ariaRole==="menu"&&{id:referenceId},...ariaRole==="menu"&&isNested&&{role:"menuitem"},...role==="select"&&{"aria-autocomplete":"none"},...role==="combobox"&&{"aria-autocomplete":"list"}},[ariaRole,floatingId,isNested,open,referenceId,role]),floating=react.useMemo(()=>{const floatingProps={id:floatingId,...ariaRole&&{role:ariaRole}};return ariaRole==="tooltip"||role==="label"?floatingProps:{...floatingProps,...ariaRole==="menu"&&{"aria-labelledby":referenceId}}},[ariaRole,floatingId,referenceId,role]),item=react.useCallback(_ref=>{let{active,selected}=_ref;const commonProps={role:"option",...active&&{id:floatingId+"-fui-option"}};switch(role){case"select":case"combobox":return{...commonProps,"aria-selected":selected}}return{}},[floatingId,role]);return react.useMemo(()=>enabled?{reference,floating,item}:{},[enabled,reference,floating,item])}const camelCaseToKebabCase=str=>str.replace(/[A-Z]+(?![a-z])|[A-Z]/g,($,ofs)=>(ofs?"-":"")+$.toLowerCase());function execWithArgsOrReturn(valueOrFn,args){return typeof valueOrFn=="function"?valueOrFn(args):valueOrFn}function useDelayUnmount(open,durationMs){const[isMounted,setIsMounted]=react.useState(open);return open&&!isMounted&&setIsMounted(!0),react.useEffect(()=>{if(!open&&isMounted){const timeout=setTimeout(()=>setIsMounted(!1),durationMs);return()=>clearTimeout(timeout)}},[open,isMounted,durationMs]),isMounted}function useTransitionStatus(context,props){props===void 0&&(props={});const{open,elements:{floating}}=context,{duration=250}=props,closeDuration=(typeof duration=="number"?duration:duration.close)||0,[status,setStatus]=react.useState("unmounted"),isMounted=useDelayUnmount(open,closeDuration);return!isMounted&&status==="close"&&setStatus("unmounted"),floating_ui_react_utils_index(()=>{if(!!floating){if(open){setStatus("initial");const frame=requestAnimationFrame(()=>{react_dom.flushSync(()=>{setStatus("open")})});return()=>{cancelAnimationFrame(frame)}}setStatus("close")}},[open,floating]),{isMounted,status}}function useTransitionStyles(context,props){props===void 0&&(props={});const{initial:unstable_initial={opacity:0},open:unstable_open,close:unstable_close,common:unstable_common,duration=250}=props,placement=context.placement,side=placement.split("-")[0],fnArgs=react.useMemo(()=>({side,placement}),[side,placement]),isNumberDuration=typeof duration=="number",openDuration=(isNumberDuration?duration:duration.open)||0,closeDuration=(isNumberDuration?duration:duration.close)||0,[styles,setStyles]=react.useState(()=>({...execWithArgsOrReturn(unstable_common,fnArgs),...execWithArgsOrReturn(unstable_initial,fnArgs)})),{isMounted,status}=useTransitionStatus(context,{duration}),initialRef=useLatestRef(unstable_initial),openRef=useLatestRef(unstable_open),closeRef=useLatestRef(unstable_close),commonRef=useLatestRef(unstable_common);return floating_ui_react_utils_index(()=>{const initialStyles=execWithArgsOrReturn(initialRef.current,fnArgs),closeStyles=execWithArgsOrReturn(closeRef.current,fnArgs),commonStyles=execWithArgsOrReturn(commonRef.current,fnArgs),openStyles=execWithArgsOrReturn(openRef.current,fnArgs)||Object.keys(initialStyles).reduce((acc,key)=>(acc[key]="",acc),{});if(status==="initial"&&setStyles(styles2=>({transitionProperty:styles2.transitionProperty,...commonStyles,...initialStyles})),status==="open"&&setStyles({transitionProperty:Object.keys(openStyles).map(camelCaseToKebabCase).join(","),transitionDuration:openDuration+"ms",...commonStyles,...openStyles}),status==="close"){const styles2=closeStyles||initialStyles;setStyles({transitionProperty:Object.keys(styles2).map(camelCaseToKebabCase).join(","),transitionDuration:closeDuration+"ms",...commonStyles,...styles2})}},[closeDuration,closeRef,initialRef,openRef,commonRef,openDuration,status,fnArgs]),{isMounted,styles}}function useTypeahead(context,props){var _ref;const{open,dataRef}=context,{listRef,activeIndex,onMatch:unstable_onMatch,onTypingChange:unstable_onTypingChange,enabled=!0,findMatch=null,resetMs=750,ignoreKeys=[],selectedIndex=null}=props,timeoutIdRef=react.useRef(-1),stringRef=react.useRef(""),prevIndexRef=react.useRef((_ref=selectedIndex??activeIndex)!=null?_ref:-1),matchIndexRef=react.useRef(null),onMatch=useEffectEvent(unstable_onMatch),onTypingChange=useEffectEvent(unstable_onTypingChange),findMatchRef=useLatestRef(findMatch),ignoreKeysRef=useLatestRef(ignoreKeys);floating_ui_react_utils_index(()=>{open&&(clearTimeoutIfSet(timeoutIdRef),matchIndexRef.current=null,stringRef.current="")},[open]),floating_ui_react_utils_index(()=>{if(open&&stringRef.current===""){var _ref2;prevIndexRef.current=(_ref2=selectedIndex??activeIndex)!=null?_ref2:-1}},[open,selectedIndex,activeIndex]);const setTypingChange=useEffectEvent(value=>{value?dataRef.current.typing||(dataRef.current.typing=value,onTypingChange(value)):dataRef.current.typing&&(dataRef.current.typing=value,onTypingChange(value))}),onKeyDown=useEffectEvent(event=>{function getMatchingIndex(list,orderedList,string){const str=findMatchRef.current?findMatchRef.current(orderedList,string):orderedList.find(text=>text?.toLocaleLowerCase().indexOf(string.toLocaleLowerCase())===0);return str?list.indexOf(str):-1}const listContent=listRef.current;if(stringRef.current.length>0&&stringRef.current[0]!==" "&&(getMatchingIndex(listContent,listContent,stringRef.current)===-1?setTypingChange(!1):event.key===" "&&stopEvent(event)),listContent==null||ignoreKeysRef.current.includes(event.key)||event.key.length!==1||event.ctrlKey||event.metaKey||event.altKey)return;open&&event.key!==" "&&(stopEvent(event),setTypingChange(!0)),listContent.every(text=>{var _text$,_text$2;return text?((_text$=text[0])==null?void 0:_text$.toLocaleLowerCase())!==((_text$2=text[1])==null?void 0:_text$2.toLocaleLowerCase()):!0})&&stringRef.current===event.key&&(stringRef.current="",prevIndexRef.current=matchIndexRef.current),stringRef.current+=event.key,clearTimeoutIfSet(timeoutIdRef),timeoutIdRef.current=window.setTimeout(()=>{stringRef.current="",prevIndexRef.current=matchIndexRef.current,setTypingChange(!1)},resetMs);const prevIndex=prevIndexRef.current,index2=getMatchingIndex(listContent,[...listContent.slice((prevIndex||0)+1),...listContent.slice(0,(prevIndex||0)+1)],stringRef.current);index2!==-1?(onMatch(index2),matchIndexRef.current=index2):event.key!==" "&&(stringRef.current="",setTypingChange(!1))}),reference=react.useMemo(()=>({onKeyDown}),[onKeyDown]),floating=react.useMemo(()=>({onKeyDown,onKeyUp(event){event.key===" "&&setTypingChange(!1)}}),[onKeyDown,setTypingChange]);return react.useMemo(()=>enabled?{reference,floating}:{},[enabled,reference,floating])}function getArgsWithCustomFloatingHeight(state,height){return{...state,rects:{...state.rects,floating:{...state.rects.floating,height}}}}const inner=props=>({name:"inner",options:props,async fn(state){const{listRef,overflowRef,onFallbackChange,offset:innerOffset=0,index:index2=0,minItemsVisible=4,referenceOverflowThreshold=0,scrollRef,...detectOverflowOptions}=evaluate(props,state),{rects,platform:platform2,elements:{floating}}=state,item=listRef.current[index2],scrollEl=scrollRef?.current||floating,clientTop=floating.clientTop||scrollEl.clientTop,floatingIsBordered=floating.clientTop!==0,scrollElIsBordered=scrollEl.clientTop!==0,floatingIsScrollEl=floating===scrollEl;if(!item)return{};const nextArgs={...state,...await floating_ui_react_dom_offset(-item.offsetTop-floating.clientTop-rects.reference.height/2-item.offsetHeight/2-innerOffset).fn(state)},overflow=await platform2.detectOverflow(getArgsWithCustomFloatingHeight(nextArgs,scrollEl.scrollHeight+clientTop+floating.clientTop),detectOverflowOptions),refOverflow=await platform2.detectOverflow(nextArgs,{...detectOverflowOptions,elementContext:"reference"}),diffY=max(0,overflow.top),nextY=nextArgs.y+diffY,maxHeight=(scrollEl.scrollHeight>scrollEl.clientHeight?v=>v:round)(max(0,scrollEl.scrollHeight+(floatingIsBordered&&floatingIsScrollEl||scrollElIsBordered?clientTop*2:0)-diffY-max(0,overflow.bottom)));if(scrollEl.style.maxHeight=maxHeight+"px",scrollEl.scrollTop=diffY,onFallbackChange){const shouldFallback=scrollEl.offsetHeight<item.offsetHeight*min(minItemsVisible,listRef.current.length)-1||refOverflow.top>=-referenceOverflowThreshold||refOverflow.bottom>=-referenceOverflowThreshold;react_dom.flushSync(()=>onFallbackChange(shouldFallback))}return overflowRef&&(overflowRef.current=await platform2.detectOverflow(getArgsWithCustomFloatingHeight({...nextArgs,y:nextY},scrollEl.offsetHeight+clientTop+floating.clientTop),detectOverflowOptions)),{y:nextY}}});function useInnerOffset(context,props){const{open,elements}=context,{enabled=!0,overflowRef,scrollRef,onChange:unstable_onChange}=props,onChange=useEffectEvent(unstable_onChange),controlledScrollingRef=react.useRef(!1),prevScrollTopRef=react.useRef(null),initialOverflowRef=react.useRef(null);react.useEffect(()=>{if(!enabled)return;function onWheel(e){if(e.ctrlKey||!el||overflowRef.current==null)return;const dY=e.deltaY,isAtTop=overflowRef.current.top>=-.5,isAtBottom=overflowRef.current.bottom>=-.5,remainingScroll=el.scrollHeight-el.clientHeight,sign=dY<0?-1:1,method=dY<0?"max":"min";el.scrollHeight<=el.clientHeight||(!isAtTop&&dY>0||!isAtBottom&&dY<0?(e.preventDefault(),react_dom.flushSync(()=>{onChange(d=>d+Math[method](dY,remainingScroll*sign))})):/firefox/i.test(getUserAgent())&&(el.scrollTop+=dY))}const el=scrollRef?.current||elements.floating;if(open&&el)return el.addEventListener("wheel",onWheel),requestAnimationFrame(()=>{prevScrollTopRef.current=el.scrollTop,overflowRef.current!=null&&(initialOverflowRef.current={...overflowRef.current})}),()=>{prevScrollTopRef.current=null,initialOverflowRef.current=null,el.removeEventListener("wheel",onWheel)}},[enabled,open,elements.floating,overflowRef,scrollRef,onChange]);const floating=react.useMemo(()=>({onKeyDown(){controlledScrollingRef.current=!0},onWheel(){controlledScrollingRef.current=!1},onPointerMove(){controlledScrollingRef.current=!1},onScroll(){const el=scrollRef?.current||elements.floating;if(!(!overflowRef.current||!el||!controlledScrollingRef.current)){if(prevScrollTopRef.current!==null){const scrollDiff=el.scrollTop-prevScrollTopRef.current;(overflowRef.current.bottom<-.5&&scrollDiff<-1||overflowRef.current.top<-.5&&scrollDiff>1)&&react_dom.flushSync(()=>onChange(d=>d+scrollDiff))}requestAnimationFrame(()=>{prevScrollTopRef.current=el.scrollTop})}}}),[elements.floating,onChange,overflowRef,scrollRef]);return react.useMemo(()=>enabled?{floating}:{},[enabled,floating])}function floating_ui_react_esm_getNodeChildren(nodes,id,onlyOpenChildren){return onlyOpenChildren===void 0&&(onlyOpenChildren=!0),nodes.filter(node=>{var _node$context;return node.parentId===id&&(!onlyOpenChildren||((_node$context=node.context)==null?void 0:_node$context.open))}).flatMap(child=>[child,...floating_ui_react_esm_getNodeChildren(nodes,child.id,onlyOpenChildren)])}function isPointInPolygon(point,polygon){const[x,y]=point;let isInside2=!1;const length=polygon.length;for(let i=0,j=length-1;i<length;j=i++){const[xi,yi]=polygon[i]||[0,0],[xj,yj]=polygon[j]||[0,0];yi>=y!=yj>=y&&x<=(xj-xi)*(y-yi)/(yj-yi)+xi&&(isInside2=!isInside2)}return isInside2}function isInside(point,rect){return point[0]>=rect.x&&point[0]<=rect.x+rect.width&&point[1]>=rect.y&&point[1]<=rect.y+rect.height}function safePolygon(options){options===void 0&&(options={});const{buffer=.5,blockPointerEvents=!1,requireIntent=!0}=options,timeoutRef={current:-1};let hasLanded=!1,lastX=null,lastY=null,lastCursorTime=typeof performance<"u"?performance.now():0;function getCursorSpeed(x,y){const currentTime=performance.now(),elapsedTime=currentTime-lastCursorTime;if(lastX===null||lastY===null||elapsedTime===0)return lastX=x,lastY=y,lastCursorTime=currentTime,null;const deltaX=x-lastX,deltaY=y-lastY,speed=Math.sqrt(deltaX*deltaX+deltaY*deltaY)/elapsedTime;return lastX=x,lastY=y,lastCursorTime=currentTime,speed}const fn=_ref=>{let{x,y,placement,elements,onClose,nodeId,tree}=_ref;return function(event){function close(){clearTimeoutIfSet(timeoutRef),onClose()}if(clearTimeoutIfSet(timeoutRef),!elements.domReference||!elements.floating||placement==null||x==null||y==null)return;const{clientX,clientY}=event,clientPoint=[clientX,clientY],target=floating_ui_react_esm_getTarget(event),isLeave=event.type==="mouseleave",isOverFloatingEl=floating_ui_react_esm_contains(elements.floating,target),isOverReferenceEl=floating_ui_react_esm_contains(elements.domReference,target),refRect=elements.domReference.getBoundingClientRect(),rect=elements.floating.getBoundingClientRect(),side=placement.split("-")[0],cursorLeaveFromRight=x>rect.right-rect.width/2,cursorLeaveFromBottom=y>rect.bottom-rect.height/2,isOverReferenceRect=isInside(clientPoint,refRect),isFloatingWider=rect.width>refRect.width,isFloatingTaller=rect.height>refRect.height,left=(isFloatingWider?refRect:rect).left,right=(isFloatingWider?refRect:rect).right,top=(isFloatingTaller?refRect:rect).top,bottom=(isFloatingTaller?refRect:rect).bottom;if(isOverFloatingEl&&(hasLanded=!0,!isLeave))return;if(isOverReferenceEl&&(hasLanded=!1),isOverReferenceEl&&!isLeave){hasLanded=!0;return}if(isLeave&&isElement(event.relatedTarget)&&floating_ui_react_esm_contains(elements.floating,event.relatedTarget)||tree&&floating_ui_react_esm_getNodeChildren(tree.nodesRef.current,nodeId).length)return;if(side==="top"&&y>=refRect.bottom-1||side==="bottom"&&y<=refRect.top+1||side==="left"&&x>=refRect.right-1||side==="right"&&x<=refRect.left+1)return close();let rectPoly=[];switch(side){case"top":rectPoly=[[left,refRect.top+1],[left,rect.bottom-1],[right,rect.bottom-1],[right,refRect.top+1]];break;case"bottom":rectPoly=[[left,rect.top+1],[left,refRect.bottom-1],[right,refRect.bottom-1],[right,rect.top+1]];break;case"left":rectPoly=[[rect.right-1,bottom],[rect.right-1,top],[refRect.left+1,top],[refRect.left+1,bottom]];break;case"right":rectPoly=[[refRect.right-1,bottom],[refRect.right-1,top],[rect.left+1,top],[rect.left+1,bottom]];break}function getPolygon(_ref2){let[x2,y2]=_ref2;switch(side){case"top":{const cursorPointOne=[isFloatingWider?x2+buffer/2:cursorLeaveFromRight?x2+buffer*4:x2-buffer*4,y2+buffer+1],cursorPointTwo=[isFloatingWider?x2-buffer/2:cursorLeaveFromRight?x2+buffer*4:x2-buffer*4,y2+buffer+1],commonPoints=[[rect.left,cursorLeaveFromRight||isFloatingWider?rect.bottom-buffer:rect.top],[rect.right,cursorLeaveFromRight?isFloatingWider?rect.bottom-buffer:rect.top:rect.bottom-buffer]];return[cursorPointOne,cursorPointTwo,...commonPoints]}case"bottom":{const cursorPointOne=[isFloatingWider?x2+buffer/2:cursorLeaveFromRight?x2+buffer*4:x2-buffer*4,y2-buffer],cursorPointTwo=[isFloatingWider?x2-buffer/2:cursorLeaveFromRight?x2+buffer*4:x2-buffer*4,y2-buffer],commonPoints=[[rect.left,cursorLeaveFromRight||isFloatingWider?rect.top+buffer:rect.bottom],[rect.right,cursorLeaveFromRight?isFloatingWider?rect.top+buffer:rect.bottom:rect.top+buffer]];return[cursorPointOne,cursorPointTwo,...commonPoints]}case"left":{const cursorPointOne=[x2+buffer+1,isFloatingTaller?y2+buffer/2:cursorLeaveFromBottom?y2+buffer*4:y2-buffer*4],cursorPointTwo=[x2+buffer+1,isFloatingTaller?y2-buffer/2:cursorLeaveFromBottom?y2+buffer*4:y2-buffer*4];return[...[[cursorLeaveFromBottom||isFloatingTaller?rect.right-buffer:rect.left,rect.top],[cursorLeaveFromBottom?isFloatingTaller?rect.right-buffer:rect.left:rect.right-buffer,rect.bottom]],cursorPointOne,cursorPointTwo]}case"right":{const cursorPointOne=[x2-buffer,isFloatingTaller?y2+buffer/2:cursorLeaveFromBottom?y2+buffer*4:y2-buffer*4],cursorPointTwo=[x2-buffer,isFloatingTaller?y2-buffer/2:cursorLeaveFromBottom?y2+buffer*4:y2-buffer*4],commonPoints=[[cursorLeaveFromBottom||isFloatingTaller?rect.left+buffer:rect.right,rect.top],[cursorLeaveFromBottom?isFloatingTaller?rect.left+buffer:rect.right:rect.left+buffer,rect.bottom]];return[cursorPointOne,cursorPointTwo,...commonPoints]}}}if(!isPointInPolygon([clientX,clientY],rectPoly)){if(hasLanded&&!isOverReferenceRect)return close();if(!isLeave&&requireIntent){const cursorSpeed=getCursorSpeed(event.clientX,event.clientY);if(cursorSpeed!==null&&cursorSpeed<.1)return close()}isPointInPolygon([clientX,clientY],getPolygon([x,y]))?!hasLanded&&requireIntent&&(timeoutRef.current=window.setTimeout(close,40)):close()}}};return fn.__options={blockPointerEvents},fn}},85111(module){(function(global,factory){module.exports=factory()})(this,function(){"use strict";const schemeRegex=/^[\w+.-]+:\/\//,urlRegex=/^([\w+.-]+:)\/\/([^@/#?]*@)?([^:/#?]*)(:\d+)?(\/[^#?]*)?(\?[^#]*)?(#.*)?/,fileRegex=/^file:(?:\/\/((?![a-z]:)[^/#?]*)?)?(\/?[^#?]*)(\?[^#]*)?(#.*)?/i;function isAbsoluteUrl(input){return schemeRegex.test(input)}function isSchemeRelativeUrl(input){return input.startsWith("//")}function isAbsolutePath(input){return input.startsWith("/")}function isFileUrl(input){return input.startsWith("file:")}function isRelative(input){return/^[.?#]/.test(input)}function parseAbsoluteUrl(input){const match=urlRegex.exec(input);return makeUrl(match[1],match[2]||"",match[3],match[4]||"",match[5]||"/",match[6]||"",match[7]||"")}function parseFileUrl(input){const match=fileRegex.exec(input),path=match[2];return makeUrl("file:","",match[1]||"","",isAbsolutePath(path)?path:"/"+path,match[3]||"",match[4]||"")}function makeUrl(scheme,user,host,port,path,query,hash){return{scheme,user,host,port,path,query,hash,type:7}}function parseUrl(input){if(isSchemeRelativeUrl(input)){const url2=parseAbsoluteUrl("http:"+input);return url2.scheme="",url2.type=6,url2}if(isAbsolutePath(input)){const url2=parseAbsoluteUrl("http://foo.com"+input);return url2.scheme="",url2.host="",url2.type=5,url2}if(isFileUrl(input))return parseFileUrl(input);if(isAbsoluteUrl(input))return parseAbsoluteUrl(input);const url=parseAbsoluteUrl("http://foo.com/"+input);return url.scheme="",url.host="",url.type=input?input.startsWith("?")?3:input.startsWith("#")?2:4:1,url}function stripPathFilename(path){if(path.endsWith("/.."))return path;const index=path.lastIndexOf("/");return path.slice(0,index+1)}function mergePaths(url,base){normalizePath(base,base.type),url.path==="/"?url.path=base.path:url.path=stripPathFilename(base.path)+url.path}function normalizePath(url,type){const rel=type<=4,pieces=url.path.split("/");let pointer=1,positive=0,addTrailingSlash=!1;for(let i=1;i<pieces.length;i++){const piece=pieces[i];if(!piece){addTrailingSlash=!0;continue}if(addTrailingSlash=!1,piece!=="."){if(piece===".."){positive?(addTrailingSlash=!0,positive--,pointer--):rel&&(pieces[pointer++]=piece);continue}pieces[pointer++]=piece,positive++}}let path="";for(let i=1;i<pointer;i++)path+="/"+pieces[i];(!path||addTrailingSlash&&!path.endsWith("/.."))&&(path+="/"),url.path=path}function resolve(input,base){if(!input&&!base)return"";const url=parseUrl(input);let inputType=url.type;if(base&&inputType!==7){const baseUrl=parseUrl(base),baseType=baseUrl.type;switch(inputType){case 1:url.hash=baseUrl.hash;case 2:url.query=baseUrl.query;case 3:case 4:mergePaths(url,baseUrl);case 5:url.user=baseUrl.user,url.host=baseUrl.host,url.port=baseUrl.port;case 6:url.scheme=baseUrl.scheme}baseType>inputType&&(inputType=baseType)}normalizePath(url,inputType);const queryHash=url.query+url.hash;switch(inputType){case 2:case 3:return queryHash;case 4:{const path=url.path.slice(1);return path?isRelative(base||input)&&!isRelative(path)?"./"+path+queryHash:path+queryHash:queryHash||"."}case 5:return url.path+queryHash;default:return url.scheme+"//"+url.user+url.host+url.port+url.path+queryHash}}return resolve})},83875(__unused_webpack_module,exports,__webpack_require__){"use strict";function __export(m){for(var p in m)exports.hasOwnProperty(p)||(exports[p]=m[p])}Object.defineProperty(exports,"__esModule",{value:!0}),__export(__webpack_require__(86343))},32796(__unused_webpack_module,exports,__webpack_require__){"use strict";function __export(m){for(var p in m)exports.hasOwnProperty(p)||(exports[p]=m[p])}Object.defineProperty(exports,"__esModule",{value:!0});var node_fs_1=__webpack_require__(64644);exports.NodeFS=node_fs_1.NodeFS,__export(__webpack_require__(45780))},64644(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const path_1=__webpack_require__(52101),fs_1=__importDefault(__webpack_require__(94891)),promises_1=__importDefault(__webpack_require__(45780));class NodeFS{constructor(workingDir){this.workingDir=workingDir,this.promises=new promises_1.default}getPath(path){return path_1.join(this.workingDir,path)}access(path,mode,callback){fs_1.default.access(this.getPath(path),mode,callback)}accessSync(path,mode){fs_1.default.accessSync(this.getPath(path),mode)}appendFile(file,data,options,callback){fs_1.default.appendFile(this.getPath(file),data,options)}appendFileSync(file,data,options){fs_1.default.appendFileSync(this.getPath(file),data,options)}chmod(path,mode,callback){fs_1.default.chmod(this.getPath(path),mode,callback)}chmodSync(path,mode){fs_1.default.chmodSync(this.getPath(path),mode)}chown(path,uid,gid,callback){fs_1.default.chown(this.getPath(path),uid,gid,callback)}chownSync(path,uid,gid){fs_1.default.chownSync(this.getPath(path),uid,gid)}close(fd,callback){fs_1.default.close(fd,callback)}closeSync(fd){fs_1.default.closeSync(fd)}copyFile(src,dest,callback){fs_1.default.copyFile(src,dest,callback)}copyFileSync(src,dest,flags){fs_1.default.copyFileSync(src,dest,flags)}createReadStream(path,options){return fs_1.default.createReadStream(this.getPath(path),options)}createWriteStream(path,options){return fs_1.default.createWriteStream(this.getPath(path),options)}exists(path,callback){fs_1.default.exists(this.getPath(path),callback)}existsSync(path){return fs_1.default.existsSync(this.getPath(path))}fchmod(fd,mode,callback){fs_1.default.fchmod(fd,mode,callback)}fchmodSync(fd,mode){fs_1.default.fchmodSync(fd,mode)}fchown(fd,uid,gid,callback){fs_1.default.fchown(fd,uid,gid,callback)}fchownSync(fd,uid,gid){fs_1.default.fchownSync(fd,uid,gid)}fdatasync(fd,callback){fs_1.default.fdatasync(fd,callback)}fdatasyncSync(fd){fs_1.default.fdatasyncSync(fd)}fstat(fd,callback){fs_1.default.fstat(fd,callback)}fstatSync(fd){return fs_1.default.fstatSync(fd)}fsync(fd,callback){fs_1.default.fsync(fd,callback)}fsyncSync(fd){fs_1.default.fsyncSync(fd)}ftruncate(fd,len,callback){fs_1.default.ftruncate(fd,len,callback)}ftruncateSync(fd,len){fs_1.default.ftruncateSync(fd,len)}futimes(fd,atime,mtime,callback){fs_1.default.futimes(fd,atime,mtime,callback)}futimesSync(fd,atime,mtime){fs_1.default.futimesSync(fd,atime,mtime)}lchmod(path,mode,callback){fs_1.default.lchmod(this.getPath(path),mode,callback)}lchmodSync(path,mode){fs_1.default.lchmodSync(this.getPath(path),mode)}lchown(path,uid,gid,callback){fs_1.default.lchown(this.getPath(path),uid,gid,callback)}lchownSync(path,uid,gid){fs_1.default.lchownSync(this.getPath(path),uid,gid)}link(existingPath,newPath,callback){fs_1.default.link(existingPath,newPath,callback)}linkSync(existingPath,newPath){fs_1.default.linkSync(existingPath,newPath)}lstat(path,callback){fs_1.default.lstat(this.getPath(path),callback)}lstatSync(path){return fs_1.default.lstatSync(path)}mkdir(path,options,callback){fs_1.default.mkdir(this.getPath(path),options,callback)}mkdirSync(path,options){fs_1.default.mkdirSync(this.getPath(path),options)}mkdtemp(prefix,options,callback){fs_1.default.mkdtemp(prefix,options,callback)}mkdtempSync(prefix,options){return fs_1.default.mkdtempSync(prefix,options)}open(path,flags,mode,callback){fs_1.default.open(this.getPath(path),flags,mode,callback)}openSync(path,flags,mode){return fs_1.default.openSync(this.getPath(path),flags,mode)}read(fd,buffer,offset,length,position,callback){fs_1.default.read(fd,buffer,offset,length,position,callback)}readFile(path,options,callback){}readFileSync(path,options){return fs_1.default.readFileSync(this.getPath(path))}readSync(fd,buffer,offset,length,position){return fs_1.default.readSync(fd,buffer,offset,length,position)}readdir(path,options,callback){fs_1.default.readdir(this.getPath(path),options,callback)}readdirSync(path,options){return fs_1.default.readdirSync(this.getPath(path),options)}readlink(path,options,callback){fs_1.default.readlink(this.getPath(path),options,callback)}readlinkSync(path,options){return fs_1.default.readlinkSync(this.getPath(path),options)}realpath(path,options,callback){fs_1.default.realpath(this.getPath(path),options,callback)}realpathSync(path,options){return fs_1.default.realpathSync(this.getPath(path),options)}rename(oldPath,newPath,callback){fs_1.default.rename(oldPath,newPath,callback)}renameSync(oldPath,newPath){fs_1.default.renameSync(oldPath,newPath)}rmdir(path,callback){fs_1.default.rmdir(this.getPath(path),callback)}rmdirSync(path){fs_1.default.rmdirSync(this.getPath(path))}stat(path,callback){fs_1.default.stat(this.getPath(path),callback)}statSync(path){return fs_1.default.statSync(path)}symlink(target,path,type,callback){fs_1.default.symlink(target,this.getPath(path),type,callback)}symlinkSync(target,path,type){fs_1.default.symlinkSync(target,this.getPath(path),type)}truncate(path,len,callback){fs_1.default.truncate(this.getPath(path),len,callback)}truncateSync(path,len){fs_1.default.truncateSync(this.getPath(path),len)}unlink(path,callback){fs_1.default.unlink(this.getPath(path),callback)}unlinkSync(path){fs_1.default.unlinkSync(this.getPath(path))}unwatchFile(filename,listener){fs_1.default.unwatchFile(filename,listener)}utimes(path,atime,mtime,callback){fs_1.default.utimes(this.getPath(path),atime,mtime,callback)}utimesSync(path,atime,mtime){fs_1.default.utimesSync(this.getPath(path),atime,mtime)}watch(filename,options,listener){return fs_1.default.watch(filename,options,listener)}watchFile(filename,options,listener){fs_1.default.watchFile(filename,options,listener)}writeFile(path,data,options,callback){fs_1.default.writeFile(this.getPath(path),data,options)}writeFileSync(path,data,options){fs_1.default.writeFileSync(this.getPath(path),data,options)}writeSync(fd,buffer,offset,length,position){return fs_1.default.writeSync(fd,buffer,offset,length,position)}write(fd,buffer,offset,length,position,callback){this.write(fd,buffer,offset,length,position,callback)}}exports.NodeFS=NodeFS},45780(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const fs_1=__importDefault(__webpack_require__(94891));class FsPromisesAPI{access(path,mode){return fs_1.default.promises.access(path,mode)}appendFile(path,data,options){return fs_1.default.promises.appendFile(path,data)}chmod(path,mode){return fs_1.default.promises.chmod(path,mode)}chown(path,uid,gid){return fs_1.default.promises.chown(path,uid,gid)}copyFile(src,dest,flags){return fs_1.default.promises.copyFile(src,dest,flags)}fchmod(handle,mode){return fs_1.default.promises.fchmod(handle,mode)}fchown(handle,uid,gid){return fs_1.default.promises.fchown(handle,uid,gid)}fdatasync(handle){return fs_1.default.promises.fdatasync(handle)}fstat(handle){return fs_1.default.promises.fstat(handle)}fsync(handle){return fs_1.default.promises.fsync(handle)}ftruncate(handle,len){return fs_1.default.promises.ftruncate(handle,len)}futimes(handle,atime,mtime){return fs_1.default.promises.futimes(handle,atime,mtime)}lchmod(path,mode){return fs_1.default.promises.lchmod(path,mode)}lchown(path,uid,gid){return fs_1.default.promises.lchown(path,uid,gid)}link(existingPath,newPath){return fs_1.default.promises.link(existingPath,newPath)}lstat(path){return fs_1.default.promises.lstat(path)}mkdir(path,options){return fs_1.default.promises.mkdir(path,options)}mkdtemp(prefix,options){return fs_1.default.promises.mkdtemp(prefix,options)}open(path,flags,mode){return fs_1.default.promises.open(path,flags,mode)}read(handle,buffer,offset,length,position){return fs_1.default.promises.read(handle,buffer,offset,length,position)}readFile(path,options){return fs_1.default.promises.readFile(path,options)}readdir(path,options){return fs_1.default.promises.readdir(path,options)}readlink(path,options){return fs_1.default.promises.readlink(path,options)}realpath(path,options){return fs_1.default.promises.realpath(path,options)}rename(oldPath,newPath){return fs_1.default.promises.rename(oldPath,newPath)}rmdir(path){return fs_1.default.promises.rmdir(path)}stat(path){return fs_1.default.promises.stat(path)}symlink(target,path,type){return fs_1.default.promises.symlink(target,path,type)}truncate(path,len){return fs_1.default.promises.truncate(path,len)}unlink(path){return fs_1.default.promises.unlink(path)}utimes(path,atime,mtime){return fs_1.default.promises.utimes(path,atime,mtime)}write(handle,buffer,offset,length,position){fs_1.default.promises.write(handle,buffer,offset,length)}writeFile(path,data,options){return fs_1.default.promises.writeFile(path,data,options)}}exports.default=FsPromisesAPI},86343(__unused_webpack_module,exports,__webpack_require__){"use strict";function __export(m){for(var p in m)exports.hasOwnProperty(p)||(exports[p]=m[p])}Object.defineProperty(exports,"__esModule",{value:!0}),__export(__webpack_require__(32796)),__export(__webpack_require__(32339))},32339(__unused_webpack_module,exports,__webpack_require__){"use strict";function __export(m){for(var p in m)exports.hasOwnProperty(p)||(exports[p]=m[p])}Object.defineProperty(exports,"__esModule",{value:!0}),__export(__webpack_require__(78691))},78691(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const memfs_1=__webpack_require__(51165);class MemoryFS{constructor(){this.volume=new memfs_1.Volume,this.promises=this.volume.promises}access(path,mode,callback){this.volume.access(path,mode,callback)}accessSync(path,mode){this.volume.accessSync(path,mode)}appendFile(file,data,options,callback){this.volume.appendFile(file,data,options)}mkdirpSync(path){this.volume.mkdirpSync(path)}appendFileSync(file,data,options){this.volume.appendFileSync(file,data,options)}chmod(path,mode,callback){this.volume.chmod(path,mode,callback)}chmodSync(path,mode){this.volume.chmodSync(path,mode)}chown(path,uid,gid,callback){this.volume.chown(path,uid,gid,callback)}chownSync(path,uid,gid){this.volume.chownSync(path,uid,gid)}close(fd,callback){this.volume.close(fd,callback)}closeSync(fd){this.volume.closeSync(fd)}copyFile(src,dest,callback){this.volume.copyFile(src,dest,callback)}copyFileSync(src,dest,flags){this.volume.copyFileSync(src,dest,flags)}createReadStream(path,options){return this.volume.createReadStream(path,options)}createWriteStream(path,options){return this.volume.createWriteStream(path,options)}exists(path,callback){this.volume.exists(path,callback)}existsSync(path){return!1}fchmod(fd,mode,callback){this.volume.fchmod(fd,mode,callback)}fchmodSync(fd,mode){this.volume.fchmodSync(fd,mode)}fchown(fd,uid,gid,callback){this.volume.fchown(fd,uid,gid,callback)}fchownSync(fd,uid,gid){this.volume.fchownSync(fd,uid,gid)}fdatasync(fd,callback){this.volume.fdatasync(fd,callback)}fdatasyncSync(fd){this.volume.fdatasyncSync(fd)}fstat(fd,callback){this.volume.fstat(fd,callback)}fstatSync(fd){return this.volume.fstatSync(fd)}fsync(fd,callback){this.volume.fsync(fd,callback)}fsyncSync(fd){this.volume.fsyncSync(fd)}ftruncate(fd,len,callback){this.volume.ftruncate(fd,len,callback)}ftruncateSync(fd,len){this.volume.ftruncateSync(fd,len)}futimes(fd,atime,mtime,callback){this.volume.futimes(fd,atime,mtime,callback)}futimesSync(fd,atime,mtime){this.volume.futimesSync(fd,atime,mtime)}lchmod(path,mode,callback){this.volume.lchmod(path,mode,callback)}lchmodSync(path,mode){this.volume.lchmodSync(path,mode)}lchown(path,uid,gid,callback){this.volume.lchown(path,uid,gid,callback)}lchownSync(path,uid,gid){this.volume.lchownSync(path,uid,gid)}link(existingPath,newPath,callback){this.volume.link(existingPath,newPath,callback)}linkSync(existingPath,newPath){this.volume.linkSync(existingPath,newPath)}lstat(path,callback){this.volume.lstat(path,callback)}lstatSync(path){return this.volume.lstatSync(path)}mkdir(path,options,callback){this.volume.mkdir(path,options,callback)}mkdirSync(path,options){this.volume.mkdirSync(path,options)}mkdtemp(prefix,options,callback){this.volume.mkdtemp(prefix,options,callback)}mkdtempSync(prefix,options){return this.volume.mkdtempSync(prefix,options)}open(path,flags,mode,callback){this.volume.open(path,flags,mode,callback)}openSync(path,flags,mode){return this.volume.openSync(path,flags,mode)}read(fd,buffer,offset,length,position,callback){this.volume.read(fd,buffer,offset,length,position,callback)}readFile(path,options,callback){}readFileSync(path,options){return this.volume.readFileSync(path)}readSync(fd,buffer,offset,length,position){return this.volume.readSync(fd,buffer,offset,length,position)}readdir(path,options,callback){this.volume.readdir(path,options,callback)}readdirSync(path,options){return this.volume.readdirSync(path,options)}readlink(path,options,callback){this.volume.readlink(path,options,callback)}readlinkSync(path,options){return this.volume.readlinkSync(path,options)}realpath(path,options,callback){this.volume.realpath(path,options,callback)}realpathSync(path,options){return this.volume.realpathSync(path,options)}rename(oldPath,newPath,callback){this.volume.rename(oldPath,newPath,callback)}renameSync(oldPath,newPath){this.volume.renameSync(oldPath,newPath)}rmdir(path,callback){this.volume.rmdir(path,callback)}rmdirSync(path){this.volume.rmdirSync(path)}stat(path,callback){this.volume.stat(path,callback)}statSync(path){return this.volume.statSync(path)}symlink(target,path,type,callback){this.volume.symlink(target,path,type,callback)}symlinkSync(target,path,type){this.volume.symlinkSync(target,path,type)}truncate(path,len,callback){this.volume.truncate(path,len,callback)}truncateSync(path,len){this.volume.truncateSync(path,len)}unlink(path,callback){this.volume.unlink(path,callback)}unlinkSync(path){this.volume.unlinkSync(path)}unwatchFile(filename,listener){this.volume.unwatchFile(filename,listener)}utimes(path,atime,mtime,callback){this.volume.utimes(path,atime,mtime,callback)}utimesSync(path,atime,mtime){this.volume.utimesSync(path,atime,mtime)}watch(filename,options,listener){return this.volume.watch(filename,options,listener)}watchFile(filename,options,listener){this.volume.watchFile(filename,options,listener)}writeFile(path,data,options,callback){this.volume.writeFile(path,data,options)}writeFileSync(path,data,options){this.volume.writeFileSync(path,data,options)}writeSync(fd,buffer,offset,length,position){return this.volume.writeSync(fd,buffer,offset,length,position)}write(fd,buffer,offset,length,position,callback){this.write(fd,buffer,offset,length,position,callback)}}exports.MemoryFS=MemoryFS},19633(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAPI=void 0;var use_api_1=__webpack_require__(56839);Object.defineProperty(exports,"useAPI",{enumerable:!0,get:function(){return use_api_1.useAPI}})},56839(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAPI=useAPI;const ui_foundation_ui_hooks_use_data_query_1=__webpack_require__(73356),client_1=__webpack_require__(6083),api_reference_models_api_reference_model_1=__webpack_require__(74958),GET_SCHEMA=(0,client_1.gql)`
@@ -527,7 +527,7 @@ ${body}`});return`
527
527
 
528
528
  `)+`
529
529
  `}},50957(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResolveErrors=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class ResolveErrors extends _componentIssue().ComponentIssue{description="error found while resolving the file dependencies";solution="see the log for the full error";data={}}exports.ResolveErrors=ResolveErrors},37395(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelfReference=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class SelfReference extends _componentIssue().ComponentIssue{description="a component has an import statement that points to itself";solution="edit the file and change the import statement to a relative path";data={};isTagBlocker=!0}exports.SelfReference=SelfReference},11558(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.UntrackedDependencies=exports.MISSING_NESTED_DEPS_SPACE=void 0;function _chalk(){const data=_interopRequireDefault(__webpack_require__(52404));return _chalk=function(){return data},data}function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const MISSING_NESTED_DEPS_SPACE=exports.MISSING_NESTED_DEPS_SPACE=" ".repeat(_componentIssue().ISSUE_FORMAT_SPACE_COUNT+2);class UntrackedDependencies extends _componentIssue().ComponentIssue{description="untracked file dependencies";solution='use "bit add <file>" to track untracked files as components';data={};dataToString(){return Object.keys(this.data).map(k=>{let space=_componentIssue().ISSUE_FORMAT_SPACE;return this.data[k].nested&&(space=MISSING_NESTED_DEPS_SPACE),`${space}${k} -> ${untrackedFilesComponentIssueToString(this.data[k])}`}).join(`
530
- `)}}exports.UntrackedDependencies=UntrackedDependencies;function untrackedFilesComponentIssueToString(value){return value.untrackedFiles.map(curr=>curr.existing?`${_chalk().default.yellow(curr.relativePath)}`:curr.relativePath).join(", ")}},81665(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SNAP_VERSION_PREFIX=void 0,exports.getComponentPackageVersion=getComponentPackageVersion,exports.snapToSemver=snapToSemver;function _componentVersion(){const data=__webpack_require__(25699);return _componentVersion=function(){return data},data}const SNAP_VERSION_PREFIX=exports.SNAP_VERSION_PREFIX="0.0.0-";function getComponentPackageVersion(component){const version=component.id.version;if(!version)throw new Error(`getComponentPackageVersion: component ${component.id.toString()} is missing a version`);return snapToSemver(version)}function snapToSemver(version){return(0,_componentVersion().isHash)(version)?`${SNAP_VERSION_PREFIX}${version}`:version}},71118(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__={enumerable:!0,get:function(){return _componentPackageVersion().SNAP_VERSION_PREFIX}},__webpack_unused_export__={enumerable:!0,get:function(){return _componentPackageVersion().getComponentPackageVersion}},Object.defineProperty(exports,"snapToSemver",{enumerable:!0,get:function(){return _componentPackageVersion().snapToSemver}});function _componentPackageVersion(){const data=__webpack_require__(81665);return _componentPackageVersion=function(){return data},data}},78996(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentOverview=ComponentOverview,exports.BadgeSection=BadgeSection;const react_1=__importStar(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_layout_page_frame_1=__webpack_require__(80460),documenter_ui_heading_1=__webpack_require__(42294),documenter_ui_label_list_1=__webpack_require__(12601),documenter_ui_section_1=__webpack_require__(3204),evangelist_surfaces_dropdown_1=__webpack_require__(57699),component_package_version_1=__webpack_require__(71118),documenter_ui_copy_box_1=__webpack_require__(47356),design_ui_separator_1=__webpack_require__(15065),design_navigation_content_tabs_1=__webpack_require__(95708),documenter_ui_sub_title_1=__webpack_require__(78267),ui_foundation_ui_is_browser_1=__webpack_require__(5286),base_react_layout_row_1=__webpack_require__(34662),evangelist_elements_icon_1=__webpack_require__(29751),docs_1=__webpack_require__(82894),design_ui_tooltip_1=__webpack_require__(62634),component_overview_module_scss_1=__importDefault(__webpack_require__(42391));function ComponentOverview(_a){var _b,_c,_d,{displayName,abstract,titleBadges,labels,packageName,elementsUrl,componentDescriptor,component,pkgManager="npm"}=_a,rest=__rest(_a,["displayName","abstract","titleBadges","labels","packageName","elementsUrl","componentDescriptor","component","pkgManager"]);const isWorkspace=component?.host==="teambit.workspace/workspace",packageNameTabTitle=isWorkspace?"Use package":"Install package",componentId=component?.id,componentIdVersion=(_b=componentId?.version)!==null&&_b!==void 0?_b:void 0,latestVersion=(_c=component?.latest)!==null&&_c!==void 0?_c:void 0,packageVersion=componentIdVersion===latestVersion?"":`@${(0,component_package_version_1.snapToSemver)(componentIdVersion)}`,[selectedPkgManager,setSelectedPkgManager]=react_1.default.useState(pkgManager),installCmd=(0,react_1.useMemo)(()=>selectedPkgManager==="yarn"?"add":selectedPkgManager==="bit"?"install":"i",[selectedPkgManager]),copyTextInstall=(0,react_1.useMemo)(()=>`${selectedPkgManager} ${installCmd} ${packageName}${packageVersion}`,[selectedPkgManager,packageName,packageVersion,installCmd]),copyTextImport=`bit import ${(_d=componentId?.toStringWithoutVersion())!==null&&_d!==void 0?_d:""}`,tooltipContent=(0,react_1.useMemo)(()=>`Copy ${selectedPkgManager} install command`,[selectedPkgManager]),SelectedPkgManagerPlaceholder=(0,react_1.useMemo)(()=>{switch(selectedPkgManager){case"npm":return react_1.default.createElement("img",{alt:"npm-logo",className:component_overview_module_scss_1.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"});case"pnpm":return react_1.default.createElement("img",{alt:"pnpm-logo",className:component_overview_module_scss_1.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"});case"yarn":return react_1.default.createElement("img",{alt:"yarn-logo",className:component_overview_module_scss_1.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"});case"bit":return react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.bit,of:"bit-logo-mono"});default:return null}},[selectedPkgManager]),tabsComponentId=[{component:function(){return react_1.default.createElement("span",null,packageNameTabTitle)},content:isWorkspace?react_1.default.createElement(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox},packageName):react_1.default.createElement(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,copyText:copyTextInstall,Tooltip:({children})=>react_1.default.createElement(design_ui_tooltip_1.Tooltip,{placement:"right",content:tooltipContent},children),CopyIcon:react_1.default.createElement(design_ui_tooltip_1.Tooltip,{content:tooltipContent},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.copyIcon,of:"copy-cmp"})),CopyWidget:react_1.default.createElement("div",{className:component_overview_module_scss_1.default.copyContainer},react_1.default.createElement(evangelist_surfaces_dropdown_1.Dropdown,{className:component_overview_module_scss_1.default.pkgManagerDropdown,dropClass:component_overview_module_scss_1.default.pkgManagerMenu,placeholder:react_1.default.createElement("div",{className:component_overview_module_scss_1.default.pkgManagerPlaceholder},SelectedPkgManagerPlaceholder,react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down"})),clickOutside:!0,clickPlaceholderToggles:!0,position:"bottom-start",clickToggles:!0},react_1.default.createElement("div",{className:component_overview_module_scss_1.default.pkgManagerMenuItems},react_1.default.createElement("div",{className:(0,classnames_1.default)(selectedPkgManager==="npm"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("npm"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("npm"),"aria-label":"Select npm package manager"},react_1.default.createElement("img",{alt:"npm-logo",className:component_overview_module_scss_1.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"})),react_1.default.createElement("div",{className:(0,classnames_1.default)(selectedPkgManager==="pnpm"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("pnpm"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("pnpm"),"aria-label":"Select pnpm package manager"},react_1.default.createElement("img",{alt:"pnpm-logo",className:component_overview_module_scss_1.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"})),react_1.default.createElement("div",{className:(0,classnames_1.default)(selectedPkgManager==="yarn"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("yarn"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("yarn"),"aria-label":"Select yarn package manager"},react_1.default.createElement("img",{alt:"yarn-logo",className:component_overview_module_scss_1.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"})),react_1.default.createElement("div",{className:(0,classnames_1.default)(selectedPkgManager==="bit"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("bit"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("bit"),"aria-label":"Select bit package manager"},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.bit,of:"bit-logo-mono"})))))},packageName)},{component:function(){return react_1.default.createElement("span",null,"Modify component")},content:isWorkspace?react_1.default.createElement(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox},componentId?componentId.toStringWithoutVersion():""):react_1.default.createElement(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,copyText:copyTextImport,Tooltip:({children})=>react_1.default.createElement(design_ui_tooltip_1.Tooltip,{placement:"right",content:"copy bit import command"},children),CopyIcon:react_1.default.createElement("div",{className:component_overview_module_scss_1.default.copyContainer},react_1.default.createElement("div",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.bit,of:"bit-logo-mono"})),react_1.default.createElement("div",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.copyIcon,of:"copy-cmp"})))},componentId?componentId.toStringWithoutVersion():"")}];let finalElementsUrl=elementsUrl;if(finalElementsUrl&&!finalElementsUrl.startsWith("http")){const origin=ui_foundation_ui_is_browser_1.isBrowser?window.location.origin:void 0;finalElementsUrl=origin&&elementsUrl?`${origin}${elementsUrl}`:void 0,finalElementsUrl&&tabsComponentId.push({component:function(){return react_1.default.createElement("span",null,"Elements url")},content:react_1.default.createElement(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox},finalElementsUrl)})}return react_1.default.createElement(documenter_ui_section_1.Section,Object.assign({},rest),react_1.default.createElement("div",{className:base_ui_layout_page_frame_1.textColumn},react_1.default.createElement(base_react_layout_row_1.Row,{className:component_overview_module_scss_1.default.titleRow},react_1.default.createElement("div",{className:component_overview_module_scss_1.default.componentTitle},react_1.default.createElement(documenter_ui_heading_1.H1,{className:component_overview_module_scss_1.default.title},displayName)),react_1.default.createElement(BadgeSection,{position:docs_1.BadgePosition.Title,componentDescriptor,component,badges:titleBadges})),react_1.default.createElement(base_react_layout_row_1.Row,null,abstract&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(documenter_ui_sub_title_1.Subtitle,{className:component_overview_module_scss_1.default.subTitle},abstract),react_1.default.createElement(BadgeSection,{position:docs_1.BadgePosition.SubTitle,componentDescriptor,component,badges:titleBadges}))),react_1.default.createElement(base_react_layout_row_1.Row,null,react_1.default.createElement(documenter_ui_label_list_1.LabelList,null,labels),react_1.default.createElement(BadgeSection,{position:docs_1.BadgePosition.Labels,componentDescriptor,component,badges:titleBadges})),react_1.default.createElement(base_react_layout_row_1.Row,null,react_1.default.createElement("div",{className:component_overview_module_scss_1.default.contentTabs},react_1.default.createElement(design_navigation_content_tabs_1.ContentTabs,{priority:"folder",tabs:tabsComponentId,navClassName:component_overview_module_scss_1.default.nav,tabClassName:component_overview_module_scss_1.default.tab})),react_1.default.createElement(BadgeSection,{position:docs_1.BadgePosition.Package,componentDescriptor,component,badges:titleBadges}))),react_1.default.createElement(design_ui_separator_1.Separator,{isPresentational:!0}))}function BadgeSection({badges,position,componentDescriptor,component}){var _a,_b;return react_1.default.createElement("div",{className:component_overview_module_scss_1.default.badgeContainer},(_b=(_a=badges?.filter(badge=>position===docs_1.BadgePosition.Title&&!badge.position||badge.position===position))===null||_a===void 0?void 0:_a.sort((a,b)=>{var _a2,_b2;return((_a2=a.weight)!==null&&_a2!==void 0?_a2:0)-((_b2=b.weight)!==null&&_b2!==void 0?_b2:0)}))===null||_b===void 0?void 0:_b.map((titleBadge,index)=>react_1.default.createElement(titleBadge.component,{key:index,componentDescriptor,legacyComponentModel:component})))}},71169(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgeSection=exports.ComponentOverview=void 0;var component_overview_1=__webpack_require__(78996);Object.defineProperty(exports,"ComponentOverview",{enumerable:!0,get:function(){return component_overview_1.ComponentOverview}}),Object.defineProperty(exports,"BadgeSection",{enumerable:!0,get:function(){return component_overview_1.BadgeSection}})},5490(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.DetailedVersion=exports.SimpleVersion=void 0;var version_dropdown_placeholder_1=__webpack_require__(83190);Object.defineProperty(exports,"SimpleVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.SimpleVersion}}),Object.defineProperty(exports,"DetailedVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.DetailedVersion}});var version_dropdown_1=__webpack_require__(66630);Object.defineProperty(exports,"VersionDropdown",{enumerable:!0,get:function(){return version_dropdown_1.VersionDropdown}})},80528(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.LaneInfo=void 0;var lane_info_1=__webpack_require__(80513);Object.defineProperty(exports,"LaneInfo",{enumerable:!0,get:function(){return lane_info_1.LaneInfo}})},80513(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneInfo=LaneInfo;const lanes_ui_models_lanes_model_1=__webpack_require__(1453),react_1=__importDefault(__webpack_require__(12888)),design_ui_surfaces_menu_link_item_1=__webpack_require__(42786),evangelist_elements_icon_1=__webpack_require__(29751),lane_info_module_scss_1=__importDefault(__webpack_require__(89472));function LaneInfo({id,currentLane}){const isCurrent=currentLane&&id.isEqual(currentLane.id);return react_1.default.createElement("div",{key:id.toString()},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href:lanes_ui_models_lanes_model_1.LanesModel.getLaneUrl(id),className:lane_info_module_scss_1.default.versionRow},react_1.default.createElement("span",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:lane_info_module_scss_1.default.laneIcon,of:"lane"}),id.toString())))}},83190(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleVersion=SimpleVersion,exports.DetailedVersion=DetailedVersion;const react_1=__importDefault(__webpack_require__(12888)),design_ui_styles_ellipsis_1=__webpack_require__(38348),classnames_1=__importDefault(__webpack_require__(97500)),semver=__importStar(__webpack_require__(16322)),evangelist_elements_icon_1=__webpack_require__(29751),design_ui_time_ago_1=__webpack_require__(52464),design_ui_avatar_1=__webpack_require__(19988),base_ui_loaders_skeleton_1=__webpack_require__(66955),design_ui_pill_label_1=__webpack_require__(69608),version_dropdown_placeholder_module_scss_1=__importDefault(__webpack_require__(84261));function SimpleVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,useCurrentVersionLog,showFullVersion,loading}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","useCurrentVersionLog","showFullVersion","loading"]);if(loading)return react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9});const isNew=currentVersion==="new"&&!hasMoreVersions,formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6);return isNew?react_1.default.createElement(design_ui_pill_label_1.PillLabel,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.newLabel,className)},formattedVersion):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.simple,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}function DetailedVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,loading,useCurrentVersionLog,showFullVersion}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","loading","useCurrentVersionLog","showFullVersion"]);const currentVersionLog=useCurrentVersionLog?.({skip:loading,version:currentVersion}),{displayName,message,username,email,date:_date,profileImage}=currentVersionLog||{},author=react_1.default.useMemo(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6),date=_date?new Date(+_date):void 0,timestamp=react_1.default.useMemo(()=>date?new Date(+date).toString():new Date().toString(),[date]);return loading?react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9}):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.detailed,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author??{},className:version_dropdown_placeholder_module_scss_1.default.versionUserAvatar,showTooltip:!0,onClick:rest.onClick}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),commitMessage(message,rest.onClick),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.versionTimestamp,onClick:rest.onClick},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp,onClick:rest.onClick})),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}function commitMessage(message,onClick){return!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.emptyMessage,onClick},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.commitMessage,onClick},message)}},66630(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.LOCAL_VERSION=void 0;const react_1=__importStar(__webpack_require__(12888)),design_ui_surfaces_menu_link_item_1=__webpack_require__(42786),evangelist_surfaces_dropdown_1=__webpack_require__(57699),ui_foundation_ui_use_box_tab_1=__webpack_require__(77210),design_ui_avatar_1=__webpack_require__(19988),base_ui_loaders_skeleton_1=__webpack_require__(66955),classnames_1=__importDefault(__webpack_require__(97500)),version_dropdown_module_scss_1=__importDefault(__webpack_require__(92385)),version_info_1=__webpack_require__(2300),lane_info_1=__webpack_require__(80528),version_dropdown_placeholder_1=__webpack_require__(83190);exports.LOCAL_VERSION="workspace",exports.VersionDropdown=(0,react_1.memo)(_VersionDropdown);const VersionMenu=(0,react_1.memo)(_VersionMenu);function _VersionDropdown(_a){var{currentVersion,latestVersion,localVersion,useCurrentVersionLog,hasMoreVersions,loading,overrideVersionHref,className,placeholderClassName,getActiveTabIndex,dropdownClassName,menuClassName,showVersionDetails=!0,disabled,PlaceholderComponent:_PlaceholderComponent,currentLane,useComponentVersions,lanes}=_a,rest=__rest(_a,["currentVersion","latestVersion","localVersion","useCurrentVersionLog","hasMoreVersions","loading","overrideVersionHref","className","placeholderClassName","getActiveTabIndex","dropdownClassName","menuClassName","showVersionDetails","disabled","PlaceholderComponent","currentLane","useComponentVersions","lanes"]);const[key,setKey]=(0,react_1.useState)(0),singleVersion=!hasMoreVersions,[open,setOpen]=(0,react_1.useState)(!1);(0,react_1.useEffect)(()=>{loading&&open&&setOpen(!1)},[loading]);const handlePlaceholderClicked=e=>{loading||e.target===e.currentTarget&&setOpen(o=>!o)},defaultPlaceholder=react_1.default.createElement(version_dropdown_placeholder_1.SimpleVersion,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}),PlaceholderComponent=_PlaceholderComponent?react_1.default.createElement(_PlaceholderComponent,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}):defaultPlaceholder;return disabled||singleVersion&&!loading?react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.noVersions,className)},PlaceholderComponent):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionDropdown,className)}),react_1.default.createElement(evangelist_surfaces_dropdown_1.Dropdown,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.dropdown,dropdownClassName),dropClass:(0,classnames_1.default)(version_dropdown_module_scss_1.default.menu,menuClassName),open,onClick:handlePlaceholderClicked,onClickOutside:()=>setOpen(!1),onChange:(_e,_open)=>_open&&setKey(x=>x+1),PlaceholderComponent:_a2=>{var{children}=_a2,other=__rest(_a2,["children"]);return react_1.default.createElement("div",Object.assign({},other,{className:placeholderClassName,onClick:handlePlaceholderClicked}),children)},placeholder:PlaceholderComponent},react_1.default.createElement(VersionMenu,{className:menuClassName,key,currentVersion,latestVersion,localVersion,overrideVersionHref,showVersionDetails,currentLane,getActiveTabIndex,lanes,useVersions:useComponentVersions,onVersionClicked:()=>setOpen(!1),open})))}const defaultActiveTabIndex=(currentVersion,tabs=[],tags,snaps)=>(snaps||[]).some(snap=>snap.version===currentVersion)?tabs.findIndex(tab=>tab.name==="SNAP"):0,VERSION_TAB_NAMES=["TAG","SNAP","LANE"];function _VersionMenu(_a){var _b,{currentVersion,localVersion,latestVersion,overrideVersionHref,showVersionDetails,useVersions,currentLane,lanes,getActiveTabIndex=defaultActiveTabIndex,loading:loadingFromProps,open,onVersionClicked}=_a,rest=__rest(_a,["currentVersion","localVersion","latestVersion","overrideVersionHref","showVersionDetails","useVersions","currentLane","lanes","getActiveTabIndex","loading","open","onVersionClicked"]);const{snaps,tags,loading:loadingVersions}=useVersions?.()||{},loading=loadingFromProps||loadingVersions,tabs=(0,react_1.useMemo)(()=>VERSION_TAB_NAMES.map(name=>{switch(name){case"SNAP":return{name,payload:snaps||[]};case"LANE":return{name,payload:lanes||[]};default:return{name,payload:tags||[]}}}).filter(tab=>tab.payload.length>0),[snaps?.length,tags?.length,lanes?.length,loading]),[activeTabIndex,setActiveTab]=(0,react_1.useState)(getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane)),activeTab=(0,react_1.useMemo)(()=>activeTabIndex!==void 0?tabs[activeTabIndex]:void 0,[activeTabIndex,tabs]);(0,react_1.useEffect)(()=>{if(!currentLane||tabs.length===0)return;const _activeTabIndex=getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane);_activeTabIndex!==activeTabIndex&&setActiveTab(_activeTabIndex)},[currentLane,tabs.length,tags?.length,snaps?.length,currentVersion,loading]);const multipleTabs=tabs.length>1,showTab=activeTabIndex!==void 0&&((_b=tabs[activeTabIndex])===null||_b===void 0?void 0:_b.payload.length)>0,_rowRenderer=(0,react_1.useCallback)(function({index}){const{name,payload=[]}=activeTab||{},item=payload[index];if(!item)return null;if(name==="LANE"){const lane=item;return react_1.default.createElement(lane_info_1.LaneInfo,Object.assign({key:lane.id.toString(),currentLane},lane))}const version=item;return react_1.default.createElement(version_info_1.VersionInfo,Object.assign({key:version.version,currentVersion,latestVersion,overrideVersionHref,showDetails:showVersionDetails,onVersionClicked},version))},[activeTab,currentVersion,latestVersion,showVersionDetails,currentLane?.id.toString(),showTab]),rowRenderer=(0,react_1.useMemo)(()=>showTab&&activeTab?_rowRenderer:()=>null,[showTab,activeTab,_rowRenderer]),ActiveTab=(0,react_1.useMemo)(()=>activeTab?.payload.map((payload,index)=>rowRenderer({index})),[activeTab]);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionMenuContainer,!open&&version_dropdown_module_scss_1.default.hide)}),loading&&react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{count:6,className:version_dropdown_module_scss_1.default.loader}),!loading&&localVersion&&react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{href:"?",active:currentVersion===exports.LOCAL_VERSION,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionRow,version_dropdown_module_scss_1.default.localVersion),onClick:onVersionClicked},react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:{},className:version_dropdown_module_scss_1.default.versionUserAvatar}),react_1.default.createElement("span",{className:version_dropdown_module_scss_1.default.versionName},exports.LOCAL_VERSION))),react_1.default.createElement("div",{className:(0,classnames_1.default)(multipleTabs&&version_dropdown_module_scss_1.default.tabs,!localVersion&&version_dropdown_module_scss_1.default.withoutLocal)},multipleTabs&&tabs.map(({name},index)=>react_1.default.createElement(ui_foundation_ui_use_box_tab_1.Tab,{className:version_dropdown_module_scss_1.default.tab,key:name,isActive:activeTabIndex===index,onClick:()=>setActiveTab(index)},name))),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.versionContainerRoot},ActiveTab))}},2300(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.VersionInfo=void 0;var version_info_1=__webpack_require__(52437);Object.defineProperty(exports,"VersionInfo",{enumerable:!0,get:function(){return version_info_1.VersionInfo}})},52437(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;const design_ui_surfaces_menu_link_item_1=__webpack_require__(42786),design_ui_time_ago_1=__webpack_require__(52464),component_ui_version_label_1=__webpack_require__(59473),evangelist_elements_icon_1=__webpack_require__(29751),design_ui_tooltip_1=__webpack_require__(62634),react_1=__importStar(__webpack_require__(12888)),design_ui_avatar_1=__webpack_require__(19988),design_ui_styles_ellipsis_1=__webpack_require__(38348),classnames_1=__importDefault(__webpack_require__(97500)),version_info_module_scss_1=__importDefault(__webpack_require__(33588));exports.VersionInfo=react_1.default.memo(react_1.default.forwardRef(_VersionInfo));function _VersionInfo({version,currentVersion,latestVersion,date,username,displayName,email,overrideVersionHref,showDetails,message,tag,profileImage,deprecated,onVersionClicked},ref){const isCurrent=version===currentVersion,author=(0,react_1.useMemo)(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),timestamp=(0,react_1.useMemo)(()=>date?new Date(parseInt(date)).toString():new Date().toString(),[date]),currentVersionRef=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{var _a;isCurrent&&((_a=currentVersionRef.current)===null||_a===void 0||_a.scrollIntoView({block:"nearest"}))},[isCurrent]);const href=overrideVersionHref?overrideVersionHref(version):`?version=${version}`,formattedVersion=(0,react_1.useMemo)(()=>tag?version:version.slice(0,6),[tag,version]),isLatest=version===latestVersion;return react_1.default.createElement("div",{ref:ref||currentVersionRef,onClick:onVersionClicked},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href,className:version_info_module_scss_1.default.versionRow},react_1.default.createElement("div",{className:version_info_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author,className:version_info_module_scss_1.default.versionUserAvatar,showTooltip:!0}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_info_module_scss_1.default.versionName)},formattedVersion),isLatest&&react_1.default.createElement(component_ui_version_label_1.VersionLabel,{status:"latest"}),deprecated&&react_1.default.createElement(design_ui_tooltip_1.Tooltip,{placement:"bottom",content:"Deprecated"},react_1.default.createElement("div",{className:version_info_module_scss_1.default.deprecatedIcon},react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"note-deprecated"}))),react_1.default.createElement(CommitMessage,{message,showDetails})),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.versionTimestamp},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp}))))}function CommitMessage({message,showDetails}){return showDetails?!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.emptyMessage},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.commitMessage},message):null}},8929(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectEntry=void 0;class AspectEntry{constructor(id,legacyEntry){this.id=id,this.legacyEntry=legacyEntry}get legacy(){return this.legacyEntry}get isLegacy(){return!!this.config?.__legacy}get config(){return this.legacy.config}set config(config){this.legacy.config=config}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(val){this.legacy.data=val}transform(newData){const newEntry=this.clone();return newEntry.data=newData,new AspectEntry(this.id,newEntry.legacy)}clone(){return new AspectEntry(this.id,this.legacyEntry.clone())}serialize(){return{id:this.id.toString(),config:this.config,data:this.data,icon:"https://static.bit.dev/extensions-icons/default.svg"}}}exports.AspectEntry=AspectEntry},52365(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _anyFs(){const data=__webpack_require__(83875);return _anyFs=function(){return data},data}function eol(){const data=_interopRequireWildcard(__webpack_require__(46179));return eol=function(){return data},data}function _path(){const data=_interopRequireDefault(__webpack_require__(52101));return _path=function(){return data},data}function _toolboxPath(){const data=__webpack_require__(50668);return _toolboxPath=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}class ComponentFS extends _anyFs().MemoryFS{constructor(files){super();this.files=files}get hash(){return""}byRegex(extension){return this.files.filter(file=>file.path.match(extension))}byGlob(patterns){const{includePatterns,excludePatterns}=(0,_toolboxPath().splitPatterns)(patterns);return this.files.filter(file=>(0,_toolboxPath().matchPatterns)(file.relative,includePatterns,excludePatterns))}toObject(){return this.files.map(file=>({path:file.path,contents:file.contents}))}static fromVinyls(files){const fs=new ComponentFS(files);return files.forEach(file=>{let dirPath=file.relativeDir;dirPath.startsWith("/")||(dirPath=_path().default.join("/",dirPath)),fs.mkdirpSync(dirPath),fs.writeFileSync(`/${file.relative}`,eol().auto(file.contents||""))}),fs}}exports.default=ComponentFS},18985(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMap=void 0;class ComponentMap{constructor(hashMap){this.hashMap=hashMap}byComponent(component){return this.hashMap.get(component.id.toString())}get components(){return this.toArray().map(([component])=>component)}get(component){return this.hashMap.get(component.id.toString())}getValueByComponentId(componentId){const tuple=this.hashMap.get(componentId.toString());return tuple?tuple[1]:null}toArray(){return Array.from(this.hashMap.values())}map(predicate){const tuples=this.toArray().map(([component,value])=>{const newValue=predicate(value,component);return[component.id.toString(),[component,newValue]]});return new ComponentMap(new Map(tuples))}async asyncMap(predicate){const tuplesP=this.toArray().map(async([component,value])=>{const newValue=await predicate(value,component);return[component.id.toString(),[component,newValue]]}),tuples=await Promise.all(tuplesP);return new ComponentMap(new Map(tuples))}forEach(predicate){this.toArray().forEach(([component,value])=>{predicate(value,component)})}flattenValue(){return this.toArray().reduce((acc,[,value])=>(acc=acc.concat(value),acc),[])}filter(predicate){const asMap=this.toArray().filter(([,value])=>predicate(value)).map(([component,value])=>[component.id.toString(),[component,value]]);return new ComponentMap(new Map(asMap))}keys(){return this.hashMap.keys()}static create(rawMap){const newMap=rawMap.map(([component,data])=>[component.id.toString(),[component,data]]);return new ComponentMap(new Map(newMap))}static as(components,predicate){const tuples=components.map(component=>[component.id.toString(),[component,predicate(component)]]);return new ComponentMap(new Map(tuples))}static async asAsync(components,predicate){const tuples=await Promise.all(components.map(async component=>[component.id.toString(),[component,await predicate(component)]]));return new ComponentMap(new Map(tuples))}}exports.ComponentMap=ComponentMap},49661(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}});function _componentMap(){const data=__webpack_require__(18985);return _componentMap=function(){return data},data}},61159(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ComponentAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const ComponentAspect=exports.ComponentAspect=_harmony().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});var _default=exports.default=ComponentAspect},55633(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=void 0;function _toolboxString(){const data=__webpack_require__(5913);return _toolboxString=function(){return data},data}function _bitError(){const data=__webpack_require__(24490);return _bitError=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function _tagMap(){const data=__webpack_require__(88077);return _tagMap=function(){return data},data}function _exceptions(){const data=__webpack_require__(28381);return _exceptions=function(){return data},data}class Component{constructor(id,head=null,_state,tags=new(_tagMap()).TagMap,factory){this.id=id,this.head=head,this._state=_state,this.tags=tags,this.factory=factory}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(state){this._state=state}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get homepage(){return this._state._consumer._getHomepage()}get headTag(){if(!!this.head)return this.tags.byHash(this.head.hash)}get latest(){if(!!this.head)try{return this.tags.getLatest()}catch(err){if(err instanceof _exceptions().CouldNotFindLatest)return this.head.hash;throw err}}get(id){return this.state.aspects.get(id)?.serialize()}async getLogs(filter){const allLogs=await this.factory.getLogs(this.id,!1,filter?.head);if(!filter)return allLogs;const{type,limit,offset,sort}=filter,typeFilter=snap=>type==="tag"?snap.tag:type==="snap"?!snap.tag:!0;let filteredLogs=type&&allLogs.filter(typeFilter)||allLogs;return sort!=="asc"&&(filteredLogs=filteredLogs.reverse()),limit&&(filteredLogs=(0,_lodash().slice)(filteredLogs,offset,limit+(offset||0))),filteredLogs}getDependencies(){return this.factory.getDependencies(this)}getPackageName(){return this.factory.componentPackageName(this)}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(token=>(0,_toolboxString().capitalize)(token)).join(" ")}tag(version){}isModified(){return this.factory.isModified(this)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;const latestTag=this.tags.byVersion(this.latest);return latestTag?this.head?.hash!==latestTag?.hash:!1}isNew(){return Promise.resolve(this.head===null)}isExported(){return this.factory.isExported(this.id)}loadState(snapId){return this.factory.getState(this.id,snapId)}loadSnap(snapId){const snapToGet=snapId||this.head?.hash;if(!snapToGet)throw new(_bitError()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,snapToGet)}snapsIterable(snapId,options={}){const snapToStart=snapId||this.head?.hash;let nextSnaps=[snapToStart],done;snapToStart||(done=!0);const iterator={next:async()=>{if(done)return{value:void 0,done};const currSnapId=nextSnaps.shift(),snap=await this.loadSnap(currSnapId);return snap.parents&&snap.parents.length&&(options.firstParentOnly?nextSnaps.push(snap.parents[0]):nextSnaps=nextSnaps.concat(snap.parents)),nextSnaps.length?options.stopFn&&(done=await options.stopFn(snap)):done=!0,{value:snap,done:void 0}}};return{[Symbol.asyncIterator]:()=>iterator}}async getClosestTag(snapToStartFrom){const tagsHashMap=this.tags.getHashMap(),stopFn=async snap=>!!tagsHashMap.has(snap.hash),iterable=this.snapsIterable(snapToStartFrom,{firstParentOnly:!0,stopFn}),snaps=[];for await(const snap of iterable)snaps.push(snap);if(snaps.length){const hashOfLastSnap=snaps[snaps.length-1].hash;return tagsHashMap.get(hashOfLastSnap)}}getTag(){const currentVersion=this.id.version;if(!!currentVersion)return this.tags.byVersion(currentVersion)||this.tags.byHash(currentVersion)}getSnapHash(){if(!this.id.hasVersion())return;const tag=this.tags.byVersion(this.id.version);return tag?tag.hash:this.id.version}async getCurrentSnap(){const snap=this.getSnapHash();if(!!snap)return this.loadSnap(snap)}checkout(version){}write(path,fs){}equals(component){return component.id.toString()===this.id.toString()}}exports.Component=Component},52946(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Config=void 0;class Config{constructor(consumerComponent){this.consumerComponent=consumerComponent}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}}exports.Config=Config},41384(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CouldNotFindLatest=void 0;class CouldNotFindLatest extends Error{constructor(semverArray){super(`could not find latest semver in array: ${semverArray.join(", ")}`)}report(){return this.message}}exports.CouldNotFindLatest=CouldNotFindLatest},93402(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostNotFound=void 0;class HostNotFound extends Error{constructor(hostName){super();this.hostName=hostName}toString(){return`[component] error: host '${this.hostName}' was not found`}}exports.HostNotFound=HostNotFound},28381(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CouldNotFindLatest",{enumerable:!0,get:function(){return _couldNotFindLatest().CouldNotFindLatest}}),Object.defineProperty(exports,"HostNotFound",{enumerable:!0,get:function(){return _hostNotFound().HostNotFound}}),Object.defineProperty(exports,"MainFileNotFound",{enumerable:!0,get:function(){return _mainFileNotFound().MainFileNotFound}}),Object.defineProperty(exports,"NothingToSnap",{enumerable:!0,get:function(){return _nothingToSnap().default}});function _nothingToSnap(){const data=_interopRequireDefault(__webpack_require__(51225));return _nothingToSnap=function(){return data},data}function _hostNotFound(){const data=__webpack_require__(93402);return _hostNotFound=function(){return data},data}function _couldNotFindLatest(){const data=__webpack_require__(41384);return _couldNotFindLatest=function(){return data},data}function _mainFileNotFound(){const data=__webpack_require__(72002);return _mainFileNotFound=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}},72002(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MainFileNotFound=void 0;class MainFileNotFound extends Error{constructor(id,mainFile){super();this.id=id,this.mainFile=mainFile}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}}exports.MainFileNotFound=MainFileNotFound},51225(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class NothingToSnap extends Error{}exports.default=NothingToSnap},11013(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentHostModel=void 0;function _ui(){const data=__webpack_require__(28537);return _ui=function(){return data},data}class ComponentHostModel{constructor(name,components){this.name=name,this.components=components}static from(data){return new ComponentHostModel(data.getHost.name,_ui().ComponentModel.fromArray(data.getHost.list))}}exports.ComponentHostModel=ComponentHostModel},41733(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={useComponentHost:!0};Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _useComponentHost().useComponentHost}});function _useComponentHost(){const data=__webpack_require__(81403);return _useComponentHost=function(){return data},data}var _componentHostModel=__webpack_require__(11013);Object.keys(_componentHostModel).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_componentHostModel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _componentHostModel[key]}})})},81403(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentHost=useComponentHost;function _uiFoundationUiHooks(){const data=__webpack_require__(7622);return _uiFoundationUiHooks=function(){return data},data}function _client(){const data=__webpack_require__(6083);return _client=function(){return data},data}function _componentHostModel(){const data=__webpack_require__(11013);return _componentHostModel=function(){return data},data}const COMPONENT_HOST=(0,_client().gql)`
530
+ `)}}exports.UntrackedDependencies=UntrackedDependencies;function untrackedFilesComponentIssueToString(value){return value.untrackedFiles.map(curr=>curr.existing?`${_chalk().default.yellow(curr.relativePath)}`:curr.relativePath).join(", ")}},81665(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SNAP_VERSION_PREFIX=void 0,exports.getComponentPackageVersion=getComponentPackageVersion,exports.snapToSemver=snapToSemver;function _componentVersion(){const data=__webpack_require__(25699);return _componentVersion=function(){return data},data}const SNAP_VERSION_PREFIX=exports.SNAP_VERSION_PREFIX="0.0.0-";function getComponentPackageVersion(component){const version=component.id.version;if(!version)throw new Error(`getComponentPackageVersion: component ${component.id.toString()} is missing a version`);return snapToSemver(version)}function snapToSemver(version){return(0,_componentVersion().isHash)(version)?`${SNAP_VERSION_PREFIX}${version}`:version}},71118(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__={enumerable:!0,get:function(){return _componentPackageVersion().SNAP_VERSION_PREFIX}},__webpack_unused_export__={enumerable:!0,get:function(){return _componentPackageVersion().getComponentPackageVersion}},Object.defineProperty(exports,"snapToSemver",{enumerable:!0,get:function(){return _componentPackageVersion().snapToSemver}});function _componentPackageVersion(){const data=__webpack_require__(81665);return _componentPackageVersion=function(){return data},data}},78996(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentOverview=ComponentOverview,exports.BadgeSection=BadgeSection;const jsx_runtime_1=__webpack_require__(11684),react_1=__importStar(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_layout_page_frame_1=__webpack_require__(80460),documenter_ui_heading_1=__webpack_require__(42294),documenter_ui_label_list_1=__webpack_require__(12601),documenter_ui_section_1=__webpack_require__(3204),evangelist_surfaces_dropdown_1=__webpack_require__(57699),component_package_version_1=__webpack_require__(71118),documenter_ui_copy_box_1=__webpack_require__(47356),design_ui_separator_1=__webpack_require__(15065),design_navigation_content_tabs_1=__webpack_require__(95708),documenter_ui_sub_title_1=__webpack_require__(78267),ui_foundation_ui_is_browser_1=__webpack_require__(5286),base_react_layout_row_1=__webpack_require__(34662),evangelist_elements_icon_1=__webpack_require__(29751),docs_1=__webpack_require__(82894),design_ui_tooltip_1=__webpack_require__(62634),component_overview_module_scss_1=__importDefault(__webpack_require__(42391));function ComponentOverview({displayName,abstract,titleBadges,labels,packageName,elementsUrl,componentDescriptor,component,pkgManager="npm",...rest}){const isWorkspace=component?.host==="teambit.workspace/workspace",packageNameTabTitle=isWorkspace?"Use package":"Install package",componentId=component?.id,componentIdVersion=componentId?.version??void 0,latestVersion=component?.latest??void 0,packageVersion=componentIdVersion===latestVersion?"":`@${(0,component_package_version_1.snapToSemver)(componentIdVersion)}`,[selectedPkgManager,setSelectedPkgManager]=react_1.default.useState(pkgManager),installCmd=(0,react_1.useMemo)(()=>selectedPkgManager==="yarn"?"add":selectedPkgManager==="bit"?"install":"i",[selectedPkgManager]),copyTextInstall=(0,react_1.useMemo)(()=>`${selectedPkgManager} ${installCmd} ${packageName}${packageVersion}`,[selectedPkgManager,packageName,packageVersion,installCmd]),copyTextImport=`bit import ${componentId?.toStringWithoutVersion()??""}`,tooltipContent=(0,react_1.useMemo)(()=>`Copy ${selectedPkgManager} install command`,[selectedPkgManager]),SelectedPkgManagerPlaceholder=(0,react_1.useMemo)(()=>{switch(selectedPkgManager){case"npm":return(0,jsx_runtime_1.jsx)("img",{alt:"npm-logo",className:component_overview_module_scss_1.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"});case"pnpm":return(0,jsx_runtime_1.jsx)("img",{alt:"pnpm-logo",className:component_overview_module_scss_1.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"});case"yarn":return(0,jsx_runtime_1.jsx)("img",{alt:"yarn-logo",className:component_overview_module_scss_1.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"});case"bit":return(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.bit,of:"bit-logo-mono"});default:return null}},[selectedPkgManager]),tabsComponentId=[{component:function(){return(0,jsx_runtime_1.jsx)("span",{children:packageNameTabTitle})},content:isWorkspace?(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,children:packageName}):(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,copyText:copyTextInstall,Tooltip:({children})=>(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{placement:"right",content:tooltipContent,children}),CopyIcon:(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{content:tooltipContent,children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.copyIcon,of:"copy-cmp"})}),CopyWidget:(0,jsx_runtime_1.jsx)("div",{className:component_overview_module_scss_1.default.copyContainer,children:(0,jsx_runtime_1.jsx)(evangelist_surfaces_dropdown_1.Dropdown,{className:component_overview_module_scss_1.default.pkgManagerDropdown,dropClass:component_overview_module_scss_1.default.pkgManagerMenu,placeholder:(0,jsx_runtime_1.jsxs)("div",{className:component_overview_module_scss_1.default.pkgManagerPlaceholder,children:[SelectedPkgManagerPlaceholder,(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down"})]}),clickOutside:!0,clickPlaceholderToggles:!0,position:"bottom-start",clickToggles:!0,children:(0,jsx_runtime_1.jsxs)("div",{className:component_overview_module_scss_1.default.pkgManagerMenuItems,children:[(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(selectedPkgManager==="npm"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("npm"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("npm"),"aria-label":"Select npm package manager",children:(0,jsx_runtime_1.jsx)("img",{alt:"npm-logo",className:component_overview_module_scss_1.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"})}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(selectedPkgManager==="pnpm"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("pnpm"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("pnpm"),"aria-label":"Select pnpm package manager",children:(0,jsx_runtime_1.jsx)("img",{alt:"pnpm-logo",className:component_overview_module_scss_1.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"})}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(selectedPkgManager==="yarn"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("yarn"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("yarn"),"aria-label":"Select yarn package manager",children:(0,jsx_runtime_1.jsx)("img",{alt:"yarn-logo",className:component_overview_module_scss_1.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"})}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(selectedPkgManager==="bit"&&component_overview_module_scss_1.default.selected),onClick:()=>setSelectedPkgManager("bit"),role:"button",tabIndex:0,onKeyDown:e=>e.key==="Enter"&&setSelectedPkgManager("bit"),"aria-label":"Select bit package manager",children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.bit,of:"bit-logo-mono"})})]})})}),children:packageName})},{component:function(){return(0,jsx_runtime_1.jsx)("span",{children:"Modify component"})},content:isWorkspace?(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,children:componentId?componentId.toStringWithoutVersion():""}):(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,copyText:copyTextImport,Tooltip:({children})=>(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{placement:"right",content:"copy bit import command",children}),CopyIcon:(0,jsx_runtime_1.jsxs)("div",{className:component_overview_module_scss_1.default.copyContainer,children:[(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.bit,of:"bit-logo-mono"})}),(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:component_overview_module_scss_1.default.copyIcon,of:"copy-cmp"})})]}),children:componentId?componentId.toStringWithoutVersion():""})}];let finalElementsUrl=elementsUrl;if(finalElementsUrl&&!finalElementsUrl.startsWith("http")){const origin=ui_foundation_ui_is_browser_1.isBrowser?window.location.origin:void 0;finalElementsUrl=origin&&elementsUrl?`${origin}${elementsUrl}`:void 0,finalElementsUrl&&tabsComponentId.push({component:function(){return(0,jsx_runtime_1.jsx)("span",{children:"Elements url"})},content:(0,jsx_runtime_1.jsx)(documenter_ui_copy_box_1.CopyBox,{className:component_overview_module_scss_1.default.copyBox,children:finalElementsUrl})})}return(0,jsx_runtime_1.jsxs)(documenter_ui_section_1.Section,{...rest,children:[(0,jsx_runtime_1.jsxs)("div",{className:base_ui_layout_page_frame_1.textColumn,children:[(0,jsx_runtime_1.jsxs)(base_react_layout_row_1.Row,{className:component_overview_module_scss_1.default.titleRow,children:[(0,jsx_runtime_1.jsx)("div",{className:component_overview_module_scss_1.default.componentTitle,children:(0,jsx_runtime_1.jsx)(documenter_ui_heading_1.H1,{className:component_overview_module_scss_1.default.title,children:displayName})}),(0,jsx_runtime_1.jsx)(BadgeSection,{position:docs_1.BadgePosition.Title,componentDescriptor,component,badges:titleBadges})]}),(0,jsx_runtime_1.jsx)(base_react_layout_row_1.Row,{children:abstract&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(documenter_ui_sub_title_1.Subtitle,{className:component_overview_module_scss_1.default.subTitle,children:abstract}),(0,jsx_runtime_1.jsx)(BadgeSection,{position:docs_1.BadgePosition.SubTitle,componentDescriptor,component,badges:titleBadges})]})}),(0,jsx_runtime_1.jsxs)(base_react_layout_row_1.Row,{children:[(0,jsx_runtime_1.jsx)(documenter_ui_label_list_1.LabelList,{children:labels}),(0,jsx_runtime_1.jsx)(BadgeSection,{position:docs_1.BadgePosition.Labels,componentDescriptor,component,badges:titleBadges})]}),(0,jsx_runtime_1.jsxs)(base_react_layout_row_1.Row,{children:[(0,jsx_runtime_1.jsx)("div",{className:component_overview_module_scss_1.default.contentTabs,children:(0,jsx_runtime_1.jsx)(design_navigation_content_tabs_1.ContentTabs,{priority:"folder",tabs:tabsComponentId,navClassName:component_overview_module_scss_1.default.nav,tabClassName:component_overview_module_scss_1.default.tab})}),(0,jsx_runtime_1.jsx)(BadgeSection,{position:docs_1.BadgePosition.Package,componentDescriptor,component,badges:titleBadges})]})]}),(0,jsx_runtime_1.jsx)(design_ui_separator_1.Separator,{isPresentational:!0})]})}function BadgeSection({badges,position,componentDescriptor,component}){return(0,jsx_runtime_1.jsx)("div",{className:component_overview_module_scss_1.default.badgeContainer,children:badges?.filter(badge=>position===docs_1.BadgePosition.Title&&!badge.position||badge.position===position)?.sort((a,b)=>(a.weight??0)-(b.weight??0))?.map((titleBadge,index)=>(0,jsx_runtime_1.jsx)(titleBadge.component,{componentDescriptor,legacyComponentModel:component},index))})}},71169(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgeSection=exports.ComponentOverview=void 0;var component_overview_1=__webpack_require__(78996);Object.defineProperty(exports,"ComponentOverview",{enumerable:!0,get:function(){return component_overview_1.ComponentOverview}}),Object.defineProperty(exports,"BadgeSection",{enumerable:!0,get:function(){return component_overview_1.BadgeSection}})},5490(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.DetailedVersion=exports.SimpleVersion=void 0;var version_dropdown_placeholder_1=__webpack_require__(83190);Object.defineProperty(exports,"SimpleVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.SimpleVersion}}),Object.defineProperty(exports,"DetailedVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.DetailedVersion}});var version_dropdown_1=__webpack_require__(66630);Object.defineProperty(exports,"VersionDropdown",{enumerable:!0,get:function(){return version_dropdown_1.VersionDropdown}})},80528(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.LaneInfo=void 0;var lane_info_1=__webpack_require__(80513);Object.defineProperty(exports,"LaneInfo",{enumerable:!0,get:function(){return lane_info_1.LaneInfo}})},80513(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneInfo=LaneInfo;const jsx_runtime_1=__webpack_require__(11684),lanes_ui_models_lanes_model_1=__webpack_require__(1453),react_1=__importDefault(__webpack_require__(12888)),design_ui_surfaces_menu_link_item_1=__webpack_require__(42786),evangelist_elements_icon_1=__webpack_require__(29751),lane_info_module_scss_1=__importDefault(__webpack_require__(89472));function LaneInfo({id,currentLane}){const isCurrent=currentLane&&id.isEqual(currentLane.id);return(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href:lanes_ui_models_lanes_model_1.LanesModel.getLaneUrl(id),className:lane_info_module_scss_1.default.versionRow,children:(0,jsx_runtime_1.jsxs)("span",{children:[(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:lane_info_module_scss_1.default.laneIcon,of:"lane"}),id.toString()]})})},id.toString())}},83190(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleVersion=SimpleVersion,exports.DetailedVersion=DetailedVersion;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),design_ui_styles_ellipsis_1=__webpack_require__(38348),classnames_1=__importDefault(__webpack_require__(97500)),semver=__importStar(__webpack_require__(16322)),evangelist_elements_icon_1=__webpack_require__(29751),design_ui_time_ago_1=__webpack_require__(52464),design_ui_avatar_1=__webpack_require__(19988),base_ui_loaders_skeleton_1=__webpack_require__(66955),design_ui_pill_label_1=__webpack_require__(69608),version_dropdown_placeholder_module_scss_1=__importDefault(__webpack_require__(84261));function SimpleVersion({currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,useCurrentVersionLog,showFullVersion,loading,...rest}){if(loading)return(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9});const isNew=currentVersion==="new"&&!hasMoreVersions,formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6);return isNew?(0,jsx_runtime_1.jsx)(design_ui_pill_label_1.PillLabel,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.newLabel,className),children:formattedVersion}):(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.simple,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled),children:[(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick,children:formattedVersion}),hasMoreVersions&&(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick})]})}function DetailedVersion({currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,loading,useCurrentVersionLog,showFullVersion,...rest}){const currentVersionLog=useCurrentVersionLog?.({skip:loading,version:currentVersion}),{displayName,message,username,email,date:_date,profileImage}=currentVersionLog||{},author=react_1.default.useMemo(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6),date=_date?new Date(+_date):void 0,timestamp=react_1.default.useMemo(()=>date?new Date(+date).toString():new Date().toString(),[date]);return loading?(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9}):(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.detailed,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled),children:[(0,jsx_runtime_1.jsx)(design_ui_avatar_1.UserAvatar,{size:24,account:author??{},className:version_dropdown_placeholder_module_scss_1.default.versionUserAvatar,showTooltip:!0,onClick:rest.onClick}),(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick,children:formattedVersion}),commitMessage(message,rest.onClick),(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.versionTimestamp,onClick:rest.onClick,children:(0,jsx_runtime_1.jsx)(design_ui_time_ago_1.TimeAgo,{date:timestamp,onClick:rest.onClick})}),hasMoreVersions&&(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick})]})}function commitMessage(message,onClick){return!message||message===""?(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.emptyMessage,onClick,children:"No commit message"}):(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.commitMessage,onClick,children:message})}},66630(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.LOCAL_VERSION=void 0;const jsx_runtime_1=__webpack_require__(11684),react_1=__importStar(__webpack_require__(12888)),design_ui_surfaces_menu_link_item_1=__webpack_require__(42786),evangelist_surfaces_dropdown_1=__webpack_require__(57699),ui_foundation_ui_use_box_tab_1=__webpack_require__(77210),design_ui_avatar_1=__webpack_require__(19988),base_ui_loaders_skeleton_1=__webpack_require__(66955),classnames_1=__importDefault(__webpack_require__(97500)),version_dropdown_module_scss_1=__importDefault(__webpack_require__(92385)),version_info_1=__webpack_require__(2300),lane_info_1=__webpack_require__(80528),version_dropdown_placeholder_1=__webpack_require__(83190);exports.LOCAL_VERSION="workspace",exports.VersionDropdown=(0,react_1.memo)(_VersionDropdown);const VersionMenu=(0,react_1.memo)(_VersionMenu);function _VersionDropdown({currentVersion,latestVersion,localVersion,useCurrentVersionLog,hasMoreVersions,loading,overrideVersionHref,className,placeholderClassName,getActiveTabIndex,dropdownClassName,menuClassName,showVersionDetails=!0,disabled,PlaceholderComponent:_PlaceholderComponent,currentLane,useComponentVersions,lanes,...rest}){const[key,setKey]=(0,react_1.useState)(0),singleVersion=!hasMoreVersions,[open,setOpen]=(0,react_1.useState)(!1);(0,react_1.useEffect)(()=>{loading&&open&&setOpen(!1)},[loading]);const handlePlaceholderClicked=e=>{loading||e.target===e.currentTarget&&setOpen(o=>!o)},defaultPlaceholder=(0,jsx_runtime_1.jsx)(version_dropdown_placeholder_1.SimpleVersion,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}),PlaceholderComponent=_PlaceholderComponent?(0,jsx_runtime_1.jsx)(_PlaceholderComponent,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}):defaultPlaceholder;return disabled||singleVersion&&!loading?(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.noVersions,className),children:PlaceholderComponent}):(0,jsx_runtime_1.jsx)("div",{...rest,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionDropdown,className),children:(0,jsx_runtime_1.jsx)(evangelist_surfaces_dropdown_1.Dropdown,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.dropdown,dropdownClassName),dropClass:(0,classnames_1.default)(version_dropdown_module_scss_1.default.menu,menuClassName),open,onClick:handlePlaceholderClicked,onClickOutside:()=>setOpen(!1),onChange:(_e,_open)=>_open&&setKey(x=>x+1),PlaceholderComponent:({children,...other})=>(0,jsx_runtime_1.jsx)("div",{...other,className:placeholderClassName,onClick:handlePlaceholderClicked,children}),placeholder:PlaceholderComponent,children:(0,jsx_runtime_1.jsx)(VersionMenu,{className:menuClassName,currentVersion,latestVersion,localVersion,overrideVersionHref,showVersionDetails,currentLane,getActiveTabIndex,lanes,useVersions:useComponentVersions,onVersionClicked:()=>setOpen(!1),open},key)})})}const defaultActiveTabIndex=(currentVersion,tabs=[],tags,snaps)=>(snaps||[]).some(snap=>snap.version===currentVersion)?tabs.findIndex(tab=>tab.name==="SNAP"):0,VERSION_TAB_NAMES=["TAG","SNAP","LANE"];function _VersionMenu({currentVersion,localVersion,latestVersion,overrideVersionHref,showVersionDetails,useVersions,currentLane,lanes,getActiveTabIndex=defaultActiveTabIndex,loading:loadingFromProps,open,onVersionClicked,...rest}){const{snaps,tags,loading:loadingVersions}=useVersions?.()||{},loading=loadingFromProps||loadingVersions,tabs=(0,react_1.useMemo)(()=>VERSION_TAB_NAMES.map(name=>{switch(name){case"SNAP":return{name,payload:snaps||[]};case"LANE":return{name,payload:lanes||[]};default:return{name,payload:tags||[]}}}).filter(tab=>tab.payload.length>0),[snaps?.length,tags?.length,lanes?.length,loading]),[activeTabIndex,setActiveTab]=(0,react_1.useState)(getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane)),activeTab=(0,react_1.useMemo)(()=>activeTabIndex!==void 0?tabs[activeTabIndex]:void 0,[activeTabIndex,tabs]);(0,react_1.useEffect)(()=>{if(!currentLane||tabs.length===0)return;const _activeTabIndex=getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane);_activeTabIndex!==activeTabIndex&&setActiveTab(_activeTabIndex)},[currentLane,tabs.length,tags?.length,snaps?.length,currentVersion,loading]);const multipleTabs=tabs.length>1,showTab=activeTabIndex!==void 0&&tabs[activeTabIndex]?.payload.length>0,_rowRenderer=(0,react_1.useCallback)(function({index}){const{name,payload=[]}=activeTab||{},item=payload[index];if(!item)return null;if(name==="LANE"){const lane=item;return(0,jsx_runtime_1.jsx)(lane_info_1.LaneInfo,{currentLane,...lane},lane.id.toString())}const version=item;return(0,jsx_runtime_1.jsx)(version_info_1.VersionInfo,{currentVersion,latestVersion,overrideVersionHref,showDetails:showVersionDetails,onVersionClicked,...version},version.version)},[activeTab,currentVersion,latestVersion,showVersionDetails,currentLane?.id.toString(),showTab]),rowRenderer=(0,react_1.useMemo)(()=>showTab&&activeTab?_rowRenderer:()=>null,[showTab,activeTab,_rowRenderer]),ActiveTab=(0,react_1.useMemo)(()=>activeTab?.payload.map((payload,index)=>rowRenderer({index})),[activeTab]);return(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionMenuContainer,!open&&version_dropdown_module_scss_1.default.hide),children:[loading&&(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{count:6,className:version_dropdown_module_scss_1.default.loader}),!loading&&localVersion&&(0,jsx_runtime_1.jsx)(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{href:"?",active:currentVersion===exports.LOCAL_VERSION,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionRow,version_dropdown_module_scss_1.default.localVersion),onClick:onVersionClicked,children:(0,jsx_runtime_1.jsxs)("div",{className:version_dropdown_module_scss_1.default.version,children:[(0,jsx_runtime_1.jsx)(design_ui_avatar_1.UserAvatar,{size:24,account:{},className:version_dropdown_module_scss_1.default.versionUserAvatar}),(0,jsx_runtime_1.jsx)("span",{className:version_dropdown_module_scss_1.default.versionName,children:exports.LOCAL_VERSION})]})}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(multipleTabs&&version_dropdown_module_scss_1.default.tabs,!localVersion&&version_dropdown_module_scss_1.default.withoutLocal),children:multipleTabs&&tabs.map(({name},index)=>(0,jsx_runtime_1.jsx)(ui_foundation_ui_use_box_tab_1.Tab,{className:version_dropdown_module_scss_1.default.tab,isActive:activeTabIndex===index,onClick:()=>setActiveTab(index),children:name},name))}),(0,jsx_runtime_1.jsx)("div",{className:version_dropdown_module_scss_1.default.versionContainerRoot,children:ActiveTab})]})}},2300(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.VersionInfo=void 0;var version_info_1=__webpack_require__(52437);Object.defineProperty(exports,"VersionInfo",{enumerable:!0,get:function(){return version_info_1.VersionInfo}})},52437(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;const jsx_runtime_1=__webpack_require__(11684),design_ui_surfaces_menu_link_item_1=__webpack_require__(42786),design_ui_time_ago_1=__webpack_require__(52464),component_ui_version_label_1=__webpack_require__(59473),evangelist_elements_icon_1=__webpack_require__(29751),design_ui_tooltip_1=__webpack_require__(62634),react_1=__importStar(__webpack_require__(12888)),design_ui_avatar_1=__webpack_require__(19988),design_ui_styles_ellipsis_1=__webpack_require__(38348),classnames_1=__importDefault(__webpack_require__(97500)),version_info_module_scss_1=__importDefault(__webpack_require__(33588));exports.VersionInfo=react_1.default.memo(react_1.default.forwardRef(_VersionInfo));function _VersionInfo({version,currentVersion,latestVersion,date,username,displayName,email,overrideVersionHref,showDetails,message,tag,profileImage,deprecated,onVersionClicked},ref){const isCurrent=version===currentVersion,author=(0,react_1.useMemo)(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),timestamp=(0,react_1.useMemo)(()=>date?new Date(parseInt(date)).toString():new Date().toString(),[date]),currentVersionRef=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{isCurrent&&currentVersionRef.current?.scrollIntoView({block:"nearest"})},[isCurrent]);const href=overrideVersionHref?overrideVersionHref(version):`?version=${version}`,formattedVersion=(0,react_1.useMemo)(()=>tag?version:version.slice(0,6),[tag,version]),isLatest=version===latestVersion;return(0,jsx_runtime_1.jsx)("div",{ref:ref||currentVersionRef,onClick:onVersionClicked,children:(0,jsx_runtime_1.jsxs)(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href,className:version_info_module_scss_1.default.versionRow,children:[(0,jsx_runtime_1.jsxs)("div",{className:version_info_module_scss_1.default.version,children:[(0,jsx_runtime_1.jsx)(design_ui_avatar_1.UserAvatar,{size:24,account:author,className:version_info_module_scss_1.default.versionUserAvatar,showTooltip:!0}),(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_info_module_scss_1.default.versionName),children:formattedVersion}),isLatest&&(0,jsx_runtime_1.jsx)(component_ui_version_label_1.VersionLabel,{status:"latest"}),deprecated&&(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{placement:"bottom",content:"Deprecated",children:(0,jsx_runtime_1.jsx)("div",{className:version_info_module_scss_1.default.deprecatedIcon,children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:"note-deprecated"})})}),(0,jsx_runtime_1.jsx)(CommitMessage,{message,showDetails})]}),(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.versionTimestamp,children:(0,jsx_runtime_1.jsx)(design_ui_time_ago_1.TimeAgo,{date:timestamp})})]})})}function CommitMessage({message,showDetails}){return showDetails?!message||message===""?(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.emptyMessage,children:"No commit message"}):(0,jsx_runtime_1.jsx)(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.commitMessage,children:message}):null}},8929(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectEntry=void 0;class AspectEntry{constructor(id,legacyEntry){this.id=id,this.legacyEntry=legacyEntry}get legacy(){return this.legacyEntry}get isLegacy(){return!!this.config?.__legacy}get config(){return this.legacy.config}set config(config){this.legacy.config=config}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(val){this.legacy.data=val}transform(newData){const newEntry=this.clone();return newEntry.data=newData,new AspectEntry(this.id,newEntry.legacy)}clone(){return new AspectEntry(this.id,this.legacyEntry.clone())}serialize(){return{id:this.id.toString(),config:this.config,data:this.data,icon:"https://static.bit.dev/extensions-icons/default.svg"}}}exports.AspectEntry=AspectEntry},52365(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _anyFs(){const data=__webpack_require__(83875);return _anyFs=function(){return data},data}function eol(){const data=_interopRequireWildcard(__webpack_require__(46179));return eol=function(){return data},data}function _path(){const data=_interopRequireDefault(__webpack_require__(52101));return _path=function(){return data},data}function _toolboxPath(){const data=__webpack_require__(50668);return _toolboxPath=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}class ComponentFS extends _anyFs().MemoryFS{constructor(files){super();this.files=files}get hash(){return""}byRegex(extension){return this.files.filter(file=>file.path.match(extension))}byGlob(patterns){const{includePatterns,excludePatterns}=(0,_toolboxPath().splitPatterns)(patterns);return this.files.filter(file=>(0,_toolboxPath().matchPatterns)(file.relative,includePatterns,excludePatterns))}toObject(){return this.files.map(file=>({path:file.path,contents:file.contents}))}static fromVinyls(files){const fs=new ComponentFS(files);return files.forEach(file=>{let dirPath=file.relativeDir;dirPath.startsWith("/")||(dirPath=_path().default.join("/",dirPath)),fs.mkdirpSync(dirPath),fs.writeFileSync(`/${file.relative}`,eol().auto(file.contents||""))}),fs}}exports.default=ComponentFS},18985(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMap=void 0;class ComponentMap{constructor(hashMap){this.hashMap=hashMap}byComponent(component){return this.hashMap.get(component.id.toString())}get components(){return this.toArray().map(([component])=>component)}get(component){return this.hashMap.get(component.id.toString())}getValueByComponentId(componentId){const tuple=this.hashMap.get(componentId.toString());return tuple?tuple[1]:null}toArray(){return Array.from(this.hashMap.values())}map(predicate){const tuples=this.toArray().map(([component,value])=>{const newValue=predicate(value,component);return[component.id.toString(),[component,newValue]]});return new ComponentMap(new Map(tuples))}async asyncMap(predicate){const tuplesP=this.toArray().map(async([component,value])=>{const newValue=await predicate(value,component);return[component.id.toString(),[component,newValue]]}),tuples=await Promise.all(tuplesP);return new ComponentMap(new Map(tuples))}forEach(predicate){this.toArray().forEach(([component,value])=>{predicate(value,component)})}flattenValue(){return this.toArray().reduce((acc,[,value])=>(acc=acc.concat(value),acc),[])}filter(predicate){const asMap=this.toArray().filter(([,value])=>predicate(value)).map(([component,value])=>[component.id.toString(),[component,value]]);return new ComponentMap(new Map(asMap))}keys(){return this.hashMap.keys()}static create(rawMap){const newMap=rawMap.map(([component,data])=>[component.id.toString(),[component,data]]);return new ComponentMap(new Map(newMap))}static as(components,predicate){const tuples=components.map(component=>[component.id.toString(),[component,predicate(component)]]);return new ComponentMap(new Map(tuples))}static async asAsync(components,predicate){const tuples=await Promise.all(components.map(async component=>[component.id.toString(),[component,await predicate(component)]]));return new ComponentMap(new Map(tuples))}}exports.ComponentMap=ComponentMap},49661(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}});function _componentMap(){const data=__webpack_require__(18985);return _componentMap=function(){return data},data}},61159(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ComponentAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const ComponentAspect=exports.ComponentAspect=_harmony().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});var _default=exports.default=ComponentAspect},55633(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=void 0;function _toolboxString(){const data=__webpack_require__(5913);return _toolboxString=function(){return data},data}function _bitError(){const data=__webpack_require__(24490);return _bitError=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function _tagMap(){const data=__webpack_require__(88077);return _tagMap=function(){return data},data}function _exceptions(){const data=__webpack_require__(28381);return _exceptions=function(){return data},data}class Component{constructor(id,head=null,_state,tags=new(_tagMap()).TagMap,factory){this.id=id,this.head=head,this._state=_state,this.tags=tags,this.factory=factory}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(state){this._state=state}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get homepage(){return this._state._consumer._getHomepage()}get headTag(){if(!!this.head)return this.tags.byHash(this.head.hash)}get latest(){if(!!this.head)try{return this.tags.getLatest()}catch(err){if(err instanceof _exceptions().CouldNotFindLatest)return this.head.hash;throw err}}get(id){return this.state.aspects.get(id)?.serialize()}async getLogs(filter){const allLogs=await this.factory.getLogs(this.id,!1,filter?.head);if(!filter)return allLogs;const{type,limit,offset,sort}=filter,typeFilter=snap=>type==="tag"?snap.tag:type==="snap"?!snap.tag:!0;let filteredLogs=type&&allLogs.filter(typeFilter)||allLogs;return sort!=="asc"&&(filteredLogs=filteredLogs.reverse()),limit&&(filteredLogs=(0,_lodash().slice)(filteredLogs,offset,limit+(offset||0))),filteredLogs}getDependencies(){return this.factory.getDependencies(this)}getPackageName(){return this.factory.componentPackageName(this)}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(token=>(0,_toolboxString().capitalize)(token)).join(" ")}tag(version){}isModified(){return this.factory.isModified(this)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;const latestTag=this.tags.byVersion(this.latest);return latestTag?this.head?.hash!==latestTag?.hash:!1}isNew(){return Promise.resolve(this.head===null)}isExported(){return this.factory.isExported(this.id)}loadState(snapId){return this.factory.getState(this.id,snapId)}loadSnap(snapId){const snapToGet=snapId||this.head?.hash;if(!snapToGet)throw new(_bitError()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,snapToGet)}snapsIterable(snapId,options={}){const snapToStart=snapId||this.head?.hash;let nextSnaps=[snapToStart],done;snapToStart||(done=!0);const iterator={next:async()=>{if(done)return{value:void 0,done};const currSnapId=nextSnaps.shift(),snap=await this.loadSnap(currSnapId);return snap.parents&&snap.parents.length&&(options.firstParentOnly?nextSnaps.push(snap.parents[0]):nextSnaps=nextSnaps.concat(snap.parents)),nextSnaps.length?options.stopFn&&(done=await options.stopFn(snap)):done=!0,{value:snap,done:void 0}}};return{[Symbol.asyncIterator]:()=>iterator}}async getClosestTag(snapToStartFrom){const tagsHashMap=this.tags.getHashMap(),stopFn=async snap=>!!tagsHashMap.has(snap.hash),iterable=this.snapsIterable(snapToStartFrom,{firstParentOnly:!0,stopFn}),snaps=[];for await(const snap of iterable)snaps.push(snap);if(snaps.length){const hashOfLastSnap=snaps[snaps.length-1].hash;return tagsHashMap.get(hashOfLastSnap)}}getTag(){const currentVersion=this.id.version;if(!!currentVersion)return this.tags.byVersion(currentVersion)||this.tags.byHash(currentVersion)}getSnapHash(){if(!this.id.hasVersion())return;const tag=this.tags.byVersion(this.id.version);return tag?tag.hash:this.id.version}async getCurrentSnap(){const snap=this.getSnapHash();if(!!snap)return this.loadSnap(snap)}checkout(version){}write(path,fs){}equals(component){return component.id.toString()===this.id.toString()}}exports.Component=Component},52946(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Config=void 0;class Config{constructor(consumerComponent){this.consumerComponent=consumerComponent}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}}exports.Config=Config},41384(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CouldNotFindLatest=void 0;class CouldNotFindLatest extends Error{constructor(semverArray){super(`could not find latest semver in array: ${semverArray.join(", ")}`)}report(){return this.message}}exports.CouldNotFindLatest=CouldNotFindLatest},93402(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostNotFound=void 0;class HostNotFound extends Error{constructor(hostName){super();this.hostName=hostName}toString(){return`[component] error: host '${this.hostName}' was not found`}}exports.HostNotFound=HostNotFound},28381(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CouldNotFindLatest",{enumerable:!0,get:function(){return _couldNotFindLatest().CouldNotFindLatest}}),Object.defineProperty(exports,"HostNotFound",{enumerable:!0,get:function(){return _hostNotFound().HostNotFound}}),Object.defineProperty(exports,"MainFileNotFound",{enumerable:!0,get:function(){return _mainFileNotFound().MainFileNotFound}}),Object.defineProperty(exports,"NothingToSnap",{enumerable:!0,get:function(){return _nothingToSnap().default}});function _nothingToSnap(){const data=_interopRequireDefault(__webpack_require__(51225));return _nothingToSnap=function(){return data},data}function _hostNotFound(){const data=__webpack_require__(93402);return _hostNotFound=function(){return data},data}function _couldNotFindLatest(){const data=__webpack_require__(41384);return _couldNotFindLatest=function(){return data},data}function _mainFileNotFound(){const data=__webpack_require__(72002);return _mainFileNotFound=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}},72002(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MainFileNotFound=void 0;class MainFileNotFound extends Error{constructor(id,mainFile){super();this.id=id,this.mainFile=mainFile}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}}exports.MainFileNotFound=MainFileNotFound},51225(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class NothingToSnap extends Error{}exports.default=NothingToSnap},11013(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentHostModel=void 0;function _ui(){const data=__webpack_require__(28537);return _ui=function(){return data},data}class ComponentHostModel{constructor(name,components){this.name=name,this.components=components}static from(data){return new ComponentHostModel(data.getHost.name,_ui().ComponentModel.fromArray(data.getHost.list))}}exports.ComponentHostModel=ComponentHostModel},41733(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={useComponentHost:!0};Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _useComponentHost().useComponentHost}});function _useComponentHost(){const data=__webpack_require__(81403);return _useComponentHost=function(){return data},data}var _componentHostModel=__webpack_require__(11013);Object.keys(_componentHostModel).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_componentHostModel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _componentHostModel[key]}})})},81403(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentHost=useComponentHost;function _uiFoundationUiHooks(){const data=__webpack_require__(7622);return _uiFoundationUiHooks=function(){return data},data}function _client(){const data=__webpack_require__(6083);return _client=function(){return data},data}function _componentHostModel(){const data=__webpack_require__(11013);return _componentHostModel=function(){return data},data}const COMPONENT_HOST=(0,_client().gql)`
531
531
  {
532
532
  getHost {
533
533
  id # used for GQL caching
@@ -705,7 +705,7 @@ ${body}`});return`
705
705
  }
706
706
  }
707
707
  ${componentIdFields}
708
- `},92308(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(55786);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(94653);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(88439);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip,context}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id,context)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},88439(){"use strict"},23403(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},68089(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;const react_1=__importDefault(__webpack_require__(12888)),base_ui_loaders_skeleton_1=__webpack_require__(66955),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(30776));function CompositionCardSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton},react_1.default.createElement(PreviewSkeleton,null),react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.bottom},react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})))}function PreviewSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.preview},react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"}))}},48216(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(68089);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},38527(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=void 0;const react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),evangelist_elements_icon_1=__webpack_require__(29751),compositions_1=__webpack_require__(24010),design_ui_styles_ellipsis_1=__webpack_require__(38348),composition_card_module_scss_1=__importDefault(__webpack_require__(49098));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass,queryParams,sandbox}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass","queryParams","sandbox"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!0,loading:"lazy",composition,component,viewport:1280,queryParams,previewName:"compositions",sandbox}),[composition.identifier,component.id.toString(),previewClass,sandbox]);return react_1.default.createElement("div",Object.assign({key:composition.identifier},rest,{className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className)}),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.compositionPreview},Composition),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.bottom},react_1.default.createElement("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName)},composition.displayName),openCompositionLink&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"}))))}},23778(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(38527);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(48216);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},70532(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=humanizeCompositionId;const humanize_string_1=__importDefault(__webpack_require__(64744));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}},36261(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(70532);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},22645(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=CompositionGallerySkeleton;const react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_loaders_skeleton_1=__webpack_require__(66955),composition_card_1=__webpack_require__(23778),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(57524));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map((_,index)=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:`comp-card-skeleton-${index}`}))))}},13156(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(22645);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},91339(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallery=CompositionGallery;const react_1=__importDefault(__webpack_require__(12888)),design_elements_icon_1=__webpack_require__(516),documenter_ui_linked_heading_1=__webpack_require__(59196),base_react_navigation_link_1=__webpack_require__(19304),composition_card_1=__webpack_require__(23778),composition_gallery_module_scss_1=__importDefault(__webpack_require__(44362));function CompositionGallery({component,sandbox}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component,queryParams:"disableCta=true",sandbox})))):null}},55970(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(91339);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(13156);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},75320(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(36261);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},83453(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},57223(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(83040);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(994));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(83268));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(10286);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(52696);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(25877);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(34369);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(618);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(7422);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(21245);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(39084);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(53663);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(48852);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(45348);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(63698);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(15065);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(42294);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(938);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(19304);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(76712);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(4080);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(62634);return _designUi4=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(29751);return _evangelistElements=function(){return data},data}function _compositionsUi2(){const data=__webpack_require__(61941);return _compositionsUi2=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(53298));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(46592);return _compositionsPanel=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _useDefaultControlsSchemaResponder(){const data=__webpack_require__(39809);return _useDefaultControlsSchemaResponder=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState","sandbox"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState,usePreviewSandboxSlot,usePreviewPropsSlot,enableLiveControls=!0}){const component=(0,_react().useContext)(_component().ComponentContext),componentIdStr=component.id.toString(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),[sandboxValue,setSandboxValue]=(0,_react().useState)(""),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition,(0,_useDefaultControlsSchemaResponder().useDefaultControlsSchemaResponder)(componentIdStr,enableLiveControls);const properties=(0,_docsUiQueries().useDocs)(component.id),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],previewPropsHooks=usePreviewPropsSlot?.values()??[],showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)(()=>enableLiveControls?{fullscreen:!0,livecontrols:!0}:{fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]),[collapsedCompositions,setCollapsedCompositions]=(0,_react().useState)(()=>new Set),[isDraggingTray,setIsDraggingTray]=(0,_react().useState)(!1),trayRef=(0,_react().useRef)(null),[trayHeight,setTrayHeight]=(0,_react().useState)(null),{ready,defs,values,onChange}=(0,_compositionsUi2().useLiveControls)(),onResizeStripMouseDown=(0,_react().useCallback)(e=>{if(e.button!==0)return;e.preventDefault();const startY=e.clientY,startHeight=trayRef.current?.offsetHeight??0,parentHeight=trayRef.current?.parentElement?.clientHeight??window.innerHeight,maxHeight=Math.max(120,parentHeight-80);setIsDraggingTray(!0),document.body.style.cursor="ns-resize",document.body.style.userSelect="none";let pendingHeight=startHeight,rafScheduled=!1;const applyHeight=()=>{rafScheduled=!1,trayRef.current&&(trayRef.current.style.height=`${pendingHeight}px`)},onMove=ev=>{const delta=startY-ev.clientY;pendingHeight=Math.max(120,Math.min(maxHeight,startHeight+delta)),rafScheduled||(rafScheduled=!0,requestAnimationFrame(applyHeight))},onUp=()=>{setIsDraggingTray(!1),setTrayHeight(pendingHeight),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("mousemove",onMove),document.removeEventListener("mouseup",onUp)};document.addEventListener("mousemove",onMove),document.addEventListener("mouseup",onUp)},[]);(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),(0,_react().useEffect)(()=>{if(enableLiveControls){setCompositionParams(current=>current.livecontrols===!0?current:_objectSpread(_objectSpread({},current),{},{livecontrols:!0}));return}setCompositionParams(current=>{if(!("livecontrols"in current))return current;const next=_objectSpread({},current);return delete next.livecontrols,next})},[enableLiveControls]);const currentCompositionHasControls=ready&&defs.length>0,currentCompositionIdentifier=currentComposition?.identifier,isTrayCollapsedForCurrent=!!currentCompositionIdentifier&&collapsedCompositions.has(currentCompositionIdentifier),showControlsTray=currentCompositionHasControls,isTrayCollapsed=showControlsTray&&isTrayCollapsedForCurrent,toggleTrayCollapsed=(0,_react().useCallback)(()=>{!currentCompositionIdentifier||setCollapsedCompositions(prev=>{const next=new Set(prev);return next.has(currentCompositionIdentifier)?next.delete(currentCompositionIdentifier):next.add(currentCompositionIdentifier),next})},[currentCompositionIdentifier]);return _react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"80%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_designUi4().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.toolbarButton},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"})))),_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),_react().default.createElement("div",{className:_compositionsModule().default.previewArea},isDraggingTray&&_react().default.createElement("div",{className:_compositionsModule().default.dragOverlay}),_react().default.createElement(_previewUi().PreviewPropsAggregator,{hooks:previewPropsHooks,component},previewAttrs=>_react().default.createElement(CompositionContent,_extends({},previewAttrs,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams,sandbox:sandboxValue}))),showControlsTray&&_react().default.createElement(LiveControlsTray,{trayRef,collapsed:isTrayCollapsed,height:trayHeight,ready,defs,values,onChange,onResizeStripMouseDown,onToggleExpanded:toggleTrayCollapsed}))),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,hasLiveControls:currentCompositionHasControls,liveControlsActive:currentCompositionHasControls&&!isTrayCollapsedForCurrent,onToggleLiveControls:toggleTrayCollapsed,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams(searchParams);versionFromQueryParams&&urlParams.set("version",versionFromQueryParams);const newPath=pathSegments.join("/");navigate(`/${newPath}?${urlParams.toString()}`)},url:compositionUrl,compositions:component.compositions,active:currentComposition})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function LiveControlsTray({trayRef,collapsed,height,ready,defs,values,onChange,onResizeStripMouseDown,onToggleExpanded}){const trayStyle=collapsed||height===null?void 0:{height};return _react().default.createElement("div",{ref:trayRef,className:(0,_classnames().default)(_compositionsModule().default.controlsTray,collapsed&&_compositionsModule().default.controlsTrayCollapsed),style:trayStyle},!collapsed&&_react().default.createElement("div",{className:_compositionsModule().default.trayResizeStrip,onMouseDown:onResizeStripMouseDown,role:"separator","aria-orientation":"horizontal","aria-label":"Resize live controls",title:"Drag to resize"},_react().default.createElement("div",{className:_compositionsModule().default.trayDragBar})),_react().default.createElement("div",{className:_compositionsModule().default.trayHeaderInner,onClick:onToggleExpanded,role:"button",tabIndex:0,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),onToggleExpanded())},title:collapsed?"Click to expand":"Click to collapse"},_react().default.createElement("div",{className:_compositionsModule().default.trayTitleRow},_react().default.createElement(_evangelistElements().Icon,{of:"settings",className:_compositionsModule().default.trayIcon}),_react().default.createElement("span",{className:_compositionsModule().default.trayTitle},"Live Controls"),ready&&defs.length>0&&_react().default.createElement("span",{className:_compositionsModule().default.trayBadge},defs.length)),_react().default.createElement("span",{className:(0,_classnames().default)(_compositionsModule().default.trayCollapseIcon,collapsed&&_compositionsModule().default.trayCollapseIconCollapsed),"aria-hidden":!0},_react().default.createElement(_evangelistElements().Icon,{of:"right-rounded-corners"}))),!collapsed&&_react().default.createElement("div",{className:_compositionsModule().default.trayBody},ready?_react().default.createElement(_liveControlPanel().LiveControls,{defs,values,onChange}):_react().default.createElement("div",{className:_compositionsModule().default.trayEmpty},"No live controls available for this composition")))}function CompositionContent(_ref){let{component,selected,queryParams,emptyState,sandbox}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams,sandbox},componentCompositionProps))}},24010(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),Object.defineProperty(exports,"LiveControls",{enumerable:!0,get:function(){return _ui().LiveControls}}),Object.defineProperty(exports,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return _ui().LiveControlsDiffPanel}}),Object.defineProperty(exports,"LiveControlsRenderer",{enumerable:!0,get:function(){return _ui().LiveControlsRenderer}}),exports.default=void 0,Object.defineProperty(exports,"useDefaultControlsSchemaResponder",{enumerable:!0,get:function(){return _useDefaultControlsSchemaResponder().useDefaultControlsSchemaResponder}});function _compositions(){const data=__webpack_require__(83453);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(75320);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(57223);return _compositions2=function(){return data},data}function _useDefaultControlsSchemaResponder(){const data=__webpack_require__(39809);return _useDefaultControlsSchemaResponder=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},32362(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams,propagateError:isMinimal}))}},46592(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(29751);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(83040);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(75216);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(62634);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(19304);return _baseReactNavigation=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(61941);return _compositionsUi=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(13107));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","onToggleLiveControls","hasLiveControls","liveControlsActive","active","includesEnvTemplate","useNameParam","className"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,onToggleLiveControls,hasLiveControls,liveControlsActive,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{setTimestamp}=(0,_compositionsUi().useLiveControls)(),shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected),selected!==active&&setTimestamp(0)},[onSelect,active,setTimestamp]),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault(),setTimestamp(0);const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,navigate,setTimestamp,versionFromQueryParams]);return _react().default.createElement("div",{className:_compositionsPanelModule().default.container},_react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(_compositionsPanelModule().default.compositionsList,className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.compositionItem,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.itemActions},hasLiveControls&&onToggleLiveControls&&composition===active&&_react().default.createElement(_designUi().Tooltip,{content:liveControlsActive?"Hide live controls":"Show live controls",placement:"bottom"},_react().default.createElement("button",{type:"button","aria-label":liveControlsActive?"Hide live controls":"Show live controls",className:(0,_classnames().default)(_compositionsPanelModule().default.actionIcon,_compositionsPanelModule().default.iconButton,liveControlsActive&&_compositionsPanelModule().default.actionIconActive),onClick:e=>{e.preventDefault(),e.stopPropagation(),onToggleLiveControls()}},_react().default.createElement(_evangelistElements().Icon,{of:"settings"}))),_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.actionIcon,icon:"Code",tooltipContent:"View source",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:(0,_classnames().default)(_compositionsPanelModule().default.actionIcon,_compositionsPanelModule().default.iconLink),target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{of:"open-tab"})))))})))}},30227(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectInput=SelectInput,exports.getInputComponent=getInputComponent;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _designInputs(){const data=__webpack_require__(94835);return _designInputs=function(){return data},data}function _designInputs2(){const data=__webpack_require__(34965);return _designInputs2=function(){return data},data}function _designInputs3(){const data=__webpack_require__(10657);return _designInputs3=function(){return data},data}function _designInputsSelectors(){const data=__webpack_require__(60909);return _designInputsSelectors=function(){return data},data}function _designUiInput(){const data=__webpack_require__(6635);return _designUiInput=function(){return data},data}function _designInputs4(){const data=__webpack_require__(67750);return _designInputs4=function(){return data},data}function _designInputs5(){const data=__webpack_require__(73745);return _designInputs5=function(){return data},data}function _useOverlay(){const data=__webpack_require__(8228);return _useOverlay=function(){return data},data}function _liveControlInputModule(){const data=_interopRequireDefault(__webpack_require__(97289));return _liveControlInputModule=function(){return data},data}function _overlayModule(){const data=_interopRequireDefault(__webpack_require__(16869));return _overlayModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ShortTextInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs().InputText,{className:_liveControlInputModule().default.inputText,id,value:inputValue,onChange:handleChange}))}function LongTextInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs2().TextArea,{id,value:inputValue,onChange:handleChange}))}function SelectInput({value,onChange,meta}){const triggerRef=_react().default.useRef(null),[selectedValue,setSelectedValue]=_react().default.useState(value||""),[open,setOpen]=_react().default.useState(!1);_react().default.useEffect(()=>{setSelectedValue(value||"")},[value]);const options=_react().default.useMemo(()=>meta?.options?meta.options.map(o=>typeof o=="string"?{label:o,value:o}:o):[],[meta]),placeholderContent=options.find(o=>o.value===selectedValue)?.label,{position,style}=(0,_useOverlay().useOverlay)(triggerRef,open,0,{paddingTop:8,paddingBottom:8}),commitSelection=v=>{onChange(v),setSelectedValue(v),setOpen(!1)};return _react().default.createElement("div",{ref:triggerRef,className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement("div",{className:_liveControlInputModule().default.fullWidthControl},_react().default.createElement(_designInputs3().Dropdown,{className:_liveControlInputModule().default.dropdownField,placeholderContent,open,onChange:(_,isOpen)=>setOpen(isOpen),position,dropClass:_overlayModule().default.suppressNativeMenu})),open&&style&&_react().default.createElement(_useOverlay().BitPortal,null,_react().default.createElement("div",{className:_overlayModule().default.overlay,style,onMouseDown:e=>e.stopPropagation()},options.map(option=>_react().default.createElement(_designInputsSelectors().MenuItem,{className:_liveControlInputModule().default.portalMenuItem,key:option.value,active:option.value===selectedValue,onClick:()=>commitSelection(option.value)},option.label)))))}function NumberInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||0);_react().default.useEffect(()=>{setInputValue(value||0)},[value]);const handleChange=e=>{const newValue=e.target.value;isNaN(Number(newValue))?console.error("Invalid number input",newValue):(onChange(Number(newValue)||0),setInputValue(Number(newValue)||0))};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs().InputText,{id,type:"number",value:inputValue,onChange:handleChange}))}function ColorPickerPortal(props){const[open,setOpen]=_react().default.useState(!1),triggerRef=_react().default.useRef(null),{position,style}=(0,_useOverlay().useOverlay)(triggerRef,open,4,{padding:16});return _react().default.createElement("div",{ref:triggerRef},_react().default.createElement(_designUiInput().ColorPicker,_extends({},props,{open,onChange:(_,isOpen)=>setOpen(isOpen),position,dropClass:_overlayModule().default.suppressNativeMenu})),open&&style&&_react().default.createElement(_useOverlay().BitPortal,null,_react().default.createElement("div",{className:_overlayModule().default.overlay,style,onMouseDown:e=>e.stopPropagation()},_react().default.createElement(_designUiInput().ColorsBox,{onColorSelect:color=>{props.onColorSelect?.(color),setOpen(!1)},colorsList:props.colorsList,showNoColor:props.showNoColor,selected:props.value??""}))))}function ColorInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=v=>{onChange(v),setInputValue(v)};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(ColorPickerPortal,{value:inputValue,onColorSelect:handleChange,allowCustomColor:!0}))}function DateInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(new Date(value));_react().default.useEffect(()=>{setInputValue(new Date(value))},[value]);const handleChange=newValue=>{newValue&&onChange(newValue.toISOString().split("T")[0]),setInputValue(newValue)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs4().DatePicker,{date:inputValue,onChange:handleChange}))}function ToggleInput({value,onChange}){const[isChecked,setIsChecked]=_react().default.useState(!!value);_react().default.useEffect(()=>{setIsChecked(!!value)},[value]);const handleChange=event=>{const nextChecked=event?.target?.checked??!isChecked;setIsChecked(nextChecked),onChange(nextChecked)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper,_liveControlInputModule().default.toggleWrapper)},_react().default.createElement("div",{className:_liveControlInputModule().default.toggleControl},_react().default.createElement(_designInputs5().Toggle,{checked:isChecked,onInputChanged:handleChange})))}function RangeInput({value,onChange,meta,id}){const[inputValue,setInputValue]=_react().default.useState(typeof value=="number"?value:0);_react().default.useEffect(()=>{setInputValue(typeof value=="number"?value:0)},[value]);const handleChange=e=>{const newValue=Number(e.target.value);isNaN(newValue)||(onChange(newValue),setInputValue(newValue))};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper,_liveControlInputModule().default.rangeWrapper)},_react().default.createElement("input",{id,className:_liveControlInputModule().default.rangeInput,type:"range",value:inputValue,min:meta?.min,max:meta?.max,step:meta?.step,onChange:handleChange}),_react().default.createElement("div",{className:_liveControlInputModule().default.rangeValue},inputValue))}function MultiSelectInput({value,onChange,meta,id}){const[selectedValues,setSelectedValues]=_react().default.useState(Array.isArray(value)?value:[]);_react().default.useEffect(()=>{setSelectedValues(Array.isArray(value)?value:[])},[value]);const options=_react().default.useMemo(()=>meta?.options?meta.options.map(option=>typeof option=="string"?{label:option,value:option}:option):[],[meta]),handleChange=e=>{const values=Array.from(e.target.selectedOptions).map(opt=>opt.value);onChange(values),setSelectedValues(values)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement("select",{id,className:_liveControlInputModule().default.multiSelect,multiple:!0,value:selectedValues,onChange:handleChange},options.map(option=>_react().default.createElement("option",{key:option.value,value:option.value},option.label))))}function CustomInput({value,onChange,meta,id}){return typeof meta?.render=="function"?_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},meta.render({value,onChange,id,options:meta.renderOptions})):_react().default.createElement(ShortTextInput,{id,value,onChange})}function JsonInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(JSON.stringify(value,null,2));_react().default.useEffect(()=>{setInputValue(JSON.stringify(value,null,2))},[value]);const[message,setMessage]=_react().default.useState(""),handleChange=e=>{const newValue=e.target.value;try{const parsedValue=JSON.parse(newValue);onChange(parsedValue),setMessage("")}catch{setMessage("Invalid JSON")}setInputValue(newValue)};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs2().TextArea,{id,value:inputValue,onChange:handleChange}),message&&_react().default.createElement("div",{style:{color:"red"}},message))}function getInputComponent(type){switch(type){case"text":return ShortTextInput;case"longtext":return LongTextInput;case"select":return SelectInput;case"number":return NumberInput;case"color":return ColorInput;case"date":return DateInput;case"boolean":return ToggleInput;case"range":return RangeInput;case"multiselect":return MultiSelectInput;case"json":return JsonInput;case"custom":return CustomInput;default:return console.warn(`Unknown input type: ${type}`),ShortTextInput}}},44849(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControls=LiveControls;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _liveControlPanelModule(){const data=_interopRequireDefault(__webpack_require__(68080));return _liveControlPanelModule=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControls({defs,values,onChange,renderLabel}){return _react().default.createElement("ul",{className:(0,_classnames().default)(_liveControlPanelModule().default.container)},defs.map(field=>{const key=field.id,InputComponent=(0,_liveControlInput().getInputComponent)(field.input||"text"),labelContent=renderLabel?renderLabel(field):field.label||field.id;return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlPanelModule().default.item)},_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlPanelModule().default.label)},_react().default.createElement("label",{htmlFor:`control-${key}`},labelContent)),_react().default.createElement("div",null,_react().default.createElement(InputComponent,{id:`control-${key}`,value:values[key],onChange:v=>onChange(key,v),meta:field})))}))}},68414(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControlsDiffPanel=LiveControlsDiffPanel;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(61941);return _compositionsUi=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(66955);return _baseUiLoaders=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(29751);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _liveControlsDiffPanelModule(){const data=_interopRequireDefault(__webpack_require__(6117));return _liveControlsDiffPanelModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}const WAIT_FOR_CONTROLS_MS=1200;function LiveControlsDiffPanel({resetKey,baseChannel,compareChannel,commonLabel="Common",baseLabel="Base",compareLabel="Compare",showEmptyState=!0,onStatusChange}){const lastResetKeyRef=(0,_react().useRef)(null),[isWaitingForFreshData,setIsWaitingForFreshData]=(0,_react().useState)(!0),waitTimeoutRef=(0,_react().useRef)(null),currentKey=`${baseChannel||""}-${compareChannel||""}-${resetKey||""}`,model=(0,_react().useMemo)(()=>new(_compositionsUi()).DiffControlsModel(baseChannel,compareChannel),[baseChannel,compareChannel]),allChannels=(0,_react().useMemo)(()=>{const channels=[model.baseChannel,model.compareChannel];return channels.includes("default")||channels.push("default"),[...new Set(channels)]},[model.baseChannel,model.compareChannel]),combined=(0,_compositionsUi().useLiveControls)(allChannels),{ready:combinedReady,setTimestamp}=combined;(0,_react().useEffect)(()=>{lastResetKeyRef.current!==currentKey&&(lastResetKeyRef.current=currentKey,setIsWaitingForFreshData(!0),setTimestamp(0))},[currentKey,setTimestamp]);const channelsReady=Boolean(baseChannel&&compareChannel),registryReady=combinedReady||model.isReady,controls=model.controls,hasControls=controls.length>0,hasSubscribers=model.hasSubscribers,prevRegistryReady=(0,_react().useRef)(registryReady);(0,_react().useEffect)(()=>{registryReady&&!prevRegistryReady.current&&isWaitingForFreshData&&setIsWaitingForFreshData(!1),prevRegistryReady.current=registryReady},[registryReady,isWaitingForFreshData]),(0,_react().useEffect)(()=>{if(!channelsReady||registryReady||!isWaitingForFreshData){waitTimeoutRef.current!==null&&(window.clearTimeout(waitTimeoutRef.current),waitTimeoutRef.current=null);return}return waitTimeoutRef.current=window.setTimeout(()=>{setIsWaitingForFreshData(!1),waitTimeoutRef.current=null},WAIT_FOR_CONTROLS_MS),()=>{waitTimeoutRef.current!==null&&(window.clearTimeout(waitTimeoutRef.current),waitTimeoutRef.current=null)}},[channelsReady,registryReady,isWaitingForFreshData,currentKey]);const status=(0,_react().useMemo)(()=>channelsReady?isWaitingForFreshData?"loading":!registryReady&&!hasSubscribers?"empty":hasControls?"available":"empty":"empty",[channelsReady,isWaitingForFreshData,registryReady,hasSubscribers,hasControls]);(0,_react().useEffect)(()=>{onStatusChange?.(status)},[status,onStatusChange]);const handleChange=(0,_react().useCallback)((control,value)=>{model.updateControl(control.id,value,control.source)},[model]);if(status==="loading")return _react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.loader},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"68px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"52px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"72px"}));if(status==="empty")return showEmptyState?_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyState},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateIconWrap},_react().default.createElement(_evangelistElements().Icon,{of:"scan-component",className:_liveControlsDiffPanelModule().default.emptyStateIcon,"aria-hidden":!0})),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateText},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateTitle},"No live controls"),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateSubtitle},"This composition does not expose live controls."))):null;const commonControls=controls.filter(c=>c.source==="common"),baseControls=controls.filter(c=>c.source==="base"),compareControls=controls.filter(c=>c.source==="compare"),hasBaseOrCompare=baseControls.length>0||compareControls.length>0,hasBaseAndCompare=baseControls.length>0&&compareControls.length>0,getControlValue=control=>model.getValueForControl(control.id,control.source),renderControlList=list=>_react().default.createElement("ul",{className:_liveControlsDiffPanelModule().default.controlsList},list.map(control=>{const inputType=control.input||"text",isWideControl=inputType==="longtext"||inputType==="multiselect"||inputType==="json",InputComponent=(0,_liveControlInput().getInputComponent)(inputType),key=`${control.id}-${control.source}`,value=getControlValue(control);return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlsDiffPanelModule().default.controlRow,isWideControl&&_liveControlsDiffPanelModule().default.controlRowWide)},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlMain},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlLabel},_react().default.createElement("label",{htmlFor:`control-${key}`},control.label||control.id)),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlInput},_react().default.createElement(InputComponent,{id:`control-${key}`,value,onChange:val=>handleChange(control,val),meta:control}))))}));return _react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.container},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnsLayout},commonControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},commonLabel),renderControlList(commonControls)),commonControls.length>0&&hasBaseOrCompare&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnDivider}),baseControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},baseLabel),renderControlList(baseControls)),hasBaseAndCompare&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnDivider}),compareControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},compareLabel),renderControlList(compareControls))))}},57297(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControlsRenderer=LiveControlsRenderer;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(61941);return _compositionsUi=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControlsRenderer(){const{hasLiveControls,ready,defs,values,onChange}=(0,_compositionsUi().useLiveControls)();return hasLiveControls?ready?_react().default.createElement(_liveControlPanel().LiveControls,{defs,values,onChange}):_react().default.createElement("div",{style:{padding:12,opacity:.7}},"No live controls available."):null}},8228(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitPortal=BitPortal,exports.useOverlay=useOverlay;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _reactDom(){const data=_interopRequireDefault(__webpack_require__(2163));return _reactDom=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}const GAP=4;function useOverlay(anchorRef,open,gap=GAP,extraStyle){const[position,setPosition]=_react().default.useState("bottom"),[style,setStyle]=_react().default.useState(null);return _react().default.useLayoutEffect(()=>{if(!open||!anchorRef.current)return;const rect=anchorRef.current.getBoundingClientRect(),below=window.innerHeight-rect.bottom-gap,above=rect.top-gap,pos=below<240&&above>below?"top":"bottom";setPosition(pos),setStyle(_objectSpread(_objectSpread({},extraStyle),{},{left:rect.left,maxWidth:rect.width,maxHeight:240,top:pos==="bottom"?rect.bottom+gap:void 0,bottom:pos==="top"?window.innerHeight-rect.top+gap:void 0}))},[open]),{position,style}}function BitPortal({children}){return _reactDom().default.createPortal(children,document.body)}},489(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}}),Object.defineProperty(exports,"LiveControls",{enumerable:!0,get:function(){return _liveControlPanel().LiveControls}}),Object.defineProperty(exports,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return _liveControlsDiffPanel().LiveControlsDiffPanel}}),Object.defineProperty(exports,"LiveControlsRenderer",{enumerable:!0,get:function(){return _liveControlsRenderer().LiveControlsRenderer}});function _compositionPreview(){const data=__webpack_require__(32362);return _compositionPreview=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _liveControlsDiffPanel(){const data=__webpack_require__(68414);return _liveControlsDiffPanel=function(){return data},data}function _liveControlsRenderer(){const data=__webpack_require__(57297);return _liveControlsRenderer=function(){return data},data}},39809(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDefaultControlsSchemaResponder=useDefaultControlsSchemaResponder;function _react(){const data=__webpack_require__(12888);return _react=function(){return data},data}function _apiReferenceHooks(){const data=__webpack_require__(19633);return _apiReferenceHooks=function(){return data},data}const DEFAULT_CONTROLS_REQUEST="composition-live-controls:request-default-controls",DEFAULT_CONTROLS_RESPONSE="composition-live-controls:default-controls";function useDefaultControlsSchemaResponder(componentId,enabled=!0){const pendingRequestsRef=(0,_react().useRef)([]),apiComponentId=enabled&&componentId?componentId:void 0,{apiModel}=(0,_apiReferenceHooks().useAPI)(apiComponentId,[],{skipInternals:!1}),schemaObject=(0,_react().useMemo)(()=>apiModel?._api?.toObject(),[apiModel]),respondWithSchema=(0,_react().useCallback)(request=>{if(!schemaObject)return!1;try{return request.source.postMessage({type:DEFAULT_CONTROLS_RESPONSE,payload:{id:request.id,name:request.name,schema:schemaObject}},request.origin||"*"),!0}catch{return!1}},[schemaObject]),onDefaultControlsRequest=(0,_react().useCallback)(event=>{if(!enabled||!componentId)return;const{data}=event;if(!data||data.type!==DEFAULT_CONTROLS_REQUEST)return;const payload=data.payload;if(!payload?.id||!payload?.name||payload.id!==componentId)return;const source=event.source;if(!source||source===window)return;const request={id:payload.id,name:payload.name,source,origin:event.origin||"*"};if(!schemaObject){pendingRequestsRef.current.push(request);return}respondWithSchema(request)},[componentId,enabled,respondWithSchema,schemaObject]);(0,_react().useEffect)(()=>{if(!enabled||!componentId){pendingRequestsRef.current=[];return}return window.addEventListener("message",onDefaultControlsRequest),()=>{window.removeEventListener("message",onDefaultControlsRequest)}},[componentId,enabled,onDefaultControlsRequest]),(0,_react().useEffect)(()=>{if(!schemaObject||pendingRequestsRef.current.length===0)return;const pending=pendingRequestsRef.current;pendingRequestsRef.current=[],pending.forEach(respondWithSchema)},[schemaObject,respondWithSchema])}},10623(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AccountTypes=void 0,exports.Avatar=Avatar;const react_1=__importDefault(__webpack_require__(12888)),default_avatar_1=__webpack_require__(19963),org_avatar_1=__webpack_require__(71962),user_avatar_1=__webpack_require__(82823);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar(_a){var{account}=_a,rest=__rest(_a,["account"]);if(!account)return react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest));const{type,name,displayName,image}=account,accountObj={name,displayName,profileImage:image};return type==="user"?react_1.default.createElement(user_avatar_1.UserAvatar,Object.assign({account:accountObj},rest)):type==="org"?react_1.default.createElement(org_avatar_1.OrgAvatar,Object.assign({account:accountObj},rest)):react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest))}},19963(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=DefaultAvatar;const react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),styles_module_scss_1=__importDefault(__webpack_require__(64211));function DefaultAvatar(_a){var{size=32,children,className}=_a,rest=__rest(_a,["size","children","className"]);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{width:`${size}px`,height:`${size}px`,fontSize:`${size*.35}px`,lineHeight:`${size}px`}},rest),"?",children)}},19988(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=exports.UserAvatar=__webpack_unused_export__=__webpack_unused_export__=void 0;var avatar_1=__webpack_require__(10623);__webpack_unused_export__={enumerable:!0,get:function(){return avatar_1.AccountTypes}},__webpack_unused_export__={enumerable:!0,get:function(){return avatar_1.Avatar}};var user_avatar_1=__webpack_require__(82823);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(71962);__webpack_unused_export__={enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}};var default_avatar_1=__webpack_require__(19963);__webpack_unused_export__={enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}}},71962(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrgAvatar=OrgAvatar;const react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),styles_module_scss_1=__importDefault(__webpack_require__(64211));function OrgAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,widthStretch=!0,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","widthStretch","children"]);const{profileImage=""}=account,profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor,widthStretch);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,imgClassName)}),!profileImage&&react_1.default.createElement("span",{className:styles_module_scss_1.default.defaultAvatar},react_1.default.createElement("i",{className:"bitcon-organization",style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}})),children)}},82823(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.UserAvatar=UserAvatar;const react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),design_elements_icon_1=__webpack_require__(516),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),toolbox_string_get_initials_1=__webpack_require__(76137),design_ui_styles_colors_by_letter_1=__webpack_require__(56104),design_ui_styles_ellipsis_1=__webpack_require__(38348),design_ui_tooltip_1=__webpack_require__(62634),styles_module_scss_1=__importDefault(__webpack_require__(64211));function UserAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,tooltipPlacement="bottom",extendTooltipContent,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","showTooltip","tooltipPlacement","extendTooltipContent","children"]);const{profileImage="",name="",displayName=""}=account,firstLetter=name[0]||displayName[0],profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor),colors=firstLetter&&design_ui_styles_colors_by_letter_1.letterBgColors[firstLetter.toLowerCase()],avatar=react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(colors,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),(displayName||name)&&react_1.default.createElement("span",{className:styles_module_scss_1.default.letter,style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}},(0,toolbox_string_get_initials_1.getInitials)(displayName||name)),!displayName&&!name&&!profileImageWithParams&&!firstLetter&&react_1.default.createElement(design_elements_icon_1.Icon,{of:"solo-avatar",style:{fontSize:`${size}px`},className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,styles_module_scss_1.default.soloAvatarIcon)}),children);return showTooltip?react_1.default.createElement(design_ui_tooltip_1.Tooltip,{placement:tooltipPlacement,content:react_1.default.createElement("div",{className:design_ui_styles_ellipsis_1.ellipsis},react_1.default.createElement("span",null,displayName?react_1.default.createElement(react_1.default.Fragment,null,displayName," (@",name,")"):react_1.default.createElement(react_1.default.Fragment,null,"@",name)),extendTooltipContent)},avatar):avatar}},52464(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(89587);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},89587(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=TimeAgo;const react_1=__importStar(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(28042)),design_ui_tooltip_1=__webpack_require__(62634),time_ago_module_scss_1=__importDefault(__webpack_require__(66018));function TimeAgo(_a){var{date,tooltip,className}=_a,rest=__rest(_a,["date","tooltip","className"]);const[refreshIdx,forceUpdate]=(0,react_1.useReducer)(x=>x+1,0);(0,react_1.useEffect)(()=>{const tId=setInterval(()=>forceUpdate(),6e4);return()=>clearInterval(tId)},[]);const formatted=(0,react_1.useMemo)(()=>(0,base_ui_utils_time_ago_1.default)(date),[date,refreshIdx]);return(element=>tooltip===void 0?element:react_1.default.createElement(design_ui_tooltip_1.Tooltip,{className:time_ago_module_scss_1.default.dateTooltip,placement:"top",content:react_1.default.createElement("div",{className:time_ago_module_scss_1.default.dateTooltipContent},tooltip)},element))(react_1.default.createElement("span",Object.assign({},rest,{className:(0,classnames_1.default)(className)}),formatted))}},62634(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tippy=exports.useSingleton=exports.TooltipMountPoint=exports.SingletonTooltipProvider=exports.useCtxTooltipInstance=exports.ProvideTooltipInstance=exports.Tooltip=void 0;var tooltip_1=__webpack_require__(29);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(333);Object.defineProperty(exports,"ProvideTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.ProvideTooltipInstance}}),Object.defineProperty(exports,"useCtxTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.useCtxTooltipInstance}});var singleton_instance_1=__webpack_require__(15643);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(66872);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(13032);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},66872(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.mountId=void 0,exports.getMountPoint=getMountPoint,exports.TooltipMountPoint=TooltipMountPoint;const react_1=__importDefault(__webpack_require__(12888));exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}function TooltipMountPoint(){return react_1.default.createElement("div",{id:exports.mountId})}},333(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProvideTooltipInstance=ProvideTooltipInstance,exports.useCtxTooltipInstance=useCtxTooltipInstance;const react_1=__importStar(__webpack_require__(12888)),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return react_1.default.createElement(singletonContext.Provider,{value},children)}function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}},15643(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SingletonTooltipProvider=SingletonTooltipProvider;const react_1=__importDefault(__webpack_require__(12888)),react_2=__webpack_require__(13032),shared_instance_1=__webpack_require__(333),tooltip_1=__webpack_require__(29);function SingletonTooltipProvider(_a){var{children,disabled,overrides}=_a,rest=__rest(_a,["children","disabled","overrides"]);const[tooltipSource,tooltipTarget]=(0,react_2.useSingleton)({disabled,overrides});return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(tooltip_1.Tooltip,Object.assign({},rest,{singleton:tooltipSource})),react_1.default.createElement(shared_instance_1.ProvideTooltipInstance,{value:tooltipTarget},children))}},29(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tooltip=Tooltip;const react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(53663),base_ui_theme_dark_theme_1=__webpack_require__(23300),react_2=__importDefault(__webpack_require__(13032)),tippy_js_1=__webpack_require__(16406);__webpack_require__(27531),__webpack_require__(57863);const mount_point_1=__webpack_require__(66872),shared_instance_1=__webpack_require__(333);__webpack_require__(14519);const THEME="teambit",FORWARD_REF=Symbol.for("react.forward_ref"),MEMO=Symbol.for("react.memo");function acceptsRef(node){var _a,_b;if(!react_1.default.isValidElement(node))return!1;const type=node.type;if(typeof type=="string"||!((_a=type?.prototype)===null||_a===void 0)&&_a.isReactComponent||type?.$$typeof===FORWARD_REF)return!0;if(type?.$$typeof===MEMO){const inner=type.type;return typeof inner=="string"||inner?.$$typeof===FORWARD_REF||!!(!((_b=inner?.prototype)===null||_b===void 0)&&_b.isReactComponent)}return!1}const popperOptions={modifiers:[{name:"arrow",options:{padding:5}}]};function Tooltip(_a){var{children,breakline,singleton,visibleOnMobile,className}=_a,rest=__rest(_a,["children","breakline","singleton","visibleOnMobile","className"]);const isMobile=(0,ui_foundation_ui_hooks_use_is_mobile_1.useIsMobile)();if(!visibleOnMobile&&isMobile)return react_1.default.createElement(react_1.default.Fragment,null,children);const ctxInstance=(0,shared_instance_1.useCtxTooltipInstance)(),singletonInstance=singleton||ctxInstance,child=acceptsRef(children)?children:react_1.default.createElement("span",null,children);return react_1.default.createElement(react_2.default,Object.assign({arrow:tippy_js_1.roundArrow,className:(0,classnames_1.default)(base_ui_theme_dark_theme_1.darkMode,breakline&&"tippy-breakLine",className),theme:THEME,interactive:!0,appendTo:mount_point_1.getMountPoint,popperOptions},rest,{singleton:singletonInstance}),child)}},90896(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsFields=void 0,exports.useDocs=useDocs;const client_1=__webpack_require__(6083);exports.docsFields=(0,client_1.gql)`
708
+ `},92308(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(55786);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(94653);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(88439);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip,context}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id,context)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},88439(){"use strict"},23403(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},68089(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),base_ui_loaders_skeleton_1=__webpack_require__(66955),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(30776));function CompositionCardSkeleton(){return(0,jsx_runtime_1.jsxs)("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton,children:[(0,jsx_runtime_1.jsx)(PreviewSkeleton,{}),(0,jsx_runtime_1.jsx)("div",{className:composition_card_skeleton_module_scss_1.default.bottom,children:(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})})]})}function PreviewSkeleton(){return(0,jsx_runtime_1.jsxs)("div",{className:composition_card_skeleton_module_scss_1.default.preview,children:[(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"})]})}},48216(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(68089);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},38527(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=void 0;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),evangelist_elements_icon_1=__webpack_require__(29751),compositions_1=__webpack_require__(24010),design_ui_styles_ellipsis_1=__webpack_require__(38348),composition_card_module_scss_1=__importDefault(__webpack_require__(49098));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard({composition,component,className,openCompositionLink,previewClass,queryParams,sandbox,...rest}){const Composition=react_1.default.useMemo(()=>(0,jsx_runtime_1.jsx)(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!0,loading:"lazy",composition,component,viewport:1280,queryParams,previewName:"compositions",sandbox}),[composition.identifier,component.id.toString(),previewClass,sandbox]);return(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className),children:[(0,jsx_runtime_1.jsx)("div",{className:composition_card_module_scss_1.default.compositionPreview,children:Composition}),(0,jsx_runtime_1.jsxs)("div",{className:composition_card_module_scss_1.default.bottom,children:[(0,jsx_runtime_1.jsx)("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName),children:composition.displayName}),openCompositionLink&&(0,jsx_runtime_1.jsx)("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink,children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"})})]})]},composition.identifier)}},23778(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(38527);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(48216);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},70532(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=humanizeCompositionId;const humanize_string_1=__importDefault(__webpack_require__(64744));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}},36261(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(70532);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},22645(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=CompositionGallerySkeleton;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_loaders_skeleton_1=__webpack_require__(66955),composition_card_1=__webpack_require__(23778),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(57524));function CompositionGallerySkeleton({compositionsLength,className,...rest}){const length=Array.from(Array(compositionsLength));return(0,jsx_runtime_1.jsxs)("div",{...rest,className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className),children:[(0,jsx_runtime_1.jsx)(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid),children:length.map((_,index)=>(0,jsx_runtime_1.jsx)(composition_card_1.CompositionCardSkeleton,{},`comp-card-skeleton-${index}`))})]})}},13156(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(22645);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},91339(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallery=CompositionGallery;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),design_elements_icon_1=__webpack_require__(516),documenter_ui_linked_heading_1=__webpack_require__(59196),base_react_navigation_link_1=__webpack_require__(19304),composition_card_1=__webpack_require__(23778),composition_gallery_module_scss_1=__importDefault(__webpack_require__(44362));function CompositionGallery({component,sandbox}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?(0,jsx_runtime_1.jsxs)("div",{className:composition_gallery_module_scss_1.default.compositionGallery,children:[(0,jsx_runtime_1.jsxs)(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title,children:[(0,jsx_runtime_1.jsx)(design_elements_icon_1.Icon,{of:"eye"})," ",(0,jsx_runtime_1.jsx)("span",{children:"PREVIEW"})]}),(0,jsx_runtime_1.jsx)("div",{className:composition_gallery_module_scss_1.default.carousel,children:component.compositions.map(composition=>(0,jsx_runtime_1.jsx)(composition_card_1.CompositionCard,{onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component,queryParams:"disableCta=true",sandbox},composition.identifier.toLowerCase()))})]}):null}},55970(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(91339);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(13156);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},75320(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(36261);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},83453(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},57223(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(83040);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(994));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(83268));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(10286);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(52696);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(25877);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(34369);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(618);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(7422);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(21245);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(39084);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(53663);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(48852);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(45348);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(63698);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(15065);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(42294);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(938);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(19304);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(76712);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(4080);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(62634);return _designUi4=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(29751);return _evangelistElements=function(){return data},data}function _compositionsUi2(){const data=__webpack_require__(61941);return _compositionsUi2=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(53298));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(46592);return _compositionsPanel=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _useDefaultControlsSchemaResponder(){const data=__webpack_require__(39809);return _useDefaultControlsSchemaResponder=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState","sandbox"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState,usePreviewSandboxSlot,usePreviewPropsSlot,enableLiveControls=!0}){const component=(0,_react().useContext)(_component().ComponentContext),componentIdStr=component.id.toString(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),[sandboxValue,setSandboxValue]=(0,_react().useState)(""),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition,(0,_useDefaultControlsSchemaResponder().useDefaultControlsSchemaResponder)(componentIdStr,enableLiveControls);const properties=(0,_docsUiQueries().useDocs)(component.id),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],previewPropsHooks=usePreviewPropsSlot?.values()??[],showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)(()=>enableLiveControls?{fullscreen:!0,livecontrols:!0}:{fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]),[collapsedCompositions,setCollapsedCompositions]=(0,_react().useState)(()=>new Set),[isDraggingTray,setIsDraggingTray]=(0,_react().useState)(!1),trayRef=(0,_react().useRef)(null),[trayHeight,setTrayHeight]=(0,_react().useState)(null),{ready,defs,values,onChange}=(0,_compositionsUi2().useLiveControls)(),onResizeStripMouseDown=(0,_react().useCallback)(e=>{if(e.button!==0)return;e.preventDefault();const startY=e.clientY,startHeight=trayRef.current?.offsetHeight??0,parentHeight=trayRef.current?.parentElement?.clientHeight??window.innerHeight,maxHeight=Math.max(120,parentHeight-80);setIsDraggingTray(!0),document.body.style.cursor="ns-resize",document.body.style.userSelect="none";let pendingHeight=startHeight,rafScheduled=!1;const applyHeight=()=>{rafScheduled=!1,trayRef.current&&(trayRef.current.style.height=`${pendingHeight}px`)},onMove=ev=>{const delta=startY-ev.clientY;pendingHeight=Math.max(120,Math.min(maxHeight,startHeight+delta)),rafScheduled||(rafScheduled=!0,requestAnimationFrame(applyHeight))},onUp=()=>{setIsDraggingTray(!1),setTrayHeight(pendingHeight),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("mousemove",onMove),document.removeEventListener("mouseup",onUp)};document.addEventListener("mousemove",onMove),document.addEventListener("mouseup",onUp)},[]);(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),(0,_react().useEffect)(()=>{if(enableLiveControls){setCompositionParams(current=>current.livecontrols===!0?current:_objectSpread(_objectSpread({},current),{},{livecontrols:!0}));return}setCompositionParams(current=>{if(!("livecontrols"in current))return current;const next=_objectSpread({},current);return delete next.livecontrols,next})},[enableLiveControls]);const currentCompositionHasControls=ready&&defs.length>0,currentCompositionIdentifier=currentComposition?.identifier,isTrayCollapsedForCurrent=!!currentCompositionIdentifier&&collapsedCompositions.has(currentCompositionIdentifier),showControlsTray=currentCompositionHasControls,isTrayCollapsed=showControlsTray&&isTrayCollapsedForCurrent,toggleTrayCollapsed=(0,_react().useCallback)(()=>{!currentCompositionIdentifier||setCollapsedCompositions(prev=>{const next=new Set(prev);return next.has(currentCompositionIdentifier)?next.delete(currentCompositionIdentifier):next.add(currentCompositionIdentifier),next})},[currentCompositionIdentifier]);return _react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"80%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_designUi4().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.toolbarButton},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"})))),_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),_react().default.createElement("div",{className:_compositionsModule().default.previewArea},isDraggingTray&&_react().default.createElement("div",{className:_compositionsModule().default.dragOverlay}),_react().default.createElement(_previewUi().PreviewPropsAggregator,{hooks:previewPropsHooks,component},previewAttrs=>_react().default.createElement(CompositionContent,_extends({},previewAttrs,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams,sandbox:sandboxValue}))),showControlsTray&&_react().default.createElement(LiveControlsTray,{trayRef,collapsed:isTrayCollapsed,height:trayHeight,ready,defs,values,onChange,onResizeStripMouseDown,onToggleExpanded:toggleTrayCollapsed}))),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,hasLiveControls:currentCompositionHasControls,liveControlsActive:currentCompositionHasControls&&!isTrayCollapsedForCurrent,onToggleLiveControls:toggleTrayCollapsed,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams(searchParams);versionFromQueryParams&&urlParams.set("version",versionFromQueryParams);const newPath=pathSegments.join("/");navigate(`/${newPath}?${urlParams.toString()}`)},url:compositionUrl,compositions:component.compositions,active:currentComposition})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function LiveControlsTray({trayRef,collapsed,height,ready,defs,values,onChange,onResizeStripMouseDown,onToggleExpanded}){const trayStyle=collapsed||height===null?void 0:{height};return _react().default.createElement("div",{ref:trayRef,className:(0,_classnames().default)(_compositionsModule().default.controlsTray,collapsed&&_compositionsModule().default.controlsTrayCollapsed),style:trayStyle},!collapsed&&_react().default.createElement("div",{className:_compositionsModule().default.trayResizeStrip,onMouseDown:onResizeStripMouseDown,role:"separator","aria-orientation":"horizontal","aria-label":"Resize live controls",title:"Drag to resize"},_react().default.createElement("div",{className:_compositionsModule().default.trayDragBar})),_react().default.createElement("div",{className:_compositionsModule().default.trayHeaderInner,onClick:onToggleExpanded,role:"button",tabIndex:0,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),onToggleExpanded())},title:collapsed?"Click to expand":"Click to collapse"},_react().default.createElement("div",{className:_compositionsModule().default.trayTitleRow},_react().default.createElement(_evangelistElements().Icon,{of:"settings",className:_compositionsModule().default.trayIcon}),_react().default.createElement("span",{className:_compositionsModule().default.trayTitle},"Live Controls"),ready&&defs.length>0&&_react().default.createElement("span",{className:_compositionsModule().default.trayBadge},defs.length)),_react().default.createElement("span",{className:(0,_classnames().default)(_compositionsModule().default.trayCollapseIcon,collapsed&&_compositionsModule().default.trayCollapseIconCollapsed),"aria-hidden":!0},_react().default.createElement(_evangelistElements().Icon,{of:"right-rounded-corners"}))),!collapsed&&_react().default.createElement("div",{className:_compositionsModule().default.trayBody},ready?_react().default.createElement(_liveControlPanel().LiveControls,{defs,values,onChange}):_react().default.createElement("div",{className:_compositionsModule().default.trayEmpty},"No live controls available for this composition")))}function CompositionContent(_ref){let{component,selected,queryParams,emptyState,sandbox}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams,sandbox},componentCompositionProps))}},24010(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),Object.defineProperty(exports,"LiveControls",{enumerable:!0,get:function(){return _ui().LiveControls}}),Object.defineProperty(exports,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return _ui().LiveControlsDiffPanel}}),Object.defineProperty(exports,"LiveControlsRenderer",{enumerable:!0,get:function(){return _ui().LiveControlsRenderer}}),exports.default=void 0,Object.defineProperty(exports,"useDefaultControlsSchemaResponder",{enumerable:!0,get:function(){return _useDefaultControlsSchemaResponder().useDefaultControlsSchemaResponder}});function _compositions(){const data=__webpack_require__(83453);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(75320);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(57223);return _compositions2=function(){return data},data}function _useDefaultControlsSchemaResponder(){const data=__webpack_require__(39809);return _useDefaultControlsSchemaResponder=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},32362(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams,propagateError:isMinimal}))}},46592(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(29751);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(83040);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(75216);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(62634);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(19304);return _baseReactNavigation=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(61941);return _compositionsUi=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(13107));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","onToggleLiveControls","hasLiveControls","liveControlsActive","active","includesEnvTemplate","useNameParam","className"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,onToggleLiveControls,hasLiveControls,liveControlsActive,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{setTimestamp}=(0,_compositionsUi().useLiveControls)(),shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected),selected!==active&&setTimestamp(0)},[onSelect,active,setTimestamp]),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault(),setTimestamp(0);const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,navigate,setTimestamp,versionFromQueryParams]);return _react().default.createElement("div",{className:_compositionsPanelModule().default.container},_react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(_compositionsPanelModule().default.compositionsList,className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.compositionItem,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.itemActions},hasLiveControls&&onToggleLiveControls&&composition===active&&_react().default.createElement(_designUi().Tooltip,{content:liveControlsActive?"Hide live controls":"Show live controls",placement:"bottom"},_react().default.createElement("button",{type:"button","aria-label":liveControlsActive?"Hide live controls":"Show live controls",className:(0,_classnames().default)(_compositionsPanelModule().default.actionIcon,_compositionsPanelModule().default.iconButton,liveControlsActive&&_compositionsPanelModule().default.actionIconActive),onClick:e=>{e.preventDefault(),e.stopPropagation(),onToggleLiveControls()}},_react().default.createElement(_evangelistElements().Icon,{of:"settings"}))),_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.actionIcon,icon:"Code",tooltipContent:"View source",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:(0,_classnames().default)(_compositionsPanelModule().default.actionIcon,_compositionsPanelModule().default.iconLink),target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{of:"open-tab"})))))})))}},30227(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectInput=SelectInput,exports.getInputComponent=getInputComponent;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _designInputs(){const data=__webpack_require__(94835);return _designInputs=function(){return data},data}function _designInputs2(){const data=__webpack_require__(34965);return _designInputs2=function(){return data},data}function _designInputs3(){const data=__webpack_require__(10657);return _designInputs3=function(){return data},data}function _designInputsSelectors(){const data=__webpack_require__(60909);return _designInputsSelectors=function(){return data},data}function _designUiInput(){const data=__webpack_require__(6635);return _designUiInput=function(){return data},data}function _designInputs4(){const data=__webpack_require__(67750);return _designInputs4=function(){return data},data}function _designInputs5(){const data=__webpack_require__(73745);return _designInputs5=function(){return data},data}function _useOverlay(){const data=__webpack_require__(8228);return _useOverlay=function(){return data},data}function _liveControlInputModule(){const data=_interopRequireDefault(__webpack_require__(97289));return _liveControlInputModule=function(){return data},data}function _overlayModule(){const data=_interopRequireDefault(__webpack_require__(16869));return _overlayModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ShortTextInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs().InputText,{className:_liveControlInputModule().default.inputText,id,value:inputValue,onChange:handleChange}))}function LongTextInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs2().TextArea,{id,value:inputValue,onChange:handleChange}))}function SelectInput({value,onChange,meta}){const triggerRef=_react().default.useRef(null),[selectedValue,setSelectedValue]=_react().default.useState(value||""),[open,setOpen]=_react().default.useState(!1);_react().default.useEffect(()=>{setSelectedValue(value||"")},[value]);const options=_react().default.useMemo(()=>meta?.options?meta.options.map(o=>typeof o=="string"?{label:o,value:o}:o):[],[meta]),placeholderContent=options.find(o=>o.value===selectedValue)?.label,{position,style}=(0,_useOverlay().useOverlay)(triggerRef,open,0,{paddingTop:8,paddingBottom:8}),commitSelection=v=>{onChange(v),setSelectedValue(v),setOpen(!1)};return _react().default.createElement("div",{ref:triggerRef,className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement("div",{className:_liveControlInputModule().default.fullWidthControl},_react().default.createElement(_designInputs3().Dropdown,{className:_liveControlInputModule().default.dropdownField,placeholderContent,open,onChange:(_,isOpen)=>setOpen(isOpen),position,dropClass:_overlayModule().default.suppressNativeMenu})),open&&style&&_react().default.createElement(_useOverlay().BitPortal,null,_react().default.createElement("div",{className:_overlayModule().default.overlay,style,onMouseDown:e=>e.stopPropagation()},options.map(option=>_react().default.createElement(_designInputsSelectors().MenuItem,{className:_liveControlInputModule().default.portalMenuItem,key:option.value,active:option.value===selectedValue,onClick:()=>commitSelection(option.value)},option.label)))))}function NumberInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(value||0);_react().default.useEffect(()=>{setInputValue(value||0)},[value]);const handleChange=e=>{const newValue=e.target.value;isNaN(Number(newValue))?console.error("Invalid number input",newValue):(onChange(Number(newValue)||0),setInputValue(Number(newValue)||0))};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs().InputText,{id,type:"number",value:inputValue,onChange:handleChange}))}function ColorPickerPortal(props){const[open,setOpen]=_react().default.useState(!1),triggerRef=_react().default.useRef(null),{position,style}=(0,_useOverlay().useOverlay)(triggerRef,open,4,{padding:16});return _react().default.createElement("div",{ref:triggerRef},_react().default.createElement(_designUiInput().ColorPicker,_extends({},props,{open,onChange:(_,isOpen)=>setOpen(isOpen),position,dropClass:_overlayModule().default.suppressNativeMenu})),open&&style&&_react().default.createElement(_useOverlay().BitPortal,null,_react().default.createElement("div",{className:_overlayModule().default.overlay,style,onMouseDown:e=>e.stopPropagation()},_react().default.createElement(_designUiInput().ColorsBox,{onColorSelect:color=>{props.onColorSelect?.(color),setOpen(!1)},colorsList:props.colorsList,showNoColor:props.showNoColor,selected:props.value??""}))))}function ColorInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=v=>{onChange(v),setInputValue(v)};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(ColorPickerPortal,{value:inputValue,onColorSelect:handleChange,allowCustomColor:!0}))}function DateInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(new Date(value));_react().default.useEffect(()=>{setInputValue(new Date(value))},[value]);const handleChange=newValue=>{newValue&&onChange(newValue.toISOString().split("T")[0]),setInputValue(newValue)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs4().DatePicker,{date:inputValue,onChange:handleChange}))}function ToggleInput({value,onChange}){const[isChecked,setIsChecked]=_react().default.useState(!!value);_react().default.useEffect(()=>{setIsChecked(!!value)},[value]);const handleChange=event=>{const nextChecked=event?.target?.checked??!isChecked;setIsChecked(nextChecked),onChange(nextChecked)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper,_liveControlInputModule().default.toggleWrapper)},_react().default.createElement("div",{className:_liveControlInputModule().default.toggleControl},_react().default.createElement(_designInputs5().Toggle,{checked:isChecked,onInputChanged:handleChange})))}function RangeInput({value,onChange,meta,id}){const[inputValue,setInputValue]=_react().default.useState(typeof value=="number"?value:0);_react().default.useEffect(()=>{setInputValue(typeof value=="number"?value:0)},[value]);const handleChange=e=>{const newValue=Number(e.target.value);isNaN(newValue)||(onChange(newValue),setInputValue(newValue))};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper,_liveControlInputModule().default.rangeWrapper)},_react().default.createElement("input",{id,className:_liveControlInputModule().default.rangeInput,type:"range",value:inputValue,min:meta?.min,max:meta?.max,step:meta?.step,onChange:handleChange}),_react().default.createElement("div",{className:_liveControlInputModule().default.rangeValue},inputValue))}function MultiSelectInput({value,onChange,meta,id}){const[selectedValues,setSelectedValues]=_react().default.useState(Array.isArray(value)?value:[]);_react().default.useEffect(()=>{setSelectedValues(Array.isArray(value)?value:[])},[value]);const options=_react().default.useMemo(()=>meta?.options?meta.options.map(option=>typeof option=="string"?{label:option,value:option}:option):[],[meta]),handleChange=e=>{const values=Array.from(e.target.selectedOptions).map(opt=>opt.value);onChange(values),setSelectedValues(values)};return _react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement("select",{id,className:_liveControlInputModule().default.multiSelect,multiple:!0,value:selectedValues,onChange:handleChange},options.map(option=>_react().default.createElement("option",{key:option.value,value:option.value},option.label))))}function CustomInput({value,onChange,meta,id}){return typeof meta?.render=="function"?_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},meta.render({value,onChange,id,options:meta.renderOptions})):_react().default.createElement(ShortTextInput,{id,value,onChange})}function JsonInput({value,onChange,id}){const[inputValue,setInputValue]=_react().default.useState(JSON.stringify(value,null,2));_react().default.useEffect(()=>{setInputValue(JSON.stringify(value,null,2))},[value]);const[message,setMessage]=_react().default.useState(""),handleChange=e=>{const newValue=e.target.value;try{const parsedValue=JSON.parse(newValue);onChange(parsedValue),setMessage("")}catch{setMessage("Invalid JSON")}setInputValue(newValue)};return _react().default.createElement("div",{className:_liveControlInputModule().default.wrapper},_react().default.createElement(_designInputs2().TextArea,{id,value:inputValue,onChange:handleChange}),message&&_react().default.createElement("div",{style:{color:"red"}},message))}function getInputComponent(type){switch(type){case"text":return ShortTextInput;case"longtext":return LongTextInput;case"select":return SelectInput;case"number":return NumberInput;case"color":return ColorInput;case"date":return DateInput;case"boolean":return ToggleInput;case"range":return RangeInput;case"multiselect":return MultiSelectInput;case"json":return JsonInput;case"custom":return CustomInput;default:return console.warn(`Unknown input type: ${type}`),ShortTextInput}}},44849(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControls=LiveControls;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _liveControlPanelModule(){const data=_interopRequireDefault(__webpack_require__(68080));return _liveControlPanelModule=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControls({defs,values,onChange,renderLabel}){return _react().default.createElement("ul",{className:(0,_classnames().default)(_liveControlPanelModule().default.container)},defs.map(field=>{const key=field.id,InputComponent=(0,_liveControlInput().getInputComponent)(field.input||"text"),labelContent=renderLabel?renderLabel(field):field.label||field.id;return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlPanelModule().default.item)},_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlPanelModule().default.label)},_react().default.createElement("label",{htmlFor:`control-${key}`},labelContent)),_react().default.createElement("div",null,_react().default.createElement(InputComponent,{id:`control-${key}`,value:values[key],onChange:v=>onChange(key,v),meta:field})))}))}},68414(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControlsDiffPanel=LiveControlsDiffPanel;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(61941);return _compositionsUi=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(66955);return _baseUiLoaders=function(){return data},data}function _evangelistElements(){const data=__webpack_require__(29751);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _liveControlsDiffPanelModule(){const data=_interopRequireDefault(__webpack_require__(6117));return _liveControlsDiffPanelModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}const WAIT_FOR_CONTROLS_MS=1200;function LiveControlsDiffPanel({resetKey,baseChannel,compareChannel,commonLabel="Common",baseLabel="Base",compareLabel="Compare",showEmptyState=!0,onStatusChange}){const lastResetKeyRef=(0,_react().useRef)(null),[isWaitingForFreshData,setIsWaitingForFreshData]=(0,_react().useState)(!0),waitTimeoutRef=(0,_react().useRef)(null),currentKey=`${baseChannel||""}-${compareChannel||""}-${resetKey||""}`,model=(0,_react().useMemo)(()=>new(_compositionsUi()).DiffControlsModel(baseChannel,compareChannel),[baseChannel,compareChannel]),allChannels=(0,_react().useMemo)(()=>{const channels=[model.baseChannel,model.compareChannel];return channels.includes("default")||channels.push("default"),[...new Set(channels)]},[model.baseChannel,model.compareChannel]),combined=(0,_compositionsUi().useLiveControls)(allChannels),{ready:combinedReady,setTimestamp}=combined;(0,_react().useEffect)(()=>{lastResetKeyRef.current!==currentKey&&(lastResetKeyRef.current=currentKey,setIsWaitingForFreshData(!0),setTimestamp(0))},[currentKey,setTimestamp]);const channelsReady=Boolean(baseChannel&&compareChannel),registryReady=combinedReady||model.isReady,controls=model.controls,hasControls=controls.length>0,hasSubscribers=model.hasSubscribers,prevRegistryReady=(0,_react().useRef)(registryReady);(0,_react().useEffect)(()=>{registryReady&&!prevRegistryReady.current&&isWaitingForFreshData&&setIsWaitingForFreshData(!1),prevRegistryReady.current=registryReady},[registryReady,isWaitingForFreshData]),(0,_react().useEffect)(()=>{if(!channelsReady||registryReady||!isWaitingForFreshData){waitTimeoutRef.current!==null&&(window.clearTimeout(waitTimeoutRef.current),waitTimeoutRef.current=null);return}return waitTimeoutRef.current=window.setTimeout(()=>{setIsWaitingForFreshData(!1),waitTimeoutRef.current=null},WAIT_FOR_CONTROLS_MS),()=>{waitTimeoutRef.current!==null&&(window.clearTimeout(waitTimeoutRef.current),waitTimeoutRef.current=null)}},[channelsReady,registryReady,isWaitingForFreshData,currentKey]);const status=(0,_react().useMemo)(()=>channelsReady?isWaitingForFreshData?"loading":!registryReady&&!hasSubscribers?"empty":hasControls?"available":"empty":"empty",[channelsReady,isWaitingForFreshData,registryReady,hasSubscribers,hasControls]);(0,_react().useEffect)(()=>{onStatusChange?.(status)},[status,onStatusChange]);const handleChange=(0,_react().useCallback)((control,value)=>{model.updateControl(control.id,value,control.source)},[model]);if(status==="loading")return _react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.loader},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"68px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"52px"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"72px"}));if(status==="empty")return showEmptyState?_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyState},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateIconWrap},_react().default.createElement(_evangelistElements().Icon,{of:"scan-component",className:_liveControlsDiffPanelModule().default.emptyStateIcon,"aria-hidden":!0})),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateText},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateTitle},"No live controls"),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.emptyStateSubtitle},"This composition does not expose live controls."))):null;const commonControls=controls.filter(c=>c.source==="common"),baseControls=controls.filter(c=>c.source==="base"),compareControls=controls.filter(c=>c.source==="compare"),hasBaseOrCompare=baseControls.length>0||compareControls.length>0,hasBaseAndCompare=baseControls.length>0&&compareControls.length>0,getControlValue=control=>model.getValueForControl(control.id,control.source),renderControlList=list=>_react().default.createElement("ul",{className:_liveControlsDiffPanelModule().default.controlsList},list.map(control=>{const inputType=control.input||"text",isWideControl=inputType==="longtext"||inputType==="multiselect"||inputType==="json",InputComponent=(0,_liveControlInput().getInputComponent)(inputType),key=`${control.id}-${control.source}`,value=getControlValue(control);return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlsDiffPanelModule().default.controlRow,isWideControl&&_liveControlsDiffPanelModule().default.controlRowWide)},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlMain},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlLabel},_react().default.createElement("label",{htmlFor:`control-${key}`},control.label||control.id)),_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.controlInput},_react().default.createElement(InputComponent,{id:`control-${key}`,value,onChange:val=>handleChange(control,val),meta:control}))))}));return _react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.container},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnsLayout},commonControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},commonLabel),renderControlList(commonControls)),commonControls.length>0&&hasBaseOrCompare&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnDivider}),baseControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},baseLabel),renderControlList(baseControls)),hasBaseAndCompare&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnDivider}),compareControls.length>0&&_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.column},_react().default.createElement("div",{className:_liveControlsDiffPanelModule().default.columnHeader},compareLabel),renderControlList(compareControls))))}},57297(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControlsRenderer=LiveControlsRenderer;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(61941);return _compositionsUi=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControlsRenderer(){const{hasLiveControls,ready,defs,values,onChange}=(0,_compositionsUi().useLiveControls)();return hasLiveControls?ready?_react().default.createElement(_liveControlPanel().LiveControls,{defs,values,onChange}):_react().default.createElement("div",{style:{padding:12,opacity:.7}},"No live controls available."):null}},8228(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitPortal=BitPortal,exports.useOverlay=useOverlay;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _reactDom(){const data=_interopRequireDefault(__webpack_require__(2163));return _reactDom=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}const GAP=4;function useOverlay(anchorRef,open,gap=GAP,extraStyle){const[position,setPosition]=_react().default.useState("bottom"),[style,setStyle]=_react().default.useState(null);return _react().default.useLayoutEffect(()=>{if(!open||!anchorRef.current)return;const rect=anchorRef.current.getBoundingClientRect(),below=window.innerHeight-rect.bottom-gap,above=rect.top-gap,pos=below<240&&above>below?"top":"bottom";setPosition(pos),setStyle(_objectSpread(_objectSpread({},extraStyle),{},{left:rect.left,maxWidth:rect.width,maxHeight:240,top:pos==="bottom"?rect.bottom+gap:void 0,bottom:pos==="top"?window.innerHeight-rect.top+gap:void 0}))},[open]),{position,style}}function BitPortal({children}){return _reactDom().default.createPortal(children,document.body)}},489(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}}),Object.defineProperty(exports,"LiveControls",{enumerable:!0,get:function(){return _liveControlPanel().LiveControls}}),Object.defineProperty(exports,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return _liveControlsDiffPanel().LiveControlsDiffPanel}}),Object.defineProperty(exports,"LiveControlsRenderer",{enumerable:!0,get:function(){return _liveControlsRenderer().LiveControlsRenderer}});function _compositionPreview(){const data=__webpack_require__(32362);return _compositionPreview=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}function _liveControlsDiffPanel(){const data=__webpack_require__(68414);return _liveControlsDiffPanel=function(){return data},data}function _liveControlsRenderer(){const data=__webpack_require__(57297);return _liveControlsRenderer=function(){return data},data}},39809(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDefaultControlsSchemaResponder=useDefaultControlsSchemaResponder;function _react(){const data=__webpack_require__(12888);return _react=function(){return data},data}function _apiReferenceHooks(){const data=__webpack_require__(19633);return _apiReferenceHooks=function(){return data},data}const DEFAULT_CONTROLS_REQUEST="composition-live-controls:request-default-controls",DEFAULT_CONTROLS_RESPONSE="composition-live-controls:default-controls";function useDefaultControlsSchemaResponder(componentId,enabled=!0){const pendingRequestsRef=(0,_react().useRef)([]),apiComponentId=enabled&&componentId?componentId:void 0,{apiModel}=(0,_apiReferenceHooks().useAPI)(apiComponentId,[],{skipInternals:!1}),schemaObject=(0,_react().useMemo)(()=>apiModel?._api?.toObject(),[apiModel]),respondWithSchema=(0,_react().useCallback)(request=>{if(!schemaObject)return!1;try{return request.source.postMessage({type:DEFAULT_CONTROLS_RESPONSE,payload:{id:request.id,name:request.name,schema:schemaObject}},request.origin||"*"),!0}catch{return!1}},[schemaObject]),onDefaultControlsRequest=(0,_react().useCallback)(event=>{if(!enabled||!componentId)return;const{data}=event;if(!data||data.type!==DEFAULT_CONTROLS_REQUEST)return;const payload=data.payload;if(!payload?.id||!payload?.name||payload.id!==componentId)return;const source=event.source;if(!source||source===window)return;const request={id:payload.id,name:payload.name,source,origin:event.origin||"*"};if(!schemaObject){pendingRequestsRef.current.push(request);return}respondWithSchema(request)},[componentId,enabled,respondWithSchema,schemaObject]);(0,_react().useEffect)(()=>{if(!enabled||!componentId){pendingRequestsRef.current=[];return}return window.addEventListener("message",onDefaultControlsRequest),()=>{window.removeEventListener("message",onDefaultControlsRequest)}},[componentId,enabled,onDefaultControlsRequest]),(0,_react().useEffect)(()=>{if(!schemaObject||pendingRequestsRef.current.length===0)return;const pending=pendingRequestsRef.current;pendingRequestsRef.current=[],pending.forEach(respondWithSchema)},[schemaObject,respondWithSchema])}},10623(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AccountTypes=void 0,exports.Avatar=Avatar;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),default_avatar_1=__webpack_require__(19963),org_avatar_1=__webpack_require__(71962),user_avatar_1=__webpack_require__(82823);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar({account,...rest}){if(!account)return(0,jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar,{...rest});const{type,name,displayName,image}=account,accountObj={name,displayName,profileImage:image};return type==="user"?(0,jsx_runtime_1.jsx)(user_avatar_1.UserAvatar,{account:accountObj,...rest}):type==="org"?(0,jsx_runtime_1.jsx)(org_avatar_1.OrgAvatar,{account:accountObj,...rest}):(0,jsx_runtime_1.jsx)(default_avatar_1.DefaultAvatar,{...rest})}},19963(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=DefaultAvatar;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),styles_module_scss_1=__importDefault(__webpack_require__(64211));function DefaultAvatar({size=32,children,className,...rest}){return(0,jsx_runtime_1.jsxs)("div",{className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{width:`${size}px`,height:`${size}px`,fontSize:`${size*.35}px`,lineHeight:`${size}px`},...rest,children:["?",children]})}},19988(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=exports.UserAvatar=__webpack_unused_export__=__webpack_unused_export__=void 0;var avatar_1=__webpack_require__(10623);__webpack_unused_export__={enumerable:!0,get:function(){return avatar_1.AccountTypes}},__webpack_unused_export__={enumerable:!0,get:function(){return avatar_1.Avatar}};var user_avatar_1=__webpack_require__(82823);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(71962);__webpack_unused_export__={enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}};var default_avatar_1=__webpack_require__(19963);__webpack_unused_export__={enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}}},71962(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrgAvatar=OrgAvatar;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),styles_module_scss_1=__importDefault(__webpack_require__(64211));function OrgAvatar({account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,widthStretch=!0,children,...rest}){const{profileImage=""}=account,profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor,widthStretch);return(0,jsx_runtime_1.jsxs)("div",{className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`},...rest,children:[profileImageWithParams&&(0,jsx_runtime_1.jsx)("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,imgClassName)}),!profileImage&&(0,jsx_runtime_1.jsx)("span",{className:styles_module_scss_1.default.defaultAvatar,children:(0,jsx_runtime_1.jsx)("i",{className:"bitcon-organization",style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}})}),children]})}},82823(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.UserAvatar=UserAvatar;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),design_elements_icon_1=__webpack_require__(516),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),toolbox_string_get_initials_1=__webpack_require__(76137),design_ui_styles_colors_by_letter_1=__webpack_require__(56104),design_ui_styles_ellipsis_1=__webpack_require__(38348),design_ui_tooltip_1=__webpack_require__(62634),styles_module_scss_1=__importDefault(__webpack_require__(64211));function UserAvatar({account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,tooltipPlacement="bottom",extendTooltipContent,children,...rest}){const{profileImage="",name="",displayName=""}=account,firstLetter=name[0]||displayName[0],profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor),colors=firstLetter&&design_ui_styles_colors_by_letter_1.letterBgColors[firstLetter.toLowerCase()],avatar=(0,jsx_runtime_1.jsxs)("div",{className:(0,classnames_1.default)(colors,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`},...rest,children:[profileImageWithParams&&(0,jsx_runtime_1.jsx)("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),(displayName||name)&&(0,jsx_runtime_1.jsx)("span",{className:styles_module_scss_1.default.letter,style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`},children:(0,toolbox_string_get_initials_1.getInitials)(displayName||name)}),!displayName&&!name&&!profileImageWithParams&&!firstLetter&&(0,jsx_runtime_1.jsx)(design_elements_icon_1.Icon,{of:"solo-avatar",style:{fontSize:`${size}px`},className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,styles_module_scss_1.default.soloAvatarIcon)}),children]});return showTooltip?(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{placement:tooltipPlacement,content:(0,jsx_runtime_1.jsxs)("div",{className:design_ui_styles_ellipsis_1.ellipsis,children:[(0,jsx_runtime_1.jsx)("span",{children:displayName?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[displayName," (@",name,")"]}):(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:["@",name]})}),extendTooltipContent]}),children:avatar}):avatar}},52464(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(89587);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},89587(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=TimeAgo;const jsx_runtime_1=__webpack_require__(11684),react_1=__importStar(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(28042)),design_ui_tooltip_1=__webpack_require__(62634),time_ago_module_scss_1=__importDefault(__webpack_require__(66018));function TimeAgo({date,tooltip,className,...rest}){const[refreshIdx,forceUpdate]=(0,react_1.useReducer)(x=>x+1,0);(0,react_1.useEffect)(()=>{const tId=setInterval(()=>forceUpdate(),6e4);return()=>clearInterval(tId)},[]);const formatted=(0,react_1.useMemo)(()=>(0,base_ui_utils_time_ago_1.default)(date),[date,refreshIdx]);return(element=>tooltip===void 0?element:(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{className:time_ago_module_scss_1.default.dateTooltip,placement:"top",content:(0,jsx_runtime_1.jsx)("div",{className:time_ago_module_scss_1.default.dateTooltipContent,children:tooltip}),children:element}))((0,jsx_runtime_1.jsx)("span",{...rest,className:(0,classnames_1.default)(className),children:formatted}))}},62634(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tippy=exports.useSingleton=exports.TooltipMountPoint=exports.SingletonTooltipProvider=exports.useCtxTooltipInstance=exports.ProvideTooltipInstance=exports.Tooltip=void 0;var tooltip_1=__webpack_require__(29);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(333);Object.defineProperty(exports,"ProvideTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.ProvideTooltipInstance}}),Object.defineProperty(exports,"useCtxTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.useCtxTooltipInstance}});var singleton_instance_1=__webpack_require__(15643);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(66872);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(13032);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},66872(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.mountId=void 0,exports.getMountPoint=getMountPoint,exports.TooltipMountPoint=TooltipMountPoint;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888));exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}function TooltipMountPoint(){return(0,jsx_runtime_1.jsx)("div",{id:exports.mountId})}},333(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProvideTooltipInstance=ProvideTooltipInstance,exports.useCtxTooltipInstance=useCtxTooltipInstance;const jsx_runtime_1=__webpack_require__(11684),react_1=__importStar(__webpack_require__(12888)),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return(0,jsx_runtime_1.jsx)(singletonContext.Provider,{value,children})}function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}},15643(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SingletonTooltipProvider=SingletonTooltipProvider;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),react_2=__webpack_require__(13032),shared_instance_1=__webpack_require__(333),tooltip_1=__webpack_require__(29);function SingletonTooltipProvider({children,disabled,overrides,...rest}){const[tooltipSource,tooltipTarget]=(0,react_2.useSingleton)({disabled,overrides});return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(tooltip_1.Tooltip,{...rest,singleton:tooltipSource}),(0,jsx_runtime_1.jsx)(shared_instance_1.ProvideTooltipInstance,{value:tooltipTarget,children})]})}},29(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tooltip=Tooltip;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(53663),base_ui_theme_dark_theme_1=__webpack_require__(23300),react_2=__importDefault(__webpack_require__(13032)),tippy_js_1=__webpack_require__(16406);__webpack_require__(27531),__webpack_require__(57863);const mount_point_1=__webpack_require__(66872),shared_instance_1=__webpack_require__(333);__webpack_require__(14519);const THEME="teambit",FORWARD_REF=Symbol.for("react.forward_ref"),MEMO=Symbol.for("react.memo");function acceptsRef(node){if(!react_1.default.isValidElement(node))return!1;const type=node.type;if(typeof type=="string"||type?.prototype?.isReactComponent||type?.$$typeof===FORWARD_REF)return!0;if(type?.$$typeof===MEMO){const inner=type.type;return typeof inner=="string"||inner?.$$typeof===FORWARD_REF||!!inner?.prototype?.isReactComponent}return!1}const popperOptions={modifiers:[{name:"arrow",options:{padding:5}}]};function Tooltip({children,breakline,singleton,visibleOnMobile,className,...rest}){const isMobile=(0,ui_foundation_ui_hooks_use_is_mobile_1.useIsMobile)();if(!visibleOnMobile&&isMobile)return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children});const ctxInstance=(0,shared_instance_1.useCtxTooltipInstance)(),singletonInstance=singleton||ctxInstance,child=acceptsRef(children)?children:(0,jsx_runtime_1.jsx)("span",{children});return(0,jsx_runtime_1.jsx)(react_2.default,{arrow:tippy_js_1.roundArrow,className:(0,classnames_1.default)(base_ui_theme_dark_theme_1.darkMode,breakline&&"tippy-breakLine",className),theme:THEME,interactive:!0,appendTo:mount_point_1.getMountPoint,popperOptions,...rest,singleton:singletonInstance,children:child})}},90896(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsFields=void 0,exports.useDocs=useDocs;const client_1=__webpack_require__(6083);exports.docsFields=(0,client_1.gql)`
709
709
  fragment docsFields on ReactDocs {
710
710
  abstract
711
711
  properties {
@@ -728,7 +728,7 @@ ${body}`});return`
728
728
  }
729
729
  }
730
730
  ${exports.docsFields}
731
- `;function useDocs(componentId){var _a,_b;const{data}=(0,client_1.useQuery)(getProperties,{variables:{id:componentId.toString()}});return(_b=(_a=data?.getHost)===null||_a===void 0?void 0:_a.getDocs)===null||_b===void 0?void 0:_b.properties}},7422(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultValue=exports.Properties=exports.useDocs=exports.docsFields=void 0;var get_docs_1=__webpack_require__(90896);Object.defineProperty(exports,"docsFields",{enumerable:!0,get:function(){return get_docs_1.docsFields}}),Object.defineProperty(exports,"useDocs",{enumerable:!0,get:function(){return get_docs_1.useDocs}}),Object.defineProperty(exports,"Properties",{enumerable:!0,get:function(){return get_docs_1.Properties}}),Object.defineProperty(exports,"DefaultValue",{enumerable:!0,get:function(){return get_docs_1.DefaultValue}})},32021(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DocsAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const DocsAspect=exports.DocsAspect=_harmony().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});var _default=exports.default=DocsAspect},50207(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultDocs=void 0;const defaultDocs=exports.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},82894(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),__webpack_unused_export__={enumerable:!0,get:function(){return _docsEntities().Doc}},__webpack_unused_export__={enumerable:!0,get:function(){return _docsEntities().DocProp}},__webpack_unused_export__={enumerable:!0,get:function(){return _docsEntities().DocPropList}},__webpack_unused_export__={enumerable:!0,get:function(){return _docs().DocsAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _overview().Overview}},__webpack_unused_export__=void 0,Object.defineProperty(exports,"defaultDocs",{enumerable:!0,get:function(){return _docs2().defaultDocs}});function _docs(){const data=__webpack_require__(32021);return _docs=function(){return data},data}function _docsEntities(){const data=__webpack_require__(38975);return _docsEntities=function(){return data},data}function _docs2(){const data=__webpack_require__(50207);return _docs2=function(){return data},data}function _overview(){const data=__webpack_require__(45688);return _overview=function(){return data},data}var _default=__webpack_unused_export__=_docs().DocsAspect},45688(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}});function _overview(){const data=__webpack_require__(77237);return _overview=function(){return data},data}},77237(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgePosition=void 0,exports.Overview=Overview;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(4080);return _designUiSurfaces=function(){return data},data}function _componentUi(){const data=__webpack_require__(71169);return _componentUi=function(){return data},data}function _compositionsPanels(){const data=__webpack_require__(55970);return _compositionsPanels=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}function _readmeSkeleton(){const data=__webpack_require__(19014);return _readmeSkeleton=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(19624));return _overviewModule=function(){return data},data}const _excluded=["onLoad","style"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}let BadgePosition=exports.BadgePosition=function(BadgePosition2){return BadgePosition2[BadgePosition2.Title=0]="Title",BadgePosition2[BadgePosition2.SubTitle=1]="SubTitle",BadgePosition2[BadgePosition2.Labels=2]="Labels",BadgePosition2[BadgePosition2.Package=3]="Package",BadgePosition2}({});function Overview({titleBadges,overviewOptions,previewProps,getEmptyState,TaggedAPI,usePreviewSandboxSlot,usePreviewPropsSlot}){const component=(0,_react().useContext)(_component().ComponentContext),componentDescriptor=(0,_component().useComponentDescriptor)(),overviewProps=(0,_lodash().flatten)(overviewOptions.values())[0],showHeader=!component.preview?.legacyHeader,EmptyState=getEmptyState&&getEmptyState(),buildFailed=component.buildStatus?.toLowerCase()!=="succeed"&&component?.host==="teambit.scope/scope",isScaling=Boolean(component.preview?.isScaling),includesEnvTemplate=Boolean(component.preview?.includesEnvTemplate),defaultLoadingState=_react().default.useMemo(()=>isScaling&&!includesEnvTemplate,[isScaling,includesEnvTemplate]),{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),[isLoading,setLoading]=(0,_react().useState)(defaultLoadingState),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],previewPropsHooks=usePreviewPropsSlot?.values()??[],[sandboxValue,setSandboxValue]=(0,_react().useState)(""),iframeQueryParams=`onlyOverview=${component.preview?.onlyOverview||"false"}&skipIncludes=${component.preview?.skipIncludes||component.preview?.onlyOverview}`,overviewPropsValues=overviewProps&&overviewProps(),{renderCompositionsFirst,defaultPkgManager}=overviewPropsValues||{},_ref=previewProps||{},{onLoad,style}=_ref,rest=_objectWithoutProperties(_ref,_excluded),onPreviewLoad=_react().default.useCallback((e,props)=>{setLoading(!1),onLoad?.(e,props)},[onLoad]);return _react().default.useEffect(()=>{!isLoading&&defaultLoadingState&&setLoading(!0),isLoading&&!defaultLoadingState&&setLoading(!1)},[component.id.toString(),defaultLoadingState]),_react().default.createElement("div",{className:(0,_classnames().default)(_overviewModule().default.overviewWrapper,isLoading&&_overviewModule().default.noOverflow),key:`${component.id.toString()}`},_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),showHeader&&_react().default.createElement(_componentUi().ComponentOverview,{className:(0,_classnames().default)(_overviewModule().default.componentOverviewBlock,!isScaling&&_overviewModule().default.legacyPreview),displayName:component.displayName,abstract:component.description,labels:component.labels,packageName:component.packageName,titleBadges:(0,_lodash().flatten)(titleBadges.values()),componentDescriptor,component,pkgManager:defaultPkgManager}),!buildFailed&&_react().default.createElement("div",{className:_overviewModule().default.readme},isLoading&&_react().default.createElement(_readmeSkeleton().ReadmeSkeleton,null,_react().default.createElement(_compositionsPanels().CompositionGallerySkeleton,{compositionsLength:Math.min(component.compositions.length,3)})),_react().default.createElement(_previewUi().PreviewPropsAggregator,{hooks:previewPropsHooks,component},previewAttrs=>!isMinimal&&!renderCompositionsFirst?_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(_previewUi().ComponentPreview,_extends({},previewAttrs,{onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:sandboxValue},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})),component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component,sandbox:sandboxValue})):_react().default.createElement(_react().default.Fragment,null,component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component,sandbox:sandboxValue}),_react().default.createElement(_previewUi().ComponentPreview,_extends({},previewAttrs,{onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,propagateError:isMinimal,sandbox:sandboxValue},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})))),component.preview?.onlyOverview&&!isLoading&&TaggedAPI&&_react().default.createElement(TaggedAPI,{componentId:component.id.toString()})),buildFailed&&(EmptyState?_react().default.createElement(EmptyState,null):_react().default.createElement("div",{className:_overviewModule().default.buildFailed},_react().default.createElement(BuildStatusMessage,{buildStatus:component.buildStatus}))))}function BuildStatusMessage({buildStatus}){return buildStatus?.toLowerCase()==="pending"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{status:"PROCESSING",title:"component preview pending"},"this might take some time"):_react().default.createElement(_designUiSurfaces().StatusMessageCard,{status:"FAILURE",title:"failed to get component preview"})}},19014(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReadmeSkeleton=ReadmeSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(66955);return _baseUiLoaders=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(19624));return _overviewModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ReadmeSkeleton({children}){return _react().default.createElement("div",{className:_overviewModule().default.readmeSkeleton},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"80%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"70%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"40%",style:{marginBottom:40}}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"30%",style:{marginBottom:16}}),_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),children)}},30969(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanes=exports.IgnoreDerivingFromUrl=exports.LanesProviderProps=exports.LanesProvider=exports.useLanesContext=exports.LanesContextModel=exports.LanesContext=void 0;var lanes_context_1=__webpack_require__(18444);Object.defineProperty(exports,"LanesContext",{enumerable:!0,get:function(){return lanes_context_1.LanesContext}}),Object.defineProperty(exports,"LanesContextModel",{enumerable:!0,get:function(){return lanes_context_1.LanesContextModel}}),Object.defineProperty(exports,"useLanesContext",{enumerable:!0,get:function(){return lanes_context_1.useLanesContext}});var lanes_provider_1=__webpack_require__(57378);Object.defineProperty(exports,"LanesProvider",{enumerable:!0,get:function(){return lanes_provider_1.LanesProvider}}),Object.defineProperty(exports,"LanesProviderProps",{enumerable:!0,get:function(){return lanes_provider_1.LanesProviderProps}}),Object.defineProperty(exports,"IgnoreDerivingFromUrl",{enumerable:!0,get:function(){return lanes_provider_1.IgnoreDerivingFromUrl}});var use_lanes_1=__webpack_require__(72816);Object.defineProperty(exports,"useLanes",{enumerable:!0,get:function(){return use_lanes_1.useLanes}})},18444(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanesContext=exports.LanesContext=void 0;const react_1=__webpack_require__(12888);exports.LanesContext=(0,react_1.createContext)(void 0);const useLanesContext=()=>(0,react_1.useContext)(exports.LanesContext);exports.useLanesContext=useLanesContext},57378(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesProvider=LanesProvider;const react_1=__importStar(__webpack_require__(12888)),lanes_ui_models_lanes_model_1=__webpack_require__(1453),ui_foundation_ui_react_router_use_query_1=__webpack_require__(55786),base_react_navigation_link_1=__webpack_require__(19304),lanes_context_1=__webpack_require__(18444),use_lanes_1=__webpack_require__(72816);function LanesProvider({children,viewedLaneId:viewedLaneIdProp,targetLanes,ignoreDerivingFromUrl:ignoreDerivingFromUrlProp,skipNetworkCall,options:optionsProp={},useScope,loading:loadingFromProps}){var _a,_b;const{scope}=useScope?.()||{},query=(0,ui_foundation_ui_react_router_use_query_1.useQuery)(),location=(0,base_react_navigation_link_1.useLocation)(),skip=skipNetworkCall||Boolean(targetLanes),ignoreDerivingFromUrl=(0,react_1.useCallback)(_location=>ignoreDerivingFromUrlProp?ignoreDerivingFromUrlProp.some(fn=>fn(_location)):!1,[ignoreDerivingFromUrlProp]),[viewedLaneId,setViewedLaneId]=(0,react_1.useState)(()=>{if(viewedLaneIdProp)return viewedLaneIdProp;if(!ignoreDerivingFromUrl(location)){const laneIdFromUrl=location?.pathname?lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location.pathname,query):void 0;if(laneIdFromUrl)return laneIdFromUrl}});(0,react_1.useEffect)(()=>{viewedLaneIdProp&&setViewedLaneId(viewedLaneIdProp)},[viewedLaneIdProp?.toString()]),(0,react_1.useEffect)(()=>{if(ignoreDerivingFromUrl(location))return;const laneIdFromUrl=location?.pathname?lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location.pathname,query):void 0;laneIdFromUrl&&(!viewedLaneId||!viewedLaneId.isEqual(laneIdFromUrl))&&setViewedLaneId(laneIdFromUrl)},[location?.pathname,query.toString(),viewedLaneId?.toString(),ignoreDerivingFromUrl]);const options=(0,react_1.useMemo)(()=>{var _a2,_b2,_c;return Object.assign({skip,ids:(_a2=optionsProp.ids)!==null&&_a2!==void 0?_a2:viewedLaneId?[viewedLaneId.toString()]:void 0,offset:(_b2=optionsProp.offset)!==null&&_b2!==void 0?_b2:0,limit:(_c=optionsProp.limit)!==null&&_c!==void 0?_c:10},optionsProp)},[skip,optionsProp,viewedLaneId?.toString()]),{lanesModel,loading:loadingLanesModel,hasMore,fetchMoreLanes,offset,limit}=(0,use_lanes_1.useLanes)(targetLanes,skipNetworkCall,options,void 0,scope),loading=(0,react_1.useMemo)(()=>loadingFromProps||loadingLanesModel,[loadingFromProps,loadingLanesModel]),lanesState=(0,react_1.useMemo)(()=>{var _a2,_b2;if(lanesModel){const newState=new lanes_ui_models_lanes_model_1.LanesModel(Object.assign({},lanesModel)),laneIdToSet=viewedLaneId||((_a2=newState.currentLane)===null||_a2===void 0?void 0:_a2.id)||((_b2=newState.lanes.find(lane=>lane.id.isDefault()))===null||_b2===void 0?void 0:_b2.id);return newState.setViewedOrDefaultLane(laneIdToSet),newState}},[Boolean(lanesModel),(_a=lanesModel?.viewedLane)===null||_a===void 0?void 0:_a.id.toString(),viewedLaneId?.toString(),loading,lanesModel?.lanes.map(lane=>lane.id.toString()).join(",")]),updateViewedLane=(0,react_1.useCallback)(lane=>{setViewedLaneId(lane)},[]),addLanes=(0,react_1.useCallback)(newLanes=>(lanesModel&&lanesModel.addLanes(newLanes),lanesModel),[Boolean(lanesModel),lanesModel?.lanes.map(lane=>lane.id.toString()).join(",")]),lanesContextModel=(0,react_1.useMemo)(()=>({lanesModel:lanesState,updateViewedLane,loading,hasMore,fetchMoreLanes,options,offset,limit,addLanes}),[Boolean(lanesState),(_b=lanesState?.viewedLane)===null||_b===void 0?void 0:_b.id.toString(),lanesState?.lanes.map(lane=>lane.id.toString()).join(","),updateViewedLane,loading,hasMore,fetchMoreLanes,options,offset,limit,addLanes]);return react_1.default.createElement(lanes_context_1.LanesContext.Provider,{value:lanesContextModel},children)}},72816(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanes=exports.useSearchLanes=void 0;const react_1=__webpack_require__(12888),ui_foundation_ui_hooks_use_data_query_1=__webpack_require__(7622),lanes_ui_models_lanes_model_1=__webpack_require__(1453),client_1=__webpack_require__(6083),lodash_1=__webpack_require__(92935),lanes_context_1=__webpack_require__(18444),GET_LANES=(0,client_1.gql)`
731
+ `;function useDocs(componentId){const{data}=(0,client_1.useQuery)(getProperties,{variables:{id:componentId.toString()}});return data?.getHost?.getDocs?.properties}},7422(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDocs=exports.docsFields=void 0;var get_docs_1=__webpack_require__(90896);Object.defineProperty(exports,"docsFields",{enumerable:!0,get:function(){return get_docs_1.docsFields}}),Object.defineProperty(exports,"useDocs",{enumerable:!0,get:function(){return get_docs_1.useDocs}})},32021(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DocsAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const DocsAspect=exports.DocsAspect=_harmony().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});var _default=exports.default=DocsAspect},50207(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultDocs=void 0;const defaultDocs=exports.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},82894(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),__webpack_unused_export__={enumerable:!0,get:function(){return _docsEntities().Doc}},__webpack_unused_export__={enumerable:!0,get:function(){return _docsEntities().DocProp}},__webpack_unused_export__={enumerable:!0,get:function(){return _docsEntities().DocPropList}},__webpack_unused_export__={enumerable:!0,get:function(){return _docs().DocsAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _overview().Overview}},__webpack_unused_export__=void 0,Object.defineProperty(exports,"defaultDocs",{enumerable:!0,get:function(){return _docs2().defaultDocs}});function _docs(){const data=__webpack_require__(32021);return _docs=function(){return data},data}function _docsEntities(){const data=__webpack_require__(38975);return _docsEntities=function(){return data},data}function _docs2(){const data=__webpack_require__(50207);return _docs2=function(){return data},data}function _overview(){const data=__webpack_require__(45688);return _overview=function(){return data},data}var _default=__webpack_unused_export__=_docs().DocsAspect},45688(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}});function _overview(){const data=__webpack_require__(77237);return _overview=function(){return data},data}},77237(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgePosition=void 0,exports.Overview=Overview;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(4080);return _designUiSurfaces=function(){return data},data}function _componentUi(){const data=__webpack_require__(71169);return _componentUi=function(){return data},data}function _compositionsPanels(){const data=__webpack_require__(55970);return _compositionsPanels=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}function _readmeSkeleton(){const data=__webpack_require__(19014);return _readmeSkeleton=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(19624));return _overviewModule=function(){return data},data}const _excluded=["onLoad","style"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}let BadgePosition=exports.BadgePosition=function(BadgePosition2){return BadgePosition2[BadgePosition2.Title=0]="Title",BadgePosition2[BadgePosition2.SubTitle=1]="SubTitle",BadgePosition2[BadgePosition2.Labels=2]="Labels",BadgePosition2[BadgePosition2.Package=3]="Package",BadgePosition2}({});function Overview({titleBadges,overviewOptions,previewProps,getEmptyState,TaggedAPI,usePreviewSandboxSlot,usePreviewPropsSlot}){const component=(0,_react().useContext)(_component().ComponentContext),componentDescriptor=(0,_component().useComponentDescriptor)(),overviewProps=(0,_lodash().flatten)(overviewOptions.values())[0],showHeader=!component.preview?.legacyHeader,EmptyState=getEmptyState&&getEmptyState(),buildFailed=component.buildStatus?.toLowerCase()!=="succeed"&&component?.host==="teambit.scope/scope",isScaling=Boolean(component.preview?.isScaling),includesEnvTemplate=Boolean(component.preview?.includesEnvTemplate),defaultLoadingState=_react().default.useMemo(()=>isScaling&&!includesEnvTemplate,[isScaling,includesEnvTemplate]),{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),[isLoading,setLoading]=(0,_react().useState)(defaultLoadingState),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],previewPropsHooks=usePreviewPropsSlot?.values()??[],[sandboxValue,setSandboxValue]=(0,_react().useState)(""),iframeQueryParams=`onlyOverview=${component.preview?.onlyOverview||"false"}&skipIncludes=${component.preview?.skipIncludes||component.preview?.onlyOverview}`,overviewPropsValues=overviewProps&&overviewProps(),{renderCompositionsFirst,defaultPkgManager}=overviewPropsValues||{},_ref=previewProps||{},{onLoad,style}=_ref,rest=_objectWithoutProperties(_ref,_excluded),onPreviewLoad=_react().default.useCallback((e,props)=>{setLoading(!1),onLoad?.(e,props)},[onLoad]);return _react().default.useEffect(()=>{!isLoading&&defaultLoadingState&&setLoading(!0),isLoading&&!defaultLoadingState&&setLoading(!1)},[component.id.toString(),defaultLoadingState]),_react().default.createElement("div",{className:(0,_classnames().default)(_overviewModule().default.overviewWrapper,isLoading&&_overviewModule().default.noOverflow),key:`${component.id.toString()}`},_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),showHeader&&_react().default.createElement(_componentUi().ComponentOverview,{className:(0,_classnames().default)(_overviewModule().default.componentOverviewBlock,!isScaling&&_overviewModule().default.legacyPreview),displayName:component.displayName,abstract:component.description,labels:component.labels,packageName:component.packageName,titleBadges:(0,_lodash().flatten)(titleBadges.values()),componentDescriptor,component,pkgManager:defaultPkgManager}),!buildFailed&&_react().default.createElement("div",{className:_overviewModule().default.readme},isLoading&&_react().default.createElement(_readmeSkeleton().ReadmeSkeleton,null,_react().default.createElement(_compositionsPanels().CompositionGallerySkeleton,{compositionsLength:Math.min(component.compositions.length,3)})),_react().default.createElement(_previewUi().PreviewPropsAggregator,{hooks:previewPropsHooks,component},previewAttrs=>!isMinimal&&!renderCompositionsFirst?_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(_previewUi().ComponentPreview,_extends({},previewAttrs,{onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:sandboxValue},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})),component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component,sandbox:sandboxValue})):_react().default.createElement(_react().default.Fragment,null,component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component,sandbox:sandboxValue}),_react().default.createElement(_previewUi().ComponentPreview,_extends({},previewAttrs,{onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,propagateError:isMinimal,sandbox:sandboxValue},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})))),component.preview?.onlyOverview&&!isLoading&&TaggedAPI&&_react().default.createElement(TaggedAPI,{componentId:component.id.toString()})),buildFailed&&(EmptyState?_react().default.createElement(EmptyState,null):_react().default.createElement("div",{className:_overviewModule().default.buildFailed},_react().default.createElement(BuildStatusMessage,{buildStatus:component.buildStatus}))))}function BuildStatusMessage({buildStatus}){return buildStatus?.toLowerCase()==="pending"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{status:"PROCESSING",title:"component preview pending"},"this might take some time"):_react().default.createElement(_designUiSurfaces().StatusMessageCard,{status:"FAILURE",title:"failed to get component preview"})}},19014(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReadmeSkeleton=ReadmeSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(66955);return _baseUiLoaders=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(19624));return _overviewModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ReadmeSkeleton({children}){return _react().default.createElement("div",{className:_overviewModule().default.readmeSkeleton},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"80%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"70%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"40%",style:{marginBottom:40}}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"30%",style:{marginBottom:16}}),_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),children)}},30969(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanes=exports.LanesProvider=exports.useLanesContext=exports.LanesContext=void 0;var lanes_context_1=__webpack_require__(18444);Object.defineProperty(exports,"LanesContext",{enumerable:!0,get:function(){return lanes_context_1.LanesContext}}),Object.defineProperty(exports,"useLanesContext",{enumerable:!0,get:function(){return lanes_context_1.useLanesContext}});var lanes_provider_1=__webpack_require__(57378);Object.defineProperty(exports,"LanesProvider",{enumerable:!0,get:function(){return lanes_provider_1.LanesProvider}});var use_lanes_1=__webpack_require__(72816);Object.defineProperty(exports,"useLanes",{enumerable:!0,get:function(){return use_lanes_1.useLanes}})},18444(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanesContext=exports.LanesContext=void 0;const react_1=__webpack_require__(12888);exports.LanesContext=(0,react_1.createContext)(void 0);const useLanesContext=()=>(0,react_1.useContext)(exports.LanesContext);exports.useLanesContext=useLanesContext},57378(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesProvider=LanesProvider;const jsx_runtime_1=__webpack_require__(11684),react_1=__importStar(__webpack_require__(12888)),lanes_ui_models_lanes_model_1=__webpack_require__(1453),ui_foundation_ui_react_router_use_query_1=__webpack_require__(55786),base_react_navigation_link_1=__webpack_require__(19304),lanes_context_1=__webpack_require__(18444),use_lanes_1=__webpack_require__(72816);function LanesProvider({children,viewedLaneId:viewedLaneIdProp,targetLanes,ignoreDerivingFromUrl:ignoreDerivingFromUrlProp,skipNetworkCall,options:optionsProp={},useScope,loading:loadingFromProps}){const{scope}=useScope?.()||{},query=(0,ui_foundation_ui_react_router_use_query_1.useQuery)(),location=(0,base_react_navigation_link_1.useLocation)(),skip=skipNetworkCall||Boolean(targetLanes),ignoreDerivingFromUrl=(0,react_1.useCallback)(_location=>ignoreDerivingFromUrlProp?ignoreDerivingFromUrlProp.some(fn=>fn(_location)):!1,[ignoreDerivingFromUrlProp]),[viewedLaneId,setViewedLaneId]=(0,react_1.useState)(()=>{if(viewedLaneIdProp)return viewedLaneIdProp;if(!ignoreDerivingFromUrl(location)){const laneIdFromUrl=location?.pathname?lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location.pathname,query):void 0;if(laneIdFromUrl)return laneIdFromUrl}});(0,react_1.useEffect)(()=>{viewedLaneIdProp&&setViewedLaneId(viewedLaneIdProp)},[viewedLaneIdProp?.toString()]),(0,react_1.useEffect)(()=>{if(ignoreDerivingFromUrl(location))return;const laneIdFromUrl=location?.pathname?lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location.pathname,query):void 0;laneIdFromUrl&&(!viewedLaneId||!viewedLaneId.isEqual(laneIdFromUrl))&&setViewedLaneId(laneIdFromUrl)},[location?.pathname,query.toString(),viewedLaneId?.toString(),ignoreDerivingFromUrl]);const options=(0,react_1.useMemo)(()=>({skip,ids:optionsProp.ids??(viewedLaneId?[viewedLaneId.toString()]:void 0),offset:optionsProp.offset??0,limit:optionsProp.limit??10,...optionsProp}),[skip,optionsProp,viewedLaneId?.toString()]),{lanesModel,loading:loadingLanesModel,hasMore,fetchMoreLanes,offset,limit}=(0,use_lanes_1.useLanes)(targetLanes,skipNetworkCall,options,void 0,scope),loading=(0,react_1.useMemo)(()=>loadingFromProps||loadingLanesModel,[loadingFromProps,loadingLanesModel]),lanesState=(0,react_1.useMemo)(()=>{if(lanesModel){const newState=new lanes_ui_models_lanes_model_1.LanesModel({...lanesModel}),laneIdToSet=viewedLaneId||newState.currentLane?.id||newState.lanes.find(lane=>lane.id.isDefault())?.id;return newState.setViewedOrDefaultLane(laneIdToSet),newState}},[Boolean(lanesModel),lanesModel?.viewedLane?.id.toString(),viewedLaneId?.toString(),loading,lanesModel?.lanes.map(lane=>lane.id.toString()).join(",")]),updateViewedLane=(0,react_1.useCallback)(lane=>{setViewedLaneId(lane)},[]),addLanes=(0,react_1.useCallback)(newLanes=>(lanesModel&&lanesModel.addLanes(newLanes),lanesModel),[Boolean(lanesModel),lanesModel?.lanes.map(lane=>lane.id.toString()).join(",")]),lanesContextModel=(0,react_1.useMemo)(()=>({lanesModel:lanesState,updateViewedLane,loading,hasMore,fetchMoreLanes,options,offset,limit,addLanes}),[Boolean(lanesState),lanesState?.viewedLane?.id.toString(),lanesState?.lanes.map(lane=>lane.id.toString()).join(","),updateViewedLane,loading,hasMore,fetchMoreLanes,options,offset,limit,addLanes]);return(0,jsx_runtime_1.jsx)(lanes_context_1.LanesContext.Provider,{value:lanesContextModel,children})}},72816(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLanes=exports.useSearchLanes=void 0;const react_1=__webpack_require__(12888),ui_foundation_ui_hooks_use_data_query_1=__webpack_require__(7622),lanes_ui_models_lanes_model_1=__webpack_require__(1453),client_1=__webpack_require__(6083),lodash_1=__webpack_require__(92935),lanes_context_1=__webpack_require__(18444),GET_LANES=(0,client_1.gql)`
732
732
  query Lanes(
733
733
  $extensionId: String
734
734
  $laneIds: [String!]
@@ -830,19 +830,19 @@ ${body}`});return`
830
830
  id
831
831
  }
832
832
  }
833
- `,useRootLanes=(viewedLaneId,skip,options={},scope)=>{const{ids,offset,limit,sort}=options,{data,fetchMore,loading}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{laneIds:ids,offset,limit,sort,skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0},skip,errorPolicy:"all",fetchPolicy:"cache-and-network"}),lanesModel=(0,react_1.useMemo)(()=>{if(!loading&&!!data)return lanes_ui_models_lanes_model_1.LanesModel.from({data,scope})},[loading,data,viewedLaneId?.toString(),scope]),hasMore=(0,react_1.useMemo)(()=>{var _a,_b,_c,_d,_e,_f;return loading?!0:limit?ids?.length?((_c=(_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.length)!==null&&_c!==void 0?_c:0)===ids.length:((_f=(_e=(_d=data?.lanes)===null||_d===void 0?void 0:_d.list)===null||_e===void 0?void 0:_e.length)!==null&&_f!==void 0?_f:0)>=limit:!1},[loading,data]),fetchMoreLanes=(0,react_1.useCallback)((newOffset,newLimit)=>__awaiter(void 0,void 0,void 0,function*(){var _a,_b;if(hasMore)try{const{data:moreData,networkStatus}=yield fetchMore({variables:{offset:newOffset,limit:newLimit,laneIds:[],skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0}}),loadingMore=networkStatus===3;return!loadingMore&&moreData.lanes?{lanesModel:lanes_ui_models_lanes_model_1.LanesModel.from({data:moreData}),loading:loadingMore,hasMore:((_b=(_a=moreData.lanes.list)===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0)>=newLimit,nextOffset:newOffset+newLimit}:{lanesModel,loading:loadingMore,nextOffset:newOffset,currentLimit:newLimit}}catch(err){return console.error(err),{}}return{lanesModel,loading:!1,hasMore:!1,nextOffset:newOffset,currentLimit:newLimit}}),[hasMore,viewedLaneId?.toString(),lanesModel]);return{loading,lanesModel,fetchMoreLanes,hasMore,offset,limit}},useSearchLanes=(search,skip)=>{const{data:searchData,loading:loadingSearch}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{search,skipViewedLane:!0},skip:skip||!search,errorPolicy:"all",fetchPolicy:"cache-and-network"});return search?{loading:loadingSearch,lanesModel:searchData&&lanes_ui_models_lanes_model_1.LanesModel.from({data:{lanes:Object.assign(Object.assign({},searchData.lanes),{current:void 0,default:void 0})}})}:{}};exports.useSearchLanes=useSearchLanes;const useLanes=(targetLanes,skip,optionsFromProps,useContextFromProps=!0,scope)=>{var _a,_b,_c,_d,_e,_f,_g;const context=(0,lanes_context_1.useLanesContext)()||{},options=optionsFromProps||context?.options,isSameOptions=(0,lodash_1.isEqual)(options,context?.options),useContext=useContextFromProps&&!!context&&isSameOptions,shouldSkip=skip||!!targetLanes||useContext,rootLanesData=useRootLanes((_b=(_a=context?.lanesModel)===null||_a===void 0?void 0:_a.viewedLane)===null||_b===void 0?void 0:_b.id,shouldSkip,options,scope),searchResult=(0,exports.useSearchLanes)(options?.search,shouldSkip);return targetLanes?(targetLanes.viewedLane||targetLanes.setViewedLane((_d=(_c=context?.lanesModel)===null||_c===void 0?void 0:_c.viewedLane)===null||_d===void 0?void 0:_d.id),Object.assign(Object.assign(Object.assign({},context),rootLanesData),{lanesModel:targetLanes,searchResult})):useContext?Object.assign(Object.assign({},context),{searchResult}):((_e=rootLanesData.lanesModel)===null||_e===void 0||_e.setViewedLane((_g=(_f=context?.lanesModel)===null||_f===void 0?void 0:_f.viewedLane)===null||_g===void 0?void 0:_g.id),Object.assign(Object.assign(Object.assign({},context),rootLanesData),{searchResult}))};exports.useLanes=useLanes},1453(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(49446);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},49446(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(30266),lane_id_1=__webpack_require__(35896),component_id_1=__webpack_require__(62435),path_to_regexp_1=__webpack_require__(68883),lodash_1=__webpack_require__(92935);class LanesModel{static mapToLaneModel(laneData){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;const{id,laneComponentIds=[],readmeComponent,hash,createdAt,displayName,updatedAt,createdBy:createdByData,updatedBy:updatedByData,dependents=[],slug,deleted}=laneData,componentIds=laneComponentIds?.map(laneComponentId=>component_id_1.ComponentID.fromObject(laneComponentId))||[],readmeComponentModel=readmeComponent&&component_1.ComponentModel.from(Object.assign({},readmeComponent)),createdAtDate=createdAt&&new Date(+createdAt)||void 0,createdBy=createdByData?{name:(_a=createdByData?.name)!==null&&_a!==void 0?_a:void 0,email:(_b=createdByData.email)!==null&&_b!==void 0?_b:void 0,username:(_c=createdByData?.username)!==null&&_c!==void 0?_c:void 0,displayName:(_d=createdByData?.displayName)!==null&&_d!==void 0?_d:void 0,profileImage:(_e=createdByData.profileImage)!==null&&_e!==void 0?_e:void 0}:void 0,updatedAtDate=updatedAt&&new Date(+updatedAt)||void 0,updatedBy=updatedByData?.name?{name:(_f=updatedByData?.name)!==null&&_f!==void 0?_f:void 0,username:(_g=updatedByData?.username)!==null&&_g!==void 0?_g:void 0,displayName:(_h=updatedByData?.displayName)!==null&&_h!==void 0?_h:void 0,email:(_j=updatedByData.email)!==null&&_j!==void 0?_j:void 0,profileImage:(_k=updatedByData.profileImage)!==null&&_k!==void 0?_k:void 0}:void 0;return{id:lane_id_1.LaneId.from(id.name,id.scope),components:componentIds,readmeComponent:readmeComponentModel,createdAt:createdAtDate,updatedAt:updatedAtDate,displayName,hash,updatedBy,createdBy,deleted,dependents:dependents?.map(dependent=>component_id_1.ComponentID.fromObject(dependent)),slug}}static groupLaneIdsByScope(laneIds){const grouped=new Map;return laneIds.forEach(laneId=>{const{scope}=laneId;if(!grouped.has(scope))grouped.set(scope,[laneId]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,laneId])}}),grouped}static groupLanesByScope(lanes){const grouped=new Map;return lanes.forEach(lane=>{const{scope}=lane.id;if(!grouped.has(scope))grouped.set(scope,[lane]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,lane])}}),grouped}static groupByComponentNameAndId(lanes){const byName=new Map,byId=new Map;return lanes.forEach(lane=>{const{components}=lane;components.forEach(component=>{const name=component.fullName,id=component.toString(),existingByName=byName.get(name)||[],existingById=byId.get(id)||[];existingByName.push(lane),existingById.push(lane),byName.set(name,existingByName),byId.set(id,existingById)})}),{byName,byId}}static from({data,scope,viewedLaneId}){var _a,_b,_c,_d,_e;const lanes=((_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.map(lane=>LanesModel.mapToLaneModel(lane)))||[],currentLane=!((_c=data?.lanes)===null||_c===void 0)&&_c.current?LanesModel.mapToLaneModel(data.lanes.current):void 0,defaultLane=!((_d=data?.lanes)===null||_d===void 0)&&_d.default?LanesModel.mapToLaneModel(data.lanes.default):scope&&LanesModel.mapToLaneModel({id:{name:"main",scope},hash:""})||lanes.find(lane=>lane.id.isDefault())||void 0,viewedLane=viewedLaneId?lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):((_e=data?.lanes)===null||_e===void 0?void 0:_e.viewedLane)&&LanesModel.mapToLaneModel(data.lanes.viewedLane[0])||currentLane||defaultLane;return new LanesModel({lanes,currentLane,defaultLane,viewedLane})}constructor({lanes=[],viewedLane,currentLane,defaultLane}){this.getLaneComponentUrlByVersion=(componentId,laneId,addScopeMetadataInUrl,laneFromParams)=>{var _a;const defaultLane2=this.getDefaultLane();if(!componentId.version||!laneId||!defaultLane2||laneId&&this.currentLane&&laneId.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl,laneFromParams);const lane=(_a=this.getLanesByComponentId(componentId))===null||_a===void 0?void 0:_a.find(l=>l.id.isEqual(laneId));return lane?lane.id.isDefault()?LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl,laneFromParams):LanesModel.getLaneComponentUrl(componentId,lane.id,addScopeMetadataInUrl,laneFromParams):defaultLane2.components.find(c=>c.isEqual(componentId))?LanesModel.getMainComponentUrl(componentId,laneId,addScopeMetadataInUrl,laneFromParams):void 0},this.setViewedLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):void 0},this.setViewedOrDefaultLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):this.getDefaultLane()},this.resolveComponentFromUrl=(idFromUrl,laneId)=>{var _a;const comps=((_a=laneId&&this.lanes.find(lane=>lane.slug===laneId.toString()||lane.id.isEqual(laneId))||this.viewedLane)===null||_a===void 0?void 0:_a.components)||[];return idFromUrl.includes(".")?comps.find(component=>component.toStringWithoutVersion()===idFromUrl):comps.find(component=>component.fullName===idFromUrl)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(lane=>!lane.id.isDefault()),this.isInViewedLane=(componentId,includeVersion)=>{var _a,_b;return includeVersion?(_a=this.viewedLane)===null||_a===void 0?void 0:_a.components.some(comp=>includeVersion&&comp.isEqual(componentId)):(_b=this.viewedLane)===null||_b===void 0?void 0:_b.components.some(comp=>includeVersion&&comp.isEqual(componentId,{ignoreVersion:!0}))},this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=componentId=>this.lanesByComponentName.get(componentId.fullName),this.getLanesByComponentId=componentId=>this.lanesByComponentId.get(componentId.toString()),this.isComponentOnMain=(componentId,includeVersion)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>lane.id.isDefault())):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>lane.id.isDefault()))},this.isComponentOnMainButNotOnLane=(componentId,includeVersion,laneId)=>this.isComponentOnMain(componentId,includeVersion)&&!this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnLaneButNotOnMain=(componentId,includeVersion,laneId)=>!this.isComponentOnMain(componentId,includeVersion)&&this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnNonDefaultLanes=(componentId,includeVersion,laneId)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId)))):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))))},this.isComponentDependent=(componentId,includeVersion,laneId)=>{var _a,_b;const lane=laneId?this.lanes.find(l=>l.id.isEqual(laneId)):this.viewedLane;return lane?includeVersion?!!(!((_a=lane.dependents)===null||_a===void 0)&&_a.some(dep=>dep.isEqual(componentId))):!!(!((_b=lane.dependents)===null||_b===void 0)&&_b.some(dep=>dep.isEqual(componentId,{ignoreVersion:!0}))):!1},this.viewedLane=viewedLane,this.currentLane=currentLane,this.defaultLane=defaultLane;const allUniqueLanes=(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,this.defaultLane,this.currentLane,this.viewedLane],lane=>lane?.id.toString()));this.lanes=allUniqueLanes,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}addLanes(newLanes=[]){this.lanes=LanesModel.concatLanes(this.lanes,newLanes),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}static concatLanes(lanes=[],newLanes=[]){return(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,...newLanes],lane=>lane?.id.toString()))}}exports.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,path_to_regexp_1.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(pathname,urlSearchParams)=>{const matches=LanesModel.laneFromPathRegex.exec(pathname);if(matches){const[,scopeId,laneId]=matches;return lane_id_1.LaneId.from(laneId,scopeId)}if(urlSearchParams){const laneIdQueryParam=urlSearchParams.get(LanesModel.laneUrlParamsKey);return laneIdQueryParam?lane_id_1.LaneId.parse(laneIdQueryParam):void 0}},LanesModel.getLaneUrl=(laneId,relative,_lane)=>`${relative?"":"/"}${LanesModel.lanesPrefix}/${laneId.toString()}`,LanesModel.getLaneComponentUrl=(componentId,laneId,addScopeMetadataInUrl,_lane)=>{const isExternalComponent=componentId.scope!==laneId.scope,laneUrl=LanesModel.getLaneUrl(laneId),queryParams=new URLSearchParams;return componentId.version&&queryParams.set("version",componentId.version),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${isExternalComponent?`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.toStringWithoutVersion()}`:`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.fullName}`}?${queryParams.toString()}`},LanesModel.getMainComponentUrl=(componentId,laneId,addScopeMetadataInUrl,_lane)=>{const componentUrl=componentId.fullName,queryParams=new URLSearchParams;return laneId&&queryParams.set(LanesModel.laneUrlParamsKey,laneId.toString()),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${componentUrl}?${queryParams.toString()}`}},618(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PanelUiAspect",{enumerable:!0,get:function(){return _panelUi().PanelUiAspect}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return _tabs().Tab}}),Object.defineProperty(exports,"TabContainer",{enumerable:!0,get:function(){return _tabs().TabContainer}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return _tabs().TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return _tabs().TabPanel}});function _panelUi(){const data=__webpack_require__(75041);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(31025);return _tabs=function(){return data},data}},75041(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const PanelUiAspect=exports.PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},31025(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab,exports.TabContainer=void 0,exports.TabList=TabList,exports.TabPanel=void 0;function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(72653);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(41088));return _tabsModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const TabContainer=exports.TabContainer=_reactTabs().Tabs;function TabList(props){return _react().default.createElement(_reactTabs().TabList,_extends({},props,{className:(0,_classnames().default)(_tabsModule().default.tabContainer,props.className)}))}TabList.tabsRole="TabList";const TabPanel=exports.TabPanel=_reactTabs().TabPanel;function Tab(props){return _react().default.createElement(_reactTabs().Tab,_extends({},props,{className:(0,_classnames().default)(props.className,_tabsModule().default.tab),selectedClassName:_tabsModule().default.active,disabledClassName:_tabsModule().default.disabled}))}Tab.tabsRole="Tab"},34907(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getLatestVersion",{enumerable:!0,get:function(){return _semverHelper().getLatestVersion}}),Object.defineProperty(exports,"getValidVersionOrReleaseType",{enumerable:!0,get:function(){return _semverHelper().getValidVersionOrReleaseType}}),Object.defineProperty(exports,"isRange1GreaterThanRange2Naively",{enumerable:!0,get:function(){return _semverHelper().isRange1GreaterThanRange2Naively}}),Object.defineProperty(exports,"validateVersion",{enumerable:!0,get:function(){return _semverHelper().validateVersion}});function _semverHelper(){const data=__webpack_require__(54388);return _semverHelper=function(){return data},data}},54388(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isRange1GreaterThanRange2Naively=isRange1GreaterThanRange2Naively,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(16322);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(25699);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}function isRange1GreaterThanRange2Naively(range1,range2){const minVersion1=(0,_semver().minVersion)(range1),minVersion2=(0,_semver().minVersion)(range2);return!minVersion1||!minVersion2?!1:(0,_semver().gt)(minVersion1,minVersion2)}},38848(__unused_webpack_module,exports){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.computePreviewScale=computePreviewScale;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}},37175(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPropsAggregator=exports.PreviewPropsExecutor=exports.PreviewPropsManager=exports.SandboxPermissionsAggregator=exports.SandboxPermissionExecutor=exports.SandboxManager=exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(21119);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(46229);Object.defineProperty(exports,"toPreviewUrl",{enumerable:!0,get:function(){return urls_1.toPreviewUrl}}),Object.defineProperty(exports,"toPreviewServer",{enumerable:!0,get:function(){return urls_1.toPreviewServer}}),Object.defineProperty(exports,"toPreviewHash",{enumerable:!0,get:function(){return urls_1.toPreviewHash}});var sandbox_manager_1=__webpack_require__(83402);Object.defineProperty(exports,"SandboxManager",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxManager}}),Object.defineProperty(exports,"SandboxPermissionExecutor",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxPermissionExecutor}}),Object.defineProperty(exports,"SandboxPermissionsAggregator",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxPermissionsAggregator}}),Object.defineProperty(exports,"PreviewPropsManager",{enumerable:!0,get:function(){return sandbox_manager_1.PreviewPropsManager}}),Object.defineProperty(exports,"PreviewPropsExecutor",{enumerable:!0,get:function(){return sandbox_manager_1.PreviewPropsExecutor}}),Object.defineProperty(exports,"PreviewPropsAggregator",{enumerable:!0,get:function(){return sandbox_manager_1.PreviewPropsAggregator}})},21119(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentPreview=ComponentPreview;const react_1=__importStar(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),lodash_1=__webpack_require__(92935),penpal_1=__webpack_require__(8926),pubsub_1=__webpack_require__(78410),base_react_themes_theme_switcher_1=__webpack_require__(70589),ui_foundation_ui_rendering_html_1=__webpack_require__(28452),urls_1=__webpack_require__(46229),compute_preview_scale_1=__webpack_require__(38848),use_iframe_content_height_1=__webpack_require__(52833),preview_module_scss_1=__importDefault(__webpack_require__(74134));function ComponentPreview(_a){var _b,_c,_d,_e,{component,previewName,className,forceHeight,includeEnv=!0,queryParams,disableScroll=!1,pubsub,innerBottomPadding=0,viewport=1280,fullContentHeight=!1,onLoad,style,sandbox,propagateError,onPreviewError}=_a,rest=__rest(_a,["component","previewName","className","forceHeight","includeEnv","queryParams","disableScroll","pubsub","innerBottomPadding","viewport","fullContentHeight","onLoad","style","sandbox","propagateError","onPreviewError"]);const[heightIframeRef,iframeHeight]=(0,use_iframe_content_height_1.useIframeContentHeight)({skip:!1,viewport}),iframeRef=(0,react_1.useRef)(null),[width,setWidth]=(0,react_1.useState)(0),[height,setHeight]=(0,react_1.useState)(0),containerRef=(0,react_1.useRef)(null),isScaling=(_b=component.preview)===null||_b===void 0?void 0:_b.isScaling,currentRef=isScaling?iframeRef:heightIframeRef,[forceVisible,setForceVisible]=(0,react_1.useState)(!1);(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{const handleMessage=event=>{if((event.data&&event.data.event===ui_foundation_ui_rendering_html_1.LOAD_EVENT||event.data&&event.data.event==="webpackInvalid")&&onLoad&&onLoad(event),event.data&&(event.data.event===ui_foundation_ui_rendering_html_1.ERROR_EVENT||event.data.event==="AI_FIX_REQUEST")){const errorData=event.data.payload;if(onPreviewError?.(errorData),setForceVisible(!0),propagateError&&window.parent&&window!==window.parent)try{window.parent.postMessage({event:event.data.event,payload:Object.assign(Object.assign({},errorData),{forwardedFrom:{component:component.id,preview:previewName}})},"*")}catch(err){console.error("failed to propagate error to parent",err)}}};return window.addEventListener("message",handleMessage),()=>{window.removeEventListener("message",handleMessage)}},[component.id.toString(),onLoad,propagateError,onPreviewError]),(0,react_1.useEffect)(()=>{!iframeRef.current||(0,penpal_1.connectToChild)({iframe:iframeRef.current,methods:{pub:(event,message)=>{message.type==="preview-size"&&(setWidth(message.data.width),setHeight(message.data.height)),onLoad&&event&&onLoad(event,{height:message.data.height,width:message.data.width})}}})},[iframeRef?.current]);const theme=(0,base_react_themes_theme_switcher_1.useThemePicker)(),themeParam=!((_c=theme?.current)===null||_c===void 0)&&_c.themeName?`theme=${theme.current.themeName}`:"",baseParams=Array.isArray(queryParams)?queryParams.concat(themeParam):(0,lodash_1.compact)([queryParams,themeParam]),paramsWithViewport=Array.isArray(baseParams)?baseParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([baseParams,`viewport=${viewport}`]),targetParams=viewport===null?baseParams:paramsWithViewport,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:baseParams,includeEnv),containerWidth=((_d=containerRef.current)===null||_d===void 0?void 0:_d.offsetWidth)||0,containerHeight=((_e=containerRef.current)===null||_e===void 0?void 0:_e.offsetHeight)||0,currentWidth=fullContentHeight?"100%":width||1280,legacyCurrentWidth="100%",targetWidth=typeof currentWidth=="string"?currentWidth:Math.max(currentWidth,containerWidth),targetHeight=height!==0?height:5e3,finalHeight=!fullContentHeight&&targetHeight<containerHeight?containerHeight:targetHeight,defaultLegacyHeight=forceHeight||5e3,legacyIframeHeight=(iframeHeight||0)>400?iframeHeight:defaultLegacyHeight;return react_1.default.createElement("div",{ref:containerRef,className:(0,classnames_1.default)(preview_module_scss_1.default.preview,className),style:{height:forceHeight}},react_1.default.createElement("iframe",Object.assign({},rest,{sandbox:sandbox||void 0,ref:currentRef,style:Object.assign(Object.assign({},style),{height:forceHeight||(isScaling?finalHeight+innerBottomPadding:legacyIframeHeight),width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight&&!forceVisible?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width||1280,containerWidth||1280),border:0,transformOrigin:"top left"}),src:url,scrolling:disableScroll?"no":void 0})))}},83402(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPropsManager=exports.SandboxManager=void 0,exports.SandboxPermissionExecutor=SandboxPermissionExecutor,exports.SandboxPermissionsAggregator=SandboxPermissionsAggregator,exports.PreviewPropsExecutor=PreviewPropsExecutor,exports.PreviewPropsAggregator=PreviewPropsAggregator;const react_1=__importStar(__webpack_require__(12888));class SandboxManager{constructor(initialPermissions=[]){this.permissions=new Set(initialPermissions)}add(permission){return this.permissions.add(permission),this}remove(permission){return this.permissions.delete(permission),this}has(permission){return this.permissions.has(permission)}toString(){return Array.from(this.permissions).join(" ")}}exports.SandboxManager=SandboxManager;function SandboxPermissionExecutor({usePermissionHook,manager,component}){return usePermissionHook(manager,component),null}function SandboxPermissionsAggregator({hooks,onSandboxChange,component}){const managerRef=(0,react_1.useRef)(new SandboxManager);return(0,react_1.useEffect)(()=>{onSandboxChange?.(managerRef.current.toString())}),react_1.default.createElement(react_1.default.Fragment,null,hooks.map((usePermissionHook,i)=>react_1.default.createElement(SandboxPermissionExecutor,{key:`sanbox-permission-executor-${i}`,usePermissionHook,manager:managerRef.current,component})))}class PreviewPropsManager{constructor(){this.attrs={}}set(key,value){return this.attrs[key]=value,this}get(key){return this.attrs[key]}toAttrs(){return Object.assign({},this.attrs)}}exports.PreviewPropsManager=PreviewPropsManager;function PreviewPropsExecutor({usePropsHook,manager,component}){return usePropsHook(manager,component),null}function shallowEqualAttrs(a,b){const aKeys=Object.keys(a),bKeys=Object.keys(b);return aKeys.length!==bKeys.length?!1:aKeys.every(k=>a[k]===b[k])}function PreviewPropsAggregator({hooks,component,children}){const manager=new PreviewPropsManager;return react_1.default.createElement(react_1.default.Fragment,null,hooks.map((usePropsHook,i)=>react_1.default.createElement(PreviewPropsExecutor,{key:`preview-props-executor-${i}`,usePropsHook,manager,component})),react_1.default.createElement(PreviewPropsConsumer,{manager},children))}function PreviewPropsConsumer({manager,children}){const next=manager.toAttrs(),stableRef=(0,react_1.useRef)(next);return shallowEqualAttrs(stableRef.current,next)||(stableRef.current=next),react_1.default.createElement(react_1.default.Fragment,null,children(stableRef.current))}},46229(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewUrl=toPreviewUrl,exports.toPreviewServer=toPreviewServer,exports.toPreviewHash=toPreviewHash;const base_ui_utils_string_affix_1=__webpack_require__(21812);function toPreviewUrl(component,previewName,additionalParams,includeEnvId=!0){const serverPath=toPreviewServer(component,previewName),envId=getEnvIdQueryParam(component,includeEnvId),hash=toPreviewHash(component,previewName,envId,additionalParams);return`${serverPath}#${hash}`}function toPreviewServer(component,previewName){var _a,_b;const explicitUrl=(_a=component.server)===null||_a===void 0?void 0:_a.url;return explicitUrl&&!component.server.host?explicitUrl:((_b=component.preview)===null||_b===void 0?void 0:_b.includesEnvTemplate)===!1?toEnvTemplatePreviewUrl(component,previewName):toComponentPreviewUrl(component)}function getEnvIdQueryParam(component,includeEnvId=!0){var _a,_b,_c,_d;if(!!includeEnvId&&!(((_a=component.server)===null||_a===void 0?void 0:_a.host)||((_b=component.server)===null||_b===void 0?void 0:_b.basePath))&&!!(!((_c=component.server)===null||_c===void 0)&&_c.url))return(_d=component.environment)===null||_d===void 0?void 0:_d.id}function toComponentPreviewUrl(component){var _a,_b;return`${createPrefix((_a=component.server)===null||_a===void 0?void 0:_a.basePath,(_b=component.server)===null||_b===void 0?void 0:_b.host)}/${component.id.toString()}/~aspect/preview/`}function createPrefix(basePath,host){const actualBasePath=basePath||"/api",basePathWithSlash=actualBasePath.startsWith("/")?actualBasePath:`/${actualBasePath}`,hostWithoutSlash=host?.endsWith("/")?host.slice(0,-1):host,prefix=hostWithoutSlash?`${hostWithoutSlash}${basePathWithSlash}`:basePathWithSlash;return prefix.endsWith("/")?prefix.slice(0,-1):prefix}function toEnvTemplatePreviewUrl(component,previewName){var _a,_b,_c;const envId=(_a=component.environment)===null||_a===void 0?void 0:_a.id,search=`compId=${component.id.toString()}`;return`${createPrefix((_b=component.server)===null||_b===void 0?void 0:_b.basePath,(_c=component.server)===null||_c===void 0?void 0:_c.host)}/${envId}/~aspect/env-template/${previewName}/?${search}`}function toPreviewHash(component,previewName,envId,queryParams=""){const previewParam=(0,base_ui_utils_string_affix_1.affix)("preview=",previewName),envIdParam=(0,base_ui_utils_string_affix_1.affix)("env=",envId),hashQuery=[previewParam,envIdParam].concat(queryParams).filter(x=>!!x).join("&");return`${component.id.toString()}${(0,base_ui_utils_string_affix_1.affix)("?",hashQuery)}`}},52833(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.useIframeContentHeight=useIframeContentHeight,__webpack_unused_export__=useInterval;const react_1=__webpack_require__(12888);function useIframeContentHeight({interval=250,skip,viewport}){const iframeRef=(0,react_1.useRef)(null),[iframeHeight,setIframeHeight]=(0,react_1.useState)(0),[iframeWidth,setIframeWidth]=(0,react_1.useState)(0);if(skip)return[iframeRef,void 0,iframeWidth];let first=!0;return useInterval(()=>{var _a;try{const iframe=iframeRef.current;if(!iframe||!iframe.contentWindow||!iframe.contentWindow.document)return;viewport!==null&&(iframe.contentWindow.document.body.style.width="fit-content"),!first&&iframe?.style.height==="5000px"&&(iframe.style.height="100%");const newHeight=iframe.contentWindow.document.body.scrollHeight,newWidth=(_a=iframe?.contentWindow)===null||_a===void 0?void 0:_a.document.body.offsetWidth;setIframeHeight(newHeight),setIframeWidth(newWidth||0),first=!1}catch{}},interval),[iframeRef,iframeHeight,iframeWidth]}function useInterval(callback,interval){const savedCallback=(0,react_1.useRef)(()=>callback);(0,react_1.useEffect)(()=>{savedCallback.current=callback}),(0,react_1.useEffect)(()=>{function tick(){savedCallback.current()}if(interval!==null){const id=setInterval(tick,interval);return()=>clearInterval(id)}return()=>{}},[interval])}},78434(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},78410(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__={enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}},__webpack_unused_export__={enumerable:!0,get:function(){return _pubsub().PubsubAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _pubsub().PubsubAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _pubsubContext().usePubSub}},Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(6525);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(78434);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(19665);return _pubsubContext=function(){return data},data}},19665(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}const pubsubRegistry=exports.pubsubRegistry=(0,_react().createContext)(void 0);function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!ref?.current||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},6525(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},46834(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsApp=DocsApp;const react_1=__importDefault(__webpack_require__(12888)),docs_1=__webpack_require__(82894),react_ui_docs_properties_table_1=__webpack_require__(95743),react_ui_docs_compositions_carousel_1=__webpack_require__(20299),react_ui_docs_docs_content_1=__webpack_require__(84410),docs_theme_1=__webpack_require__(45728),docs_app_module_scss_1=__importDefault(__webpack_require__(19249));function DocsApp({componentId,docs=docs_1.defaultDocs,compositions,context}){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?"),renderOnlyOverview=new URLSearchParams(after).get("onlyOverview");return react_1.default.createElement(docs_theme_1.DocsTheme,null,react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(react_ui_docs_docs_content_1.DocsContent,{docs,className:docs_app_module_scss_1.default.mdx}),(!renderOnlyOverview||renderOnlyOverview==="false")&&react_1.default.createElement(react_ui_docs_compositions_carousel_1.CompositionsCarousel,{renderingContext:context,compositions,className:docs_app_module_scss_1.default.compositionSection,compositionCardClass:docs_app_module_scss_1.default.compositionCard}),(!renderOnlyOverview||renderOnlyOverview==="false")&&react_1.default.createElement(react_ui_docs_properties_table_1.PropertiesTable,{componentId})))}},45728(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsTheme=DocsTheme;const react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),design_themes_theme_toggler_1=__webpack_require__(93250),design_theme_icons_font_1=__webpack_require__(19644),docs_app_module_scss_1=__importDefault(__webpack_require__(19249));function DocsTheme({children}){const hash=window.location.hash,[,hashQuery]=hash&&hash.split("?"),theme=new URLSearchParams(hashQuery).get("theme")||"light";return react_1.default.createElement(design_themes_theme_toggler_1.ThemeSwitcher,{defaultTheme:theme},react_1.default.createElement(design_theme_icons_font_1.IconFont,{query:"q76y7n"}),react_1.default.createElement("div",{className:(0,classnames_1.default)(docs_app_module_scss_1.default.docsMainBlock)},children))}},31990(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(__webpack_require__(12888)),docs_app_1=__webpack_require__(46834);let root;function createCompatRoot(container){try{return __webpack_require__(49116).createRoot(container)}catch{const ReactDOM=__webpack_require__(2163);return{render:element=>{ReactDOM.render(element,container)}}}}function DocsRoot({componentId,docs,compositions,context}){root||(root=createCompatRoot(document.getElementById("root"))),root.render(react_1.default.createElement(docs_app_1.DocsApp,{componentId,docs,compositions,context}))}DocsRoot.apiObject=!0,exports.default=DocsRoot},26143(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsStyles=exports.DocsApp=exports.default=exports.DocsTheme=void 0;var docs_theme_1=__webpack_require__(45728);Object.defineProperty(exports,"DocsTheme",{enumerable:!0,get:function(){return docs_theme_1.DocsTheme}});var docs_app_root_1=__webpack_require__(31990);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(docs_app_root_1).default}});var docs_app_1=__webpack_require__(46834);Object.defineProperty(exports,"DocsApp",{enumerable:!0,get:function(){return docs_app_1.DocsApp}});var docs_app_module_scss_1=__webpack_require__(19249);Object.defineProperty(exports,"docsStyles",{enumerable:!0,get:function(){return __importDefault(docs_app_module_scss_1).default}})},66621(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApplyProviders=ApplyProviders;const react_1=__importDefault(__webpack_require__(12888)),react_error_boundary_1=__webpack_require__(85206),base_ui_utils_composer_1=__webpack_require__(40218),react_ui_error_fallback_1=__webpack_require__(25817);function ApplyProviders(_a){var{renderingContext,children}=_a,rest=__rest(_a,["renderingContext","children"]);const{providers=[]}=renderingContext.get("teambit.react/react")||{};return react_1.default.createElement("div",Object.assign({},rest),react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback},react_1.default.createElement(base_ui_utils_composer_1.Composer,{components:providers},children)))}},21634(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.ApplyProviders=void 0;var apply_providers_1=__webpack_require__(66621);Object.defineProperty(exports,"ApplyProviders",{enumerable:!0,get:function(){return apply_providers_1.ApplyProviders}})},63499(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsCarousel=CompositionsCarousel;const react_1=__importDefault(__webpack_require__(12888)),react_ui_docs_apply_providers_1=__webpack_require__(21634),compositions_ui_compositions_overview_1=__webpack_require__(9408),documenter_ui_linked_heading_1=__webpack_require__(59196),documenter_ui_section_1=__webpack_require__(3204);function CompositionsCarousel(_a){var{compositions,compositionCardClass,renderingContext}=_a,rest=__rest(_a,["compositions","compositionCardClass","renderingContext"]);return!compositions||Object.keys(compositions).length===0?null:react_1.default.createElement(documenter_ui_section_1.Section,Object.assign({},rest),react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,null,"Compositions"),react_1.default.createElement(react_ui_docs_apply_providers_1.ApplyProviders,{renderingContext},react_1.default.createElement(compositions_ui_compositions_overview_1.CompositionsOverview,{compositions,compositionCardClass})))}},20299(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.CompositionsCarousel=void 0;var compositions_carousel_1=__webpack_require__(63499);Object.defineProperty(exports,"CompositionsCarousel",{enumerable:!0,get:function(){return compositions_carousel_1.CompositionsCarousel}})},5915(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsContent=DocsContent;const react_error_boundary_1=__webpack_require__(85206),lodash_1=__webpack_require__(92935),docs_1=__webpack_require__(82894),react_ui_error_fallback_1=__webpack_require__(25817),mdx_ui_mdx_layout_1=__webpack_require__(63698),react_1=__importDefault(__webpack_require__(12888));function DocsContent(_a){var{docs=docs_1.defaultDocs}=_a,rest=__rest(_a,["docs"]);const Content=(0,lodash_1.isFunction)(docs.default)?docs.default:()=>null;return react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback},Content.isMDXComponent?react_1.default.createElement(mdx_ui_mdx_layout_1.MDXLayout,Object.assign({},rest),react_1.default.createElement(Content,null)):react_1.default.createElement(Content,null))}},84410(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.DocsContent=void 0;var docs_content_1=__webpack_require__(5915);Object.defineProperty(exports,"DocsContent",{enumerable:!0,get:function(){return docs_content_1.DocsContent}})},95743(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.PropertiesTable=void 0;var properties_table_1=__webpack_require__(5471);Object.defineProperty(exports,"PropertiesTable",{enumerable:!0,get:function(){return properties_table_1.PropertiesTable}})},5471(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=PropertiesTable;const documenter_ui_linked_heading_1=__webpack_require__(59196),documenter_ui_property_table_1=__webpack_require__(34369),documenter_ui_section_1=__webpack_require__(3204),component_ui_hooks_use_fetch_docs_1=__webpack_require__(37590),react_1=__importDefault(__webpack_require__(12888));function PropertiesTable(_a){var{componentId}=_a,rest=__rest(_a,["componentId"]);const{loading,error,data}=(0,component_ui_hooks_use_fetch_docs_1.useFetchDocs)(componentId);if(!data||loading)return null;if(error)return console.error(`failed to fetch docs for ${componentId} in PropertiesTable`,error),null;if(!data.docs.properties)return console.warn(`no properties found for ${componentId} in PropertiesTable`),null;const{properties}=data.docs;return properties.length===0?react_1.default.createElement("div",null):react_1.default.createElement(documenter_ui_section_1.Section,Object.assign({},rest),react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,null,"Properties"),react_1.default.createElement(documenter_ui_property_table_1.PropTable,{rows:properties}))}},63170(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=ErrorFallback;const react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),design_ui_icon_button_1=__webpack_require__(83315),base_ui_styles_flex_center_1=__webpack_require__(88378),error_fallback_module_scss_1=__importDefault(__webpack_require__(87465));function ErrorFallback({resetErrorBoundary,className,children="Failed to render",cta="try again"}){const handleClick=()=>__awaiter(this,void 0,void 0,function*(){yield new Promise(resolve=>setTimeout(resolve,480)),resetErrorBoundary()});return react_1.default.createElement("div",{className:(0,classnames_1.default)(error_fallback_module_scss_1.default.errorFallback,base_ui_styles_flex_center_1.flexCenter,className)},react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.icon}),react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.message},children),react_1.default.createElement(design_ui_icon_button_1.IconButton,{onClick:handleClick,className:error_fallback_module_scss_1.default.retryButton},cta))}},25817(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(63170);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},50668(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.matchPatterns=exports.splitPatterns=void 0;var match_patterns_1=__webpack_require__(54601);Object.defineProperty(exports,"splitPatterns",{enumerable:!0,get:function(){return match_patterns_1.splitPatterns}}),Object.defineProperty(exports,"matchPatterns",{enumerable:!0,get:function(){return match_patterns_1.matchPatterns}})},54601(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.matchPatterns=matchPatterns,exports.splitPatterns=splitPatterns;const minimatch_1=__importDefault(__webpack_require__(7491));function matchPatterns(filePath,includePatterns,excludePatterns){const included=includePatterns.some(pattern=>(0,minimatch_1.default)(filePath,pattern)),excluded=excludePatterns.every(pattern=>(0,minimatch_1.default)(filePath,pattern));return included&&excluded}function splitPatterns(patterns){return{includePatterns:patterns.filter(pattern=>!pattern.startsWith("!")),excludePatterns:patterns.filter(pattern=>pattern.startsWith("!"))}}},75987(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=capitalize;function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1)}},5913(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;var capitalize_1=__webpack_require__(75987);Object.defineProperty(exports,"capitalize",{enumerable:!0,get:function(){return capitalize_1.capitalize}})},96859(__unused_webpack_module,exports,__webpack_require__){"use strict";var process=__webpack_require__(68558),Buffer=__webpack_require__(84686).Buffer;Object.defineProperty(exports,"__esModule",{value:!0}),exports.lf=lf,exports.auto=auto,exports.cr=cr,exports.crlf=crlf;const isbinaryfile_1=__webpack_require__(81423),lineBreak=typeof process<"u"&&process.platform==="win32"?`\r
833
+ `,useRootLanes=(viewedLaneId,skip,options={},scope)=>{const{ids,offset,limit,sort}=options,{data,fetchMore,loading}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{laneIds:ids,offset,limit,sort,skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0},skip,errorPolicy:"all",fetchPolicy:"cache-and-network"}),lanesModel=(0,react_1.useMemo)(()=>{if(!loading&&!!data)return lanes_ui_models_lanes_model_1.LanesModel.from({data,scope})},[loading,data,viewedLaneId?.toString(),scope]),hasMore=(0,react_1.useMemo)(()=>loading?!0:limit?ids?.length?(data?.lanes?.list?.length??0)===ids.length:(data?.lanes?.list?.length??0)>=limit:!1,[loading,data]),fetchMoreLanes=(0,react_1.useCallback)(async(newOffset,newLimit)=>{if(hasMore)try{const{data:moreData,networkStatus}=await fetchMore({variables:{offset:newOffset,limit:newLimit,laneIds:[],skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0}}),loadingMore=networkStatus===3;return!loadingMore&&moreData.lanes?{lanesModel:lanes_ui_models_lanes_model_1.LanesModel.from({data:moreData}),loading:loadingMore,hasMore:(moreData.lanes.list?.length??0)>=newLimit,nextOffset:newOffset+newLimit}:{lanesModel,loading:loadingMore,nextOffset:newOffset,currentLimit:newLimit}}catch(err){return console.error(err),{}}return{lanesModel,loading:!1,hasMore:!1,nextOffset:newOffset,currentLimit:newLimit}},[hasMore,viewedLaneId?.toString(),lanesModel]);return{loading,lanesModel,fetchMoreLanes,hasMore,offset,limit}},useSearchLanes=(search,skip)=>{const{data:searchData,loading:loadingSearch}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{search,skipViewedLane:!0},skip:skip||!search,errorPolicy:"all",fetchPolicy:"cache-and-network"});return search?{loading:loadingSearch,lanesModel:searchData&&lanes_ui_models_lanes_model_1.LanesModel.from({data:{lanes:{...searchData.lanes,current:void 0,default:void 0}}})}:{}};exports.useSearchLanes=useSearchLanes;const useLanes=(targetLanes,skip,optionsFromProps,useContextFromProps=!0,scope)=>{const context=(0,lanes_context_1.useLanesContext)()||{},options=optionsFromProps||context?.options,isSameOptions=(0,lodash_1.isEqual)(options,context?.options),useContext=useContextFromProps&&!!context&&isSameOptions,shouldSkip=skip||!!targetLanes||useContext,rootLanesData=useRootLanes(context?.lanesModel?.viewedLane?.id,shouldSkip,options,scope),searchResult=(0,exports.useSearchLanes)(options?.search,shouldSkip);return targetLanes?(targetLanes.viewedLane||targetLanes.setViewedLane(context?.lanesModel?.viewedLane?.id),{...context,...rootLanesData,lanesModel:targetLanes,searchResult}):useContext?{...context,searchResult}:(rootLanesData.lanesModel?.setViewedLane(context?.lanesModel?.viewedLane?.id),{...context,...rootLanesData,searchResult})};exports.useLanes=useLanes},1453(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(49446);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},49446(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(30266),lane_id_1=__webpack_require__(35896),component_id_1=__webpack_require__(62435),path_to_regexp_1=__webpack_require__(68883),lodash_1=__webpack_require__(92935);class LanesModel{static mapToLaneModel(laneData){const{id,laneComponentIds=[],readmeComponent,hash,createdAt,displayName,updatedAt,createdBy:createdByData,updatedBy:updatedByData,dependents=[],slug,deleted}=laneData,componentIds=laneComponentIds?.map(laneComponentId=>component_id_1.ComponentID.fromObject(laneComponentId))||[],readmeComponentModel=readmeComponent&&component_1.ComponentModel.from({...readmeComponent}),createdAtDate=createdAt&&new Date(+createdAt)||void 0,createdBy=createdByData?{name:createdByData?.name??void 0,email:createdByData.email??void 0,username:createdByData?.username??void 0,displayName:createdByData?.displayName??void 0,profileImage:createdByData.profileImage??void 0}:void 0,updatedAtDate=updatedAt&&new Date(+updatedAt)||void 0,updatedBy=updatedByData?.name?{name:updatedByData?.name??void 0,username:updatedByData?.username??void 0,displayName:updatedByData?.displayName??void 0,email:updatedByData.email??void 0,profileImage:updatedByData.profileImage??void 0}:void 0;return{id:lane_id_1.LaneId.from(id.name,id.scope),components:componentIds,readmeComponent:readmeComponentModel,createdAt:createdAtDate,updatedAt:updatedAtDate,displayName,hash,updatedBy,createdBy,deleted,dependents:dependents?.map(dependent=>component_id_1.ComponentID.fromObject(dependent)),slug}}static groupLaneIdsByScope(laneIds){const grouped=new Map;return laneIds.forEach(laneId=>{const{scope}=laneId;if(!grouped.has(scope))grouped.set(scope,[laneId]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,laneId])}}),grouped}static groupLanesByScope(lanes){const grouped=new Map;return lanes.forEach(lane=>{const{scope}=lane.id;if(!grouped.has(scope))grouped.set(scope,[lane]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,lane])}}),grouped}static groupByComponentNameAndId(lanes){const byName=new Map,byId=new Map;return lanes.forEach(lane=>{const{components}=lane;components.forEach(component=>{const name=component.fullName,id=component.toString(),existingByName=byName.get(name)||[],existingById=byId.get(id)||[];existingByName.push(lane),existingById.push(lane),byName.set(name,existingByName),byId.set(id,existingById)})}),{byName,byId}}static from({data,scope,viewedLaneId}){const lanes=data?.lanes?.list?.map(lane=>LanesModel.mapToLaneModel(lane))||[],currentLane=data?.lanes?.current?LanesModel.mapToLaneModel(data.lanes.current):void 0,defaultLane=data?.lanes?.default?LanesModel.mapToLaneModel(data.lanes.default):scope&&LanesModel.mapToLaneModel({id:{name:"main",scope},hash:""})||lanes.find(lane=>lane.id.isDefault())||void 0,viewedLane=viewedLaneId?lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):data?.lanes?.viewedLane&&LanesModel.mapToLaneModel(data.lanes.viewedLane[0])||currentLane||defaultLane;return new LanesModel({lanes,currentLane,defaultLane,viewedLane})}constructor({lanes=[],viewedLane,currentLane,defaultLane}){this.getLaneComponentUrlByVersion=(componentId,laneId,addScopeMetadataInUrl,laneFromParams)=>{const defaultLane2=this.getDefaultLane();if(!componentId.version||!laneId||!defaultLane2||laneId&&this.currentLane&&laneId.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl,laneFromParams);const lane=this.getLanesByComponentId(componentId)?.find(l=>l.id.isEqual(laneId));return lane?lane.id.isDefault()?LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl,laneFromParams):LanesModel.getLaneComponentUrl(componentId,lane.id,addScopeMetadataInUrl,laneFromParams):defaultLane2.components.find(c=>c.isEqual(componentId))?LanesModel.getMainComponentUrl(componentId,laneId,addScopeMetadataInUrl,laneFromParams):void 0},this.setViewedLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):void 0},this.setViewedOrDefaultLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.slug===viewedLaneId.name||lane.id.isEqual(viewedLaneId)):this.getDefaultLane()},this.resolveComponentFromUrl=(idFromUrl,laneId)=>{const comps=(laneId&&this.lanes.find(lane=>lane.slug===laneId.toString()||lane.id.isEqual(laneId))||this.viewedLane)?.components||[];return idFromUrl.includes(".")?comps.find(component=>component.toStringWithoutVersion()===idFromUrl):comps.find(component=>component.fullName===idFromUrl)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(lane=>!lane.id.isDefault()),this.isInViewedLane=(componentId,includeVersion)=>includeVersion?this.viewedLane?.components.some(comp=>includeVersion&&comp.isEqual(componentId)):this.viewedLane?.components.some(comp=>includeVersion&&comp.isEqual(componentId,{ignoreVersion:!0})),this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=componentId=>this.lanesByComponentName.get(componentId.fullName),this.getLanesByComponentId=componentId=>this.lanesByComponentId.get(componentId.toString()),this.isComponentOnMain=(componentId,includeVersion)=>includeVersion?!!this.getLanesByComponentId(componentId)?.some(lane=>lane.id.isDefault()):!!this.getLanesByComponentName(componentId)?.some(lane=>lane.id.isDefault()),this.isComponentOnMainButNotOnLane=(componentId,includeVersion,laneId)=>this.isComponentOnMain(componentId,includeVersion)&&!this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnLaneButNotOnMain=(componentId,includeVersion,laneId)=>!this.isComponentOnMain(componentId,includeVersion)&&this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnNonDefaultLanes=(componentId,includeVersion,laneId)=>includeVersion?!!this.getLanesByComponentId(componentId)?.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))):!!this.getLanesByComponentName(componentId)?.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))),this.isComponentDependent=(componentId,includeVersion,laneId)=>{const lane=laneId?this.lanes.find(l=>l.id.isEqual(laneId)):this.viewedLane;return lane?includeVersion?!!lane.dependents?.some(dep=>dep.isEqual(componentId)):!!lane.dependents?.some(dep=>dep.isEqual(componentId,{ignoreVersion:!0})):!1},this.viewedLane=viewedLane,this.currentLane=currentLane,this.defaultLane=defaultLane;const allUniqueLanes=(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,this.defaultLane,this.currentLane,this.viewedLane],lane=>lane?.id.toString()));this.lanes=allUniqueLanes,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}addLanes(newLanes=[]){this.lanes=LanesModel.concatLanes(this.lanes,newLanes),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}static concatLanes(lanes=[],newLanes=[]){return(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,...newLanes],lane=>lane?.id.toString()))}}exports.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,path_to_regexp_1.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(pathname,urlSearchParams)=>{const matches=LanesModel.laneFromPathRegex.exec(pathname);if(matches){const[,scopeId,laneId]=matches;return lane_id_1.LaneId.from(laneId,scopeId)}if(urlSearchParams){const laneIdQueryParam=urlSearchParams.get(LanesModel.laneUrlParamsKey);return laneIdQueryParam?lane_id_1.LaneId.parse(laneIdQueryParam):void 0}},LanesModel.getLaneUrl=(laneId,relative,_lane)=>`${relative?"":"/"}${LanesModel.lanesPrefix}/${laneId.toString()}`,LanesModel.getLaneComponentUrl=(componentId,laneId,addScopeMetadataInUrl,_lane)=>{const isExternalComponent=componentId.scope!==laneId.scope,laneUrl=LanesModel.getLaneUrl(laneId),queryParams=new URLSearchParams;return componentId.version&&queryParams.set("version",componentId.version),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${isExternalComponent?`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.toStringWithoutVersion()}`:`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.fullName}`}?${queryParams.toString()}`},LanesModel.getMainComponentUrl=(componentId,laneId,addScopeMetadataInUrl,_lane)=>{const componentUrl=componentId.fullName,queryParams=new URLSearchParams;return laneId&&queryParams.set(LanesModel.laneUrlParamsKey,laneId.toString()),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${componentUrl}?${queryParams.toString()}`}},618(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PanelUiAspect",{enumerable:!0,get:function(){return _panelUi().PanelUiAspect}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return _tabs().Tab}}),Object.defineProperty(exports,"TabContainer",{enumerable:!0,get:function(){return _tabs().TabContainer}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return _tabs().TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return _tabs().TabPanel}});function _panelUi(){const data=__webpack_require__(75041);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(31025);return _tabs=function(){return data},data}},75041(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const PanelUiAspect=exports.PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},31025(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab,exports.TabContainer=void 0,exports.TabList=TabList,exports.TabPanel=void 0;function _classnames(){const data=_interopRequireDefault(__webpack_require__(97500));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(12888));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(72653);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(41088));return _tabsModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const TabContainer=exports.TabContainer=_reactTabs().Tabs;function TabList(props){return _react().default.createElement(_reactTabs().TabList,_extends({},props,{className:(0,_classnames().default)(_tabsModule().default.tabContainer,props.className)}))}TabList.tabsRole="TabList";const TabPanel=exports.TabPanel=_reactTabs().TabPanel;function Tab(props){return _react().default.createElement(_reactTabs().Tab,_extends({},props,{className:(0,_classnames().default)(props.className,_tabsModule().default.tab),selectedClassName:_tabsModule().default.active,disabledClassName:_tabsModule().default.disabled}))}Tab.tabsRole="Tab"},34907(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getLatestVersion",{enumerable:!0,get:function(){return _semverHelper().getLatestVersion}}),Object.defineProperty(exports,"getValidVersionOrReleaseType",{enumerable:!0,get:function(){return _semverHelper().getValidVersionOrReleaseType}}),Object.defineProperty(exports,"isRange1GreaterThanRange2Naively",{enumerable:!0,get:function(){return _semverHelper().isRange1GreaterThanRange2Naively}}),Object.defineProperty(exports,"validateVersion",{enumerable:!0,get:function(){return _semverHelper().validateVersion}});function _semverHelper(){const data=__webpack_require__(54388);return _semverHelper=function(){return data},data}},54388(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isRange1GreaterThanRange2Naively=isRange1GreaterThanRange2Naively,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(16322);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(25699);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}function isRange1GreaterThanRange2Naively(range1,range2){const minVersion1=(0,_semver().minVersion)(range1),minVersion2=(0,_semver().minVersion)(range2);return!minVersion1||!minVersion2?!1:(0,_semver().gt)(minVersion1,minVersion2)}},38848(__unused_webpack_module,exports){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.computePreviewScale=computePreviewScale;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}},37175(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPropsAggregator=exports.PreviewPropsExecutor=exports.PreviewPropsManager=exports.SandboxPermissionsAggregator=exports.SandboxPermissionExecutor=exports.SandboxManager=exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(21119);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(46229);Object.defineProperty(exports,"toPreviewUrl",{enumerable:!0,get:function(){return urls_1.toPreviewUrl}}),Object.defineProperty(exports,"toPreviewServer",{enumerable:!0,get:function(){return urls_1.toPreviewServer}}),Object.defineProperty(exports,"toPreviewHash",{enumerable:!0,get:function(){return urls_1.toPreviewHash}});var sandbox_manager_1=__webpack_require__(83402);Object.defineProperty(exports,"SandboxManager",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxManager}}),Object.defineProperty(exports,"SandboxPermissionExecutor",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxPermissionExecutor}}),Object.defineProperty(exports,"SandboxPermissionsAggregator",{enumerable:!0,get:function(){return sandbox_manager_1.SandboxPermissionsAggregator}}),Object.defineProperty(exports,"PreviewPropsManager",{enumerable:!0,get:function(){return sandbox_manager_1.PreviewPropsManager}}),Object.defineProperty(exports,"PreviewPropsExecutor",{enumerable:!0,get:function(){return sandbox_manager_1.PreviewPropsExecutor}}),Object.defineProperty(exports,"PreviewPropsAggregator",{enumerable:!0,get:function(){return sandbox_manager_1.PreviewPropsAggregator}})},21119(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}(),__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentPreview=ComponentPreview;const jsx_runtime_1=__webpack_require__(11684),react_1=__importStar(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),lodash_1=__webpack_require__(92935),penpal_1=__webpack_require__(8926),pubsub_1=__webpack_require__(78410),base_react_themes_theme_switcher_1=__webpack_require__(70589),ui_foundation_ui_rendering_html_1=__webpack_require__(28452),urls_1=__webpack_require__(46229),compute_preview_scale_1=__webpack_require__(38848),use_iframe_content_height_1=__webpack_require__(52833),preview_module_scss_1=__importDefault(__webpack_require__(74134));function ComponentPreview({component,previewName,className,forceHeight,includeEnv=!0,queryParams,disableScroll=!1,pubsub,innerBottomPadding=0,viewport=1280,fullContentHeight=!1,onLoad,style,sandbox,propagateError,onPreviewError,...rest}){const[heightIframeRef,iframeHeight]=(0,use_iframe_content_height_1.useIframeContentHeight)({skip:!1,viewport}),iframeRef=(0,react_1.useRef)(null),[width,setWidth]=(0,react_1.useState)(0),[height,setHeight]=(0,react_1.useState)(0),containerRef=(0,react_1.useRef)(null),isScaling=component.preview?.isScaling,currentRef=isScaling?iframeRef:heightIframeRef,[forceVisible,setForceVisible]=(0,react_1.useState)(!1);(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{const handleMessage=event=>{if((event.data&&event.data.event===ui_foundation_ui_rendering_html_1.LOAD_EVENT||event.data&&event.data.event==="webpackInvalid")&&onLoad&&onLoad(event),event.data&&(event.data.event===ui_foundation_ui_rendering_html_1.ERROR_EVENT||event.data.event==="AI_FIX_REQUEST")){const errorData=event.data.payload;if(onPreviewError?.(errorData),setForceVisible(!0),propagateError&&window.parent&&window!==window.parent)try{window.parent.postMessage({event:event.data.event,payload:{...errorData,forwardedFrom:{component:component.id,preview:previewName}}},"*")}catch(err){console.error("failed to propagate error to parent",err)}}};return window.addEventListener("message",handleMessage),()=>{window.removeEventListener("message",handleMessage)}},[component.id.toString(),onLoad,propagateError,onPreviewError]),(0,react_1.useEffect)(()=>{!iframeRef.current||(0,penpal_1.connectToChild)({iframe:iframeRef.current,methods:{pub:(event,message)=>{message.type==="preview-size"&&(setWidth(message.data.width),setHeight(message.data.height)),onLoad&&event&&onLoad(event,{height:message.data.height,width:message.data.width})}}})},[iframeRef?.current]);const theme=(0,base_react_themes_theme_switcher_1.useThemePicker)(),themeParam=theme?.current?.themeName?`theme=${theme.current.themeName}`:"",baseParams=Array.isArray(queryParams)?queryParams.concat(themeParam):(0,lodash_1.compact)([queryParams,themeParam]),paramsWithViewport=Array.isArray(baseParams)?baseParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([baseParams,`viewport=${viewport}`]),targetParams=viewport===null?baseParams:paramsWithViewport,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:baseParams,includeEnv),containerWidth=containerRef.current?.offsetWidth||0,containerHeight=containerRef.current?.offsetHeight||0,currentWidth=fullContentHeight?"100%":width||1280,legacyCurrentWidth="100%",targetWidth=typeof currentWidth=="string"?currentWidth:Math.max(currentWidth,containerWidth),targetHeight=height!==0?height:5e3,finalHeight=!fullContentHeight&&targetHeight<containerHeight?containerHeight:targetHeight,defaultLegacyHeight=forceHeight||5e3,legacyIframeHeight=(iframeHeight||0)>400?iframeHeight:defaultLegacyHeight;return(0,jsx_runtime_1.jsx)("div",{ref:containerRef,className:(0,classnames_1.default)(preview_module_scss_1.default.preview,className),style:{height:forceHeight},children:(0,jsx_runtime_1.jsx)("iframe",{...rest,sandbox:sandbox||void 0,ref:currentRef,style:{...style,height:forceHeight||(isScaling?finalHeight+innerBottomPadding:legacyIframeHeight),width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight&&!forceVisible?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width||1280,containerWidth||1280),border:0,transformOrigin:"top left"},src:url,scrolling:disableScroll?"no":void 0})})}},83402(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(){var ownKeys=function(o){return ownKeys=Object.getOwnPropertyNames||function(o2){var ar=[];for(var k in o2)Object.prototype.hasOwnProperty.call(o2,k)&&(ar[ar.length]=k);return ar},ownKeys(o)};return function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k=ownKeys(mod),i=0;i<k.length;i++)k[i]!=="default"&&__createBinding(result,mod,k[i]);return __setModuleDefault(result,mod),result}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewPropsManager=exports.SandboxManager=void 0,exports.SandboxPermissionExecutor=SandboxPermissionExecutor,exports.SandboxPermissionsAggregator=SandboxPermissionsAggregator,exports.PreviewPropsExecutor=PreviewPropsExecutor,exports.PreviewPropsAggregator=PreviewPropsAggregator;const jsx_runtime_1=__webpack_require__(11684),react_1=__importStar(__webpack_require__(12888));class SandboxManager{constructor(initialPermissions=[]){this.permissions=new Set(initialPermissions)}add(permission){return this.permissions.add(permission),this}remove(permission){return this.permissions.delete(permission),this}has(permission){return this.permissions.has(permission)}toString(){return Array.from(this.permissions).join(" ")}}exports.SandboxManager=SandboxManager;function SandboxPermissionExecutor({usePermissionHook,manager,component}){return usePermissionHook(manager,component),null}function SandboxPermissionsAggregator({hooks,onSandboxChange,component}){const managerRef=(0,react_1.useRef)(new SandboxManager);return(0,react_1.useEffect)(()=>{onSandboxChange?.(managerRef.current.toString())}),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:hooks.map((usePermissionHook,i)=>(0,jsx_runtime_1.jsx)(SandboxPermissionExecutor,{usePermissionHook,manager:managerRef.current,component},`sanbox-permission-executor-${i}`))})}class PreviewPropsManager{constructor(){this.attrs={}}set(key,value){return this.attrs[key]=value,this}get(key){return this.attrs[key]}toAttrs(){return{...this.attrs}}}exports.PreviewPropsManager=PreviewPropsManager;function PreviewPropsExecutor({usePropsHook,manager,component}){return usePropsHook(manager,component),null}function shallowEqualAttrs(a,b){const aKeys=Object.keys(a),bKeys=Object.keys(b);return aKeys.length!==bKeys.length?!1:aKeys.every(k=>a[k]===b[k])}function PreviewPropsAggregator({hooks,component,children}){const manager=new PreviewPropsManager;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[hooks.map((usePropsHook,i)=>(0,jsx_runtime_1.jsx)(PreviewPropsExecutor,{usePropsHook,manager,component},`preview-props-executor-${i}`)),(0,jsx_runtime_1.jsx)(PreviewPropsConsumer,{manager,children})]})}function PreviewPropsConsumer({manager,children}){const next=manager.toAttrs(),stableRef=(0,react_1.useRef)(next);return shallowEqualAttrs(stableRef.current,next)||(stableRef.current=next),(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:children(stableRef.current)})}},46229(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewUrl=toPreviewUrl,exports.toPreviewServer=toPreviewServer,exports.toPreviewHash=toPreviewHash;const base_ui_utils_string_affix_1=__webpack_require__(21812);function toPreviewUrl(component,previewName,additionalParams,includeEnvId=!0){const serverPath=toPreviewServer(component,previewName),envId=getEnvIdQueryParam(component,includeEnvId),hash=toPreviewHash(component,previewName,envId,additionalParams);return`${serverPath}#${hash}`}function toPreviewServer(component,previewName){const explicitUrl=component.server?.url;return explicitUrl&&!component.server.host?explicitUrl:component.preview?.includesEnvTemplate===!1?toEnvTemplatePreviewUrl(component,previewName):toComponentPreviewUrl(component)}function getEnvIdQueryParam(component,includeEnvId=!0){if(!!includeEnvId&&!(component.server?.host||component.server?.basePath)&&!!component.server?.url)return component.environment?.id}function toComponentPreviewUrl(component){return`${createPrefix(component.server?.basePath,component.server?.host)}/${component.id.toString()}/~aspect/preview/`}function createPrefix(basePath,host){const actualBasePath=basePath||"/api",basePathWithSlash=actualBasePath.startsWith("/")?actualBasePath:`/${actualBasePath}`,hostWithoutSlash=host?.endsWith("/")?host.slice(0,-1):host,prefix=hostWithoutSlash?`${hostWithoutSlash}${basePathWithSlash}`:basePathWithSlash;return prefix.endsWith("/")?prefix.slice(0,-1):prefix}function toEnvTemplatePreviewUrl(component,previewName){const envId=component.environment?.id,search=`compId=${component.id.toString()}`;return`${createPrefix(component.server?.basePath,component.server?.host)}/${envId}/~aspect/env-template/${previewName}/?${search}`}function toPreviewHash(component,previewName,envId,queryParams=""){const previewParam=(0,base_ui_utils_string_affix_1.affix)("preview=",previewName),envIdParam=(0,base_ui_utils_string_affix_1.affix)("env=",envId),hashQuery=[previewParam,envIdParam].concat(queryParams).filter(x=>!!x).join("&");return`${component.id.toString()}${(0,base_ui_utils_string_affix_1.affix)("?",hashQuery)}`}},52833(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.useIframeContentHeight=useIframeContentHeight,__webpack_unused_export__=useInterval;const react_1=__webpack_require__(12888);function useIframeContentHeight({interval=250,skip,viewport}){const iframeRef=(0,react_1.useRef)(null),[iframeHeight,setIframeHeight]=(0,react_1.useState)(0),[iframeWidth,setIframeWidth]=(0,react_1.useState)(0);if(skip)return[iframeRef,void 0,iframeWidth];let first=!0;return useInterval(()=>{try{const iframe=iframeRef.current;if(!iframe||!iframe.contentWindow||!iframe.contentWindow.document)return;viewport!==null&&(iframe.contentWindow.document.body.style.width="fit-content"),!first&&iframe?.style.height==="5000px"&&(iframe.style.height="100%");const newHeight=iframe.contentWindow.document.body.scrollHeight,newWidth=iframe?.contentWindow?.document.body.offsetWidth;setIframeHeight(newHeight),setIframeWidth(newWidth||0),first=!1}catch{}},interval),[iframeRef,iframeHeight,iframeWidth]}function useInterval(callback,interval){const savedCallback=(0,react_1.useRef)(()=>callback);(0,react_1.useEffect)(()=>{savedCallback.current=callback}),(0,react_1.useEffect)(()=>{function tick(){savedCallback.current()}if(interval!==null){const id=setInterval(tick,interval);return()=>clearInterval(id)}return()=>{}},[interval])}},78434(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},78410(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__={enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}},__webpack_unused_export__={enumerable:!0,get:function(){return _pubsub().PubsubAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _pubsub().PubsubAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _pubsubContext().usePubSub}},Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(6525);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(78434);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(19665);return _pubsubContext=function(){return data},data}},19665(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(12888));return _react=function(){return data},data}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}const pubsubRegistry=exports.pubsubRegistry=(0,_react().createContext)(void 0);function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!ref?.current||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},6525(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(72631);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},46834(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsApp=DocsApp;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),docs_1=__webpack_require__(82894),react_ui_docs_properties_table_1=__webpack_require__(95743),react_ui_docs_compositions_carousel_1=__webpack_require__(20299),react_ui_docs_docs_content_1=__webpack_require__(84410),docs_theme_1=__webpack_require__(45728),docs_app_module_scss_1=__importDefault(__webpack_require__(19249));function DocsApp({componentId,docs=docs_1.defaultDocs,compositions,context}){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?"),renderOnlyOverview=new URLSearchParams(after).get("onlyOverview");return(0,jsx_runtime_1.jsx)(docs_theme_1.DocsTheme,{children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(react_ui_docs_docs_content_1.DocsContent,{docs,className:docs_app_module_scss_1.default.mdx}),(!renderOnlyOverview||renderOnlyOverview==="false")&&(0,jsx_runtime_1.jsx)(react_ui_docs_compositions_carousel_1.CompositionsCarousel,{renderingContext:context,compositions,className:docs_app_module_scss_1.default.compositionSection,compositionCardClass:docs_app_module_scss_1.default.compositionCard}),(!renderOnlyOverview||renderOnlyOverview==="false")&&(0,jsx_runtime_1.jsx)(react_ui_docs_properties_table_1.PropertiesTable,{componentId})]})})}},45728(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsTheme=DocsTheme;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),design_themes_theme_toggler_1=__webpack_require__(93250),design_theme_icons_font_1=__webpack_require__(19644),docs_app_module_scss_1=__importDefault(__webpack_require__(19249));function DocsTheme({children}){const hash=window.location.hash,[,hashQuery]=hash&&hash.split("?"),theme=new URLSearchParams(hashQuery).get("theme")||"light";return(0,jsx_runtime_1.jsxs)(design_themes_theme_toggler_1.ThemeSwitcher,{defaultTheme:theme,children:[(0,jsx_runtime_1.jsx)(design_theme_icons_font_1.IconFont,{query:"q76y7n"}),(0,jsx_runtime_1.jsx)("div",{className:(0,classnames_1.default)(docs_app_module_scss_1.default.docsMainBlock),children})]})}},31990(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),docs_app_1=__webpack_require__(46834);let root;function createCompatRoot(container){try{return __webpack_require__(49116).createRoot(container)}catch{const ReactDOM=__webpack_require__(2163);return{render:element=>{ReactDOM.render(element,container)}}}}function DocsRoot({componentId,docs,compositions,context}){root||(root=createCompatRoot(document.getElementById("root"))),root.render((0,jsx_runtime_1.jsx)(docs_app_1.DocsApp,{componentId,docs,compositions,context}))}DocsRoot.apiObject=!0,exports.default=DocsRoot},26143(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsStyles=exports.DocsApp=exports.default=exports.DocsTheme=void 0;var docs_theme_1=__webpack_require__(45728);Object.defineProperty(exports,"DocsTheme",{enumerable:!0,get:function(){return docs_theme_1.DocsTheme}});var docs_app_root_1=__webpack_require__(31990);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(docs_app_root_1).default}});var docs_app_1=__webpack_require__(46834);Object.defineProperty(exports,"DocsApp",{enumerable:!0,get:function(){return docs_app_1.DocsApp}});var docs_app_module_scss_1=__webpack_require__(19249);Object.defineProperty(exports,"docsStyles",{enumerable:!0,get:function(){return __importDefault(docs_app_module_scss_1).default}})},66621(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApplyProviders=ApplyProviders;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),react_error_boundary_1=__webpack_require__(85206),base_ui_utils_composer_1=__webpack_require__(40218),react_ui_error_fallback_1=__webpack_require__(25817);function ApplyProviders({renderingContext,children,...rest}){const{providers=[]}=renderingContext.get("teambit.react/react")||{};return(0,jsx_runtime_1.jsx)("div",{...rest,children:(0,jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback,children:(0,jsx_runtime_1.jsx)(base_ui_utils_composer_1.Composer,{components:providers,children})})})}},21634(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.ApplyProviders=void 0;var apply_providers_1=__webpack_require__(66621);Object.defineProperty(exports,"ApplyProviders",{enumerable:!0,get:function(){return apply_providers_1.ApplyProviders}})},63499(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsCarousel=CompositionsCarousel;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),react_ui_docs_apply_providers_1=__webpack_require__(21634),compositions_ui_compositions_overview_1=__webpack_require__(9408),documenter_ui_linked_heading_1=__webpack_require__(59196),documenter_ui_section_1=__webpack_require__(3204);function CompositionsCarousel({compositions,compositionCardClass,renderingContext,...rest}){return!compositions||Object.keys(compositions).length===0?null:(0,jsx_runtime_1.jsxs)(documenter_ui_section_1.Section,{...rest,children:[(0,jsx_runtime_1.jsx)(documenter_ui_linked_heading_1.LinkedHeading,{children:"Compositions"}),(0,jsx_runtime_1.jsx)(react_ui_docs_apply_providers_1.ApplyProviders,{renderingContext,children:(0,jsx_runtime_1.jsx)(compositions_ui_compositions_overview_1.CompositionsOverview,{compositions,compositionCardClass})})]})}},20299(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.CompositionsCarousel=void 0;var compositions_carousel_1=__webpack_require__(63499);Object.defineProperty(exports,"CompositionsCarousel",{enumerable:!0,get:function(){return compositions_carousel_1.CompositionsCarousel}})},5915(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsContent=DocsContent;const jsx_runtime_1=__webpack_require__(11684),react_error_boundary_1=__webpack_require__(85206),lodash_1=__webpack_require__(92935),docs_1=__webpack_require__(82894),react_ui_error_fallback_1=__webpack_require__(25817),mdx_ui_mdx_layout_1=__webpack_require__(63698),react_1=__importDefault(__webpack_require__(12888));function DocsContent({docs=docs_1.defaultDocs,...rest}){const Content=(0,lodash_1.isFunction)(docs.default)?docs.default:()=>null;return(0,jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback,children:Content.isMDXComponent?(0,jsx_runtime_1.jsx)(mdx_ui_mdx_layout_1.MDXLayout,{...rest,children:(0,jsx_runtime_1.jsx)(Content,{})}):(0,jsx_runtime_1.jsx)(Content,{})})}},84410(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.DocsContent=void 0;var docs_content_1=__webpack_require__(5915);Object.defineProperty(exports,"DocsContent",{enumerable:!0,get:function(){return docs_content_1.DocsContent}})},95743(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.PropertiesTable=void 0;var properties_table_1=__webpack_require__(5471);Object.defineProperty(exports,"PropertiesTable",{enumerable:!0,get:function(){return properties_table_1.PropertiesTable}})},5471(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=PropertiesTable;const jsx_runtime_1=__webpack_require__(11684),documenter_ui_linked_heading_1=__webpack_require__(59196),documenter_ui_property_table_1=__webpack_require__(34369),documenter_ui_section_1=__webpack_require__(3204),component_ui_hooks_use_fetch_docs_1=__webpack_require__(37590),react_1=__importDefault(__webpack_require__(12888));function PropertiesTable({componentId,...rest}){const{loading,error,data}=(0,component_ui_hooks_use_fetch_docs_1.useFetchDocs)(componentId);if(!data||loading)return null;if(error)return console.error(`failed to fetch docs for ${componentId} in PropertiesTable`,error),null;if(!data.docs.properties)return console.warn(`no properties found for ${componentId} in PropertiesTable`),null;const{properties}=data.docs;return properties.length===0?(0,jsx_runtime_1.jsx)("div",{}):(0,jsx_runtime_1.jsxs)(documenter_ui_section_1.Section,{...rest,children:[(0,jsx_runtime_1.jsx)(documenter_ui_linked_heading_1.LinkedHeading,{children:"Properties"}),(0,jsx_runtime_1.jsx)(documenter_ui_property_table_1.PropTable,{rows:properties})]})}},63170(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=ErrorFallback;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),classnames_1=__importDefault(__webpack_require__(97500)),design_ui_icon_button_1=__webpack_require__(83315),base_ui_styles_flex_center_1=__webpack_require__(88378),error_fallback_module_scss_1=__importDefault(__webpack_require__(87465));function ErrorFallback({resetErrorBoundary,className,children="Failed to render",cta="try again"}){const handleClick=async()=>{await new Promise(resolve=>setTimeout(resolve,480)),resetErrorBoundary()};return(0,jsx_runtime_1.jsxs)("div",{className:(0,classnames_1.default)(error_fallback_module_scss_1.default.errorFallback,base_ui_styles_flex_center_1.flexCenter,className),children:[(0,jsx_runtime_1.jsx)("div",{className:error_fallback_module_scss_1.default.icon}),(0,jsx_runtime_1.jsx)("div",{className:error_fallback_module_scss_1.default.message,children}),(0,jsx_runtime_1.jsx)(design_ui_icon_button_1.IconButton,{onClick:handleClick,className:error_fallback_module_scss_1.default.retryButton,children:cta})]})}},25817(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(63170);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},50668(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.matchPatterns=exports.splitPatterns=void 0;var match_patterns_1=__webpack_require__(54601);Object.defineProperty(exports,"splitPatterns",{enumerable:!0,get:function(){return match_patterns_1.splitPatterns}}),Object.defineProperty(exports,"matchPatterns",{enumerable:!0,get:function(){return match_patterns_1.matchPatterns}})},54601(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.matchPatterns=matchPatterns,exports.splitPatterns=splitPatterns;const minimatch_1=__importDefault(__webpack_require__(7491));function matchPatterns(filePath,includePatterns,excludePatterns){const included=includePatterns.some(pattern=>(0,minimatch_1.default)(filePath,pattern)),excluded=excludePatterns.every(pattern=>(0,minimatch_1.default)(filePath,pattern));return included&&excluded}function splitPatterns(patterns){return{includePatterns:patterns.filter(pattern=>!pattern.startsWith("!")),excludePatterns:patterns.filter(pattern=>pattern.startsWith("!"))}}},75987(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=capitalize;function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1)}},5913(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;var capitalize_1=__webpack_require__(75987);Object.defineProperty(exports,"capitalize",{enumerable:!0,get:function(){return capitalize_1.capitalize}})},96859(__unused_webpack_module,exports,__webpack_require__){"use strict";var process=__webpack_require__(68558),Buffer=__webpack_require__(84686).Buffer;Object.defineProperty(exports,"__esModule",{value:!0}),exports.lf=lf,exports.auto=auto,exports.cr=cr,exports.crlf=crlf;const isbinaryfile_1=__webpack_require__(81423),lineBreak=typeof process<"u"&&process.platform==="win32"?`\r
834
834
  `:`
835
835
  `,newline=/\r\n|\r|\n/g;function converts(text,to){if(Buffer.isBuffer(text)){if((0,isbinaryfile_1.isBinaryFileSync)(text))return text;const str=text.toString(),strReplaced=str.replace(newline,to);return str!==strReplaced?Buffer.from(strReplaced):text}return text.toString().replace(newline,to)}function lf(text){return converts(text,`
836
836
  `)}function auto(text){return converts(text,lineBreak)}function cr(text){return converts(text,"\r")}function crlf(text){return converts(text,`\r
837
- `)}},46179(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.cr=exports.crlf=exports.lf=exports.auto=void 0;var eol_1=__webpack_require__(96859);Object.defineProperty(exports,"auto",{enumerable:!0,get:function(){return eol_1.auto}}),Object.defineProperty(exports,"lf",{enumerable:!0,get:function(){return eol_1.lf}}),Object.defineProperty(exports,"crlf",{enumerable:!0,get:function(){return eol_1.crlf}}),Object.defineProperty(exports,"cr",{enumerable:!0,get:function(){return eol_1.cr}})},34819(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getInitials=getInitials;function getInitials(name){if(!name)return;const words=name.split(" ");return words.length>1?words.slice(0,2).map(word=>word[0]).join(""):name.slice(0,2)}},76137(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.getInitials=void 0;var get_initials_1=__webpack_require__(34819);Object.defineProperty(exports,"getInitials",{enumerable:!0,get:function(){return get_initials_1.getInitials}})},99027(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.addAvatarQueryParams=addAvatarQueryParams;function addAvatarQueryParams(url,size,defaultAvatarBgColor,widthStretch=!0){if(!url)return url;const intSize=typeof size=="string"?parseInt(size):size,controlChar=url.indexOf("?")>-1?"&":"?",gravatarParams=[`size=${size}`],imgixParams=[`h=${intSize*2}`,"crop=faces","fit=crop",`bg=${defaultAvatarBgColor}`],widthParam=`w=${intSize*2}`,params=[].concat(gravatarParams,imgixParams,widthStretch?widthParam:[]);return`${url}${controlChar}${params.join("&")}`}},10788(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.addAvatarQueryParams=void 0;var add_avatar_query_params_1=__webpack_require__(99027);Object.defineProperty(exports,"addAvatarQueryParams",{enumerable:!0,get:function(){return add_avatar_query_params_1.addAvatarQueryParams}})},48223(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapser=Collapser;const evangelist_elements_icon_1=__webpack_require__(29751),classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(12888)),design_ui_tooltip_1=__webpack_require__(62634),collapser_button_module_scss_1=__importDefault(__webpack_require__(51918));function Collapser(_a){var{isOpen,tooltipContent,placement="right",onClick,className}=_a,rest=__rest(_a,["isOpen","tooltipContent","placement","onClick","className"]);const icon=`${placement}-rounded-corners`;return react_1.default.createElement(design_ui_tooltip_1.Tooltip,{content:tooltipContent},react_1.default.createElement("div",Object.assign({},rest,{onClick,className:(0,classnames_1.default)(collapser_button_module_scss_1.default.collapser,collapser_button_module_scss_1.default[placement],isOpen&&collapser_button_module_scss_1.default.open,className)}),react_1.default.createElement("div",{className:collapser_button_module_scss_1.default.circle},react_1.default.createElement("div",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:icon})))))}},21245(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapser=void 0;var collapser_button_1=__webpack_require__(48223);Object.defineProperty(exports,"Collapser",{enumerable:!0,get:function(){return collapser_button_1.Collapser}})},7622(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDataQuery=exports.DataQueryResult=void 0;var use_data_query_1=__webpack_require__(31055);Object.defineProperty(exports,"DataQueryResult",{enumerable:!0,get:function(){return use_data_query_1.DataQueryResult}}),Object.defineProperty(exports,"useDataQuery",{enumerable:!0,get:function(){return use_data_query_1.useDataQuery}})},31055(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDataQuery=useDataQuery;const react_1=__webpack_require__(12888),client_1=__webpack_require__(6083),ui_foundation_ui_notifications_notification_context_1=__webpack_require__(33319);function useDataQuery(query,options){const res=(0,client_1.useQuery)(query,options),notifications=(0,react_1.useContext)(ui_foundation_ui_notifications_notification_context_1.NotificationContext),{error}=res;return(0,react_1.useEffect)(()=>{error&&notifications.error(apolloErrorToString(error))},[error]),res}function apolloErrorToString(error){return error.toString()}},72164(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SlotRouter=void 0;var slot_router_1=__webpack_require__(29918);Object.defineProperty(exports,"SlotRouter",{enumerable:!0,get:function(){return slot_router_1.SlotRouter}})},29918(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SlotRouter=SlotRouter;const react_1=__importDefault(__webpack_require__(12888)),react_router_dom_1=__webpack_require__(83040),lodash_1=__webpack_require__(92935);function toKey(route){return route.path?route.path:route.index?"/":"."}function SlotRouter({routes:routesFromProps,slot,rootRoutes,children,parentPath}){const jsxRoutes=(routesFromProps||slot&&(0,lodash_1.flatten)(slot.values())||[]).concat(rootRoutes||[]).map(route=>react_1.default.createElement(react_router_dom_1.Route,Object.assign({key:toKey(route)},route)));return parentPath?react_1.default.createElement(react_router_dom_1.Routes,null,react_1.default.createElement(react_router_dom_1.Route,{path:parentPath},jsxRoutes,children)):react_1.default.createElement(react_router_dom_1.Routes,null,react_1.default.createElement(react_router_dom_1.Route,{path:parentPath},jsxRoutes,children))}},51569(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CrossIframeDevTools=CrossIframeDevTools;const react_1=__importDefault(__webpack_require__(12888));function CrossIframeDevTools(){return react_1.default.createElement("script",null,`/* Allow to use react dev-tools inside the examples */
838
- `,"try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}")}},30543(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullHeightStyle=FullHeightStyle;const react_1=__importDefault(__webpack_require__(12888));function FullHeightStyle(){return react_1.default.createElement("style",null,"body { margin: 0; }")}},77395(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ERROR_EVENT=exports.LOAD_EVENT=void 0,exports.Html=Html,exports.ssrCleanup=ssrCleanup;const react_1=__importDefault(__webpack_require__(12888)),dev_tools_1=__webpack_require__(51569),mount_point_1=__webpack_require__(1438),stored_assets_1=__webpack_require__(76871),ssr_styles_1=__webpack_require__(93087),full_height_style_1=__webpack_require__(30543);exports.LOAD_EVENT="_DOM_LOADED_",exports.ERROR_EVENT="_ERROR_OCCURRED_";const NotifyParentScript=()=>react_1.default.createElement("script",{dangerouslySetInnerHTML:{__html:`
837
+ `)}},46179(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.cr=exports.crlf=exports.lf=exports.auto=void 0;var eol_1=__webpack_require__(96859);Object.defineProperty(exports,"auto",{enumerable:!0,get:function(){return eol_1.auto}}),Object.defineProperty(exports,"lf",{enumerable:!0,get:function(){return eol_1.lf}}),Object.defineProperty(exports,"crlf",{enumerable:!0,get:function(){return eol_1.crlf}}),Object.defineProperty(exports,"cr",{enumerable:!0,get:function(){return eol_1.cr}})},34819(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getInitials=getInitials;function getInitials(name){if(!name)return;const words=name.split(" ");return words.length>1?words.slice(0,2).map(word=>word[0]).join(""):name.slice(0,2)}},76137(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.getInitials=void 0;var get_initials_1=__webpack_require__(34819);Object.defineProperty(exports,"getInitials",{enumerable:!0,get:function(){return get_initials_1.getInitials}})},99027(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.addAvatarQueryParams=addAvatarQueryParams;function addAvatarQueryParams(url,size,defaultAvatarBgColor,widthStretch=!0){if(!url)return url;const intSize=typeof size=="string"?parseInt(size):size,controlChar=url.indexOf("?")>-1?"&":"?",gravatarParams=[`size=${size}`],imgixParams=[`h=${intSize*2}`,"crop=faces","fit=crop",`bg=${defaultAvatarBgColor}`],widthParam=`w=${intSize*2}`,params=[].concat(gravatarParams,imgixParams,widthStretch?widthParam:[]);return`${url}${controlChar}${params.join("&")}`}},10788(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.addAvatarQueryParams=void 0;var add_avatar_query_params_1=__webpack_require__(99027);Object.defineProperty(exports,"addAvatarQueryParams",{enumerable:!0,get:function(){return add_avatar_query_params_1.addAvatarQueryParams}})},48223(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapser=Collapser;const jsx_runtime_1=__webpack_require__(11684),evangelist_elements_icon_1=__webpack_require__(29751),classnames_1=__importDefault(__webpack_require__(97500)),react_1=__importDefault(__webpack_require__(12888)),design_ui_tooltip_1=__webpack_require__(62634),collapser_button_module_scss_1=__importDefault(__webpack_require__(51918));function Collapser({isOpen,tooltipContent,placement="right",onClick,className,...rest}){const icon=`${placement}-rounded-corners`;return(0,jsx_runtime_1.jsx)(design_ui_tooltip_1.Tooltip,{content:tooltipContent,children:(0,jsx_runtime_1.jsx)("div",{...rest,onClick,className:(0,classnames_1.default)(collapser_button_module_scss_1.default.collapser,collapser_button_module_scss_1.default[placement],isOpen&&collapser_button_module_scss_1.default.open,className),children:(0,jsx_runtime_1.jsx)("div",{className:collapser_button_module_scss_1.default.circle,children:(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(evangelist_elements_icon_1.Icon,{of:icon})})})})})}},21245(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapser=void 0;var collapser_button_1=__webpack_require__(48223);Object.defineProperty(exports,"Collapser",{enumerable:!0,get:function(){return collapser_button_1.Collapser}})},7622(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDataQuery=void 0;var use_data_query_1=__webpack_require__(31055);Object.defineProperty(exports,"useDataQuery",{enumerable:!0,get:function(){return use_data_query_1.useDataQuery}})},31055(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDataQuery=useDataQuery;const react_1=__webpack_require__(12888),client_1=__webpack_require__(6083),ui_foundation_ui_notifications_notification_context_1=__webpack_require__(33319);function useDataQuery(query,options){const res=(0,client_1.useQuery)(query,options),notifications=(0,react_1.useContext)(ui_foundation_ui_notifications_notification_context_1.NotificationContext),{error}=res;return(0,react_1.useEffect)(()=>{error&&notifications.error(apolloErrorToString(error))},[error]),res}function apolloErrorToString(error){return error.toString()}},72164(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SlotRouter=void 0;var slot_router_1=__webpack_require__(29918);Object.defineProperty(exports,"SlotRouter",{enumerable:!0,get:function(){return slot_router_1.SlotRouter}})},29918(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SlotRouter=SlotRouter;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),react_router_dom_1=__webpack_require__(83040),lodash_1=__webpack_require__(92935);function toKey(route){return route.path?route.path:route.index?"/":"."}function SlotRouter({routes:routesFromProps,slot,rootRoutes,children,parentPath}){const jsxRoutes=(routesFromProps||slot&&(0,lodash_1.flatten)(slot.values())||[]).concat(rootRoutes||[]).map(route=>(0,jsx_runtime_1.jsx)(react_router_dom_1.Route,{...route},toKey(route)));return parentPath?(0,jsx_runtime_1.jsx)(react_router_dom_1.Routes,{children:(0,jsx_runtime_1.jsxs)(react_router_dom_1.Route,{path:parentPath,children:[jsxRoutes,children]})}):(0,jsx_runtime_1.jsx)(react_router_dom_1.Routes,{children:(0,jsx_runtime_1.jsxs)(react_router_dom_1.Route,{path:parentPath,children:[jsxRoutes,children]})})}},51569(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CrossIframeDevTools=CrossIframeDevTools;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888));function CrossIframeDevTools(){return(0,jsx_runtime_1.jsxs)("script",{children:[`/* Allow to use react dev-tools inside the examples */
838
+ `,"try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}"]})}},30543(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullHeightStyle=FullHeightStyle;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888));function FullHeightStyle(){return(0,jsx_runtime_1.jsx)("style",{children:"body { margin: 0; }"})}},77395(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ERROR_EVENT=exports.LOAD_EVENT=void 0,exports.Html=Html,exports.ssrCleanup=ssrCleanup;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888)),dev_tools_1=__webpack_require__(51569),mount_point_1=__webpack_require__(1438),stored_assets_1=__webpack_require__(76871),ssr_styles_1=__webpack_require__(93087),full_height_style_1=__webpack_require__(30543);exports.LOAD_EVENT="_DOM_LOADED_",exports.ERROR_EVENT="_ERROR_OCCURRED_";const NotifyParentScript=()=>(0,jsx_runtime_1.jsx)("script",{dangerouslySetInnerHTML:{__html:`
839
839
  // only send loaded event when mounted in an iframe
840
840
  if (window.parent && window !== window.parent) {
841
841
  document.addEventListener('DOMContentLoaded', function() {
842
842
  window.parent.postMessage({ event: '${exports.LOAD_EVENT}' }, '*');
843
843
  });
844
844
  };
845
- `}});function Html(_a){var _b,_c,_d,{assets={},withDevTools=!1,fullHeight,ssr,children=react_1.default.createElement(mount_point_1.MountPoint,null),notifyParentOnLoad=!0}=_a,rest=__rest(_a,["assets","withDevTools","fullHeight","ssr","children","notifyParentOnLoad"]);return react_1.default.createElement("html",Object.assign({lang:"en"},rest),react_1.default.createElement("head",null,react_1.default.createElement("title",null,assets.title||"bit scope"),react_1.default.createElement("meta",{charSet:"utf-8"}),react_1.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),ssr&&react_1.default.createElement(ssr_styles_1.SsrStyles,null),fullHeight&&react_1.default.createElement(full_height_style_1.FullHeightStyle,null),withDevTools&&react_1.default.createElement(dev_tools_1.CrossIframeDevTools,null),(_b=assets.style)===null||_b===void 0?void 0:_b.map((x,idx)=>react_1.default.createElement("style",{key:idx},x)),(_c=assets.css)===null||_c===void 0?void 0:_c.map((x,idx)=>react_1.default.createElement("link",{key:idx,href:x,rel:"stylesheet",type:"text/css"})),notifyParentOnLoad&&react_1.default.createElement(NotifyParentScript,null)),react_1.default.createElement("body",null,children,assets.json&&react_1.default.createElement(stored_assets_1.StoredAssets,{data:assets.json}),(_d=assets.js)===null||_d===void 0?void 0:_d.map((x,idx)=>react_1.default.createElement("script",{key:idx,src:x}))))}Html.fillContent=mount_point_1.fillMountPoint,Html.popAssets=stored_assets_1.popAssets;function ssrCleanup(){(0,ssr_styles_1.removeSsrStyles)()}},28452(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=exports.ERROR_EVENT=exports.LOAD_EVENT=__webpack_unused_export__=__webpack_unused_export__=void 0;var html_1=__webpack_require__(77395);__webpack_unused_export__={enumerable:!0,get:function(){return html_1.Html}},__webpack_unused_export__={enumerable:!0,get:function(){return html_1.ssrCleanup}},Object.defineProperty(exports,"LOAD_EVENT",{enumerable:!0,get:function(){return html_1.LOAD_EVENT}}),Object.defineProperty(exports,"ERROR_EVENT",{enumerable:!0,get:function(){return html_1.ERROR_EVENT}});var mount_point_1=__webpack_require__(1438);__webpack_unused_export__={enumerable:!0,get:function(){return mount_point_1.MountPoint}},__webpack_unused_export__={enumerable:!0,get:function(){return mount_point_1.mountPointId}};var stored_assets_1=__webpack_require__(76871);__webpack_unused_export__={enumerable:!0,get:function(){return stored_assets_1.popAssets}}},1438(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.mountPointId=void 0,exports.MountPoint=MountPoint,exports.fillMountPoint=fillMountPoint;const react_1=__importDefault(__webpack_require__(12888));exports.mountPointId="root";const placeholderRegex=/<div id="root"><\/div>/;function MountPoint({children}){return react_1.default.createElement("div",{id:exports.mountPointId},children)}function fillMountPoint(htmlTemplate,content){return htmlTemplate.replace(placeholderRegex,content)}},93087(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SsrStyles=SsrStyles,exports.removeSsrStyles=removeSsrStyles;const react_1=__importDefault(__webpack_require__(12888));function SsrStyles(){return react_1.default.createElement("style",{id:"before-hydrate-styles"},".--ssr-hidden ","{","display: none;","}")}function removeSsrStyles(){var _a;(_a=document.getElementById("before-hydrate-styles"))===null||_a===void 0||_a.remove()}},76871(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StoredAssets=StoredAssets,exports.popAssets=popAssets;const react_1=__importDefault(__webpack_require__(12888));function StoredAssets({data}){return react_1.default.createElement("div",{className:"state",style:{display:"none"}},Object.entries(data).map(([key,content])=>react_1.default.createElement("script",{key,"data-aspect":key,type:"application/json",dangerouslySetInnerHTML:{__html:content}})))}function popAssets(){var _a;const rawAssets=new Map;return Array.from(document.querySelectorAll("body > .state > *")).forEach(elem=>{const aspectName=elem.getAttribute("data-aspect");!aspectName||rawAssets.set(aspectName,elem.innerHTML)}),(_a=document.querySelector("body > .state"))===null||_a===void 0||_a.remove(),rawAssets}},60517(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWorkspaceMode=void 0;var use_workspace_mode_1=__webpack_require__(82484);Object.defineProperty(exports,"useWorkspaceMode",{enumerable:!0,get:function(){return use_workspace_mode_1.useWorkspaceMode}})},82484(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWorkspaceMode=void 0;const react_1=__webpack_require__(12888),react_router_dom_1=__webpack_require__(83040),useWorkspaceMode=()=>{const[searchParams,setSearchParams]=(0,react_router_dom_1.useSearchParams)(),isMinimal=searchParams.get("minimal-mode")==="true",setMinimalMode=(0,react_1.useCallback)(value=>{const newParams=new URLSearchParams(searchParams);newParams.set("minimal-mode",value.toString()),setSearchParams(newParams,{replace:!0})},[searchParams,setSearchParams]),toggleMinimalMode=(0,react_1.useCallback)(()=>{setMinimalMode(!isMinimal)},[isMinimal,setMinimalMode]);return{isMinimal,setMinimalMode,toggleMinimalMode}};exports.useWorkspaceMode=useWorkspaceMode},88468(module,__unused_webpack_exports,__webpack_require__){"use strict";var possibleNames=__webpack_require__(95809),g=typeof globalThis>"u"?__webpack_require__.g:globalThis;module.exports=function(){for(var out=[],i=0;i<possibleNames.length;i++)typeof g[possibleNames[i]]=="function"&&(out[out.length]=possibleNames[i]);return out}},9556(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.addLocaleData=addLocaleData,exports.getLocaleData=getLocaleData;var localesData={};function getLocaleData(locale){return localesData[locale]}function addLocaleData(localeData){if(!localeData)throw new Error("[javascript-time-ago] No locale data passed.");localesData[localeData.locale]=localeData}},20517(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.default=void 0;var _relativeTimeFormat=_interopRequireDefault(__webpack_require__(44418)),_cache=_interopRequireDefault(__webpack_require__(53953)),_locale=_interopRequireDefault(__webpack_require__(59217)),_isStyleObject=_interopRequireDefault(__webpack_require__(46841)),_getStep3=_interopRequireDefault(__webpack_require__(62537)),_getStepDenominator=_interopRequireDefault(__webpack_require__(71681)),_getTimeToNextUpdate=_interopRequireDefault(__webpack_require__(76635)),_LocaleDataStore=__webpack_require__(9556),_roundMinute=_interopRequireDefault(__webpack_require__(99113)),_getStyleByName=_interopRequireDefault(__webpack_require__(77822)),_round=__webpack_require__(79803);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function _createForOfIteratorHelperLoose(r,e){var t=typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(t)return(t=t.call(r)).next.bind(t);if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&typeof r.length=="number"){t&&(r=t);var o=0;return function(){return o>=r.length?{done:!0}:{done:!1,value:r[o++]}}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
845
+ `}});function Html({assets={},withDevTools=!1,fullHeight,ssr,children=(0,jsx_runtime_1.jsx)(mount_point_1.MountPoint,{}),notifyParentOnLoad=!0,...rest}){return(0,jsx_runtime_1.jsxs)("html",{lang:"en",...rest,children:[(0,jsx_runtime_1.jsxs)("head",{children:[(0,jsx_runtime_1.jsx)("title",{children:assets.title||"bit scope"}),(0,jsx_runtime_1.jsx)("meta",{charSet:"utf-8"}),(0,jsx_runtime_1.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),ssr&&(0,jsx_runtime_1.jsx)(ssr_styles_1.SsrStyles,{}),fullHeight&&(0,jsx_runtime_1.jsx)(full_height_style_1.FullHeightStyle,{}),withDevTools&&(0,jsx_runtime_1.jsx)(dev_tools_1.CrossIframeDevTools,{}),assets.style?.map((x,idx)=>(0,jsx_runtime_1.jsx)("style",{children:x},idx)),assets.css?.map((x,idx)=>(0,jsx_runtime_1.jsx)("link",{href:x,rel:"stylesheet",type:"text/css"},idx)),notifyParentOnLoad&&(0,jsx_runtime_1.jsx)(NotifyParentScript,{})]}),(0,jsx_runtime_1.jsxs)("body",{children:[children,assets.json&&(0,jsx_runtime_1.jsx)(stored_assets_1.StoredAssets,{data:assets.json}),assets.js?.map((x,idx)=>(0,jsx_runtime_1.jsx)("script",{src:x},idx))]})]})}Html.fillContent=mount_point_1.fillMountPoint,Html.popAssets=stored_assets_1.popAssets;function ssrCleanup(){(0,ssr_styles_1.removeSsrStyles)()}},28452(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=exports.ERROR_EVENT=exports.LOAD_EVENT=__webpack_unused_export__=__webpack_unused_export__=void 0;var html_1=__webpack_require__(77395);__webpack_unused_export__={enumerable:!0,get:function(){return html_1.Html}},__webpack_unused_export__={enumerable:!0,get:function(){return html_1.ssrCleanup}},Object.defineProperty(exports,"LOAD_EVENT",{enumerable:!0,get:function(){return html_1.LOAD_EVENT}}),Object.defineProperty(exports,"ERROR_EVENT",{enumerable:!0,get:function(){return html_1.ERROR_EVENT}});var mount_point_1=__webpack_require__(1438);__webpack_unused_export__={enumerable:!0,get:function(){return mount_point_1.MountPoint}},__webpack_unused_export__={enumerable:!0,get:function(){return mount_point_1.mountPointId}};var stored_assets_1=__webpack_require__(76871);__webpack_unused_export__={enumerable:!0,get:function(){return stored_assets_1.popAssets}}},1438(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.mountPointId=void 0,exports.MountPoint=MountPoint,exports.fillMountPoint=fillMountPoint;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888));exports.mountPointId="root";const placeholderRegex=/<div id="root"><\/div>/;function MountPoint({children}){return(0,jsx_runtime_1.jsx)("div",{id:exports.mountPointId,children})}function fillMountPoint(htmlTemplate,content){return htmlTemplate.replace(placeholderRegex,content)}},93087(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SsrStyles=SsrStyles,exports.removeSsrStyles=removeSsrStyles;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888));function SsrStyles(){return(0,jsx_runtime_1.jsxs)("style",{id:"before-hydrate-styles",children:[".--ssr-hidden ","{","display: none;","}"]})}function removeSsrStyles(){document.getElementById("before-hydrate-styles")?.remove()}},76871(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StoredAssets=StoredAssets,exports.popAssets=popAssets;const jsx_runtime_1=__webpack_require__(11684),react_1=__importDefault(__webpack_require__(12888));function StoredAssets({data}){return(0,jsx_runtime_1.jsx)("div",{className:"state",style:{display:"none"},children:Object.entries(data).map(([key,content])=>(0,jsx_runtime_1.jsx)("script",{"data-aspect":key,type:"application/json",dangerouslySetInnerHTML:{__html:content}},key))})}function popAssets(){const rawAssets=new Map;return Array.from(document.querySelectorAll("body > .state > *")).forEach(elem=>{const aspectName=elem.getAttribute("data-aspect");!aspectName||rawAssets.set(aspectName,elem.innerHTML)}),document.querySelector("body > .state")?.remove(),rawAssets}},60517(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWorkspaceMode=void 0;var use_workspace_mode_1=__webpack_require__(82484);Object.defineProperty(exports,"useWorkspaceMode",{enumerable:!0,get:function(){return use_workspace_mode_1.useWorkspaceMode}})},82484(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWorkspaceMode=void 0;const react_1=__webpack_require__(12888),react_router_dom_1=__webpack_require__(83040),useWorkspaceMode=()=>{const[searchParams,setSearchParams]=(0,react_router_dom_1.useSearchParams)(),isMinimal=searchParams.get("minimal-mode")==="true",setMinimalMode=(0,react_1.useCallback)(value=>{const newParams=new URLSearchParams(searchParams);newParams.set("minimal-mode",value.toString()),setSearchParams(newParams,{replace:!0})},[searchParams,setSearchParams]),toggleMinimalMode=(0,react_1.useCallback)(()=>{setMinimalMode(!isMinimal)},[isMinimal,setMinimalMode]);return{isMinimal,setMinimalMode,toggleMinimalMode}};exports.useWorkspaceMode=useWorkspaceMode},88468(module,__unused_webpack_exports,__webpack_require__){"use strict";var possibleNames=__webpack_require__(95809),g=typeof globalThis>"u"?__webpack_require__.g:globalThis;module.exports=function(){for(var out=[],i=0;i<possibleNames.length;i++)typeof g[possibleNames[i]]=="function"&&(out[out.length]=possibleNames[i]);return out}},9556(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.addLocaleData=addLocaleData,exports.getLocaleData=getLocaleData;var localesData={};function getLocaleData(locale){return localesData[locale]}function addLocaleData(localeData){if(!localeData)throw new Error("[javascript-time-ago] No locale data passed.");localesData[localeData.locale]=localeData}},20517(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.default=void 0;var _relativeTimeFormat=_interopRequireDefault(__webpack_require__(44418)),_cache=_interopRequireDefault(__webpack_require__(53953)),_locale=_interopRequireDefault(__webpack_require__(59217)),_isStyleObject=_interopRequireDefault(__webpack_require__(46841)),_getStep3=_interopRequireDefault(__webpack_require__(62537)),_getStepDenominator=_interopRequireDefault(__webpack_require__(71681)),_getTimeToNextUpdate=_interopRequireDefault(__webpack_require__(76635)),_LocaleDataStore=__webpack_require__(9556),_roundMinute=_interopRequireDefault(__webpack_require__(99113)),_getStyleByName=_interopRequireDefault(__webpack_require__(77822)),_round=__webpack_require__(79803);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function _createForOfIteratorHelperLoose(r,e){var t=typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(t)return(t=t.call(r)).next.bind(t);if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&typeof r.length=="number"){t&&(r=t);var o=0;return function(){return o>=r.length?{done:!0}:{done:!1,value:r[o++]}}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
846
846
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
847
847
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _unsupportedIterableToArray(r,a){if(r){if(typeof r=="string")return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return t==="Object"&&r.constructor&&(t=r.constructor.name),t==="Map"||t==="Set"?Array.from(r):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(a==null||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}function _iterableToArrayLimit(r,l){var t=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(t!=null){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,l===0){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r2){o=!0,n=r2}finally{try{if(!f&&t.return!=null&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}function _arrayWithHoles(r){if(Array.isArray(r))return r}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return _typeof(i)=="symbol"?i:i+""}function _toPrimitive(t,r){if(_typeof(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(_typeof(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}var TimeAgo=exports.default=function(){function TimeAgo2(){var locales=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],_ref=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},polyfill=_ref.polyfill;_classCallCheck(this,TimeAgo2),typeof locales=="string"&&(locales=[locales]),this.locale=(0,_locale.default)(locales.concat(TimeAgo2.getDefaultLocale()),_LocaleDataStore.getLocaleData),typeof Intl<"u"&&Intl.NumberFormat&&(this.numberFormat=new Intl.NumberFormat(this.locale)),polyfill===!1?(this.IntlRelativeTimeFormat=Intl.RelativeTimeFormat,this.IntlPluralRules=Intl.PluralRules):(this.IntlRelativeTimeFormat=_relativeTimeFormat.default,this.IntlPluralRules=_relativeTimeFormat.default.PluralRules),this.relativeTimeFormatCache=new _cache.default,this.pluralRulesCache=new _cache.default}return _createClass(TimeAgo2,[{key:"format",value:function(input,style,options){var _this=this;options||(style&&!isStyle(style)?(options=style,style=void 0):options={}),style||(style=_roundMinute.default),typeof style=="string"&&(style=(0,_getStyleByName.default)(style));var timestamp=getTimestamp(input),_this$getLabels=this.getLabels(style.flavour||style.labels),labels=_this$getLabels.labels,labelsType=_this$getLabels.labelsType,round=options.round||style.round,now,nowRealWhenCalled=Date.now();style.now!==void 0&&(now=style.now),now===void 0&&options.now!==void 0&&(now=options.now),now===void 0&&(now=nowRealWhenCalled);var getTextAndTextRefreshDelayGetterFunctions=function(_ref2){var now2=_ref2.now,secondsPassed=(now2-timestamp)/1e3,future=options.future||secondsPassed<0,nowLabel=getNowLabel(labels,(0,_LocaleDataStore.getLocaleData)(_this.locale).now,(0,_LocaleDataStore.getLocaleData)(_this.locale).long,future);if(style.custom){var text=style.custom({now:now2,date:new Date(timestamp),time:timestamp,elapsed:secondsPassed,locale:_this.locale});if(text!==void 0)return{getText:function(){return text},getTextRefreshDelay:function(){throw new Error('`getTimeToNextUpdate: true` feature is not supported by legacy "styles" that have a `custom` function')}}}var units=getTimeIntervalMeasurementUnits(style.units,labels,nowLabel),_getStep=(0,_getStep3.default)(style.gradation||style.steps||_roundMinute.default.steps,secondsPassed,{now:now2,units,round,future,getNextStep:!0}),_getStep2=_slicedToArray(_getStep,3),prevStep=_getStep2[0],step=_getStep2[1],nextStep=_getStep2[2],getText2=function(){return _this.formatDateForStep(timestamp,step,secondsPassed,{labels,labelsType,nowLabel,now:now2,future,round})||""},getTextRefreshDelay2=function(){var timeToNextUpdate=(0,_getTimeToNextUpdate.default)(timestamp,step,{nextStep,prevStep,now:now2,future,round});if(typeof timeToNextUpdate=="number")return options.getTimeToNextUpdateUncapped?timeToNextUpdate:getSafeTimeoutDelay(timeToNextUpdate)};return{getText:getText2,getTextRefreshDelay:getTextRefreshDelay2}},_getTextAndTextRefres=getTextAndTextRefreshDelayGetterFunctions({now}),getText=_getTextAndTextRefres.getText,getTextRefreshDelay=_getTextAndTextRefres.getTextRefreshDelay;if(options.getTimeToNextUpdate)return[getText(),getTextRefreshDelay()];if(options.refresh){var defaultRefreshInterval=6e4,refreshTimer,scheduleRefresh=function scheduleRefresh2(){var delay=arguments.length>0&&arguments[0]!==void 0?arguments[0]:defaultRefreshInterval;refreshTimer=setTimeoutSafe(function(){var _getTextAndTextRefres2=getTextAndTextRefreshDelayGetterFunctions({now:now+(Date.now()-nowRealWhenCalled)}),getText2=_getTextAndTextRefres2.getText,getTextRefreshDelay2=_getTextAndTextRefres2.getTextRefreshDelay;options.refresh(getText2()),scheduleRefresh2(getTextRefreshDelay2())},delay)};scheduleRefresh(getTextRefreshDelay());var stopRefreshing=function(){clearTimeout(refreshTimer)};return[getText(),stopRefreshing]}return getText()}},{key:"formatDateForStep",value:function(timestamp,step,secondsPassed,_ref3){var _this2=this,labels=_ref3.labels,labelsType=_ref3.labelsType,nowLabel=_ref3.nowLabel,now=_ref3.now,future=_ref3.future,round=_ref3.round;if(!!step){if(step.format)return step.format(timestamp,this.locale,{formatAs:function(unit2,amount2){return _this2.formatValue(amount2,unit2,{labels,future})},now,future});var unit=step.unit||step.formatAs;if(!unit)throw new Error("[javascript-time-ago] Each step must define either `formatAs` or `format()`. Step: ".concat(JSON.stringify(step)));if(unit==="now")return nowLabel;var amount=Math.abs(secondsPassed)/(0,_getStepDenominator.default)(step);step.granularity&&(amount=(0,_round.getRoundFunction)(round)(amount/step.granularity)*step.granularity);var valueForFormatting=-1*Math.sign(secondsPassed)*(0,_round.getRoundFunction)(round)(amount);switch(valueForFormatting===0&&(future?valueForFormatting=0:valueForFormatting=-0),labelsType){case"long":case"short":case"narrow":return this.getFormatter(labelsType).format(valueForFormatting,unit);default:return this.formatValue(valueForFormatting,unit,{labels,future})}}}},{key:"formatValue",value:function(value,unit,_ref4){var labels=_ref4.labels,future=_ref4.future;return this.getFormattingRule(labels,unit,value,{future}).replace("{0}",this.formatNumber(Math.abs(value)))}},{key:"getFormattingRule",value:function(formattingRules,unit,value,_ref5){var future=_ref5.future,locale=this.locale;if(formattingRules=formattingRules[unit],typeof formattingRules=="string")return formattingRules;var pastOrFuture=value===0?future?"future":"past":value<0?"past":"future",quantifierRules=formattingRules[pastOrFuture]||formattingRules;if(typeof quantifierRules=="string")return quantifierRules;var quantifier=this.getPluralRules().select(Math.abs(value));return quantifierRules[quantifier]||quantifierRules.other}},{key:"formatNumber",value:function(number){return this.numberFormat?this.numberFormat.format(number):String(number)}},{key:"getFormatter",value:function(labelsType){return this.relativeTimeFormatCache.get(this.locale,labelsType)||this.relativeTimeFormatCache.put(this.locale,labelsType,new this.IntlRelativeTimeFormat(this.locale,{style:labelsType}))}},{key:"getPluralRules",value:function(){return this.pluralRulesCache.get(this.locale)||this.pluralRulesCache.put(this.locale,new this.IntlPluralRules(this.locale))}},{key:"getLabels",value:function(){var labelsType=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];typeof labelsType=="string"&&(labelsType=[labelsType]),labelsType=labelsType.map(function(labelsType2){switch(labelsType2){case"tiny":case"mini-time":return"mini";default:return labelsType2}}),labelsType=labelsType.concat("long");for(var localeData=(0,_LocaleDataStore.getLocaleData)(this.locale),_iterator=_createForOfIteratorHelperLoose(labelsType),_step;!(_step=_iterator()).done;){var _labelsType=_step.value;if(localeData[_labelsType])return{labelsType:_labelsType,labels:localeData[_labelsType]}}}}]),TimeAgo2}(),defaultLocale="en";TimeAgo.getDefaultLocale=function(){return defaultLocale},TimeAgo.setDefaultLocale=function(locale){defaultLocaleHasBeenSpecified=!0,defaultLocale=locale},TimeAgo.addDefaultLocale=function(localeData){defaultLocaleHasBeenSpecified&&TimeAgo.getDefaultLocale()!==localeData.locale&&console.warn(`[javascript-time-ago] You're adding "`.concat(localeData.locale,'" as the default locale but you have already added "').concat(TimeAgo.getDefaultLocale(),'" as the default locale. "').concat(localeData.locale,'" is the default locale now.')),defaultLocaleHasBeenSpecified=!0,TimeAgo.addLocale(localeData),TimeAgo.setDefaultLocale(localeData.locale)};var defaultLocaleHasBeenSpecified=!1;TimeAgo.addLocale=function(localeData){(0,_LocaleDataStore.addLocaleData)(localeData),_relativeTimeFormat.default.addLocale(localeData)},TimeAgo.locale=TimeAgo.addLocale,TimeAgo.addLabels=function(locale,name,labels){var localeData=(0,_LocaleDataStore.getLocaleData)(locale);localeData||((0,_LocaleDataStore.addLocaleData)({locale}),localeData=(0,_LocaleDataStore.getLocaleData)(locale)),localeData[name]=labels};function getTimestamp(input){if(input.constructor===Date||isMockedDate(input))return input.getTime();if(typeof input=="number")return input;throw new Error("Unsupported relative time formatter input: ".concat(_typeof(input),", ").concat(input))}function isMockedDate(object){return _typeof(object)==="object"&&typeof object.getTime=="function"}function getTimeIntervalMeasurementUnits(allowedUnits,labels,nowLabel){var units=Object.keys(labels);return nowLabel&&units.push("now"),allowedUnits&&(units=allowedUnits.filter(function(unit){return unit==="now"||units.indexOf(unit)>=0})),units}function getNowLabel(labels,nowLabels,longLabels,future){var nowLabel=labels.now||nowLabels&&nowLabels.now;if(nowLabel)return typeof nowLabel=="string"?nowLabel:future?nowLabel.future:nowLabel.past;if(longLabels&&longLabels.second&&longLabels.second.current)return longLabels.second.current}function isStyle(variable){return typeof variable=="string"||(0,_isStyleObject.default)(variable)}function setTimeoutSafe(func,delay){return setTimeout(func,getSafeTimeoutDelay(delay))}function getSafeTimeoutDelay(delay){return Math.min(delay,SET_TIMEOUT_MAX_SAFE_DELAY)}var SET_TIMEOUT_MAX_SAFE_DELAY=2147483647},53953(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return _typeof(i)=="symbol"?i:i+""}function _toPrimitive(t,r){if(_typeof(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(_typeof(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}var Cache=exports.default=function(){function Cache2(){_classCallCheck(this,Cache2),this.cache={}}return _createClass(Cache2,[{key:"get",value:function(){for(var cache=this.cache,_len=arguments.length,keys=new Array(_len),_key=0;_key<_len;_key++)keys[_key]=arguments[_key];for(var _i=0,_keys=keys;_i<_keys.length;_i++){var key=_keys[_i];if(_typeof(cache)!=="object")return;cache=cache[key]}return cache}},{key:"put",value:function(){for(var _len2=arguments.length,keys=new Array(_len2),_key2=0;_key2<_len2;_key2++)keys[_key2]=arguments[_key2];for(var value=keys.pop(),lastKey=keys.pop(),cache=this.cache,_i2=0,_keys2=keys;_i2<_keys2.length;_i2++){var key=_keys2[_i2];_typeof(cache[key])!=="object"&&(cache[key]={}),cache=cache[key]}return cache[lastKey]=value}}]),Cache2}()},46841(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=isStyleObject;function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function isStyleObject(object){return isObject(object)&&(Array.isArray(object.steps)||Array.isArray(object.gradation)||Array.isArray(object.flavour)||typeof object.flavour=="string"||Array.isArray(object.labels)||typeof object.labels=="string"||Array.isArray(object.units)||typeof object.custom=="function")}var OBJECT_CONSTRUCTOR={}.constructor;function isObject(object){return _typeof(object)!==void 0&&object!==null&&object.constructor===OBJECT_CONSTRUCTOR}},59217(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=chooseLocale,exports.intlDateTimeFormatSupported=intlDateTimeFormatSupported,exports.intlDateTimeFormatSupportedLocale=intlDateTimeFormatSupportedLocale;function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function _createForOfIteratorHelperLoose(r,e){var t=typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(t)return(t=t.call(r)).next.bind(t);if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&typeof r.length=="number"){t&&(r=t);var o=0;return function(){return o>=r.length?{done:!0}:{done:!1,value:r[o++]}}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
848
848
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _unsupportedIterableToArray(r,a){if(r){if(typeof r=="string")return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return t==="Object"&&r.constructor&&(t=r.constructor.name),t==="Map"||t==="Set"?Array.from(r):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(a==null||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}function chooseLocale(locales,isLocaleDataAvailable){for(var _iterator=_createForOfIteratorHelperLoose(locales),_step;!(_step=_iterator()).done;){var locale=_step.value;if(isLocaleDataAvailable(locale))return locale;for(var parts=locale.split("-");parts.length>1;)if(parts.pop(),locale=parts.join("-"),isLocaleDataAvailable(locale))return locale}throw new Error("No locale data has been registered for any of the locales: ".concat(locales.join(", ")))}function intlDateTimeFormatSupportedLocale(locales){if(intlDateTimeFormatSupported())return Intl.DateTimeFormat.supportedLocalesOf(locales)[0]}function intlDateTimeFormatSupported(){var isIntlAvailable=(typeof Intl>"u"?"undefined":_typeof(Intl))==="object";return isIntlAvailable&&typeof Intl.DateTimeFormat=="function"}},79803(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getDiffRatioToNextRoundedNumber=getDiffRatioToNextRoundedNumber,exports.getRoundFunction=getRoundFunction;function getRoundFunction(round){switch(round){case"floor":return Math.floor;default:return Math.round}}function getDiffRatioToNextRoundedNumber(round){switch(round){case"floor":return 1;default:return .5}}},90557(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _units=__webpack_require__(86708),_default=exports.default=[{factor:1,unit:"now"},{threshold:1,threshold_for_now:45.5,factor:1,unit:"second"},{threshold:45.5,factor:_units.minute,unit:"minute"},{threshold:2.5*_units.minute,granularity:5,factor:_units.minute,unit:"minute"},{threshold:22.5*_units.minute,factor:.5*_units.hour,unit:"half-hour"},{threshold:42.5*_units.minute,threshold_for_minute:52.5*_units.minute,factor:_units.hour,unit:"hour"},{threshold:20.5/24*_units.day,factor:_units.day,unit:"day"},{threshold:5.5*_units.day,factor:_units.week,unit:"week"},{threshold:3.5*_units.week,factor:_units.month,unit:"month"},{threshold:10.5*_units.month,factor:_units.year,unit:"year"}]},62537(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=getStep;var _getStepDenominator=_interopRequireDefault(__webpack_require__(71681)),_getStepMinTime=_interopRequireDefault(__webpack_require__(36688)),_round=__webpack_require__(79803);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return _typeof(i)=="symbol"?i:i+""}function _toPrimitive(t,r){if(_typeof(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(_typeof(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function getStep(steps,secondsPassed,_ref){var now=_ref.now,future=_ref.future,round=_ref.round,units=_ref.units,getNextStep=_ref.getNextStep;steps=filterStepsByUnits(steps,units);var step=_getStep(steps,secondsPassed,{now,future,round});if(getNextStep){if(step){var prevStep=steps[steps.indexOf(step)-1],nextStep=steps[steps.indexOf(step)+1];return[prevStep,step,nextStep]}return[void 0,void 0,steps[0]]}return step}function _getStep(steps,secondsPassed,_ref2){var now=_ref2.now,future=_ref2.future,round=_ref2.round;if(steps.length!==0){var i=getStepIndex(steps,secondsPassed,{now,future:future||secondsPassed<0,round});if(i!==-1){var step=steps[i];if(step.granularity){var secondsPassedGranular=(0,_round.getRoundFunction)(round)(Math.abs(secondsPassed)/(0,_getStepDenominator.default)(step)/step.granularity)*step.granularity;if(secondsPassedGranular===0&&i>0)return steps[i-1]}return step}}}function getStepIndex(steps,secondsPassed,options){var i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:0,minTime=(0,_getStepMinTime.default)(steps[i],_objectSpread({prevStep:steps[i-1],timestamp:options.now-secondsPassed*1e3},options));return minTime===void 0||Math.abs(secondsPassed)<minTime?i-1:i===steps.length-1?i:getStepIndex(steps,secondsPassed,options,i+1)}function filterStepsByUnits(steps,units){return steps.filter(function(_ref3){var unit=_ref3.unit,formatAs=_ref3.formatAs;return unit=unit||formatAs,unit?units.indexOf(unit)>=0:!0})}},71681(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=getStepDenominator;var _units=__webpack_require__(86708);function getStepDenominator(step){return step.factor!==void 0?step.factor:(0,_units.getSecondsInUnit)(step.unit||step.formatAs)||1}},36688(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=getStepMinTime;var _units=__webpack_require__(86708),_round=__webpack_require__(79803);function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function getStepMinTime(step,_ref){var prevStep=_ref.prevStep,timestamp=_ref.timestamp,now=_ref.now,future=_ref.future,round=_ref.round,minTime;return prevStep&&(prevStep.id||prevStep.unit)&&(minTime=step["threshold_for_".concat(prevStep.id||prevStep.unit)]),minTime===void 0&&step.threshold!==void 0&&(minTime=step.threshold,typeof minTime=="function"&&(minTime=minTime(now,future))),minTime===void 0&&(minTime=step.minTime),_typeof(minTime)==="object"&&(prevStep&&prevStep.id&&minTime[prevStep.id]!==void 0?minTime=minTime[prevStep.id]:minTime=minTime.default),typeof minTime=="function"&&(minTime=minTime(timestamp,{future,getMinTimeForUnit:function(toUnit,fromUnit){return _getMinTimeForUnit(toUnit,fromUnit||prevStep&&prevStep.formatAs,{round})}})),minTime===void 0&&step.test&&(step.test(timestamp,{now,future})?minTime=0:minTime=9007199254740991),minTime===void 0&&(prevStep?step.formatAs&&prevStep.formatAs&&(minTime=_getMinTimeForUnit(step.formatAs,prevStep.formatAs,{round})):minTime=0),minTime===void 0&&console.warn("[javascript-time-ago] A step should specify `minTime`:\n"+JSON.stringify(step,null,2)),minTime}function _getMinTimeForUnit(toUnit,fromUnit,_ref2){var round=_ref2.round,toUnitAmount=(0,_units.getSecondsInUnit)(toUnit),fromUnitAmount=fromUnit==="now"?(0,_units.getSecondsInUnit)(toUnit):(0,_units.getSecondsInUnit)(fromUnit);if(toUnitAmount!==void 0&&fromUnitAmount!==void 0)return toUnitAmount-fromUnitAmount*(1-(0,_round.getDiffRatioToNextRoundedNumber)(round))}},76635(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.INFINITY=void 0,exports.default=getTimeToNextUpdate,exports.getStepChangesAt=getStepChangesAt,exports.getTimeToStepChange=getTimeToStepChange;var _getTimeToNextUpdateForUnit2=_interopRequireDefault(__webpack_require__(84282)),_getStepMinTime=_interopRequireDefault(__webpack_require__(36688)),_round=__webpack_require__(79803);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var YEAR=365*24*60*60*1e3,INFINITY=exports.INFINITY=1e3*YEAR;function getTimeToNextUpdate(date,step,_ref){var prevStep=_ref.prevStep,nextStep=_ref.nextStep,now=_ref.now,future=_ref.future,round=_ref.round,timestamp=date.getTime?date.getTime():date,getTimeToNextUpdateForUnit=function(unit2){return(0,_getTimeToNextUpdateForUnit2.default)(unit2,timestamp,{now,round})},timeToStepChange=getTimeToStepChange(future?step:nextStep,timestamp,{future,now,round,prevStep:future?prevStep:step});if(timeToStepChange!==void 0){var timeToNextUpdate;if(step&&(step.getTimeToNextUpdate&&(timeToNextUpdate=step.getTimeToNextUpdate(timestamp,{getTimeToNextUpdateForUnit,getRoundFunction:_round.getRoundFunction,now,future,round})),timeToNextUpdate===void 0)){var unit=step.unit||step.formatAs;unit&&(timeToNextUpdate=getTimeToNextUpdateForUnit(unit))}return timeToNextUpdate===void 0?timeToStepChange:Math.min(timeToNextUpdate,timeToStepChange)}}function getStepChangesAt(currentOrNextStep,timestamp,_ref2){var now=_ref2.now,future=_ref2.future,round=_ref2.round,prevStep=_ref2.prevStep,minTime=(0,_getStepMinTime.default)(currentOrNextStep,{timestamp,now,future,round,prevStep});if(minTime!==void 0)return future?timestamp-minTime*1e3+1:minTime===0&&timestamp===now?INFINITY:timestamp+minTime*1e3}function getTimeToStepChange(step,timestamp,_ref3){var now=_ref3.now,future=_ref3.future,round=_ref3.round,prevStep=_ref3.prevStep;if(step){var stepChangesAt=getStepChangesAt(step,timestamp,{now,future,round,prevStep});return stepChangesAt===void 0?void 0:stepChangesAt-now}else return future?timestamp-now+1:INFINITY}},84282(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=getTimeToNextUpdateForUnit;var _units=__webpack_require__(86708),_round=__webpack_require__(79803);function getTimeToNextUpdateForUnit(unit,timestamp,_ref){var now=_ref.now,round=_ref.round;if(!!(0,_units.getSecondsInUnit)(unit)){var unitDenominator=(0,_units.getSecondsInUnit)(unit)*1e3,future=timestamp>now,preciseAmount=Math.abs(timestamp-now),roundedAmount=(0,_round.getRoundFunction)(round)(preciseAmount/unitDenominator)*unitDenominator;return future?roundedAmount>0?preciseAmount-roundedAmount+getDiffToPreviousRoundedNumber(round,unitDenominator):preciseAmount-roundedAmount+1:-(preciseAmount-roundedAmount)+getDiffToNextRoundedNumber(round,unitDenominator)}}function getDiffToNextRoundedNumber(round,unitDenominator){return(0,_round.getDiffRatioToNextRoundedNumber)(round)*unitDenominator}function getDiffToPreviousRoundedNumber(round,unitDenominator){return(1-(0,_round.getDiffRatioToNextRoundedNumber)(round))*unitDenominator+1}},24354(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getDate=getDate;function getDate(value){return value instanceof Date?value:new Date(value)}},86947(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"approximate",{enumerable:!0,get:function(){return _approximate.default}}),Object.defineProperty(exports,"canonical",{enumerable:!0,get:function(){return _round.default}}),Object.defineProperty(exports,"convenient",{enumerable:!0,get:function(){return _approximate.default}}),Object.defineProperty(exports,"day",{enumerable:!0,get:function(){return _units.day}}),Object.defineProperty(exports,"getDate",{enumerable:!0,get:function(){return _helpers.getDate}}),Object.defineProperty(exports,"hour",{enumerable:!0,get:function(){return _units.hour}}),Object.defineProperty(exports,"minute",{enumerable:!0,get:function(){return _units.minute}}),Object.defineProperty(exports,"month",{enumerable:!0,get:function(){return _units.month}}),Object.defineProperty(exports,"round",{enumerable:!0,get:function(){return _round.default}}),Object.defineProperty(exports,"week",{enumerable:!0,get:function(){return _units.week}}),Object.defineProperty(exports,"year",{enumerable:!0,get:function(){return _units.year}});var _approximate=_interopRequireDefault(__webpack_require__(90557)),_round=_interopRequireDefault(__webpack_require__(80287)),_units=__webpack_require__(86708),_helpers=__webpack_require__(24354);function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}},80287(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _default=exports.default=[{formatAs:"now"},{formatAs:"second"},{formatAs:"minute"},{formatAs:"hour"},{formatAs:"day"},{formatAs:"week"},{formatAs:"month"},{formatAs:"year"}]},86708(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.day=void 0,exports.getSecondsInUnit=getSecondsInUnit,exports.year=exports.week=exports.month=exports.minute=exports.hour=void 0;var minute=exports.minute=60,hour=exports.hour=60*minute,day=exports.day=24*hour,week=exports.week=7*day,month=exports.month=30.44*day,year=exports.year=146097/400*day;function getSecondsInUnit(unit){switch(unit){case"second":return 1;case"minute":return minute;case"hour":return hour;case"day":return day;case"week":return week;case"month":return month;case"year":return year}}},76263(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _approximate=_interopRequireDefault(__webpack_require__(90557));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default={gradation:_approximate.default,flavour:"long",units:["now","minute","hour","day","week","month","year"]}},77538(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _approximate=_interopRequireDefault(__webpack_require__(90557));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default={gradation:_approximate.default,flavour:"long-time",units:["now","minute","hour","day","week","month","year"]}},77822(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=getStyleByName;var _round=_interopRequireDefault(__webpack_require__(12821)),_roundMinute=_interopRequireDefault(__webpack_require__(99113)),_approximate=_interopRequireDefault(__webpack_require__(76263)),_approximateTime=_interopRequireDefault(__webpack_require__(77538)),_twitter=_interopRequireDefault(__webpack_require__(42846)),_twitterNow=_interopRequireDefault(__webpack_require__(38012)),_twitterMinute=_interopRequireDefault(__webpack_require__(88674)),_twitterMinuteNow=_interopRequireDefault(__webpack_require__(6256)),_twitterFirstMinute=_interopRequireDefault(__webpack_require__(69638)),_mini=_interopRequireDefault(__webpack_require__(12998)),_miniNow=_interopRequireDefault(__webpack_require__(79156)),_miniMinute=_interopRequireDefault(__webpack_require__(20954)),_miniMinuteNow=_interopRequireDefault(__webpack_require__(312));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getStyleByName(style){switch(style){case"default":case"round":return _round.default;case"round-minute":return _roundMinute.default;case"approximate":return _approximate.default;case"time":case"approximate-time":return _approximateTime.default;case"mini":return _mini.default;case"mini-now":return _miniNow.default;case"mini-minute":return _miniMinute.default;case"mini-minute-now":return _miniMinuteNow.default;case"twitter":return _twitter.default;case"twitter-now":return _twitterNow.default;case"twitter-minute":return _twitterMinute.default;case"twitter-minute-now":return _twitterMinuteNow.default;case"twitter-first-minute":return _twitterFirstMinute.default;default:return _approximate.default}}},12998(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _default=exports.default={steps:[{formatAs:"second"},{formatAs:"minute"},{formatAs:"hour"},{formatAs:"day"},{formatAs:"month"},{formatAs:"year"}],labels:["mini","short-time","narrow","short"]}},20954(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _mini=_interopRequireDefault(__webpack_require__(12998));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return _typeof(i)=="symbol"?i:i+""}function _toPrimitive(t,r){if(_typeof(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(_typeof(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}var _default=exports.default=_objectSpread(_objectSpread({},_mini.default),{},{steps:_mini.default.steps.filter(function(step){return step.formatAs!=="second"})})},312(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _miniMinute=_interopRequireDefault(__webpack_require__(20954));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return _typeof(i)=="symbol"?i:i+""}function _toPrimitive(t,r){if(_typeof(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(_typeof(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}var _default=exports.default=_objectSpread(_objectSpread({},_miniMinute.default),{},{steps:[{formatAs:"now"}].concat(_miniMinute.default.steps)})},79156(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _mini=_interopRequireDefault(__webpack_require__(12998));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return _typeof(i)=="symbol"?i:i+""}function _toPrimitive(t,r){if(_typeof(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(_typeof(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}var _default=exports.default=_objectSpread(_objectSpread({},_mini.default),{},{steps:[{formatAs:"now"}].concat(_mini.default.steps)})},12821(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _round=_interopRequireDefault(__webpack_require__(80287));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default={steps:_round.default,labels:"long"}},99113(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _round=_interopRequireDefault(__webpack_require__(12821));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return _typeof(i)=="symbol"?i:i+""}function _toPrimitive(t,r){if(_typeof(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(_typeof(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}var _default=exports.default=_objectSpread(_objectSpread({},_round.default),{},{steps:_round.default.steps.filter(function(step){return step.formatAs!=="second"})})},42846(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _index=__webpack_require__(86947),_locale=__webpack_require__(59217),steps=[{formatAs:"second"},{formatAs:"minute"},{formatAs:"hour"}],formatters={},monthAndDay={minTime:function(timestamp,_ref){var future=_ref.future,getMinTimeForUnit=_ref.getMinTimeForUnit;return getMinTimeForUnit("day")},format:function(value,locale){return formatters[locale]||(formatters[locale]={}),formatters[locale].dayMonth||(formatters[locale].dayMonth=new Intl.DateTimeFormat(locale,{month:"short",day:"numeric"})),formatters[locale].dayMonth.format((0,_index.getDate)(value))}},yearMonthAndDay={minTime:function(timestamp,_ref2){var future=_ref2.future;if(future){var maxFittingNow=new Date(new Date(timestamp).getFullYear(),0).getTime()-1;return(timestamp-maxFittingNow)/1e3}else{var minFittingNow=new Date(new Date(timestamp).getFullYear()+1,0).getTime();return(minFittingNow-timestamp)/1e3}},format:function(value,locale){return formatters[locale]||(formatters[locale]={}),formatters[locale].dayMonthYear||(formatters[locale].dayMonthYear=new Intl.DateTimeFormat(locale,{year:"numeric",month:"short",day:"numeric"})),formatters[locale].dayMonthYear.format((0,_index.getDate)(value))}};(0,_locale.intlDateTimeFormatSupported)()?steps.push(monthAndDay,yearMonthAndDay):steps.push({formatAs:"day"},{formatAs:"week"},{formatAs:"month"},{formatAs:"year"});var _default=exports.default={steps,labels:["mini","short-time","narrow","short"]}},69638(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _units=__webpack_require__(86708),_twitter=_interopRequireDefault(__webpack_require__(42846));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return _typeof(i)=="symbol"?i:i+""}function _toPrimitive(t,r){if(_typeof(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(_typeof(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}var _default=exports.default=_objectSpread(_objectSpread({},_twitter.default),{},{steps:_twitter.default.steps.filter(function(step){return step.formatAs!=="second"}).map(function(step){return step.formatAs==="minute"?_objectSpread(_objectSpread({},step),{},{minTime:_units.minute}):step})})},88674(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _twitter=_interopRequireDefault(__webpack_require__(42846));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return _typeof(i)=="symbol"?i:i+""}function _toPrimitive(t,r){if(_typeof(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(_typeof(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}var _default=exports.default=_objectSpread(_objectSpread({},_twitter.default),{},{steps:_twitter.default.steps.filter(function(step){return step.formatAs!=="second"})})},6256(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _twitterMinute=_interopRequireDefault(__webpack_require__(88674));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return _typeof(i)=="symbol"?i:i+""}function _toPrimitive(t,r){if(_typeof(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(_typeof(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}var _default=exports.default=_objectSpread(_objectSpread({},_twitterMinute.default),{},{steps:[{formatAs:"now"}].concat(_twitterMinute.default.steps)})},38012(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _twitter=_interopRequireDefault(__webpack_require__(42846));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return _typeof(i)=="symbol"?i:i+""}function _toPrimitive(t,r){if(_typeof(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(_typeof(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}var _default=exports.default=_objectSpread(_objectSpread({},_twitter.default),{},{steps:[{formatAs:"now"}].concat(_twitter.default.steps)})},68709(module,exports,__webpack_require__){"use strict";exports=module.exports=__webpack_require__(20517).default,exports.default=__webpack_require__(20517).default;var locale=__webpack_require__(59217);exports.intlDateTimeFormatSupported=locale.intlDateTimeFormatSupported,exports.intlDateTimeFormatSupportedLocale=locale.intlDateTimeFormatSupportedLocale},49372(module,exports,__webpack_require__){var TimeAgo=__webpack_require__(68709),localeData=__webpack_require__(53680);TimeAgo.addLocale(localeData),exports=module.exports=localeData,exports.default=localeData},31842(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(__webpack_require__(12888));function isNumber(n){const number=parseFloat(n);return!isNaN(number)&&isFinite(number)}function isPercentage(height){return typeof height=="string"&&height[height.length-1]==="%"&&isNumber(height.substring(0,height.length-1))}function hideContent(element,height,disableDisplayNone){height===0&&!disableDisplayNone&&element?.style&&element?.children.length>0&&(element.style.display="none")}function showContent(element,height){height===0&&element?.style&&(element.style.display="")}const ANIMATION_STATE_CLASSES={animating:"rah-animating",animatingUp:"rah-animating--up",animatingDown:"rah-animating--down",animatingToHeightZero:"rah-animating--to-height-zero",animatingToHeightAuto:"rah-animating--to-height-auto",animatingToHeightSpecific:"rah-animating--to-height-specific",static:"rah-static",staticHeightZero:"rah-static--height-zero",staticHeightAuto:"rah-static--height-auto",staticHeightSpecific:"rah-static--height-specific"};function getStaticStateClasses(animationStateClasses,height){return[animationStateClasses.static,height===0&&animationStateClasses.staticHeightZero,typeof height=="number"&&height>0?animationStateClasses.staticHeightSpecific:null,height==="auto"&&animationStateClasses.staticHeightAuto].filter(v=>v).join(" ")}const propsToOmitFromDiv=["animateOpacity","animationStateClasses","applyInlineTransitions","children","className","contentClassName","contentRef","delay","duration","easing","height","onHeightAnimationEnd","onHeightAnimationStart","style","disableDisplayNone"],AnimateHeight=react_1.default.forwardRef((componentProps,ref)=>{const{animateOpacity=!1,animationStateClasses={},applyInlineTransitions=!0,children,className="",contentClassName,delay:userDelay=0,disableDisplayNone=!1,duration:userDuration=500,easing="ease",height,onHeightAnimationEnd,onHeightAnimationStart,style,contentRef}=componentProps,divProps=Object.assign({},componentProps);propsToOmitFromDiv.forEach(propKey=>{delete divProps[propKey]});const prevHeight=(0,react_1.useRef)(height),contentElement=(0,react_1.useRef)(null),animationClassesTimeoutID=(0,react_1.useRef)(),timeoutID=(0,react_1.useRef)(),stateClasses=(0,react_1.useRef)(Object.assign(Object.assign({},ANIMATION_STATE_CLASSES),animationStateClasses)),isBrowser=typeof window<"u",prefersReducedMotion=(0,react_1.useRef)(isBrowser&&window.matchMedia?window.matchMedia("(prefers-reduced-motion)").matches:!1),delay=prefersReducedMotion.current?0:userDelay,duration=prefersReducedMotion.current?0:userDuration;let initHeight=height,initOverflow="visible";typeof height=="number"?(initHeight=height<0?0:height,initOverflow="hidden"):isPercentage(initHeight)&&(initHeight=height==="0%"?0:height,initOverflow="hidden");const[currentHeight,setCurrentHeight]=(0,react_1.useState)(initHeight),[overflow,setOverflow]=(0,react_1.useState)(initOverflow),[useTransitions,setUseTransitions]=(0,react_1.useState)(!1),[animationStateClassNames,setAnimationStateClassNames]=(0,react_1.useState)(getStaticStateClasses(stateClasses.current,height));(0,react_1.useEffect)(()=>{hideContent(contentElement.current,currentHeight,disableDisplayNone)},[]),(0,react_1.useEffect)(()=>{if(height!==prevHeight.current&&contentElement.current){showContent(contentElement.current,prevHeight.current),contentElement.current.style.overflow="hidden";const contentHeight=contentElement.current.offsetHeight;contentElement.current.style.overflow="";const totalDuration=duration+delay;let newHeight,timeoutHeight,timeoutOverflow="hidden",timeoutUseTransitions;const isCurrentHeightAuto=prevHeight.current==="auto";typeof height=="number"?(newHeight=height<0?0:height,timeoutHeight=newHeight):isPercentage(height)?(newHeight=height==="0%"?0:height,timeoutHeight=newHeight):(newHeight=contentHeight,timeoutHeight="auto",timeoutOverflow=void 0),isCurrentHeightAuto&&(timeoutHeight=newHeight,newHeight=contentHeight);const newAnimationStateClassNames=[stateClasses.current.animating,(prevHeight.current==="auto"||height<prevHeight.current)&&stateClasses.current.animatingUp,(height==="auto"||height>prevHeight.current)&&stateClasses.current.animatingDown,timeoutHeight===0&&stateClasses.current.animatingToHeightZero,timeoutHeight==="auto"&&stateClasses.current.animatingToHeightAuto,typeof timeoutHeight=="number"&&timeoutHeight>0?stateClasses.current.animatingToHeightSpecific:null].filter(v=>v).join(" "),timeoutAnimationStateClasses=getStaticStateClasses(stateClasses.current,timeoutHeight);setCurrentHeight(newHeight),setOverflow("hidden"),setUseTransitions(!isCurrentHeightAuto),setAnimationStateClassNames(newAnimationStateClassNames),clearTimeout(timeoutID.current),clearTimeout(animationClassesTimeoutID.current),isCurrentHeightAuto?(timeoutUseTransitions=!0,timeoutID.current=setTimeout(()=>{setCurrentHeight(timeoutHeight),setOverflow(timeoutOverflow),setUseTransitions(timeoutUseTransitions),onHeightAnimationStart?.(timeoutHeight)},50),animationClassesTimeoutID.current=setTimeout(()=>{setUseTransitions(!1),setAnimationStateClassNames(timeoutAnimationStateClasses),hideContent(contentElement.current,timeoutHeight,disableDisplayNone),onHeightAnimationEnd?.(timeoutHeight)},totalDuration)):(onHeightAnimationStart?.(newHeight),timeoutID.current=setTimeout(()=>{setCurrentHeight(timeoutHeight),setOverflow(timeoutOverflow),setUseTransitions(!1),setAnimationStateClassNames(timeoutAnimationStateClasses),height!=="auto"&&hideContent(contentElement.current,newHeight,disableDisplayNone),onHeightAnimationEnd?.(newHeight)},totalDuration))}return prevHeight.current=height,()=>{clearTimeout(timeoutID.current),clearTimeout(animationClassesTimeoutID.current)}},[height]);const componentStyle=Object.assign(Object.assign({},style),{height:currentHeight,overflow:overflow||style?.overflow});useTransitions&&applyInlineTransitions&&(componentStyle.transition=`height ${duration}ms ${easing} ${delay}ms`,style?.transition&&(componentStyle.transition=`${style.transition}, ${componentStyle.transition}`),componentStyle.WebkitTransition=componentStyle.transition);const contentStyle={};animateOpacity&&(contentStyle.transition=`opacity ${duration}ms ${easing} ${delay}ms`,contentStyle.WebkitTransition=contentStyle.transition,currentHeight===0&&(contentStyle.opacity=0));const ariaHidden=typeof divProps["aria-hidden"]<"u"?divProps["aria-hidden"]:height===0;return react_1.default.createElement("div",Object.assign({},divProps,{"aria-hidden":ariaHidden,className:`${animationStateClassNames} ${className}`,style:componentStyle,ref}),react_1.default.createElement("div",{className:contentClassName,style:contentStyle,ref:el=>{contentElement.current=el,contentRef&&(contentRef.current=el)}},children))});exports.default=AnimateHeight},81819(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.addLocaleData=addLocaleData,exports.getDefaultLocale=getDefaultLocale,exports.getLocaleData=getLocaleData,exports.resolveLocale=resolveLocale,exports.setDefaultLocale=setDefaultLocale;var defaultLocale="en",localesData={},lowercaseLocaleLookup={};function getDefaultLocale(){return defaultLocale}function setDefaultLocale(locale){defaultLocale=locale}function getLocaleData(locale){return localesData[locale]}function addLocaleData(localeData){if(!localeData)throw new Error("No locale data passed");localesData[localeData.locale]=localeData,lowercaseLocaleLookup[localeData.locale.toLowerCase()]=localeData.locale}function resolveLocale(locale){if(localesData[locale])return locale;if(lowercaseLocaleLookup[locale.toLowerCase()])return lowercaseLocaleLookup[locale.toLowerCase()]}},1785(__unused_webpack_module,exports){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var $={af:function(n){return n==1?"one":"other"},ak:function(n){return n==0||n==1?"one":"other"},am:function(n){return n>=0&&n<=1?"one":"other"},ar:function(n){var s=String(n).split("."),t0=Number(s[0])==n,n100=t0&&s[0].slice(-2);return n==0?"zero":n==1?"one":n==2?"two":n100>=3&&n100<=10?"few":n100>=11&&n100<=99?"many":"other"},ast:function(n){var s=String(n).split("."),v0=!s[1];return n==1&&v0?"one":"other"},be:function(n){var s=String(n).split("."),t0=Number(s[0])==n,n10=t0&&s[0].slice(-1),n100=t0&&s[0].slice(-2);return n10==1&&n100!=11?"one":n10>=2&&n10<=4&&(n100<12||n100>14)?"few":t0&&n10==0||n10>=5&&n10<=9||n100>=11&&n100<=14?"many":"other"},blo:function(n){return n==0?"zero":n==1?"one":"other"},br:function(n){var s=String(n).split("."),t0=Number(s[0])==n,n10=t0&&s[0].slice(-1),n100=t0&&s[0].slice(-2),n1000000=t0&&s[0].slice(-6);return n10==1&&n100!=11&&n100!=71&&n100!=91?"one":n10==2&&n100!=12&&n100!=72&&n100!=92?"two":(n10==3||n10==4||n10==9)&&(n100<10||n100>19)&&(n100<70||n100>79)&&(n100<90||n100>99)?"few":n!=0&&t0&&n1000000==0?"many":"other"},bs:function(n){var s=String(n).split("."),i=s[0],f=s[1]||"",v0=!s[1],i10=i.slice(-1),i100=i.slice(-2),f10=f.slice(-1),f100=f.slice(-2);return v0&&i10==1&&i100!=11||f10==1&&f100!=11?"one":v0&&i10>=2&&i10<=4&&(i100<12||i100>14)||f10>=2&&f10<=4&&(f100<12||f100>14)?"few":"other"},ca:function(n,c){var s=String(n).split("."),i=s[0],v0=!s[1],i1000000=i.slice(-6);return n==1&&v0?"one":!c&&i!=0&&i1000000==0&&v0||c>5?"many":"other"},ceb:function(n){var s=String(n).split("."),i=s[0],f=s[1]||"",v0=!s[1],i10=i.slice(-1),f10=f.slice(-1);return v0&&(i==1||i==2||i==3)||v0&&i10!=4&&i10!=6&&i10!=9||!v0&&f10!=4&&f10!=6&&f10!=9?"one":"other"},cs:function(n){var s=String(n).split("."),i=s[0],v0=!s[1];return n==1&&v0?"one":i>=2&&i<=4&&v0?"few":v0?"other":"many"},cy:function(n){return n==0?"zero":n==1?"one":n==2?"two":n==3?"few":n==6?"many":"other"},da:function(n){var s=String(n).split("."),i=s[0],t0=Number(s[0])==n;return n==1||!t0&&(i==0||i==1)?"one":"other"},dsb:function(n){var s=String(n).split("."),i=s[0],f=s[1]||"",v0=!s[1],i100=i.slice(-2),f100=f.slice(-2);return v0&&i100==1||f100==1?"one":v0&&i100==2||f100==2?"two":v0&&(i100==3||i100==4)||f100==3||f100==4?"few":"other"},dz:function(n){return"other"},es:function(n,c){var s=String(n).split("."),i=s[0],v0=!s[1],i1000000=i.slice(-6);return n==1?"one":!c&&i!=0&&i1000000==0&&v0||c>5?"many":"other"},ff:function(n){return n>=0&&n<2?"one":"other"},fr:function(n,c){var s=String(n).split("."),i=s[0],v0=!s[1],i1000000=i.slice(-6);return n>=0&&n<2?"one":!c&&i!=0&&i1000000==0&&v0||c>5?"many":"other"},ga:function(n){var s=String(n).split("."),t0=Number(s[0])==n;return n==1?"one":n==2?"two":t0&&n>=3&&n<=6?"few":t0&&n>=7&&n<=10?"many":"other"},gd:function(n){var s=String(n).split("."),t0=Number(s[0])==n;return n==1||n==11?"one":n==2||n==12?"two":t0&&n>=3&&n<=10||t0&&n>=13&&n<=19?"few":"other"},he:function(n){var s=String(n).split("."),i=s[0],v0=!s[1];return i==1&&v0||i==0&&!v0?"one":i==2&&v0?"two":"other"},is:function(n){var s=String(n).split("."),i=s[0],t=(s[1]||"").replace(/0+$/,""),t0=Number(s[0])==n,i10=i.slice(-1),i100=i.slice(-2);return t0&&i10==1&&i100!=11||t%10==1&&t%100!=11?"one":"other"},lt:function(n){var s=String(n).split("."),f=s[1]||"",t0=Number(s[0])==n,n10=t0&&s[0].slice(-1),n100=t0&&s[0].slice(-2);return n10==1&&(n100<11||n100>19)?"one":n10>=2&&n10<=9&&(n100<11||n100>19)?"few":f!=0?"many":"other"},lv:function(n){var s=String(n).split("."),f=s[1]||"",v=f.length,t0=Number(s[0])==n,n10=t0&&s[0].slice(-1),n100=t0&&s[0].slice(-2),f100=f.slice(-2),f10=f.slice(-1);return t0&&n10==0||n100>=11&&n100<=19||v==2&&f100>=11&&f100<=19?"zero":n10==1&&n100!=11||v==2&&f10==1&&f100!=11||v!=2&&f10==1?"one":"other"},mk:function(n){var s=String(n).split("."),i=s[0],f=s[1]||"",v0=!s[1],i10=i.slice(-1),i100=i.slice(-2),f10=f.slice(-1),f100=f.slice(-2);return v0&&i10==1&&i100!=11||f10==1&&f100!=11?"one":"other"},mt:function(n){var s=String(n).split("."),t0=Number(s[0])==n,n100=t0&&s[0].slice(-2);return n==1?"one":n==2?"two":n==0||n100>=3&&n100<=10?"few":n100>=11&&n100<=19?"many":"other"},pl:function(n){var s=String(n).split("."),i=s[0],v0=!s[1],i10=i.slice(-1),i100=i.slice(-2);return n==1&&v0?"one":v0&&i10>=2&&i10<=4&&(i100<12||i100>14)?"few":v0&&i!=1&&(i10==0||i10==1)||v0&&i10>=5&&i10<=9||v0&&i100>=12&&i100<=14?"many":"other"},pt:function(n,c){var s=String(n).split("."),i=s[0],v0=!s[1],i1000000=i.slice(-6);return i==0||i==1?"one":!c&&i!=0&&i1000000==0&&v0||c>5?"many":"other"},ro:function(n){var s=String(n).split("."),v0=!s[1],t0=Number(s[0])==n,n100=t0&&s[0].slice(-2);return n==1&&v0?"one":!v0||n==0||n!=1&&n100>=1&&n100<=19?"few":"other"},ru:function(n){var s=String(n).split("."),i=s[0],v0=!s[1],i10=i.slice(-1),i100=i.slice(-2);return v0&&i10==1&&i100!=11?"one":v0&&i10>=2&&i10<=4&&(i100<12||i100>14)?"few":v0&&i10==0||v0&&i10>=5&&i10<=9||v0&&i100>=11&&i100<=14?"many":"other"},se:function(n){return n==1?"one":n==2?"two":"other"},si:function(n){var s=String(n).split("."),i=s[0],f=s[1]||"";return n==0||n==1||i==0&&f==1?"one":"other"},sl:function(n){var s=String(n).split("."),i=s[0],v0=!s[1],i100=i.slice(-2);return v0&&i100==1?"one":v0&&i100==2?"two":v0&&(i100==3||i100==4)||!v0?"few":"other"}};$.as=$.am,$.az=$.af,$.bal=$.af,$.bg=$.af,$.bn=$.am,$.brx=$.af,$.ce=$.af,$.chr=$.af,$.csw=$.ak,$.cv=$.blo,$.de=$.ast,$.doi=$.am,$.ee=$.af,$.el=$.af,$.en=$.ast,$.eo=$.af,$.et=$.ast,$.eu=$.af,$.fa=$.am,$.fi=$.ast,$.fil=$.ceb,$.fo=$.af,$.fur=$.af,$.fy=$.ast,$.gl=$.ast,$.gu=$.am,$.ha=$.af,$.hi=$.am,$.hr=$.bs,$.hsb=$.dsb,$.hu=$.af,$.hy=$.ff,$.ia=$.ast,$.id=$.dz,$.ie=$.ast,$.ig=$.dz,$.ii=$.dz,$.it=$.ca,$.ja=$.dz,$.jgo=$.af,$.jv=$.dz,$.ka=$.af,$.kea=$.dz,$.kk=$.af,$.kl=$.af,$.km=$.dz,$.kn=$.am,$.ko=$.dz,$.kok=$.am,$.ks=$.af,$.ksh=$.blo,$.ku=$.af,$.ky=$.af,$.lb=$.af,$.lkt=$.dz,$.lld=$.ca,$.lo=$.dz,$.ml=$.af,$.mn=$.af,$.mr=$.af,$.ms=$.dz,$.my=$.dz,$.nb=$.af,$.ne=$.af,$.nl=$.ast,$.nn=$.af,$.no=$.af,$.nqo=$.dz,$.nso=$.ak,$.om=$.af,$.or=$.af,$.pa=$.ak,$.pcm=$.am,$.ps=$.af,$.rm=$.af,$.sah=$.dz,$.sc=$.ast,$.scn=$.ca,$.sd=$.af,$.sk=$.cs,$.so=$.af,$.sq=$.af,$.sr=$.bs,$.su=$.dz,$.sv=$.ast,$.sw=$.ast,$.syr=$.af,$.ta=$.af,$.te=$.af,$.th=$.dz,$.ti=$.ak,$.tk=$.af,$.tn=$.af,$.to=$.dz,$.tr=$.af,$.ug=$.af,$.uk=$.ru,$.ur=$.ast,$.uz=$.af,$.vec=$.ca,$.vi=$.dz,$.wae=$.af,$.wo=$.dz,$.xh=$.af,$.yi=$.ast,$.yo=$.dz,$.yue=$.dz,$.zh=$.dz,$.zu=$.am;var _default=exports.default=$},5909(__unused_webpack_module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _PluralRuleFunctions=_interopRequireDefault(__webpack_require__(1785)),_getPluralRulesLocale=_interopRequireDefault(__webpack_require__(35761));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return _typeof(i)=="symbol"?i:i+""}function _toPrimitive(t,r){if(_typeof(t)!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(_typeof(i)!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}var PluralRules=exports.default=function(){function PluralRules2(locale,options){_classCallCheck(this,PluralRules2);var locales=PluralRules2.supportedLocalesOf(locale);if(locales.length===0)throw new RangeError("Unsupported locale: "+locale);if(options&&options.type!=="cardinal")throw new RangeError('Only "cardinal" "type" is supported');this.$=_PluralRuleFunctions.default[(0,_getPluralRulesLocale.default)(locales[0])]}return _createClass(PluralRules2,[{key:"select",value:function(number){return this.$(number)}}],[{key:"supportedLocalesOf",value:function(locales){return typeof locales=="string"&&(locales=[locales]),locales.filter(function(locale){return _PluralRuleFunctions.default[(0,_getPluralRulesLocale.default)(locale)]})}}]),PluralRules2}()},94544(__unused_webpack_module,exports,__webpack_require__){"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},exports.default=__webpack_unused_export__=void 0;var _LocaleDataStore=__webpack_require__(81819),_resolveLocale=_interopRequireDefault(__webpack_require__(72186)),_PluralRules=_interopRequireDefault(__webpack_require__(5909));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
@@ -884,4 +884,4 @@ this in the docs: http://dev.apollodata.com/core/fragments.html#unique-names`):s
884
884
  `)),`
885
885
  }`)}function wrap(start,maybeString){var end=arguments.length>2&&arguments[2]!==void 0?arguments[2]:"";return maybeString!=null&&maybeString!==""?start+maybeString+end:""}function indent(str){return wrap(" ",str.replace(/\n/g,`
886
886
  `))}function isMultiline(str){return str.indexOf(`
887
- `)!==-1}function hasMultilineItems(maybeArray){return maybeArray!=null&&maybeArray.some(isMultiline)}},23838(__unused_webpack___webpack_module__,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{YR:()=>visit,sP:()=>BREAK});var _jsutils_inspect_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(6188),_ast_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(12890),QueryDocumentKeys={Name:[],Document:["definitions"],OperationDefinition:["name","variableDefinitions","directives","selectionSet"],VariableDefinition:["variable","type","defaultValue","directives"],Variable:["name"],SelectionSet:["selections"],Field:["alias","name","arguments","directives","selectionSet"],Argument:["name","value"],FragmentSpread:["name","directives"],InlineFragment:["typeCondition","directives","selectionSet"],FragmentDefinition:["name","variableDefinitions","typeCondition","directives","selectionSet"],IntValue:[],FloatValue:[],StringValue:[],BooleanValue:[],NullValue:[],EnumValue:[],ListValue:["values"],ObjectValue:["fields"],ObjectField:["name","value"],Directive:["name","arguments"],NamedType:["name"],ListType:["type"],NonNullType:["type"],SchemaDefinition:["description","directives","operationTypes"],OperationTypeDefinition:["type"],ScalarTypeDefinition:["description","name","directives"],ObjectTypeDefinition:["description","name","interfaces","directives","fields"],FieldDefinition:["description","name","arguments","type","directives"],InputValueDefinition:["description","name","type","defaultValue","directives"],InterfaceTypeDefinition:["description","name","interfaces","directives","fields"],UnionTypeDefinition:["description","name","directives","types"],EnumTypeDefinition:["description","name","directives","values"],EnumValueDefinition:["description","name","directives"],InputObjectTypeDefinition:["description","name","directives","fields"],DirectiveDefinition:["description","name","arguments","locations"],SchemaExtension:["directives","operationTypes"],ScalarTypeExtension:["name","directives"],ObjectTypeExtension:["name","interfaces","directives","fields"],InterfaceTypeExtension:["name","interfaces","directives","fields"],UnionTypeExtension:["name","directives","types"],EnumTypeExtension:["name","directives","values"],InputObjectTypeExtension:["name","directives","fields"]},BREAK=Object.freeze({});function visit(root,visitor){var visitorKeys=arguments.length>2&&arguments[2]!==void 0?arguments[2]:QueryDocumentKeys,stack=void 0,inArray=Array.isArray(root),keys=[root],index=-1,edits=[],node=void 0,key=void 0,parent2=void 0,path=[],ancestors=[],newRoot=root;do{index++;var isLeaving=index===keys.length,isEdited=isLeaving&&edits.length!==0;if(isLeaving){if(key=ancestors.length===0?void 0:path[path.length-1],node=parent2,parent2=ancestors.pop(),isEdited){if(inArray)node=node.slice();else{for(var clone={},_i2=0,_Object$keys2=Object.keys(node);_i2<_Object$keys2.length;_i2++){var k=_Object$keys2[_i2];clone[k]=node[k]}node=clone}for(var editOffset=0,ii=0;ii<edits.length;ii++){var editKey=edits[ii][0],editValue=edits[ii][1];inArray&&(editKey-=editOffset),inArray&&editValue===null?(node.splice(editKey,1),editOffset++):node[editKey]=editValue}}index=stack.index,keys=stack.keys,edits=stack.edits,inArray=stack.inArray,stack=stack.prev}else{if(key=parent2?inArray?index:keys[index]:void 0,node=parent2?parent2[key]:newRoot,node==null)continue;parent2&&path.push(key)}var result=void 0;if(!Array.isArray(node)){if(!(0,_ast_mjs__WEBPACK_IMPORTED_MODULE_1__.Ll)(node))throw new Error("Invalid AST Node: ".concat((0,_jsutils_inspect_mjs__WEBPACK_IMPORTED_MODULE_0__.A)(node),"."));var visitFn=getVisitFn(visitor,node.kind,isLeaving);if(visitFn){if(result=visitFn.call(visitor,node,key,parent2,path,ancestors),result===BREAK)break;if(result===!1){if(!isLeaving){path.pop();continue}}else if(result!==void 0&&(edits.push([key,result]),!isLeaving))if((0,_ast_mjs__WEBPACK_IMPORTED_MODULE_1__.Ll)(result))node=result;else{path.pop();continue}}}if(result===void 0&&isEdited&&edits.push([key,node]),isLeaving)path.pop();else{var _visitorKeys$node$kin;stack={inArray,index,keys,edits,prev:stack},inArray=Array.isArray(node),keys=inArray?node:(_visitorKeys$node$kin=visitorKeys[node.kind])!==null&&_visitorKeys$node$kin!==void 0?_visitorKeys$node$kin:[],index=-1,edits=[],parent2&&ancestors.push(parent2),parent2=node}}while(stack!==void 0);return edits.length!==0&&(newRoot=edits[edits.length-1][1]),newRoot}function visitInParallel(visitors){var skipping=new Array(visitors.length);return{enter:function(node){for(var i=0;i<visitors.length;i++)if(skipping[i]==null){var fn=getVisitFn(visitors[i],node.kind,!1);if(fn){var result=fn.apply(visitors[i],arguments);if(result===!1)skipping[i]=node;else if(result===BREAK)skipping[i]=BREAK;else if(result!==void 0)return result}}},leave:function(node){for(var i=0;i<visitors.length;i++)if(skipping[i]==null){var fn=getVisitFn(visitors[i],node.kind,!0);if(fn){var result=fn.apply(visitors[i],arguments);if(result===BREAK)skipping[i]=BREAK;else if(result!==void 0&&result!==!1)return result}}else skipping[i]===node&&(skipping[i]=null)}}}function getVisitFn(visitor,kind,isLeaving){var kindVisitor=visitor[kind];if(kindVisitor){if(!isLeaving&&typeof kindVisitor=="function")return kindVisitor;var kindSpecificVisitor=isLeaving?kindVisitor.leave:kindVisitor.enter;if(typeof kindSpecificVisitor=="function")return kindSpecificVisitor}else{var specificVisitor=isLeaving?visitor.leave:visitor.enter;if(specificVisitor){if(typeof specificVisitor=="function")return specificVisitor;var specificKindVisitor=specificVisitor[kind];if(typeof specificKindVisitor=="function")return specificKindVisitor}}}},95492(__unused_webpack___webpack_module__,__webpack_exports__,__webpack_require__){"use strict";var _home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_0___namespace_cache;__webpack_require__.d(__webpack_exports__,{x:()=>_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__.t(_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_0__,2))});var _home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(26143)},84472(module){"use strict";module.exports=JSON.parse('{"AElig":"\xC6","AMP":"&","Aacute":"\xC1","Acirc":"\xC2","Agrave":"\xC0","Aring":"\xC5","Atilde":"\xC3","Auml":"\xC4","COPY":"\xA9","Ccedil":"\xC7","ETH":"\xD0","Eacute":"\xC9","Ecirc":"\xCA","Egrave":"\xC8","Euml":"\xCB","GT":">","Iacute":"\xCD","Icirc":"\xCE","Igrave":"\xCC","Iuml":"\xCF","LT":"<","Ntilde":"\xD1","Oacute":"\xD3","Ocirc":"\xD4","Ograve":"\xD2","Oslash":"\xD8","Otilde":"\xD5","Ouml":"\xD6","QUOT":"\\"","REG":"\xAE","THORN":"\xDE","Uacute":"\xDA","Ucirc":"\xDB","Ugrave":"\xD9","Uuml":"\xDC","Yacute":"\xDD","aacute":"\xE1","acirc":"\xE2","acute":"\xB4","aelig":"\xE6","agrave":"\xE0","amp":"&","aring":"\xE5","atilde":"\xE3","auml":"\xE4","brvbar":"\xA6","ccedil":"\xE7","cedil":"\xB8","cent":"\xA2","copy":"\xA9","curren":"\xA4","deg":"\xB0","divide":"\xF7","eacute":"\xE9","ecirc":"\xEA","egrave":"\xE8","eth":"\xF0","euml":"\xEB","frac12":"\xBD","frac14":"\xBC","frac34":"\xBE","gt":">","iacute":"\xED","icirc":"\xEE","iexcl":"\xA1","igrave":"\xEC","iquest":"\xBF","iuml":"\xEF","laquo":"\xAB","lt":"<","macr":"\xAF","micro":"\xB5","middot":"\xB7","nbsp":"\xA0","not":"\xAC","ntilde":"\xF1","oacute":"\xF3","ocirc":"\xF4","ograve":"\xF2","ordf":"\xAA","ordm":"\xBA","oslash":"\xF8","otilde":"\xF5","ouml":"\xF6","para":"\xB6","plusmn":"\xB1","pound":"\xA3","quot":"\\"","raquo":"\xBB","reg":"\xAE","sect":"\xA7","shy":"\xAD","sup1":"\xB9","sup2":"\xB2","sup3":"\xB3","szlig":"\xDF","thorn":"\xFE","times":"\xD7","uacute":"\xFA","ucirc":"\xFB","ugrave":"\xF9","uml":"\xA8","uuml":"\xFC","yacute":"\xFD","yen":"\xA5","yuml":"\xFF"}')},78192(module){"use strict";module.exports=JSON.parse('{"0":"\uFFFD","128":"\u20AC","130":"\u201A","131":"\u0192","132":"\u201E","133":"\u2026","134":"\u2020","135":"\u2021","136":"\u02C6","137":"\u2030","138":"\u0160","139":"\u2039","140":"\u0152","142":"\u017D","145":"\u2018","146":"\u2019","147":"\u201C","148":"\u201D","149":"\u2022","150":"\u2013","151":"\u2014","152":"\u02DC","153":"\u2122","154":"\u0161","155":"\u203A","156":"\u0153","158":"\u017E","159":"\u0178"}')},53680(module){"use strict";module.exports=JSON.parse('{"locale":"en","long":{"year":{"previous":"last year","current":"this year","next":"next year","past":{"one":"{0} year ago","other":"{0} years ago"},"future":{"one":"in {0} year","other":"in {0} years"}},"quarter":{"previous":"last quarter","current":"this quarter","next":"next quarter","past":{"one":"{0} quarter ago","other":"{0} quarters ago"},"future":{"one":"in {0} quarter","other":"in {0} quarters"}},"month":{"previous":"last month","current":"this month","next":"next month","past":{"one":"{0} month ago","other":"{0} months ago"},"future":{"one":"in {0} month","other":"in {0} months"}},"week":{"previous":"last week","current":"this week","next":"next week","past":{"one":"{0} week ago","other":"{0} weeks ago"},"future":{"one":"in {0} week","other":"in {0} weeks"}},"day":{"previous":"yesterday","current":"today","next":"tomorrow","past":{"one":"{0} day ago","other":"{0} days ago"},"future":{"one":"in {0} day","other":"in {0} days"}},"hour":{"current":"this hour","past":{"one":"{0} hour ago","other":"{0} hours ago"},"future":{"one":"in {0} hour","other":"in {0} hours"}},"minute":{"current":"this minute","past":{"one":"{0} minute ago","other":"{0} minutes ago"},"future":{"one":"in {0} minute","other":"in {0} minutes"}},"second":{"current":"now","past":{"one":"{0} second ago","other":"{0} seconds ago"},"future":{"one":"in {0} second","other":"in {0} seconds"}}},"short":{"year":{"previous":"last yr.","current":"this yr.","next":"next yr.","past":"{0} yr. ago","future":"in {0} yr."},"quarter":{"previous":"last qtr.","current":"this qtr.","next":"next qtr.","past":{"one":"{0} qtr. ago","other":"{0} qtrs. ago"},"future":{"one":"in {0} qtr.","other":"in {0} qtrs."}},"month":{"previous":"last mo.","current":"this mo.","next":"next mo.","past":"{0} mo. ago","future":"in {0} mo."},"week":{"previous":"last wk.","current":"this wk.","next":"next wk.","past":"{0} wk. ago","future":"in {0} wk."},"day":{"previous":"yesterday","current":"today","next":"tomorrow","past":{"one":"{0} day ago","other":"{0} days ago"},"future":{"one":"in {0} day","other":"in {0} days"}},"hour":{"current":"this hour","past":"{0} hr. ago","future":"in {0} hr."},"minute":{"current":"this minute","past":"{0} min. ago","future":"in {0} min."},"second":{"current":"now","past":"{0} sec. ago","future":"in {0} sec."}},"narrow":{"year":{"previous":"last yr.","current":"this yr.","next":"next yr.","past":"{0}y ago","future":"in {0}y"},"quarter":{"previous":"last qtr.","current":"this qtr.","next":"next qtr.","past":"{0}q ago","future":"in {0}q"},"month":{"previous":"last mo.","current":"this mo.","next":"next mo.","past":"{0}mo ago","future":"in {0}mo"},"week":{"previous":"last wk.","current":"this wk.","next":"next wk.","past":"{0}w ago","future":"in {0}w"},"day":{"previous":"yesterday","current":"today","next":"tomorrow","past":"{0}d ago","future":"in {0}d"},"hour":{"current":"this hour","past":"{0}h ago","future":"in {0}h"},"minute":{"current":"this minute","past":"{0}m ago","future":"in {0}m"},"second":{"current":"now","past":"{0}s ago","future":"in {0}s"}},"now":{"now":{"current":"now","future":"in a moment","past":"just now"}},"mini":{"year":"{0}yr","month":"{0}mo","week":"{0}wk","day":"{0}d","hour":"{0}h","minute":"{0}m","second":"{0}s","now":"now"},"short-time":{"year":"{0} yr.","month":"{0} mo.","week":"{0} wk.","day":{"one":"{0} day","other":"{0} days"},"hour":"{0} hr.","minute":"{0} min.","second":"{0} sec."},"long-time":{"year":{"one":"{0} year","other":"{0} years"},"month":{"one":"{0} month","other":"{0} months"},"week":{"one":"{0} week","other":"{0} weeks"},"day":{"one":"{0} day","other":"{0} days"},"hour":{"one":"{0} hour","other":"{0} hours"},"minute":{"one":"{0} minute","other":"{0} minutes"},"second":{"one":"{0} second","other":"{0} seconds"}}}')}}]);
887
+ `)!==-1}function hasMultilineItems(maybeArray){return maybeArray!=null&&maybeArray.some(isMultiline)}},23838(__unused_webpack___webpack_module__,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{YR:()=>visit,sP:()=>BREAK});var _jsutils_inspect_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(6188),_ast_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(12890),QueryDocumentKeys={Name:[],Document:["definitions"],OperationDefinition:["name","variableDefinitions","directives","selectionSet"],VariableDefinition:["variable","type","defaultValue","directives"],Variable:["name"],SelectionSet:["selections"],Field:["alias","name","arguments","directives","selectionSet"],Argument:["name","value"],FragmentSpread:["name","directives"],InlineFragment:["typeCondition","directives","selectionSet"],FragmentDefinition:["name","variableDefinitions","typeCondition","directives","selectionSet"],IntValue:[],FloatValue:[],StringValue:[],BooleanValue:[],NullValue:[],EnumValue:[],ListValue:["values"],ObjectValue:["fields"],ObjectField:["name","value"],Directive:["name","arguments"],NamedType:["name"],ListType:["type"],NonNullType:["type"],SchemaDefinition:["description","directives","operationTypes"],OperationTypeDefinition:["type"],ScalarTypeDefinition:["description","name","directives"],ObjectTypeDefinition:["description","name","interfaces","directives","fields"],FieldDefinition:["description","name","arguments","type","directives"],InputValueDefinition:["description","name","type","defaultValue","directives"],InterfaceTypeDefinition:["description","name","interfaces","directives","fields"],UnionTypeDefinition:["description","name","directives","types"],EnumTypeDefinition:["description","name","directives","values"],EnumValueDefinition:["description","name","directives"],InputObjectTypeDefinition:["description","name","directives","fields"],DirectiveDefinition:["description","name","arguments","locations"],SchemaExtension:["directives","operationTypes"],ScalarTypeExtension:["name","directives"],ObjectTypeExtension:["name","interfaces","directives","fields"],InterfaceTypeExtension:["name","interfaces","directives","fields"],UnionTypeExtension:["name","directives","types"],EnumTypeExtension:["name","directives","values"],InputObjectTypeExtension:["name","directives","fields"]},BREAK=Object.freeze({});function visit(root,visitor){var visitorKeys=arguments.length>2&&arguments[2]!==void 0?arguments[2]:QueryDocumentKeys,stack=void 0,inArray=Array.isArray(root),keys=[root],index=-1,edits=[],node=void 0,key=void 0,parent2=void 0,path=[],ancestors=[],newRoot=root;do{index++;var isLeaving=index===keys.length,isEdited=isLeaving&&edits.length!==0;if(isLeaving){if(key=ancestors.length===0?void 0:path[path.length-1],node=parent2,parent2=ancestors.pop(),isEdited){if(inArray)node=node.slice();else{for(var clone={},_i2=0,_Object$keys2=Object.keys(node);_i2<_Object$keys2.length;_i2++){var k=_Object$keys2[_i2];clone[k]=node[k]}node=clone}for(var editOffset=0,ii=0;ii<edits.length;ii++){var editKey=edits[ii][0],editValue=edits[ii][1];inArray&&(editKey-=editOffset),inArray&&editValue===null?(node.splice(editKey,1),editOffset++):node[editKey]=editValue}}index=stack.index,keys=stack.keys,edits=stack.edits,inArray=stack.inArray,stack=stack.prev}else{if(key=parent2?inArray?index:keys[index]:void 0,node=parent2?parent2[key]:newRoot,node==null)continue;parent2&&path.push(key)}var result=void 0;if(!Array.isArray(node)){if(!(0,_ast_mjs__WEBPACK_IMPORTED_MODULE_1__.Ll)(node))throw new Error("Invalid AST Node: ".concat((0,_jsutils_inspect_mjs__WEBPACK_IMPORTED_MODULE_0__.A)(node),"."));var visitFn=getVisitFn(visitor,node.kind,isLeaving);if(visitFn){if(result=visitFn.call(visitor,node,key,parent2,path,ancestors),result===BREAK)break;if(result===!1){if(!isLeaving){path.pop();continue}}else if(result!==void 0&&(edits.push([key,result]),!isLeaving))if((0,_ast_mjs__WEBPACK_IMPORTED_MODULE_1__.Ll)(result))node=result;else{path.pop();continue}}}if(result===void 0&&isEdited&&edits.push([key,node]),isLeaving)path.pop();else{var _visitorKeys$node$kin;stack={inArray,index,keys,edits,prev:stack},inArray=Array.isArray(node),keys=inArray?node:(_visitorKeys$node$kin=visitorKeys[node.kind])!==null&&_visitorKeys$node$kin!==void 0?_visitorKeys$node$kin:[],index=-1,edits=[],parent2&&ancestors.push(parent2),parent2=node}}while(stack!==void 0);return edits.length!==0&&(newRoot=edits[edits.length-1][1]),newRoot}function visitInParallel(visitors){var skipping=new Array(visitors.length);return{enter:function(node){for(var i=0;i<visitors.length;i++)if(skipping[i]==null){var fn=getVisitFn(visitors[i],node.kind,!1);if(fn){var result=fn.apply(visitors[i],arguments);if(result===!1)skipping[i]=node;else if(result===BREAK)skipping[i]=BREAK;else if(result!==void 0)return result}}},leave:function(node){for(var i=0;i<visitors.length;i++)if(skipping[i]==null){var fn=getVisitFn(visitors[i],node.kind,!0);if(fn){var result=fn.apply(visitors[i],arguments);if(result===BREAK)skipping[i]=BREAK;else if(result!==void 0&&result!==!1)return result}}else skipping[i]===node&&(skipping[i]=null)}}}function getVisitFn(visitor,kind,isLeaving){var kindVisitor=visitor[kind];if(kindVisitor){if(!isLeaving&&typeof kindVisitor=="function")return kindVisitor;var kindSpecificVisitor=isLeaving?kindVisitor.leave:kindVisitor.enter;if(typeof kindSpecificVisitor=="function")return kindSpecificVisitor}else{var specificVisitor=isLeaving?visitor.leave:visitor.enter;if(specificVisitor){if(typeof specificVisitor=="function")return specificVisitor;var specificKindVisitor=specificVisitor[kind];if(typeof specificKindVisitor=="function")return specificKindVisitor}}}},52252(__unused_webpack___webpack_module__,__webpack_exports__,__webpack_require__){"use strict";var _home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_0___namespace_cache;__webpack_require__.d(__webpack_exports__,{x:()=>_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__.t(_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_0__,2))});var _home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(26143)},84472(module){"use strict";module.exports=JSON.parse('{"AElig":"\xC6","AMP":"&","Aacute":"\xC1","Acirc":"\xC2","Agrave":"\xC0","Aring":"\xC5","Atilde":"\xC3","Auml":"\xC4","COPY":"\xA9","Ccedil":"\xC7","ETH":"\xD0","Eacute":"\xC9","Ecirc":"\xCA","Egrave":"\xC8","Euml":"\xCB","GT":">","Iacute":"\xCD","Icirc":"\xCE","Igrave":"\xCC","Iuml":"\xCF","LT":"<","Ntilde":"\xD1","Oacute":"\xD3","Ocirc":"\xD4","Ograve":"\xD2","Oslash":"\xD8","Otilde":"\xD5","Ouml":"\xD6","QUOT":"\\"","REG":"\xAE","THORN":"\xDE","Uacute":"\xDA","Ucirc":"\xDB","Ugrave":"\xD9","Uuml":"\xDC","Yacute":"\xDD","aacute":"\xE1","acirc":"\xE2","acute":"\xB4","aelig":"\xE6","agrave":"\xE0","amp":"&","aring":"\xE5","atilde":"\xE3","auml":"\xE4","brvbar":"\xA6","ccedil":"\xE7","cedil":"\xB8","cent":"\xA2","copy":"\xA9","curren":"\xA4","deg":"\xB0","divide":"\xF7","eacute":"\xE9","ecirc":"\xEA","egrave":"\xE8","eth":"\xF0","euml":"\xEB","frac12":"\xBD","frac14":"\xBC","frac34":"\xBE","gt":">","iacute":"\xED","icirc":"\xEE","iexcl":"\xA1","igrave":"\xEC","iquest":"\xBF","iuml":"\xEF","laquo":"\xAB","lt":"<","macr":"\xAF","micro":"\xB5","middot":"\xB7","nbsp":"\xA0","not":"\xAC","ntilde":"\xF1","oacute":"\xF3","ocirc":"\xF4","ograve":"\xF2","ordf":"\xAA","ordm":"\xBA","oslash":"\xF8","otilde":"\xF5","ouml":"\xF6","para":"\xB6","plusmn":"\xB1","pound":"\xA3","quot":"\\"","raquo":"\xBB","reg":"\xAE","sect":"\xA7","shy":"\xAD","sup1":"\xB9","sup2":"\xB2","sup3":"\xB3","szlig":"\xDF","thorn":"\xFE","times":"\xD7","uacute":"\xFA","ucirc":"\xFB","ugrave":"\xF9","uml":"\xA8","uuml":"\xFC","yacute":"\xFD","yen":"\xA5","yuml":"\xFF"}')},78192(module){"use strict";module.exports=JSON.parse('{"0":"\uFFFD","128":"\u20AC","130":"\u201A","131":"\u0192","132":"\u201E","133":"\u2026","134":"\u2020","135":"\u2021","136":"\u02C6","137":"\u2030","138":"\u0160","139":"\u2039","140":"\u0152","142":"\u017D","145":"\u2018","146":"\u2019","147":"\u201C","148":"\u201D","149":"\u2022","150":"\u2013","151":"\u2014","152":"\u02DC","153":"\u2122","154":"\u0161","155":"\u203A","156":"\u0153","158":"\u017E","159":"\u0178"}')},53680(module){"use strict";module.exports=JSON.parse('{"locale":"en","long":{"year":{"previous":"last year","current":"this year","next":"next year","past":{"one":"{0} year ago","other":"{0} years ago"},"future":{"one":"in {0} year","other":"in {0} years"}},"quarter":{"previous":"last quarter","current":"this quarter","next":"next quarter","past":{"one":"{0} quarter ago","other":"{0} quarters ago"},"future":{"one":"in {0} quarter","other":"in {0} quarters"}},"month":{"previous":"last month","current":"this month","next":"next month","past":{"one":"{0} month ago","other":"{0} months ago"},"future":{"one":"in {0} month","other":"in {0} months"}},"week":{"previous":"last week","current":"this week","next":"next week","past":{"one":"{0} week ago","other":"{0} weeks ago"},"future":{"one":"in {0} week","other":"in {0} weeks"}},"day":{"previous":"yesterday","current":"today","next":"tomorrow","past":{"one":"{0} day ago","other":"{0} days ago"},"future":{"one":"in {0} day","other":"in {0} days"}},"hour":{"current":"this hour","past":{"one":"{0} hour ago","other":"{0} hours ago"},"future":{"one":"in {0} hour","other":"in {0} hours"}},"minute":{"current":"this minute","past":{"one":"{0} minute ago","other":"{0} minutes ago"},"future":{"one":"in {0} minute","other":"in {0} minutes"}},"second":{"current":"now","past":{"one":"{0} second ago","other":"{0} seconds ago"},"future":{"one":"in {0} second","other":"in {0} seconds"}}},"short":{"year":{"previous":"last yr.","current":"this yr.","next":"next yr.","past":"{0} yr. ago","future":"in {0} yr."},"quarter":{"previous":"last qtr.","current":"this qtr.","next":"next qtr.","past":{"one":"{0} qtr. ago","other":"{0} qtrs. ago"},"future":{"one":"in {0} qtr.","other":"in {0} qtrs."}},"month":{"previous":"last mo.","current":"this mo.","next":"next mo.","past":"{0} mo. ago","future":"in {0} mo."},"week":{"previous":"last wk.","current":"this wk.","next":"next wk.","past":"{0} wk. ago","future":"in {0} wk."},"day":{"previous":"yesterday","current":"today","next":"tomorrow","past":{"one":"{0} day ago","other":"{0} days ago"},"future":{"one":"in {0} day","other":"in {0} days"}},"hour":{"current":"this hour","past":"{0} hr. ago","future":"in {0} hr."},"minute":{"current":"this minute","past":"{0} min. ago","future":"in {0} min."},"second":{"current":"now","past":"{0} sec. ago","future":"in {0} sec."}},"narrow":{"year":{"previous":"last yr.","current":"this yr.","next":"next yr.","past":"{0}y ago","future":"in {0}y"},"quarter":{"previous":"last qtr.","current":"this qtr.","next":"next qtr.","past":"{0}q ago","future":"in {0}q"},"month":{"previous":"last mo.","current":"this mo.","next":"next mo.","past":"{0}mo ago","future":"in {0}mo"},"week":{"previous":"last wk.","current":"this wk.","next":"next wk.","past":"{0}w ago","future":"in {0}w"},"day":{"previous":"yesterday","current":"today","next":"tomorrow","past":"{0}d ago","future":"in {0}d"},"hour":{"current":"this hour","past":"{0}h ago","future":"in {0}h"},"minute":{"current":"this minute","past":"{0}m ago","future":"in {0}m"},"second":{"current":"now","past":"{0}s ago","future":"in {0}s"}},"now":{"now":{"current":"now","future":"in a moment","past":"just now"}},"mini":{"year":"{0}yr","month":"{0}mo","week":"{0}wk","day":"{0}d","hour":"{0}h","minute":"{0}m","second":"{0}s","now":"now"},"short-time":{"year":"{0} yr.","month":"{0} mo.","week":"{0} wk.","day":{"one":"{0} day","other":"{0} days"},"hour":"{0} hr.","minute":"{0} min.","second":"{0} sec."},"long-time":{"year":{"one":"{0} year","other":"{0} years"},"month":{"one":"{0} month","other":"{0} months"},"week":{"one":"{0} week","other":"{0} weeks"},"day":{"one":"{0} day","other":"{0} days"},"hour":{"one":"{0} hour","other":"{0} hours"},"minute":{"one":"{0} minute","other":"{0} minutes"},"second":{"one":"{0} second","other":"{0} seconds"}}}')}}]);