@teambit/node 1.0.492 → 1.0.494

package/artifacts/env-template/public/{107.539e4e8640e7e2d990fa.js → 331.9ee868afcb666bdb9bcc.js}

@@ -1,4 +1,4 @@
-(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[107],{66659:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.linkModules=exports.PreviewModules=exports.PREVIEW_MODULES=void 0;var preview_modules_1=__webpack_require__(23341);Object.defineProperty(exports,"PREVIEW_MODULES",{enumerable:!0,get:function(){return preview_modules_1.PREVIEW_MODULES}}),Object.defineProperty(exports,"PreviewModules",{enumerable:!0,get:function(){return preview_modules_1.PreviewModules}}),Object.defineProperty(exports,"linkModules",{enumerable:!0,get:function(){return preview_modules_1.linkModules}})},23341:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.linkModules=exports.PREVIEW_MODULES=exports.PreviewModules=void 0;class PreviewModules extends Map{constructor(){super(...arguments);this.onSet=new Set}set(id,preview){return super.set(id,preview),this.onSet.forEach(callback=>callback()),this}loadComponentPreviews(compId,previews){Object.entries(previews).forEach(([previewName,moduleFile])=>{const preview=this.get(previewName);!preview||(preview.componentMap[compId]=moduleFile)})}}exports.PreviewModules=PreviewModules;function getPreviewModules(){return typeof window<"u"?(window.__bit_preview_modules||(window.__bit_preview_modules=new PreviewModules),window.__bit_preview_modules):new PreviewModules}exports.PREVIEW_MODULES=getPreviewModules();function linkModules(previewName,previewModule){exports.PREVIEW_MODULES.set(previewName,previewModule)}exports.linkModules=linkModules},34732:(__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 _previewModules().PREVIEW_MODULES}},__webpack_unused_export__={enumerable:!0,get:function(){return _previewModules().PreviewModules}},Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _previewModules(){const data=__webpack_require__(66659);return _previewModules=function(){return data},data}},77229:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NavigationProvider=exports.useNavigation=exports.useNavigate=exports.useLocation=exports.Link=void 0;var link_1=__webpack_require__(3661);Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return link_1.Link}});var use_location_1=__webpack_require__(79452);Object.defineProperty(exports,"useLocation",{enumerable:!0,get:function(){return use_location_1.useLocation}});var use_navigate_1=__webpack_require__(16036);Object.defineProperty(exports,"useNavigate",{enumerable:!0,get:function(){return use_navigate_1.useNavigate}});var navigation_provider_1=__webpack_require__(31508);Object.defineProperty(exports,"useNavigation",{enumerable:!0,get:function(){return navigation_provider_1.useNavigation}}),Object.defineProperty(exports,"NavigationProvider",{enumerable:!0,get:function(){return navigation_provider_1.NavigationProvider}})},3661:function(__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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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}),exports.Link=void 0;const react_1=__importStar(__webpack_require__(59496)),navigation_provider_1=__webpack_require__(31508),native_link_1=__webpack_require__(41003);exports.Link=(0,react_1.forwardRef)(function(props,ref){const ActualLink=(0,navigation_provider_1.useNavigation)().Link||native_link_1.NativeLink;return props.native||props.external?react_1.default.createElement(native_link_1.NativeLink,Object.assign({},props,{ref})):react_1.default.createElement(ActualLink,Object.assign({},props,{ref}))})},41003:function(__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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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},__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.NativeLink=void 0;const react_1=__importStar(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(19803)),base_ui_routing_compare_url_1=__webpack_require__(33789),use_location_1=__webpack_require__(79452),externalLinkAttributes={rel:"noopener",target:"_blank"};exports.NativeLink=(0,react_1.forwardRef)(function(_a,ref){var{className,style,activeClassName,activeStyle,active,strict,exact,href,external,native,state}=_a,rest=__rest(_a,["className","style","activeClassName","activeStyle","active","strict","exact","href","external","native","state"]);const location=(0,use_location_1.useLocation)(),shouldCalcActive=!!activeClassName||!!activeStyle,isActive=(0,react_1.useMemo)(()=>shouldCalcActive?typeof active=="boolean"?active:!location||!href?!1:(0,base_ui_routing_compare_url_1.compareUrl)(location.pathname,href,{exact,strict}):!1,[active,href,location,shouldCalcActive]),externalProps=external?externalLinkAttributes:{},combinedStyles=(0,react_1.useMemo)(()=>isActive&&activeStyle?Object.assign(Object.assign({},style),activeStyle):style,[isActive,style]);return react_1.default.createElement("a",Object.assign({},externalProps,rest,{ref,href,className:(0,classnames_1.default)(className,isActive&&activeClassName),style:combinedStyles}))})},31508:function(__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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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}),exports.NavigationProvider=exports.useNavigation=exports.NavigationContext=void 0;const react_1=__importStar(__webpack_require__(59496));exports.NavigationContext=react_1.default.createContext({});function useNavigation(){return(0,react_1.useContext)(exports.NavigationContext)}exports.useNavigation=useNavigation;function NavigationProvider({children,implementation}){return react_1.default.createElement(exports.NavigationContext.Provider,{value:implementation},children)}exports.NavigationProvider=NavigationProvider},79452:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLocation=void 0;const navigation_provider_1=__webpack_require__(31508);function useLocation(){return((0,navigation_provider_1.useNavigation)().useLocation||NativeUseLocation)()}exports.useLocation=useLocation;function NativeUseLocation(){if(!(typeof window>"u"))return window.location}},16036:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useNavigate=void 0;const navigation_provider_1=__webpack_require__(31508);function useNavigate(){var _a;const nav=(0,navigation_provider_1.useNavigation)();return((_a=nav.useNavigate)===null||_a===void 0?void 0:_a.call(nav))||nativeNavigator}exports.useNavigate=useNavigate;function nativeNavigator(target,{replace}={}){if(typeof window>"u")throw new Error("base-react.navigation.use-location - cannot use native navigator outside of browser. Inject a custom useNavigate, or use navigation after mount");const{location,history}=window;typeof target=="number"?history.go(target):replace?location.replace(target):location.assign(target)}},75076:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LoaderRibbon=void 0;var loader_ribbon_1=__webpack_require__(85798);Object.defineProperty(exports,"LoaderRibbon",{enumerable:!0,get:function(){return loader_ribbon_1.LoaderRibbon}})},85798:function(__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.LoaderRibbon=void 0;const classnames_1=__importDefault(__webpack_require__(97754)),react_1=__importDefault(__webpack_require__(59496)),loader_ribbon_module_scss_1=__importDefault(__webpack_require__(2700));function LoaderRibbon(_a){var{active,className}=_a,rest=__rest(_a,["active","className"]);return react_1.default.createElement("div",Object.assign({},rest,{className:classnames_1.default(className,loader_ribbon_module_scss_1.default.loader,active&&loader_ribbon_module_scss_1.default.loading)}),react_1.default.createElement("div",{className:loader_ribbon_module_scss_1.default.progress}))}exports.LoaderRibbon=LoaderRibbon},90398:function(__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.compareUrl=void 0;const url_parse_1=__importDefault(__webpack_require__(54386));function compareUrl(baseUrl,toMatchUrl,{exact,strict}={}){if(baseUrl===toMatchUrl)return!0;strict||(baseUrl=baseUrl.replace(/\/(?=[?#]|$)/,""),toMatchUrl=toMatchUrl.replace(/\/(?=[?#]|$)/,""));const base=url_parse_1.default(baseUrl),match=url_parse_1.default(toMatchUrl),subUrl=isSubUrl(base,match),exactMatch=!exact||isExactMatch(base,match),strictMatch=!strict||isStrictMatch(base,match);return subUrl&&exactMatch&&strictMatch}exports.compareUrl=compareUrl;function isSubUrl(base,match){return(!match.protocol||match.protocol===base.protocol)&&(!match.hostname||match.hostname===base.hostname)&&(!match.port||match.port===base.port)&&(!match.pathname||base.pathname.startsWith(match.pathname))&&(!match.query||isSubObject(match.query,base.query))&&(!match.hash||match.hash===base.hash)&&(!match.password||match.password===base.password)&&(!match.username||match.username===base.username)}function isExactMatch(base,match){return(!match.pathname||base.pathname===match.pathname)&&(!match.query||isSubObject(base.query,match.query))}function isStrictMatch(base,match){return!match.pathname||base.pathname.endsWith("/")===match.pathname.endsWith("/")}function isSubObject(source,target){return Object.keys(source).every(key=>source[key]===target[key])}},33789:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.compareUrl=void 0;var compare_url_1=__webpack_require__(90398);Object.defineProperty(exports,"compareUrl",{enumerable:!0,get:function(){return compare_url_1.compareUrl}})},93155:function(__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.Composer=void 0;const react_1=__importDefault(__webpack_require__(59496));function Composer(props){const{components=[],children}=props,arrayified=components.map(tuple=>Array.isArray(tuple)?tuple:[tuple,void 0]);return react_1.default.createElement(react_1.default.Fragment,null,arrayified.reduceRight((acc,[Comp,forwardProps])=>react_1.default.createElement(Comp,Object.assign({},forwardProps),acc),children))}exports.Composer=Composer},80893:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composer=void 0;var composer_1=__webpack_require__(93155);Object.defineProperty(exports,"Composer",{enumerable:!0,get:function(){return composer_1.Composer}})},93042:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.links=void 0;var links_1=__webpack_require__(39204);Object.defineProperty(exports,"links",{enumerable:!0,get:function(){return links_1.links}})},39204:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.links=void 0,exports.links={docs:"https://bit.dev/docs",github:"https://github.com/teambit/bit",slack:"https://join.slack.com/t/bit-dev-community/shared_invite/zt-1el4b4sb5-FpgRefqUiZbUH9lvnHgwRg",blog:"https://bit.cloud/blog",twitter:"https://twitter.com/bitdev_",linkedin:"https://www.linkedin.com/company/bit-dev",bitRegistry:"https://node.bit.cloud",youtube:"https://www.youtube.com/c/Bitdev/videos",careers:"https://bit.breezy.hr"}},98910:function(__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.ContactIcons=void 0;const react_1=__importDefault(__webpack_require__(59496)),base_react_navigation_link_1=__webpack_require__(77229),community_constants_links_1=__webpack_require__(93042),styles={link:{textDecoration:"none",lineHeight:"inherit",color:"unset"},logo:{width:"24px",height:"24px",margin:"0 13px"}};function ContactIcons(props){return react_1.default.createElement("div",Object.assign({style:Object.assign(Object.assign({},styles.iconLine),props.style)},props),react_1.default.createElement(base_react_navigation_link_1.Link,{external:!0,style:styles.link,href:community_constants_links_1.links.slack},react_1.default.createElement("img",{alt:"slack",style:styles.logo,src:"https://static.bit.dev/harmony/slack-round-icon.svg"})),react_1.default.createElement(base_react_navigation_link_1.Link,{external:!0,style:styles.link,href:community_constants_links_1.links.github},react_1.default.createElement("img",{alt:"github",style:styles.logo,src:"https://static.bit.dev/harmony/github.svg"})),react_1.default.createElement(base_react_navigation_link_1.Link,{external:!0,style:styles.link,href:community_constants_links_1.links.docs},react_1.default.createElement("img",{alt:"bit docs",style:styles.logo,src:"https://static.bit.dev/bit-logo.svg"})))}exports.ContactIcons=ContactIcons},96970:function(__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.ErrorPage=void 0;const react_1=__importDefault(__webpack_require__(59496)),styles={errorPage:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",margin:"auto",padding:"24px",textAlign:"center"},title:{fontWeight:"bold",margin:"0 0 24px 0"},img:{maxWidth:"700px",marginBottom:"24px",width:"100%"}},inlineStyles=`
+(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[331],{1478:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.linkModules=exports.PreviewModules=exports.PREVIEW_MODULES=void 0;var preview_modules_1=__webpack_require__(90682);Object.defineProperty(exports,"PREVIEW_MODULES",{enumerable:!0,get:function(){return preview_modules_1.PREVIEW_MODULES}}),Object.defineProperty(exports,"PreviewModules",{enumerable:!0,get:function(){return preview_modules_1.PreviewModules}}),Object.defineProperty(exports,"linkModules",{enumerable:!0,get:function(){return preview_modules_1.linkModules}})},90682:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.linkModules=exports.PREVIEW_MODULES=exports.PreviewModules=void 0;class PreviewModules extends Map{constructor(){super(...arguments);this.onSet=new Set}set(id,preview){return super.set(id,preview),this.onSet.forEach(callback=>callback()),this}loadComponentPreviews(compId,previews){Object.entries(previews).forEach(([previewName,moduleFile])=>{const preview=this.get(previewName);!preview||(preview.componentMap[compId]=moduleFile)})}}exports.PreviewModules=PreviewModules;function getPreviewModules(){return typeof window<"u"?(window.__bit_preview_modules||(window.__bit_preview_modules=new PreviewModules),window.__bit_preview_modules):new PreviewModules}exports.PREVIEW_MODULES=getPreviewModules();function linkModules(previewName,previewModule){exports.PREVIEW_MODULES.set(previewName,previewModule)}exports.linkModules=linkModules},90759:(__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 _previewModules().PREVIEW_MODULES}},__webpack_unused_export__={enumerable:!0,get:function(){return _previewModules().PreviewModules}},Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _previewModules(){const data=__webpack_require__(1478);return _previewModules=function(){return data},data}},77229:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NavigationProvider=exports.useNavigation=exports.useNavigate=exports.useLocation=exports.Link=void 0;var link_1=__webpack_require__(3661);Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return link_1.Link}});var use_location_1=__webpack_require__(79452);Object.defineProperty(exports,"useLocation",{enumerable:!0,get:function(){return use_location_1.useLocation}});var use_navigate_1=__webpack_require__(16036);Object.defineProperty(exports,"useNavigate",{enumerable:!0,get:function(){return use_navigate_1.useNavigate}});var navigation_provider_1=__webpack_require__(31508);Object.defineProperty(exports,"useNavigation",{enumerable:!0,get:function(){return navigation_provider_1.useNavigation}}),Object.defineProperty(exports,"NavigationProvider",{enumerable:!0,get:function(){return navigation_provider_1.NavigationProvider}})},3661:function(__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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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}),exports.Link=void 0;const react_1=__importStar(__webpack_require__(59496)),navigation_provider_1=__webpack_require__(31508),native_link_1=__webpack_require__(41003);exports.Link=(0,react_1.forwardRef)(function(props,ref){const ActualLink=(0,navigation_provider_1.useNavigation)().Link||native_link_1.NativeLink;return props.native||props.external?react_1.default.createElement(native_link_1.NativeLink,Object.assign({},props,{ref})):react_1.default.createElement(ActualLink,Object.assign({},props,{ref}))})},41003:function(__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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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},__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.NativeLink=void 0;const react_1=__importStar(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(19803)),base_ui_routing_compare_url_1=__webpack_require__(33789),use_location_1=__webpack_require__(79452),externalLinkAttributes={rel:"noopener",target:"_blank"};exports.NativeLink=(0,react_1.forwardRef)(function(_a,ref){var{className,style,activeClassName,activeStyle,active,strict,exact,href,external,native,state}=_a,rest=__rest(_a,["className","style","activeClassName","activeStyle","active","strict","exact","href","external","native","state"]);const location=(0,use_location_1.useLocation)(),shouldCalcActive=!!activeClassName||!!activeStyle,isActive=(0,react_1.useMemo)(()=>shouldCalcActive?typeof active=="boolean"?active:!location||!href?!1:(0,base_ui_routing_compare_url_1.compareUrl)(location.pathname,href,{exact,strict}):!1,[active,href,location,shouldCalcActive]),externalProps=external?externalLinkAttributes:{},combinedStyles=(0,react_1.useMemo)(()=>isActive&&activeStyle?Object.assign(Object.assign({},style),activeStyle):style,[isActive,style]);return react_1.default.createElement("a",Object.assign({},externalProps,rest,{ref,href,className:(0,classnames_1.default)(className,isActive&&activeClassName),style:combinedStyles}))})},31508:function(__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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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}),exports.NavigationProvider=exports.useNavigation=exports.NavigationContext=void 0;const react_1=__importStar(__webpack_require__(59496));exports.NavigationContext=react_1.default.createContext({});function useNavigation(){return(0,react_1.useContext)(exports.NavigationContext)}exports.useNavigation=useNavigation;function NavigationProvider({children,implementation}){return react_1.default.createElement(exports.NavigationContext.Provider,{value:implementation},children)}exports.NavigationProvider=NavigationProvider},79452:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLocation=void 0;const navigation_provider_1=__webpack_require__(31508);function useLocation(){return((0,navigation_provider_1.useNavigation)().useLocation||NativeUseLocation)()}exports.useLocation=useLocation;function NativeUseLocation(){if(!(typeof window>"u"))return window.location}},16036:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useNavigate=void 0;const navigation_provider_1=__webpack_require__(31508);function useNavigate(){var _a;const nav=(0,navigation_provider_1.useNavigation)();return((_a=nav.useNavigate)===null||_a===void 0?void 0:_a.call(nav))||nativeNavigator}exports.useNavigate=useNavigate;function nativeNavigator(target,{replace}={}){if(typeof window>"u")throw new Error("base-react.navigation.use-location - cannot use native navigator outside of browser. Inject a custom useNavigate, or use navigation after mount");const{location,history}=window;typeof target=="number"?history.go(target):replace?location.replace(target):location.assign(target)}},75076:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LoaderRibbon=void 0;var loader_ribbon_1=__webpack_require__(85798);Object.defineProperty(exports,"LoaderRibbon",{enumerable:!0,get:function(){return loader_ribbon_1.LoaderRibbon}})},85798:function(__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.LoaderRibbon=void 0;const classnames_1=__importDefault(__webpack_require__(97754)),react_1=__importDefault(__webpack_require__(59496)),loader_ribbon_module_scss_1=__importDefault(__webpack_require__(2700));function LoaderRibbon(_a){var{active,className}=_a,rest=__rest(_a,["active","className"]);return react_1.default.createElement("div",Object.assign({},rest,{className:classnames_1.default(className,loader_ribbon_module_scss_1.default.loader,active&&loader_ribbon_module_scss_1.default.loading)}),react_1.default.createElement("div",{className:loader_ribbon_module_scss_1.default.progress}))}exports.LoaderRibbon=LoaderRibbon},90398:function(__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.compareUrl=void 0;const url_parse_1=__importDefault(__webpack_require__(54386));function compareUrl(baseUrl,toMatchUrl,{exact,strict}={}){if(baseUrl===toMatchUrl)return!0;strict||(baseUrl=baseUrl.replace(/\/(?=[?#]|$)/,""),toMatchUrl=toMatchUrl.replace(/\/(?=[?#]|$)/,""));const base=url_parse_1.default(baseUrl),match=url_parse_1.default(toMatchUrl),subUrl=isSubUrl(base,match),exactMatch=!exact||isExactMatch(base,match),strictMatch=!strict||isStrictMatch(base,match);return subUrl&&exactMatch&&strictMatch}exports.compareUrl=compareUrl;function isSubUrl(base,match){return(!match.protocol||match.protocol===base.protocol)&&(!match.hostname||match.hostname===base.hostname)&&(!match.port||match.port===base.port)&&(!match.pathname||base.pathname.startsWith(match.pathname))&&(!match.query||isSubObject(match.query,base.query))&&(!match.hash||match.hash===base.hash)&&(!match.password||match.password===base.password)&&(!match.username||match.username===base.username)}function isExactMatch(base,match){return(!match.pathname||base.pathname===match.pathname)&&(!match.query||isSubObject(base.query,match.query))}function isStrictMatch(base,match){return!match.pathname||base.pathname.endsWith("/")===match.pathname.endsWith("/")}function isSubObject(source,target){return Object.keys(source).every(key=>source[key]===target[key])}},33789:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.compareUrl=void 0;var compare_url_1=__webpack_require__(90398);Object.defineProperty(exports,"compareUrl",{enumerable:!0,get:function(){return compare_url_1.compareUrl}})},93155:function(__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.Composer=void 0;const react_1=__importDefault(__webpack_require__(59496));function Composer(props){const{components=[],children}=props,arrayified=components.map(tuple=>Array.isArray(tuple)?tuple:[tuple,void 0]);return react_1.default.createElement(react_1.default.Fragment,null,arrayified.reduceRight((acc,[Comp,forwardProps])=>react_1.default.createElement(Comp,Object.assign({},forwardProps),acc),children))}exports.Composer=Composer},80893:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composer=void 0;var composer_1=__webpack_require__(93155);Object.defineProperty(exports,"Composer",{enumerable:!0,get:function(){return composer_1.Composer}})},93042:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.links=void 0;var links_1=__webpack_require__(39204);Object.defineProperty(exports,"links",{enumerable:!0,get:function(){return links_1.links}})},39204:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.links=void 0,exports.links={docs:"https://bit.dev/docs",github:"https://github.com/teambit/bit",slack:"https://join.slack.com/t/bit-dev-community/shared_invite/zt-1el4b4sb5-FpgRefqUiZbUH9lvnHgwRg",blog:"https://bit.cloud/blog",twitter:"https://twitter.com/bitdev_",linkedin:"https://www.linkedin.com/company/bit-dev",bitRegistry:"https://node.bit.cloud",youtube:"https://www.youtube.com/c/Bitdev/videos",careers:"https://bit.breezy.hr"}},98910:function(__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.ContactIcons=void 0;const react_1=__importDefault(__webpack_require__(59496)),base_react_navigation_link_1=__webpack_require__(77229),community_constants_links_1=__webpack_require__(93042),styles={link:{textDecoration:"none",lineHeight:"inherit",color:"unset"},logo:{width:"24px",height:"24px",margin:"0 13px"}};function ContactIcons(props){return react_1.default.createElement("div",Object.assign({style:Object.assign(Object.assign({},styles.iconLine),props.style)},props),react_1.default.createElement(base_react_navigation_link_1.Link,{external:!0,style:styles.link,href:community_constants_links_1.links.slack},react_1.default.createElement("img",{alt:"slack",style:styles.logo,src:"https://static.bit.dev/harmony/slack-round-icon.svg"})),react_1.default.createElement(base_react_navigation_link_1.Link,{external:!0,style:styles.link,href:community_constants_links_1.links.github},react_1.default.createElement("img",{alt:"github",style:styles.logo,src:"https://static.bit.dev/harmony/github.svg"})),react_1.default.createElement(base_react_navigation_link_1.Link,{external:!0,style:styles.link,href:community_constants_links_1.links.docs},react_1.default.createElement("img",{alt:"bit docs",style:styles.logo,src:"https://static.bit.dev/bit-logo.svg"})))}exports.ContactIcons=ContactIcons},96970:function(__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.ErrorPage=void 0;const react_1=__importDefault(__webpack_require__(59496)),styles={errorPage:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",margin:"auto",padding:"24px",textAlign:"center"},title:{fontWeight:"bold",margin:"0 0 24px 0"},img:{maxWidth:"700px",marginBottom:"24px",width:"100%"}},inlineStyles=`
 .bit-error-page-title { font-size: 36px; }
 @media screen and (max-width: 480px) { .bit-error-page-title { font-size: 24px; } }
 `;function ErrorPage(_a){var{code,title,style,children}=_a,rest=__rest(_a,["code","title","style","children"]);return react_1.default.createElement("div",Object.assign({},rest,{style:Object.assign(Object.assign({},styles.errorPage),style)}),react_1.default.createElement("style",null,inlineStyles),react_1.default.createElement("h1",{style:styles.title,className:"bit-error-page-title"},title),react_1.default.createElement("img",{alt:"error-image",style:styles.img,src:`https://static.bit.dev/harmony/${code}.svg`}),children)}exports.ErrorPage=ErrorPage},95710:function(__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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContactIcons=void 0,__exportStar(__webpack_require__(96970),exports);var contact_footer_1=__webpack_require__(98910);Object.defineProperty(exports,"ContactIcons",{enumerable:!0,get:function(){return contact_footer_1.ContactIcons}})},89388:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NotFoundPage=void 0;var not_found_page_1=__webpack_require__(33231);Object.defineProperty(exports,"NotFoundPage",{enumerable:!0,get:function(){return not_found_page_1.NotFoundPage}})},33231:function(__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.NotFoundPage=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_ui_error_page_1=__webpack_require__(95710);function NotFoundPage(_a){var rest=__rest(_a,[]);return react_1.default.createElement(design_ui_error_page_1.ErrorPage,Object.assign({},rest,{code:404,title:"Page not found"}),react_1.default.createElement(design_ui_error_page_1.ContactIcons,null))}exports.NotFoundPage=NotFoundPage},48065:function(__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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(70206),exports)},70206:function(__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.StandaloneNotFoundPage=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_ui_pages_not_found_1=__webpack_require__(89388);function StandaloneNotFoundPage(){return react_1.default.createElement(design_ui_pages_not_found_1.NotFoundPage,{style:{fontFamily:'"Helvetica Neue",Helvetica, sans-serif'}})}exports.StandaloneNotFoundPage=StandaloneNotFoundPage},97754:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!

package/artifacts/env-template/public/{8.4e602a63a7cf45fcdf08.js → 8.df3c8ad20bfb5900daa6.js}

@@ -592,7 +592,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
     }
   }
   ${componentIdFields}
-`},21268:(__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__(51221);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(48166);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},48166:()=>{"use strict"},12645:(__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}},25408:function(__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.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),base_ui_loaders_skeleton_1=__webpack_require__(20298),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(30364));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"})))}exports.CompositionCardSkeleton=CompositionCardSkeleton;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"}))}exports.PreviewSkeleton=PreviewSkeleton},78647:(__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__(25408);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}})},94075:function(__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__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),evangelist_elements_icon_1=__webpack_require__(86144),compositions_1=__webpack_require__(32552),design_ui_styles_ellipsis_1=__webpack_require__(2997),composition_card_module_scss_1=__importDefault(__webpack_require__(6998));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!1,loading:"lazy",composition,component,viewport:1280,previewName:"compositions"}),[composition.identifier,component.id.toString(),previewClass]);return react_1.default.createElement("div",Object.assign({},rest,{key:composition.identifier,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"}))))}},75797:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(94075);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(78647);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},4405:function(__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=void 0;const humanize_string_1=__importDefault(__webpack_require__(28583));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},91888:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(4405);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},94659:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),base_ui_loaders_skeleton_1=__webpack_require__(20298),composition_card_1=__webpack_require__(75797),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(9092));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}`}))))}exports.CompositionGallerySkeleton=CompositionGallerySkeleton},67343:(__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__(94659);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},94478:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_elements_icon_1=__webpack_require__(29284),documenter_ui_linked_heading_1=__webpack_require__(19058),base_react_navigation_link_1=__webpack_require__(41331),composition_card_1=__webpack_require__(75797),composition_gallery_module_scss_1=__importDefault(__webpack_require__(52174));function CompositionGallery({component}){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})))):null}exports.CompositionGallery=CompositionGallery},10726:(__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__(94478);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(67343);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},39708:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(91888);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},36717:(__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__(55669);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},82704:(__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__(59496));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(29655);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(40733));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(42546));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(18170);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(4792);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(56007);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(79685);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(52515);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(82718);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(32098);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(89673);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(87082);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(10421);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(77972);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(62532);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(12563);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(37742);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(35682);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(41331);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(11276);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(56493);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(93976);return _designUi4=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(94042));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(14427);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}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 s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.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.includes(n))continue;t[n]=r[n]}return t}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState}){const component=(0,_react().useContext)(_component().ComponentContext),[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),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),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)({fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",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:"right"},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"})))),_react().default.createElement(CompositionContent,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams})),_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,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 CompositionContent(_ref){let{component,selected,queryParams,emptyState}=_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},componentCompositionProps))}},32552:(__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}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(39708);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(82704);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}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 s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.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.includes(n))continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const 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}))}},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(86144);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(29655);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(13202);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(93976);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(41331);return _baseReactNavigation=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(29217));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","useNameParam","className"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}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 s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.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.includes(n))continue;t[n]=r[n]}return t}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]),location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault();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,versionFromQueryParams]);return _react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(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.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.codeLink,icon:"Code",tooltipContent:"Code",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"})))))}))}},29066:(__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}});function _compositionPreview(){const data=__webpack_require__(23700);return _compositionPreview=function(){return data},data}},69124:function(__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;const react_1=__importDefault(__webpack_require__(59496)),default_avatar_1=__webpack_require__(27144),org_avatar_1=__webpack_require__(27636),user_avatar_1=__webpack_require__(18088);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar(props){const{account}=props;switch(account.accountType){case AccountTypes.user:return react_1.default.createElement(user_avatar_1.UserAvatar,Object.assign({},props));case AccountTypes.org:return react_1.default.createElement(org_avatar_1.OrgAvatar,Object.assign({},props));default:return react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},props))}}exports.default=Avatar},27144:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),styles_module_scss_1=__importDefault(__webpack_require__(63552));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)}exports.DefaultAvatar=DefaultAvatar},14452:function(__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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=exports.OrgAvatar=exports.UserAvatar=void 0,__exportStar(__webpack_require__(69124),exports);var user_avatar_1=__webpack_require__(18088);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(27636);Object.defineProperty(exports,"OrgAvatar",{enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}});var default_avatar_1=__webpack_require__(27144);Object.defineProperty(exports,"DefaultAvatar",{enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}})},27636:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),toolbox_url_add_avatar_query_params_1=__webpack_require__(66045),styles_module_scss_1=__importDefault(__webpack_require__(63552));function OrgAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","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);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`}},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)}),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)}exports.OrgAvatar=OrgAvatar},18088:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),design_elements_icon_1=__webpack_require__(29284),toolbox_url_add_avatar_query_params_1=__webpack_require__(66045),toolbox_string_get_initials_1=__webpack_require__(85749),design_ui_styles_colors_by_letter_1=__webpack_require__(43754),design_ui_styles_ellipsis_1=__webpack_require__(2997),design_ui_tooltip_1=__webpack_require__(93976),styles_module_scss_1=__importDefault(__webpack_require__(63552));function UserAvatar(_a){var{account,size,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,tooltipPlacement="bottom",children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","showTooltip","tooltipPlacement","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},displayName?react_1.default.createElement(react_1.default.Fragment,null,displayName," (@",name,")"):react_1.default.createElement(react_1.default.Fragment,null,"@",name))},avatar):avatar}exports.UserAvatar=UserAvatar},59453:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(78278);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},78278:function(__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},__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=void 0;const react_1=__importStar(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(72149)),design_ui_tooltip_1=__webpack_require__(93976),time_ago_module_scss_1=__importDefault(__webpack_require__(93566));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))}exports.TimeAgo=TimeAgo},93976:(__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__(34128);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(30003);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__(93052);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(18978);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(33224);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},18978:function(__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.TooltipMountPoint=exports.getMountPoint=exports.mountId=void 0;const react_1=__importDefault(__webpack_require__(59496));exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}exports.getMountPoint=getMountPoint;function TooltipMountPoint(){return react_1.default.createElement("div",{id:exports.mountId})}exports.TooltipMountPoint=TooltipMountPoint},30003:function(__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}),exports.useCtxTooltipInstance=exports.ProvideTooltipInstance=void 0;const react_1=__importStar(__webpack_require__(59496)),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return react_1.default.createElement(singletonContext.Provider,{value},children)}exports.ProvideTooltipInstance=ProvideTooltipInstance;function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}exports.useCtxTooltipInstance=useCtxTooltipInstance},93052:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),react_2=__webpack_require__(33224),shared_instance_1=__webpack_require__(30003),tooltip_1=__webpack_require__(34128);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))}exports.SingletonTooltipProvider=SingletonTooltipProvider},34128:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(87082),base_ui_theme_dark_theme_1=__webpack_require__(12880),react_2=__importDefault(__webpack_require__(33224)),tippy_js_1=__webpack_require__(99922);__webpack_require__(94329),__webpack_require__(44712);const mount_point_1=__webpack_require__(18978),shared_instance_1=__webpack_require__(30003);__webpack_require__(88022);const THEME="teambit",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=typeof children=="string"?react_1.default.createElement("span",null,children):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)}exports.Tooltip=Tooltip},7122:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDocs=exports.docsFields=void 0;const client_1=__webpack_require__(59466);exports.docsFields=(0,client_1.gql)`
+`},21268:(__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__(51221);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(48166);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},48166:()=>{"use strict"},12645:(__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}},25408:function(__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.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),base_ui_loaders_skeleton_1=__webpack_require__(20298),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(30364));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"})))}exports.CompositionCardSkeleton=CompositionCardSkeleton;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"}))}exports.PreviewSkeleton=PreviewSkeleton},78647:(__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__(25408);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}})},94075:function(__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__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),evangelist_elements_icon_1=__webpack_require__(86144),compositions_1=__webpack_require__(32552),design_ui_styles_ellipsis_1=__webpack_require__(2997),composition_card_module_scss_1=__importDefault(__webpack_require__(6998));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!1,loading:"lazy",composition,component,viewport:1280,previewName:"compositions"}),[composition.identifier,component.id.toString(),previewClass]);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"}))))}},75797:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(94075);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(78647);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},4405:function(__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=void 0;const humanize_string_1=__importDefault(__webpack_require__(28583));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},91888:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(4405);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},94659:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),base_ui_loaders_skeleton_1=__webpack_require__(20298),composition_card_1=__webpack_require__(75797),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(9092));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}`}))))}exports.CompositionGallerySkeleton=CompositionGallerySkeleton},67343:(__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__(94659);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},94478:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_elements_icon_1=__webpack_require__(29284),documenter_ui_linked_heading_1=__webpack_require__(19058),base_react_navigation_link_1=__webpack_require__(41331),composition_card_1=__webpack_require__(75797),composition_gallery_module_scss_1=__importDefault(__webpack_require__(52174));function CompositionGallery({component}){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})))):null}exports.CompositionGallery=CompositionGallery},10726:(__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__(94478);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(67343);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},39708:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(91888);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},36717:(__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__(55669);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},82704:(__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__(59496));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(29655);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(40733));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(42546));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(18170);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(4792);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(56007);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(79685);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(52515);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(82718);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(32098);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(89673);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(87082);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(10421);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(77972);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(62532);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(12563);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(37742);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(35682);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(41331);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(11276);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(56493);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(93976);return _designUi4=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(94042));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(14427);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}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 s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.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.includes(n))continue;t[n]=r[n]}return t}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState}){const component=(0,_react().useContext)(_component().ComponentContext),[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),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),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)({fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",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:"right"},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"})))),_react().default.createElement(CompositionContent,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams})),_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,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 CompositionContent(_ref){let{component,selected,queryParams,emptyState}=_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},componentCompositionProps))}},32552:(__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}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(39708);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(82704);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}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 s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.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.includes(n))continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const 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}))}},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(86144);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(29655);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(13202);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(93976);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(41331);return _baseReactNavigation=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(29217));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","useNameParam","className"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}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 s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.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.includes(n))continue;t[n]=r[n]}return t}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]),location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault();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,versionFromQueryParams]);return _react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(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.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.codeLink,icon:"Code",tooltipContent:"Code",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"})))))}))}},29066:(__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}});function _compositionPreview(){const data=__webpack_require__(23700);return _compositionPreview=function(){return data},data}},69124:function(__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;const react_1=__importDefault(__webpack_require__(59496)),default_avatar_1=__webpack_require__(27144),org_avatar_1=__webpack_require__(27636),user_avatar_1=__webpack_require__(18088);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar(props){const{account}=props;switch(account.accountType){case AccountTypes.user:return react_1.default.createElement(user_avatar_1.UserAvatar,Object.assign({},props));case AccountTypes.org:return react_1.default.createElement(org_avatar_1.OrgAvatar,Object.assign({},props));default:return react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},props))}}exports.default=Avatar},27144:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),styles_module_scss_1=__importDefault(__webpack_require__(63552));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)}exports.DefaultAvatar=DefaultAvatar},14452:function(__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]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=exports.OrgAvatar=exports.UserAvatar=void 0,__exportStar(__webpack_require__(69124),exports);var user_avatar_1=__webpack_require__(18088);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(27636);Object.defineProperty(exports,"OrgAvatar",{enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}});var default_avatar_1=__webpack_require__(27144);Object.defineProperty(exports,"DefaultAvatar",{enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}})},27636:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),toolbox_url_add_avatar_query_params_1=__webpack_require__(66045),styles_module_scss_1=__importDefault(__webpack_require__(63552));function OrgAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","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);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`}},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)}),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)}exports.OrgAvatar=OrgAvatar},18088:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),design_elements_icon_1=__webpack_require__(29284),toolbox_url_add_avatar_query_params_1=__webpack_require__(66045),toolbox_string_get_initials_1=__webpack_require__(85749),design_ui_styles_colors_by_letter_1=__webpack_require__(43754),design_ui_styles_ellipsis_1=__webpack_require__(2997),design_ui_tooltip_1=__webpack_require__(93976),styles_module_scss_1=__importDefault(__webpack_require__(63552));function UserAvatar(_a){var{account,size,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,tooltipPlacement="bottom",children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","showTooltip","tooltipPlacement","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},displayName?react_1.default.createElement(react_1.default.Fragment,null,displayName," (@",name,")"):react_1.default.createElement(react_1.default.Fragment,null,"@",name))},avatar):avatar}exports.UserAvatar=UserAvatar},59453:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(78278);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},78278:function(__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},__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=void 0;const react_1=__importStar(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(72149)),design_ui_tooltip_1=__webpack_require__(93976),time_ago_module_scss_1=__importDefault(__webpack_require__(93566));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))}exports.TimeAgo=TimeAgo},93976:(__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__(34128);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(30003);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__(93052);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(18978);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(33224);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},18978:function(__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.TooltipMountPoint=exports.getMountPoint=exports.mountId=void 0;const react_1=__importDefault(__webpack_require__(59496));exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}exports.getMountPoint=getMountPoint;function TooltipMountPoint(){return react_1.default.createElement("div",{id:exports.mountId})}exports.TooltipMountPoint=TooltipMountPoint},30003:function(__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}),exports.useCtxTooltipInstance=exports.ProvideTooltipInstance=void 0;const react_1=__importStar(__webpack_require__(59496)),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return react_1.default.createElement(singletonContext.Provider,{value},children)}exports.ProvideTooltipInstance=ProvideTooltipInstance;function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}exports.useCtxTooltipInstance=useCtxTooltipInstance},93052:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),react_2=__webpack_require__(33224),shared_instance_1=__webpack_require__(30003),tooltip_1=__webpack_require__(34128);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))}exports.SingletonTooltipProvider=SingletonTooltipProvider},34128:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(87082),base_ui_theme_dark_theme_1=__webpack_require__(12880),react_2=__importDefault(__webpack_require__(33224)),tippy_js_1=__webpack_require__(99922);__webpack_require__(94329),__webpack_require__(44712);const mount_point_1=__webpack_require__(18978),shared_instance_1=__webpack_require__(30003);__webpack_require__(88022);const THEME="teambit",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=typeof children=="string"?react_1.default.createElement("span",null,children):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)}exports.Tooltip=Tooltip},7122:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDocs=exports.docsFields=void 0;const client_1=__webpack_require__(59466);exports.docsFields=(0,client_1.gql)`
   fragment docsFields on ReactDocs {
     abstract
     properties {
@@ -717,7 +717,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
       id
     }
   }
