@teambit/readme 1.0.161 → 1.0.162

package/artifacts/env-template/public/{310.190e7f689f0a8e5049f7.js → 310.97d39b3730f722aeb386.js}

@@ -197,7 +197,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;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?Object.assign(Object.assign(Object.assign({},context),rootLanesData),{lanesModel:targetLanes,searchResult}):useContext?Object.assign(Object.assign({},context),{searchResult}):((_c=rootLanesData.lanesModel)===null||_c===void 0||_c.setViewedLane((_e=(_d=context?.lanesModel)===null||_d===void 0?void 0:_d.viewedLane)===null||_e===void 0?void 0:_e.id),Object.assign(Object.assign(Object.assign({},context),rootLanesData),{searchResult}))};exports.useLanes=useLanes},85904: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.Collapser=void 0;const evangelist_elements_icon_1=__webpack_require__(6281),classnames_1=__importDefault(__webpack_require__(97754)),react_1=__importDefault(__webpack_require__(59496)),design_ui_tooltip_1=__webpack_require__(49142),collapser_button_module_scss_1=__importDefault(__webpack_require__(509));function Collapser(_a){var{isOpen,tooltipContent,placement="right",onClick,className}=_a,rest=__rest(_a,["isOpen","tooltipContent","placement","onClick","className"]);return react_1.default.createElement(design_ui_tooltip_1.Tooltip,{content:tooltipContent},react_1.default.createElement("div",Object.assign({},rest,{onClick,className:(0,classnames_1.default)(collapser_button_module_scss_1.default.collapser,collapser_button_module_scss_1.default[placement],isOpen&&collapser_button_module_scss_1.default.open,className)}),react_1.default.createElement("div",{className:collapser_button_module_scss_1.default.circle},react_1.default.createElement("div",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"double-right-big"})))))}exports.Collapser=Collapser},53440:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapser=void 0;var collapser_button_1=__webpack_require__(85904);Object.defineProperty(exports,"Collapser",{enumerable:!0,get:function(){return collapser_button_1.Collapser}})},43912:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(69291);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},69291:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(28221),lane_id_1=__webpack_require__(8839),component_id_1=__webpack_require__(99978),path_to_regexp_1=__webpack_require__(51419),lodash_1=__webpack_require__(32699);class LanesModel{constructor({lanes=[],viewedLane,currentLane,defaultLane}){this.getLaneComponentUrlByVersion=(componentId,laneId,addScopeMetadataInUrl)=>{var _a;const defaultLane2=this.getDefaultLane();if(!componentId.version||!laneId||!defaultLane2||laneId&&this.currentLane&&laneId.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl);const lane=(_a=this.getLanesByComponentId(componentId))===null||_a===void 0?void 0:_a.find(l=>l.id.isEqual(laneId));return lane?lane.id.isDefault()?LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl):LanesModel.getLaneComponentUrl(componentId,lane.id,addScopeMetadataInUrl):defaultLane2.components.find(c=>c.isEqual(componentId))?LanesModel.getMainComponentUrl(componentId,laneId,addScopeMetadataInUrl):void 0},this.setViewedLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.id.isEqual(viewedLaneId)):void 0},this.setViewedOrDefaultLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.id.isEqual(viewedLaneId)):this.getDefaultLane()},this.resolveComponentFromUrl=(idFromUrl,laneId)=>{var _a;const comps=((_a=laneId&&this.lanes.find(lane=>lane.id.isEqual(laneId))||this.viewedLane)===null||_a===void 0?void 0:_a.components)||[];return idFromUrl.includes(".")?comps.find(component=>component.toStringWithoutVersion()===idFromUrl):comps.find(component=>component.fullName===idFromUrl)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(lane=>!lane.id.isDefault()),this.isInViewedLane=(componentId,includeVersion)=>{var _a,_b;return includeVersion?(_a=this.viewedLane)===null||_a===void 0?void 0:_a.components.some(comp=>includeVersion&&comp.isEqual(componentId)):(_b=this.viewedLane)===null||_b===void 0?void 0:_b.components.some(comp=>includeVersion&&comp.isEqual(componentId,{ignoreVersion:!0}))},this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=componentId=>this.lanesByComponentName.get(componentId.fullName),this.getLanesByComponentId=componentId=>this.lanesByComponentId.get(componentId.toString()),this.isComponentOnMain=(componentId,includeVersion)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>lane.id.isDefault())):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>lane.id.isDefault()))},this.isComponentOnMainButNotOnLane=(componentId,includeVersion,laneId)=>this.isComponentOnMain(componentId,includeVersion)&&!this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnLaneButNotOnMain=(componentId,includeVersion,laneId)=>!this.isComponentOnMain(componentId,includeVersion)&&this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnNonDefaultLanes=(componentId,includeVersion,laneId)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId)))):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))))},this.viewedLane=viewedLane,this.currentLane=currentLane,this.defaultLane=defaultLane;const allUniqueLanes=(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,this.defaultLane,this.currentLane,this.viewedLane],lane=>lane?.id.toString()));this.lanes=allUniqueLanes,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}static mapToLaneModel(laneData){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;const{id,laneComponentIds=[],readmeComponent,hash,createdAt,displayName,updatedAt,createdBy:createdByData,updatedBy:updatedByData}=laneData,componentIds=laneComponentIds?.map(laneComponentId=>component_id_1.ComponentID.fromObject(laneComponentId))||[],readmeComponentModel=readmeComponent&&component_1.ComponentModel.from(Object.assign({},readmeComponent)),createdAtDate=createdAt&&new Date(+createdAt)||void 0,createdBy=createdByData?{name:(_a=createdByData?.name)!==null&&_a!==void 0?_a:void 0,email:(_b=createdByData.email)!==null&&_b!==void 0?_b:void 0,username:(_c=createdByData?.username)!==null&&_c!==void 0?_c:void 0,displayName:(_d=createdByData?.displayName)!==null&&_d!==void 0?_d:void 0,profileImage:(_e=createdByData.profileImage)!==null&&_e!==void 0?_e:void 0}:void 0,updatedAtDate=updatedAt&&new Date(+updatedAt)||void 0,updatedBy=updatedByData?.name?{name:(_f=updatedByData?.name)!==null&&_f!==void 0?_f:void 0,username:(_g=updatedByData?.username)!==null&&_g!==void 0?_g:void 0,displayName:(_h=updatedByData?.displayName)!==null&&_h!==void 0?_h:void 0,email:(_j=updatedByData.email)!==null&&_j!==void 0?_j:void 0,profileImage:(_k=updatedByData.profileImage)!==null&&_k!==void 0?_k:void 0}:void 0;return{id:lane_id_1.LaneId.from(id.name,id.scope),components:componentIds,readmeComponent:readmeComponentModel,createdAt:createdAtDate,updatedAt:updatedAtDate,displayName,hash,updatedBy,createdBy}}static groupLaneIdsByScope(laneIds){const grouped=new Map;return laneIds.forEach(laneId=>{const{scope}=laneId;if(!grouped.has(scope))grouped.set(scope,[laneId]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,laneId])}}),grouped}static groupLanesByScope(lanes){const grouped=new Map;return lanes.forEach(lane=>{const{scope}=lane.id;if(!grouped.has(scope))grouped.set(scope,[lane]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,lane])}}),grouped}static groupByComponentNameAndId(lanes){const byName=new Map,byId=new Map;return lanes.forEach(lane=>{const{components}=lane;components.forEach(component=>{const name=component.fullName,id=component.toString(),existingByName=byName.get(name)||[],existingById=byId.get(id)||[];existingByName.push(lane),existingById.push(lane),byName.set(name,existingByName),byId.set(id,existingById)})}),{byName,byId}}static from({data,scope,viewedLaneId}){var _a,_b,_c,_d,_e;const lanes=((_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.map(lane=>LanesModel.mapToLaneModel(lane)))||[],currentLane=!((_c=data?.lanes)===null||_c===void 0)&&_c.current?LanesModel.mapToLaneModel(data.lanes.current):void 0,defaultLane=!((_d=data?.lanes)===null||_d===void 0)&&_d.default?LanesModel.mapToLaneModel(data.lanes.default):scope&&LanesModel.mapToLaneModel({id:{name:"main",scope},hash:""})||lanes.find(lane=>lane.id.isDefault())||void 0,viewedLane=viewedLaneId?lanes.find(lane=>lane.id.isEqual(viewedLaneId)):((_e=data?.lanes)===null||_e===void 0?void 0:_e.viewedLane)&&LanesModel.mapToLaneModel(data.lanes.viewedLane[0])||currentLane||defaultLane;return new LanesModel({lanes,currentLane,defaultLane,viewedLane})}addLanes(newLanes=[]){this.lanes=LanesModel.concatLanes(this.lanes,newLanes),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}static concatLanes(lanes=[],newLanes=[]){return(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,...newLanes],lane=>lane?.id.toString()))}}exports.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,path_to_regexp_1.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(pathname,urlSearchParams)=>{const matches=LanesModel.laneFromPathRegex.exec(pathname);if(matches){const[,scopeId,laneId]=matches;return lane_id_1.LaneId.from(laneId,scopeId)}if(urlSearchParams){const laneIdQueryParam=urlSearchParams.get(LanesModel.laneUrlParamsKey);return laneIdQueryParam?lane_id_1.LaneId.parse(laneIdQueryParam):void 0}},LanesModel.getLaneUrl=(laneId,relative)=>`${relative?"":"/"}${LanesModel.lanesPrefix}/${laneId.toString()}`,LanesModel.getLaneComponentUrl=(componentId,laneId,addScopeMetadataInUrl)=>{const isExternalComponent=componentId.scope!==laneId.scope,laneUrl=LanesModel.getLaneUrl(laneId),queryParams=new URLSearchParams;return componentId.version&&queryParams.set("version",componentId.version),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${isExternalComponent?`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.toStringWithoutVersion()}`:`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.fullName}`}?${queryParams.toString()}`},LanesModel.getMainComponentUrl=(componentId,laneId,addScopeMetadataInUrl)=>{const componentUrl=componentId.fullName,queryParams=new URLSearchParams;return laneId&&queryParams.set(LanesModel.laneUrlParamsKey,laneId.toString()),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${componentUrl}?${queryParams.toString()}`}},49258:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.DetailedVersion=exports.SimpleVersion=void 0;var version_dropdown_placeholder_1=__webpack_require__(24342);Object.defineProperty(exports,"SimpleVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.SimpleVersion}}),Object.defineProperty(exports,"DetailedVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.DetailedVersion}});var version_dropdown_1=__webpack_require__(97258);Object.defineProperty(exports,"VersionDropdown",{enumerable:!0,get:function(){return version_dropdown_1.VersionDropdown}})},44525:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneInfo=void 0;var lane_info_1=__webpack_require__(94683);Object.defineProperty(exports,"LaneInfo",{enumerable:!0,get:function(){return lane_info_1.LaneInfo}})},94683: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.LaneInfo=void 0;const lanes_ui_models_lanes_model_1=__webpack_require__(43912),react_1=__importDefault(__webpack_require__(59496)),design_ui_surfaces_menu_link_item_1=__webpack_require__(50419),evangelist_elements_icon_1=__webpack_require__(6281),lane_info_module_scss_1=__importDefault(__webpack_require__(55932));function LaneInfo({id,currentLane}){const isCurrent=currentLane&&id.isEqual(currentLane.id);return react_1.default.createElement("div",{key:id.toString()},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href:lanes_ui_models_lanes_model_1.LanesModel.getLaneUrl(id),className:lane_info_module_scss_1.default.versionRow},react_1.default.createElement("span",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:lane_info_module_scss_1.default.laneIcon,of:"lane"}),id.toString())))}exports.LaneInfo=LaneInfo},24342: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.DetailedVersion=exports.SimpleVersion=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_ui_styles_ellipsis_1=__webpack_require__(25747),classnames_1=__importDefault(__webpack_require__(97754)),semver=__importStar(__webpack_require__(9131)),evangelist_elements_icon_1=__webpack_require__(6281),design_ui_time_ago_1=__webpack_require__(69327),design_ui_avatar_1=__webpack_require__(7719),base_ui_loaders_skeleton_1=__webpack_require__(16623),version_dropdown_placeholder_module_scss_1=__importDefault(__webpack_require__(88409));function SimpleVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,useCurrentVersionLog,showFullVersion,loading}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","useCurrentVersionLog","showFullVersion","loading"]);if(loading)return react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9});const formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.simple,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}exports.SimpleVersion=SimpleVersion;function DetailedVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,loading,useCurrentVersionLog,showFullVersion}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","loading","useCurrentVersionLog","showFullVersion"]);const currentVersionLog=useCurrentVersionLog?.({skip:loading,version:currentVersion}),{displayName,message,username,email,date:_date,profileImage}=currentVersionLog||{},author=react_1.default.useMemo(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6),date=_date?new Date(+_date):void 0,timestamp=react_1.default.useMemo(()=>date?new Date(+date).toString():new Date().toString(),[date]);return loading?react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9}):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.detailed,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author??{},className:version_dropdown_placeholder_module_scss_1.default.versionUserAvatar,showTooltip:!0,onClick:rest.onClick}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),commitMessage(message,rest.onClick),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.versionTimestamp,onClick:rest.onClick},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp,onClick:rest.onClick})),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}exports.DetailedVersion=DetailedVersion;function commitMessage(message,onClick){return!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.emptyMessage,onClick},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.commitMessage,onClick},message)}},97258: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.VersionDropdown=exports.LOCAL_VERSION=void 0;const react_1=__importStar(__webpack_require__(59496)),design_ui_surfaces_menu_link_item_1=__webpack_require__(50419),evangelist_surfaces_dropdown_1=__webpack_require__(47676),ui_foundation_ui_use_box_tab_1=__webpack_require__(11058),design_ui_avatar_1=__webpack_require__(7719),base_ui_loaders_skeleton_1=__webpack_require__(16623),classnames_1=__importDefault(__webpack_require__(97754)),version_dropdown_module_scss_1=__importDefault(__webpack_require__(64424)),version_info_1=__webpack_require__(95681),lane_info_1=__webpack_require__(44525),version_dropdown_placeholder_1=__webpack_require__(24342);exports.LOCAL_VERSION="workspace",exports.VersionDropdown=react_1.default.memo(_VersionDropdown);const VersionMenu=react_1.default.memo(_VersionMenu);function _VersionDropdown(_a){var{currentVersion,latestVersion,localVersion,useCurrentVersionLog,hasMoreVersions,loading,overrideVersionHref,className,placeholderClassName,getActiveTabIndex,dropdownClassName,menuClassName,showVersionDetails=!0,disabled,PlaceholderComponent:_PlaceholderComponent,currentLane,useComponentVersions,lanes}=_a,rest=__rest(_a,["currentVersion","latestVersion","localVersion","useCurrentVersionLog","hasMoreVersions","loading","overrideVersionHref","className","placeholderClassName","getActiveTabIndex","dropdownClassName","menuClassName","showVersionDetails","disabled","PlaceholderComponent","currentLane","useComponentVersions","lanes"]);const[key,setKey]=(0,react_1.useState)(0),singleVersion=!hasMoreVersions,[open,setOpen]=(0,react_1.useState)(!1);react_1.default.useEffect(()=>{loading&&open&&setOpen(!1)},[loading]);const handlePlaceholderClicked=e=>{loading||e.target===e.currentTarget&&setOpen(o=>!o)},defaultPlaceholder=react_1.default.createElement(version_dropdown_placeholder_1.SimpleVersion,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}),PlaceholderComponent=_PlaceholderComponent?react_1.default.createElement(_PlaceholderComponent,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}):defaultPlaceholder;return disabled||singleVersion&&!loading?react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.noVersions,className)},PlaceholderComponent):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionDropdown,className)}),react_1.default.createElement(evangelist_surfaces_dropdown_1.Dropdown,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.dropdown,dropdownClassName),dropClass:(0,classnames_1.default)(version_dropdown_module_scss_1.default.menu,menuClassName),open,onClick:handlePlaceholderClicked,onClickOutside:()=>setOpen(!1),onChange:(_e,_open)=>_open&&setKey(x=>x+1),PlaceholderComponent:_a2=>{var{children}=_a2,other=__rest(_a2,["children"]);return react_1.default.createElement("div",Object.assign({},other,{className:placeholderClassName,onClick:handlePlaceholderClicked}),children)},placeholder:PlaceholderComponent},react_1.default.createElement(VersionMenu,{className:menuClassName,key,currentVersion,latestVersion,localVersion,overrideVersionHref,showVersionDetails,currentLane,getActiveTabIndex,lanes,useVersions:useComponentVersions,open})))}const defaultActiveTabIndex=(currentVersion,tabs=[],tags,snaps)=>(snaps||[]).some(snap=>snap.version===currentVersion)?tabs.findIndex(tab=>tab.name==="SNAP"):0,VERSION_TAB_NAMES=["TAG","SNAP","LANE"];function _VersionMenu(_a){var _b,_c,{currentVersion,localVersion,latestVersion,overrideVersionHref,showVersionDetails,useVersions,currentLane,lanes,getActiveTabIndex=defaultActiveTabIndex,loading:loadingFromProps,open}=_a,rest=__rest(_a,["currentVersion","localVersion","latestVersion","overrideVersionHref","showVersionDetails","useVersions","currentLane","lanes","getActiveTabIndex","loading","open"]);const{snaps,tags,loading:loadingVersions}=useVersions?.()||{},loading=loadingFromProps||loadingVersions,tabs=react_1.default.useMemo(()=>VERSION_TAB_NAMES.map(name=>{switch(name){case"SNAP":return{name,payload:snaps||[]};case"LANE":return{name,payload:lanes||[]};default:return{name,payload:tags||[]}}}).filter(tab=>tab.payload.length>0),[snaps?.length,tags?.length,lanes?.length,loading]),[activeTabIndex,setActiveTab]=react_1.default.useState(getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane)),activeTab=react_1.default.useMemo(()=>activeTabIndex!==void 0?tabs[activeTabIndex]:void 0,[activeTabIndex,tabs]);react_1.default.useEffect(()=>{if(!currentLane||tabs.length===0)return;const _activeTabIndex=getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane);_activeTabIndex!==activeTabIndex&&setActiveTab(_activeTabIndex)},[currentLane,tabs.length,tags?.length,snaps?.length,currentVersion,loading]);const multipleTabs=tabs.length>1,message=multipleTabs?"Switch to view tags, snaps, or lanes":`Switch between ${(_b=tabs[0])===null||_b===void 0?void 0:_b.name.toLocaleLowerCase()}s`,showTab=activeTabIndex!==void 0&&((_c=tabs[activeTabIndex])===null||_c===void 0?void 0:_c.payload.length)>0,_rowRenderer=react_1.default.useCallback(function({index}){const{name,payload=[]}=activeTab||{},item=payload[index];if(!item)return null;if(name==="LANE"){const lane=item;return react_1.default.createElement(lane_info_1.LaneInfo,Object.assign({key:lane.id.toString(),currentLane},lane))}const version=item;return react_1.default.createElement(version_info_1.VersionInfo,Object.assign({key:version.version,currentVersion,latestVersion,overrideVersionHref,showDetails:showVersionDetails},version))},[activeTab,currentVersion,latestVersion,showVersionDetails,currentLane?.id.toString(),showTab]),rowRenderer=react_1.default.useMemo(()=>showTab&&activeTab?_rowRenderer:()=>null,[showTab,activeTab,_rowRenderer]),ActiveTab=react_1.default.useMemo(()=>activeTab?.payload.map((payload,index)=>rowRenderer({index})),[activeTab]);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionMenuContainer,!open&&version_dropdown_module_scss_1.default.hide)}),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.top},loading&&react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{count:6,className:version_dropdown_module_scss_1.default.loader}),!loading&&react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.titleContainer,version_dropdown_module_scss_1.default.title)},message),!loading&&localVersion&&react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{href:"?",active:currentVersion===exports.LOCAL_VERSION,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionRow,version_dropdown_module_scss_1.default.localVersion)},react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:{},className:version_dropdown_module_scss_1.default.versionUserAvatar}),react_1.default.createElement("span",{className:version_dropdown_module_scss_1.default.versionName},exports.LOCAL_VERSION)))),react_1.default.createElement("div",{className:(0,classnames_1.default)(multipleTabs&&version_dropdown_module_scss_1.default.tabs)},multipleTabs&&tabs.map(({name},index)=>react_1.default.createElement(ui_foundation_ui_use_box_tab_1.Tab,{className:version_dropdown_module_scss_1.default.tab,key:name,isActive:activeTabIndex===index,onClick:()=>setActiveTab(index)},name))),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.versionContainerRoot},ActiveTab))}},95681:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;var version_info_1=__webpack_require__(15398);Object.defineProperty(exports,"VersionInfo",{enumerable:!0,get:function(){return version_info_1.VersionInfo}})},15398: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;const design_ui_surfaces_menu_link_item_1=__webpack_require__(50419),design_ui_time_ago_1=__webpack_require__(69327),component_ui_version_label_1=__webpack_require__(35447),react_1=__importStar(__webpack_require__(59496)),design_ui_avatar_1=__webpack_require__(7719),design_ui_styles_ellipsis_1=__webpack_require__(25747),classnames_1=__importDefault(__webpack_require__(97754)),version_info_module_scss_1=__importDefault(__webpack_require__(36565));exports.VersionInfo=react_1.default.memo(react_1.default.forwardRef(_VersionInfo));function _VersionInfo({version,currentVersion,latestVersion,date,username,displayName,email,overrideVersionHref,showDetails,message,tag,profileImage},ref){const isCurrent=version===currentVersion,author=(0,react_1.useMemo)(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),timestamp=(0,react_1.useMemo)(()=>date?new Date(parseInt(date)).toString():new Date().toString(),[date]),currentVersionRef=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{var _a;isCurrent&&((_a=currentVersionRef.current)===null||_a===void 0||_a.scrollIntoView({block:"nearest"}))},[isCurrent]);const href=overrideVersionHref?overrideVersionHref(version):`?version=${version}`,formattedVersion=(0,react_1.useMemo)(()=>tag?version:version.slice(0,6),[tag,version]),isLatest=version===latestVersion;return react_1.default.createElement("div",{ref:ref||currentVersionRef},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href,className:version_info_module_scss_1.default.versionRow},react_1.default.createElement("div",{className:version_info_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author,className:version_info_module_scss_1.default.versionUserAvatar,showTooltip:!0}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_info_module_scss_1.default.versionName)},formattedVersion),isLatest&&react_1.default.createElement(component_ui_version_label_1.VersionLabel,{status:"latest"}),react_1.default.createElement(CommitMessage,{message,showDetails})),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.versionTimestamp},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp}))))}function CommitMessage({message,showDetails}){return showDetails?!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.emptyMessage},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.commitMessage},message):null}},39636:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectList=void 0;class AspectList{constructor(entries){this.entries=entries}get(aspectId){const aspectEntry=this.entries.find(entry=>entry.aspectId===aspectId);if(!!aspectEntry)return aspectEntry.aspectData}toObject(){return{entries:this.entries}}static fromObject(obj){const entries=obj?.entries||[];return new AspectList(entries)}static fromJson(obj){const entries=obj?.entries?.map(({aspectId,aspectData})=>({aspectId,aspectData:JSON.parse(aspectData)}))||[];return new AspectList(entries)}}exports.AspectList=AspectList},83804:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptor=void 0;function _component(){const data=__webpack_require__(28221);return _component=function(){return data},data}function _aspectList(){const data=__webpack_require__(39636);return _aspectList=function(){return data},data}class ComponentDescriptor{constructor(id,aspectList){this.id=id,this.aspectList=aspectList}get scope(){return this.id.scope}get(aspectId){return this.aspectList.get(aspectId)}toObject(){return{id:this.id.toString(),aspectList:this.aspectList.toObject()}}async isModified(){return!1}stringify(){return JSON.stringify(this.toObject())}toString(){return this.stringify()}static fromObject({id,aspectList}){const aspects=_aspectList().AspectList.fromObject(aspectList);return new ComponentDescriptor(_component().ComponentID.fromString(id),aspects)}static fromArray(componentsDescriptorProps){return componentsDescriptorProps.map(component=>ComponentDescriptor.fromObject(component))}}exports.ComponentDescriptor=ComponentDescriptor},17092:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectDataEntry",{enumerable:!0,get:function(){return _aspectList().AspectDataEntry}}),Object.defineProperty(exports,"AspectList",{enumerable:!0,get:function(){return _aspectList().AspectList}}),Object.defineProperty(exports,"AspectListProps",{enumerable:!0,get:function(){return _aspectList().AspectListProps}}),Object.defineProperty(exports,"ComponentDescriptor",{enumerable:!0,get:function(){return _componentDescriptor().ComponentDescriptor}}),Object.defineProperty(exports,"ComponentDescriptorProps",{enumerable:!0,get:function(){return _componentDescriptor().ComponentDescriptorProps}});function _componentDescriptor(){const data=__webpack_require__(83804);return _componentDescriptor=function(){return data},data}function _aspectList(){const data=__webpack_require__(39636);return _aspectList=function(){return data},data}},48620:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectEntry=void 0;class AspectEntry{constructor(id,legacyEntry){this.id=id,this.legacyEntry=legacyEntry}get legacy(){return this.legacyEntry}get isLegacy(){return!!this.config?.__legacy}get config(){return this.legacy.config}set config(config){this.legacy.config=config}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(val){this.legacy.data=val}transform(newData){const newEntry=this.clone();return newEntry.data=newData,new AspectEntry(this.id,newEntry.legacy)}clone(){return new AspectEntry(this.id,this.legacyEntry.clone())}serialize(){return{id:this.id.toString(),config:this.config,data:this.data,icon:"https://static.bit.dev/extensions-icons/default.svg"}}}exports.AspectEntry=AspectEntry},21280:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _anyFs(){const data=__webpack_require__(21186);return _anyFs=function(){return data},data}function _eol(){const data=__webpack_require__(58225);return _eol=function(){return data},data}function _path(){const data=_interopRequireDefault(__webpack_require__(62005));return _path=function(){return data},data}function _toolboxPath(){const data=__webpack_require__(92175);return _toolboxPath=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}class ComponentFS extends _anyFs().MemoryFS{constructor(files){super();this.files=files}get hash(){return""}byRegex(extension){return this.files.filter(file=>file.path.match(extension))}byGlob(patterns){const{includePatterns,excludePatterns}=(0,_toolboxPath().splitPatterns)(patterns);return this.files.filter(file=>(0,_toolboxPath().matchPatterns)(file.relative,includePatterns,excludePatterns))}toObject(){return this.files.map(file=>({path:file.path,contents:file.contents}))}static fromVinyls(files){const fs=new ComponentFS(files);return files.forEach(file=>{let dirPath=file.relativeDir;dirPath.startsWith("/")||(dirPath=_path().default.join("/",dirPath)),fs.mkdirpSync(dirPath),fs.writeFileSync(`/${file.relative}`,(0,_eol().auto)(file.contents||""))}),fs}}exports.default=ComponentFS},14981:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMap=void 0;class ComponentMap{constructor(hashMap){this.hashMap=hashMap}byComponent(component){return this.hashMap.get(component.id.toString())}get components(){return this.toArray().map(([component])=>component)}get(component){return this.hashMap.get(component.id.toString())}getValueByComponentId(componentId){const tuple=this.hashMap.get(componentId.toString());return tuple?tuple[1]:null}toArray(){return Array.from(this.hashMap.values())}map(predicate){const tuples=this.toArray().map(([component,value])=>{const newValue=predicate(value,component);return[component.id.toString(),[component,newValue]]});return new ComponentMap(new Map(tuples))}async asyncMap(predicate){const tuplesP=this.toArray().map(async([component,value])=>{const newValue=await predicate(value,component);return[component.id.toString(),[component,newValue]]}),tuples=await Promise.all(tuplesP);return new ComponentMap(new Map(tuples))}forEach(predicate){this.toArray().forEach(([component,value])=>{predicate(value,component)})}flattenValue(){return this.toArray().reduce((acc,[,value])=>(acc=acc.concat(value),acc),[])}filter(predicate){const asMap=this.toArray().filter(([,value])=>predicate(value)).map(([component,value])=>[component.id.toString(),[component,value]]);return new ComponentMap(new Map(asMap))}keys(){return this.hashMap.keys()}static create(rawMap){const newMap=rawMap.map(([component,data])=>[component.id.toString(),[component,data]]);return new ComponentMap(new Map(newMap))}static as(components,predicate){const tuples=components.map(component=>[component.id.toString(),[component,predicate(component)]]);return new ComponentMap(new Map(tuples))}static async asAsync(components,predicate){const tuples=await Promise.all(components.map(async component=>[component.id.toString(),[component,await predicate(component)]]));return new ComponentMap(new Map(tuples))}}exports.ComponentMap=ComponentMap},18106:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}});function _componentMap(){const data=__webpack_require__(14981);return _componentMap=function(){return data},data}},51483:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ComponentAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const ComponentAspect=exports.ComponentAspect=_harmony().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});var _default=exports.default=ComponentAspect},89902:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=void 0;function _toolboxString(){const data=__webpack_require__(22139);return _toolboxString=function(){return data},data}function _bitError(){const data=__webpack_require__(74155);return _bitError=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function _tagMap(){const data=__webpack_require__(52359);return _tagMap=function(){return data},data}function _exceptions(){const data=__webpack_require__(1286);return _exceptions=function(){return data},data}class Component{constructor(id,head=null,_state,tags=new(_tagMap()).TagMap,factory){this.id=id,this.head=head,this._state=_state,this.tags=tags,this.factory=factory}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(state){this._state=state}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get headTag(){if(!!this.head)return this.tags.byHash(this.head.hash)}get latest(){if(!!this.head)try{return this.tags.getLatest()}catch(err){if(err instanceof _exceptions().CouldNotFindLatest)return this.head.hash;throw err}}get(id){return this.state.aspects.get(id)?.serialize()}async getLogs(filter){const allLogs=await this.factory.getLogs(this.id,!1,filter?.head);if(!filter)return allLogs;const{type,limit,offset,sort}=filter,typeFilter=snap=>type==="tag"?snap.tag:type==="snap"?!snap.tag:!0;let filteredLogs=type&&allLogs.filter(typeFilter)||allLogs;return sort!=="asc"&&(filteredLogs=filteredLogs.reverse()),limit&&(filteredLogs=(0,_lodash().slice)(filteredLogs,offset,limit+(offset||0))),filteredLogs}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(token=>(0,_toolboxString().capitalize)(token)).join(" ")}tag(version){}isModified(){return this.factory.isModified(this)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;const latestTag=this.tags.byVersion(this.latest);return latestTag?this.head?.hash!==latestTag?.hash:!1}isNew(){return Promise.resolve(this.head===null)}loadState(snapId){return this.factory.getState(this.id,snapId)}loadSnap(snapId){const snapToGet=snapId||this.head?.hash;if(!snapToGet)throw new(_bitError()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,snapToGet)}snapsIterable(snapId,options={}){const snapToStart=snapId||this.head?.hash;let nextSnaps=[snapToStart],done;snapToStart||(done=!0);const iterator={next:async()=>{if(done)return{value:void 0,done};const currSnapId=nextSnaps.shift(),snap=await this.loadSnap(currSnapId);return snap.parents&&snap.parents.length&&(options.firstParentOnly?nextSnaps.push(snap.parents[0]):nextSnaps=nextSnaps.concat(snap.parents)),nextSnaps.length?options.stopFn&&(done=await options.stopFn(snap)):done=!0,{value:snap,done:void 0}}};return{[Symbol.asyncIterator]:()=>iterator}}async getClosestTag(snapToStartFrom){const tagsHashMap=this.tags.getHashMap(),stopFn=async snap=>!!tagsHashMap.has(snap.hash),iterable=this.snapsIterable(snapToStartFrom,{firstParentOnly:!0,stopFn}),snaps=[];for await(const snap of iterable)snaps.push(snap);if(snaps.length){const hashOfLastSnap=snaps[snaps.length-1].hash;return tagsHashMap.get(hashOfLastSnap)}}checkout(version){}write(path,fs){}equals(component){return component.id.toString()===this.id.toString()}}exports.Component=Component},56264:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Config=void 0;class Config{constructor(consumerComponent){this.consumerComponent=consumerComponent}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}}exports.Config=Config},55037:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CouldNotFindLatest=void 0;class CouldNotFindLatest extends Error{constructor(semverArray){super(`could not find latest semver in array: ${semverArray.join(", ")}`)}report(){return this.message}}exports.CouldNotFindLatest=CouldNotFindLatest},80804:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostNotFound=void 0;class HostNotFound extends Error{constructor(hostName){super();this.hostName=hostName}toString(){return`[component] error: host '${this.hostName}' was not found`}}exports.HostNotFound=HostNotFound},1286:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CouldNotFindLatest",{enumerable:!0,get:function(){return _couldNotFindLatest().CouldNotFindLatest}}),Object.defineProperty(exports,"HostNotFound",{enumerable:!0,get:function(){return _hostNotFound().HostNotFound}}),Object.defineProperty(exports,"MainFileNotFound",{enumerable:!0,get:function(){return _mainFileNotFound().MainFileNotFound}}),Object.defineProperty(exports,"NothingToSnap",{enumerable:!0,get:function(){return _nothingToSnap().default}});function _nothingToSnap(){const data=_interopRequireDefault(__webpack_require__(95982));return _nothingToSnap=function(){return data},data}function _hostNotFound(){const data=__webpack_require__(80804);return _hostNotFound=function(){return data},data}function _couldNotFindLatest(){const data=__webpack_require__(55037);return _couldNotFindLatest=function(){return data},data}function _mainFileNotFound(){const data=__webpack_require__(92452);return _mainFileNotFound=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}},92452:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MainFileNotFound=void 0;class MainFileNotFound extends Error{constructor(id,mainFile){super();this.id=id,this.mainFile=mainFile}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}}exports.MainFileNotFound=MainFileNotFound},95982:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class NothingToSnap extends Error{}exports.default=NothingToSnap},17386:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentHostModel=void 0;function _ui(){const data=__webpack_require__(8292);return _ui=function(){return data},data}class ComponentHostModel{constructor(name,components){this.name=name,this.components=components}static from(data){return new ComponentHostModel(data.getHost.name,_ui().ComponentModel.fromArray(data.getHost.list))}}exports.ComponentHostModel=ComponentHostModel},53843:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={useComponentHost:!0};Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _useComponentHost().useComponentHost}});function _useComponentHost(){const data=__webpack_require__(38636);return _useComponentHost=function(){return data},data}var _componentHostModel=__webpack_require__(17386);Object.keys(_componentHostModel).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_componentHostModel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _componentHostModel[key]}})})},38636:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentHost=useComponentHost;function _uiFoundationUiHooks(){const data=__webpack_require__(25338);return _uiFoundationUiHooks=function(){return data},data}function _client(){const data=__webpack_require__(97299);return _client=function(){return data},data}function _componentHostModel(){const data=__webpack_require__(17386);return _componentHostModel=function(){return data},data}const COMPONENT_HOST=(0,_client().gql)`
+`,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;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?Object.assign(Object.assign(Object.assign({},context),rootLanesData),{lanesModel:targetLanes,searchResult}):useContext?Object.assign(Object.assign({},context),{searchResult}):((_c=rootLanesData.lanesModel)===null||_c===void 0||_c.setViewedLane((_e=(_d=context?.lanesModel)===null||_d===void 0?void 0:_d.viewedLane)===null||_e===void 0?void 0:_e.id),Object.assign(Object.assign(Object.assign({},context),rootLanesData),{searchResult}))};exports.useLanes=useLanes},85904: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.Collapser=void 0;const evangelist_elements_icon_1=__webpack_require__(6281),classnames_1=__importDefault(__webpack_require__(97754)),react_1=__importDefault(__webpack_require__(59496)),design_ui_tooltip_1=__webpack_require__(49142),collapser_button_module_scss_1=__importDefault(__webpack_require__(509));function Collapser(_a){var{isOpen,tooltipContent,placement="right",onClick,className}=_a,rest=__rest(_a,["isOpen","tooltipContent","placement","onClick","className"]);return react_1.default.createElement(design_ui_tooltip_1.Tooltip,{content:tooltipContent},react_1.default.createElement("div",Object.assign({},rest,{onClick,className:(0,classnames_1.default)(collapser_button_module_scss_1.default.collapser,collapser_button_module_scss_1.default[placement],isOpen&&collapser_button_module_scss_1.default.open,className)}),react_1.default.createElement("div",{className:collapser_button_module_scss_1.default.circle},react_1.default.createElement("div",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"double-right-big"})))))}exports.Collapser=Collapser},53440:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapser=void 0;var collapser_button_1=__webpack_require__(85904);Object.defineProperty(exports,"Collapser",{enumerable:!0,get:function(){return collapser_button_1.Collapser}})},43912:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(69291);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},69291:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(28221),lane_id_1=__webpack_require__(8839),component_id_1=__webpack_require__(99978),path_to_regexp_1=__webpack_require__(51419),lodash_1=__webpack_require__(32699);class LanesModel{constructor({lanes=[],viewedLane,currentLane,defaultLane}){this.getLaneComponentUrlByVersion=(componentId,laneId,addScopeMetadataInUrl)=>{var _a;const defaultLane2=this.getDefaultLane();if(!componentId.version||!laneId||!defaultLane2||laneId&&this.currentLane&&laneId.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl);const lane=(_a=this.getLanesByComponentId(componentId))===null||_a===void 0?void 0:_a.find(l=>l.id.isEqual(laneId));return lane?lane.id.isDefault()?LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl):LanesModel.getLaneComponentUrl(componentId,lane.id,addScopeMetadataInUrl):defaultLane2.components.find(c=>c.isEqual(componentId))?LanesModel.getMainComponentUrl(componentId,laneId,addScopeMetadataInUrl):void 0},this.setViewedLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.id.isEqual(viewedLaneId)):void 0},this.setViewedOrDefaultLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.id.isEqual(viewedLaneId)):this.getDefaultLane()},this.resolveComponentFromUrl=(idFromUrl,laneId)=>{var _a;const comps=((_a=laneId&&this.lanes.find(lane=>lane.id.isEqual(laneId))||this.viewedLane)===null||_a===void 0?void 0:_a.components)||[];return idFromUrl.includes(".")?comps.find(component=>component.toStringWithoutVersion()===idFromUrl):comps.find(component=>component.fullName===idFromUrl)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(lane=>!lane.id.isDefault()),this.isInViewedLane=(componentId,includeVersion)=>{var _a,_b;return includeVersion?(_a=this.viewedLane)===null||_a===void 0?void 0:_a.components.some(comp=>includeVersion&&comp.isEqual(componentId)):(_b=this.viewedLane)===null||_b===void 0?void 0:_b.components.some(comp=>includeVersion&&comp.isEqual(componentId,{ignoreVersion:!0}))},this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=componentId=>this.lanesByComponentName.get(componentId.fullName),this.getLanesByComponentId=componentId=>this.lanesByComponentId.get(componentId.toString()),this.isComponentOnMain=(componentId,includeVersion)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>lane.id.isDefault())):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>lane.id.isDefault()))},this.isComponentOnMainButNotOnLane=(componentId,includeVersion,laneId)=>this.isComponentOnMain(componentId,includeVersion)&&!this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnLaneButNotOnMain=(componentId,includeVersion,laneId)=>!this.isComponentOnMain(componentId,includeVersion)&&this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnNonDefaultLanes=(componentId,includeVersion,laneId)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId)))):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))))},this.viewedLane=viewedLane,this.currentLane=currentLane,this.defaultLane=defaultLane;const allUniqueLanes=(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,this.defaultLane,this.currentLane,this.viewedLane],lane=>lane?.id.toString()));this.lanes=allUniqueLanes,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}static mapToLaneModel(laneData){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;const{id,laneComponentIds=[],readmeComponent,hash,createdAt,displayName,updatedAt,createdBy:createdByData,updatedBy:updatedByData}=laneData,componentIds=laneComponentIds?.map(laneComponentId=>component_id_1.ComponentID.fromObject(laneComponentId))||[],readmeComponentModel=readmeComponent&&component_1.ComponentModel.from(Object.assign({},readmeComponent)),createdAtDate=createdAt&&new Date(+createdAt)||void 0,createdBy=createdByData?{name:(_a=createdByData?.name)!==null&&_a!==void 0?_a:void 0,email:(_b=createdByData.email)!==null&&_b!==void 0?_b:void 0,username:(_c=createdByData?.username)!==null&&_c!==void 0?_c:void 0,displayName:(_d=createdByData?.displayName)!==null&&_d!==void 0?_d:void 0,profileImage:(_e=createdByData.profileImage)!==null&&_e!==void 0?_e:void 0}:void 0,updatedAtDate=updatedAt&&new Date(+updatedAt)||void 0,updatedBy=updatedByData?.name?{name:(_f=updatedByData?.name)!==null&&_f!==void 0?_f:void 0,username:(_g=updatedByData?.username)!==null&&_g!==void 0?_g:void 0,displayName:(_h=updatedByData?.displayName)!==null&&_h!==void 0?_h:void 0,email:(_j=updatedByData.email)!==null&&_j!==void 0?_j:void 0,profileImage:(_k=updatedByData.profileImage)!==null&&_k!==void 0?_k:void 0}:void 0;return{id:lane_id_1.LaneId.from(id.name,id.scope),components:componentIds,readmeComponent:readmeComponentModel,createdAt:createdAtDate,updatedAt:updatedAtDate,displayName,hash,updatedBy,createdBy}}static groupLaneIdsByScope(laneIds){const grouped=new Map;return laneIds.forEach(laneId=>{const{scope}=laneId;if(!grouped.has(scope))grouped.set(scope,[laneId]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,laneId])}}),grouped}static groupLanesByScope(lanes){const grouped=new Map;return lanes.forEach(lane=>{const{scope}=lane.id;if(!grouped.has(scope))grouped.set(scope,[lane]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,lane])}}),grouped}static groupByComponentNameAndId(lanes){const byName=new Map,byId=new Map;return lanes.forEach(lane=>{const{components}=lane;components.forEach(component=>{const name=component.fullName,id=component.toString(),existingByName=byName.get(name)||[],existingById=byId.get(id)||[];existingByName.push(lane),existingById.push(lane),byName.set(name,existingByName),byId.set(id,existingById)})}),{byName,byId}}static from({data,scope,viewedLaneId}){var _a,_b,_c,_d,_e;const lanes=((_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.map(lane=>LanesModel.mapToLaneModel(lane)))||[],currentLane=!((_c=data?.lanes)===null||_c===void 0)&&_c.current?LanesModel.mapToLaneModel(data.lanes.current):void 0,defaultLane=!((_d=data?.lanes)===null||_d===void 0)&&_d.default?LanesModel.mapToLaneModel(data.lanes.default):scope&&LanesModel.mapToLaneModel({id:{name:"main",scope},hash:""})||lanes.find(lane=>lane.id.isDefault())||void 0,viewedLane=viewedLaneId?lanes.find(lane=>lane.id.isEqual(viewedLaneId)):((_e=data?.lanes)===null||_e===void 0?void 0:_e.viewedLane)&&LanesModel.mapToLaneModel(data.lanes.viewedLane[0])||currentLane||defaultLane;return new LanesModel({lanes,currentLane,defaultLane,viewedLane})}addLanes(newLanes=[]){this.lanes=LanesModel.concatLanes(this.lanes,newLanes),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}static concatLanes(lanes=[],newLanes=[]){return(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,...newLanes],lane=>lane?.id.toString()))}}exports.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,path_to_regexp_1.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(pathname,urlSearchParams)=>{const matches=LanesModel.laneFromPathRegex.exec(pathname);if(matches){const[,scopeId,laneId]=matches;return lane_id_1.LaneId.from(laneId,scopeId)}if(urlSearchParams){const laneIdQueryParam=urlSearchParams.get(LanesModel.laneUrlParamsKey);return laneIdQueryParam?lane_id_1.LaneId.parse(laneIdQueryParam):void 0}},LanesModel.getLaneUrl=(laneId,relative)=>`${relative?"":"/"}${LanesModel.lanesPrefix}/${laneId.toString()}`,LanesModel.getLaneComponentUrl=(componentId,laneId,addScopeMetadataInUrl)=>{const isExternalComponent=componentId.scope!==laneId.scope,laneUrl=LanesModel.getLaneUrl(laneId),queryParams=new URLSearchParams;return componentId.version&&queryParams.set("version",componentId.version),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${isExternalComponent?`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.toStringWithoutVersion()}`:`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.fullName}`}?${queryParams.toString()}`},LanesModel.getMainComponentUrl=(componentId,laneId,addScopeMetadataInUrl)=>{const componentUrl=componentId.fullName,queryParams=new URLSearchParams;return laneId&&queryParams.set(LanesModel.laneUrlParamsKey,laneId.toString()),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${componentUrl}?${queryParams.toString()}`}},49258:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.DetailedVersion=exports.SimpleVersion=void 0;var version_dropdown_placeholder_1=__webpack_require__(24342);Object.defineProperty(exports,"SimpleVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.SimpleVersion}}),Object.defineProperty(exports,"DetailedVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.DetailedVersion}});var version_dropdown_1=__webpack_require__(97258);Object.defineProperty(exports,"VersionDropdown",{enumerable:!0,get:function(){return version_dropdown_1.VersionDropdown}})},44525:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneInfo=void 0;var lane_info_1=__webpack_require__(94683);Object.defineProperty(exports,"LaneInfo",{enumerable:!0,get:function(){return lane_info_1.LaneInfo}})},94683: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.LaneInfo=void 0;const lanes_ui_models_lanes_model_1=__webpack_require__(43912),react_1=__importDefault(__webpack_require__(59496)),design_ui_surfaces_menu_link_item_1=__webpack_require__(50419),evangelist_elements_icon_1=__webpack_require__(6281),lane_info_module_scss_1=__importDefault(__webpack_require__(55932));function LaneInfo({id,currentLane}){const isCurrent=currentLane&&id.isEqual(currentLane.id);return react_1.default.createElement("div",{key:id.toString()},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href:lanes_ui_models_lanes_model_1.LanesModel.getLaneUrl(id),className:lane_info_module_scss_1.default.versionRow},react_1.default.createElement("span",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:lane_info_module_scss_1.default.laneIcon,of:"lane"}),id.toString())))}exports.LaneInfo=LaneInfo},24342: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.DetailedVersion=exports.SimpleVersion=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_ui_styles_ellipsis_1=__webpack_require__(25747),classnames_1=__importDefault(__webpack_require__(97754)),semver=__importStar(__webpack_require__(9131)),evangelist_elements_icon_1=__webpack_require__(6281),design_ui_time_ago_1=__webpack_require__(69327),design_ui_avatar_1=__webpack_require__(7719),base_ui_loaders_skeleton_1=__webpack_require__(16623),version_dropdown_placeholder_module_scss_1=__importDefault(__webpack_require__(88409));function SimpleVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,useCurrentVersionLog,showFullVersion,loading}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","useCurrentVersionLog","showFullVersion","loading"]);if(loading)return react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9});const formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.simple,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}exports.SimpleVersion=SimpleVersion;function DetailedVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,loading,useCurrentVersionLog,showFullVersion}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","loading","useCurrentVersionLog","showFullVersion"]);const currentVersionLog=useCurrentVersionLog?.({skip:loading,version:currentVersion}),{displayName,message,username,email,date:_date,profileImage}=currentVersionLog||{},author=react_1.default.useMemo(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6),date=_date?new Date(+_date):void 0,timestamp=react_1.default.useMemo(()=>date?new Date(+date).toString():new Date().toString(),[date]);return loading?react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9}):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.detailed,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author??{},className:version_dropdown_placeholder_module_scss_1.default.versionUserAvatar,showTooltip:!0,onClick:rest.onClick}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),commitMessage(message,rest.onClick),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.versionTimestamp,onClick:rest.onClick},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp,onClick:rest.onClick})),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}exports.DetailedVersion=DetailedVersion;function commitMessage(message,onClick){return!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.emptyMessage,onClick},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.commitMessage,onClick},message)}},97258: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.VersionDropdown=exports.LOCAL_VERSION=void 0;const react_1=__importStar(__webpack_require__(59496)),design_ui_surfaces_menu_link_item_1=__webpack_require__(50419),evangelist_surfaces_dropdown_1=__webpack_require__(47676),ui_foundation_ui_use_box_tab_1=__webpack_require__(11058),design_ui_avatar_1=__webpack_require__(7719),base_ui_loaders_skeleton_1=__webpack_require__(16623),classnames_1=__importDefault(__webpack_require__(97754)),version_dropdown_module_scss_1=__importDefault(__webpack_require__(64424)),version_info_1=__webpack_require__(95681),lane_info_1=__webpack_require__(44525),version_dropdown_placeholder_1=__webpack_require__(24342);exports.LOCAL_VERSION="workspace",exports.VersionDropdown=react_1.default.memo(_VersionDropdown);const VersionMenu=react_1.default.memo(_VersionMenu);function _VersionDropdown(_a){var{currentVersion,latestVersion,localVersion,useCurrentVersionLog,hasMoreVersions,loading,overrideVersionHref,className,placeholderClassName,getActiveTabIndex,dropdownClassName,menuClassName,showVersionDetails=!0,disabled,PlaceholderComponent:_PlaceholderComponent,currentLane,useComponentVersions,lanes}=_a,rest=__rest(_a,["currentVersion","latestVersion","localVersion","useCurrentVersionLog","hasMoreVersions","loading","overrideVersionHref","className","placeholderClassName","getActiveTabIndex","dropdownClassName","menuClassName","showVersionDetails","disabled","PlaceholderComponent","currentLane","useComponentVersions","lanes"]);const[key,setKey]=(0,react_1.useState)(0),singleVersion=!hasMoreVersions,[open,setOpen]=(0,react_1.useState)(!1);react_1.default.useEffect(()=>{loading&&open&&setOpen(!1)},[loading]);const handlePlaceholderClicked=e=>{loading||e.target===e.currentTarget&&setOpen(o=>!o)},defaultPlaceholder=react_1.default.createElement(version_dropdown_placeholder_1.SimpleVersion,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}),PlaceholderComponent=_PlaceholderComponent?react_1.default.createElement(_PlaceholderComponent,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}):defaultPlaceholder;return disabled||singleVersion&&!loading?react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.noVersions,className)},PlaceholderComponent):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionDropdown,className)}),react_1.default.createElement(evangelist_surfaces_dropdown_1.Dropdown,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.dropdown,dropdownClassName),dropClass:(0,classnames_1.default)(version_dropdown_module_scss_1.default.menu,menuClassName),open,onClick:handlePlaceholderClicked,onClickOutside:()=>setOpen(!1),onChange:(_e,_open)=>_open&&setKey(x=>x+1),PlaceholderComponent:_a2=>{var{children}=_a2,other=__rest(_a2,["children"]);return react_1.default.createElement("div",Object.assign({},other,{className:placeholderClassName,onClick:handlePlaceholderClicked}),children)},placeholder:PlaceholderComponent},react_1.default.createElement(VersionMenu,{className:menuClassName,key,currentVersion,latestVersion,localVersion,overrideVersionHref,showVersionDetails,currentLane,getActiveTabIndex,lanes,useVersions:useComponentVersions,open})))}const defaultActiveTabIndex=(currentVersion,tabs=[],tags,snaps)=>(snaps||[]).some(snap=>snap.version===currentVersion)?tabs.findIndex(tab=>tab.name==="SNAP"):0,VERSION_TAB_NAMES=["TAG","SNAP","LANE"];function _VersionMenu(_a){var _b,_c,{currentVersion,localVersion,latestVersion,overrideVersionHref,showVersionDetails,useVersions,currentLane,lanes,getActiveTabIndex=defaultActiveTabIndex,loading:loadingFromProps,open}=_a,rest=__rest(_a,["currentVersion","localVersion","latestVersion","overrideVersionHref","showVersionDetails","useVersions","currentLane","lanes","getActiveTabIndex","loading","open"]);const{snaps,tags,loading:loadingVersions}=useVersions?.()||{},loading=loadingFromProps||loadingVersions,tabs=react_1.default.useMemo(()=>VERSION_TAB_NAMES.map(name=>{switch(name){case"SNAP":return{name,payload:snaps||[]};case"LANE":return{name,payload:lanes||[]};default:return{name,payload:tags||[]}}}).filter(tab=>tab.payload.length>0),[snaps?.length,tags?.length,lanes?.length,loading]),[activeTabIndex,setActiveTab]=react_1.default.useState(getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane)),activeTab=react_1.default.useMemo(()=>activeTabIndex!==void 0?tabs[activeTabIndex]:void 0,[activeTabIndex,tabs]);react_1.default.useEffect(()=>{if(!currentLane||tabs.length===0)return;const _activeTabIndex=getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane);_activeTabIndex!==activeTabIndex&&setActiveTab(_activeTabIndex)},[currentLane,tabs.length,tags?.length,snaps?.length,currentVersion,loading]);const multipleTabs=tabs.length>1,message=multipleTabs?"Switch to view tags, snaps, or lanes":`Switch between ${(_b=tabs[0])===null||_b===void 0?void 0:_b.name.toLocaleLowerCase()}s`,showTab=activeTabIndex!==void 0&&((_c=tabs[activeTabIndex])===null||_c===void 0?void 0:_c.payload.length)>0,_rowRenderer=react_1.default.useCallback(function({index}){const{name,payload=[]}=activeTab||{},item=payload[index];if(!item)return null;if(name==="LANE"){const lane=item;return react_1.default.createElement(lane_info_1.LaneInfo,Object.assign({key:lane.id.toString(),currentLane},lane))}const version=item;return react_1.default.createElement(version_info_1.VersionInfo,Object.assign({key:version.version,currentVersion,latestVersion,overrideVersionHref,showDetails:showVersionDetails},version))},[activeTab,currentVersion,latestVersion,showVersionDetails,currentLane?.id.toString(),showTab]),rowRenderer=react_1.default.useMemo(()=>showTab&&activeTab?_rowRenderer:()=>null,[showTab,activeTab,_rowRenderer]),ActiveTab=react_1.default.useMemo(()=>activeTab?.payload.map((payload,index)=>rowRenderer({index})),[activeTab]);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionMenuContainer,!open&&version_dropdown_module_scss_1.default.hide)}),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.top},loading&&react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{count:6,className:version_dropdown_module_scss_1.default.loader}),!loading&&react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.titleContainer,version_dropdown_module_scss_1.default.title)},message),!loading&&localVersion&&react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{href:"?",active:currentVersion===exports.LOCAL_VERSION,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionRow,version_dropdown_module_scss_1.default.localVersion)},react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:{},className:version_dropdown_module_scss_1.default.versionUserAvatar}),react_1.default.createElement("span",{className:version_dropdown_module_scss_1.default.versionName},exports.LOCAL_VERSION)))),react_1.default.createElement("div",{className:(0,classnames_1.default)(multipleTabs&&version_dropdown_module_scss_1.default.tabs)},multipleTabs&&tabs.map(({name},index)=>react_1.default.createElement(ui_foundation_ui_use_box_tab_1.Tab,{className:version_dropdown_module_scss_1.default.tab,key:name,isActive:activeTabIndex===index,onClick:()=>setActiveTab(index)},name))),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.versionContainerRoot},ActiveTab))}},95681:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;var version_info_1=__webpack_require__(15398);Object.defineProperty(exports,"VersionInfo",{enumerable:!0,get:function(){return version_info_1.VersionInfo}})},15398: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;const design_ui_surfaces_menu_link_item_1=__webpack_require__(50419),design_ui_time_ago_1=__webpack_require__(69327),component_ui_version_label_1=__webpack_require__(35447),react_1=__importStar(__webpack_require__(59496)),design_ui_avatar_1=__webpack_require__(7719),design_ui_styles_ellipsis_1=__webpack_require__(25747),classnames_1=__importDefault(__webpack_require__(97754)),version_info_module_scss_1=__importDefault(__webpack_require__(36565));exports.VersionInfo=react_1.default.memo(react_1.default.forwardRef(_VersionInfo));function _VersionInfo({version,currentVersion,latestVersion,date,username,displayName,email,overrideVersionHref,showDetails,message,tag,profileImage},ref){const isCurrent=version===currentVersion,author=(0,react_1.useMemo)(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),timestamp=(0,react_1.useMemo)(()=>date?new Date(parseInt(date)).toString():new Date().toString(),[date]),currentVersionRef=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{var _a;isCurrent&&((_a=currentVersionRef.current)===null||_a===void 0||_a.scrollIntoView({block:"nearest"}))},[isCurrent]);const href=overrideVersionHref?overrideVersionHref(version):`?version=${version}`,formattedVersion=(0,react_1.useMemo)(()=>tag?version:version.slice(0,6),[tag,version]),isLatest=version===latestVersion;return react_1.default.createElement("div",{ref:ref||currentVersionRef},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href,className:version_info_module_scss_1.default.versionRow},react_1.default.createElement("div",{className:version_info_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author,className:version_info_module_scss_1.default.versionUserAvatar,showTooltip:!0}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_info_module_scss_1.default.versionName)},formattedVersion),isLatest&&react_1.default.createElement(component_ui_version_label_1.VersionLabel,{status:"latest"}),react_1.default.createElement(CommitMessage,{message,showDetails})),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.versionTimestamp},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp}))))}function CommitMessage({message,showDetails}){return showDetails?!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.emptyMessage},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.commitMessage},message):null}},39636:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectList=void 0;class AspectList{constructor(entries){this.entries=entries}get(aspectId){const aspectEntry=this.entries.find(entry=>entry.aspectId===aspectId);if(!!aspectEntry)return aspectEntry.aspectData}toObject(){return{entries:this.entries}}static fromObject(obj){const entries=obj?.entries||[];return new AspectList(entries)}static fromJson(obj){const entries=obj?.entries?.map(({aspectId,aspectData})=>({aspectId,aspectData:JSON.parse(aspectData)}))||[];return new AspectList(entries)}}exports.AspectList=AspectList},83804:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptor=void 0;function _component(){const data=__webpack_require__(28221);return _component=function(){return data},data}function _aspectList(){const data=__webpack_require__(39636);return _aspectList=function(){return data},data}class ComponentDescriptor{constructor(id,aspectList){this.id=id,this.aspectList=aspectList}get scope(){return this.id.scope}get(aspectId){return this.aspectList.get(aspectId)}toObject(){return{id:this.id.toString(),aspectList:this.aspectList.toObject()}}async isModified(){return!1}stringify(){return JSON.stringify(this.toObject())}toString(){return this.stringify()}static fromObject({id,aspectList}){const aspects=_aspectList().AspectList.fromObject(aspectList);return new ComponentDescriptor(_component().ComponentID.fromString(id),aspects)}static fromArray(componentsDescriptorProps){return componentsDescriptorProps.map(component=>ComponentDescriptor.fromObject(component))}}exports.ComponentDescriptor=ComponentDescriptor},17092:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectDataEntry",{enumerable:!0,get:function(){return _aspectList().AspectDataEntry}}),Object.defineProperty(exports,"AspectList",{enumerable:!0,get:function(){return _aspectList().AspectList}}),Object.defineProperty(exports,"AspectListProps",{enumerable:!0,get:function(){return _aspectList().AspectListProps}}),Object.defineProperty(exports,"ComponentDescriptor",{enumerable:!0,get:function(){return _componentDescriptor().ComponentDescriptor}}),Object.defineProperty(exports,"ComponentDescriptorProps",{enumerable:!0,get:function(){return _componentDescriptor().ComponentDescriptorProps}});function _componentDescriptor(){const data=__webpack_require__(83804);return _componentDescriptor=function(){return data},data}function _aspectList(){const data=__webpack_require__(39636);return _aspectList=function(){return data},data}},48620:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectEntry=void 0;class AspectEntry{constructor(id,legacyEntry){this.id=id,this.legacyEntry=legacyEntry}get legacy(){return this.legacyEntry}get isLegacy(){return!!this.config?.__legacy}get config(){return this.legacy.config}set config(config){this.legacy.config=config}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(val){this.legacy.data=val}transform(newData){const newEntry=this.clone();return newEntry.data=newData,new AspectEntry(this.id,newEntry.legacy)}clone(){return new AspectEntry(this.id,this.legacyEntry.clone())}serialize(){return{id:this.id.toString(),config:this.config,data:this.data,icon:"https://static.bit.dev/extensions-icons/default.svg"}}}exports.AspectEntry=AspectEntry},21280:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _anyFs(){const data=__webpack_require__(21186);return _anyFs=function(){return data},data}function _eol(){const data=__webpack_require__(58225);return _eol=function(){return data},data}function _path(){const data=_interopRequireDefault(__webpack_require__(62005));return _path=function(){return data},data}function _toolboxPath(){const data=__webpack_require__(92175);return _toolboxPath=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}class ComponentFS extends _anyFs().MemoryFS{constructor(files){super();this.files=files}get hash(){return""}byRegex(extension){return this.files.filter(file=>file.path.match(extension))}byGlob(patterns){const{includePatterns,excludePatterns}=(0,_toolboxPath().splitPatterns)(patterns);return this.files.filter(file=>(0,_toolboxPath().matchPatterns)(file.relative,includePatterns,excludePatterns))}toObject(){return this.files.map(file=>({path:file.path,contents:file.contents}))}static fromVinyls(files){const fs=new ComponentFS(files);return files.forEach(file=>{let dirPath=file.relativeDir;dirPath.startsWith("/")||(dirPath=_path().default.join("/",dirPath)),fs.mkdirpSync(dirPath),fs.writeFileSync(`/${file.relative}`,(0,_eol().auto)(file.contents||""))}),fs}}exports.default=ComponentFS},14981:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMap=void 0;class ComponentMap{constructor(hashMap){this.hashMap=hashMap}byComponent(component){return this.hashMap.get(component.id.toString())}get components(){return this.toArray().map(([component])=>component)}get(component){return this.hashMap.get(component.id.toString())}getValueByComponentId(componentId){const tuple=this.hashMap.get(componentId.toString());return tuple?tuple[1]:null}toArray(){return Array.from(this.hashMap.values())}map(predicate){const tuples=this.toArray().map(([component,value])=>{const newValue=predicate(value,component);return[component.id.toString(),[component,newValue]]});return new ComponentMap(new Map(tuples))}async asyncMap(predicate){const tuplesP=this.toArray().map(async([component,value])=>{const newValue=await predicate(value,component);return[component.id.toString(),[component,newValue]]}),tuples=await Promise.all(tuplesP);return new ComponentMap(new Map(tuples))}forEach(predicate){this.toArray().forEach(([component,value])=>{predicate(value,component)})}flattenValue(){return this.toArray().reduce((acc,[,value])=>(acc=acc.concat(value),acc),[])}filter(predicate){const asMap=this.toArray().filter(([,value])=>predicate(value)).map(([component,value])=>[component.id.toString(),[component,value]]);return new ComponentMap(new Map(asMap))}keys(){return this.hashMap.keys()}static create(rawMap){const newMap=rawMap.map(([component,data])=>[component.id.toString(),[component,data]]);return new ComponentMap(new Map(newMap))}static as(components,predicate){const tuples=components.map(component=>[component.id.toString(),[component,predicate(component)]]);return new ComponentMap(new Map(tuples))}static async asAsync(components,predicate){const tuples=await Promise.all(components.map(async component=>[component.id.toString(),[component,await predicate(component)]]));return new ComponentMap(new Map(tuples))}}exports.ComponentMap=ComponentMap},18106:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}});function _componentMap(){const data=__webpack_require__(14981);return _componentMap=function(){return data},data}},51483:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ComponentAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const ComponentAspect=exports.ComponentAspect=_harmony().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});var _default=exports.default=ComponentAspect},89902:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=void 0;function _toolboxString(){const data=__webpack_require__(22139);return _toolboxString=function(){return data},data}function _bitError(){const data=__webpack_require__(74155);return _bitError=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function _tagMap(){const data=__webpack_require__(52359);return _tagMap=function(){return data},data}function _exceptions(){const data=__webpack_require__(1286);return _exceptions=function(){return data},data}class Component{constructor(id,head=null,_state,tags=new(_tagMap()).TagMap,factory){this.id=id,this.head=head,this._state=_state,this.tags=tags,this.factory=factory}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(state){this._state=state}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get headTag(){if(!!this.head)return this.tags.byHash(this.head.hash)}get latest(){if(!!this.head)try{return this.tags.getLatest()}catch(err){if(err instanceof _exceptions().CouldNotFindLatest)return this.head.hash;throw err}}get(id){return this.state.aspects.get(id)?.serialize()}async getLogs(filter){const allLogs=await this.factory.getLogs(this.id,!1,filter?.head);if(!filter)return allLogs;const{type,limit,offset,sort}=filter,typeFilter=snap=>type==="tag"?snap.tag:type==="snap"?!snap.tag:!0;let filteredLogs=type&&allLogs.filter(typeFilter)||allLogs;return sort!=="asc"&&(filteredLogs=filteredLogs.reverse()),limit&&(filteredLogs=(0,_lodash().slice)(filteredLogs,offset,limit+(offset||0))),filteredLogs}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(token=>(0,_toolboxString().capitalize)(token)).join(" ")}tag(version){}isModified(){return this.factory.isModified(this)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;const latestTag=this.tags.byVersion(this.latest);return latestTag?this.head?.hash!==latestTag?.hash:!1}isNew(){return Promise.resolve(this.head===null)}loadState(snapId){return this.factory.getState(this.id,snapId)}loadSnap(snapId){const snapToGet=snapId||this.head?.hash;if(!snapToGet)throw new(_bitError()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,snapToGet)}snapsIterable(snapId,options={}){const snapToStart=snapId||this.head?.hash;let nextSnaps=[snapToStart],done;snapToStart||(done=!0);const iterator={next:async()=>{if(done)return{value:void 0,done};const currSnapId=nextSnaps.shift(),snap=await this.loadSnap(currSnapId);return snap.parents&&snap.parents.length&&(options.firstParentOnly?nextSnaps.push(snap.parents[0]):nextSnaps=nextSnaps.concat(snap.parents)),nextSnaps.length?options.stopFn&&(done=await options.stopFn(snap)):done=!0,{value:snap,done:void 0}}};return{[Symbol.asyncIterator]:()=>iterator}}async getClosestTag(snapToStartFrom){const tagsHashMap=this.tags.getHashMap(),stopFn=async snap=>!!tagsHashMap.has(snap.hash),iterable=this.snapsIterable(snapToStartFrom,{firstParentOnly:!0,stopFn}),snaps=[];for await(const snap of iterable)snaps.push(snap);if(snaps.length){const hashOfLastSnap=snaps[snaps.length-1].hash;return tagsHashMap.get(hashOfLastSnap)}}checkout(version){}write(path,fs){}equals(component){return component.id.toString()===this.id.toString()}}exports.Component=Component},56264:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Config=void 0;class Config{constructor(consumerComponent){this.consumerComponent=consumerComponent}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}}exports.Config=Config},55037:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CouldNotFindLatest=void 0;class CouldNotFindLatest extends Error{constructor(semverArray){super(`could not find latest semver in array: ${semverArray.join(", ")}`)}report(){return this.message}}exports.CouldNotFindLatest=CouldNotFindLatest},80804:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostNotFound=void 0;class HostNotFound extends Error{constructor(hostName){super();this.hostName=hostName}toString(){return`[component] error: host '${this.hostName}' was not found`}}exports.HostNotFound=HostNotFound},1286:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CouldNotFindLatest",{enumerable:!0,get:function(){return _couldNotFindLatest().CouldNotFindLatest}}),Object.defineProperty(exports,"HostNotFound",{enumerable:!0,get:function(){return _hostNotFound().HostNotFound}}),Object.defineProperty(exports,"MainFileNotFound",{enumerable:!0,get:function(){return _mainFileNotFound().MainFileNotFound}}),Object.defineProperty(exports,"NothingToSnap",{enumerable:!0,get:function(){return _nothingToSnap().default}});function _nothingToSnap(){const data=_interopRequireDefault(__webpack_require__(95982));return _nothingToSnap=function(){return data},data}function _hostNotFound(){const data=__webpack_require__(80804);return _hostNotFound=function(){return data},data}function _couldNotFindLatest(){const data=__webpack_require__(55037);return _couldNotFindLatest=function(){return data},data}function _mainFileNotFound(){const data=__webpack_require__(92452);return _mainFileNotFound=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}},92452:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MainFileNotFound=void 0;class MainFileNotFound extends Error{constructor(id,mainFile){super();this.id=id,this.mainFile=mainFile}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}}exports.MainFileNotFound=MainFileNotFound},95982:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class NothingToSnap extends Error{}exports.default=NothingToSnap},17386:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentHostModel=void 0;function _ui(){const data=__webpack_require__(8292);return _ui=function(){return data},data}class ComponentHostModel{constructor(name,components){this.name=name,this.components=components}static from(data){return new ComponentHostModel(data.getHost.name,_ui().ComponentModel.fromArray(data.getHost.list))}}exports.ComponentHostModel=ComponentHostModel},53843:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={useComponentHost:!0};Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _useComponentHost().useComponentHost}});function _useComponentHost(){const data=__webpack_require__(72772);return _useComponentHost=function(){return data},data}var _componentHostModel=__webpack_require__(17386);Object.keys(_componentHostModel).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_componentHostModel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _componentHostModel[key]}})})},72772:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentHost=useComponentHost;function _uiFoundationUiHooks(){const data=__webpack_require__(25338);return _uiFoundationUiHooks=function(){return data},data}function _client(){const data=__webpack_require__(97299);return _client=function(){return data},data}function _componentHostModel(){const data=__webpack_require__(17386);return _componentHostModel=function(){return data},data}const COMPONENT_HOST=(0,_client().gql)`
   {
     getHost {
       id # used for GQL caching
@@ -370,7 +370,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
     }
   }
   ${componentIdFields}
-`},3408:(__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__(44514);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(32619);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(53639);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}`}},53639:()=>{"use strict"},90304:(__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}},64899: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__(16623),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(4821));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},737:(__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__(64899);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}})},25798: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__(6281),compositions_1=__webpack_require__(86174),design_ui_styles_ellipsis_1=__webpack_require__(25747),composition_card_module_scss_1=__importDefault(__webpack_require__(93353));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,{className:previewClass,includeEnv:!1,loading:"lazy",composition,component,viewport:1280,scrolling:"no",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"}))))}},578:(__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__(25798);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(737);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},57243:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(76821);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},9052:(__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},9004:(__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__(54337);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__(55516);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(18666);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(51088);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(28221);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(39642);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(67475);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(4591);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(53440);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(33198);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(38832);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(84214);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(66564);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(54565);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(4837);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(10732);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(77522);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(60978);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(37340);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(11852);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(8563));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(42937);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(78066);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function Compositions({menuBarWidgets,emptyState}){const component=(0,_react().useContext)(_component().ComponentContext),params=(0,_reactRouterDom().useParams)(),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(_baseReactNavigation().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 newPath=pathSegments.join("/");navigate(`/${newPath}`)},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))}},86174:(__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__(9052);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(57243);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(9004);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(42937);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},3982:(__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__(38832);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"&&Object.prototype.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(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}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}))}},78066:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(6281);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(43492);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(6024));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"&&Object.prototype.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(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}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)(),navigate=(0,_baseReactNavigation().useNavigate)(),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault();const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}#search=${composition.identifier}`)},[location?.pathname]);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("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"}))))}))}},42937:(__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__(3982);return _compositionPreview=function(){return data},data}},88851: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},76821:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(88851);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},72676: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__(16623),composition_card_1=__webpack_require__(578),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(62122));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},50608:(__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__(72676);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},79978: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__(79060),documenter_ui_linked_heading_1=__webpack_require__(24259),base_react_navigation_link_1=__webpack_require__(97667),composition_card_1=__webpack_require__(578),composition_gallery_module_scss_1=__importDefault(__webpack_require__(74226));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},23883:(__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__(79978);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(50608);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},4595:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DocsAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const DocsAspect=exports.DocsAspect=_harmony().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});var _default=exports.default=DocsAspect},5917:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultDocs=void 0;const defaultDocs=exports.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},82877:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Doc",{enumerable:!0,get:function(){return _docsEntities().Doc}}),Object.defineProperty(exports,"DocProp",{enumerable:!0,get:function(){return _docsEntities().DocProp}}),Object.defineProperty(exports,"DocPropList",{enumerable:!0,get:function(){return _docsEntities().DocPropList}}),Object.defineProperty(exports,"DocsAspect",{enumerable:!0,get:function(){return _docs().DocsAspect}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}}),exports.default=void 0,Object.defineProperty(exports,"defaultDocs",{enumerable:!0,get:function(){return _docs2().defaultDocs}});function _docs(){const data=__webpack_require__(4595);return _docs=function(){return data},data}function _docsEntities(){const data=__webpack_require__(87628);return _docsEntities=function(){return data},data}function _docs2(){const data=__webpack_require__(5917);return _docs2=function(){return data},data}function _overview(){const data=__webpack_require__(41242);return _overview=function(){return data},data}var _default=exports.default=_docs().DocsAspect},41242:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}});function _overview(){const data=__webpack_require__(8041);return _overview=function(){return data},data}},8041:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgePosition=void 0,exports.Overview=Overview;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function _component(){const data=__webpack_require__(28221);return _component=function(){return data},data}function _previewUi(){const data=__webpack_require__(38832);return _previewUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(54839);return _componentUi=function(){return data},data}function _compositionsPanels(){const data=__webpack_require__(23883);return _compositionsPanels=function(){return data},data}function _baseReactThemes(){const data=__webpack_require__(16375);return _baseReactThemes=function(){return data},data}function _readmeSkeleton(){const data=__webpack_require__(3126);return _readmeSkeleton=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(73911));return _overviewModule=function(){return data},data}const _excluded=["onLoad","style"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}let BadgePosition=exports.BadgePosition=function(BadgePosition2){return BadgePosition2[BadgePosition2.Title=0]="Title",BadgePosition2[BadgePosition2.SubTitle=1]="SubTitle",BadgePosition2[BadgePosition2.Labels=2]="Labels",BadgePosition2[BadgePosition2.Package=3]="Package",BadgePosition2}({});function Overview({titleBadges,overviewOptions,previewProps,getEmptyState,TaggedAPI}){const component=(0,_react().useContext)(_component().ComponentContext),componentDescriptor=(0,_component().useComponentDescriptor)(),{current}=(0,_baseReactThemes().useThemePicker)(),overviewProps=(0,_lodash().flatten)(overviewOptions.values())[0],showHeader=!component.preview?.legacyHeader,EmptyState=getEmptyState&&getEmptyState(),buildFailed=component.buildStatus?.toLowerCase()!=="succeed"&&component?.host==="teambit.scope/scope",isScaling=Boolean(component.preview?.isScaling),includesEnvTemplate=Boolean(component.preview?.includesEnvTemplate),defaultLoadingState=_react().default.useMemo(()=>isScaling&&!includesEnvTemplate,[isScaling,includesEnvTemplate]),[isLoading,setLoading]=(0,_react().useState)(defaultLoadingState),iframeQueryParams=`onlyOverview=${component.preview?.onlyOverview||"false"}&skipIncludes=${component.preview?.skipIncludes||component.preview?.onlyOverview}`,overviewPropsValues=overviewProps&&overviewProps(),themeParams=current?.themeName?`theme=${current?.themeName}`:"",_ref=previewProps||{},{onLoad,style}=_ref,rest=_objectWithoutProperties(_ref,_excluded),onPreviewLoad=_react().default.useCallback((e,props)=>{setLoading(!1),onLoad?.(e,props)},[onLoad]);return _react().default.useEffect(()=>{!isLoading&&defaultLoadingState&&setLoading(!0),isLoading&&!defaultLoadingState&&setLoading(!1)},[component.id.toString(),defaultLoadingState]),_react().default.createElement("div",{className:_overviewModule().default.overviewWrapper,key:`${component.id.toString()}`},showHeader&&_react().default.createElement(_componentUi().ComponentOverview,{className:(0,_classnames().default)(_overviewModule().default.componentOverviewBlock,!isScaling&&_overviewModule().default.legacyPreview),displayName:component.displayName,version:component.version,abstract:component.description,labels:component.labels,packageName:component.packageName,titleBadges:(0,_lodash().flatten)(titleBadges.values()),componentDescriptor,component}),!buildFailed&&_react().default.createElement("div",{className:_overviewModule().default.readme},isLoading&&_react().default.createElement(_readmeSkeleton().ReadmeSkeleton,null,_react().default.createElement(_compositionsPanels().CompositionGallerySkeleton,{compositionsLength:Math.min(component.compositions.length,3)})),_react().default.createElement(_previewUi().ComponentPreview,_extends({onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,themeParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})),component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component}),component.preview?.onlyOverview&&!isLoading&&TaggedAPI&&_react().default.createElement(TaggedAPI,{componentId:component.id.toString()})),buildFailed&&EmptyState&&_react().default.createElement(EmptyState,null))}},3126:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReadmeSkeleton=ReadmeSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(16623);return _baseUiLoaders=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(73911));return _overviewModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ReadmeSkeleton({children}){return _react().default.createElement("div",{className:_overviewModule().default.readmeSkeleton},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"80%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"70%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"40%",style:{marginBottom:40}}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"30%",style:{marginBottom:16}}),_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),children)}},27345:(__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__(97299);exports.docsFields=(0,client_1.gql)`
+`},3408:(__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__(44514);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(32619);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(53639);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}`}},53639:()=>{"use strict"},90304:(__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}},64899: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__(16623),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(4821));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},737:(__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__(64899);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}})},25798: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__(6281),compositions_1=__webpack_require__(86174),design_ui_styles_ellipsis_1=__webpack_require__(25747),composition_card_module_scss_1=__importDefault(__webpack_require__(93353));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,{className:previewClass,includeEnv:!1,loading:"lazy",composition,component,viewport:1280,scrolling:"no",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"}))))}},578:(__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__(25798);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(737);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},57243:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(76821);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},9052:(__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},9004:(__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__(54337);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__(55516);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(18666);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(51088);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(28221);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(39642);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(67475);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(4591);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(53440);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(33198);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(38832);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(84214);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(66564);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(54565);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(4837);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(10732);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(77522);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(60978);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(37340);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(11852);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(8563));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(42937);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(78066);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}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(_baseReactNavigation().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;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))}},86174:(__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__(9052);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(57243);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(9004);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(42937);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},3982:(__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__(38832);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"&&Object.prototype.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(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}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}))}},78066:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(6281);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__(54337);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__(43492);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(6024));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"&&Object.prototype.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(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}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("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"}))))}))}},42937:(__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__(3982);return _compositionPreview=function(){return data},data}},88851: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},76821:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(88851);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},72676: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__(16623),composition_card_1=__webpack_require__(578),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(62122));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},50608:(__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__(72676);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},79978: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__(79060),documenter_ui_linked_heading_1=__webpack_require__(24259),base_react_navigation_link_1=__webpack_require__(97667),composition_card_1=__webpack_require__(578),composition_gallery_module_scss_1=__importDefault(__webpack_require__(74226));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},23883:(__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__(79978);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(50608);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},4595:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DocsAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const DocsAspect=exports.DocsAspect=_harmony().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});var _default=exports.default=DocsAspect},5917:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultDocs=void 0;const defaultDocs=exports.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},82877:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Doc",{enumerable:!0,get:function(){return _docsEntities().Doc}}),Object.defineProperty(exports,"DocProp",{enumerable:!0,get:function(){return _docsEntities().DocProp}}),Object.defineProperty(exports,"DocPropList",{enumerable:!0,get:function(){return _docsEntities().DocPropList}}),Object.defineProperty(exports,"DocsAspect",{enumerable:!0,get:function(){return _docs().DocsAspect}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}}),exports.default=void 0,Object.defineProperty(exports,"defaultDocs",{enumerable:!0,get:function(){return _docs2().defaultDocs}});function _docs(){const data=__webpack_require__(4595);return _docs=function(){return data},data}function _docsEntities(){const data=__webpack_require__(87628);return _docsEntities=function(){return data},data}function _docs2(){const data=__webpack_require__(5917);return _docs2=function(){return data},data}function _overview(){const data=__webpack_require__(41242);return _overview=function(){return data},data}var _default=exports.default=_docs().DocsAspect},41242:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}});function _overview(){const data=__webpack_require__(8041);return _overview=function(){return data},data}},8041:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgePosition=void 0,exports.Overview=Overview;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function _component(){const data=__webpack_require__(28221);return _component=function(){return data},data}function _previewUi(){const data=__webpack_require__(38832);return _previewUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(54839);return _componentUi=function(){return data},data}function _compositionsPanels(){const data=__webpack_require__(23883);return _compositionsPanels=function(){return data},data}function _baseReactThemes(){const data=__webpack_require__(16375);return _baseReactThemes=function(){return data},data}function _readmeSkeleton(){const data=__webpack_require__(3126);return _readmeSkeleton=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(73911));return _overviewModule=function(){return data},data}const _excluded=["onLoad","style"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}let BadgePosition=exports.BadgePosition=function(BadgePosition2){return BadgePosition2[BadgePosition2.Title=0]="Title",BadgePosition2[BadgePosition2.SubTitle=1]="SubTitle",BadgePosition2[BadgePosition2.Labels=2]="Labels",BadgePosition2[BadgePosition2.Package=3]="Package",BadgePosition2}({});function Overview({titleBadges,overviewOptions,previewProps,getEmptyState,TaggedAPI}){const component=(0,_react().useContext)(_component().ComponentContext),componentDescriptor=(0,_component().useComponentDescriptor)(),{current}=(0,_baseReactThemes().useThemePicker)(),overviewProps=(0,_lodash().flatten)(overviewOptions.values())[0],showHeader=!component.preview?.legacyHeader,EmptyState=getEmptyState&&getEmptyState(),buildFailed=component.buildStatus?.toLowerCase()!=="succeed"&&component?.host==="teambit.scope/scope",isScaling=Boolean(component.preview?.isScaling),includesEnvTemplate=Boolean(component.preview?.includesEnvTemplate),defaultLoadingState=_react().default.useMemo(()=>isScaling&&!includesEnvTemplate,[isScaling,includesEnvTemplate]),[isLoading,setLoading]=(0,_react().useState)(defaultLoadingState),iframeQueryParams=`onlyOverview=${component.preview?.onlyOverview||"false"}&skipIncludes=${component.preview?.skipIncludes||component.preview?.onlyOverview}`,overviewPropsValues=overviewProps&&overviewProps(),themeParams=current?.themeName?`theme=${current?.themeName}`:"",_ref=previewProps||{},{onLoad,style}=_ref,rest=_objectWithoutProperties(_ref,_excluded),onPreviewLoad=_react().default.useCallback((e,props)=>{setLoading(!1),onLoad?.(e,props)},[onLoad]);return _react().default.useEffect(()=>{!isLoading&&defaultLoadingState&&setLoading(!0),isLoading&&!defaultLoadingState&&setLoading(!1)},[component.id.toString(),defaultLoadingState]),_react().default.createElement("div",{className:_overviewModule().default.overviewWrapper,key:`${component.id.toString()}`},showHeader&&_react().default.createElement(_componentUi().ComponentOverview,{className:(0,_classnames().default)(_overviewModule().default.componentOverviewBlock,!isScaling&&_overviewModule().default.legacyPreview),displayName:component.displayName,version:component.version,abstract:component.description,labels:component.labels,packageName:component.packageName,titleBadges:(0,_lodash().flatten)(titleBadges.values()),componentDescriptor,component}),!buildFailed&&_react().default.createElement("div",{className:_overviewModule().default.readme},isLoading&&_react().default.createElement(_readmeSkeleton().ReadmeSkeleton,null,_react().default.createElement(_compositionsPanels().CompositionGallerySkeleton,{compositionsLength:Math.min(component.compositions.length,3)})),_react().default.createElement(_previewUi().ComponentPreview,_extends({onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,themeParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})),component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component}),component.preview?.onlyOverview&&!isLoading&&TaggedAPI&&_react().default.createElement(TaggedAPI,{componentId:component.id.toString()})),buildFailed&&EmptyState&&_react().default.createElement(EmptyState,null))}},3126:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReadmeSkeleton=ReadmeSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(16623);return _baseUiLoaders=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(73911));return _overviewModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ReadmeSkeleton({children}){return _react().default.createElement("div",{className:_overviewModule().default.readmeSkeleton},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"80%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"70%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"40%",style:{marginBottom:40}}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"30%",style:{marginBottom:16}}),_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),children)}},27345:(__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__(97299);exports.docsFields=(0,client_1.gql)`
   fragment docsFields on ReactDocs {
     abstract
     properties {
@@ -411,7 +411,7 @@ globstar while`,file,fr,pattern,pr,swallowee),this.matchOne(file.slice(fr),patte
 >>> no match, partial?`,file,fr,pattern,pr),fr===fl))}var hit;if(typeof p=="string"?(options.nocase?hit=f.toLowerCase()===p.toLowerCase():hit=f===p,this.debug("string match",p,f,hit)):(hit=f.match(p),this.debug("pattern match",p,f,hit)),!hit)return!1}if(fi===fl&&pi===pl)return!0;if(fi===fl)return partial;if(pi===pl)return fi===fl-1&&file[fi]==="";throw new Error("wtf?")};function globUnescape(s){return s.replace(/\\(.)/g,"$1")}function regExpEscape(s){return s.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")}},85306:(module,__unused_webpack_exports,__webpack_require__)=>{var hasMap=typeof Map=="function"&&Map.prototype,mapSizeDescriptor=Object.getOwnPropertyDescriptor&&hasMap?Object.getOwnPropertyDescriptor(Map.prototype,"size"):null,mapSize=hasMap&&mapSizeDescriptor&&typeof mapSizeDescriptor.get=="function"?mapSizeDescriptor.get:null,mapForEach=hasMap&&Map.prototype.forEach,hasSet=typeof Set=="function"&&Set.prototype,setSizeDescriptor=Object.getOwnPropertyDescriptor&&hasSet?Object.getOwnPropertyDescriptor(Set.prototype,"size"):null,setSize=hasSet&&setSizeDescriptor&&typeof setSizeDescriptor.get=="function"?setSizeDescriptor.get:null,setForEach=hasSet&&Set.prototype.forEach,hasWeakMap=typeof WeakMap=="function"&&WeakMap.prototype,weakMapHas=hasWeakMap?WeakMap.prototype.has:null,hasWeakSet=typeof WeakSet=="function"&&WeakSet.prototype,weakSetHas=hasWeakSet?WeakSet.prototype.has:null,hasWeakRef=typeof WeakRef=="function"&&WeakRef.prototype,weakRefDeref=hasWeakRef?WeakRef.prototype.deref:null,booleanValueOf=Boolean.prototype.valueOf,objectToString=Object.prototype.toString,functionToString=Function.prototype.toString,$match=String.prototype.match,$slice=String.prototype.slice,$replace=String.prototype.replace,$toUpperCase=String.prototype.toUpperCase,$toLowerCase=String.prototype.toLowerCase,$test=RegExp.prototype.test,$concat=Array.prototype.concat,$join=Array.prototype.join,$arrSlice=Array.prototype.slice,$floor=Math.floor,bigIntValueOf=typeof BigInt=="function"?BigInt.prototype.valueOf:null,gOPS=Object.getOwnPropertySymbols,symToString=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Symbol.prototype.toString:null,hasShammedSymbols=typeof Symbol=="function"&&typeof Symbol.iterator=="object",toStringTag=typeof Symbol=="function"&&Symbol.toStringTag&&(typeof Symbol.toStringTag===hasShammedSymbols?"object":"symbol")?Symbol.toStringTag:null,isEnumerable=Object.prototype.propertyIsEnumerable,gPO=(typeof Reflect=="function"?Reflect.getPrototypeOf:Object.getPrototypeOf)||([].__proto__===Array.prototype?function(O){return O.__proto__}:null);function addNumericSeparator(num,str){if(num===1/0||num===-1/0||num!==num||num&&num>-1e3&&num<1e3||$test.call(/e/,str))return str;var sepRegex=/[0-9](?=(?:[0-9]{3})+(?![0-9]))/g;if(typeof num=="number"){var int=num<0?-$floor(-num):$floor(num);if(int!==num){var intStr=String(int),dec=$slice.call(str,intStr.length+1);return $replace.call(intStr,sepRegex,"$&_")+"."+$replace.call($replace.call(dec,/([0-9]{3})/g,"$&_"),/_$/,"")}}return $replace.call(str,sepRegex,"$&_")}var utilInspect=__webpack_require__(65660),inspectCustom=utilInspect.custom,inspectSymbol=isSymbol(inspectCustom)?inspectCustom:null;module.exports=function inspect_(obj,options,depth,seen){var opts=options||{};if(has(opts,"quoteStyle")&&opts.quoteStyle!=="single"&&opts.quoteStyle!=="double")throw new TypeError('option "quoteStyle" must be "single" or "double"');if(has(opts,"maxStringLength")&&(typeof opts.maxStringLength=="number"?opts.maxStringLength<0&&opts.maxStringLength!==1/0:opts.maxStringLength!==null))throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');var customInspect=has(opts,"customInspect")?opts.customInspect:!0;if(typeof customInspect!="boolean"&&customInspect!=="symbol")throw new TypeError("option \"customInspect\", if provided, must be `true`, `false`, or `'symbol'`");if(has(opts,"indent")&&opts.indent!==null&&opts.indent!=="	"&&!(parseInt(opts.indent,10)===opts.indent&&opts.indent>0))throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`');if(has(opts,"numericSeparator")&&typeof opts.numericSeparator!="boolean")throw new TypeError('option "numericSeparator", if provided, must be `true` or `false`');var numericSeparator=opts.numericSeparator;if(typeof obj>"u")return"undefined";if(obj===null)return"null";if(typeof obj=="boolean")return obj?"true":"false";if(typeof obj=="string")return inspectString(obj,opts);if(typeof obj=="number"){if(obj===0)return 1/0/obj>0?"0":"-0";var str=String(obj);return numericSeparator?addNumericSeparator(obj,str):str}if(typeof obj=="bigint"){var bigIntStr=String(obj)+"n";return numericSeparator?addNumericSeparator(obj,bigIntStr):bigIntStr}var maxDepth=typeof opts.depth>"u"?5:opts.depth;if(typeof depth>"u"&&(depth=0),depth>=maxDepth&&maxDepth>0&&typeof obj=="object")return isArray(obj)?"[Array]":"[Object]";var indent=getIndent(opts,depth);if(typeof seen>"u")seen=[];else if(indexOf(seen,obj)>=0)return"[Circular]";function inspect(value,from,noIndent){if(from&&(seen=$arrSlice.call(seen),seen.push(from)),noIndent){var newOpts={depth:opts.depth};return has(opts,"quoteStyle")&&(newOpts.quoteStyle=opts.quoteStyle),inspect_(value,newOpts,depth+1,seen)}return inspect_(value,opts,depth+1,seen)}if(typeof obj=="function"&&!isRegExp(obj)){var name=nameOf(obj),keys=arrObjKeys(obj,inspect);return"[Function"+(name?": "+name:" (anonymous)")+"]"+(keys.length>0?" { "+$join.call(keys,", ")+" }":"")}if(isSymbol(obj)){var symString=hasShammedSymbols?$replace.call(String(obj),/^(Symbol\(.*\))_[^)]*$/,"$1"):symToString.call(obj);return typeof obj=="object"&&!hasShammedSymbols?markBoxed(symString):symString}if(isElement(obj)){for(var s="<"+$toLowerCase.call(String(obj.nodeName)),attrs=obj.attributes||[],i=0;i<attrs.length;i++)s+=" "+attrs[i].name+"="+wrapQuotes(quote(attrs[i].value),"double",opts);return s+=">",obj.childNodes&&obj.childNodes.length&&(s+="..."),s+="</"+$toLowerCase.call(String(obj.nodeName))+">",s}if(isArray(obj)){if(obj.length===0)return"[]";var xs=arrObjKeys(obj,inspect);return indent&&!singleLineValues(xs)?"["+indentedJoin(xs,indent)+"]":"[ "+$join.call(xs,", ")+" ]"}if(isError(obj)){var parts=arrObjKeys(obj,inspect);return!("cause"in Error.prototype)&&"cause"in obj&&!isEnumerable.call(obj,"cause")?"{ ["+String(obj)+"] "+$join.call($concat.call("[cause]: "+inspect(obj.cause),parts),", ")+" }":parts.length===0?"["+String(obj)+"]":"{ ["+String(obj)+"] "+$join.call(parts,", ")+" }"}if(typeof obj=="object"&&customInspect){if(inspectSymbol&&typeof obj[inspectSymbol]=="function"&&utilInspect)return utilInspect(obj,{depth:maxDepth-depth});if(customInspect!=="symbol"&&typeof obj.inspect=="function")return obj.inspect()}if(isMap(obj)){var mapParts=[];return mapForEach&&mapForEach.call(obj,function(value,key){mapParts.push(inspect(key,obj,!0)+" => "+inspect(value,obj))}),collectionOf("Map",mapSize.call(obj),mapParts,indent)}if(isSet(obj)){var setParts=[];return setForEach&&setForEach.call(obj,function(value){setParts.push(inspect(value,obj))}),collectionOf("Set",setSize.call(obj),setParts,indent)}if(isWeakMap(obj))return weakCollectionOf("WeakMap");if(isWeakSet(obj))return weakCollectionOf("WeakSet");if(isWeakRef(obj))return weakCollectionOf("WeakRef");if(isNumber(obj))return markBoxed(inspect(Number(obj)));if(isBigInt(obj))return markBoxed(inspect(bigIntValueOf.call(obj)));if(isBoolean(obj))return markBoxed(booleanValueOf.call(obj));if(isString(obj))return markBoxed(inspect(String(obj)));if(typeof window<"u"&&obj===window)return"{ [object Window] }";if(obj===__webpack_require__.g)return"{ [object globalThis] }";if(!isDate(obj)&&!isRegExp(obj)){var ys=arrObjKeys(obj,inspect),isPlainObject=gPO?gPO(obj)===Object.prototype:obj instanceof Object||obj.constructor===Object,protoTag=obj instanceof Object?"":"null prototype",stringTag=!isPlainObject&&toStringTag&&Object(obj)===obj&&toStringTag in obj?$slice.call(toStr(obj),8,-1):protoTag?"Object":"",constructorTag=isPlainObject||typeof obj.constructor!="function"?"":obj.constructor.name?obj.constructor.name+" ":"",tag=constructorTag+(stringTag||protoTag?"["+$join.call($concat.call([],stringTag||[],protoTag||[]),": ")+"] ":"");return ys.length===0?tag+"{}":indent?tag+"{"+indentedJoin(ys,indent)+"}":tag+"{ "+$join.call(ys,", ")+" }"}return String(obj)};function wrapQuotes(s,defaultStyle,opts){var quoteChar=(opts.quoteStyle||defaultStyle)==="double"?'"':"'";return quoteChar+s+quoteChar}function quote(s){return $replace.call(String(s),/"/g,"&quot;")}function isArray(obj){return toStr(obj)==="[object Array]"&&(!toStringTag||!(typeof obj=="object"&&toStringTag in obj))}function isDate(obj){return toStr(obj)==="[object Date]"&&(!toStringTag||!(typeof obj=="object"&&toStringTag in obj))}function isRegExp(obj){return toStr(obj)==="[object RegExp]"&&(!toStringTag||!(typeof obj=="object"&&toStringTag in obj))}function isError(obj){return toStr(obj)==="[object Error]"&&(!toStringTag||!(typeof obj=="object"&&toStringTag in obj))}function isString(obj){return toStr(obj)==="[object String]"&&(!toStringTag||!(typeof obj=="object"&&toStringTag in obj))}function isNumber(obj){return toStr(obj)==="[object Number]"&&(!toStringTag||!(typeof obj=="object"&&toStringTag in obj))}function isBoolean(obj){return toStr(obj)==="[object Boolean]"&&(!toStringTag||!(typeof obj=="object"&&toStringTag in obj))}function isSymbol(obj){if(hasShammedSymbols)return obj&&typeof obj=="object"&&obj instanceof Symbol;if(typeof obj=="symbol")return!0;if(!obj||typeof obj!="object"||!symToString)return!1;try{return symToString.call(obj),!0}catch{}return!1}function isBigInt(obj){if(!obj||typeof obj!="object"||!bigIntValueOf)return!1;try{return bigIntValueOf.call(obj),!0}catch{}return!1}var hasOwn=Object.prototype.hasOwnProperty||function(key){return key in this};function has(obj,key){return hasOwn.call(obj,key)}function toStr(obj){return objectToString.call(obj)}function nameOf(f){if(f.name)return f.name;var m=$match.call(functionToString.call(f),/^function\s*([\w$]+)/);return m?m[1]:null}function indexOf(xs,x){if(xs.indexOf)return xs.indexOf(x);for(var i=0,l=xs.length;i<l;i++)if(xs[i]===x)return i;return-1}function isMap(x){if(!mapSize||!x||typeof x!="object")return!1;try{mapSize.call(x);try{setSize.call(x)}catch{return!0}return x instanceof Map}catch{}return!1}function isWeakMap(x){if(!weakMapHas||!x||typeof x!="object")return!1;try{weakMapHas.call(x,weakMapHas);try{weakSetHas.call(x,weakSetHas)}catch{return!0}return x instanceof WeakMap}catch{}return!1}function isWeakRef(x){if(!weakRefDeref||!x||typeof x!="object")return!1;try{return weakRefDeref.call(x),!0}catch{}return!1}function isSet(x){if(!setSize||!x||typeof x!="object")return!1;try{setSize.call(x);try{mapSize.call(x)}catch{return!0}return x instanceof Set}catch{}return!1}function isWeakSet(x){if(!weakSetHas||!x||typeof x!="object")return!1;try{weakSetHas.call(x,weakSetHas);try{weakMapHas.call(x,weakMapHas)}catch{return!0}return x instanceof WeakSet}catch{}return!1}function isElement(x){return!x||typeof x!="object"?!1:typeof HTMLElement<"u"&&x instanceof HTMLElement?!0:typeof x.nodeName=="string"&&typeof x.getAttribute=="function"}function inspectString(str,opts){if(str.length>opts.maxStringLength){var remaining=str.length-opts.maxStringLength,trailer="... "+remaining+" more character"+(remaining>1?"s":"");return inspectString($slice.call(str,0,opts.maxStringLength),opts)+trailer}var s=$replace.call($replace.call(str,/(['\\])/g,"\\$1"),/[\x00-\x1f]/g,lowbyte);return wrapQuotes(s,"single",opts)}function lowbyte(c){var n=c.charCodeAt(0),x={8:"b",9:"t",10:"n",12:"f",13:"r"}[n];return x?"\\"+x:"\\x"+(n<16?"0":"")+$toUpperCase.call(n.toString(16))}function markBoxed(str){return"Object("+str+")"}function weakCollectionOf(type){return type+" { ? }"}function collectionOf(type,size,entries,indent){var joinedEntries=indent?indentedJoin(entries,indent):$join.call(entries,", ");return type+" ("+size+") {"+joinedEntries+"}"}function singleLineValues(xs){for(var i=0;i<xs.length;i++)if(indexOf(xs[i],`
 `)>=0)return!1;return!0}function getIndent(opts,depth){var baseIndent;if(opts.indent==="	")baseIndent="	";else if(typeof opts.indent=="number"&&opts.indent>0)baseIndent=$join.call(Array(opts.indent+1)," ");else return null;return{base:baseIndent,prev:$join.call(Array(depth+1),baseIndent)}}function indentedJoin(xs,indent){if(xs.length===0)return"";var lineJoiner=`
 `+indent.prev+indent.base;return lineJoiner+$join.call(xs,","+lineJoiner)+`
-`+indent.prev}function arrObjKeys(obj,inspect){var isArr=isArray(obj),xs=[];if(isArr){xs.length=obj.length;for(var i=0;i<obj.length;i++)xs[i]=has(obj,i)?inspect(obj[i],obj):""}var syms=typeof gOPS=="function"?gOPS(obj):[],symMap;if(hasShammedSymbols){symMap={};for(var k=0;k<syms.length;k++)symMap["$"+syms[k]]=syms[k]}for(var key in obj)!has(obj,key)||isArr&&String(Number(key))===key&&key<obj.length||hasShammedSymbols&&symMap["$"+key]instanceof Symbol||($test.call(/[^\w$]/,key)?xs.push(inspect(key,obj)+": "+inspect(obj[key],obj)):xs.push(key+": "+inspect(obj[key],obj)));if(typeof gOPS=="function")for(var j=0;j<syms.length;j++)isEnumerable.call(obj,syms[j])&&xs.push("["+inspect(syms[j])+"]: "+inspect(obj[syms[j]],obj));return xs}},45628:module=>{"use strict";var numberIsNaN=function(value){return value!==value};module.exports=function(a,b){return a===0&&b===0?1/a===1/b:!!(a===b||numberIsNaN(a)&&numberIsNaN(b))}},42373:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var define=__webpack_require__(89722),callBind=__webpack_require__(75332),implementation=__webpack_require__(45628),getPolyfill=__webpack_require__(78075),shim=__webpack_require__(39322),polyfill=callBind(getPolyfill(),Object);define(polyfill,{getPolyfill,implementation,shim}),module.exports=polyfill},78075:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var implementation=__webpack_require__(45628);module.exports=function(){return typeof Object.is=="function"?Object.is:implementation}},39322:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var getPolyfill=__webpack_require__(78075),define=__webpack_require__(89722);module.exports=function(){var polyfill=getPolyfill();return define(Object,{is:polyfill},{is:function(){return Object.is!==polyfill}}),polyfill}},89121:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var keysShim;if(!Object.keys){var has=Object.prototype.hasOwnProperty,toStr=Object.prototype.toString,isArgs=__webpack_require__(70999),isEnumerable=Object.prototype.propertyIsEnumerable,hasDontEnumBug=!isEnumerable.call({toString:null},"toString"),hasProtoEnumBug=isEnumerable.call(function(){},"prototype"),dontEnums=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],equalsConstructorPrototype=function(o){var ctor=o.constructor;return ctor&&ctor.prototype===o},excludedKeys={$applicationCache:!0,$console:!0,$external:!0,$frame:!0,$frameElement:!0,$frames:!0,$innerHeight:!0,$innerWidth:!0,$onmozfullscreenchange:!0,$onmozfullscreenerror:!0,$outerHeight:!0,$outerWidth:!0,$pageXOffset:!0,$pageYOffset:!0,$parent:!0,$scrollLeft:!0,$scrollTop:!0,$scrollX:!0,$scrollY:!0,$self:!0,$webkitIndexedDB:!0,$webkitStorageInfo:!0,$window:!0},hasAutomationEqualityBug=function(){if(typeof window>"u")return!1;for(var k in window)try{if(!excludedKeys["$"+k]&&has.call(window,k)&&window[k]!==null&&typeof window[k]=="object")try{equalsConstructorPrototype(window[k])}catch{return!0}}catch{return!0}return!1}(),equalsConstructorPrototypeIfNotBuggy=function(o){if(typeof window>"u"||!hasAutomationEqualityBug)return equalsConstructorPrototype(o);try{return equalsConstructorPrototype(o)}catch{return!1}};keysShim=function(object){var isObject=object!==null&&typeof object=="object",isFunction=toStr.call(object)==="[object Function]",isArguments=isArgs(object),isString=isObject&&toStr.call(object)==="[object String]",theKeys=[];if(!isObject&&!isFunction&&!isArguments)throw new TypeError("Object.keys called on a non-object");var skipProto=hasProtoEnumBug&&isFunction;if(isString&&object.length>0&&!has.call(object,0))for(var i=0;i<object.length;++i)theKeys.push(String(i));if(isArguments&&object.length>0)for(var j=0;j<object.length;++j)theKeys.push(String(j));else for(var name in object)!(skipProto&&name==="prototype")&&has.call(object,name)&&theKeys.push(String(name));if(hasDontEnumBug)for(var skipConstructor=equalsConstructorPrototypeIfNotBuggy(object),k=0;k<dontEnums.length;++k)!(skipConstructor&&dontEnums[k]==="constructor")&&has.call(object,dontEnums[k])&&theKeys.push(dontEnums[k]);return theKeys}}module.exports=keysShim},72051:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var slice=Array.prototype.slice,isArgs=__webpack_require__(70999),origKeys=Object.keys,keysShim=origKeys?function(o){return origKeys(o)}:__webpack_require__(89121),originalKeys=Object.keys;keysShim.shim=function(){if(Object.keys){var keysWorksWithArguments=function(){var args=Object.keys(arguments);return args&&args.length===arguments.length}(1,2);keysWorksWithArguments||(Object.keys=function(object){return isArgs(object)?originalKeys(slice.call(object)):originalKeys(object)})}else Object.keys=keysShim;return Object.keys||keysShim},module.exports=keysShim},70999:module=>{"use strict";var toStr=Object.prototype.toString;module.exports=function(value){var str=toStr.call(value),isArgs=str==="[object Arguments]";return isArgs||(isArgs=str!=="[object Array]"&&value!==null&&typeof value=="object"&&typeof value.length=="number"&&value.length>=0&&toStr.call(value.callee)==="[object Function]"),isArgs}},55045:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var objectKeys=__webpack_require__(72051),hasSymbols=__webpack_require__(79985)(),callBound=__webpack_require__(89791),toObject=Object,$push=callBound("Array.prototype.push"),$propIsEnumerable=callBound("Object.prototype.propertyIsEnumerable"),originalGetSymbols=hasSymbols?Object.getOwnPropertySymbols:null;module.exports=function(target,source1){if(target==null)throw new TypeError("target must be an object");var to=toObject(target);if(arguments.length===1)return to;for(var s=1;s<arguments.length;++s){var from=toObject(arguments[s]),keys=objectKeys(from),getSymbols=hasSymbols&&(Object.getOwnPropertySymbols||originalGetSymbols);if(getSymbols)for(var syms=getSymbols(from),j=0;j<syms.length;++j){var key=syms[j];$propIsEnumerable(from,key)&&$push(keys,key)}for(var i=0;i<keys.length;++i){var nextKey=keys[i];if($propIsEnumerable(from,nextKey)){var propValue=from[nextKey];to[nextKey]=propValue}}}return to}},82724:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var implementation=__webpack_require__(55045),lacksProperEnumerationOrder=function(){if(!Object.assign)return!1;for(var str="abcdefghijklmnopqrst",letters=str.split(""),map={},i=0;i<letters.length;++i)map[letters[i]]=letters[i];var obj=Object.assign({},map),actual="";for(var k in obj)actual+=k;return str!==actual},assignHasPendingExceptions=function(){if(!Object.assign||!Object.preventExtensions)return!1;var thrower=Object.preventExtensions({1:2});try{Object.assign(thrower,"xy")}catch{return thrower[1]==="y"}return!1};module.exports=function(){return!Object.assign||lacksProperEnumerationOrder()||assignHasPendingExceptions()?implementation:Object.assign}},93026:module=>{"use strict";var el,semicolon=59;module.exports=decodeEntity;function decodeEntity(characters){var entity="&"+characters+";",char;return el=el||document.createElement("i"),el.innerHTML=entity,char=el.textContent,char.charCodeAt(char.length-1)===semicolon&&characters!=="semi"||char===entity?!1:char}},3177:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var legacy=__webpack_require__(27102),invalid=__webpack_require__(71701),decimal=__webpack_require__(8451),hexadecimal=__webpack_require__(29401),alphanumerical=__webpack_require__(21831),decodeEntity=__webpack_require__(93026);module.exports=parseEntities;var own={}.hasOwnProperty,fromCharCode=String.fromCharCode,noop=Function.prototype,defaults={warning:null,reference:null,text:null,warningContext:null,referenceContext:null,textContext:null,position:{},additional:null,attribute:!1,nonTerminated:!0},tab=9,lineFeed=10,formFeed=12,space=32,ampersand=38,semicolon=59,lessThan=60,equalsTo=61,numberSign=35,uppercaseX=88,lowercaseX=120,replacementCharacter=65533,name="named",hexa="hexadecimal",deci="decimal",bases={};bases[hexa]=16,bases[deci]=10;var tests={};tests[name]=alphanumerical,tests[deci]=decimal,tests[hexa]=hexadecimal;var namedNotTerminated=1,numericNotTerminated=2,namedEmpty=3,numericEmpty=4,namedUnknown=5,numericDisallowed=6,numericProhibited=7,messages={};messages[namedNotTerminated]="Named character references must be terminated by a semicolon",messages[numericNotTerminated]="Numeric character references must be terminated by a semicolon",messages[namedEmpty]="Named character references cannot be empty",messages[numericEmpty]="Numeric character references cannot be empty",messages[namedUnknown]="Named character references must be known",messages[numericDisallowed]="Numeric character references cannot be disallowed",messages[numericProhibited]="Numeric character references cannot be outside the permissible Unicode range";function parseEntities(value,options){var settings={},option,key;options||(options={});for(key in defaults)option=options[key],settings[key]=option??defaults[key];return(settings.position.indent||settings.position.start)&&(settings.indent=settings.position.indent||[],settings.position=settings.position.start),parse(value,settings)}function parse(value,settings){var additional=settings.additional,nonTerminated=settings.nonTerminated,handleText=settings.text,handleReference=settings.reference,handleWarning=settings.warning,textContext=settings.textContext,referenceContext=settings.referenceContext,warningContext=settings.warningContext,pos=settings.position,indent=settings.indent||[],length=value.length,index=0,lines=-1,column=pos.column||1,line=pos.line||1,queue="",result=[],entityCharacters,namedEntity,terminated,characters,character,reference,following,warning,reason,output,entity,begin,start,type,test,prev,next,diff,end;for(typeof additional=="string"&&(additional=additional.charCodeAt(0)),prev=now(),warning=handleWarning?parseError:noop,index--,length++;++index<length;)if(character===lineFeed&&(column=indent[lines]||1),character=value.charCodeAt(index),character===ampersand){if(following=value.charCodeAt(index+1),following===tab||following===lineFeed||following===formFeed||following===space||following===ampersand||following===lessThan||following!==following||additional&&following===additional){queue+=fromCharCode(character),column++;continue}for(start=index+1,begin=start,end=start,following===numberSign?(end=++begin,following=value.charCodeAt(end),following===uppercaseX||following===lowercaseX?(type=hexa,end=++begin):type=deci):type=name,entityCharacters="",entity="",characters="",test=tests[type],end--;++end<length&&(following=value.charCodeAt(end),!!test(following));)characters+=fromCharCode(following),type===name&&own.call(legacy,characters)&&(entityCharacters=characters,entity=legacy[characters]);terminated=value.charCodeAt(end)===semicolon,terminated&&(end++,namedEntity=type===name?decodeEntity(characters):!1,namedEntity&&(entityCharacters=characters,entity=namedEntity)),diff=1+end-start,!terminated&&!nonTerminated||(characters?type===name?(terminated&&!entity?warning(namedUnknown,1):(entityCharacters!==characters&&(end=begin+entityCharacters.length,diff=1+end-begin,terminated=!1),terminated||(reason=entityCharacters?namedNotTerminated:namedEmpty,settings.attribute?(following=value.charCodeAt(end),following===equalsTo?(warning(reason,diff),entity=null):alphanumerical(following)?entity=null:warning(reason,diff)):warning(reason,diff))),reference=entity):(terminated||warning(numericNotTerminated,diff),reference=parseInt(characters,bases[type]),prohibited(reference)?(warning(numericProhibited,diff),reference=fromCharCode(replacementCharacter)):reference in invalid?(warning(numericDisallowed,diff),reference=invalid[reference]):(output="",disallowed(reference)&&warning(numericDisallowed,diff),reference>65535&&(reference-=65536,output+=fromCharCode(reference>>>10|55296),reference=56320|reference&1023),reference=output+fromCharCode(reference))):type!==name&&warning(numericEmpty,diff)),reference?(flush(),prev=now(),index=end-1,column+=end-start+1,result.push(reference),next=now(),next.offset++,handleReference&&handleReference.call(referenceContext,reference,{start:prev,end:next},value.slice(start-1,end)),prev=next):(characters=value.slice(start-1,end),queue+=characters,column+=characters.length,index=end-1)}else character===10&&(line++,lines++,column=0),character===character?(queue+=fromCharCode(character),column++):flush();return result.join("");function now(){return{line,column,offset:index+(pos.offset||0)}}function parseError(code,offset){var position=now();position.column+=offset,position.offset+=offset,handleWarning.call(warningContext,messages[code],position,code)}function flush(){queue&&(result.push(queue),handleText&&handleText.call(textContext,queue,{start:prev,end:now()}),queue="")}}function prohibited(code){return code>=55296&&code<=57343||code>1114111}function disallowed(code){return code>=1&&code<=8||code===11||code>=13&&code<=31||code>=127&&code<=159||code>=64976&&code<=65007||(code&65535)===65535||(code&65535)===65534}},51419:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compile:()=>compile,match:()=>match,parse:()=>parse,pathToRegexp:()=>pathToRegexp,regexpToFunction:()=>regexpToFunction,tokensToFunction:()=>tokensToFunction,tokensToRegexp:()=>tokensToRegexp});function lexer(str){for(var tokens=[],i=0;i<str.length;){var char=str[i];if(char==="*"||char==="+"||char==="?"){tokens.push({type:"MODIFIER",index:i,value:str[i++]});continue}if(char==="\\"){tokens.push({type:"ESCAPED_CHAR",index:i++,value:str[i++]});continue}if(char==="{"){tokens.push({type:"OPEN",index:i,value:str[i++]});continue}if(char==="}"){tokens.push({type:"CLOSE",index:i,value:str[i++]});continue}if(char===":"){for(var name="",j=i+1;j<str.length;){var code=str.charCodeAt(j);if(code>=48&&code<=57||code>=65&&code<=90||code>=97&&code<=122||code===95){name+=str[j++];continue}break}if(!name)throw new TypeError("Missing parameter name at "+i);tokens.push({type:"NAME",index:i,value:name}),i=j;continue}if(char==="("){var count=1,pattern="",j=i+1;if(str[j]==="?")throw new TypeError('Pattern cannot start with "?" at '+j);for(;j<str.length;){if(str[j]==="\\"){pattern+=str[j++]+str[j++];continue}if(str[j]===")"){if(count--,count===0){j++;break}}else if(str[j]==="("&&(count++,str[j+1]!=="?"))throw new TypeError("Capturing groups are not allowed at "+j);pattern+=str[j++]}if(count)throw new TypeError("Unbalanced pattern at "+i);if(!pattern)throw new TypeError("Missing pattern at "+i);tokens.push({type:"PATTERN",index:i,value:pattern}),i=j;continue}tokens.push({type:"CHAR",index:i,value:str[i++]})}return tokens.push({type:"END",index:i,value:""}),tokens}function parse(str,options){options===void 0&&(options={});for(var tokens=lexer(str),_a=options.prefixes,prefixes=_a===void 0?"./":_a,defaultPattern="[^"+escapeString(options.delimiter||"/#?")+"]+?",result=[],key=0,i=0,path="",tryConsume=function(type){if(i<tokens.length&&tokens[i].type===type)return tokens[i++].value},mustConsume=function(type){var value2=tryConsume(type);if(value2!==void 0)return value2;var _a2=tokens[i],nextType=_a2.type,index=_a2.index;throw new TypeError("Unexpected "+nextType+" at "+index+", expected "+type)},consumeText=function(){for(var result2="",value2;value2=tryConsume("CHAR")||tryConsume("ESCAPED_CHAR");)result2+=value2;return result2};i<tokens.length;){var char=tryConsume("CHAR"),name=tryConsume("NAME"),pattern=tryConsume("PATTERN");if(name||pattern){var prefix=char||"";prefixes.indexOf(prefix)===-1&&(path+=prefix,prefix=""),path&&(result.push(path),path=""),result.push({name:name||key++,prefix,suffix:"",pattern:pattern||defaultPattern,modifier:tryConsume("MODIFIER")||""});continue}var value=char||tryConsume("ESCAPED_CHAR");if(value){path+=value;continue}path&&(result.push(path),path="");var open=tryConsume("OPEN");if(open){var prefix=consumeText(),name_1=tryConsume("NAME")||"",pattern_1=tryConsume("PATTERN")||"",suffix=consumeText();mustConsume("CLOSE"),result.push({name:name_1||(pattern_1?key++:""),pattern:name_1&&!pattern_1?defaultPattern:pattern_1,prefix,suffix,modifier:tryConsume("MODIFIER")||""});continue}mustConsume("END")}return result}function compile(str,options){return tokensToFunction(parse(str,options),options)}function tokensToFunction(tokens,options){options===void 0&&(options={});var reFlags=flags(options),_a=options.encode,encode=_a===void 0?function(x){return x}:_a,_b=options.validate,validate=_b===void 0?!0:_b,matches=tokens.map(function(token){if(typeof token=="object")return new RegExp("^(?:"+token.pattern+")$",reFlags)});return function(data){for(var path="",i=0;i<tokens.length;i++){var token=tokens[i];if(typeof token=="string"){path+=token;continue}var value=data?data[token.name]:void 0,optional=token.modifier==="?"||token.modifier==="*",repeat=token.modifier==="*"||token.modifier==="+";if(Array.isArray(value)){if(!repeat)throw new TypeError('Expected "'+token.name+'" to not repeat, but got an array');if(value.length===0){if(optional)continue;throw new TypeError('Expected "'+token.name+'" to not be empty')}for(var j=0;j<value.length;j++){var segment=encode(value[j],token);if(validate&&!matches[i].test(segment))throw new TypeError('Expected all "'+token.name+'" to match "'+token.pattern+'", but got "'+segment+'"');path+=token.prefix+segment+token.suffix}continue}if(typeof value=="string"||typeof value=="number"){var segment=encode(String(value),token);if(validate&&!matches[i].test(segment))throw new TypeError('Expected "'+token.name+'" to match "'+token.pattern+'", but got "'+segment+'"');path+=token.prefix+segment+token.suffix;continue}if(!optional){var typeOfMessage=repeat?"an array":"a string";throw new TypeError('Expected "'+token.name+'" to be '+typeOfMessage)}}return path}}function match(str,options){var keys=[],re=pathToRegexp(str,keys,options);return regexpToFunction(re,keys,options)}function regexpToFunction(re,keys,options){options===void 0&&(options={});var _a=options.decode,decode=_a===void 0?function(x){return x}:_a;return function(pathname){var m=re.exec(pathname);if(!m)return!1;for(var path=m[0],index=m.index,params=Object.create(null),_loop_1=function(i2){if(m[i2]===void 0)return"continue";var key=keys[i2-1];key.modifier==="*"||key.modifier==="+"?params[key.name]=m[i2].split(key.prefix+key.suffix).map(function(value){return decode(value,key)}):params[key.name]=decode(m[i2],key)},i=1;i<m.length;i++)_loop_1(i);return{path,index,params}}}function escapeString(str){return str.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1")}function flags(options){return options&&options.sensitive?"":"i"}function regexpToRegexp(path,keys){if(!keys)return path;for(var groupsRegex=/\((?:\?<(.*?)>)?(?!\?)/g,index=0,execResult=groupsRegex.exec(path.source);execResult;)keys.push({name:execResult[1]||index++,prefix:"",suffix:"",modifier:"",pattern:""}),execResult=groupsRegex.exec(path.source);return path}function arrayToRegexp(paths,keys,options){var parts=paths.map(function(path){return pathToRegexp(path,keys,options).source});return new RegExp("(?:"+parts.join("|")+")",flags(options))}function stringToRegexp(path,keys,options){return tokensToRegexp(parse(path,options),keys,options)}function tokensToRegexp(tokens,keys,options){options===void 0&&(options={});for(var _a=options.strict,strict=_a===void 0?!1:_a,_b=options.start,start=_b===void 0?!0:_b,_c=options.end,end=_c===void 0?!0:_c,_d=options.encode,encode=_d===void 0?function(x){return x}:_d,endsWith="["+escapeString(options.endsWith||"")+"]|$",delimiter="["+escapeString(options.delimiter||"/#?")+"]",route=start?"^":"",_i=0,tokens_1=tokens;_i<tokens_1.length;_i++){var token=tokens_1[_i];if(typeof token=="string")route+=escapeString(encode(token));else{var prefix=escapeString(encode(token.prefix)),suffix=escapeString(encode(token.suffix));if(token.pattern)if(keys&&keys.push(token),prefix||suffix)if(token.modifier==="+"||token.modifier==="*"){var mod=token.modifier==="*"?"?":"";route+="(?:"+prefix+"((?:"+token.pattern+")(?:"+suffix+prefix+"(?:"+token.pattern+"))*)"+suffix+")"+mod}else route+="(?:"+prefix+"("+token.pattern+")"+suffix+")"+token.modifier;else route+="("+token.pattern+")"+token.modifier;else route+="(?:"+prefix+suffix+")"+token.modifier}}if(end)strict||(route+=delimiter+"?"),route+=options.endsWith?"(?="+endsWith+")":"$";else{var endToken=tokens[tokens.length-1],isEndDelimited=typeof endToken=="string"?delimiter.indexOf(endToken[endToken.length-1])>-1:endToken===void 0;strict||(route+="(?:"+delimiter+"(?="+endsWith+"))?"),isEndDelimited||(route+="(?="+delimiter+"|"+endsWith+")")}return new RegExp(route,flags(options))}function pathToRegexp(path,keys,options){return path instanceof RegExp?regexpToRegexp(path,keys):Array.isArray(path)?arrayToRegexp(path,keys,options):stringToRegexp(path,keys,options)}},3809:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var colors={char:"#D8DEE9",comment:"#999999",keyword:"#c5a5c5",primitive:"#5a9bcf",string:"#8dc891",variable:"#d7deea",boolean:"#ff8b50",punctuation:"#5FB3B3",tag:"#fc929e",function:"#79b6f2",className:"#FAC863",method:"#6699CC",operator:"#fc929e"},theme={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:colors.keyword}},{types:["attr-value"],style:{color:colors.string}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:colors.comment}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:colors.primitive}},{types:["boolean"],style:{color:colors.boolean}},{types:["tag"],style:{color:colors.tag}},{types:["string"],style:{color:colors.string}},{types:["punctuation"],style:{color:colors.string}},{types:["selector","char","builtin","inserted"],style:{color:colors.char}},{types:["function"],style:{color:colors.function}},{types:["operator","entity","url","variable"],style:{color:colors.variable}},{types:["keyword"],style:{color:colors.keyword}},{types:["atrule","class-name"],style:{color:colors.className}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]};const __WEBPACK_DEFAULT_EXPORT__=theme},58925:(module,__unused_webpack_exports,__webpack_require__)=>{var _self=typeof window<"u"?window:typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope?self:{};/**
+`+indent.prev}function arrObjKeys(obj,inspect){var isArr=isArray(obj),xs=[];if(isArr){xs.length=obj.length;for(var i=0;i<obj.length;i++)xs[i]=has(obj,i)?inspect(obj[i],obj):""}var syms=typeof gOPS=="function"?gOPS(obj):[],symMap;if(hasShammedSymbols){symMap={};for(var k=0;k<syms.length;k++)symMap["$"+syms[k]]=syms[k]}for(var key in obj)!has(obj,key)||isArr&&String(Number(key))===key&&key<obj.length||hasShammedSymbols&&symMap["$"+key]instanceof Symbol||($test.call(/[^\w$]/,key)?xs.push(inspect(key,obj)+": "+inspect(obj[key],obj)):xs.push(key+": "+inspect(obj[key],obj)));if(typeof gOPS=="function")for(var j=0;j<syms.length;j++)isEnumerable.call(obj,syms[j])&&xs.push("["+inspect(syms[j])+"]: "+inspect(obj[syms[j]],obj));return xs}},45628:module=>{"use strict";var numberIsNaN=function(value){return value!==value};module.exports=function(a,b){return a===0&&b===0?1/a===1/b:!!(a===b||numberIsNaN(a)&&numberIsNaN(b))}},42373:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var define=__webpack_require__(89722),callBind=__webpack_require__(75332),implementation=__webpack_require__(45628),getPolyfill=__webpack_require__(78075),shim=__webpack_require__(39322),polyfill=callBind(getPolyfill(),Object);define(polyfill,{getPolyfill,implementation,shim}),module.exports=polyfill},78075:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var implementation=__webpack_require__(45628);module.exports=function(){return typeof Object.is=="function"?Object.is:implementation}},39322:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var getPolyfill=__webpack_require__(78075),define=__webpack_require__(89722);module.exports=function(){var polyfill=getPolyfill();return define(Object,{is:polyfill},{is:function(){return Object.is!==polyfill}}),polyfill}},89121:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var keysShim;if(!Object.keys){var has=Object.prototype.hasOwnProperty,toStr=Object.prototype.toString,isArgs=__webpack_require__(70999),isEnumerable=Object.prototype.propertyIsEnumerable,hasDontEnumBug=!isEnumerable.call({toString:null},"toString"),hasProtoEnumBug=isEnumerable.call(function(){},"prototype"),dontEnums=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],equalsConstructorPrototype=function(o){var ctor=o.constructor;return ctor&&ctor.prototype===o},excludedKeys={$applicationCache:!0,$console:!0,$external:!0,$frame:!0,$frameElement:!0,$frames:!0,$innerHeight:!0,$innerWidth:!0,$onmozfullscreenchange:!0,$onmozfullscreenerror:!0,$outerHeight:!0,$outerWidth:!0,$pageXOffset:!0,$pageYOffset:!0,$parent:!0,$scrollLeft:!0,$scrollTop:!0,$scrollX:!0,$scrollY:!0,$self:!0,$webkitIndexedDB:!0,$webkitStorageInfo:!0,$window:!0},hasAutomationEqualityBug=function(){if(typeof window>"u")return!1;for(var k in window)try{if(!excludedKeys["$"+k]&&has.call(window,k)&&window[k]!==null&&typeof window[k]=="object")try{equalsConstructorPrototype(window[k])}catch{return!0}}catch{return!0}return!1}(),equalsConstructorPrototypeIfNotBuggy=function(o){if(typeof window>"u"||!hasAutomationEqualityBug)return equalsConstructorPrototype(o);try{return equalsConstructorPrototype(o)}catch{return!1}};keysShim=function(object){var isObject=object!==null&&typeof object=="object",isFunction=toStr.call(object)==="[object Function]",isArguments=isArgs(object),isString=isObject&&toStr.call(object)==="[object String]",theKeys=[];if(!isObject&&!isFunction&&!isArguments)throw new TypeError("Object.keys called on a non-object");var skipProto=hasProtoEnumBug&&isFunction;if(isString&&object.length>0&&!has.call(object,0))for(var i=0;i<object.length;++i)theKeys.push(String(i));if(isArguments&&object.length>0)for(var j=0;j<object.length;++j)theKeys.push(String(j));else for(var name in object)!(skipProto&&name==="prototype")&&has.call(object,name)&&theKeys.push(String(name));if(hasDontEnumBug)for(var skipConstructor=equalsConstructorPrototypeIfNotBuggy(object),k=0;k<dontEnums.length;++k)!(skipConstructor&&dontEnums[k]==="constructor")&&has.call(object,dontEnums[k])&&theKeys.push(dontEnums[k]);return theKeys}}module.exports=keysShim},72051:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var slice=Array.prototype.slice,isArgs=__webpack_require__(70999),origKeys=Object.keys,keysShim=origKeys?function(o){return origKeys(o)}:__webpack_require__(89121),originalKeys=Object.keys;keysShim.shim=function(){if(Object.keys){var keysWorksWithArguments=function(){var args=Object.keys(arguments);return args&&args.length===arguments.length}(1,2);keysWorksWithArguments||(Object.keys=function(object){return isArgs(object)?originalKeys(slice.call(object)):originalKeys(object)})}else Object.keys=keysShim;return Object.keys||keysShim},module.exports=keysShim},70999:module=>{"use strict";var toStr=Object.prototype.toString;module.exports=function(value){var str=toStr.call(value),isArgs=str==="[object Arguments]";return isArgs||(isArgs=str!=="[object Array]"&&value!==null&&typeof value=="object"&&typeof value.length=="number"&&value.length>=0&&toStr.call(value.callee)==="[object Function]"),isArgs}},77506:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var objectKeys=__webpack_require__(72051),hasSymbols=__webpack_require__(79985)(),callBound=__webpack_require__(89791),toObject=Object,$push=callBound("Array.prototype.push"),$propIsEnumerable=callBound("Object.prototype.propertyIsEnumerable"),originalGetSymbols=hasSymbols?Object.getOwnPropertySymbols:null;module.exports=function(target,source1){if(target==null)throw new TypeError("target must be an object");var to=toObject(target);if(arguments.length===1)return to;for(var s=1;s<arguments.length;++s){var from=toObject(arguments[s]),keys=objectKeys(from),getSymbols=hasSymbols&&(Object.getOwnPropertySymbols||originalGetSymbols);if(getSymbols)for(var syms=getSymbols(from),j=0;j<syms.length;++j){var key=syms[j];$propIsEnumerable(from,key)&&$push(keys,key)}for(var i=0;i<keys.length;++i){var nextKey=keys[i];if($propIsEnumerable(from,nextKey)){var propValue=from[nextKey];to[nextKey]=propValue}}}return to}},82724:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var implementation=__webpack_require__(77506),lacksProperEnumerationOrder=function(){if(!Object.assign)return!1;for(var str="abcdefghijklmnopqrst",letters=str.split(""),map={},i=0;i<letters.length;++i)map[letters[i]]=letters[i];var obj=Object.assign({},map),actual="";for(var k in obj)actual+=k;return str!==actual},assignHasPendingExceptions=function(){if(!Object.assign||!Object.preventExtensions)return!1;var thrower=Object.preventExtensions({1:2});try{Object.assign(thrower,"xy")}catch{return thrower[1]==="y"}return!1};module.exports=function(){return!Object.assign||lacksProperEnumerationOrder()||assignHasPendingExceptions()?implementation:Object.assign}},93026:module=>{"use strict";var el,semicolon=59;module.exports=decodeEntity;function decodeEntity(characters){var entity="&"+characters+";",char;return el=el||document.createElement("i"),el.innerHTML=entity,char=el.textContent,char.charCodeAt(char.length-1)===semicolon&&characters!=="semi"||char===entity?!1:char}},3177:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var legacy=__webpack_require__(27102),invalid=__webpack_require__(71701),decimal=__webpack_require__(8451),hexadecimal=__webpack_require__(29401),alphanumerical=__webpack_require__(21831),decodeEntity=__webpack_require__(93026);module.exports=parseEntities;var own={}.hasOwnProperty,fromCharCode=String.fromCharCode,noop=Function.prototype,defaults={warning:null,reference:null,text:null,warningContext:null,referenceContext:null,textContext:null,position:{},additional:null,attribute:!1,nonTerminated:!0},tab=9,lineFeed=10,formFeed=12,space=32,ampersand=38,semicolon=59,lessThan=60,equalsTo=61,numberSign=35,uppercaseX=88,lowercaseX=120,replacementCharacter=65533,name="named",hexa="hexadecimal",deci="decimal",bases={};bases[hexa]=16,bases[deci]=10;var tests={};tests[name]=alphanumerical,tests[deci]=decimal,tests[hexa]=hexadecimal;var namedNotTerminated=1,numericNotTerminated=2,namedEmpty=3,numericEmpty=4,namedUnknown=5,numericDisallowed=6,numericProhibited=7,messages={};messages[namedNotTerminated]="Named character references must be terminated by a semicolon",messages[numericNotTerminated]="Numeric character references must be terminated by a semicolon",messages[namedEmpty]="Named character references cannot be empty",messages[numericEmpty]="Numeric character references cannot be empty",messages[namedUnknown]="Named character references must be known",messages[numericDisallowed]="Numeric character references cannot be disallowed",messages[numericProhibited]="Numeric character references cannot be outside the permissible Unicode range";function parseEntities(value,options){var settings={},option,key;options||(options={});for(key in defaults)option=options[key],settings[key]=option??defaults[key];return(settings.position.indent||settings.position.start)&&(settings.indent=settings.position.indent||[],settings.position=settings.position.start),parse(value,settings)}function parse(value,settings){var additional=settings.additional,nonTerminated=settings.nonTerminated,handleText=settings.text,handleReference=settings.reference,handleWarning=settings.warning,textContext=settings.textContext,referenceContext=settings.referenceContext,warningContext=settings.warningContext,pos=settings.position,indent=settings.indent||[],length=value.length,index=0,lines=-1,column=pos.column||1,line=pos.line||1,queue="",result=[],entityCharacters,namedEntity,terminated,characters,character,reference,following,warning,reason,output,entity,begin,start,type,test,prev,next,diff,end;for(typeof additional=="string"&&(additional=additional.charCodeAt(0)),prev=now(),warning=handleWarning?parseError:noop,index--,length++;++index<length;)if(character===lineFeed&&(column=indent[lines]||1),character=value.charCodeAt(index),character===ampersand){if(following=value.charCodeAt(index+1),following===tab||following===lineFeed||following===formFeed||following===space||following===ampersand||following===lessThan||following!==following||additional&&following===additional){queue+=fromCharCode(character),column++;continue}for(start=index+1,begin=start,end=start,following===numberSign?(end=++begin,following=value.charCodeAt(end),following===uppercaseX||following===lowercaseX?(type=hexa,end=++begin):type=deci):type=name,entityCharacters="",entity="",characters="",test=tests[type],end--;++end<length&&(following=value.charCodeAt(end),!!test(following));)characters+=fromCharCode(following),type===name&&own.call(legacy,characters)&&(entityCharacters=characters,entity=legacy[characters]);terminated=value.charCodeAt(end)===semicolon,terminated&&(end++,namedEntity=type===name?decodeEntity(characters):!1,namedEntity&&(entityCharacters=characters,entity=namedEntity)),diff=1+end-start,!terminated&&!nonTerminated||(characters?type===name?(terminated&&!entity?warning(namedUnknown,1):(entityCharacters!==characters&&(end=begin+entityCharacters.length,diff=1+end-begin,terminated=!1),terminated||(reason=entityCharacters?namedNotTerminated:namedEmpty,settings.attribute?(following=value.charCodeAt(end),following===equalsTo?(warning(reason,diff),entity=null):alphanumerical(following)?entity=null:warning(reason,diff)):warning(reason,diff))),reference=entity):(terminated||warning(numericNotTerminated,diff),reference=parseInt(characters,bases[type]),prohibited(reference)?(warning(numericProhibited,diff),reference=fromCharCode(replacementCharacter)):reference in invalid?(warning(numericDisallowed,diff),reference=invalid[reference]):(output="",disallowed(reference)&&warning(numericDisallowed,diff),reference>65535&&(reference-=65536,output+=fromCharCode(reference>>>10|55296),reference=56320|reference&1023),reference=output+fromCharCode(reference))):type!==name&&warning(numericEmpty,diff)),reference?(flush(),prev=now(),index=end-1,column+=end-start+1,result.push(reference),next=now(),next.offset++,handleReference&&handleReference.call(referenceContext,reference,{start:prev,end:next},value.slice(start-1,end)),prev=next):(characters=value.slice(start-1,end),queue+=characters,column+=characters.length,index=end-1)}else character===10&&(line++,lines++,column=0),character===character?(queue+=fromCharCode(character),column++):flush();return result.join("");function now(){return{line,column,offset:index+(pos.offset||0)}}function parseError(code,offset){var position=now();position.column+=offset,position.offset+=offset,handleWarning.call(warningContext,messages[code],position,code)}function flush(){queue&&(result.push(queue),handleText&&handleText.call(textContext,queue,{start:prev,end:now()}),queue="")}}function prohibited(code){return code>=55296&&code<=57343||code>1114111}function disallowed(code){return code>=1&&code<=8||code===11||code>=13&&code<=31||code>=127&&code<=159||code>=64976&&code<=65007||(code&65535)===65535||(code&65535)===65534}},51419:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{compile:()=>compile,match:()=>match,parse:()=>parse,pathToRegexp:()=>pathToRegexp,regexpToFunction:()=>regexpToFunction,tokensToFunction:()=>tokensToFunction,tokensToRegexp:()=>tokensToRegexp});function lexer(str){for(var tokens=[],i=0;i<str.length;){var char=str[i];if(char==="*"||char==="+"||char==="?"){tokens.push({type:"MODIFIER",index:i,value:str[i++]});continue}if(char==="\\"){tokens.push({type:"ESCAPED_CHAR",index:i++,value:str[i++]});continue}if(char==="{"){tokens.push({type:"OPEN",index:i,value:str[i++]});continue}if(char==="}"){tokens.push({type:"CLOSE",index:i,value:str[i++]});continue}if(char===":"){for(var name="",j=i+1;j<str.length;){var code=str.charCodeAt(j);if(code>=48&&code<=57||code>=65&&code<=90||code>=97&&code<=122||code===95){name+=str[j++];continue}break}if(!name)throw new TypeError("Missing parameter name at "+i);tokens.push({type:"NAME",index:i,value:name}),i=j;continue}if(char==="("){var count=1,pattern="",j=i+1;if(str[j]==="?")throw new TypeError('Pattern cannot start with "?" at '+j);for(;j<str.length;){if(str[j]==="\\"){pattern+=str[j++]+str[j++];continue}if(str[j]===")"){if(count--,count===0){j++;break}}else if(str[j]==="("&&(count++,str[j+1]!=="?"))throw new TypeError("Capturing groups are not allowed at "+j);pattern+=str[j++]}if(count)throw new TypeError("Unbalanced pattern at "+i);if(!pattern)throw new TypeError("Missing pattern at "+i);tokens.push({type:"PATTERN",index:i,value:pattern}),i=j;continue}tokens.push({type:"CHAR",index:i,value:str[i++]})}return tokens.push({type:"END",index:i,value:""}),tokens}function parse(str,options){options===void 0&&(options={});for(var tokens=lexer(str),_a=options.prefixes,prefixes=_a===void 0?"./":_a,defaultPattern="[^"+escapeString(options.delimiter||"/#?")+"]+?",result=[],key=0,i=0,path="",tryConsume=function(type){if(i<tokens.length&&tokens[i].type===type)return tokens[i++].value},mustConsume=function(type){var value2=tryConsume(type);if(value2!==void 0)return value2;var _a2=tokens[i],nextType=_a2.type,index=_a2.index;throw new TypeError("Unexpected "+nextType+" at "+index+", expected "+type)},consumeText=function(){for(var result2="",value2;value2=tryConsume("CHAR")||tryConsume("ESCAPED_CHAR");)result2+=value2;return result2};i<tokens.length;){var char=tryConsume("CHAR"),name=tryConsume("NAME"),pattern=tryConsume("PATTERN");if(name||pattern){var prefix=char||"";prefixes.indexOf(prefix)===-1&&(path+=prefix,prefix=""),path&&(result.push(path),path=""),result.push({name:name||key++,prefix,suffix:"",pattern:pattern||defaultPattern,modifier:tryConsume("MODIFIER")||""});continue}var value=char||tryConsume("ESCAPED_CHAR");if(value){path+=value;continue}path&&(result.push(path),path="");var open=tryConsume("OPEN");if(open){var prefix=consumeText(),name_1=tryConsume("NAME")||"",pattern_1=tryConsume("PATTERN")||"",suffix=consumeText();mustConsume("CLOSE"),result.push({name:name_1||(pattern_1?key++:""),pattern:name_1&&!pattern_1?defaultPattern:pattern_1,prefix,suffix,modifier:tryConsume("MODIFIER")||""});continue}mustConsume("END")}return result}function compile(str,options){return tokensToFunction(parse(str,options),options)}function tokensToFunction(tokens,options){options===void 0&&(options={});var reFlags=flags(options),_a=options.encode,encode=_a===void 0?function(x){return x}:_a,_b=options.validate,validate=_b===void 0?!0:_b,matches=tokens.map(function(token){if(typeof token=="object")return new RegExp("^(?:"+token.pattern+")$",reFlags)});return function(data){for(var path="",i=0;i<tokens.length;i++){var token=tokens[i];if(typeof token=="string"){path+=token;continue}var value=data?data[token.name]:void 0,optional=token.modifier==="?"||token.modifier==="*",repeat=token.modifier==="*"||token.modifier==="+";if(Array.isArray(value)){if(!repeat)throw new TypeError('Expected "'+token.name+'" to not repeat, but got an array');if(value.length===0){if(optional)continue;throw new TypeError('Expected "'+token.name+'" to not be empty')}for(var j=0;j<value.length;j++){var segment=encode(value[j],token);if(validate&&!matches[i].test(segment))throw new TypeError('Expected all "'+token.name+'" to match "'+token.pattern+'", but got "'+segment+'"');path+=token.prefix+segment+token.suffix}continue}if(typeof value=="string"||typeof value=="number"){var segment=encode(String(value),token);if(validate&&!matches[i].test(segment))throw new TypeError('Expected "'+token.name+'" to match "'+token.pattern+'", but got "'+segment+'"');path+=token.prefix+segment+token.suffix;continue}if(!optional){var typeOfMessage=repeat?"an array":"a string";throw new TypeError('Expected "'+token.name+'" to be '+typeOfMessage)}}return path}}function match(str,options){var keys=[],re=pathToRegexp(str,keys,options);return regexpToFunction(re,keys,options)}function regexpToFunction(re,keys,options){options===void 0&&(options={});var _a=options.decode,decode=_a===void 0?function(x){return x}:_a;return function(pathname){var m=re.exec(pathname);if(!m)return!1;for(var path=m[0],index=m.index,params=Object.create(null),_loop_1=function(i2){if(m[i2]===void 0)return"continue";var key=keys[i2-1];key.modifier==="*"||key.modifier==="+"?params[key.name]=m[i2].split(key.prefix+key.suffix).map(function(value){return decode(value,key)}):params[key.name]=decode(m[i2],key)},i=1;i<m.length;i++)_loop_1(i);return{path,index,params}}}function escapeString(str){return str.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1")}function flags(options){return options&&options.sensitive?"":"i"}function regexpToRegexp(path,keys){if(!keys)return path;for(var groupsRegex=/\((?:\?<(.*?)>)?(?!\?)/g,index=0,execResult=groupsRegex.exec(path.source);execResult;)keys.push({name:execResult[1]||index++,prefix:"",suffix:"",modifier:"",pattern:""}),execResult=groupsRegex.exec(path.source);return path}function arrayToRegexp(paths,keys,options){var parts=paths.map(function(path){return pathToRegexp(path,keys,options).source});return new RegExp("(?:"+parts.join("|")+")",flags(options))}function stringToRegexp(path,keys,options){return tokensToRegexp(parse(path,options),keys,options)}function tokensToRegexp(tokens,keys,options){options===void 0&&(options={});for(var _a=options.strict,strict=_a===void 0?!1:_a,_b=options.start,start=_b===void 0?!0:_b,_c=options.end,end=_c===void 0?!0:_c,_d=options.encode,encode=_d===void 0?function(x){return x}:_d,endsWith="["+escapeString(options.endsWith||"")+"]|$",delimiter="["+escapeString(options.delimiter||"/#?")+"]",route=start?"^":"",_i=0,tokens_1=tokens;_i<tokens_1.length;_i++){var token=tokens_1[_i];if(typeof token=="string")route+=escapeString(encode(token));else{var prefix=escapeString(encode(token.prefix)),suffix=escapeString(encode(token.suffix));if(token.pattern)if(keys&&keys.push(token),prefix||suffix)if(token.modifier==="+"||token.modifier==="*"){var mod=token.modifier==="*"?"?":"";route+="(?:"+prefix+"((?:"+token.pattern+")(?:"+suffix+prefix+"(?:"+token.pattern+"))*)"+suffix+")"+mod}else route+="(?:"+prefix+"("+token.pattern+")"+suffix+")"+token.modifier;else route+="("+token.pattern+")"+token.modifier;else route+="(?:"+prefix+suffix+")"+token.modifier}}if(end)strict||(route+=delimiter+"?"),route+=options.endsWith?"(?="+endsWith+")":"$";else{var endToken=tokens[tokens.length-1],isEndDelimited=typeof endToken=="string"?delimiter.indexOf(endToken[endToken.length-1])>-1:endToken===void 0;strict||(route+="(?:"+delimiter+"(?="+endsWith+"))?"),isEndDelimited||(route+="(?="+delimiter+"|"+endsWith+")")}return new RegExp(route,flags(options))}function pathToRegexp(path,keys,options){return path instanceof RegExp?regexpToRegexp(path,keys):Array.isArray(path)?arrayToRegexp(path,keys,options):stringToRegexp(path,keys,options)}},3809:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var colors={char:"#D8DEE9",comment:"#999999",keyword:"#c5a5c5",primitive:"#5a9bcf",string:"#8dc891",variable:"#d7deea",boolean:"#ff8b50",punctuation:"#5FB3B3",tag:"#fc929e",function:"#79b6f2",className:"#FAC863",method:"#6699CC",operator:"#fc929e"},theme={plain:{backgroundColor:"#282c34",color:"#ffffff"},styles:[{types:["attr-name"],style:{color:colors.keyword}},{types:["attr-value"],style:{color:colors.string}},{types:["comment","block-comment","prolog","doctype","cdata","shebang"],style:{color:colors.comment}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:colors.primitive}},{types:["boolean"],style:{color:colors.boolean}},{types:["tag"],style:{color:colors.tag}},{types:["string"],style:{color:colors.string}},{types:["punctuation"],style:{color:colors.string}},{types:["selector","char","builtin","inserted"],style:{color:colors.char}},{types:["function"],style:{color:colors.function}},{types:["operator","entity","url","variable"],style:{color:colors.variable}},{types:["keyword"],style:{color:colors.keyword}},{types:["atrule","class-name"],style:{color:colors.className}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"bold"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}}]};const __WEBPACK_DEFAULT_EXPORT__=theme},58925:(module,__unused_webpack_exports,__webpack_require__)=>{var _self=typeof window<"u"?window:typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope?self:{};/**
  * Prism: Lightweight, robust, elegant syntax highlighting
  *
  * @license MIT <https://opensource.org/licenses/MIT>
@@ -843,7 +843,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__(44514);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__(16623),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(73941));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__(6281),compositions_1=__webpack_require__(32552),design_ui_styles_ellipsis_1=__webpack_require__(25747),composition_card_module_scss_1=__importDefault(__webpack_require__(73441));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,{className:previewClass,includeEnv:!1,loading:"lazy",composition,component,viewport:1280,scrolling:"no",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__(16623),composition_card_1=__webpack_require__(75797),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(74391));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__(79060),documenter_ui_linked_heading_1=__webpack_require__(24259),base_react_navigation_link_1=__webpack_require__(97667),composition_card_1=__webpack_require__(75797),composition_gallery_module_scss_1=__importDefault(__webpack_require__(39811));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},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__(54337);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__(55516);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(18666);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(51088);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__(39642);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__(33198);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__(84214);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(66564);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(54565);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(4837);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(10732);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(77522);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(60978);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(37340);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(11852);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(14026));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(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function Compositions({menuBarWidgets,emptyState}){const component=(0,_react().useContext)(_component().ComponentContext),params=(0,_reactRouterDom().useParams)(),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(_baseReactNavigation().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 newPath=pathSegments.join("/");navigate(`/${newPath}`)},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"&&Object.prototype.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(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}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__(6281);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(43492);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(77416));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"&&Object.prototype.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(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}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)(),navigate=(0,_baseReactNavigation().useNavigate)(),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault();const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}#search=${composition.identifier}`)},[location?.pathname]);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("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}},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__(97299);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__(44514);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__(16623),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(73941));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__(6281),compositions_1=__webpack_require__(32552),design_ui_styles_ellipsis_1=__webpack_require__(25747),composition_card_module_scss_1=__importDefault(__webpack_require__(73441));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,{className:previewClass,includeEnv:!1,loading:"lazy",composition,component,viewport:1280,scrolling:"no",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__(16623),composition_card_1=__webpack_require__(75797),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(74391));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__(79060),documenter_ui_linked_heading_1=__webpack_require__(24259),base_react_navigation_link_1=__webpack_require__(97667),composition_card_1=__webpack_require__(75797),composition_gallery_module_scss_1=__importDefault(__webpack_require__(39811));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},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__(54337);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__(55516);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(18666);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(51088);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__(39642);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__(33198);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__(84214);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(66564);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(54565);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(4837);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(10732);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(77522);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(60978);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(37340);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(11852);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(14026));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(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}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(_baseReactNavigation().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;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"&&Object.prototype.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(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}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__(6281);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__(54337);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__(43492);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(77416));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"&&Object.prototype.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(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}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("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}},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__(97299);exports.docsFields=(0,client_1.gql)`
   fragment docsFields on ReactDocs {
     abstract
     properties {