-`,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},52515:(__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__(9322);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(63096);return _tabs=function(){return data},data}},9322:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const PanelUiAspect=exports.PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},63096:(__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__(97754));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(35493);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(74148));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"},16403:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.validateVersion=exports.getValidVersionOrReleaseType=exports.getLatestVersion=void 0;var semver_helper_1=__webpack_require__(50702);Object.defineProperty(exports,"getLatestVersion",{enumerable:!0,get:function(){return semver_helper_1.getLatestVersion}}),Object.defineProperty(exports,"getValidVersionOrReleaseType",{enumerable:!0,get:function(){return semver_helper_1.getValidVersionOrReleaseType}}),Object.defineProperty(exports,"validateVersion",{enumerable:!0,get:function(){return semver_helper_1.validateVersion}})},50702:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=exports.getValidVersionOrReleaseType=exports.validateVersion=exports.throwForUnsupportedReleaseType=exports.isReleaseTypeSupported=exports.isStrReleaseType=void 0;const semver_1=__webpack_require__(31559),component_version_1=__webpack_require__(22670);function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}exports.isStrReleaseType=isStrReleaseType;function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}exports.isReleaseTypeSupported=isReleaseTypeSupported;function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType;function validateVersion(version){if(version){const validVersion=(0,semver_1.valid)(version);if(!validVersion)throw new component_version_1.InvalidVersion(version);return validVersion}}exports.validateVersion=validateVersion;function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType;function getLatestVersion(versions){const max=(0,semver_1.maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}exports.getLatestVersion=getLatestVersion},75665:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.computePreviewScale=void 0;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}exports.computePreviewScale=computePreviewScale},27699:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(34874);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(99768);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}})},34874:function(__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},__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=void 0;const react_1=__importStar(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),lodash_1=__webpack_require__(32699),penpal_1=__webpack_require__(63805),pubsub_1=__webpack_require__(23179),ui_foundation_ui_rendering_html_1=__webpack_require__(91375),urls_1=__webpack_require__(99768),compute_preview_scale_1=__webpack_require__(75665),use_iframe_content_height_1=__webpack_require__(63853),preview_module_scss_1=__importDefault(__webpack_require__(16033));function ComponentPreview(_a){var _b,_c,_d,{component,previewName,className,forceHeight,includeEnv=!0,queryParams,disableScroll=!1,pubsub,innerBottomPadding=0,viewport=1280,fullContentHeight=!1,onLoad,style}=_a,rest=__rest(_a,["component","previewName","className","forceHeight","includeEnv","queryParams","disableScroll","pubsub","innerBottomPadding","viewport","fullContentHeight","onLoad","style"]);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;(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{const handleLoad=event=>{event.data&&(event.data.event===ui_foundation_ui_rendering_html_1.LOAD_EVENT||event.data.event==="webpackInvalid")&&onLoad&&onLoad(event)};return window.addEventListener("message",handleLoad),()=>{window.removeEventListener("message",handleLoad)}},[]),(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 params=Array.isArray(queryParams)?queryParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([queryParams,`viewport=${viewport}`]),targetParams=viewport===null?queryParams:params,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:queryParams,includeEnv),containerWidth=((_c=containerRef.current)===null||_c===void 0?void 0:_c.offsetWidth)||0,containerHeight=((_d=containerRef.current)===null||_d===void 0?void 0:_d.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,{ref:currentRef,style:Object.assign(Object.assign({},style),{height:forceHeight||(isScaling?finalHeight+innerBottomPadding:legacyIframeHeight),width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width,containerWidth),border:0,transformOrigin:"top left"}),src:url,scrolling:disableScroll?"no":void 0})))}exports.ComponentPreview=ComponentPreview},99768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=void 0;const base_ui_utils_string_affix_1=__webpack_require__(6480);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}`}exports.toPreviewUrl=toPreviewUrl;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)}exports.toPreviewServer=toPreviewServer;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)}`}exports.toPreviewHash=toPreviewHash},63853:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useInterval=exports.useIframeContentHeight=void 0;const react_1=__webpack_require__(59496);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;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]}exports.useIframeContentHeight=useIframeContentHeight;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])}exports.useInterval=useInterval},43979:(__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},23179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(43979);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(17796);return _pubsubContext=function(){return data},data}},17796:(__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__(59496));return _react=function(){return data},data}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}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])}},56646:(__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__(55669);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},61286:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),docs_1=__webpack_require__(84723),react_ui_docs_properties_table_1=__webpack_require__(98077),react_ui_docs_compositions_carousel_1=__webpack_require__(54505),react_ui_docs_docs_content_1=__webpack_require__(90036),docs_theme_1=__webpack_require__(35623),docs_app_module_scss_1=__importDefault(__webpack_require__(63447));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})))}exports.DocsApp=DocsApp},35623:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),design_themes_theme_toggler_1=__webpack_require__(89600),design_theme_icons_font_1=__webpack_require__(22975),docs_app_module_scss_1=__importDefault(__webpack_require__(63447));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))}exports.DocsTheme=DocsTheme},17294:function(__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__(59496)),react_dom_1=__importDefault(__webpack_require__(87995)),docs_app_1=__webpack_require__(61286);function DocsRoot({componentId,docs,compositions,context}){react_dom_1.default.render(react_1.default.createElement(docs_app_1.DocsApp,{componentId,docs,compositions,context}),document.getElementById("root"))}DocsRoot.apiObject=!0,exports.default=DocsRoot},79022:function(__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__(35623);Object.defineProperty(exports,"DocsTheme",{enumerable:!0,get:function(){return docs_theme_1.DocsTheme}});var docs_app_root_1=__webpack_require__(17294);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(docs_app_root_1).default}});var docs_app_1=__webpack_require__(61286);Object.defineProperty(exports,"DocsApp",{enumerable:!0,get:function(){return docs_app_1.DocsApp}});var docs_app_module_scss_1=__webpack_require__(63447);Object.defineProperty(exports,"docsStyles",{enumerable:!0,get:function(){return __importDefault(docs_app_module_scss_1).default}})},80849:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),react_error_boundary_1=__webpack_require__(75340),base_ui_utils_composer_1=__webpack_require__(80893),react_ui_error_fallback_1=__webpack_require__(32334),react_2=__webpack_require__(32750);function ApplyProviders(_a){var{renderingContext,children}=_a,rest=__rest(_a,["renderingContext","children"]);const{providers=[]}=renderingContext.get(react_2.ReactAspect.id)||{};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)))}exports.ApplyProviders=ApplyProviders},95440:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApplyProviders=void 0;var apply_providers_1=__webpack_require__(80849);Object.defineProperty(exports,"ApplyProviders",{enumerable:!0,get:function(){return apply_providers_1.ApplyProviders}})},84218:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),react_ui_docs_apply_providers_1=__webpack_require__(95440),compositions_ui_compositions_overview_1=__webpack_require__(31314),documenter_ui_linked_heading_1=__webpack_require__(19058),documenter_ui_section_1=__webpack_require__(94761);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})))}exports.CompositionsCarousel=CompositionsCarousel},54505:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsCarousel=void 0;var compositions_carousel_1=__webpack_require__(84218);Object.defineProperty(exports,"CompositionsCarousel",{enumerable:!0,get:function(){return compositions_carousel_1.CompositionsCarousel}})},58715:function(__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=void 0;const react_error_boundary_1=__webpack_require__(75340),lodash_1=__webpack_require__(32699),docs_1=__webpack_require__(84723),react_ui_error_fallback_1=__webpack_require__(32334),mdx_ui_mdx_layout_1=__webpack_require__(62532),react_1=__importDefault(__webpack_require__(59496));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))}exports.DocsContent=DocsContent},90036:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsContent=void 0;var docs_content_1=__webpack_require__(58715);Object.defineProperty(exports,"DocsContent",{enumerable:!0,get:function(){return docs_content_1.DocsContent}})},98077:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=void 0;var properties_table_1=__webpack_require__(29784);Object.defineProperty(exports,"PropertiesTable",{enumerable:!0,get:function(){return properties_table_1.PropertiesTable}})},29784:function(__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=void 0;const documenter_ui_linked_heading_1=__webpack_require__(19058),documenter_ui_property_table_1=__webpack_require__(79685),documenter_ui_section_1=__webpack_require__(94761),component_ui_hooks_use_fetch_docs_1=__webpack_require__(79436),react_1=__importDefault(__webpack_require__(59496));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;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}))}exports.PropertiesTable=PropertiesTable},16880:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),design_ui_icon_button_1=__webpack_require__(53330),base_ui_styles_flex_center_1=__webpack_require__(15764),error_fallback_module_scss_1=__importDefault(__webpack_require__(52091));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))}exports.ErrorFallback=ErrorFallback},32334:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(16880);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},32750:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ReactAspect",{enumerable:!0,get:function(){return _react().ReactAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _react().ReactAspect}});function _react(){const data=__webpack_require__(72864);return _react=function(){return data},data}},72864:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const ReactAspect=exports.ReactAspect=_harmony().Aspect.create({id:"teambit.react/react"});var _default=exports.default=ReactAspect},31461:(__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__(36213);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}})},36213:function(__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.splitPatterns=exports.matchPatterns=void 0;const minimatch_1=__importDefault(__webpack_require__(18455));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}exports.matchPatterns=matchPatterns;function splitPatterns(patterns){return{includePatterns:patterns.filter(pattern=>!pattern.startsWith("!")),excludePatterns:patterns.filter(pattern=>pattern.startsWith("!"))}}exports.splitPatterns=splitPatterns},55044:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1)}exports.capitalize=capitalize},58315:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;var capitalize_1=__webpack_require__(55044);Object.defineProperty(exports,"capitalize",{enumerable:!0,get:function(){return capitalize_1.capitalize}})},14663:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var process=__webpack_require__(14224),Buffer=__webpack_require__(55872).Buffer;Object.defineProperty(exports,"__esModule",{value:!0}),exports.crlf=exports.cr=exports.auto=exports.lf=void 0;const isbinaryfile_1=__webpack_require__(36768),lineBreak=typeof process<"u"&&process.platform==="win32"?`\r
+`,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},52515:(__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__(9322);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(63096);return _tabs=function(){return data},data}},9322:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const PanelUiAspect=exports.PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},63096:(__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__(97754));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(35493);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(74148));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"},16403:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.validateVersion=exports.getValidVersionOrReleaseType=exports.getLatestVersion=void 0;var semver_helper_1=__webpack_require__(50702);Object.defineProperty(exports,"getLatestVersion",{enumerable:!0,get:function(){return semver_helper_1.getLatestVersion}}),Object.defineProperty(exports,"getValidVersionOrReleaseType",{enumerable:!0,get:function(){return semver_helper_1.getValidVersionOrReleaseType}}),Object.defineProperty(exports,"validateVersion",{enumerable:!0,get:function(){return semver_helper_1.validateVersion}})},50702:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=exports.getValidVersionOrReleaseType=exports.validateVersion=exports.throwForUnsupportedReleaseType=exports.isReleaseTypeSupported=exports.isStrReleaseType=void 0;const semver_1=__webpack_require__(31559),component_version_1=__webpack_require__(22670);function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}exports.isStrReleaseType=isStrReleaseType;function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}exports.isReleaseTypeSupported=isReleaseTypeSupported;function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType;function validateVersion(version){if(version){const validVersion=(0,semver_1.valid)(version);if(!validVersion)throw new component_version_1.InvalidVersion(version);return validVersion}}exports.validateVersion=validateVersion;function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType;function getLatestVersion(versions){const max=(0,semver_1.maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}exports.getLatestVersion=getLatestVersion},75665:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.computePreviewScale=void 0;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}exports.computePreviewScale=computePreviewScale},27699:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(34874);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(99768);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}})},34874:function(__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},__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=void 0;const react_1=__importStar(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),lodash_1=__webpack_require__(32699),penpal_1=__webpack_require__(63805),pubsub_1=__webpack_require__(23179),ui_foundation_ui_rendering_html_1=__webpack_require__(91375),urls_1=__webpack_require__(99768),compute_preview_scale_1=__webpack_require__(75665),use_iframe_content_height_1=__webpack_require__(63853),preview_module_scss_1=__importDefault(__webpack_require__(16033));function ComponentPreview(_a){var _b,_c,_d,{component,previewName,className,forceHeight,includeEnv=!0,queryParams,disableScroll=!1,pubsub,innerBottomPadding=0,viewport=1280,fullContentHeight=!1,onLoad,style}=_a,rest=__rest(_a,["component","previewName","className","forceHeight","includeEnv","queryParams","disableScroll","pubsub","innerBottomPadding","viewport","fullContentHeight","onLoad","style"]);const sandbox=component.host==="teambit.scope/scope"?"allow-scripts allow-same-origin":void 0,[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;(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{const handleLoad=event=>{event.data&&(event.data.event===ui_foundation_ui_rendering_html_1.LOAD_EVENT||event.data.event==="webpackInvalid")&&onLoad&&onLoad(event)};return window.addEventListener("message",handleLoad),()=>{window.removeEventListener("message",handleLoad)}},[]),(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 params=Array.isArray(queryParams)?queryParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([queryParams,`viewport=${viewport}`]),targetParams=viewport===null?queryParams:params,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:queryParams,includeEnv),containerWidth=((_c=containerRef.current)===null||_c===void 0?void 0:_c.offsetWidth)||0,containerHeight=((_d=containerRef.current)===null||_d===void 0?void 0:_d.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,ref:currentRef,style:Object.assign(Object.assign({},style),{height:forceHeight||(isScaling?finalHeight+innerBottomPadding:legacyIframeHeight),width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width,containerWidth),border:0,transformOrigin:"top left"}),src:url,scrolling:disableScroll?"no":void 0})))}exports.ComponentPreview=ComponentPreview},99768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=void 0;const base_ui_utils_string_affix_1=__webpack_require__(6480);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}`}exports.toPreviewUrl=toPreviewUrl;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)}exports.toPreviewServer=toPreviewServer;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)}`}exports.toPreviewHash=toPreviewHash},63853:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useInterval=exports.useIframeContentHeight=void 0;const react_1=__webpack_require__(59496);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;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]}exports.useIframeContentHeight=useIframeContentHeight;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])}exports.useInterval=useInterval},43979:(__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},23179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(43979);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(17796);return _pubsubContext=function(){return data},data}},17796:(__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__(59496));return _react=function(){return data},data}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}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])}},56646:(__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__(55669);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},61286:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),docs_1=__webpack_require__(84723),react_ui_docs_properties_table_1=__webpack_require__(98077),react_ui_docs_compositions_carousel_1=__webpack_require__(54505),react_ui_docs_docs_content_1=__webpack_require__(90036),docs_theme_1=__webpack_require__(35623),docs_app_module_scss_1=__importDefault(__webpack_require__(63447));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})))}exports.DocsApp=DocsApp},35623:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),design_themes_theme_toggler_1=__webpack_require__(89600),design_theme_icons_font_1=__webpack_require__(22975),docs_app_module_scss_1=__importDefault(__webpack_require__(63447));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))}exports.DocsTheme=DocsTheme},17294:function(__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__(59496)),react_dom_1=__importDefault(__webpack_require__(87995)),docs_app_1=__webpack_require__(61286);function DocsRoot({componentId,docs,compositions,context}){react_dom_1.default.render(react_1.default.createElement(docs_app_1.DocsApp,{componentId,docs,compositions,context}),document.getElementById("root"))}DocsRoot.apiObject=!0,exports.default=DocsRoot},79022:function(__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__(35623);Object.defineProperty(exports,"DocsTheme",{enumerable:!0,get:function(){return docs_theme_1.DocsTheme}});var docs_app_root_1=__webpack_require__(17294);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(docs_app_root_1).default}});var docs_app_1=__webpack_require__(61286);Object.defineProperty(exports,"DocsApp",{enumerable:!0,get:function(){return docs_app_1.DocsApp}});var docs_app_module_scss_1=__webpack_require__(63447);Object.defineProperty(exports,"docsStyles",{enumerable:!0,get:function(){return __importDefault(docs_app_module_scss_1).default}})},80849:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),react_error_boundary_1=__webpack_require__(75340),base_ui_utils_composer_1=__webpack_require__(80893),react_ui_error_fallback_1=__webpack_require__(32334),react_2=__webpack_require__(32750);function ApplyProviders(_a){var{renderingContext,children}=_a,rest=__rest(_a,["renderingContext","children"]);const{providers=[]}=renderingContext.get(react_2.ReactAspect.id)||{};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)))}exports.ApplyProviders=ApplyProviders},95440:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApplyProviders=void 0;var apply_providers_1=__webpack_require__(80849);Object.defineProperty(exports,"ApplyProviders",{enumerable:!0,get:function(){return apply_providers_1.ApplyProviders}})},84218:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),react_ui_docs_apply_providers_1=__webpack_require__(95440),compositions_ui_compositions_overview_1=__webpack_require__(31314),documenter_ui_linked_heading_1=__webpack_require__(19058),documenter_ui_section_1=__webpack_require__(94761);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})))}exports.CompositionsCarousel=CompositionsCarousel},54505:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsCarousel=void 0;var compositions_carousel_1=__webpack_require__(84218);Object.defineProperty(exports,"CompositionsCarousel",{enumerable:!0,get:function(){return compositions_carousel_1.CompositionsCarousel}})},58715:function(__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=void 0;const react_error_boundary_1=__webpack_require__(75340),lodash_1=__webpack_require__(32699),docs_1=__webpack_require__(84723),react_ui_error_fallback_1=__webpack_require__(32334),mdx_ui_mdx_layout_1=__webpack_require__(62532),react_1=__importDefault(__webpack_require__(59496));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))}exports.DocsContent=DocsContent},90036:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsContent=void 0;var docs_content_1=__webpack_require__(58715);Object.defineProperty(exports,"DocsContent",{enumerable:!0,get:function(){return docs_content_1.DocsContent}})},98077:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=void 0;var properties_table_1=__webpack_require__(29784);Object.defineProperty(exports,"PropertiesTable",{enumerable:!0,get:function(){return properties_table_1.PropertiesTable}})},29784:function(__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=void 0;const documenter_ui_linked_heading_1=__webpack_require__(19058),documenter_ui_property_table_1=__webpack_require__(79685),documenter_ui_section_1=__webpack_require__(94761),component_ui_hooks_use_fetch_docs_1=__webpack_require__(79436),react_1=__importDefault(__webpack_require__(59496));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;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}))}exports.PropertiesTable=PropertiesTable},16880:function(__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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),design_ui_icon_button_1=__webpack_require__(53330),base_ui_styles_flex_center_1=__webpack_require__(15764),error_fallback_module_scss_1=__importDefault(__webpack_require__(52091));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))}exports.ErrorFallback=ErrorFallback},32334:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(16880);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},32750:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ReactAspect",{enumerable:!0,get:function(){return _react().ReactAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _react().ReactAspect}});function _react(){const data=__webpack_require__(72864);return _react=function(){return data},data}},72864:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const ReactAspect=exports.ReactAspect=_harmony().Aspect.create({id:"teambit.react/react"});var _default=exports.default=ReactAspect},31461:(__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__(36213);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}})},36213:function(__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.splitPatterns=exports.matchPatterns=void 0;const minimatch_1=__importDefault(__webpack_require__(18455));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}exports.matchPatterns=matchPatterns;function splitPatterns(patterns){return{includePatterns:patterns.filter(pattern=>!pattern.startsWith("!")),excludePatterns:patterns.filter(pattern=>pattern.startsWith("!"))}}exports.splitPatterns=splitPatterns},55044:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1)}exports.capitalize=capitalize},58315:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;var capitalize_1=__webpack_require__(55044);Object.defineProperty(exports,"capitalize",{enumerable:!0,get:function(){return capitalize_1.capitalize}})},14663:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var process=__webpack_require__(14224),Buffer=__webpack_require__(55872).Buffer;Object.defineProperty(exports,"__esModule",{value:!0}),exports.crlf=exports.cr=exports.auto=exports.lf=void 0;const isbinaryfile_1=__webpack_require__(36768),lineBreak=typeof process<"u"&&process.platform==="win32"?`\r
 `:`
 `,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,`
 `)}exports.lf=lf;function auto(text){return converts(text,lineBreak)}exports.auto=auto;function cr(text){return converts(text,"\r")}exports.cr=cr;function crlf(text){return converts(text,`\r