@teambit/ui 1.0.1268 → 1.0.1270

package/artifacts/ui-bundle/public/bit/static/js/{716.d8e66ef1.js → 716.0f62acd6.js}

@@ -787,7 +787,7 @@ ${l}`}).join("\n\n")+"\n"};let i="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
     }
   }
   ${n.docsFields}
-`},7422(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useDocs=n.docsFields=void 0;var a=r(90896);Object.defineProperty(n,"docsFields",{enumerable:!0,get:function(){return a.docsFields}}),Object.defineProperty(n,"useDocs",{enumerable:!0,get:function(){return a.useDocs}})},32021(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.DocsAspect=void 0;let i=n.DocsAspect=a().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});n.default=i},50207(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.defaultDocs=void 0,n.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},50833(t,n,r){"use strict";function a(){let t=g(r(12888));return a=function(){return t},t}function i(){let t=r(46746);return i=function(){return t},t}function o(){let t=r(30266);return o=function(){return t},t}function s(){let t=r(72631);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(75740);return u=function(){return t},t}function c(){let t=r(12178);return c=function(){return t},t}function d(){let t=r(32557);return d=function(){return t},t}function p(){let t=r(64199);return p=function(){return t},t}function m(){let t=r(32021);return m=function(){return t},t}function f(){let t=g(r(72644));return f=function(){return t},t}function h(){let t=r(23374);return h=function(){return t},t}function g(t){return t&&t.__esModule?t:{default:t}}function b(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let DocsUI=class DocsUI{constructor(t,n,r,a){this.titleBadgeSlot=t,this.overviewOptionsSlot=n,this.usePreviewSandboxSlot=r,this.usePreviewPropsSlot=a,b(this,"_emptyState",void 0)}registerTitleBadge(t){let n=Array.isArray(t)?t:[t];return this.titleBadgeSlot.register(n),this}listTitleBadges(){return(0,i().flatten)(this.titleBadgeSlot.values())}registerEmptyState(t){return this._emptyState=t}registerPreviewSandbox(t){this.usePreviewSandboxSlot.register(t)}registerPreviewProps(t){this.usePreviewPropsSlot.register(t)}getEmptyState(){return this._emptyState}getDocsCompare(){return a().default.createElement(c().OverviewCompare,{titleBadges:this.titleBadgeSlot,overviewOptions:this.overviewOptionsSlot})}registerOverviewOptions(t){this.overviewOptionsSlot.register(t)}static async provider([t,n,r],i,[o,s,l,u]){let c=new DocsUI(o,s,l,u),p=new(h()).OverviewSection(o,s,c,r,l,u),m=new(d()).OverviewCompareSection(c);return t.registerRoute(p.route),t.registerNavigation(p.navigationLink,p.order),n.registerNavigation(m),n.registerRoutes([m.route]),n.registerCompareTab({id:"inline-docs",order:3,displayName:"Docs",element:a().default.createElement("div",{className:f().default.contain},c.getDocsCompare()),lazy:!0}),c.registerPreviewSandbox((t,n)=>{n?.host==="teambit.scope/scope"&&(t.add("allow-scripts"),t.add("allow-same-origin"))}),c.registerPreviewProps(t=>{t.set("allow","clipboard-write")}),c}};b(DocsUI,"dependencies",[o().ComponentAspect,u().ComponentCompareAspect,p().APIReferenceAspect]),b(DocsUI,"runtime",l().UIRuntime),b(DocsUI,"slots",[s().Slot.withType(),s().Slot.withType(),s().Slot.withType(),s().Slot.withType()]),m().DocsAspect.addRuntime(DocsUI)},82894(t,n,r){"use strict";function a(){let t=r(32021);return a=function(){return t},t}function i(){let t=r(38975);return i=function(){return t},t}function o(){let t=r(50207);return o=function(){return t},t}function s(){let t=r(45688);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BadgePosition",{enumerable:!0,get:function(){return s().BadgePosition}}),Object.defineProperty(n,"Doc",{enumerable:!0,get:function(){return i().Doc}}),Object.defineProperty(n,"DocProp",{enumerable:!0,get:function(){return i().DocProp}}),Object.defineProperty(n,"DocPropList",{enumerable:!0,get:function(){return i().DocPropList}}),Object.defineProperty(n,"DocsAspect",{enumerable:!0,get:function(){return a().DocsAspect}}),Object.defineProperty(n,"Overview",{enumerable:!0,get:function(){return s().Overview}}),n.default=void 0,Object.defineProperty(n,"defaultDocs",{enumerable:!0,get:function(){return o().defaultDocs}}),n.default=a().DocsAspect},23374(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(45688);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.OverviewSection=void 0;let OverviewSection=class OverviewSection{constructor(t,n,r,s,l,u){this.titleBadgeSlot=t,this.overviewOptionsSlot=n,this.docs=r,this.apiRef=s,this.usePreviewSandboxSlot=l,this.usePreviewPropsSlot=u,o(this,"navigationLink",{href:".",exact:!0,children:"Overview"}),o(this,"route",{index:!0,element:a().default.createElement(i().Overview,{titleBadges:this.titleBadgeSlot,overviewOptions:this.overviewOptionsSlot,getEmptyState:this.docs.getEmptyState.bind(this.docs),TaggedAPI:this.apiRef.TaggedAPIPage,usePreviewSandboxSlot:this.usePreviewSandboxSlot,usePreviewPropsSlot:this.usePreviewPropsSlot})}),o(this,"order",10)}};n.OverviewSection=OverviewSection},45688(t,n,r){"use strict";function a(){let t=r(77237);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BadgePosition",{enumerable:!0,get:function(){return a().BadgePosition}}),Object.defineProperty(n,"Overview",{enumerable:!0,get:function(){return a().Overview}})},77237(t,n,r){"use strict";var a;function i(){let t=y(r(12888));return i=function(){return t},t}function o(){let t=b(r(97500));return o=function(){return t},t}function s(){let t=r(46746);return s=function(){return t},t}function l(){let t=r(30266);return l=function(){return t},t}function u(){let t=r(37175);return u=function(){return t},t}function c(){let t=r(4080);return c=function(){return t},t}function d(){let t=r(71169);return d=function(){return t},t}function p(){let t=r(55970);return p=function(){return t},t}function m(){let t=r(60517);return m=function(){return t},t}function f(){let t=r(19014);return f=function(){return t},t}function h(){let t=b(r(22445));return h=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.BadgePosition=void 0,n.Overview=function({titleBadges:t,overviewOptions:n,previewProps:r,getEmptyState:a,TaggedAPI:c,usePreviewSandboxSlot:b,usePreviewPropsSlot:y}){let w=(0,i().useContext)(l().ComponentContext),x=(0,l().useComponentDescriptor)(),k=(0,s().flatten)(n.values())[0],j=!w.preview?.legacyHeader,C=a&&a(),S=w.buildStatus?.toLowerCase()!=="succeed"&&w?.host==="teambit.scope/scope",O=!!w.preview?.isScaling,E=!!w.preview?.includesEnvTemplate,$=i().default.useMemo(()=>O&&!E,[O,E]),{isMinimal:D}=(0,m().useWorkspaceMode)(),[P,N]=(0,i().useState)($),M=b?.values()??[],T=y?.values()??[],I=`onlyOverview=${w.preview?.onlyOverview||"false"}&skipIncludes=${w.preview?.skipIncludes||w.preview?.onlyOverview}`,A=k&&k(),{renderCompositionsFirst:F,defaultPkgManager:R}=A||{},L=r||{},{onLoad:z,style:B}=L,q=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(L,g),G=i().default.useCallback((t,n)=>{N(!1),z?.(t,n)},[z]);return i().default.useEffect(()=>{!P&&$&&N(!0),P&&!$&&N(!1)},[w.id.toString(),$]),i().default.createElement("div",{className:(0,o().default)(h().default.overviewWrapper,P&&h().default.noOverflow),key:`${w.id.toString()}`},j&&i().default.createElement(d().ComponentOverview,{className:(0,o().default)(h().default.componentOverviewBlock,!O&&h().default.legacyPreview),displayName:w.displayName,abstract:w.description,labels:w.labels,packageName:w.packageName,titleBadges:(0,s().flatten)(t.values()),componentDescriptor:x,component:w,pkgManager:R}),!S&&i().default.createElement("div",{className:h().default.readme},P&&i().default.createElement(f().ReadmeSkeleton,null,i().default.createElement(p().CompositionGallerySkeleton,{compositionsLength:Math.min(w.compositions.length,3)})),i().default.createElement(u().SandboxPermissionsAggregator,{hooks:M,component:w},t=>i().default.createElement(u().PreviewPropsAggregator,{hooks:T,component:w},n=>D||F?i().default.createElement(i().default.Fragment,null,w.preview?.onlyOverview&&!P&&i().default.createElement(p().CompositionGallery,{component:w,sandbox:t}),i().default.createElement(u().ComponentPreview,v({},n,{onLoad:G,previewName:"overview",pubsub:!0,queryParams:[I,A?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,propagateError:D,sandbox:t},q,{component:w,style:{width:"100%",height:"100%",minHeight:O?void 0:500}}))):i().default.createElement(i().default.Fragment,null,i().default.createElement(u().ComponentPreview,v({},n,{onLoad:G,previewName:"overview",pubsub:!0,queryParams:[I,A?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:t},q,{component:w,style:{width:"100%",height:"100%",minHeight:O?void 0:500}})),w.preview?.onlyOverview&&!P&&i().default.createElement(p().CompositionGallery,{component:w,sandbox:t})))),w.preview?.onlyOverview&&!P&&c&&i().default.createElement(c,{componentId:w.id.toString()})),S&&(C?i().default.createElement(C,null):i().default.createElement("div",{className:h().default.buildFailed},i().default.createElement(_,{buildStatus:w.buildStatus}))))};let g=["onLoad","style"];function b(t){return t&&t.__esModule?t:{default:t}}function y(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(y=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function v(){return(v=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function _({buildStatus:t}){return t?.toLowerCase()==="pending"?i().default.createElement(c().StatusMessageCard,{status:"PROCESSING",title:"component preview pending"},"this might take some time"):i().default.createElement(c().StatusMessageCard,{status:"FAILURE",title:"failed to get component preview"})}(a={})[a.Title=0]="Title",a[a.SubTitle=1]="SubTitle",a[a.Labels=2]="Labels",a[a.Package=3]="Package",n.BadgePosition=a},19014(t,n,r){"use strict";function a(){let t=s(r(12888));return a=function(){return t},t}function i(){let t=r(91317);return i=function(){return t},t}function o(){let t=s(r(22445));return o=function(){return t},t}function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.ReadmeSkeleton=function({children:t}){return a().default.createElement("div",{className:o().default.readmeSkeleton},a().default.createElement(i().LineSkeleton,{width:"80%"}),a().default.createElement(i().LineSkeleton,{width:"70%"}),a().default.createElement(i().LineSkeleton,{width:"40%",style:{marginBottom:40}}),a().default.createElement(i().LineSkeleton,{width:"30%",style:{marginBottom:16}}),a().default.createElement(i().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),t)}},4462(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.AppTypeList=void 0;let AppTypeList=class AppTypeList{constructor(t,n,r){this.name=t,this.appTypes=n,this.context=r}compute(){return this.appTypes.map(t=>t(this.context))}static from(t,n={}){return r=>new AppTypeList(n.name||"app-type-list",t,r)}};n.AppTypeList=AppTypeList},19273(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.WORKSPACE_ASPECT_ID=n.TYPESCRIPT_ASPECT_ID=n.TESTER_ASPECT_ID=n.SCOPE_ASPECT_ID=n.PUBSUB_ASPECT_ID=n.PKG_ASPECT_ID=n.ISOLATOR_ASPECT_ID=n.DOCS_ASPECT_ID=n.DEV_FILES_ASPECT_ID=n.DEPENDENCY_RESOLVER_ASPECT_ID=n.COMPILER_ASPECT_ID=n.BUNDLER_ASPECT_ID=n.BUILDER_ASPECT_ID=n.APPLICATION_ASPECT_ID=void 0,n.WORKSPACE_ASPECT_ID="teambit.workspace/workspace",n.SCOPE_ASPECT_ID="teambit.scope/scope",n.PUBSUB_ASPECT_ID="teambit.harmony/pubsub",n.BUILDER_ASPECT_ID="teambit.pipelines/builder",n.COMPILER_ASPECT_ID="teambit.compilation/compiler",n.BUNDLER_ASPECT_ID="teambit.compilation/bundler",n.TESTER_ASPECT_ID="teambit.defender/tester",n.PKG_ASPECT_ID="teambit.pkg/pkg",n.APPLICATION_ASPECT_ID="teambit.harmony/application",n.DOCS_ASPECT_ID="teambit.docs/docs",n.DEPENDENCY_RESOLVER_ASPECT_ID="teambit.dependencies/dependency-resolver",n.DEV_FILES_ASPECT_ID="teambit.component/dev-files",n.ISOLATOR_ASPECT_ID="teambit.component/isolator",n.TYPESCRIPT_ASPECT_ID="teambit.typescript/typescript"},80552(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CAPSULE_ARTIFACTS_DIR=void 0,n.CAPSULE_ARTIFACTS_DIR="artifacts"},84507(t,n){"use strict";var r;Object.defineProperty(n,"__esModule",{value:!0}),n.CompilationInitiator=void 0,(r={})[r.CmdReport=0]="CmdReport",r[r.CmdJson=1]="CmdJson",r[r.PreStart=2]="PreStart",r[r.PreWatch=3]="PreWatch",r[r.Start=4]="Start",r[r.ComponentChanged=5]="ComponentChanged",r[r.AspectLoadFail=6]="AspectLoadFail",r[r.ComponentAdded=7]="ComponentAdded",r[r.Install=8]="Install",r[r.PreDevServer=9]="PreDevServer",n.CompilationInitiator=r},89844(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentMap=void 0;let ComponentMap=class ComponentMap{constructor(t){this.hashMap=t}get components(){return this.toArray().map(([t])=>t)}get(t){return this.hashMap.get(t.id.toString())}getValueByComponentId(t){let n=this.hashMap.get(t.toString());return n?n[1]:null}toArray(){return Array.from(this.hashMap.values())}map(t){return new ComponentMap(new Map(this.toArray().map(([n,r])=>{let a=t(r,n);return[n.id.toString(),[n,a]]})))}async asyncMap(t){let n=this.toArray().map(async([n,r])=>{let a=await t(r,n);return[n.id.toString(),[n,a]]});return new ComponentMap(new Map(await Promise.all(n)))}forEach(t){this.toArray().forEach(([n,r])=>{t(r,n)})}flattenValue(){return this.toArray().reduce((t,[,n])=>t=t.concat(n),[])}filter(t){return new ComponentMap(new Map(this.toArray().filter(([,n])=>t(n)).map(([t,n])=>[t.id.toString(),[t,n]])))}keys(){return this.hashMap.keys()}static create(t){return new ComponentMap(new Map(t.map(([t,n])=>[t.id.toString(),[t,n]])))}static as(t,n){return new ComponentMap(new Map(t.map(t=>[t.id.toString(),[t,n(t)]])))}static async asAsync(t,n){return new ComponentMap(new Map(await Promise.all(t.map(async t=>[t.id.toString(),[t,await n(t)]]))))}};n.ComponentMap=ComponentMap},37787(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ConfigWriterList=void 0;let ConfigWriterList=class ConfigWriterList{constructor(t){this._writers=t}get writers(){return this._writers}initiateWriters(t,n){return t.map(t=>t.handler(n))}add(t){return this._writers=this._writers.concat(t),this}remove(t){return this._writers=this._writers.filter(n=>!t.includes(n.name)),this}replace(t){return t.forEach(t=>{let n=this._writers.findIndex(n=>n.name===t.name);-1!==n&&this._writers.splice(n,1,t)}),this}concat(t){return new ConfigWriterList(this._writers.concat(t.writers))}compute(t){return this.initiateWriters(this._writers,t)}static from(t){return new ConfigWriterList(t)}};n.ConfigWriterList=ConfigWriterList},18848(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={ComponentMap:!0,CAPSULE_ARTIFACTS_DIR:!0,Pipeline:!0,CompilationInitiator:!0,Tests:!0,typescriptSchemaExtractor:!0,COMPONENT_PREVIEW_STRATEGY_NAME:!0,AppTypeList:!0,BitBaseEvent:!0,PackageGenerator:!0,TemplateList:!0,StarterList:!0,ConfigWriterList:!0};function i(){let t=r(89844);return i=function(){return t},t}function o(){let t=r(80552);return o=function(){return t},t}function s(){let t=r(8312);return s=function(){return t},t}function l(){let t=r(84507);return l=function(){return t},t}function u(){let t=r(88161);return u=function(){return t},t}function c(){let t=r(81137);return c=function(){return t},t}function d(){let t=r(28892);return d=function(){return t},t}function p(){let t=r(4462);return p=function(){return t},t}function m(){let t=r(39953);return m=function(){return t},t}Object.defineProperty(n,"AppTypeList",{enumerable:!0,get:function(){return p().AppTypeList}}),Object.defineProperty(n,"BitBaseEvent",{enumerable:!0,get:function(){return m().BitBaseEvent}}),Object.defineProperty(n,"CAPSULE_ARTIFACTS_DIR",{enumerable:!0,get:function(){return o().CAPSULE_ARTIFACTS_DIR}}),Object.defineProperty(n,"COMPONENT_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return d().COMPONENT_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(n,"CompilationInitiator",{enumerable:!0,get:function(){return l().CompilationInitiator}}),Object.defineProperty(n,"ComponentMap",{enumerable:!0,get:function(){return i().ComponentMap}}),Object.defineProperty(n,"ConfigWriterList",{enumerable:!0,get:function(){return y().ConfigWriterList}}),Object.defineProperty(n,"PackageGenerator",{enumerable:!0,get:function(){return h().PackageGenerator}}),Object.defineProperty(n,"Pipeline",{enumerable:!0,get:function(){return s().Pipeline}}),Object.defineProperty(n,"StarterList",{enumerable:!0,get:function(){return b().StarterList}}),Object.defineProperty(n,"TemplateList",{enumerable:!0,get:function(){return g().TemplateList}}),Object.defineProperty(n,"Tests",{enumerable:!0,get:function(){return u().Tests}}),Object.defineProperty(n,"typescriptSchemaExtractor",{enumerable:!0,get:function(){return c().typescriptSchemaExtractor}});var f=r(19273);function h(){let t=r(89356);return h=function(){return t},t}function g(){let t=r(97177);return g=function(){return t},t}function b(){let t=r(30968);return b=function(){return t},t}function y(){let t=r(37787);return y=function(){return t},t}Object.keys(f).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(a,t)||t in n&&n[t]===f[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return f[t]}})})},89356(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PackageGenerator=void 0;let PackageGenerator=class PackageGenerator{constructor(t,n={},r=[],a){this.context=t,this._packageJson=n,this._npmIgnore=r,this._modifyPackageJson=a}get packageJsonProps(){return this._packageJson}get npmIgnore(){return this._npmIgnore}get modifyPackageJson(){return this._modifyPackageJson}static from(t){return n=>new PackageGenerator(n,t.packageJson,t.npmIgnore,t.modifyPackageJson)}};n.PackageGenerator=PackageGenerator},8312(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Pipeline=void 0;let Pipeline=class Pipeline{constructor(t){this._tasks=t}get tasks(){return this._tasks}initiateTasks(t,n,r){return t.map(t=>t.handler(n)).map(t=>{let n=t.aspectId||r;return Object.assign(Object.create(Object.getPrototypeOf(t)),t,{aspectId:n})})}add(t){return this._tasks=this._tasks.concat(t),this}remove(t){return this._tasks=this._tasks.filter(n=>!t.includes(n.name)),this}replace(t){return t.forEach(t=>{let n=this._tasks.findIndex(n=>n.name===t.name);-1!==n?this._tasks.splice(n,1,t):this._tasks.push(t)}),this}concat(t){return new Pipeline(this._tasks.concat(t.tasks))}compute(t){return this.initiateTasks(this._tasks,t,t.envId.toString())}static from(t){return new Pipeline(t)}};n.Pipeline=Pipeline},28892(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.COMPONENT_PREVIEW_STRATEGY_NAME=void 0,n.COMPONENT_PREVIEW_STRATEGY_NAME="component"},39953(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BitBaseEvent=void 0;let BitBaseEvent=class BitBaseEvent{constructor(t,n,r,a){this.type=t,this.version=n,this.timestamp=r,this.data=a}};n.BitBaseEvent=BitBaseEvent},81137(t,n,r){"use strict";function a(){let t=r(19273);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.typescriptSchemaExtractor=function(t={}){return n=>{let r=n.getAspect(a().TYPESCRIPT_ASPECT_ID);if(!r?.createSchemaExtractorFromOptions)throw Error("typescriptSchemaExtractor() needs a newer version of Bit. update Bit, or use TypeScriptExtractor.from() of @teambit/typescript");return r.createSchemaExtractorFromOptions(t,n)}}},30968(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.StarterList=void 0;let StarterList=class StarterList{constructor(t,n,r){this.name=t,this.starters=n,this.context=r}compute(){return this.starters.map(t=>t(this.context))}static from(t,n={}){return r=>new StarterList(n.name||"starter-list",t,r)}};n.StarterList=StarterList},97177(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.TemplateList=void 0;let TemplateList=class TemplateList{constructor(t,n,r){this.name=t,this.templates=n,this.context=r}compute(){return this.templates.map(t=>t(this.context))}static from(t,n={}){return r=>new TemplateList(n.name||"template-list",t,r)}};n.TemplateList=TemplateList},88161(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Tests=void 0;let Tests=class Tests{constructor(t){this.components=t}get errors(){return this.components.map(t=>t.errors||[]).flat()}};n.Tests=Tests},23657(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.EnvIcon=void 0;let l=r(11684);n.EnvIcon=(0,s(r(12888)).forwardRef)(function({component:t,...n},r){return t&&t.environment?.icon?(0,l.jsx)("img",{ref:r,...n,src:t.environment?.icon,alt:t.environment.id}):(0,l.jsx)("span",{})})},71292(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EnvIcon=void 0;var a=r(23657);Object.defineProperty(n,"EnvIcon",{enumerable:!0,get:function(){return a.EnvIcon}})},91726(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ChangedPill=function(){return(0,i.jsxs)("span",{className:o.default.changedPill,children:[(0,i.jsx)("span",{className:o.default.changedDot}),"changed"]})},n.BuildSpinner=function(){return(0,i.jsx)("div",{className:o.default.spinnerBadge,children:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",children:[(0,i.jsx)("circle",{cx:"7",cy:"7",r:"5",stroke:s(20),strokeWidth:"1.5",fill:"none"}),(0,i.jsx)("circle",{cx:"7",cy:"7",r:"5",stroke:"var(--bit-accent-color, #6c5ce7)",strokeWidth:"1.5",fill:"none",strokeDasharray:"8 24",strokeLinecap:"round",className:o.default.spinnerArc})]})})},n.BuildingPreview=function(){return(0,i.jsxs)("div",{className:o.default.buildingPreview,children:[(0,i.jsxs)("svg",{width:"100%",height:"100%",preserveAspectRatio:"none",className:o.default.dotsPattern,children:[(0,i.jsx)("defs",{children:(0,i.jsx)("pattern",{id:"dots-accent",width:"14",height:"14",patternUnits:"userSpaceOnUse",children:(0,i.jsx)("circle",{cx:"7",cy:"7",r:"1",fill:s(20)})})}),(0,i.jsx)("rect",{width:"100%",height:"100%",fill:"url(#dots-accent)"})]}),(0,i.jsxs)("div",{className:o.default.buildingPlaceholder,style:{border:`1.5px dashed ${s(40)}`},children:[(0,i.jsx)("div",{style:{height:6,width:"55%",background:s(27),borderRadius:3}}),(0,i.jsx)("div",{style:{height:4,width:"85%",background:s(13),borderRadius:2}}),(0,i.jsx)("div",{style:{height:4,width:"70%",background:s(13),borderRadius:2}})]})]})},n.QueuedPreview=function(){return(0,i.jsx)("div",{className:o.default.queuedPreview,children:(0,i.jsxs)("svg",{width:"46",height:"46",viewBox:"0 0 46 46",children:[(0,i.jsx)("circle",{cx:"23",cy:"23",r:"20",fill:"none",stroke:s(20),strokeWidth:"1.2",strokeDasharray:"3 4"}),(0,i.jsx)("circle",{cx:"23",cy:"23",r:"3",fill:s(53)})]})})};let i=r(11684);a(r(12888));let o=a(r(11250)),s=t=>`color-mix(in srgb, var(--bit-accent-color, #6c5ce7) ${t}%, transparent)`},44050(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverviewFilterPanel=function({aggregation:t,onAggregationChange:n,availableAggregations:r,items:a,activeNamespaces:i,onNamespacesChange:o,activeScopes:s,onScopesChange:l}){let h=(0,c.useMemo)(()=>[...new Set(a.map(t=>t.component.id.namespace||"/"))].map(t=>({value:t})),[a]),g=(0,c.useMemo)(()=>[...new Set(a.map(t=>t.component.id.scope))].map(t=>({value:t})),[a]),b=i.map(t=>({value:t})),y=s.map(t=>({value:t})),v=Math.max(0,r.findIndex(n=>n===t));return(0,u.jsxs)("div",{className:m.default.commandBar,children:[(0,u.jsxs)("div",{className:m.default.leftCluster,children:[(0,u.jsx)(p.BaseFilter,{id:"namespaces",placeholder:"Namespaces",options:h,activeOptions:b,onChange:t=>{o((Array.isArray(t)?t:t?[t]:[]).map(t=>t.value).filter(t=>"string"==typeof t))},isSearchable:!0}),(0,u.jsx)(p.BaseFilter,{id:"scopes",placeholder:"Scopes",options:g,activeOptions:y,onChange:t=>{l((Array.isArray(t)?t:t?[t]:[]).map(t=>t.value).filter(t=>"string"==typeof t))},isSearchable:!0})]}),(0,u.jsx)("div",{className:m.default.rightCluster,children:(0,u.jsx)(d.ToggleButton,{className:m.default.aggToggle,defaultIndex:v,onOptionSelect:t=>{n(r[t])},options:r.map(t=>({value:t,element:f[t]}))})})]})};let u=r(11684),c=s(r(12888)),d=r(74256),p=r(915),m=l(r(90974)),f={namespaces:"Namespaces",scopes:"Scopes",none:"None"}},10808(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverviewSkeleton=function({count:t=12,header:n,className:r}){return(0,i.jsxs)("div",{className:(0,o.default)(l.default.container,r),"aria-busy":"true","aria-live":"polite",children:[(0,i.jsx)("div",{className:l.default.stickyHeader,children:n||(0,i.jsxs)("div",{className:l.default.commandBar,children:[(0,i.jsxs)("div",{className:l.default.leftCluster,children:[(0,i.jsx)("span",{className:u.default.pill}),(0,i.jsx)("span",{className:u.default.pill})]}),(0,i.jsx)("span",{className:u.default.toggle})]})}),(0,i.jsx)("div",{className:l.default.content,children:(0,i.jsx)(s.ComponentGrid,{className:l.default.cardGrid,children:Array.from({length:t}).map((t,n)=>(0,i.jsxs)("div",{className:u.default.card,style:{animationDelay:`${n%4*70}ms`},children:[(0,i.jsx)("div",{className:u.default.preview,children:(0,i.jsx)("div",{className:u.default.shimmer})}),(0,i.jsxs)("div",{className:u.default.footer,children:[(0,i.jsx)("span",{className:u.default.scopeBadge}),(0,i.jsx)("span",{className:u.default.name}),(0,i.jsx)("span",{className:u.default.hash})]})]},n))})})]})};let i=r(11684);a(r(12888));let o=a(r(97500)),s=r(5370),l=a(r(90974)),u=a(r(73946))},3634(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverview=function({components:t,componentDescriptors:n,getHref:r,header:a,footer:i,emptyState:o,storageNamespace:s="components-overview",showPreview:l,className:x}){let k=`${s}:`,j=(0,c.useRef)(null),C=(0,c.useRef)(null);(0,c.useLayoutEffect)(()=>{let t=j.current,n=C.current;if(!t||!n)return;let r=()=>{t.style.setProperty("--components-overview-sticky-height",`${n.offsetHeight}px`)};r();let a=new ResizeObserver(r);return a.observe(n),()=>a.disconnect()},[]);let S=(0,c.useMemo)(()=>[...new Set(t.map(t=>t.id.scope))],[t]),{cloudScopes:O}=(0,h.useCloudScopes)(S),E=(0,c.useMemo)(()=>new Map((O||[]).map(t=>[t.id.toString(),t])),[O]),$=(0,c.useMemo)(()=>new Map(n.map(t=>[t.id.toString(),t])),[n]),D=(0,c.useMemo)(()=>(0,m.default)(t.map(t=>{if(t.deprecation?.isDeprecate)return null;let n=$.get(t.id.toString());if(!n)return null;let r=E.get(t.id.scope)||f.ScopeID.isValid(t.id.scope)&&{id:f.ScopeID.fromString(t.id.scope)}||void 0;return{component:t,componentDescriptor:n,scope:r?{id:r.id,icon:r.icon,backgroundIconColor:r.backgroundIconColor}:void 0}})),[t,$,E]),[P,N]=(0,b.useQueryParamWithDefault)("aggregation","namespaces",{storageKeyPrefix:k}),[M,T]=(0,b.useListParamWithDefault)("ns",{storageKeyPrefix:k}),[I,A]=(0,b.useListParamWithDefault)("scopes",{storageKeyPrefix:k}),F=(0,c.useMemo)(()=>({namespaces:M,scopes:I,statuses:new Set}),[M,I]),{groups:R,groupType:L,availableAggregations:z,filteredCount:B}=(0,g.useComponentsAggregation)(D,P,F);return(0,u.jsxs)("div",{ref:j,className:(0,d.default)(w.default.container,x),children:[(0,u.jsxs)("div",{ref:C,className:w.default.stickyHeader,children:[a,(0,u.jsx)(_.ComponentsOverviewFilterPanel,{aggregation:P,onAggregationChange:N,availableAggregations:z,items:D,activeNamespaces:M,onNamespacesChange:T,activeScopes:I,onScopesChange:A})]}),(0,u.jsxs)("div",{className:w.default.content,children:[0===B&&o,R.map(t=>(0,u.jsxs)("section",{className:w.default.section,children:["none"!==L&&(0,u.jsx)("div",{className:w.default.sectionHeader,children:(0,u.jsx)(y.NamespaceHeader,{namespace:t.name,items:t.items,scopeIcon:t.scopeIcon,scopeIconColor:t.scopeIconColor})}),(0,u.jsx)(p.ComponentGrid,{className:w.default.cardGrid,children:t.items.map(t=>(0,u.jsx)(v.HopeComponentCard,{component:t.component,componentDescriptor:t.componentDescriptor,scope:t.scope,showPreview:l,getHref:r},t.component.id.toString()))})]},t.name)),i]})]})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(5370),m=l(r(763)),f=r(93171),h=r(61031),g=r(54565),b=r(1049),y=r(39303),v=r(8355),_=r(44050),w=l(r(90974))},21410(t,n){"use strict";function r(t){let n=t.component.buildStatus,r=t.component.status;return"pending"===n?"queued":r?.modifyInfo?.hasModifiedFiles||r?.modifyInfo?.hasModifiedDependencies?"changed":"building"===n?"building":"built"}Object.defineProperty(n,"__esModule",{value:!0}),n.ALL_STATUSES=void 0,n.getComponentStatus=r,n.filterItems=function(t,a){return t.filter(t=>{let i=t.component.id.namespace||"/",o=t.component.id.scope;if(a.namespaces.length&&!a.namespaces.includes(i)||a.scopes.length&&!a.scopes.includes(o))return!1;if(a.statuses.size>0&&a.statuses.size<n.ALL_STATUSES.length){let n=r(t);if(!a.statuses.has(n))return!1}return!0})},n.ALL_STATUSES=["built","changed","building","queued"]},8355(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.HopeComponentCard=function({component:t,componentDescriptor:n,scope:r,showPreview:a,getHref:i}){let[o,s]=(0,c.useState)(!!a),l=(0,c.useRef)(t.server?.url);(0,c.useEffect)(()=>{if(l.current!==t.server?.url&&o){s(!1);let n=setTimeout(()=>s(!0),50);return l.current=t.server?.url,()=>clearTimeout(n)}l.current=t.server?.url},[t.server?.url]),(0,c.useEffect)(()=>{s(!!a)},[a]);let p=(0,g.getComponentStatus)({component:t}),_="var(--bit-accent-color, #6c5ce7)",w="building"===p,x="queued"===p,k="changed"===p,j=i?i(t):`${t.id.fullName}?scope=${t.id.scope}`,C=t.compositions.length>0&&!w&&!o,S=n.get("teambit.envs/envs"),O=S?.data||S,E=O?.id?h.ComponentID.fromString(O.id):void 0,$=w?y.default.cardBuilding:y.default.card,D=w?{borderColor:_,boxShadow:"0 0 0 3px color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 10%, transparent)"}:void 0,P=t.id.namespace?`${t.id.namespace}/${t.id.name}`:t.id.name,N=t.id.version?.slice(0,7),M=t.id.scope?.split(".").pop()?.charAt(0).toUpperCase();return(0,u.jsxs)("div",{className:$,style:D,children:[C&&(0,u.jsx)(f.LoadPreview,{className:y.default.loadPreview,onClick:t=>{t.stopPropagation(),t.preventDefault(),s(!0)}}),(0,u.jsxs)(d.Link,{href:j,className:y.default.linkWrapper,children:[(0,u.jsxs)("div",{className:y.default.preview,children:[(0,u.jsx)("div",{className:y.default.previewInner,children:(0,u.jsx)(v,{component:t,componentDescriptor:n,status:p,shouldShowPreview:o})}),!x&&O?.icon&&(0,u.jsx)("div",{className:y.default.envBadge,children:(0,u.jsx)(m.Tooltip,{delay:300,content:E?.name,children:(0,u.jsx)("img",{src:O.icon,className:y.default.envIcon,alt:""})})}),(k||w)&&(0,u.jsxs)("div",{className:y.default.statusCorner,children:[k&&(0,u.jsx)(b.ChangedPill,{}),w&&(0,u.jsx)(b.BuildSpinner,{})]})]}),(0,u.jsxs)("div",{className:y.default.footer,children:[(0,u.jsx)(m.Tooltip,{delay:300,content:t.id.scope,children:(0,u.jsx)("div",{className:y.default.scopeBadge,style:{background:r?.backgroundIconColor||_},children:r?.icon?(0,u.jsx)("img",{src:r.icon,className:y.default.scopeBadgeIcon,alt:""}):(0,u.jsx)("span",{className:y.default.scopeBadgeInitial,children:M})})}),(0,u.jsx)("span",{className:y.default.name,children:P}),!w&&!x&&N&&(0,u.jsx)("span",{className:y.default.hash,children:N}),w&&(0,u.jsx)("span",{className:y.default.buildingLabel,style:{color:_},children:"BUILDING"})]})]})]})};let u=r(11684),c=s(r(12888)),d=r(19304),p=r(64773),m=r(62634),f=r(54672),h=r(19100),g=r(21410),b=r(91726),y=l(r(91229));function v({component:t,componentDescriptor:n,status:r,shouldShowPreview:a}){return"building"===r?(0,u.jsx)(b.BuildingPreview,{}):(0,u.jsx)(p.PreviewPlaceholder,{component:t,componentDescriptor:n,shouldShowPreview:a})}},54374(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useListParamWithDefault=n.useQueryParamWithDefault=n.useComponentsAggregation=n.ComponentsOverviewFilterPanel=n.NamespaceHeader=n.HopeComponentCard=n.ComponentsOverviewSkeleton=n.ComponentsOverview=void 0;var a=r(3634);Object.defineProperty(n,"ComponentsOverview",{enumerable:!0,get:function(){return a.ComponentsOverview}});var i=r(10808);Object.defineProperty(n,"ComponentsOverviewSkeleton",{enumerable:!0,get:function(){return i.ComponentsOverviewSkeleton}});var o=r(8355);Object.defineProperty(n,"HopeComponentCard",{enumerable:!0,get:function(){return o.HopeComponentCard}});var s=r(39303);Object.defineProperty(n,"NamespaceHeader",{enumerable:!0,get:function(){return s.NamespaceHeader}});var l=r(44050);Object.defineProperty(n,"ComponentsOverviewFilterPanel",{enumerable:!0,get:function(){return l.ComponentsOverviewFilterPanel}});var u=r(54565);Object.defineProperty(n,"useComponentsAggregation",{enumerable:!0,get:function(){return u.useComponentsAggregation}});var c=r(1049);Object.defineProperty(n,"useQueryParamWithDefault",{enumerable:!0,get:function(){return c.useQueryParamWithDefault}}),Object.defineProperty(n,"useListParamWithDefault",{enumerable:!0,get:function(){return c.useListParamWithDefault}})},39303(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.NamespaceHeader=function({namespace:t,items:n,scopeIcon:r,scopeIconColor:a}){let u="var(--bit-accent-color, #6c5ce7)",c=0,d=0;for(let t of n){let n=(0,o.getComponentStatus)(t);"building"===n&&c++,("built"===n||"changed"===n)&&d++}return(0,i.jsxs)("header",{className:s.default.header,children:[(0,i.jsx)(l,{scopeIcon:r,scopeIconColor:a,namespace:t,accent:u}),(0,i.jsx)("span",{className:s.default.name,children:t}),(0,i.jsxs)("span",{className:s.default.count,children:[d,"/",n.length]}),c>0&&(0,i.jsxs)("span",{className:s.default.buildingPill,style:{color:u,background:"color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 12%, transparent)"},children:[(0,i.jsx)("span",{className:s.default.buildingDot,style:{background:u}}),"building"]}),(0,i.jsx)("div",{className:s.default.divider})]})};let i=r(11684);a(r(12888));let o=r(21410),s=a(r(44283));function l({scopeIcon:t,scopeIconColor:n,namespace:r,accent:a}){if(t)return(0,i.jsx)("div",{className:s.default.scopeIconBadge,style:{background:n||a},children:(0,i.jsx)("img",{src:t,className:s.default.scopeIconImg,alt:""})});if(n){let t=r.split(/[./]/).pop()?.charAt(0).toUpperCase()||"?";return(0,i.jsx)("div",{className:s.default.scopeIconBadge,style:{background:n},children:(0,i.jsx)("span",{className:s.default.scopeInitial,children:t})})}return(0,i.jsx)("span",{className:s.default.dot,style:{background:a}})}},8330(t,n){"use strict";function r(t){return t?t.split("/")[0]:""}function a(t){let a=r(t);return a.startsWith("_")?4:n.PRIORITY_HIGH.includes(a)?0:n.PRIORITY_MED.includes(a)?1:n.PRIORITY_LOW.includes(a)?3:2}Object.defineProperty(n,"__esModule",{value:!0}),n.PRIORITY_LOW=n.PRIORITY_MED=n.PRIORITY_HIGH=void 0,n.getRootNamespace=r,n.namespacePriority=a,n.sortNamespacesAdvanced=function(t){return[...t].sort((t,n)=>{let r=a(t),i=a(n);return r!==i?r-i:t.localeCompare(n)})},n.sortItemsByNamespace=function(t){return[...t].sort((t,n)=>{let r=t.component.id.namespace||"/",i=n.component.id.namespace||"/",o=a(r),s=a(i);return o!==s?o-s:t.component.id.name.localeCompare(n.component.id.name)})},n.PRIORITY_HIGH=["ui","pages"],n.PRIORITY_MED=["design"],n.PRIORITY_LOW=["entities","provider","hooks","icons"]},54565(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentsAggregation=function(t,n,r){let s=(0,a.useMemo)(()=>(0,o.filterItems)(t,r),[t,r]);if("none"===n)return{groups:[{name:"all",displayName:"",items:(0,i.sortItemsByNamespace)(s)}],groupType:"none",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length};if("namespaces"===n){let t=new Map;for(let n of s){let r=n.component.id.namespace||"/";t.has(r)||t.set(r,[]),t.get(r).push(n)}return{groups:(0,i.sortNamespacesAdvanced)([...t.keys()]).map(n=>({name:n,displayName:n,items:(0,i.sortItemsByNamespace)(t.get(n))})),groupType:"namespaces",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length}}let l=new Map;for(let t of s){let n=t.component.id.scope;l.has(n)||l.set(n,[]),l.get(n).push(t)}return{groups:[...l.keys()].sort().map(t=>{let n=l.get(t),r=n.find(t=>t.scope?.icon)?.scope;return{name:t,displayName:t,items:(0,i.sortItemsByNamespace)(n),scopeIcon:r?.icon,scopeIconColor:r?.backgroundIconColor}}),groupType:"scopes",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length}};let a=r(12888),i=r(8330),o=r(21410)},1049(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useQueryParamWithDefault=function(t,n,r={}){let{persist:c=!0,storageKeyPrefix:d=o}=r,[p,m]=(0,i.useSearchParams)(),f=d+t;return[(0,a.useMemo)(()=>{let r=p.get(t);if(r)return r;if(c){let t=s(f);if(t)return t}return n},[p,t,f,n,c]),(0,a.useCallback)(n=>{let r=new URLSearchParams(p);null===n?(r.delete(t),c&&u(f)):(r.set(t,n),c&&l(f,n)),m(r)},[p,m,t,f,c])]},n.useListParamWithDefault=function(t,n={}){let{persist:r=!1,storageKeyPrefix:c=o}=n,[d,p]=(0,i.useSearchParams)(),m=c+t;return[(0,a.useMemo)(()=>{let n=d.get(t);if(n)return n.split(",").filter(Boolean);if(r){let t=s(m);if(t)return t.split(",").filter(Boolean)}return[]},[d,t,m,r]),(0,a.useCallback)(n=>{let a=new URLSearchParams(d),i=n.filter(Boolean).join(",");i?(a.set(t,i),r&&l(m,i)):(a.delete(t),r&&u(m)),p(a)},[d,p,t,m,r])]};let a=r(12888),i=r(44178),o="components-overview:";function s(t){try{return localStorage.getItem(t)}catch{return null}}function l(t,n){try{localStorage.setItem(t,n)}catch{}}function u(t){try{localStorage.removeItem(t)}catch{}}},28334(t,n){"use strict";function r(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.DuplicateDependency=void 0;let DuplicateDependency=class DuplicateDependency{constructor(t,n){r(this,"latestVersionId",void 0),r(this,"priorVersions",void 0),this.latestVersionId=t,this.priorVersions=n}};n.DuplicateDependency=DuplicateDependency},53495(t,n){"use strict";var r;Object.defineProperty(n,"__esModule",{value:!0}),n.EdgeType=void 0,(r={}).dev="DEV",r.runtime="RUNTIME",r.peer="PEER",n.EdgeType=r},73977(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.GraphAspect=void 0;let i=n.GraphAspect=a().Aspect.create({id:"teambit.component/graph",dependencies:[],defaultConfig:{}});n.default=i},38285(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function i(){let t=r(72631);return i=function(){return t},t}function o(){let t=r(30266);return o=function(){return t},t}function s(){let t=r(73977);return s=function(){return t},t}function l(){let t=r(2535);return l=function(){return t},t}function u(){let t=r(86528);return u=function(){return t},t}function c(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let GraphUI=class GraphUI{getDependenciesGraph(){return u().DependenciesGraph}registerComponentWidget(t){this.componentWidgetSlot.register(t)}constructor(t){this.componentWidgetSlot=t}static async provider([t],n,[r]){let a=new GraphUI(r),i=new(l()).GraphSection(r);return n.componentTab&&t.registerNavigation(i.navigationLink,i.order),t.registerRoute(i.route),a}};c(GraphUI,"dependencies",[o().ComponentAspect]),c(GraphUI,"runtime",a().UIRuntime),c(GraphUI,"slots",[i().Slot.withType()]),c(GraphUI,"defaultConfig",{componentTab:!0}),s().GraphAspect.addRuntime(GraphUI)},84635(t,n,r){"use strict";function a(){let t=r(61212);return a=function(){return t},t}function i(){let t=r(68812);return i=function(){return t},t}function o(){let t=r(28334);return o=function(){return t},t}function s(){let t=r(73977);return s=function(){return t},t}function l(){let t=r(86528);return l=function(){return t},t}function u(){let t=r(99055);return u=function(){return t},t}function c(){let t=r(30469);return c=function(){return t},t}function d(){let t=r(69413);return d=function(){return t},t}function p(){let t=r(53495);return p=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"DependenciesCompare",{enumerable:!0,get:function(){return a().DependenciesCompare}}),Object.defineProperty(n,"Dependency",{enumerable:!0,get:function(){return i().Dependency}}),Object.defineProperty(n,"DependencyType",{enumerable:!0,get:function(){return i().DependencyType}}),Object.defineProperty(n,"DuplicateDependency",{enumerable:!0,get:function(){return o().DuplicateDependency}}),Object.defineProperty(n,"EdgeModel",{enumerable:!0,get:function(){return c().EdgeModel}}),Object.defineProperty(n,"EdgeType",{enumerable:!0,get:function(){return p().EdgeType}}),Object.defineProperty(n,"GraphAspect",{enumerable:!0,get:function(){return s().GraphAspect}}),Object.defineProperty(n,"GraphFilters",{enumerable:!0,get:function(){return u().GraphFilters}}),Object.defineProperty(n,"GraphModel",{enumerable:!0,get:function(){return c().GraphModel}}),Object.defineProperty(n,"NodeModel",{enumerable:!0,get:function(){return c().NodeModel}}),Object.defineProperty(n,"calcElements",{enumerable:!0,get:function(){return l().calcElements}}),Object.defineProperty(n,"calcLayout",{enumerable:!0,get:function(){return l().calcLayout}}),Object.defineProperty(n,"calcMinimapColors",{enumerable:!0,get:function(){return l().calcMinimapColors}}),Object.defineProperty(n,"componentNodeStyles",{enumerable:!0,get:function(){return d().styles}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return s().GraphAspect}}),Object.defineProperty(n,"defaultNode",{enumerable:!0,get:function(){return d().defaultNode}}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return l().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return l().depTypeToLabel}}),Object.defineProperty(n,"dependenciesGraphStyles",{enumerable:!0,get:function(){return l().styles}}),Object.defineProperty(n,"external",{enumerable:!0,get:function(){return d().external}}),Object.defineProperty(n,"graphPageStyles",{enumerable:!0,get:function(){return u().styles}}),Object.defineProperty(n,"root",{enumerable:!0,get:function(){return d().root}}),Object.defineProperty(n,"useGraph",{enumerable:!0,get:function(){return c().useGraph}}),Object.defineProperty(n,"useGraphQuery",{enumerable:!0,get:function(){return c().useGraphQuery}})},69942(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Dependency=void 0;let Dependency=class Dependency{constructor(t){!function(t,n,r){var a;(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r}(this,"type",void 0),this.type=t}stringify(){return this.type}};n.Dependency=Dependency},68812(t,n,r){"use strict";function a(){let t=r(69942);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Dependency",{enumerable:!0,get:function(){return a().Dependency}}),Object.defineProperty(n,"DependencyType",{enumerable:!0,get:function(){return a().DependencyType}})},22643(t,n,r){"use strict";function a(){let t=v(r(12888));return a=function(){return t},t}function i(){let t=y(r(97500));return i=function(){return t},t}function o(){let t=r(38561);return o=function(){return t},t}function s(){let t=r(43385);return s=function(){return t},t}function l(){let t=r(71292);return l=function(){return t},t}function u(){let t=r(38348);return u=function(){return t},t}function c(){let t=r(94117);return c=function(){return t},t}function d(){let t=r(31692);return d=function(){return t},t}function p(){let t=r(59004);return p=function(){return t},t}function m(){let t=r(86528);return m=function(){return t},t}function f(){let t=y(r(68311));return f=function(){return t},t}function h(){let t=y(r(73027));return h=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentNode=function(t){let{node:n,type:r="defaultNode"}=t,b=w(t,g),y=(0,a().useContext)(m().ComponentGraphContext),{component:v,componentId:k}=n,j=v?.id||k;return a().default.createElement(c().Card,_({className:(0,i().default)(f().default.compNode,h().default[r]),elevation:"none"},b),a().default.createElement("div",{className:f().default.firstRow},v&&a().default.createElement(l().EnvIcon,{component:v,className:f().default.envIcon}),a().default.createElement(x,{componentId:j,className:o().mutedText})),a().default.createElement("div",{className:f().default.nameLine},a().default.createElement(d().NavLink,{className:f().default.link,external:!0,href:p().ComponentUrl.toUrl(j,{includeVersion:!1})},a().default.createElement("span",{className:(0,i().default)(f().default.name,u().ellipsis)},j.name)),j.version&&a().default.createElement("span",{className:(0,i().default)(f().default.version,u().ellipsis)},j.version),a().default.createElement("div",{className:f().default.buffs},v&&a().default.createElement(s().DeprecationIcon,{component:v}),v&&y&&y.componentWidgets.toArray().map(([t,n])=>a().default.createElement(n,{key:t,component:v})))))};let g=["node","type"],b=["componentId","className"];function y(t){return t&&t.__esModule?t:{default:t}}function v(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(v=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function _(){return(_=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function w(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}function x(t){let{componentId:n,className:r}=t,o=w(t,b),{scope:s,namespace:l}=n;return a().default.createElement("div",_({},o,{className:(0,i().default)(f().default.breadcrumbs,u().ellipsis,r)}),s,!!s&&!!l&&"/",l)}},69413(t,n,r){"use strict";function a(){var t;let n=(t=r(68311))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(22643);return i=function(){return t},t}function o(){let t=r(12163);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentNode",{enumerable:!0,get:function(){return i().ComponentNode}}),Object.defineProperty(n,"defaultNode",{enumerable:!0,get:function(){return o().defaultNode}}),Object.defineProperty(n,"defaultNodeColor",{enumerable:!0,get:function(){return o().defaultNodeColor}}),Object.defineProperty(n,"external",{enumerable:!0,get:function(){return o().external}}),Object.defineProperty(n,"externalNodeColor",{enumerable:!0,get:function(){return o().externalNodeColor}}),Object.defineProperty(n,"root",{enumerable:!0,get:function(){return o().root}}),Object.defineProperty(n,"rootNodeColor",{enumerable:!0,get:function(){return o().rootNodeColor}}),n.styles=void 0;let{compNode:s,firstRow:l,envIcon:u,breadcrumbs:c,nameLine:d,name:p,version:m,buffs:f,link:h}=a().default;n.styles={compNode:s,firstRow:l,envIcon:u,breadcrumbs:c,nameLine:d,name:p,version:m,buffs:f,link:h}},12163(t,n,r){"use strict";function a(){var t;let n=(t=r(73027))&&t.__esModule?t:{default:t};return a=function(){return n},n}Object.defineProperty(n,"__esModule",{value:!0}),n.rootNodeColor=n.root=n.externalNodeColor=n.external=n.defaultNodeColor=n.defaultNode=void 0;let{root:i,defaultNode:o,external:s,rootNodeColor:l,defaultNodeColor:u,externalNodeColor:c}=a().default;n.externalNodeColor=c,n.defaultNodeColor=u,n.rootNodeColor=l,n.external=s,n.defaultNode=o,n.root=i},45550(t,n,r){"use strict";function a(){let t=r(30469);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompareGraphModel=void 0;let CompareGraphModel=class CompareGraphModel extends a().GraphModel{constructor(t,n){super(t,n),this.nodes=t,this.edges=n}};n.CompareGraphModel=CompareGraphModel},85421(t,n,r){"use strict";function a(){let t=g(r(97500));return a=function(){return t},t}function i(){let t=r(97292);return i=function(){return t},t}function o(){let t=r(12066);return o=function(){return t},t}function s(){let t=h(r(12888));return s=function(){return t},t}function l(){let t=h(r(89054));return l=function(){return t},t}function u(){let t=r(30469);return u=function(){return t},t}function c(){let t=r(99055);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(){let t=g(r(25025));return p=function(){return t},t}function m(){let t=r(33482);return m=function(){return t},t}function f(){let t=r(66e3);return f=function(){return t},t}function h(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(h=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function g(t){return t&&t.__esModule?t:{default:t}}function b(t){let{sourcePosition:n=l().Position.Top,targetPosition:r=l().Position.Bottom,data:a,id:i}=t,o=l().Handle;return s().default.createElement("div",{key:i},s().default.createElement(o,{type:"target",position:r,isConnectable:!1}),s().default.createElement(o,{type:"source",position:n,isConnectable:!1}),s().default.createElement(m().DependencyCompareNode,{node:a.node,type:a.type}))}Object.defineProperty(n,"__esModule",{value:!0}),n.DependenciesCompare=function(){let t=s().default.useMemo(()=>({ComponentNode:b}),[]),n=(0,s().useRef)(void 0),r=(0,o().useComponentCompare)(),m=r?.base?.model.id,h=r?.compare?.model.id,[g,y]=(0,s().useState)("runtimeOnly"),v="runtimeOnly"===g,{loading:_,graph:w}=(0,u().useGraphQuery)(m&&[m.toString()],g),{loading:x,graph:k}=(0,u().useGraphQuery)(h&&[h.toString()],g),j=_||x,C=(0,f().diffGraph)(w,k,m)??void 0,S=(0,d().calcElements)(C,{rootNode:m});(0,s().useEffect)(()=>()=>n.current=void 0,[]),(0,s().useEffect)(()=>{setTimeout(()=>C&&C.nodes.length<=3?n.current?.fitView({padding:2}):n.current?.fitView(),0)},[C]);let O=(0,s().useCallback)(t=>{n.current=t,(C?.nodes.length??0)<=3?n.current?.fitView({padding:2,maxZoom:1}):t.fitView({maxZoom:1})},[C?.nodes.length]);return((0,s().useEffect)(()=>{setTimeout(()=>(C?.nodes.length??0)<=3?n.current?.fitView({padding:2}):n.current?.fitView(),0)},[h?.toString(),m?.toString()]),j||C)?s().default.createElement("div",{className:(0,a().default)([p().default.page,c().styles.graph])},j&&s().default.createElement("div",{className:p().default.loader},s().default.createElement(i().RoundLoader,null)),!j&&s().default.createElement(l().ReactFlowProvider,null,s().default.createElement(l().default,{draggable:!1,nodesDraggable:!0,selectNodesOnDrag:!1,nodesConnectable:!1,zoomOnDoubleClick:!1,elementsSelectable:!1,maxZoom:100,minZoom:0,className:d().styles.graph,defaultNodes:S.nodes,defaultEdges:S.edges,nodeTypes:t,onInit:O,proOptions:{hideAttribution:!0}},s().default.createElement(l().Background,null),s().default.createElement(l().Controls,{className:d().styles.controls}),s().default.createElement(l().MiniMap,{nodeColor:d().calcMinimapColors,className:d().styles.minimap}),s().default.createElement(c().GraphFilters,{className:c().styles.filters,disable:j,isFiltered:v,onChangeFilter:t=>{y(t?"runtimeOnly":void 0)}})))):s().default.createElement(s().default.Fragment,null)}},33482(t,n,r){"use strict";function a(){let t=r(31692);return a=function(){return t},t}function i(){let t=r(94117);return i=function(){return t},t}function o(){let t=r(38561);return o=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(59004);return l=function(){return t},t}function u(){let t=r(61198);return u=function(){return t},t}function c(){let t=r(43385);return c=function(){return t},t}function d(){let t=r(38348);return d=function(){return t},t}function p(){let t=r(71292);return p=function(){return t},t}function m(){let t=x(r(97500));return m=function(){return t},t}function f(){let t=w(r(12888));return f=function(){return t},t}function h(){let t=r(16322);return h=function(){return t},t}function g(){let t=r(12163);return g=function(){return t},t}function b(){let t=r(69413);return b=function(){return t},t}function y(){let t=x(r(59990));return y=function(){return t},t}function v(){let t=x(r(98736));return v=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DependencyCompareNode=function(t){let{node:n,type:r="defaultNode"}=t,{id:_,component:w,compareVersion:x,status:k,componentId:C}=n,{version:S}=w||{version:C.version},O=s().ComponentID.fromString(_),E=(0,f().useMemo)(()=>(0,h().valid)(S)&&(0,h().valid)(x)&&(0,h().compare)(S,x),[S,x]);return f().default.createElement(i().Card,{className:(0,m().default)(b().styles.compNode,function(t){switch(t){case"defaultNode":return g().defaultNode;case"root":return v().default[t];case"external":return g().external;default:return null}}(r)),elevation:"none"},f().default.createElement("div",{className:b().styles.firstRow},w&&f().default.createElement(p().EnvIcon,{component:w,className:b().styles.envIcon}),f().default.createElement(j,{componentId:O,className:o().mutedText})),f().default.createElement("div",{className:b().styles.nameLine},f().default.createElement(a().NavLink,{className:y().default.link,external:!0,href:l().ComponentUrl.toUrl(O,{includeVersion:!1})},f().default.createElement("span",{className:(0,m().default)(b().styles.name,d().ellipsis)},O.name)),O.version&&f().default.createElement("span",{className:(0,m().default)(b().styles.version,d().ellipsis)},O.version),0!==E&&f().default.createElement("img",{className:(0,m().default)([y().default.arrowIcon,y().default.versionUp]),src:"https://static.bit.dev/bit-icons/version-bump.svg"}),x&&0!==E&&f().default.createElement("span",{className:(0,m().default)(y().default.version,b().styles.version,d().ellipsis,-1===E&&y().default.versionUp,1===E&&y().default.versionDown)},x),f().default.createElement("div",{className:y().default.buffs},w&&f().default.createElement(c().DeprecationIcon,{component:w}),void 0!==k&&f().default.createElement(u().CompareStatusResolver,{status:k}))))};let _=["componentId","className"];function w(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(w=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function x(t){return t&&t.__esModule?t:{default:t}}function k(){return(k=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function j(t){let{componentId:n,className:r}=t,a=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,_),{scope:i,namespace:o}=n;return f().default.createElement("div",k({},a,{className:(0,m().default)(y().default.breadcrumbs,d().ellipsis,r)}),i,!!i&&!!o&&"/",o)}},66e3(t,n,r){"use strict";function a(){let t=r(45550);return a=function(){return t},t}function i(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function o(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?i(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.diffGraph=function(t,n,r){if(!t||!n||!r)return null;let i=t.nodes,c=n.nodes,d=new Map(i.map(t=>[s(t),t])),p=new Map(c.map(t=>[s(t),t])),m=[];for(let t of i){let n=p.get(s(t));n?m.push(o(o({},t),{},{compareVersion:n.componentId.version,status:n.componentId.isEqual(t.componentId)?void 0:"modified"})):m.push(o(o({},t),{},{compareVersion:t.componentId.version,status:"deleted"}))}for(let t of c.filter(t=>!d.has(s(t))))m.push(o(o({},t),{},{compareVersion:"",status:"new"}));let f=new Map(m.map(t=>[s(t),t])),h=new Map(t.edges.map(t=>[u(t),t])),g=n.edges.filter(t=>!h.has(u(t))).map(t=>o(o({},t),{},{sourceId:f.get(l(t.sourceId))?.id.toString()||r.toString(),targetId:f.get(l(t.targetId))?.id.toString()||r.toString()})),b=[...t.edges,...g];return new(a()).CompareGraphModel(m,b)};let s=t=>t.componentId.toStringWithoutVersion(),l=t=>t.split("@")[0],u=t=>`${l(t.sourceId)}::${l(t.targetId)}`},61212(t,n,r){"use strict";function a(){let t=r(85421);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"DependenciesCompare",{enumerable:!0,get:function(){return a().DependenciesCompare}})},43642(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function i(){let t=r(89054);return i=function(){return t},t}function o(){let t=r(24601);return o=function(){return t},t}function s(){let t=r(95737);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcElements=function(t,{rootNode:n}){return(0,a().useMemo)(()=>{if(!t)return{nodes:[],edges:[]};let r=(0,o().calcLayout)(t);return{nodes:Array.from(t.nodes.values()).map(t=>({id:t.id,type:"ComponentNode",data:{node:t,type:n&&t.componentId.isEqual(n,{ignoreVersion:!0})?"root":void 0},position:r.get(t.id)||{x:0,y:0}})),edges:t.edges.map(t=>({id:`_${t.sourceId}__${t.targetId}`,source:t.sourceId,target:t.targetId,label:(0,s().depTypeToLabel)(t.dependencyLifecycleType),labelBgPadding:[4,4],type:"smoothstep",className:(0,s().depTypeToClass)(t.dependencyLifecycleType),arrowHeadType:i().MarkerType.Arrow,markerEnd:{type:i().MarkerType.Arrow}}))}},[t?.nodes.length,t?.edges.length,n?.toString(),t?.nodes.some(t=>t.component)])}},24601(t,n,r){"use strict";function a(){let t=i(r(5109));return a=function(){return t},t}function i(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(i=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function o(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function s(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?o(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcLayout=function(t){let n=new(a()).graphlib.Graph;return n.setGraph({rankdir:"TB",nodesep:25,ranksep:100,edgesep:100,ranker:"longest-path",acyclicer:"greedy"}),n.setDefaultEdgeLabel(()=>({})),t.nodes.forEach(t=>n.setNode(t.id,s(s({},t),{},{width:260,height:90}))),t.edges.forEach(t=>n.setEdge(t.sourceId,t.targetId)),a().default.layout(n),new Map(n.nodes().map(t=>{let r=n.node(t);return[t,{x:r.x-r.width/2,y:r.y-r.height/2}]}))}},37484(t,n,r){"use strict";function a(){let t=r(53495);return a=function(){return t},t}function i(){var t;let n=(t=r(79568))&&t.__esModule?t:{default:t};return i=function(){return n},n}Object.defineProperty(n,"__esModule",{value:!0}),n.depTypeToClass=function(t){switch(t){case"DEV":return i().default.dev;case"PEER":return i().default.peer;case"RUNTIME":return i().default.runtime;default:return}},n.depTypeToLabel=function(t){switch(t){case a().EdgeType.peer:return"Peer Dependency";case a().EdgeType.dev:return"Development Dependency";case a().EdgeType.runtime:return"Dependency";default:return t.toLowerCase()}}},95737(t,n,r){"use strict";function a(){let t=r(37484);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return a().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return a().depTypeToLabel}})},33291(t,n,r){"use strict";function a(){let t=f(r(12888));return a=function(){return t},t}function i(){let t=m(r(97500));return i=function(){return t},t}function o(){let t=f(r(89054));return o=function(){return t},t}function s(){let t=r(69413);return s=function(){return t},t}function l(){let t=r(43642);return l=function(){return t},t}function u(){let t=r(34124);return u=function(){return t},t}function c(){let t=r(49349);return c=function(){return t},t}function d(){let t=m(r(60155));return d=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DependenciesGraph=function(t){let{graph:n,rootNode:r,componentWidgets:s,className:m,onLoad:f,children:b,loadingGraphMetadata:y}=t,v=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,p),_=a().default.useMemo(()=>({ComponentNode:g}),[]),w=(0,a().useRef)(void 0),x=(0,l().calcElements)(n,{rootNode:r}),[k,j]=(0,o().useNodesState)(x.nodes);(0,a().useEffect)(()=>{j(x.nodes)},[x.nodes]);let C=(0,a().useMemo)(()=>({componentWidgets:s,loadingGraphMetadata:y}),[s,y]),S=(0,a().useCallback)(t=>{w.current=t,(x?.nodes.length??0)<=3?t.fitView({padding:2,maxZoom:1}):t.fitView({maxZoom:1}),f?.(t)},[f]);return(0,a().useEffect)(()=>()=>w.current=void 0,[]),(0,a().useEffect)(()=>{setTimeout(()=>{if(x?.nodes.length)return(x?.nodes?.length??0)<=3?w.current?.fitView({padding:2,maxZoom:1}):w.current?.fitView({maxZoom:1})},100)},[x?.nodes.length]),a().default.createElement(c().ComponentGraphContext.Provider,{value:C},a().default.createElement(o().ReactFlowProvider,null,a().default.createElement(o().default,h({draggable:!1,nodesDraggable:!0,selectNodesOnDrag:!1,nodesConnectable:!1,zoomOnDoubleClick:!1,elementsSelectable:!1,maxZoom:100,minZoom:0},v,{className:(0,i().default)(d().default.graph,m),nodes:k,edges:x.edges,nodeTypes:_,onInit:S,fitView:!0,fitViewOptions:{padding:(x?.nodes.length??0)<=3?2:void 0,maxZoom:1},proOptions:{hideAttribution:!0}}),a().default.createElement(o().Background,null),a().default.createElement(o().Controls,{className:d().default.controls}),a().default.createElement(o().MiniMap,{nodeColor:u().calcMinimapColors,className:d().default.minimap}),b)))},r(55244);let p=["graph","rootNode","componentWidgets","className","onLoad","children","loadingGraphMetadata"];function m(t){return t&&t.__esModule?t:{default:t}}function f(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(f=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function h(){return(h=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function g(t){let{sourcePosition:n=o().Position.Top,targetPosition:r=o().Position.Bottom,data:i,id:l}=t,u=o().Handle;return a().default.createElement("div",{key:l},a().default.createElement(u,{type:"target",position:r,isConnectable:!1}),a().default.createElement(u,{type:"source",position:n,isConnectable:!1}),a().default.createElement(s().ComponentNode,{node:i.node,type:i.type}))}},49349(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentGraphContext=void 0,n.ComponentGraphContext=(0,a().createContext)(void 0)},86528(t,n,r){"use strict";function a(){var t;let n=(t=r(60155))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(33291);return i=function(){return t},t}function o(){let t=r(49349);return o=function(){return t},t}function s(){let t=r(95737);return s=function(){return t},t}function l(){let t=r(34124);return l=function(){return t},t}function u(){let t=r(24601);return u=function(){return t},t}function c(){let t=r(43642);return c=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentGraph",{enumerable:!0,get:function(){return o().ComponentGraph}}),Object.defineProperty(n,"ComponentGraphContext",{enumerable:!0,get:function(){return o().ComponentGraphContext}}),Object.defineProperty(n,"DependenciesGraph",{enumerable:!0,get:function(){return i().DependenciesGraph}}),Object.defineProperty(n,"calcElements",{enumerable:!0,get:function(){return c().calcElements}}),Object.defineProperty(n,"calcLayout",{enumerable:!0,get:function(){return u().calcLayout}}),Object.defineProperty(n,"calcMinimapColors",{enumerable:!0,get:function(){return l().calcMinimapColors}}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return s().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return s().depTypeToLabel}}),n.styles=void 0;let{graph:d,minimap:p,controls:m}=a().default;n.styles={graph:d,minimap:p,controls:m}},34124(t,n,r){"use strict";function a(){let t=r(69413);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcMinimapColors=function(t){switch(t.data?.type){case"root":return a().rootNodeColor;case"external":return a().externalNodeColor;default:return a().defaultNodeColor}}},76065(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(94117);return i=function(){return t},t}function o(){let t=r(9819);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphFilters=function(t){let{onChangeFilter:n,isFiltered:r,disable:l}=t,u=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,s);return a().default.createElement(i().Card,u,a().default.createElement("div",null,a().default.createElement(o().CheckboxLabel,{checked:!r,disabled:l,onInputChanged:t=>n(!t.target.checked)}," ","show non-runtime")))};let s=["onChangeFilter","isFiltered","disable"]},58715(t,n,r){"use strict";function a(){let t=h(r(12888));return a=function(){return t},t}function i(){let t=r(80105);return i=function(){return t},t}function o(){let t=r(34926);return o=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(49666);return l=function(){return t},t}function u(){let t=f(r(97500));return u=function(){return t},t}function c(){let t=r(30469);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(){let t=r(76065);return p=function(){return t},t}function m(){let t=f(r(28751));return m=function(){return t},t}function f(t){return t&&t.__esModule?t:{default:t}}function h(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(h=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphPage=function({componentWidgets:t}){let n=(0,a().useContext)(s().ComponentContext),[r,f]=(0,a().useState)("runtimeOnly"),{graph:h,error:g,graphLoading:b,loading:y}=(0,c().useGraphQuery)([n.id.toString()],r);return g?404===g.code?a().default.createElement(i().NotFoundPage,null):a().default.createElement(o().ServerErrorPage,null):a().default.createElement("div",{className:(0,u().default)(m().default.page)},a().default.createElement(d().DependenciesGraph,{componentWidgets:t,graph:h,rootNode:n.id,className:(0,u().default)(m().default.graph,!h&&l().skeleton),loadingGraphMetadata:b},h&&a().default.createElement(p().GraphFilters,{className:(0,u().default)(m().default.filters),disable:y,isFiltered:"runtimeOnly"===r,onChangeFilter:t=>{f(t?"runtimeOnly":void 0)}})))}},99055(t,n,r){"use strict";function a(){var t;let n=(t=r(28751))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(58715);return i=function(){return t},t}function o(){let t=r(76065);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"GraphFilters",{enumerable:!0,get:function(){return o().GraphFilters}}),Object.defineProperty(n,"GraphPage",{enumerable:!0,get:function(){return i().GraphPage}}),n.styles=void 0;let{graph:s,filters:l}=a().default;n.styles={graph:s,filters:l}},2535(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(99055);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphSection=void 0;let GraphSection=class GraphSection{constructor(t){this.componentWidgetSlot=t,o(this,"route",{path:"~graph",element:a().default.createElement(i().GraphPage,{componentWidgets:this.componentWidgetSlot})}),o(this,"navigationLink",{href:"~graph",children:"Graph"}),o(this,"order",40)}};n.GraphSection=GraphSection},49728(t,n){"use strict";function r(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.EdgeModel=void 0;let EdgeModel=class EdgeModel{constructor(){r(this,"sourceId",void 0),r(this,"targetId",void 0),r(this,"dependencyLifecycleType",void 0)}static from(t){let n=new EdgeModel;return n.sourceId=t.sourceId,n.targetId=t.targetId,n.dependencyLifecycleType=t.dependencyLifecycleType,n}};n.EdgeModel=EdgeModel},98922(t,n,r){"use strict";function a(){let t=r(92590);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.GET_GRAPH_IDS=n.GET_GRAPH=void 0,n.GET_GRAPH_IDS=(0,a().gql)`
+`},7422(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useDocs=n.docsFields=void 0;var a=r(90896);Object.defineProperty(n,"docsFields",{enumerable:!0,get:function(){return a.docsFields}}),Object.defineProperty(n,"useDocs",{enumerable:!0,get:function(){return a.useDocs}})},32021(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.DocsAspect=void 0;let i=n.DocsAspect=a().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});n.default=i},50207(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.defaultDocs=void 0,n.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},50833(t,n,r){"use strict";function a(){let t=g(r(12888));return a=function(){return t},t}function i(){let t=r(46746);return i=function(){return t},t}function o(){let t=r(30266);return o=function(){return t},t}function s(){let t=r(72631);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(75740);return u=function(){return t},t}function c(){let t=r(12178);return c=function(){return t},t}function d(){let t=r(32557);return d=function(){return t},t}function p(){let t=r(64199);return p=function(){return t},t}function m(){let t=r(32021);return m=function(){return t},t}function f(){let t=g(r(72644));return f=function(){return t},t}function h(){let t=r(23374);return h=function(){return t},t}function g(t){return t&&t.__esModule?t:{default:t}}function b(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let DocsUI=class DocsUI{constructor(t,n,r,a){this.titleBadgeSlot=t,this.overviewOptionsSlot=n,this.usePreviewSandboxSlot=r,this.usePreviewPropsSlot=a,b(this,"_emptyState",void 0)}registerTitleBadge(t){let n=Array.isArray(t)?t:[t];return this.titleBadgeSlot.register(n),this}listTitleBadges(){return(0,i().flatten)(this.titleBadgeSlot.values())}registerEmptyState(t){return this._emptyState=t}registerPreviewSandbox(t){this.usePreviewSandboxSlot.register(t)}registerPreviewProps(t){this.usePreviewPropsSlot.register(t)}getEmptyState(){return this._emptyState}getDocsCompare(){return a().default.createElement(c().OverviewCompare,{titleBadges:this.titleBadgeSlot,overviewOptions:this.overviewOptionsSlot})}registerOverviewOptions(t){this.overviewOptionsSlot.register(t)}static async provider([t,n,r],i,[o,s,l,u]){let c=new DocsUI(o,s,l,u),p=new(h()).OverviewSection(o,s,c,r,l,u),m=new(d()).OverviewCompareSection(c);return t.registerRoute(p.route),t.registerNavigation(p.navigationLink,p.order),n.registerNavigation(m),n.registerRoutes([m.route]),n.registerCompareTab({id:"inline-docs",order:3,displayName:"Docs",element:a().default.createElement("div",{className:f().default.contain},c.getDocsCompare()),lazy:!0}),c.registerPreviewSandbox((t,n)=>{n?.host==="teambit.scope/scope"&&(t.add("allow-scripts"),t.add("allow-same-origin"))}),c.registerPreviewProps(t=>{t.set("allow","clipboard-write")}),c}};b(DocsUI,"dependencies",[o().ComponentAspect,u().ComponentCompareAspect,p().APIReferenceAspect]),b(DocsUI,"runtime",l().UIRuntime),b(DocsUI,"slots",[s().Slot.withType(),s().Slot.withType(),s().Slot.withType(),s().Slot.withType()]),m().DocsAspect.addRuntime(DocsUI)},82894(t,n,r){"use strict";function a(){let t=r(32021);return a=function(){return t},t}function i(){let t=r(38975);return i=function(){return t},t}function o(){let t=r(50207);return o=function(){return t},t}function s(){let t=r(45688);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BadgePosition",{enumerable:!0,get:function(){return s().BadgePosition}}),Object.defineProperty(n,"Doc",{enumerable:!0,get:function(){return i().Doc}}),Object.defineProperty(n,"DocProp",{enumerable:!0,get:function(){return i().DocProp}}),Object.defineProperty(n,"DocPropList",{enumerable:!0,get:function(){return i().DocPropList}}),Object.defineProperty(n,"DocsAspect",{enumerable:!0,get:function(){return a().DocsAspect}}),Object.defineProperty(n,"Overview",{enumerable:!0,get:function(){return s().Overview}}),n.default=void 0,Object.defineProperty(n,"defaultDocs",{enumerable:!0,get:function(){return o().defaultDocs}}),n.default=a().DocsAspect},23374(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(45688);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.OverviewSection=void 0;let OverviewSection=class OverviewSection{constructor(t,n,r,s,l,u){this.titleBadgeSlot=t,this.overviewOptionsSlot=n,this.docs=r,this.apiRef=s,this.usePreviewSandboxSlot=l,this.usePreviewPropsSlot=u,o(this,"navigationLink",{href:".",exact:!0,children:"Overview"}),o(this,"route",{index:!0,element:a().default.createElement(i().Overview,{titleBadges:this.titleBadgeSlot,overviewOptions:this.overviewOptionsSlot,getEmptyState:this.docs.getEmptyState.bind(this.docs),TaggedAPI:this.apiRef.TaggedAPIPage,usePreviewSandboxSlot:this.usePreviewSandboxSlot,usePreviewPropsSlot:this.usePreviewPropsSlot})}),o(this,"order",10)}};n.OverviewSection=OverviewSection},45688(t,n,r){"use strict";function a(){let t=r(77237);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BadgePosition",{enumerable:!0,get:function(){return a().BadgePosition}}),Object.defineProperty(n,"Overview",{enumerable:!0,get:function(){return a().Overview}})},77237(t,n,r){"use strict";var a;function i(){let t=y(r(12888));return i=function(){return t},t}function o(){let t=b(r(97500));return o=function(){return t},t}function s(){let t=r(46746);return s=function(){return t},t}function l(){let t=r(30266);return l=function(){return t},t}function u(){let t=r(37175);return u=function(){return t},t}function c(){let t=r(4080);return c=function(){return t},t}function d(){let t=r(71169);return d=function(){return t},t}function p(){let t=r(55970);return p=function(){return t},t}function m(){let t=r(60517);return m=function(){return t},t}function f(){let t=r(19014);return f=function(){return t},t}function h(){let t=b(r(22445));return h=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.BadgePosition=void 0,n.Overview=function({titleBadges:t,overviewOptions:n,previewProps:r,getEmptyState:a,TaggedAPI:c,usePreviewSandboxSlot:b,usePreviewPropsSlot:y}){let w=(0,i().useContext)(l().ComponentContext),x=(0,l().useComponentDescriptor)(),k=(0,s().flatten)(n.values())[0],j=!w.preview?.legacyHeader,C=a&&a(),S=w.buildStatus?.toLowerCase()!=="succeed"&&w?.host==="teambit.scope/scope",O=!!w.preview?.isScaling,E=!!w.preview?.includesEnvTemplate,$=i().default.useMemo(()=>O&&!E,[O,E]),{isMinimal:D}=(0,m().useWorkspaceMode)(),[P,N]=(0,i().useState)($),M=b?.values()??[],T=y?.values()??[],I=`onlyOverview=${w.preview?.onlyOverview||"false"}&skipIncludes=${w.preview?.skipIncludes||w.preview?.onlyOverview}`,A=k&&k(),{renderCompositionsFirst:F,defaultPkgManager:R}=A||{},L=r||{},{onLoad:z,style:B}=L,q=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(L,g),G=i().default.useCallback((t,n)=>{N(!1),z?.(t,n)},[z]);return i().default.useEffect(()=>{!P&&$&&N(!0),P&&!$&&N(!1)},[w.id.toString(),$]),i().default.createElement("div",{className:(0,o().default)(h().default.overviewWrapper,P&&h().default.noOverflow),key:`${w.id.toString()}`},j&&i().default.createElement(d().ComponentOverview,{className:(0,o().default)(h().default.componentOverviewBlock,!O&&h().default.legacyPreview),displayName:w.displayName,abstract:w.description,labels:w.labels,packageName:w.packageName,titleBadges:(0,s().flatten)(t.values()),componentDescriptor:x,component:w,pkgManager:R}),!S&&i().default.createElement("div",{className:h().default.readme},P&&i().default.createElement(f().ReadmeSkeleton,null,i().default.createElement(p().CompositionGallerySkeleton,{compositionsLength:Math.min(w.compositions.length,3)})),i().default.createElement(u().SandboxPermissionsAggregator,{hooks:M,component:w},t=>i().default.createElement(u().PreviewPropsAggregator,{hooks:T,component:w},n=>D||F?i().default.createElement(i().default.Fragment,null,w.preview?.onlyOverview&&!P&&i().default.createElement(p().CompositionGallery,{component:w,sandbox:t}),i().default.createElement(u().ComponentPreview,v({},n,{onLoad:G,previewName:"overview",pubsub:!0,queryParams:[I,A?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,propagateError:D,sandbox:t},q,{component:w,style:{width:"100%",height:"100%",minHeight:O?void 0:500}}))):i().default.createElement(i().default.Fragment,null,i().default.createElement(u().ComponentPreview,v({},n,{onLoad:G,previewName:"overview",pubsub:!0,queryParams:[I,A?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:t},q,{component:w,style:{width:"100%",height:"100%",minHeight:O?void 0:500}})),w.preview?.onlyOverview&&!P&&i().default.createElement(p().CompositionGallery,{component:w,sandbox:t})))),w.preview?.onlyOverview&&!P&&c&&i().default.createElement(c,{componentId:w.id.toString()})),S&&(C?i().default.createElement(C,null):i().default.createElement("div",{className:h().default.buildFailed},i().default.createElement(_,{buildStatus:w.buildStatus}))))};let g=["onLoad","style"];function b(t){return t&&t.__esModule?t:{default:t}}function y(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(y=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function v(){return(v=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function _({buildStatus:t}){return t?.toLowerCase()==="pending"?i().default.createElement(c().StatusMessageCard,{status:"PROCESSING",title:"component preview pending"},"this might take some time"):i().default.createElement(c().StatusMessageCard,{status:"FAILURE",title:"failed to get component preview"})}(a={})[a.Title=0]="Title",a[a.SubTitle=1]="SubTitle",a[a.Labels=2]="Labels",a[a.Package=3]="Package",n.BadgePosition=a},19014(t,n,r){"use strict";function a(){let t=s(r(12888));return a=function(){return t},t}function i(){let t=r(91317);return i=function(){return t},t}function o(){let t=s(r(22445));return o=function(){return t},t}function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.ReadmeSkeleton=function({children:t}){return a().default.createElement("div",{className:o().default.readmeSkeleton},a().default.createElement(i().LineSkeleton,{width:"80%"}),a().default.createElement(i().LineSkeleton,{width:"70%"}),a().default.createElement(i().LineSkeleton,{width:"40%",style:{marginBottom:40}}),a().default.createElement(i().LineSkeleton,{width:"30%",style:{marginBottom:16}}),a().default.createElement(i().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),t)}},4462(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.AppTypeList=void 0;let AppTypeList=class AppTypeList{constructor(t,n,r){this.name=t,this.appTypes=n,this.context=r}compute(){return this.appTypes.map(t=>t(this.context))}static from(t,n={}){return r=>new AppTypeList(n.name||"app-type-list",t,r)}};n.AppTypeList=AppTypeList},19273(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.WORKSPACE_ASPECT_ID=n.TYPESCRIPT_ASPECT_ID=n.TESTER_ASPECT_ID=n.SCOPE_ASPECT_ID=n.PUBSUB_ASPECT_ID=n.PKG_ASPECT_ID=n.ISOLATOR_ASPECT_ID=n.DOCS_ASPECT_ID=n.DEV_FILES_ASPECT_ID=n.DEPENDENCY_RESOLVER_ASPECT_ID=n.COMPILER_ASPECT_ID=n.BUNDLER_ASPECT_ID=n.BUILDER_ASPECT_ID=n.APPLICATION_ASPECT_ID=void 0,n.WORKSPACE_ASPECT_ID="teambit.workspace/workspace",n.SCOPE_ASPECT_ID="teambit.scope/scope",n.PUBSUB_ASPECT_ID="teambit.harmony/pubsub",n.BUILDER_ASPECT_ID="teambit.pipelines/builder",n.COMPILER_ASPECT_ID="teambit.compilation/compiler",n.BUNDLER_ASPECT_ID="teambit.compilation/bundler",n.TESTER_ASPECT_ID="teambit.defender/tester",n.PKG_ASPECT_ID="teambit.pkg/pkg",n.APPLICATION_ASPECT_ID="teambit.harmony/application",n.DOCS_ASPECT_ID="teambit.docs/docs",n.DEPENDENCY_RESOLVER_ASPECT_ID="teambit.dependencies/dependency-resolver",n.DEV_FILES_ASPECT_ID="teambit.component/dev-files",n.ISOLATOR_ASPECT_ID="teambit.component/isolator",n.TYPESCRIPT_ASPECT_ID="teambit.typescript/typescript"},80552(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CAPSULE_ARTIFACTS_DIR=n.BUNDLE_UI_DIR=void 0,n.CAPSULE_ARTIFACTS_DIR="artifacts",n.BUNDLE_UI_DIR="ui-bundle"},84507(t,n){"use strict";var r;Object.defineProperty(n,"__esModule",{value:!0}),n.CompilationInitiator=void 0,(r={})[r.CmdReport=0]="CmdReport",r[r.CmdJson=1]="CmdJson",r[r.PreStart=2]="PreStart",r[r.PreWatch=3]="PreWatch",r[r.Start=4]="Start",r[r.ComponentChanged=5]="ComponentChanged",r[r.AspectLoadFail=6]="AspectLoadFail",r[r.ComponentAdded=7]="ComponentAdded",r[r.Install=8]="Install",r[r.PreDevServer=9]="PreDevServer",n.CompilationInitiator=r},89844(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentMap=void 0;let ComponentMap=class ComponentMap{constructor(t){this.hashMap=t}get components(){return this.toArray().map(([t])=>t)}get(t){return this.hashMap.get(t.id.toString())}getValueByComponentId(t){let n=this.hashMap.get(t.toString());return n?n[1]:null}toArray(){return Array.from(this.hashMap.values())}map(t){return new ComponentMap(new Map(this.toArray().map(([n,r])=>{let a=t(r,n);return[n.id.toString(),[n,a]]})))}async asyncMap(t){let n=this.toArray().map(async([n,r])=>{let a=await t(r,n);return[n.id.toString(),[n,a]]});return new ComponentMap(new Map(await Promise.all(n)))}forEach(t){this.toArray().forEach(([n,r])=>{t(r,n)})}flattenValue(){return this.toArray().reduce((t,[,n])=>t=t.concat(n),[])}filter(t){return new ComponentMap(new Map(this.toArray().filter(([,n])=>t(n)).map(([t,n])=>[t.id.toString(),[t,n]])))}keys(){return this.hashMap.keys()}static create(t){return new ComponentMap(new Map(t.map(([t,n])=>[t.id.toString(),[t,n]])))}static as(t,n){return new ComponentMap(new Map(t.map(t=>[t.id.toString(),[t,n(t)]])))}static async asAsync(t,n){return new ComponentMap(new Map(await Promise.all(t.map(async t=>[t.id.toString(),[t,await n(t)]]))))}};n.ComponentMap=ComponentMap},37787(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ConfigWriterList=void 0;let ConfigWriterList=class ConfigWriterList{constructor(t){this._writers=t}get writers(){return this._writers}initiateWriters(t,n){return t.map(t=>t.handler(n))}add(t){return this._writers=this._writers.concat(t),this}remove(t){return this._writers=this._writers.filter(n=>!t.includes(n.name)),this}replace(t){return t.forEach(t=>{let n=this._writers.findIndex(n=>n.name===t.name);-1!==n&&this._writers.splice(n,1,t)}),this}concat(t){return new ConfigWriterList(this._writers.concat(t.writers))}compute(t){return this.initiateWriters(this._writers,t)}static from(t){return new ConfigWriterList(t)}};n.ConfigWriterList=ConfigWriterList},18848(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={ComponentMap:!0,BUNDLE_UI_DIR:!0,CAPSULE_ARTIFACTS_DIR:!0,Pipeline:!0,CompilationInitiator:!0,Tests:!0,typescriptSchemaExtractor:!0,COMPONENT_PREVIEW_STRATEGY_NAME:!0,AppTypeList:!0,BitBaseEvent:!0,PackageGenerator:!0,TemplateList:!0,StarterList:!0,ConfigWriterList:!0};function i(){let t=r(89844);return i=function(){return t},t}function o(){let t=r(80552);return o=function(){return t},t}function s(){let t=r(8312);return s=function(){return t},t}function l(){let t=r(84507);return l=function(){return t},t}function u(){let t=r(88161);return u=function(){return t},t}function c(){let t=r(81137);return c=function(){return t},t}function d(){let t=r(28892);return d=function(){return t},t}function p(){let t=r(4462);return p=function(){return t},t}function m(){let t=r(39953);return m=function(){return t},t}Object.defineProperty(n,"AppTypeList",{enumerable:!0,get:function(){return p().AppTypeList}}),Object.defineProperty(n,"BUNDLE_UI_DIR",{enumerable:!0,get:function(){return o().BUNDLE_UI_DIR}}),Object.defineProperty(n,"BitBaseEvent",{enumerable:!0,get:function(){return m().BitBaseEvent}}),Object.defineProperty(n,"CAPSULE_ARTIFACTS_DIR",{enumerable:!0,get:function(){return o().CAPSULE_ARTIFACTS_DIR}}),Object.defineProperty(n,"COMPONENT_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return d().COMPONENT_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(n,"CompilationInitiator",{enumerable:!0,get:function(){return l().CompilationInitiator}}),Object.defineProperty(n,"ComponentMap",{enumerable:!0,get:function(){return i().ComponentMap}}),Object.defineProperty(n,"ConfigWriterList",{enumerable:!0,get:function(){return y().ConfigWriterList}}),Object.defineProperty(n,"PackageGenerator",{enumerable:!0,get:function(){return h().PackageGenerator}}),Object.defineProperty(n,"Pipeline",{enumerable:!0,get:function(){return s().Pipeline}}),Object.defineProperty(n,"StarterList",{enumerable:!0,get:function(){return b().StarterList}}),Object.defineProperty(n,"TemplateList",{enumerable:!0,get:function(){return g().TemplateList}}),Object.defineProperty(n,"Tests",{enumerable:!0,get:function(){return u().Tests}}),Object.defineProperty(n,"typescriptSchemaExtractor",{enumerable:!0,get:function(){return c().typescriptSchemaExtractor}});var f=r(19273);function h(){let t=r(89356);return h=function(){return t},t}function g(){let t=r(97177);return g=function(){return t},t}function b(){let t=r(30968);return b=function(){return t},t}function y(){let t=r(37787);return y=function(){return t},t}Object.keys(f).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(a,t)||t in n&&n[t]===f[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return f[t]}})})},89356(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PackageGenerator=void 0;let PackageGenerator=class PackageGenerator{constructor(t,n={},r=[],a){this.context=t,this._packageJson=n,this._npmIgnore=r,this._modifyPackageJson=a}get packageJsonProps(){return this._packageJson}get npmIgnore(){return this._npmIgnore}get modifyPackageJson(){return this._modifyPackageJson}static from(t){return n=>new PackageGenerator(n,t.packageJson,t.npmIgnore,t.modifyPackageJson)}};n.PackageGenerator=PackageGenerator},8312(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Pipeline=void 0;let Pipeline=class Pipeline{constructor(t){this._tasks=t}get tasks(){return this._tasks}initiateTasks(t,n,r){return t.map(t=>t.handler(n)).map(t=>{let n=t.aspectId||r;return Object.assign(Object.create(Object.getPrototypeOf(t)),t,{aspectId:n})})}add(t){return this._tasks=this._tasks.concat(t),this}remove(t){return this._tasks=this._tasks.filter(n=>!t.includes(n.name)),this}replace(t){return t.forEach(t=>{let n=this._tasks.findIndex(n=>n.name===t.name);-1!==n?this._tasks.splice(n,1,t):this._tasks.push(t)}),this}concat(t){return new Pipeline(this._tasks.concat(t.tasks))}compute(t){return this.initiateTasks(this._tasks,t,t.envId.toString())}static from(t){return new Pipeline(t)}};n.Pipeline=Pipeline},28892(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.COMPONENT_PREVIEW_STRATEGY_NAME=void 0,n.COMPONENT_PREVIEW_STRATEGY_NAME="component"},39953(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BitBaseEvent=void 0;let BitBaseEvent=class BitBaseEvent{constructor(t,n,r,a){this.type=t,this.version=n,this.timestamp=r,this.data=a}};n.BitBaseEvent=BitBaseEvent},81137(t,n,r){"use strict";function a(){let t=r(19273);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.typescriptSchemaExtractor=function(t={}){return n=>{let r=n.getAspect(a().TYPESCRIPT_ASPECT_ID);if(!r)throw Error("typescriptSchemaExtractor() needs the typescript aspect, which is not loaded");if(r.createSchemaExtractorFromOptions)return r.createSchemaExtractorFromOptions(t,n);let i={compilerOptions:t.compilerOptions},o=n.getAspect(a().WORKSPACE_ASPECT_ID)?.path||n.getAspect(a().SCOPE_ASPECT_ID)?.path||"";return r.createSchemaExtractor(i,o,o,t.schemaTransformers,t.apiTransformers,t.includeFiles)}}},30968(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.StarterList=void 0;let StarterList=class StarterList{constructor(t,n,r){this.name=t,this.starters=n,this.context=r}compute(){return this.starters.map(t=>t(this.context))}static from(t,n={}){return r=>new StarterList(n.name||"starter-list",t,r)}};n.StarterList=StarterList},97177(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.TemplateList=void 0;let TemplateList=class TemplateList{constructor(t,n,r){this.name=t,this.templates=n,this.context=r}compute(){return this.templates.map(t=>t(this.context))}static from(t,n={}){return r=>new TemplateList(n.name||"template-list",t,r)}};n.TemplateList=TemplateList},88161(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Tests=void 0;let Tests=class Tests{constructor(t){this.components=t}get errors(){return this.components.map(t=>t.errors||[]).flat()}};n.Tests=Tests},23657(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.EnvIcon=void 0;let l=r(11684);n.EnvIcon=(0,s(r(12888)).forwardRef)(function({component:t,...n},r){return t&&t.environment?.icon?(0,l.jsx)("img",{ref:r,...n,src:t.environment?.icon,alt:t.environment.id}):(0,l.jsx)("span",{})})},71292(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EnvIcon=void 0;var a=r(23657);Object.defineProperty(n,"EnvIcon",{enumerable:!0,get:function(){return a.EnvIcon}})},91726(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ChangedPill=function(){return(0,i.jsxs)("span",{className:o.default.changedPill,children:[(0,i.jsx)("span",{className:o.default.changedDot}),"changed"]})},n.BuildSpinner=function(){return(0,i.jsx)("div",{className:o.default.spinnerBadge,children:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",children:[(0,i.jsx)("circle",{cx:"7",cy:"7",r:"5",stroke:s(20),strokeWidth:"1.5",fill:"none"}),(0,i.jsx)("circle",{cx:"7",cy:"7",r:"5",stroke:"var(--bit-accent-color, #6c5ce7)",strokeWidth:"1.5",fill:"none",strokeDasharray:"8 24",strokeLinecap:"round",className:o.default.spinnerArc})]})})},n.BuildingPreview=function(){return(0,i.jsxs)("div",{className:o.default.buildingPreview,children:[(0,i.jsxs)("svg",{width:"100%",height:"100%",preserveAspectRatio:"none",className:o.default.dotsPattern,children:[(0,i.jsx)("defs",{children:(0,i.jsx)("pattern",{id:"dots-accent",width:"14",height:"14",patternUnits:"userSpaceOnUse",children:(0,i.jsx)("circle",{cx:"7",cy:"7",r:"1",fill:s(20)})})}),(0,i.jsx)("rect",{width:"100%",height:"100%",fill:"url(#dots-accent)"})]}),(0,i.jsxs)("div",{className:o.default.buildingPlaceholder,style:{border:`1.5px dashed ${s(40)}`},children:[(0,i.jsx)("div",{style:{height:6,width:"55%",background:s(27),borderRadius:3}}),(0,i.jsx)("div",{style:{height:4,width:"85%",background:s(13),borderRadius:2}}),(0,i.jsx)("div",{style:{height:4,width:"70%",background:s(13),borderRadius:2}})]})]})},n.QueuedPreview=function(){return(0,i.jsx)("div",{className:o.default.queuedPreview,children:(0,i.jsxs)("svg",{width:"46",height:"46",viewBox:"0 0 46 46",children:[(0,i.jsx)("circle",{cx:"23",cy:"23",r:"20",fill:"none",stroke:s(20),strokeWidth:"1.2",strokeDasharray:"3 4"}),(0,i.jsx)("circle",{cx:"23",cy:"23",r:"3",fill:s(53)})]})})};let i=r(11684);a(r(12888));let o=a(r(11250)),s=t=>`color-mix(in srgb, var(--bit-accent-color, #6c5ce7) ${t}%, transparent)`},44050(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverviewFilterPanel=function({aggregation:t,onAggregationChange:n,availableAggregations:r,items:a,activeNamespaces:i,onNamespacesChange:o,activeScopes:s,onScopesChange:l}){let h=(0,c.useMemo)(()=>[...new Set(a.map(t=>t.component.id.namespace||"/"))].map(t=>({value:t})),[a]),g=(0,c.useMemo)(()=>[...new Set(a.map(t=>t.component.id.scope))].map(t=>({value:t})),[a]),b=i.map(t=>({value:t})),y=s.map(t=>({value:t})),v=Math.max(0,r.findIndex(n=>n===t));return(0,u.jsxs)("div",{className:m.default.commandBar,children:[(0,u.jsxs)("div",{className:m.default.leftCluster,children:[(0,u.jsx)(p.BaseFilter,{id:"namespaces",placeholder:"Namespaces",options:h,activeOptions:b,onChange:t=>{o((Array.isArray(t)?t:t?[t]:[]).map(t=>t.value).filter(t=>"string"==typeof t))},isSearchable:!0}),(0,u.jsx)(p.BaseFilter,{id:"scopes",placeholder:"Scopes",options:g,activeOptions:y,onChange:t=>{l((Array.isArray(t)?t:t?[t]:[]).map(t=>t.value).filter(t=>"string"==typeof t))},isSearchable:!0})]}),(0,u.jsx)("div",{className:m.default.rightCluster,children:(0,u.jsx)(d.ToggleButton,{className:m.default.aggToggle,defaultIndex:v,onOptionSelect:t=>{n(r[t])},options:r.map(t=>({value:t,element:f[t]}))})})]})};let u=r(11684),c=s(r(12888)),d=r(74256),p=r(915),m=l(r(90974)),f={namespaces:"Namespaces",scopes:"Scopes",none:"None"}},10808(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverviewSkeleton=function({count:t=12,header:n,className:r}){return(0,i.jsxs)("div",{className:(0,o.default)(l.default.container,r),"aria-busy":"true","aria-live":"polite",children:[(0,i.jsx)("div",{className:l.default.stickyHeader,children:n||(0,i.jsxs)("div",{className:l.default.commandBar,children:[(0,i.jsxs)("div",{className:l.default.leftCluster,children:[(0,i.jsx)("span",{className:u.default.pill}),(0,i.jsx)("span",{className:u.default.pill})]}),(0,i.jsx)("span",{className:u.default.toggle})]})}),(0,i.jsx)("div",{className:l.default.content,children:(0,i.jsx)(s.ComponentGrid,{className:l.default.cardGrid,children:Array.from({length:t}).map((t,n)=>(0,i.jsxs)("div",{className:u.default.card,style:{animationDelay:`${n%4*70}ms`},children:[(0,i.jsx)("div",{className:u.default.preview,children:(0,i.jsx)("div",{className:u.default.shimmer})}),(0,i.jsxs)("div",{className:u.default.footer,children:[(0,i.jsx)("span",{className:u.default.scopeBadge}),(0,i.jsx)("span",{className:u.default.name}),(0,i.jsx)("span",{className:u.default.hash})]})]},n))})})]})};let i=r(11684);a(r(12888));let o=a(r(97500)),s=r(5370),l=a(r(90974)),u=a(r(73946))},3634(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverview=function({components:t,componentDescriptors:n,getHref:r,header:a,footer:i,emptyState:o,storageNamespace:s="components-overview",showPreview:l,className:x}){let k=`${s}:`,j=(0,c.useRef)(null),C=(0,c.useRef)(null);(0,c.useLayoutEffect)(()=>{let t=j.current,n=C.current;if(!t||!n)return;let r=()=>{t.style.setProperty("--components-overview-sticky-height",`${n.offsetHeight}px`)};r();let a=new ResizeObserver(r);return a.observe(n),()=>a.disconnect()},[]);let S=(0,c.useMemo)(()=>[...new Set(t.map(t=>t.id.scope))],[t]),{cloudScopes:O}=(0,h.useCloudScopes)(S),E=(0,c.useMemo)(()=>new Map((O||[]).map(t=>[t.id.toString(),t])),[O]),$=(0,c.useMemo)(()=>new Map(n.map(t=>[t.id.toString(),t])),[n]),D=(0,c.useMemo)(()=>(0,m.default)(t.map(t=>{if(t.deprecation?.isDeprecate)return null;let n=$.get(t.id.toString());if(!n)return null;let r=E.get(t.id.scope)||f.ScopeID.isValid(t.id.scope)&&{id:f.ScopeID.fromString(t.id.scope)}||void 0;return{component:t,componentDescriptor:n,scope:r?{id:r.id,icon:r.icon,backgroundIconColor:r.backgroundIconColor}:void 0}})),[t,$,E]),[P,N]=(0,b.useQueryParamWithDefault)("aggregation","namespaces",{storageKeyPrefix:k}),[M,T]=(0,b.useListParamWithDefault)("ns",{storageKeyPrefix:k}),[I,A]=(0,b.useListParamWithDefault)("scopes",{storageKeyPrefix:k}),F=(0,c.useMemo)(()=>({namespaces:M,scopes:I,statuses:new Set}),[M,I]),{groups:R,groupType:L,availableAggregations:z,filteredCount:B}=(0,g.useComponentsAggregation)(D,P,F);return(0,u.jsxs)("div",{ref:j,className:(0,d.default)(w.default.container,x),children:[(0,u.jsxs)("div",{ref:C,className:w.default.stickyHeader,children:[a,(0,u.jsx)(_.ComponentsOverviewFilterPanel,{aggregation:P,onAggregationChange:N,availableAggregations:z,items:D,activeNamespaces:M,onNamespacesChange:T,activeScopes:I,onScopesChange:A})]}),(0,u.jsxs)("div",{className:w.default.content,children:[0===B&&o,R.map(t=>(0,u.jsxs)("section",{className:w.default.section,children:["none"!==L&&(0,u.jsx)("div",{className:w.default.sectionHeader,children:(0,u.jsx)(y.NamespaceHeader,{namespace:t.name,items:t.items,scopeIcon:t.scopeIcon,scopeIconColor:t.scopeIconColor})}),(0,u.jsx)(p.ComponentGrid,{className:w.default.cardGrid,children:t.items.map(t=>(0,u.jsx)(v.HopeComponentCard,{component:t.component,componentDescriptor:t.componentDescriptor,scope:t.scope,showPreview:l,getHref:r},t.component.id.toString()))})]},t.name)),i]})]})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(5370),m=l(r(763)),f=r(93171),h=r(61031),g=r(54565),b=r(1049),y=r(39303),v=r(8355),_=r(44050),w=l(r(90974))},21410(t,n){"use strict";function r(t){let n=t.component.buildStatus,r=t.component.status;return"pending"===n?"queued":r?.modifyInfo?.hasModifiedFiles||r?.modifyInfo?.hasModifiedDependencies?"changed":"building"===n?"building":"built"}Object.defineProperty(n,"__esModule",{value:!0}),n.ALL_STATUSES=void 0,n.getComponentStatus=r,n.filterItems=function(t,a){return t.filter(t=>{let i=t.component.id.namespace||"/",o=t.component.id.scope;if(a.namespaces.length&&!a.namespaces.includes(i)||a.scopes.length&&!a.scopes.includes(o))return!1;if(a.statuses.size>0&&a.statuses.size<n.ALL_STATUSES.length){let n=r(t);if(!a.statuses.has(n))return!1}return!0})},n.ALL_STATUSES=["built","changed","building","queued"]},8355(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.HopeComponentCard=function({component:t,componentDescriptor:n,scope:r,showPreview:a,getHref:i}){let[o,s]=(0,c.useState)(!!a),l=(0,c.useRef)(t.server?.url);(0,c.useEffect)(()=>{if(l.current!==t.server?.url&&o){s(!1);let n=setTimeout(()=>s(!0),50);return l.current=t.server?.url,()=>clearTimeout(n)}l.current=t.server?.url},[t.server?.url]),(0,c.useEffect)(()=>{s(!!a)},[a]);let p=(0,g.getComponentStatus)({component:t}),_="var(--bit-accent-color, #6c5ce7)",w="building"===p,x="queued"===p,k="changed"===p,j=i?i(t):`${t.id.fullName}?scope=${t.id.scope}`,C=t.compositions.length>0&&!w&&!o,S=n.get("teambit.envs/envs"),O=S?.data||S,E=O?.id?h.ComponentID.fromString(O.id):void 0,$=w?y.default.cardBuilding:y.default.card,D=w?{borderColor:_,boxShadow:"0 0 0 3px color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 10%, transparent)"}:void 0,P=t.id.namespace?`${t.id.namespace}/${t.id.name}`:t.id.name,N=t.id.version?.slice(0,7),M=t.id.scope?.split(".").pop()?.charAt(0).toUpperCase();return(0,u.jsxs)("div",{className:$,style:D,children:[C&&(0,u.jsx)(f.LoadPreview,{className:y.default.loadPreview,onClick:t=>{t.stopPropagation(),t.preventDefault(),s(!0)}}),(0,u.jsxs)(d.Link,{href:j,className:y.default.linkWrapper,children:[(0,u.jsxs)("div",{className:y.default.preview,children:[(0,u.jsx)("div",{className:y.default.previewInner,children:(0,u.jsx)(v,{component:t,componentDescriptor:n,status:p,shouldShowPreview:o})}),!x&&O?.icon&&(0,u.jsx)("div",{className:y.default.envBadge,children:(0,u.jsx)(m.Tooltip,{delay:300,content:E?.name,children:(0,u.jsx)("img",{src:O.icon,className:y.default.envIcon,alt:""})})}),(k||w)&&(0,u.jsxs)("div",{className:y.default.statusCorner,children:[k&&(0,u.jsx)(b.ChangedPill,{}),w&&(0,u.jsx)(b.BuildSpinner,{})]})]}),(0,u.jsxs)("div",{className:y.default.footer,children:[(0,u.jsx)(m.Tooltip,{delay:300,content:t.id.scope,children:(0,u.jsx)("div",{className:y.default.scopeBadge,style:{background:r?.backgroundIconColor||_},children:r?.icon?(0,u.jsx)("img",{src:r.icon,className:y.default.scopeBadgeIcon,alt:""}):(0,u.jsx)("span",{className:y.default.scopeBadgeInitial,children:M})})}),(0,u.jsx)("span",{className:y.default.name,children:P}),!w&&!x&&N&&(0,u.jsx)("span",{className:y.default.hash,children:N}),w&&(0,u.jsx)("span",{className:y.default.buildingLabel,style:{color:_},children:"BUILDING"})]})]})]})};let u=r(11684),c=s(r(12888)),d=r(19304),p=r(64773),m=r(62634),f=r(54672),h=r(19100),g=r(21410),b=r(91726),y=l(r(91229));function v({component:t,componentDescriptor:n,status:r,shouldShowPreview:a}){return"building"===r?(0,u.jsx)(b.BuildingPreview,{}):(0,u.jsx)(p.PreviewPlaceholder,{component:t,componentDescriptor:n,shouldShowPreview:a})}},54374(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useListParamWithDefault=n.useQueryParamWithDefault=n.useComponentsAggregation=n.ComponentsOverviewFilterPanel=n.NamespaceHeader=n.HopeComponentCard=n.ComponentsOverviewSkeleton=n.ComponentsOverview=void 0;var a=r(3634);Object.defineProperty(n,"ComponentsOverview",{enumerable:!0,get:function(){return a.ComponentsOverview}});var i=r(10808);Object.defineProperty(n,"ComponentsOverviewSkeleton",{enumerable:!0,get:function(){return i.ComponentsOverviewSkeleton}});var o=r(8355);Object.defineProperty(n,"HopeComponentCard",{enumerable:!0,get:function(){return o.HopeComponentCard}});var s=r(39303);Object.defineProperty(n,"NamespaceHeader",{enumerable:!0,get:function(){return s.NamespaceHeader}});var l=r(44050);Object.defineProperty(n,"ComponentsOverviewFilterPanel",{enumerable:!0,get:function(){return l.ComponentsOverviewFilterPanel}});var u=r(54565);Object.defineProperty(n,"useComponentsAggregation",{enumerable:!0,get:function(){return u.useComponentsAggregation}});var c=r(1049);Object.defineProperty(n,"useQueryParamWithDefault",{enumerable:!0,get:function(){return c.useQueryParamWithDefault}}),Object.defineProperty(n,"useListParamWithDefault",{enumerable:!0,get:function(){return c.useListParamWithDefault}})},39303(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.NamespaceHeader=function({namespace:t,items:n,scopeIcon:r,scopeIconColor:a}){let u="var(--bit-accent-color, #6c5ce7)",c=0,d=0;for(let t of n){let n=(0,o.getComponentStatus)(t);"building"===n&&c++,("built"===n||"changed"===n)&&d++}return(0,i.jsxs)("header",{className:s.default.header,children:[(0,i.jsx)(l,{scopeIcon:r,scopeIconColor:a,namespace:t,accent:u}),(0,i.jsx)("span",{className:s.default.name,children:t}),(0,i.jsxs)("span",{className:s.default.count,children:[d,"/",n.length]}),c>0&&(0,i.jsxs)("span",{className:s.default.buildingPill,style:{color:u,background:"color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 12%, transparent)"},children:[(0,i.jsx)("span",{className:s.default.buildingDot,style:{background:u}}),"building"]}),(0,i.jsx)("div",{className:s.default.divider})]})};let i=r(11684);a(r(12888));let o=r(21410),s=a(r(44283));function l({scopeIcon:t,scopeIconColor:n,namespace:r,accent:a}){if(t)return(0,i.jsx)("div",{className:s.default.scopeIconBadge,style:{background:n||a},children:(0,i.jsx)("img",{src:t,className:s.default.scopeIconImg,alt:""})});if(n){let t=r.split(/[./]/).pop()?.charAt(0).toUpperCase()||"?";return(0,i.jsx)("div",{className:s.default.scopeIconBadge,style:{background:n},children:(0,i.jsx)("span",{className:s.default.scopeInitial,children:t})})}return(0,i.jsx)("span",{className:s.default.dot,style:{background:a}})}},8330(t,n){"use strict";function r(t){return t?t.split("/")[0]:""}function a(t){let a=r(t);return a.startsWith("_")?4:n.PRIORITY_HIGH.includes(a)?0:n.PRIORITY_MED.includes(a)?1:n.PRIORITY_LOW.includes(a)?3:2}Object.defineProperty(n,"__esModule",{value:!0}),n.PRIORITY_LOW=n.PRIORITY_MED=n.PRIORITY_HIGH=void 0,n.getRootNamespace=r,n.namespacePriority=a,n.sortNamespacesAdvanced=function(t){return[...t].sort((t,n)=>{let r=a(t),i=a(n);return r!==i?r-i:t.localeCompare(n)})},n.sortItemsByNamespace=function(t){return[...t].sort((t,n)=>{let r=t.component.id.namespace||"/",i=n.component.id.namespace||"/",o=a(r),s=a(i);return o!==s?o-s:t.component.id.name.localeCompare(n.component.id.name)})},n.PRIORITY_HIGH=["ui","pages"],n.PRIORITY_MED=["design"],n.PRIORITY_LOW=["entities","provider","hooks","icons"]},54565(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentsAggregation=function(t,n,r){let s=(0,a.useMemo)(()=>(0,o.filterItems)(t,r),[t,r]);if("none"===n)return{groups:[{name:"all",displayName:"",items:(0,i.sortItemsByNamespace)(s)}],groupType:"none",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length};if("namespaces"===n){let t=new Map;for(let n of s){let r=n.component.id.namespace||"/";t.has(r)||t.set(r,[]),t.get(r).push(n)}return{groups:(0,i.sortNamespacesAdvanced)([...t.keys()]).map(n=>({name:n,displayName:n,items:(0,i.sortItemsByNamespace)(t.get(n))})),groupType:"namespaces",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length}}let l=new Map;for(let t of s){let n=t.component.id.scope;l.has(n)||l.set(n,[]),l.get(n).push(t)}return{groups:[...l.keys()].sort().map(t=>{let n=l.get(t),r=n.find(t=>t.scope?.icon)?.scope;return{name:t,displayName:t,items:(0,i.sortItemsByNamespace)(n),scopeIcon:r?.icon,scopeIconColor:r?.backgroundIconColor}}),groupType:"scopes",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length}};let a=r(12888),i=r(8330),o=r(21410)},1049(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useQueryParamWithDefault=function(t,n,r={}){let{persist:c=!0,storageKeyPrefix:d=o}=r,[p,m]=(0,i.useSearchParams)(),f=d+t;return[(0,a.useMemo)(()=>{let r=p.get(t);if(r)return r;if(c){let t=s(f);if(t)return t}return n},[p,t,f,n,c]),(0,a.useCallback)(n=>{let r=new URLSearchParams(p);null===n?(r.delete(t),c&&u(f)):(r.set(t,n),c&&l(f,n)),m(r)},[p,m,t,f,c])]},n.useListParamWithDefault=function(t,n={}){let{persist:r=!1,storageKeyPrefix:c=o}=n,[d,p]=(0,i.useSearchParams)(),m=c+t;return[(0,a.useMemo)(()=>{let n=d.get(t);if(n)return n.split(",").filter(Boolean);if(r){let t=s(m);if(t)return t.split(",").filter(Boolean)}return[]},[d,t,m,r]),(0,a.useCallback)(n=>{let a=new URLSearchParams(d),i=n.filter(Boolean).join(",");i?(a.set(t,i),r&&l(m,i)):(a.delete(t),r&&u(m)),p(a)},[d,p,t,m,r])]};let a=r(12888),i=r(44178),o="components-overview:";function s(t){try{return localStorage.getItem(t)}catch{return null}}function l(t,n){try{localStorage.setItem(t,n)}catch{}}function u(t){try{localStorage.removeItem(t)}catch{}}},28334(t,n){"use strict";function r(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.DuplicateDependency=void 0;let DuplicateDependency=class DuplicateDependency{constructor(t,n){r(this,"latestVersionId",void 0),r(this,"priorVersions",void 0),this.latestVersionId=t,this.priorVersions=n}};n.DuplicateDependency=DuplicateDependency},53495(t,n){"use strict";var r;Object.defineProperty(n,"__esModule",{value:!0}),n.EdgeType=void 0,(r={}).dev="DEV",r.runtime="RUNTIME",r.peer="PEER",n.EdgeType=r},73977(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.GraphAspect=void 0;let i=n.GraphAspect=a().Aspect.create({id:"teambit.component/graph",dependencies:[],defaultConfig:{}});n.default=i},38285(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function i(){let t=r(72631);return i=function(){return t},t}function o(){let t=r(30266);return o=function(){return t},t}function s(){let t=r(73977);return s=function(){return t},t}function l(){let t=r(2535);return l=function(){return t},t}function u(){let t=r(86528);return u=function(){return t},t}function c(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let GraphUI=class GraphUI{getDependenciesGraph(){return u().DependenciesGraph}registerComponentWidget(t){this.componentWidgetSlot.register(t)}constructor(t){this.componentWidgetSlot=t}static async provider([t],n,[r]){let a=new GraphUI(r),i=new(l()).GraphSection(r);return n.componentTab&&t.registerNavigation(i.navigationLink,i.order),t.registerRoute(i.route),a}};c(GraphUI,"dependencies",[o().ComponentAspect]),c(GraphUI,"runtime",a().UIRuntime),c(GraphUI,"slots",[i().Slot.withType()]),c(GraphUI,"defaultConfig",{componentTab:!0}),s().GraphAspect.addRuntime(GraphUI)},84635(t,n,r){"use strict";function a(){let t=r(61212);return a=function(){return t},t}function i(){let t=r(68812);return i=function(){return t},t}function o(){let t=r(28334);return o=function(){return t},t}function s(){let t=r(73977);return s=function(){return t},t}function l(){let t=r(86528);return l=function(){return t},t}function u(){let t=r(99055);return u=function(){return t},t}function c(){let t=r(30469);return c=function(){return t},t}function d(){let t=r(69413);return d=function(){return t},t}function p(){let t=r(53495);return p=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"DependenciesCompare",{enumerable:!0,get:function(){return a().DependenciesCompare}}),Object.defineProperty(n,"Dependency",{enumerable:!0,get:function(){return i().Dependency}}),Object.defineProperty(n,"DependencyType",{enumerable:!0,get:function(){return i().DependencyType}}),Object.defineProperty(n,"DuplicateDependency",{enumerable:!0,get:function(){return o().DuplicateDependency}}),Object.defineProperty(n,"EdgeModel",{enumerable:!0,get:function(){return c().EdgeModel}}),Object.defineProperty(n,"EdgeType",{enumerable:!0,get:function(){return p().EdgeType}}),Object.defineProperty(n,"GraphAspect",{enumerable:!0,get:function(){return s().GraphAspect}}),Object.defineProperty(n,"GraphFilters",{enumerable:!0,get:function(){return u().GraphFilters}}),Object.defineProperty(n,"GraphModel",{enumerable:!0,get:function(){return c().GraphModel}}),Object.defineProperty(n,"NodeModel",{enumerable:!0,get:function(){return c().NodeModel}}),Object.defineProperty(n,"calcElements",{enumerable:!0,get:function(){return l().calcElements}}),Object.defineProperty(n,"calcLayout",{enumerable:!0,get:function(){return l().calcLayout}}),Object.defineProperty(n,"calcMinimapColors",{enumerable:!0,get:function(){return l().calcMinimapColors}}),Object.defineProperty(n,"componentNodeStyles",{enumerable:!0,get:function(){return d().styles}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return s().GraphAspect}}),Object.defineProperty(n,"defaultNode",{enumerable:!0,get:function(){return d().defaultNode}}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return l().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return l().depTypeToLabel}}),Object.defineProperty(n,"dependenciesGraphStyles",{enumerable:!0,get:function(){return l().styles}}),Object.defineProperty(n,"external",{enumerable:!0,get:function(){return d().external}}),Object.defineProperty(n,"graphPageStyles",{enumerable:!0,get:function(){return u().styles}}),Object.defineProperty(n,"root",{enumerable:!0,get:function(){return d().root}}),Object.defineProperty(n,"useGraph",{enumerable:!0,get:function(){return c().useGraph}}),Object.defineProperty(n,"useGraphQuery",{enumerable:!0,get:function(){return c().useGraphQuery}})},69942(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Dependency=void 0;let Dependency=class Dependency{constructor(t){!function(t,n,r){var a;(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r}(this,"type",void 0),this.type=t}stringify(){return this.type}};n.Dependency=Dependency},68812(t,n,r){"use strict";function a(){let t=r(69942);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Dependency",{enumerable:!0,get:function(){return a().Dependency}}),Object.defineProperty(n,"DependencyType",{enumerable:!0,get:function(){return a().DependencyType}})},22643(t,n,r){"use strict";function a(){let t=v(r(12888));return a=function(){return t},t}function i(){let t=y(r(97500));return i=function(){return t},t}function o(){let t=r(38561);return o=function(){return t},t}function s(){let t=r(43385);return s=function(){return t},t}function l(){let t=r(71292);return l=function(){return t},t}function u(){let t=r(38348);return u=function(){return t},t}function c(){let t=r(94117);return c=function(){return t},t}function d(){let t=r(31692);return d=function(){return t},t}function p(){let t=r(59004);return p=function(){return t},t}function m(){let t=r(86528);return m=function(){return t},t}function f(){let t=y(r(68311));return f=function(){return t},t}function h(){let t=y(r(73027));return h=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentNode=function(t){let{node:n,type:r="defaultNode"}=t,b=w(t,g),y=(0,a().useContext)(m().ComponentGraphContext),{component:v,componentId:k}=n,j=v?.id||k;return a().default.createElement(c().Card,_({className:(0,i().default)(f().default.compNode,h().default[r]),elevation:"none"},b),a().default.createElement("div",{className:f().default.firstRow},v&&a().default.createElement(l().EnvIcon,{component:v,className:f().default.envIcon}),a().default.createElement(x,{componentId:j,className:o().mutedText})),a().default.createElement("div",{className:f().default.nameLine},a().default.createElement(d().NavLink,{className:f().default.link,external:!0,href:p().ComponentUrl.toUrl(j,{includeVersion:!1})},a().default.createElement("span",{className:(0,i().default)(f().default.name,u().ellipsis)},j.name)),j.version&&a().default.createElement("span",{className:(0,i().default)(f().default.version,u().ellipsis)},j.version),a().default.createElement("div",{className:f().default.buffs},v&&a().default.createElement(s().DeprecationIcon,{component:v}),v&&y&&y.componentWidgets.toArray().map(([t,n])=>a().default.createElement(n,{key:t,component:v})))))};let g=["node","type"],b=["componentId","className"];function y(t){return t&&t.__esModule?t:{default:t}}function v(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(v=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function _(){return(_=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function w(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}function x(t){let{componentId:n,className:r}=t,o=w(t,b),{scope:s,namespace:l}=n;return a().default.createElement("div",_({},o,{className:(0,i().default)(f().default.breadcrumbs,u().ellipsis,r)}),s,!!s&&!!l&&"/",l)}},69413(t,n,r){"use strict";function a(){var t;let n=(t=r(68311))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(22643);return i=function(){return t},t}function o(){let t=r(12163);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentNode",{enumerable:!0,get:function(){return i().ComponentNode}}),Object.defineProperty(n,"defaultNode",{enumerable:!0,get:function(){return o().defaultNode}}),Object.defineProperty(n,"defaultNodeColor",{enumerable:!0,get:function(){return o().defaultNodeColor}}),Object.defineProperty(n,"external",{enumerable:!0,get:function(){return o().external}}),Object.defineProperty(n,"externalNodeColor",{enumerable:!0,get:function(){return o().externalNodeColor}}),Object.defineProperty(n,"root",{enumerable:!0,get:function(){return o().root}}),Object.defineProperty(n,"rootNodeColor",{enumerable:!0,get:function(){return o().rootNodeColor}}),n.styles=void 0;let{compNode:s,firstRow:l,envIcon:u,breadcrumbs:c,nameLine:d,name:p,version:m,buffs:f,link:h}=a().default;n.styles={compNode:s,firstRow:l,envIcon:u,breadcrumbs:c,nameLine:d,name:p,version:m,buffs:f,link:h}},12163(t,n,r){"use strict";function a(){var t;let n=(t=r(73027))&&t.__esModule?t:{default:t};return a=function(){return n},n}Object.defineProperty(n,"__esModule",{value:!0}),n.rootNodeColor=n.root=n.externalNodeColor=n.external=n.defaultNodeColor=n.defaultNode=void 0;let{root:i,defaultNode:o,external:s,rootNodeColor:l,defaultNodeColor:u,externalNodeColor:c}=a().default;n.externalNodeColor=c,n.defaultNodeColor=u,n.rootNodeColor=l,n.external=s,n.defaultNode=o,n.root=i},45550(t,n,r){"use strict";function a(){let t=r(30469);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompareGraphModel=void 0;let CompareGraphModel=class CompareGraphModel extends a().GraphModel{constructor(t,n){super(t,n),this.nodes=t,this.edges=n}};n.CompareGraphModel=CompareGraphModel},85421(t,n,r){"use strict";function a(){let t=g(r(97500));return a=function(){return t},t}function i(){let t=r(97292);return i=function(){return t},t}function o(){let t=r(12066);return o=function(){return t},t}function s(){let t=h(r(12888));return s=function(){return t},t}function l(){let t=h(r(89054));return l=function(){return t},t}function u(){let t=r(30469);return u=function(){return t},t}function c(){let t=r(99055);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(){let t=g(r(25025));return p=function(){return t},t}function m(){let t=r(33482);return m=function(){return t},t}function f(){let t=r(66e3);return f=function(){return t},t}function h(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(h=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function g(t){return t&&t.__esModule?t:{default:t}}function b(t){let{sourcePosition:n=l().Position.Top,targetPosition:r=l().Position.Bottom,data:a,id:i}=t,o=l().Handle;return s().default.createElement("div",{key:i},s().default.createElement(o,{type:"target",position:r,isConnectable:!1}),s().default.createElement(o,{type:"source",position:n,isConnectable:!1}),s().default.createElement(m().DependencyCompareNode,{node:a.node,type:a.type}))}Object.defineProperty(n,"__esModule",{value:!0}),n.DependenciesCompare=function(){let t=s().default.useMemo(()=>({ComponentNode:b}),[]),n=(0,s().useRef)(void 0),r=(0,o().useComponentCompare)(),m=r?.base?.model.id,h=r?.compare?.model.id,[g,y]=(0,s().useState)("runtimeOnly"),v="runtimeOnly"===g,{loading:_,graph:w}=(0,u().useGraphQuery)(m&&[m.toString()],g),{loading:x,graph:k}=(0,u().useGraphQuery)(h&&[h.toString()],g),j=_||x,C=(0,f().diffGraph)(w,k,m)??void 0,S=(0,d().calcElements)(C,{rootNode:m});(0,s().useEffect)(()=>()=>n.current=void 0,[]),(0,s().useEffect)(()=>{setTimeout(()=>C&&C.nodes.length<=3?n.current?.fitView({padding:2}):n.current?.fitView(),0)},[C]);let O=(0,s().useCallback)(t=>{n.current=t,(C?.nodes.length??0)<=3?n.current?.fitView({padding:2,maxZoom:1}):t.fitView({maxZoom:1})},[C?.nodes.length]);return((0,s().useEffect)(()=>{setTimeout(()=>(C?.nodes.length??0)<=3?n.current?.fitView({padding:2}):n.current?.fitView(),0)},[h?.toString(),m?.toString()]),j||C)?s().default.createElement("div",{className:(0,a().default)([p().default.page,c().styles.graph])},j&&s().default.createElement("div",{className:p().default.loader},s().default.createElement(i().RoundLoader,null)),!j&&s().default.createElement(l().ReactFlowProvider,null,s().default.createElement(l().default,{draggable:!1,nodesDraggable:!0,selectNodesOnDrag:!1,nodesConnectable:!1,zoomOnDoubleClick:!1,elementsSelectable:!1,maxZoom:100,minZoom:0,className:d().styles.graph,defaultNodes:S.nodes,defaultEdges:S.edges,nodeTypes:t,onInit:O,proOptions:{hideAttribution:!0}},s().default.createElement(l().Background,null),s().default.createElement(l().Controls,{className:d().styles.controls}),s().default.createElement(l().MiniMap,{nodeColor:d().calcMinimapColors,className:d().styles.minimap}),s().default.createElement(c().GraphFilters,{className:c().styles.filters,disable:j,isFiltered:v,onChangeFilter:t=>{y(t?"runtimeOnly":void 0)}})))):s().default.createElement(s().default.Fragment,null)}},33482(t,n,r){"use strict";function a(){let t=r(31692);return a=function(){return t},t}function i(){let t=r(94117);return i=function(){return t},t}function o(){let t=r(38561);return o=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(59004);return l=function(){return t},t}function u(){let t=r(61198);return u=function(){return t},t}function c(){let t=r(43385);return c=function(){return t},t}function d(){let t=r(38348);return d=function(){return t},t}function p(){let t=r(71292);return p=function(){return t},t}function m(){let t=x(r(97500));return m=function(){return t},t}function f(){let t=w(r(12888));return f=function(){return t},t}function h(){let t=r(16322);return h=function(){return t},t}function g(){let t=r(12163);return g=function(){return t},t}function b(){let t=r(69413);return b=function(){return t},t}function y(){let t=x(r(59990));return y=function(){return t},t}function v(){let t=x(r(98736));return v=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DependencyCompareNode=function(t){let{node:n,type:r="defaultNode"}=t,{id:_,component:w,compareVersion:x,status:k,componentId:C}=n,{version:S}=w||{version:C.version},O=s().ComponentID.fromString(_),E=(0,f().useMemo)(()=>(0,h().valid)(S)&&(0,h().valid)(x)&&(0,h().compare)(S,x),[S,x]);return f().default.createElement(i().Card,{className:(0,m().default)(b().styles.compNode,function(t){switch(t){case"defaultNode":return g().defaultNode;case"root":return v().default[t];case"external":return g().external;default:return null}}(r)),elevation:"none"},f().default.createElement("div",{className:b().styles.firstRow},w&&f().default.createElement(p().EnvIcon,{component:w,className:b().styles.envIcon}),f().default.createElement(j,{componentId:O,className:o().mutedText})),f().default.createElement("div",{className:b().styles.nameLine},f().default.createElement(a().NavLink,{className:y().default.link,external:!0,href:l().ComponentUrl.toUrl(O,{includeVersion:!1})},f().default.createElement("span",{className:(0,m().default)(b().styles.name,d().ellipsis)},O.name)),O.version&&f().default.createElement("span",{className:(0,m().default)(b().styles.version,d().ellipsis)},O.version),0!==E&&f().default.createElement("img",{className:(0,m().default)([y().default.arrowIcon,y().default.versionUp]),src:"https://static.bit.dev/bit-icons/version-bump.svg"}),x&&0!==E&&f().default.createElement("span",{className:(0,m().default)(y().default.version,b().styles.version,d().ellipsis,-1===E&&y().default.versionUp,1===E&&y().default.versionDown)},x),f().default.createElement("div",{className:y().default.buffs},w&&f().default.createElement(c().DeprecationIcon,{component:w}),void 0!==k&&f().default.createElement(u().CompareStatusResolver,{status:k}))))};let _=["componentId","className"];function w(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(w=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function x(t){return t&&t.__esModule?t:{default:t}}function k(){return(k=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function j(t){let{componentId:n,className:r}=t,a=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,_),{scope:i,namespace:o}=n;return f().default.createElement("div",k({},a,{className:(0,m().default)(y().default.breadcrumbs,d().ellipsis,r)}),i,!!i&&!!o&&"/",o)}},66e3(t,n,r){"use strict";function a(){let t=r(45550);return a=function(){return t},t}function i(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function o(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?i(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.diffGraph=function(t,n,r){if(!t||!n||!r)return null;let i=t.nodes,c=n.nodes,d=new Map(i.map(t=>[s(t),t])),p=new Map(c.map(t=>[s(t),t])),m=[];for(let t of i){let n=p.get(s(t));n?m.push(o(o({},t),{},{compareVersion:n.componentId.version,status:n.componentId.isEqual(t.componentId)?void 0:"modified"})):m.push(o(o({},t),{},{compareVersion:t.componentId.version,status:"deleted"}))}for(let t of c.filter(t=>!d.has(s(t))))m.push(o(o({},t),{},{compareVersion:"",status:"new"}));let f=new Map(m.map(t=>[s(t),t])),h=new Map(t.edges.map(t=>[u(t),t])),g=n.edges.filter(t=>!h.has(u(t))).map(t=>o(o({},t),{},{sourceId:f.get(l(t.sourceId))?.id.toString()||r.toString(),targetId:f.get(l(t.targetId))?.id.toString()||r.toString()})),b=[...t.edges,...g];return new(a()).CompareGraphModel(m,b)};let s=t=>t.componentId.toStringWithoutVersion(),l=t=>t.split("@")[0],u=t=>`${l(t.sourceId)}::${l(t.targetId)}`},61212(t,n,r){"use strict";function a(){let t=r(85421);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"DependenciesCompare",{enumerable:!0,get:function(){return a().DependenciesCompare}})},43642(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function i(){let t=r(89054);return i=function(){return t},t}function o(){let t=r(24601);return o=function(){return t},t}function s(){let t=r(95737);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcElements=function(t,{rootNode:n}){return(0,a().useMemo)(()=>{if(!t)return{nodes:[],edges:[]};let r=(0,o().calcLayout)(t);return{nodes:Array.from(t.nodes.values()).map(t=>({id:t.id,type:"ComponentNode",data:{node:t,type:n&&t.componentId.isEqual(n,{ignoreVersion:!0})?"root":void 0},position:r.get(t.id)||{x:0,y:0}})),edges:t.edges.map(t=>({id:`_${t.sourceId}__${t.targetId}`,source:t.sourceId,target:t.targetId,label:(0,s().depTypeToLabel)(t.dependencyLifecycleType),labelBgPadding:[4,4],type:"smoothstep",className:(0,s().depTypeToClass)(t.dependencyLifecycleType),arrowHeadType:i().MarkerType.Arrow,markerEnd:{type:i().MarkerType.Arrow}}))}},[t?.nodes.length,t?.edges.length,n?.toString(),t?.nodes.some(t=>t.component)])}},24601(t,n,r){"use strict";function a(){let t=i(r(5109));return a=function(){return t},t}function i(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(i=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function o(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function s(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?o(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcLayout=function(t){let n=new(a()).graphlib.Graph;return n.setGraph({rankdir:"TB",nodesep:25,ranksep:100,edgesep:100,ranker:"longest-path",acyclicer:"greedy"}),n.setDefaultEdgeLabel(()=>({})),t.nodes.forEach(t=>n.setNode(t.id,s(s({},t),{},{width:260,height:90}))),t.edges.forEach(t=>n.setEdge(t.sourceId,t.targetId)),a().default.layout(n),new Map(n.nodes().map(t=>{let r=n.node(t);return[t,{x:r.x-r.width/2,y:r.y-r.height/2}]}))}},37484(t,n,r){"use strict";function a(){let t=r(53495);return a=function(){return t},t}function i(){var t;let n=(t=r(79568))&&t.__esModule?t:{default:t};return i=function(){return n},n}Object.defineProperty(n,"__esModule",{value:!0}),n.depTypeToClass=function(t){switch(t){case"DEV":return i().default.dev;case"PEER":return i().default.peer;case"RUNTIME":return i().default.runtime;default:return}},n.depTypeToLabel=function(t){switch(t){case a().EdgeType.peer:return"Peer Dependency";case a().EdgeType.dev:return"Development Dependency";case a().EdgeType.runtime:return"Dependency";default:return t.toLowerCase()}}},95737(t,n,r){"use strict";function a(){let t=r(37484);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return a().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return a().depTypeToLabel}})},33291(t,n,r){"use strict";function a(){let t=f(r(12888));return a=function(){return t},t}function i(){let t=m(r(97500));return i=function(){return t},t}function o(){let t=f(r(89054));return o=function(){return t},t}function s(){let t=r(69413);return s=function(){return t},t}function l(){let t=r(43642);return l=function(){return t},t}function u(){let t=r(34124);return u=function(){return t},t}function c(){let t=r(49349);return c=function(){return t},t}function d(){let t=m(r(60155));return d=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DependenciesGraph=function(t){let{graph:n,rootNode:r,componentWidgets:s,className:m,onLoad:f,children:b,loadingGraphMetadata:y}=t,v=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,p),_=a().default.useMemo(()=>({ComponentNode:g}),[]),w=(0,a().useRef)(void 0),x=(0,l().calcElements)(n,{rootNode:r}),[k,j]=(0,o().useNodesState)(x.nodes);(0,a().useEffect)(()=>{j(x.nodes)},[x.nodes]);let C=(0,a().useMemo)(()=>({componentWidgets:s,loadingGraphMetadata:y}),[s,y]),S=(0,a().useCallback)(t=>{w.current=t,(x?.nodes.length??0)<=3?t.fitView({padding:2,maxZoom:1}):t.fitView({maxZoom:1}),f?.(t)},[f]);return(0,a().useEffect)(()=>()=>w.current=void 0,[]),(0,a().useEffect)(()=>{setTimeout(()=>{if(x?.nodes.length)return(x?.nodes?.length??0)<=3?w.current?.fitView({padding:2,maxZoom:1}):w.current?.fitView({maxZoom:1})},100)},[x?.nodes.length]),a().default.createElement(c().ComponentGraphContext.Provider,{value:C},a().default.createElement(o().ReactFlowProvider,null,a().default.createElement(o().default,h({draggable:!1,nodesDraggable:!0,selectNodesOnDrag:!1,nodesConnectable:!1,zoomOnDoubleClick:!1,elementsSelectable:!1,maxZoom:100,minZoom:0},v,{className:(0,i().default)(d().default.graph,m),nodes:k,edges:x.edges,nodeTypes:_,onInit:S,fitView:!0,fitViewOptions:{padding:(x?.nodes.length??0)<=3?2:void 0,maxZoom:1},proOptions:{hideAttribution:!0}}),a().default.createElement(o().Background,null),a().default.createElement(o().Controls,{className:d().default.controls}),a().default.createElement(o().MiniMap,{nodeColor:u().calcMinimapColors,className:d().default.minimap}),b)))},r(55244);let p=["graph","rootNode","componentWidgets","className","onLoad","children","loadingGraphMetadata"];function m(t){return t&&t.__esModule?t:{default:t}}function f(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(f=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function h(){return(h=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function g(t){let{sourcePosition:n=o().Position.Top,targetPosition:r=o().Position.Bottom,data:i,id:l}=t,u=o().Handle;return a().default.createElement("div",{key:l},a().default.createElement(u,{type:"target",position:r,isConnectable:!1}),a().default.createElement(u,{type:"source",position:n,isConnectable:!1}),a().default.createElement(s().ComponentNode,{node:i.node,type:i.type}))}},49349(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentGraphContext=void 0,n.ComponentGraphContext=(0,a().createContext)(void 0)},86528(t,n,r){"use strict";function a(){var t;let n=(t=r(60155))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(33291);return i=function(){return t},t}function o(){let t=r(49349);return o=function(){return t},t}function s(){let t=r(95737);return s=function(){return t},t}function l(){let t=r(34124);return l=function(){return t},t}function u(){let t=r(24601);return u=function(){return t},t}function c(){let t=r(43642);return c=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentGraph",{enumerable:!0,get:function(){return o().ComponentGraph}}),Object.defineProperty(n,"ComponentGraphContext",{enumerable:!0,get:function(){return o().ComponentGraphContext}}),Object.defineProperty(n,"DependenciesGraph",{enumerable:!0,get:function(){return i().DependenciesGraph}}),Object.defineProperty(n,"calcElements",{enumerable:!0,get:function(){return c().calcElements}}),Object.defineProperty(n,"calcLayout",{enumerable:!0,get:function(){return u().calcLayout}}),Object.defineProperty(n,"calcMinimapColors",{enumerable:!0,get:function(){return l().calcMinimapColors}}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return s().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return s().depTypeToLabel}}),n.styles=void 0;let{graph:d,minimap:p,controls:m}=a().default;n.styles={graph:d,minimap:p,controls:m}},34124(t,n,r){"use strict";function a(){let t=r(69413);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcMinimapColors=function(t){switch(t.data?.type){case"root":return a().rootNodeColor;case"external":return a().externalNodeColor;default:return a().defaultNodeColor}}},76065(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(94117);return i=function(){return t},t}function o(){let t=r(9819);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphFilters=function(t){let{onChangeFilter:n,isFiltered:r,disable:l}=t,u=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,s);return a().default.createElement(i().Card,u,a().default.createElement("div",null,a().default.createElement(o().CheckboxLabel,{checked:!r,disabled:l,onInputChanged:t=>n(!t.target.checked)}," ","show non-runtime")))};let s=["onChangeFilter","isFiltered","disable"]},58715(t,n,r){"use strict";function a(){let t=h(r(12888));return a=function(){return t},t}function i(){let t=r(80105);return i=function(){return t},t}function o(){let t=r(34926);return o=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(49666);return l=function(){return t},t}function u(){let t=f(r(97500));return u=function(){return t},t}function c(){let t=r(30469);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(){let t=r(76065);return p=function(){return t},t}function m(){let t=f(r(28751));return m=function(){return t},t}function f(t){return t&&t.__esModule?t:{default:t}}function h(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(h=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphPage=function({componentWidgets:t}){let n=(0,a().useContext)(s().ComponentContext),[r,f]=(0,a().useState)("runtimeOnly"),{graph:h,error:g,graphLoading:b,loading:y}=(0,c().useGraphQuery)([n.id.toString()],r);return g?404===g.code?a().default.createElement(i().NotFoundPage,null):a().default.createElement(o().ServerErrorPage,null):a().default.createElement("div",{className:(0,u().default)(m().default.page)},a().default.createElement(d().DependenciesGraph,{componentWidgets:t,graph:h,rootNode:n.id,className:(0,u().default)(m().default.graph,!h&&l().skeleton),loadingGraphMetadata:b},h&&a().default.createElement(p().GraphFilters,{className:(0,u().default)(m().default.filters),disable:y,isFiltered:"runtimeOnly"===r,onChangeFilter:t=>{f(t?"runtimeOnly":void 0)}})))}},99055(t,n,r){"use strict";function a(){var t;let n=(t=r(28751))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(58715);return i=function(){return t},t}function o(){let t=r(76065);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"GraphFilters",{enumerable:!0,get:function(){return o().GraphFilters}}),Object.defineProperty(n,"GraphPage",{enumerable:!0,get:function(){return i().GraphPage}}),n.styles=void 0;let{graph:s,filters:l}=a().default;n.styles={graph:s,filters:l}},2535(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(99055);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphSection=void 0;let GraphSection=class GraphSection{constructor(t){this.componentWidgetSlot=t,o(this,"route",{path:"~graph",element:a().default.createElement(i().GraphPage,{componentWidgets:this.componentWidgetSlot})}),o(this,"navigationLink",{href:"~graph",children:"Graph"}),o(this,"order",40)}};n.GraphSection=GraphSection},49728(t,n){"use strict";function r(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.EdgeModel=void 0;let EdgeModel=class EdgeModel{constructor(){r(this,"sourceId",void 0),r(this,"targetId",void 0),r(this,"dependencyLifecycleType",void 0)}static from(t){let n=new EdgeModel;return n.sourceId=t.sourceId,n.targetId=t.targetId,n.dependencyLifecycleType=t.dependencyLifecycleType,n}};n.EdgeModel=EdgeModel},98922(t,n,r){"use strict";function a(){let t=r(92590);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.GET_GRAPH_IDS=n.GET_GRAPH=void 0,n.GET_GRAPH_IDS=(0,a().gql)`
   query graph($ids: [String], $filter: String) {
     graph(ids: $ids, filter: $filter) {
       nodes {
@@ -1142,7 +1142,7 @@ ${a}`}return a}toObject(){return{...super.toObject(),name:this.name,signature:th
             window.parent.postMessage({ event: '${n.LOAD_EVENT}' }, '*');
           });
         };
-      `}});function p({assets:t={},withDevTools:n=!1,fullHeight:r,ssr:a,children:m=(0,i.jsx)(s.MountPoint,{}),notifyParentOnLoad:f=!0,...h}){return(0,i.jsxs)("html",{lang:"en",...h,children:[(0,i.jsxs)("head",{children:[(0,i.jsx)("title",{children:t.title||"bit scope"}),(0,i.jsx)("meta",{charSet:"utf-8"}),(0,i.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),a&&(0,i.jsx)(u.SsrStyles,{}),r&&(0,i.jsx)(c.FullHeightStyle,{}),n&&(0,i.jsx)(o.CrossIframeDevTools,{}),t.style?.map((t,n)=>(0,i.jsx)("style",{children:t},n)),t.css?.map((t,n)=>(0,i.jsx)("link",{href:t,rel:"stylesheet",type:"text/css"},n)),f&&(0,i.jsx)(d,{})]}),(0,i.jsxs)("body",{children:[m,t.json&&(0,i.jsx)(l.StoredAssets,{data:t.json}),t.js?.map((t,n)=>(0,i.jsx)("script",{src:t},n))]})]})}p.fillContent=s.fillMountPoint,p.popAssets=l.popAssets},28452(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.popAssets=n.mountPointId=n.MountPoint=n.ERROR_EVENT=n.LOAD_EVENT=n.ssrCleanup=n.Html=void 0;var a=r(77395);Object.defineProperty(n,"Html",{enumerable:!0,get:function(){return a.Html}}),Object.defineProperty(n,"ssrCleanup",{enumerable:!0,get:function(){return a.ssrCleanup}}),Object.defineProperty(n,"LOAD_EVENT",{enumerable:!0,get:function(){return a.LOAD_EVENT}}),Object.defineProperty(n,"ERROR_EVENT",{enumerable:!0,get:function(){return a.ERROR_EVENT}});var i=r(1438);Object.defineProperty(n,"MountPoint",{enumerable:!0,get:function(){return i.MountPoint}}),Object.defineProperty(n,"mountPointId",{enumerable:!0,get:function(){return i.mountPointId}});var o=r(76871);Object.defineProperty(n,"popAssets",{enumerable:!0,get:function(){return o.popAssets}})},1438(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.mountPointId=void 0,n.MountPoint=function({children:t}){return(0,i.jsx)("div",{id:n.mountPointId,children:t})},n.fillMountPoint=function(t,n){return t.replace(o,n)};let i=r(11684);a(r(12888)),n.mountPointId="root";let o=/<div id="root"><\/div>/},93087(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.SsrStyles=function(){return(0,i.jsxs)("style",{id:"before-hydrate-styles",children:[".--ssr-hidden ","{","display: none;","}"]})},n.removeSsrStyles=function(){document.getElementById("before-hydrate-styles")?.remove()};let i=r(11684);a(r(12888))},76871(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.StoredAssets=function({data:t}){return(0,i.jsx)("div",{className:"state",style:{display:"none"},children:Object.entries(t).map(([t,n])=>(0,i.jsx)("script",{"data-aspect":t,type:"application/json",dangerouslySetInnerHTML:{__html:n}},t))})},n.popAssets=function(){let t=new Map;return Array.from(document.querySelectorAll("body > .state > *")).forEach(n=>{let r=n.getAttribute("data-aspect");r&&t.set(r,n.innerHTML)}),document.querySelector("body > .state")?.remove(),t};let i=r(11684);a(r(12888))},7817(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTree=function({components:t,isCollapsed:n,className:r,transformTree:a,lanesModel:i,TreeNode:o=v.DefaultTreeNodeRenderer}){let{pathname:s="/"}=(0,d.useLocation)()||{},_=s.split(h.LanesModel.baseLaneComponentRoute.concat("/"))[1],w=(0,u.useIdFromLocation)(_,!0),x=(0,c.useMemo)(()=>{let n=t.find(t=>w&&(w===t.id.fullName||w===t.id.toStringWithoutVersion()));return n?.id.toString({ignoreVersion:!0})},[t.length,s]),k=(0,c.useMemo)(()=>{let n,r=(0,m.inflateToTree)(t,t=>t.id.toString({ignoreVersion:!0})),i=(n=new Map(t.map(t=>[t.id.toString({ignoreVersion:!0}),t])),new Set(t.map(t=>t.id.scope).filter(t=>!!t)).forEach(t=>t&&n.set(`${t}/`,new y.ScopePayload)),n);return((0,m.attachPayload)(r,i),a)?a(r):r},[t.length,i?.viewedLane?.id.toString()]);return(0,l.jsx)(b.LanesContext.Provider,{value:{lanesModel:i},children:(0,l.jsx)(g.TreeContextProvider,{children:(0,l.jsx)("div",{style:(0,p.indentStyle)(1),className:r,children:(0,l.jsx)(f.Tree,{TreeNode:o,activePath:x,tree:k,isCollapsed:n})})})})};let l=r(11684),u=r(30266),c=s(r(12888)),d=r(19304),p=r(68654),m=r(579),f=r(7406),h=r(1453),g=r(94111),b=r(30969),y=r(12966),v=r(57145)},92840(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentView=function(t){let{node:n,scopeName:r,treeNodeSlot:a}=t,i=n.payload,{onSelect:o}=(0,y.useContext)(_.TreeContext),s=(0,y.useContext)(x.LanesContext),l=s?.lanesModel,[S,O]=(0,y.useState)(!1);(0,y.useEffect)(()=>(O(!0),()=>{O(!1)}),[]);let E=(0,y.useCallback)(t=>{o?.(n.id,t)},[o,n.id]),$=(0,c.useLocation)(),D=!i?.id||!i?.environment?.id,P=D?void 0:g.ComponentID.fromString(i.environment?.id),N=!!P&&l?.isComponentOnLaneButNotOnMain(P,!1,l.viewedLane?.id),M=P?N&&l?.viewedLane?.id&&S&&`${window.location.origin}${k.LanesModel.getLaneComponentUrl(P,l.viewedLane?.id,void 0,l.viewedLane)}`||b.ComponentUrl.toUrl(P,{includeVersion:!0,useLocationOrigin:!!S&&window.location.host.startsWith("localhost")}):void 0,T=P?(0,u.jsxs)(c.Link,{external:!0,className:C.default.envLink,href:M,onClick:t=>{t.stopPropagation()},children:[(0,u.jsx)("div",{className:C.default.componentEnvTitle,children:"Environment"}),(0,u.jsx)("div",{children:i.environment?.id})]}):null,I=D?void 0:l?.getLaneComponentUrlByVersion(i.id,l.viewedLane?.id,!r,l.viewedLane),A=y.default.useMemo(()=>!D&&!i.status?.isNew&&!l?.viewedLane?.id.isDefault()&&l?.isComponentOnMainButNotOnLane(i.id,void 0,l?.viewedLane?.id),[l?.viewedLane?.id.toString(),i.id.toString()]),F=y.default.useMemo(()=>{if(!I||!$||!i?.id)return!1;let t=new URLSearchParams($.search).get("scope"),n=$.pathname.substring(1).split("?")[0],a=i.id.toStringWithoutVersion(),o=i.id.fullName,s=i.id.scope,u=$.pathname.includes(k.LanesModel.lanesPrefix),c=(I.startsWith("/")?I.substring(1):I).split("?")[0],d=l?.currentLane&&l.currentLane.id.toString()===l?.viewedLane?.id.toString();if(!u&&(l?.viewedLane?.id.isDefault()||A||d)){let a=n.split("/~")[0],i=r?`${r.replace(".","/")}/`:"",o=a.replace(i,"");return t?c===a&&s===t:c===o}let p=(n.split(k.LanesModel.baseLaneComponentRoute)[1]??"").split("/~")[0]??"",m=p.startsWith("/")?p.substring(1):p,f=g.ComponentID.tryFromString(m)??(r?g.ComponentID.tryFromString(`${r}/${m}`):void 0);return!r&&l?.viewedLane?.id&&i.id.scope===l?.viewedLane?.id.scope?t?o===m&&s===t:o===m:!!f&&(t?f?.toString()===a||f.fullName===o&&s===t:f?.toString()===a||f.fullName===o)},[I,A,$?.pathname,i?.id.toString(),r]),R=y.default.useMemo(()=>{if($?.search)return new URLSearchParams($.search).get("version")||void 0},[$?.search]),L=y.default.useMemo(()=>{if(!F||!R||i.deprecation?.isDeprecate)return!1;let t=i.deprecation?.range;if(!t)return!1;try{return(0,f.default)(R,t)}catch{return!1}},[F,R,i.deprecation?.isDeprecate,i.deprecation?.range]);if(D)return null;let z=i.status?.modifyInfo?.hasModifiedFiles||i.status?.modifyInfo?.hasModifiedDependencies,B=A?(0,u.jsx)(v.Tooltip,{className:C.default.tooltip,placement:"top",content:"On Main",children:(0,u.jsx)("span",{className:(0,h.default)(A&&!z&&C.default.opacity),children:(0,j.getName)(n.id)})}):(0,u.jsx)("span",{children:(0,j.getName)(n.id)});return(0,u.jsxs)(c.Link,{href:I,className:(0,h.default)(w.indentClass,C.default.component),activeClassName:C.default.active,onClick:E,active:F,children:[(0,u.jsxs)("div",{className:C.default.left,children:[(0,u.jsx)(v.Tooltip,{className:C.default.componentEnvTooltip,placement:"top",content:T,children:(0,u.jsx)(d.EnvIcon,{component:i,className:C.default.envIcon})}),B]}),(0,u.jsxs)("div",{className:C.default.right,children:[(0,u.jsx)(p.DeprecationIcon,{component:i}),L&&(0,u.jsx)(v.Tooltip,{placement:"bottom",content:"This version is deprecated",children:(0,u.jsx)("div",{className:C.default.deprecatedIcon,children:(0,u.jsx)(m.Icon,{of:"note-deprecated"})})}),a&&a.toArray().map(([t,n])=>{let r=n.widget;return(0,u.jsx)(r,{component:i},t)})]})]})};let u=r(11684),c=r(19304),d=r(71292),p=r(43385),m=r(29751),f=l(r(55069)),h=l(r(97500)),g=r(19100),b=r(59004),y=s(r(12888)),v=r(62634),_=r(94111),w=r(68654),x=r(30969),k=r(1453),j=r(27925),C=l(r(17122))},84199(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentView=void 0;var a=r(92840);Object.defineProperty(n,"ComponentView",{enumerable:!0,get:function(){return a.ComponentView}})},42612(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.DefaultTreeNodeRenderer=function(t){let{node:n}=t,{children:r,payload:a}=n;return r?a instanceof o.ScopePayload?(0,i.jsx)(l.ScopeTreeNode,{...t}):(0,i.jsx)(u.NamespaceTreeNode,{...t}):(0,i.jsx)(s.ComponentView,{...t})};let i=r(11684);a(r(12888));let o=r(12966),s=r(84199),l=r(61154),u=r(11817)},57145(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.DefaultTreeNodeRenderer=void 0;var a=r(42612);Object.defineProperty(n,"DefaultTreeNodeRenderer",{enumerable:!0,get:function(){return a.DefaultTreeNodeRenderer}})},54207(t,n,r){"use strict";var a=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__exportStar||function(t,n){for(var r in t)"default"===r||Object.prototype.hasOwnProperty.call(n,r)||a(n,t,r)};Object.defineProperty(n,"__esModule",{value:!0}),n.ScopePayload=n.NamespaceTreeNode=n.ScopeTreeNode=n.ComponentView=void 0,i(r(7817),n);var o=r(84199);Object.defineProperty(n,"ComponentView",{enumerable:!0,get:function(){return o.ComponentView}});var s=r(61154);Object.defineProperty(n,"ScopeTreeNode",{enumerable:!0,get:function(){return s.ScopeTreeNode}});var l=r(11817);Object.defineProperty(n,"NamespaceTreeNode",{enumerable:!0,get:function(){return l.NamespaceTreeNode}});var u=r(12966);Object.defineProperty(n,"ScopePayload",{enumerable:!0,get:function(){return u.ScopePayload}})},11817(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.NamespaceTreeNode=void 0;var a=r(4752);Object.defineProperty(n,"NamespaceTreeNode",{enumerable:!0,get:function(){return a.NamespaceTreeNode}})},4752(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.NamespaceTreeNode=function({node:t,depth:n}){let{isCollapsed:r,activePath:a}=(0,h.useTree)(),i=a?.startsWith(t.id)??!1,[o,s]=(0,p.useState)(null),l=o?.isActive===i&&o?.isCollapsed===r?o.open:i||!r,y=()=>s({isActive:i,isCollapsed:r,open:!l}),v=(0,g.getName)(t.id.replace(/\/$/,"")),_=!l&&i;return(0,u.jsxs)("div",{children:[t.id&&(0,u.jsx)("div",{className:(0,d.default)(f.indentClass,b.default.namespace,_&&b.default.highlighted),onClick:y,tabIndex:0,role:"button",onKeyDown:t=>{"Enter"===t.key&&y()},children:(0,u.jsxs)("div",{className:b.default.left,children:[(0,u.jsx)(c.Icon,{className:(0,d.default)(b.default.arrow,!l&&b.default.collapsed),of:"fat-arrow-down"}),(0,u.jsx)("span",{className:b.default.name,children:v})]})}),(0,u.jsx)(m.default,{height:l?"auto":0,children:(0,u.jsx)("div",{style:(0,f.indentStyle)(n+1),className:(0,d.default)(b.default.componentTree),children:t.children&&(0,u.jsx)(h.TreeLayer,{childNodes:t.children,depth:n})})})]})};let u=r(11684),c=r(29751),d=l(r(97500)),p=s(r(12888)),m=l(r(31842)),f=r(68654),h=r(7406),g=r(27925),b=l(r(50930))},12966(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ScopePayload=void 0;let ScopePayload=class ScopePayload{get isScope(){return!0}};n.ScopePayload=ScopePayload},61154(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ScopeTreeNode=void 0;var a=r(8360);Object.defineProperty(n,"ScopeTreeNode",{enumerable:!0,get:function(){return a.ScopeTreeNode}})},8360(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ScopeTreeNode=function({node:t,depth:n}){let{isCollapsed:r,activePath:a}=(0,f.useTree)(),i=a?.startsWith(t.id)??!1,[o,s]=(0,p.useState)(null),l=o?.isActive===i&&o?.isCollapsed===r?o.open:i||!r,b=()=>s({isActive:i,isCollapsed:r,open:!l}),y=(0,h.getName)(t.id.replace(/\/$/,"")),v=!l&&i;return(0,u.jsxs)("div",{children:[t.id&&(0,u.jsx)("div",{className:(0,d.default)(f.indentClass,g.default.scope,v&&g.default.highlighted),onClick:b,onKeyDown:t=>{"Enter"===t.key&&b()},role:"button",tabIndex:0,children:(0,u.jsxs)("div",{className:g.default.left,children:[(0,u.jsx)(c.Icon,{className:(0,d.default)(g.default.arrow,!l&&g.default.collapsed),of:"fat-arrow-down"}),(0,u.jsx)(c.Icon,{className:g.default.arrow,of:"collection-full"}),(0,u.jsx)("span",{className:g.default.name,children:y})]})}),(0,u.jsx)(m.default,{height:l?"auto":0,children:(0,u.jsx)("div",{style:(0,f.indentStyle)(n+1),className:(0,d.default)(g.default.componentTree),children:t.children&&(0,u.jsx)(f.TreeLayer,{childNodes:t.children,depth:n+1})})})]})};let u=r(11684),c=r(29751),d=l(r(97500)),p=s(r(12888)),m=l(r(31842)),f=r(7406),h=r(27925),g=l(r(36410))},27925(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getName=function(t){return t.split("/").pop()}},92064(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ScopePayload=n.NamespaceTreeNode=n.ScopeTreeNode=n.ComponentView=n.ComponentTree=void 0;var a=r(54207);Object.defineProperty(n,"ComponentTree",{enumerable:!0,get:function(){return a.ComponentTree}}),Object.defineProperty(n,"ComponentView",{enumerable:!0,get:function(){return a.ComponentView}}),Object.defineProperty(n,"ScopeTreeNode",{enumerable:!0,get:function(){return a.ScopeTreeNode}}),Object.defineProperty(n,"NamespaceTreeNode",{enumerable:!0,get:function(){return a.NamespaceTreeNode}}),Object.defineProperty(n,"ScopePayload",{enumerable:!0,get:function(){return a.ScopePayload}})},86181(t,n,r){"use strict";function a(){let t=r(52101);return a=function(){return t},t}function i(){var t;let n=(t=r(48584))&&t.__esModule?t:{default:t};return i=function(){return n},n}function o(){let t=r(10437);return o=function(){return t},t}function s(){let t=r(53733);return s=function(){return t},t}function l(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.UIROOT_ASPECT_IDS=n.KNOWN_UIROOT_ASPECT_IDS=n.BundleUiTask=n.BUNDLE_UI_TASK_NAME=n.BUNDLE_UI_HASH_FILENAME=n.BUNDLE_UI_DIR=n.BUNDLE_UIROOT_DIR=void 0,n.getUiRootEntryName=h,n.getUiRootHtmlFilename=function(t){return`${h(t)}.html`};let u=n.BUNDLE_UI_TASK_NAME="BundleUI",c=n.BUNDLE_UI_DIR="ui-bundle",d=n.UIROOT_ASPECT_IDS={SCOPE:"teambit.scope/scope",WORKSPACE:"teambit.workspace/workspace"},p=n.BUNDLE_UIROOT_DIR={[d.SCOPE]:"scope",[d.WORKSPACE]:"workspace"},m=n.BUNDLE_UI_HASH_FILENAME=".hash",f=n.KNOWN_UIROOT_ASPECT_IDS=new Set(Object.values(d));function h(t){return p[t]||t.replace(/[^a-zA-Z0-9-]+/g,"-")}let BundleUiTask=class BundleUiTask{constructor(t,n){this.ui=t,this.logger=n,l(this,"aspectId","teambit.ui-foundation/ui"),l(this,"name",u),l(this,"description","Pre-bundling the Bit UI"),l(this,"location","end")}async execute(t){let n=t.capsuleNetwork.seedersCapsules.find(t=>t.component.id.toStringWithoutVersion()===s().UIAspect.id);if(!n)return{componentsResults:[]};let r=(0,a().join)(n.path,BundleUiTask.getArtifactDirectory());return this.logger.info(`Generating UI bundle at ${r}...`),await this.ui.build(void 0,r),await this.generateHash(r),{componentsResults:[],artifacts:BundleUiTask.getArtifactDef()}}async generateHash(t){let n={},r=this.ui.getUiRoots().filter(([t])=>f.has(t));await (0,i().default)(r,async([t,r])=>{n[t]=await this.ui.createBundleUiHash(r)}),(0,o().existsSync)(t)||(0,o().mkdirSync)(t,{recursive:!0}),(0,o().writeFileSync)((0,a().join)(t,m),JSON.stringify(n,null,2))}static getArtifactDirectory(){return(0,a().join)("artifacts",c)}static getArtifactDef(){return[{name:c,globPatterns:[`${BundleUiTask.getArtifactDirectory()}/**`]}]}};n.BundleUiTask=BundleUiTask},70431(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=r(69060);Object.keys(a).forEach(function(t){"default"===t||"__esModule"===t||t in n&&n[t]===a[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return a[t]}})})},69060(t,n,r){"use strict";var a,i;function o(){let t=r(78410);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.UiServerStartedEvent=void 0;let UiServerStartedEventData=class UiServerStartedEventData{constructor(t,n,r){this.targetHost=t,this.targetPort=n,this.uiRoot=r}};let UiServerStartedEvent=class UiServerStartedEvent extends o().BitBaseEvent{constructor(t,n,r,a){super(UiServerStartedEvent.TYPE,"0.0.1",t,new UiServerStartedEventData(n,r,a)),this.timestamp=t,this.targetHost=n,this.targetPort=r,this.uiRoot=a}};n.UiServerStartedEvent=UiServerStartedEvent,(a="symbol"==typeof(i=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(a="TYPE","string"))?i:i+"")in UiServerStartedEvent?Object.defineProperty(UiServerStartedEvent,a,{value:"ui-server-started",enumerable:!0,configurable:!0,writable:!0}):UiServerStartedEvent[a]="ui-server-started"},79845(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={UIAspect:!0,UIRuntime:!0,BUNDLE_UI_DIR:!0,BundleUiTask:!0,useDataQuery:!0,useMutation:!0};function i(){let t=r(53733);return i=function(){return t},t}Object.defineProperty(n,"BUNDLE_UI_DIR",{enumerable:!0,get:function(){return s().BUNDLE_UI_DIR}}),Object.defineProperty(n,"BundleUiTask",{enumerable:!0,get:function(){return s().BundleUiTask}}),Object.defineProperty(n,"UIAspect",{enumerable:!0,get:function(){return i().UIAspect}}),Object.defineProperty(n,"UIRuntime",{enumerable:!0,get:function(){return i().UIRuntime}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return i().UIAspect}}),Object.defineProperty(n,"useDataQuery",{enumerable:!0,get:function(){return l().useDataQuery}}),Object.defineProperty(n,"useMutation",{enumerable:!0,get:function(){return u().useMutation}});var o=r(70431);function s(){let t=r(86181);return s=function(){return t},t}function l(){let t=r(7622);return l=function(){return t},t}function u(){let t=r(92590);return u=function(){return t},t}Object.keys(o).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(a,t)||t in n&&n[t]===o[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return o[t]}})})},53733(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.UIAspect=void 0,Object.defineProperty(n,"UIRuntime",{enumerable:!0,get:function(){return i().UIRuntime}}),n.default=void 0;let o=n.UIAspect=a().Aspect.create({id:"teambit.ui-foundation/ui",declareRuntime:i().UIRuntime});n.default=o},47905(t,n,r){"use strict";function a(){let t=r(27344);return a=function(){return t},t}function i(){let t=r(78410);return i=function(){return t},t}function o(){let t=r(72631);return o=function(){return t},t}function s(){let t=r(75894);return s=function(){return t},t}function l(){let t=r(85095);return l=function(){return t},t}function u(){let t=r(65097);return u=function(){return t},t}function c(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return c=function(){return n},n}function d(){let t=r(53733);return d=function(){return t},t}function p(){let t=r(79655);return p=function(){return t},t}function m(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function f(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?m(Object(r),!0).forEach(function(n){h(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function h(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let UiUI=class UiUI{constructor(t,n,r,a,i){this.router=t,this.uiRootSlot=n,this.hudSlot=r,this.renderPluginsSlot=a,this.dependenciesRenderPlugins=i,h(this,"registerHudItem",t=>{this.hudSlot.register(t)})}async render(t){let n=this.getRoot(t);if(!n)throw Error(`root: ${t} was not found`);let r=n(),a=this.router.renderRoutes(r.routes),i=this.hudSlot.values(),o=this.getLifecyclePlugins(),s=new(l()).BrowserRenderer(o,void 0,t);await s.render(c().default.createElement(p().ClientContext,null,i,a))}async renderSsr(t,n){let r=this.getRoot(t);if(!r)throw Error(`root: ${t} was not found`);let a=r(),i=this.router.renderRoutes(a.routes),o=this.hudSlot.values(),s=this.getLifecyclePlugins(),d=new(l()).ServerRenderer(s);return await d.render(c().default.createElement(u().SSRBrowserProvider,{value:n.browser},c().default.createElement(p().ClientContext,null,o,i)),n)}registerContext(t){this.renderPluginsSlot.register({reactContext:t})}registerRoot(t){return this.uiRootSlot.register(t)}registerRenderHooks(t){return this.renderPluginsSlot.register(t)}getLifecyclePlugins(){let t=this.renderPluginsSlot.toArray().map(([t,n])=>n.key?n:f(f({},n),{},{key:t}));return[this.router.renderPlugin,...this.dependenciesRenderPlugins,...t]}getRoot(t){return this.uiRootSlot.get(t)}static async provider([t,n,r],a,[o,s,l]){return new UiUI(n,o,s,l,[t.renderPlugins,{key:i().PubsubAspect.id,reactContext:r.getPubSubContext()}])}};h(UiUI,"slots",[o().Slot.withType(),o().Slot.withType(),o().Slot.withType()]),h(UiUI,"dependencies",[a().GraphqlAspect,s().ReactRouterAspect,i().PubsubAspect]),h(UiUI,"runtime",d().UIRuntime),d().UIAspect.addRuntime(UiUI)},79655(t,n,r){"use strict";function a(){let t=p(r(12888));return a=function(){return t},t}function i(){let t=r(19644);return i=function(){return t},t}function o(){let t=r(67446);return o=function(){return t},t}function s(){let t=r(88660);return s=function(){return t},t}function l(){let t=r(62634);return l=function(){return t},t}function u(){let t=r(78740);return u=function(){return t},t}function c(){let t=r(16553);return c=function(){return t},t}function d(){let t=p(r(65167));return d=function(){return t},t}function p(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.ClientContext=function({children:t}){let[n,r]=(0,u().useLoaderApi)();return a().default.createElement(a().default.StrictMode,null,a().default.createElement(u().LoaderContext.Provider,{value:n},a().default.createElement(i().IconFont,{query:"c7vhhb"}),a().default.createElement(c().StableThemeSwitcher,null,a().default.createElement(s().Roboto,null),a().default.createElement(o().LoaderRibbon,{active:r,className:d().default.loader}),t,a().default.createElement(l().TooltipMountPoint,null))))}},16553(t,n,r){"use strict";function a(){let t=u(r(12888));return a=function(){return t},t}function i(){let t=r(46646);return i=function(){return t},t}function o(){let t=r(35614);return o=function(){return t},t}function s(){let t=r(70589);return s=function(){return t},t}function l(){let t=r(6825);return l=function(){return t},t}function u(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(u=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function c(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function d(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?c(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.StableThemeSwitcher=function({children:t,defaultTheme:n}){let r=(0,a().useCallback)(()=>{let t=n??function(){if("u"<typeof document)return;let t=document.documentElement.dataset.theme;if(t)return t;try{let t=sessionStorage.getItem("workspace-theme");if(t)return t}catch{}}();return t&&m.find(n=>n.themeName===t)||m[0]},[n]),[o,l]=(0,a().useState)(r);(0,a().useEffect)(()=>{l(r)},[r]);let u=(0,a().useCallback)(t=>{l(()=>t)},[]),c=(0,a().useMemo)(()=>({current:o,get currentIdx(){return m.indexOf(o)},options:m,setTheme:u}),[o,u]),f=p[o.themeName||"light"],h=(0,a().useMemo)(()=>{let t=Object.entries(d(d({},i().baseThemeDefaults),f)).map(([t,n])=>`--${t.replace(/[A-Z]/g,"-$&").toLowerCase()}: ${String(n)};`).join("");return`:root{${t}}`},[f]);return a().default.createElement(s().ThemePickerContext.Provider,{value:c},a().default.createElement("style",null,h),a().default.createElement(i().BaseTheme,{overrides:f},t))};let p={light:{backgroundColor:"#fdfdff",surface01Color:"#f7f7f7",warningColor:"#BB8C25"},dark:o().darkThemeValues},m=[l().LightTheme,o().DarkTheme]},75145(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.UserAgentAspect=void 0;let i=n.UserAgentAspect=a().Aspect.create({id:"teambit.ui-foundation/user-agent"});n.default=i},48842(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function i(){let t=r(79845);return i=function(){return t},t}function o(){let t=c(r(12888));return o=function(){return t},t}function s(){let t=c(r(91283));return s=function(){return t},t}function l(){let t=r(65097);return l=function(){return t},t}function u(){let t=r(75145);return u=function(){return t},t}function c(t){return t&&t.__esModule?t:{default:t}}function d(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let UserAgentUI=class UserAgentUI{static async provider([t]){let n=new UserAgentUI;return t.registerRenderHooks({serverInit:({browser:t})=>({userAgent:new(s()).default(t.headers["user-agent"])}),browserInit:()=>({userAgent:new(s()).default(window.navigator.userAgent)}),reactContext:p}),n}};function p({children:t,renderCtx:n}){return o().default.createElement(l().UserAgentProvider,{value:n?.userAgent},t)}d(UserAgentUI,"slots",[]),d(UserAgentUI,"dependencies",[i().UIAspect]),d(UserAgentUI,"runtime",a().UIRuntime),u().UserAgentAspect.addRuntime(UserAgentUI)},29146(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.VueAspect=void 0;let i=n.VueAspect=a().Aspect.create({id:"teambit.vue/vue-aspect"});n.default=i},82865(t,n,r){"use strict";function a(){let t=s(r(12888));return a=function(){return t},t}function i(){let t=r(5140);return i=function(){return t},t}function o(){let t=s(r(99223));return o=function(){return t},t}function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.vueRenderer=void 0;function l({rows:t,hasDescription:n,expanded:r}){return a().default.createElement(i().Table,{headings:n?["name","type","default","description"]:["name","type"],rows:t,isListView:r})}function u({props:t,expanded:n=!1}){let r=t.filter(({global:t})=>!t).map(({name:t,default:n,required:r,type:a,description:i})=>{let o={name:t,required:r,type:a,description:i};return n&&(o.default={value:n}),o});return 0===r.length?a().default.createElement("div",null,a().default.createElement("h2",{className:o().default.title},"Props"),a().default.createElement("p",{className:o().default.empty},"No props found.")):a().default.createElement("div",null,a().default.createElement("h2",{className:o().default.title},"Props"),a().default.createElement(l,{rows:r,hasDescription:!0,expanded:n}))}function c({events:t,expanded:n=!1}){let r=t.map(({name:t,type:n,description:r})=>({name:t,required:!1,type:n,description:r}));return 0===r.length?null:a().default.createElement("div",null,a().default.createElement("h2",{className:o().default.title},"Emits"),a().default.createElement(l,{rows:r,expanded:n}))}function d({slots:t,expanded:n}){let r=t.map(({name:t,type:n,description:r})=>({name:t,required:!1,type:n,description:r}));return 0===r.length?null:a().default.createElement("div",null,a().default.createElement("h2",{className:o().default.title},"Slots"),a().default.createElement(l,{rows:r,expanded:n}))}n.vueRenderer={predicate:function(t){return"VueSchema"===t.__schema},Component:function({apiNode:t}){let n=t.api.meta;return a().default.createElement("div",{className:o().default.container},a().default.createElement("div",{className:o().default.inner},a().default.createElement(u,{props:n.props}),a().default.createElement(c,{events:n.events}),a().default.createElement(d,{slots:n.slots})))},OverviewComponent:function({apiNode:t}){let n=t.api.meta;return a().default.createElement("div",{className:o().default.container},a().default.createElement("div",{className:o().default.inner},a().default.createElement(u,{props:n.props}),a().default.createElement(c,{events:n.events}),a().default.createElement(d,{slots:n.slots})))},nodeType:"Vue SFCs",icon:{name:"Vue",url:"https://static.bit.dev/extensions-icons/vue.svg"},default:!0}},49089(t,n,r){"use strict";function a(){var t;let n=(t=r(52404))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(9003);return i=function(){return t},t}function o(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function s(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?o(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.VueSchema=void 0;let VueSchema=class VueSchema extends i().SchemaNode{constructor(t,n,r){super(),this.location=t,this.name=n,this.meta=r}getNodes(){return[]}toString(t){let n=t?.color?a().default.bold:t=>t;return`${n(this.name)}: import('vue').Component`}toFullSignature(){return`${this.name}: import('vue').Component`}toObject(){return s(s({},super.toObject()),{},{name:this.name,meta:this.meta})}static fromObject(t){return new VueSchema(t.location,t.name,t.meta)}};n.VueSchema=VueSchema},65810(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function i(){let t=r(64199);return i=function(){return t},t}function o(){let t=r(29146);return o=function(){return t},t}function s(){let t=r(49089);return s=function(){return t},t}function l(){let t=r(82865);return l=function(){return t},t}function u(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let VueMain=class VueMain{static async provider([t]){return t.registerSchemaClasses(()=>[s().VueSchema]),t.registerAPINodeRenderer([l().vueRenderer]),new VueMain}};u(VueMain,"slots",[]),u(VueMain,"dependencies",[i().APIReferenceAspect]),u(VueMain,"runtime",a().UIRuntime),o().VueAspect.addRuntime(VueMain)},49139(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.WORKSPACE_NAVIGATE=n.useNavigationMessageListener=void 0;var a=r(64782);Object.defineProperty(n,"useNavigationMessageListener",{enumerable:!0,get:function(){return a.useNavigationMessageListener}}),Object.defineProperty(n,"WORKSPACE_NAVIGATE",{enumerable:!0,get:function(){return a.WORKSPACE_NAVIGATE}})},64782(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.WORKSPACE_NAVIGATE=void 0,n.useNavigationMessageListener=function({origin:t="*"}={}){let r=(0,i.useNavigate)();(0,a.useEffect)(()=>{if("u"<typeof window)return;let a=a=>{if("*"!==t&&a.origin!==t)return;let i=a.data;if(!i||i.event!==n.WORKSPACE_NAVIGATE)return;let o=i.payload??{},s=String(o.path??"").trim();if(!s||function(t){try{return new URL(t),!0}catch{return!1}}(s))return;let l=s.startsWith("/")?s:`/${s}`;try{r(l,{replace:!!o.replace,state:o.state})}catch{}};return window.addEventListener("message",a),()=>window.removeEventListener("message",a)},[r,t])};let a=r(12888),i=r(44178);n.WORKSPACE_NAVIGATE="WORKSPACE_NAVIGATE"},79475(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useUrlChangeBroadcaster=n.URL_CHANGE_EVENT=void 0;var a=r(87612);Object.defineProperty(n,"URL_CHANGE_EVENT",{enumerable:!0,get:function(){return a.URL_CHANGE_EVENT}}),Object.defineProperty(n,"useUrlChangeBroadcaster",{enumerable:!0,get:function(){return a.useUrlChangeBroadcaster}})},87612(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.URL_CHANGE_EVENT=void 0,n.useUrlChangeBroadcaster=function({targetOrigin:t="*",debounceMs:r=0,enrichPayload:o}={}){let s=(0,i.useLocation)(),l=(0,a.useRef)({key:s.key,pathname:s.pathname,search:s.search,hash:s.hash}),u=(0,a.useRef)(null);(0,a.useEffect)(()=>{if("u"<typeof window||l.current.key===s.key&&l.current.pathname===s.pathname&&l.current.search===s.search&&l.current.hash===s.hash)return;let a=()=>{let r={href:window.location.href,pathname:s.pathname,search:s.search,hash:s.hash,timestamp:Date.now()},a=o?o(r):r;try{window.parent?.postMessage({event:n.URL_CHANGE_EVENT,payload:a},t)}finally{l.current={key:s.key,pathname:s.pathname,search:s.search,hash:s.hash}}};if(r>0)return u.current&&window.clearTimeout(u.current),u.current=window.setTimeout(a,r),()=>{u.current&&window.clearTimeout(u.current)};a()},[s.key,s.pathname,s.search,s.hash,t,r,o])};let a=r(12888),i=r(44178);n.URL_CHANGE_EVENT="WORKSPACE_URL_CHANGE"},13236(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreserveWorkspaceMode=void 0;var a=r(46448);Object.defineProperty(n,"PreserveWorkspaceMode",{enumerable:!0,get:function(){return a.PreserveWorkspaceMode}})},46448(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.PreserveWorkspaceMode=void 0;let l=r(11684),u=s(r(12888)),c=r(44178);n.PreserveWorkspaceMode=({children:t})=>{let[,n]=(0,c.useSearchParams)(),r=(0,c.useLocation)();return(0,u.useEffect)(()=>{let t=new URLSearchParams(r.search),a=t.get("minimal-mode"),i=sessionStorage.getItem("workspace-minimal-mode");"true"===a?sessionStorage.setItem("workspace-minimal-mode","true"):sessionStorage.removeItem("workspace-minimal-mode"),!a&&i&&(t.set("minimal-mode","true"),n(t,{replace:!0}))},[r.search,n]),(0,l.jsx)(l.Fragment,{children:t})}},60517(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useWorkspaceMode=void 0;var a=r(82484);Object.defineProperty(n,"useWorkspaceMode",{enumerable:!0,get:function(){return a.useWorkspaceMode}})},82484(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useWorkspaceMode=void 0;let a=r(12888),i=r(44178);n.useWorkspaceMode=()=>{let[t,n]=(0,i.useSearchParams)(),r="true"===t.get("minimal-mode"),o=(0,a.useCallback)(r=>{let a=new URLSearchParams(t);a.set("minimal-mode",r.toString()),n(a,{replace:!0})},[t,n]),s=(0,a.useCallback)(()=>{o(!r)},[r,o]);return{isMinimal:r,setMinimalMode:o,toggleMinimalMode:s}}},85411(t,n,r){"use strict";function a(){let t=l(r(19056));return a=function(){return t},t}function i(){var t;let n=(t=r(16322))&&t.__esModule?t:{default:t};return i=function(){return n},n}function o(){let t=r(19100);return o=function(){return t},t}function s(){let t=r(25699);return s=function(){return t},t}function l(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(l=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}async function u(t,n){return(await c(t,n)).map(t=>t.component)}async function c(t,n){var r,a;let i;if(!n.length)return[];let s=(r=t.consumer,a=n,i=r.bitMap.getAllBitIds().filter(t=>!a.hasWithoutVersion(t)),o().ComponentIdList.fromArray(i)),l=new(o()).ComponentIdList(...s,...n);return d((await t.getMany(l,void 0,!1)).map(t=>t.state._consumer),n)}function d(t,n){var r,l;let u,c,d=(r=t,l=n,u=new(a()).Graph,c=o().ComponentIdList.fromArray([...r.map(t=>t.id),...l]),r.forEach(t=>{let n=t.id.toStringWithoutVersion();t.getAllDependencies().forEach(r=>{if(!c.searchWithoutVersion(r.id))return;let a=r.id.toStringWithoutVersion();t.isDependencyVersionFromConfig(r.id)||(u.hasNode(n)||u.setNode(n,t.id),u.hasNode(a)||u.setNode(a,r.id),u.setEdge(n,a))})}),u),p=[];return t.forEach(t=>{let r=t.componentId,l=r.toStringWithoutVersion();if(!d.hasNode(l))return;let u=a().default.alg.preorder(d,l).map(t=>d.node(t)).filter(t=>{let a=n.searchWithoutVersion(t);return!(!a||n.searchWithoutVersion(r))&&(!((0,s().isTag)(a.version)&&(0,s().isTag)(t.version))||i().default.gte(a.version,t.version))});u.length&&p.push({component:t,triggeredBy:o().ComponentIdList.fromArray(u)})}),p}Object.defineProperty(n,"__esModule",{value:!0}),n.getAutoTagInfo=c,n.getAutoTagInfoFromComponents=d,n.getAutoTagPending=u},78624(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(92335);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTreeWidget=void 0;let ComponentTreeWidget=class ComponentTreeWidget{constructor(){!function(t,n,r){var a;(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r}(this,"widget",({component:t})=>a().default.createElement(i().ComponentStatusResolver,{status:t.status,issuesCount:t.issuesCount}))}};n.ComponentTreeWidget=ComponentTreeWidget},38240(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=r(41863);Object.keys(a).forEach(function(t){"default"===t||"__esModule"===t||t in n&&n[t]===a[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return a[t]}})});var i=r(53954);Object.keys(i).forEach(function(t){"default"===t||"__esModule"===t||t in n&&n[t]===i[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return i[t]}})});var o=r(77481);Object.keys(o).forEach(function(t){"default"===t||"__esModule"===t||t in n&&n[t]===o[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return o[t]}})})},53954(t,n,r){"use strict";var a,i;function o(){let t=r(78410);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.OnComponentAddEvent=void 0;let OnComponentAddEventData=class OnComponentAddEventData{constructor(t,n){this.idStr=t,this.hook=n}};let OnComponentAddEvent=class OnComponentAddEvent extends o().BitBaseEvent{constructor(t,n,r){super(OnComponentAddEvent.TYPE,"0.0.1",t,new OnComponentAddEventData(n,r)),this.timestamp=t,this.idStr=n,this.hook=r}};n.OnComponentAddEvent=OnComponentAddEvent,(a="symbol"==typeof(i=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(a="TYPE","string"))?i:i+"")in OnComponentAddEvent?Object.defineProperty(OnComponentAddEvent,a,{value:"on-component-add",enumerable:!0,configurable:!0,writable:!0}):OnComponentAddEvent[a]="on-component-add"},41863(t,n,r){"use strict";var a,i;function o(){let t=r(78410);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.OnComponentChangeEvent=void 0;let OnComponentChangeEventData=class OnComponentChangeEventData{constructor(t,n){this.idStr=t,this.hook=n}};let OnComponentChangeEvent=class OnComponentChangeEvent extends o().BitBaseEvent{constructor(t,n,r){super(OnComponentChangeEvent.TYPE,"0.0.1",t,new OnComponentChangeEventData(n,r)),this.timestamp=t,this.idStr=n,this.hook=r}};n.OnComponentChangeEvent=OnComponentChangeEvent,(a="symbol"==typeof(i=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(a="TYPE","string"))?i:i+"")in OnComponentChangeEvent?Object.defineProperty(OnComponentChangeEvent,a,{value:"on-component-change",enumerable:!0,configurable:!0,writable:!0}):OnComponentChangeEvent[a]="on-component-change"},77481(t,n,r){"use strict";var a,i;function o(){let t=r(78410);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.OnComponentRemovedEvent=void 0;let OnComponentRemovedEventData=class OnComponentRemovedEventData{constructor(t){this.idStr=t}};let OnComponentRemovedEvent=class OnComponentRemovedEvent extends o().BitBaseEvent{constructor(t,n){super(OnComponentRemovedEvent.TYPE,"0.0.1",t,new OnComponentRemovedEventData(n)),this.timestamp=t,this.idStr=n}};n.OnComponentRemovedEvent=OnComponentRemovedEvent,(a="symbol"==typeof(i=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(a="TYPE","string"))?i:i+"")in OnComponentRemovedEvent?Object.defineProperty(OnComponentRemovedEvent,a,{value:"on-component-removed",enumerable:!0,configurable:!0,writable:!0}):OnComponentRemovedEvent[a]="on-component-removed"},10608(t,n,r){"use strict";function a(){let t=r(24490);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.OutsideWorkspaceError=void 0;let OutsideWorkspaceError=class OutsideWorkspaceError extends a().BitError{constructor(){super("This command can only be run inside a bit workspace. Please check that you are inside a bit workspace and then re-run (to initialize a new workspace please use bit init)")}};n.OutsideWorkspaceError=OutsideWorkspaceError},8956(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={WorkspaceAspect:!0,CheckTypes:!0,ComponentStatus:!0,WorkspaceModel:!0,WorkspaceContext:!0,OutsideWorkspaceError:!0,getAutoTagInfoFromComponents:!0};function i(){let t=r(25667);return i=function(){return t},t}Object.defineProperty(n,"CheckTypes",{enumerable:!0,get:function(){return s().CheckTypes}}),Object.defineProperty(n,"ComponentStatus",{enumerable:!0,get:function(){return l().ComponentStatus}}),Object.defineProperty(n,"OutsideWorkspaceError",{enumerable:!0,get:function(){return d().OutsideWorkspaceError}}),Object.defineProperty(n,"WorkspaceAspect",{enumerable:!0,get:function(){return i().WorkspaceAspect}}),Object.defineProperty(n,"WorkspaceContext",{enumerable:!0,get:function(){return c().WorkspaceContext}}),Object.defineProperty(n,"WorkspaceModel",{enumerable:!0,get:function(){return u().Workspace}}),n.default=void 0,Object.defineProperty(n,"getAutoTagInfoFromComponents",{enumerable:!0,get:function(){return p().getAutoTagInfoFromComponents}});var o=r(38240);function s(){let t=r(80844);return s=function(){return t},t}function l(){let t=r(14072);return l=function(){return t},t}function u(){let t=r(61248);return u=function(){return t},t}function c(){let t=r(20914);return c=function(){return t},t}function d(){let t=r(10608);return d=function(){return t},t}function p(){let t=r(85411);return p=function(){return t},t}Object.keys(o).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(a,t)||t in n&&n[t]===o[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return o[t]}})}),n.default=i().WorkspaceAspect},36483(t,n,r){"use strict";function a(){let t=r(26461);return a=function(){return t},t}function i(){let t=r(49226);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Workspace",{enumerable:!0,get:function(){return a().Workspace}}),Object.defineProperty(n,"WorkspaceMenu",{enumerable:!0,get:function(){return i().WorkspaceMenu}})},26461(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={WorkspaceContext:!0,WorkspaceProvider:!0};Object.defineProperty(n,"WorkspaceContext",{enumerable:!0,get:function(){return o().WorkspaceContext}}),Object.defineProperty(n,"WorkspaceProvider",{enumerable:!0,get:function(){return s().WorkspaceProvider}});var i=r(22036);function o(){let t=r(20914);return o=function(){return t},t}function s(){let t=r(73408);return s=function(){return t},t}Object.keys(i).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(a,t)||t in n&&n[t]===i[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return i[t]}})})},95193(t,n,r){"use strict";let a;function i(){let t=r(12888);return i=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}function s(){let t=r(70589);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ThemeFromUrlSync=function(){let t=(0,o().useLocation)(),[,n]=(0,o().useSearchParams)(),r=(0,s().useThemePicker)(),p=(0,i().useMemo)(()=>new URLSearchParams(t.search).get("theme")??void 0,[t.search]),m=r?.current?.themeName;return(0,i().useEffect)(()=>{if(!r)return;let i=new URLSearchParams(t.search),o=i.has("theme"),s=sessionStorage.getItem(l)||void 0;if(c&&c===p){c=null,a=p;return}let f=a!==p;if(a=p,f&&o&&p&&u.has(p)){sessionStorage.removeItem(l),i.delete("theme"),c=null,d=null,n(i,{replace:!0});return}if(f&&p){if(sessionStorage.setItem(l,p),m!==p){let t=r.options.find(t=>t.themeName===p);t&&(d=p,r.setTheme(t))}return}if(f&&!o&&s){i.set("theme",s),c=s,n(i,{replace:!0});return}if(m&&p!==m){if(d===m){d=null;return}sessionStorage.setItem(l,m),i.set("theme",m),c=m,n(i,{replace:!0})}},[p,m,t.search,n,r]),null};let l="workspace-theme",u=new Set(["default","none",""]),c=null,d=null},20850(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function i(){let t=r(30266);return i=function(){return t},t}function o(){var t;let n=(t=r(27636))&&t.__esModule?t:{default:t};return o=function(){return n},n}function s(){let t=r(7622);return s=function(){return t},t}function l(){let t=r(92590);return l=function(){return t},t}function u(){let t=r(19100);return u=function(){return t},t}function c(){let t=r(61248);return c=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useWorkspace=function(t={}){let n=(0,s().useDataQuery)(b,{fetchPolicy:"cache-and-network"}),{data:r,previousData:p,subscribeToMore:f,loading:h}=n,g=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(n,d),[j,C]=(0,a().useState)(!1),S=!!r?.workspace,O=r?.workspace?.components?.length??0;(0,a().useEffect)(()=>{if(!S||j||"u"<typeof window)return;let t=()=>C(!0),n=window.requestIdleCallback;if(n){let r=n(t,{timeout:1e3});return()=>window.cancelIdleCallback?.(r)}let r=window.setTimeout(t,200);return()=>window.clearTimeout(r)},[S,j]);let E=(0,l().useApolloClient)(),[$,D]=(0,a().useState)(new Map);(0,a().useEffect)(()=>{if(!j||!O)return;let t=!1;return(async()=>{for(let n=0;n<O;n+=15){if(t)return;try{let r=await E.query({query:y,variables:{offset:n,limit:15},fetchPolicy:"network-only"});if(t)return;let a=r.data?.workspace?.components??[];a.length&&D(t=>{let n=new Map(t);for(let t of a)n.set(k(t.id),{status:t.status,issuesCount:t.issuesCount});return n})}catch{}if(t)return;await new Promise(t=>{setTimeout(t,60)})}})(),()=>{t=!0}},[j,O,E]);let P=(0,o().default)(t);(0,a().useEffect)(()=>{let t=f({document:v,updateQuery:(t,{subscriptionData:n})=>{let r=n.data,a=r?.componentAdded?.component;return!a||t.workspace.components.find(t=>u().ComponentID.isEqualObj(t.id,a.id,{ignoreVersion:!0}))?t:(setTimeout(()=>P.current.onComponentAdded?.([i().ComponentModel.from(a)])),m(m({},t),{},{workspace:m(m({},t.workspace),{},{components:[...t.workspace.components,a]})}))}}),n=f({document:_,updateQuery:(t,{subscriptionData:n})=>{let r=n.data;if(!r)return t;let a=r.componentChanged.component;return setTimeout(()=>P.current.onComponentUpdated?.([i().ComponentModel.from(a)])),m(m({},t),{},{workspace:m(m({},t.workspace),{},{components:t.workspace.components.map(t=>t.id.name===a.id.name?a:t)})})}}),r=f({document:w,updateQuery:(t,{subscriptionData:n})=>{let r=n?.data?.componentRemoved?.componentIds;return r&&0!==r.length?(setTimeout(()=>P.current.onComponentRemoved?.(r.map(t=>u().ComponentID.fromObject(t)))),m(m({},t),{},{workspace:m(m({},t.workspace),{},{components:t.workspace.components.filter(t=>r.every(n=>!u().ComponentID.isEqualObj(n,t.id)))})})):t}}),a=f({document:x,updateQuery:(t,{subscriptionData:n})=>{let r=n.data;if(!r)return t;let a=r.componentServerStarted;if(!a||0===a.length)return t;let i=t.workspace.components.map(t=>t.env?.id===a[0].env?m(m({},t),{},{server:{env:a[0].env,url:a[0].url,host:a[0].host,basePath:a[0].basePath}}):t);return m(m({},t),{},{workspace:m(m({},t.workspace),{},{components:i})})}});return()=>{t(),n(),r(),a()}},[P]);let N=(0,a().useMemo)(()=>{let t=r?.workspace;if(!t)return;let n=t.components.map(t=>{let n=$.get(k(t.id));return n?m(m({},t),{},{status:t.status??n.status,issuesCount:t.issuesCount??n.issuesCount}):t});return c().Workspace.from(m(m({},t),{},{components:n}))},[r?.workspace,$]);return m({workspace:N,loading:h,subscribeToMore:f},g)};let d=["data","previousData","subscribeToMore","loading"];function p(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function m(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?p(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}let f=(0,l().gql)`
+      `}});function p({assets:t={},withDevTools:n=!1,fullHeight:r,ssr:a,children:m=(0,i.jsx)(s.MountPoint,{}),notifyParentOnLoad:f=!0,...h}){return(0,i.jsxs)("html",{lang:"en",...h,children:[(0,i.jsxs)("head",{children:[(0,i.jsx)("title",{children:t.title||"bit scope"}),(0,i.jsx)("meta",{charSet:"utf-8"}),(0,i.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),a&&(0,i.jsx)(u.SsrStyles,{}),r&&(0,i.jsx)(c.FullHeightStyle,{}),n&&(0,i.jsx)(o.CrossIframeDevTools,{}),t.style?.map((t,n)=>(0,i.jsx)("style",{children:t},n)),t.css?.map((t,n)=>(0,i.jsx)("link",{href:t,rel:"stylesheet",type:"text/css"},n)),f&&(0,i.jsx)(d,{})]}),(0,i.jsxs)("body",{children:[m,t.json&&(0,i.jsx)(l.StoredAssets,{data:t.json}),t.js?.map((t,n)=>(0,i.jsx)("script",{src:t},n))]})]})}p.fillContent=s.fillMountPoint,p.popAssets=l.popAssets},28452(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.popAssets=n.mountPointId=n.MountPoint=n.ERROR_EVENT=n.LOAD_EVENT=n.ssrCleanup=n.Html=void 0;var a=r(77395);Object.defineProperty(n,"Html",{enumerable:!0,get:function(){return a.Html}}),Object.defineProperty(n,"ssrCleanup",{enumerable:!0,get:function(){return a.ssrCleanup}}),Object.defineProperty(n,"LOAD_EVENT",{enumerable:!0,get:function(){return a.LOAD_EVENT}}),Object.defineProperty(n,"ERROR_EVENT",{enumerable:!0,get:function(){return a.ERROR_EVENT}});var i=r(1438);Object.defineProperty(n,"MountPoint",{enumerable:!0,get:function(){return i.MountPoint}}),Object.defineProperty(n,"mountPointId",{enumerable:!0,get:function(){return i.mountPointId}});var o=r(76871);Object.defineProperty(n,"popAssets",{enumerable:!0,get:function(){return o.popAssets}})},1438(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.mountPointId=void 0,n.MountPoint=function({children:t}){return(0,i.jsx)("div",{id:n.mountPointId,children:t})},n.fillMountPoint=function(t,n){return t.replace(o,n)};let i=r(11684);a(r(12888)),n.mountPointId="root";let o=/<div id="root"><\/div>/},93087(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.SsrStyles=function(){return(0,i.jsxs)("style",{id:"before-hydrate-styles",children:[".--ssr-hidden ","{","display: none;","}"]})},n.removeSsrStyles=function(){document.getElementById("before-hydrate-styles")?.remove()};let i=r(11684);a(r(12888))},76871(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.StoredAssets=function({data:t}){return(0,i.jsx)("div",{className:"state",style:{display:"none"},children:Object.entries(t).map(([t,n])=>(0,i.jsx)("script",{"data-aspect":t,type:"application/json",dangerouslySetInnerHTML:{__html:n}},t))})},n.popAssets=function(){let t=new Map;return Array.from(document.querySelectorAll("body > .state > *")).forEach(n=>{let r=n.getAttribute("data-aspect");r&&t.set(r,n.innerHTML)}),document.querySelector("body > .state")?.remove(),t};let i=r(11684);a(r(12888))},7817(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTree=function({components:t,isCollapsed:n,className:r,transformTree:a,lanesModel:i,TreeNode:o=v.DefaultTreeNodeRenderer}){let{pathname:s="/"}=(0,d.useLocation)()||{},_=s.split(h.LanesModel.baseLaneComponentRoute.concat("/"))[1],w=(0,u.useIdFromLocation)(_,!0),x=(0,c.useMemo)(()=>{let n=t.find(t=>w&&(w===t.id.fullName||w===t.id.toStringWithoutVersion()));return n?.id.toString({ignoreVersion:!0})},[t.length,s]),k=(0,c.useMemo)(()=>{let n,r=(0,m.inflateToTree)(t,t=>t.id.toString({ignoreVersion:!0})),i=(n=new Map(t.map(t=>[t.id.toString({ignoreVersion:!0}),t])),new Set(t.map(t=>t.id.scope).filter(t=>!!t)).forEach(t=>t&&n.set(`${t}/`,new y.ScopePayload)),n);return((0,m.attachPayload)(r,i),a)?a(r):r},[t.length,i?.viewedLane?.id.toString()]);return(0,l.jsx)(b.LanesContext.Provider,{value:{lanesModel:i},children:(0,l.jsx)(g.TreeContextProvider,{children:(0,l.jsx)("div",{style:(0,p.indentStyle)(1),className:r,children:(0,l.jsx)(f.Tree,{TreeNode:o,activePath:x,tree:k,isCollapsed:n})})})})};let l=r(11684),u=r(30266),c=s(r(12888)),d=r(19304),p=r(68654),m=r(579),f=r(7406),h=r(1453),g=r(94111),b=r(30969),y=r(12966),v=r(57145)},92840(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentView=function(t){let{node:n,scopeName:r,treeNodeSlot:a}=t,i=n.payload,{onSelect:o}=(0,y.useContext)(_.TreeContext),s=(0,y.useContext)(x.LanesContext),l=s?.lanesModel,[S,O]=(0,y.useState)(!1);(0,y.useEffect)(()=>(O(!0),()=>{O(!1)}),[]);let E=(0,y.useCallback)(t=>{o?.(n.id,t)},[o,n.id]),$=(0,c.useLocation)(),D=!i?.id||!i?.environment?.id,P=D?void 0:g.ComponentID.fromString(i.environment?.id),N=!!P&&l?.isComponentOnLaneButNotOnMain(P,!1,l.viewedLane?.id),M=P?N&&l?.viewedLane?.id&&S&&`${window.location.origin}${k.LanesModel.getLaneComponentUrl(P,l.viewedLane?.id,void 0,l.viewedLane)}`||b.ComponentUrl.toUrl(P,{includeVersion:!0,useLocationOrigin:!!S&&window.location.host.startsWith("localhost")}):void 0,T=P?(0,u.jsxs)(c.Link,{external:!0,className:C.default.envLink,href:M,onClick:t=>{t.stopPropagation()},children:[(0,u.jsx)("div",{className:C.default.componentEnvTitle,children:"Environment"}),(0,u.jsx)("div",{children:i.environment?.id})]}):null,I=D?void 0:l?.getLaneComponentUrlByVersion(i.id,l.viewedLane?.id,!r,l.viewedLane),A=y.default.useMemo(()=>!D&&!i.status?.isNew&&!l?.viewedLane?.id.isDefault()&&l?.isComponentOnMainButNotOnLane(i.id,void 0,l?.viewedLane?.id),[l?.viewedLane?.id.toString(),i.id.toString()]),F=y.default.useMemo(()=>{if(!I||!$||!i?.id)return!1;let t=new URLSearchParams($.search).get("scope"),n=$.pathname.substring(1).split("?")[0],a=i.id.toStringWithoutVersion(),o=i.id.fullName,s=i.id.scope,u=$.pathname.includes(k.LanesModel.lanesPrefix),c=(I.startsWith("/")?I.substring(1):I).split("?")[0],d=l?.currentLane&&l.currentLane.id.toString()===l?.viewedLane?.id.toString();if(!u&&(l?.viewedLane?.id.isDefault()||A||d)){let a=n.split("/~")[0],i=r?`${r.replace(".","/")}/`:"",o=a.replace(i,"");return t?c===a&&s===t:c===o}let p=(n.split(k.LanesModel.baseLaneComponentRoute)[1]??"").split("/~")[0]??"",m=p.startsWith("/")?p.substring(1):p,f=g.ComponentID.tryFromString(m)??(r?g.ComponentID.tryFromString(`${r}/${m}`):void 0);return!r&&l?.viewedLane?.id&&i.id.scope===l?.viewedLane?.id.scope?t?o===m&&s===t:o===m:!!f&&(t?f?.toString()===a||f.fullName===o&&s===t:f?.toString()===a||f.fullName===o)},[I,A,$?.pathname,i?.id.toString(),r]),R=y.default.useMemo(()=>{if($?.search)return new URLSearchParams($.search).get("version")||void 0},[$?.search]),L=y.default.useMemo(()=>{if(!F||!R||i.deprecation?.isDeprecate)return!1;let t=i.deprecation?.range;if(!t)return!1;try{return(0,f.default)(R,t)}catch{return!1}},[F,R,i.deprecation?.isDeprecate,i.deprecation?.range]);if(D)return null;let z=i.status?.modifyInfo?.hasModifiedFiles||i.status?.modifyInfo?.hasModifiedDependencies,B=A?(0,u.jsx)(v.Tooltip,{className:C.default.tooltip,placement:"top",content:"On Main",children:(0,u.jsx)("span",{className:(0,h.default)(A&&!z&&C.default.opacity),children:(0,j.getName)(n.id)})}):(0,u.jsx)("span",{children:(0,j.getName)(n.id)});return(0,u.jsxs)(c.Link,{href:I,className:(0,h.default)(w.indentClass,C.default.component),activeClassName:C.default.active,onClick:E,active:F,children:[(0,u.jsxs)("div",{className:C.default.left,children:[(0,u.jsx)(v.Tooltip,{className:C.default.componentEnvTooltip,placement:"top",content:T,children:(0,u.jsx)(d.EnvIcon,{component:i,className:C.default.envIcon})}),B]}),(0,u.jsxs)("div",{className:C.default.right,children:[(0,u.jsx)(p.DeprecationIcon,{component:i}),L&&(0,u.jsx)(v.Tooltip,{placement:"bottom",content:"This version is deprecated",children:(0,u.jsx)("div",{className:C.default.deprecatedIcon,children:(0,u.jsx)(m.Icon,{of:"note-deprecated"})})}),a&&a.toArray().map(([t,n])=>{let r=n.widget;return(0,u.jsx)(r,{component:i},t)})]})]})};let u=r(11684),c=r(19304),d=r(71292),p=r(43385),m=r(29751),f=l(r(55069)),h=l(r(97500)),g=r(19100),b=r(59004),y=s(r(12888)),v=r(62634),_=r(94111),w=r(68654),x=r(30969),k=r(1453),j=r(27925),C=l(r(17122))},84199(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentView=void 0;var a=r(92840);Object.defineProperty(n,"ComponentView",{enumerable:!0,get:function(){return a.ComponentView}})},42612(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.DefaultTreeNodeRenderer=function(t){let{node:n}=t,{children:r,payload:a}=n;return r?a instanceof o.ScopePayload?(0,i.jsx)(l.ScopeTreeNode,{...t}):(0,i.jsx)(u.NamespaceTreeNode,{...t}):(0,i.jsx)(s.ComponentView,{...t})};let i=r(11684);a(r(12888));let o=r(12966),s=r(84199),l=r(61154),u=r(11817)},57145(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.DefaultTreeNodeRenderer=void 0;var a=r(42612);Object.defineProperty(n,"DefaultTreeNodeRenderer",{enumerable:!0,get:function(){return a.DefaultTreeNodeRenderer}})},54207(t,n,r){"use strict";var a=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__exportStar||function(t,n){for(var r in t)"default"===r||Object.prototype.hasOwnProperty.call(n,r)||a(n,t,r)};Object.defineProperty(n,"__esModule",{value:!0}),n.ScopePayload=n.NamespaceTreeNode=n.ScopeTreeNode=n.ComponentView=void 0,i(r(7817),n);var o=r(84199);Object.defineProperty(n,"ComponentView",{enumerable:!0,get:function(){return o.ComponentView}});var s=r(61154);Object.defineProperty(n,"ScopeTreeNode",{enumerable:!0,get:function(){return s.ScopeTreeNode}});var l=r(11817);Object.defineProperty(n,"NamespaceTreeNode",{enumerable:!0,get:function(){return l.NamespaceTreeNode}});var u=r(12966);Object.defineProperty(n,"ScopePayload",{enumerable:!0,get:function(){return u.ScopePayload}})},11817(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.NamespaceTreeNode=void 0;var a=r(4752);Object.defineProperty(n,"NamespaceTreeNode",{enumerable:!0,get:function(){return a.NamespaceTreeNode}})},4752(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.NamespaceTreeNode=function({node:t,depth:n}){let{isCollapsed:r,activePath:a}=(0,h.useTree)(),i=a?.startsWith(t.id)??!1,[o,s]=(0,p.useState)(null),l=o?.isActive===i&&o?.isCollapsed===r?o.open:i||!r,y=()=>s({isActive:i,isCollapsed:r,open:!l}),v=(0,g.getName)(t.id.replace(/\/$/,"")),_=!l&&i;return(0,u.jsxs)("div",{children:[t.id&&(0,u.jsx)("div",{className:(0,d.default)(f.indentClass,b.default.namespace,_&&b.default.highlighted),onClick:y,tabIndex:0,role:"button",onKeyDown:t=>{"Enter"===t.key&&y()},children:(0,u.jsxs)("div",{className:b.default.left,children:[(0,u.jsx)(c.Icon,{className:(0,d.default)(b.default.arrow,!l&&b.default.collapsed),of:"fat-arrow-down"}),(0,u.jsx)("span",{className:b.default.name,children:v})]})}),(0,u.jsx)(m.default,{height:l?"auto":0,children:(0,u.jsx)("div",{style:(0,f.indentStyle)(n+1),className:(0,d.default)(b.default.componentTree),children:t.children&&(0,u.jsx)(h.TreeLayer,{childNodes:t.children,depth:n})})})]})};let u=r(11684),c=r(29751),d=l(r(97500)),p=s(r(12888)),m=l(r(31842)),f=r(68654),h=r(7406),g=r(27925),b=l(r(50930))},12966(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ScopePayload=void 0;let ScopePayload=class ScopePayload{get isScope(){return!0}};n.ScopePayload=ScopePayload},61154(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ScopeTreeNode=void 0;var a=r(8360);Object.defineProperty(n,"ScopeTreeNode",{enumerable:!0,get:function(){return a.ScopeTreeNode}})},8360(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ScopeTreeNode=function({node:t,depth:n}){let{isCollapsed:r,activePath:a}=(0,f.useTree)(),i=a?.startsWith(t.id)??!1,[o,s]=(0,p.useState)(null),l=o?.isActive===i&&o?.isCollapsed===r?o.open:i||!r,b=()=>s({isActive:i,isCollapsed:r,open:!l}),y=(0,h.getName)(t.id.replace(/\/$/,"")),v=!l&&i;return(0,u.jsxs)("div",{children:[t.id&&(0,u.jsx)("div",{className:(0,d.default)(f.indentClass,g.default.scope,v&&g.default.highlighted),onClick:b,onKeyDown:t=>{"Enter"===t.key&&b()},role:"button",tabIndex:0,children:(0,u.jsxs)("div",{className:g.default.left,children:[(0,u.jsx)(c.Icon,{className:(0,d.default)(g.default.arrow,!l&&g.default.collapsed),of:"fat-arrow-down"}),(0,u.jsx)(c.Icon,{className:g.default.arrow,of:"collection-full"}),(0,u.jsx)("span",{className:g.default.name,children:y})]})}),(0,u.jsx)(m.default,{height:l?"auto":0,children:(0,u.jsx)("div",{style:(0,f.indentStyle)(n+1),className:(0,d.default)(g.default.componentTree),children:t.children&&(0,u.jsx)(f.TreeLayer,{childNodes:t.children,depth:n+1})})})]})};let u=r(11684),c=r(29751),d=l(r(97500)),p=s(r(12888)),m=l(r(31842)),f=r(7406),h=r(27925),g=l(r(36410))},27925(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getName=function(t){return t.split("/").pop()}},92064(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ScopePayload=n.NamespaceTreeNode=n.ScopeTreeNode=n.ComponentView=n.ComponentTree=void 0;var a=r(54207);Object.defineProperty(n,"ComponentTree",{enumerable:!0,get:function(){return a.ComponentTree}}),Object.defineProperty(n,"ComponentView",{enumerable:!0,get:function(){return a.ComponentView}}),Object.defineProperty(n,"ScopeTreeNode",{enumerable:!0,get:function(){return a.ScopeTreeNode}}),Object.defineProperty(n,"NamespaceTreeNode",{enumerable:!0,get:function(){return a.NamespaceTreeNode}}),Object.defineProperty(n,"ScopePayload",{enumerable:!0,get:function(){return a.ScopePayload}})},86181(t,n,r){"use strict";function a(){let t=r(52101);return a=function(){return t},t}function i(){var t;let n=(t=r(48584))&&t.__esModule?t:{default:t};return i=function(){return n},n}function o(){let t=r(10437);return o=function(){return t},t}function s(){let t=r(18848);return s=function(){return t},t}function l(){let t=r(53733);return l=function(){return t},t}function u(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.BUNDLE_UIROOT_DIR=void 0,Object.defineProperty(n,"BUNDLE_UI_DIR",{enumerable:!0,get:function(){return s().BUNDLE_UI_DIR}}),n.UIROOT_ASPECT_IDS=n.KNOWN_UIROOT_ASPECT_IDS=n.BundleUiTask=n.BUNDLE_UI_TASK_NAME=n.BUNDLE_UI_HASH_FILENAME=void 0,n.getUiRootEntryName=h,n.getUiRootHtmlFilename=function(t){return`${h(t)}.html`};let c=n.BUNDLE_UI_TASK_NAME="BundleUI",d=n.UIROOT_ASPECT_IDS={SCOPE:"teambit.scope/scope",WORKSPACE:"teambit.workspace/workspace"},p=n.BUNDLE_UIROOT_DIR={[d.SCOPE]:"scope",[d.WORKSPACE]:"workspace"},m=n.BUNDLE_UI_HASH_FILENAME=".hash",f=n.KNOWN_UIROOT_ASPECT_IDS=new Set(Object.values(d));function h(t){return p[t]||t.replace(/[^a-zA-Z0-9-]+/g,"-")}let BundleUiTask=class BundleUiTask{constructor(t,n){this.ui=t,this.logger=n,u(this,"aspectId","teambit.ui-foundation/ui"),u(this,"name",c),u(this,"description","Pre-bundling the Bit UI"),u(this,"location","end")}async execute(t){let n=t.capsuleNetwork.seedersCapsules.find(t=>t.component.id.toStringWithoutVersion()===l().UIAspect.id);if(!n)return{componentsResults:[]};let r=(0,a().join)(n.path,BundleUiTask.getArtifactDirectory());return this.logger.info(`Generating UI bundle at ${r}...`),await this.ui.build(void 0,r),await this.generateHash(r),{componentsResults:[],artifacts:BundleUiTask.getArtifactDef()}}async generateHash(t){let n={},r=this.ui.getUiRoots().filter(([t])=>f.has(t));await (0,i().default)(r,async([t,r])=>{n[t]=await this.ui.createBundleUiHash(r)}),(0,o().existsSync)(t)||(0,o().mkdirSync)(t,{recursive:!0}),(0,o().writeFileSync)((0,a().join)(t,m),JSON.stringify(n,null,2))}static getArtifactDirectory(){return(0,a().join)("artifacts",s().BUNDLE_UI_DIR)}static getArtifactDef(){return[{name:s().BUNDLE_UI_DIR,globPatterns:[`${BundleUiTask.getArtifactDirectory()}/**`]}]}};n.BundleUiTask=BundleUiTask},70431(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=r(69060);Object.keys(a).forEach(function(t){"default"===t||"__esModule"===t||t in n&&n[t]===a[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return a[t]}})})},69060(t,n,r){"use strict";var a,i;function o(){let t=r(78410);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.UiServerStartedEvent=void 0;let UiServerStartedEventData=class UiServerStartedEventData{constructor(t,n,r){this.targetHost=t,this.targetPort=n,this.uiRoot=r}};let UiServerStartedEvent=class UiServerStartedEvent extends o().BitBaseEvent{constructor(t,n,r,a){super(UiServerStartedEvent.TYPE,"0.0.1",t,new UiServerStartedEventData(n,r,a)),this.timestamp=t,this.targetHost=n,this.targetPort=r,this.uiRoot=a}};n.UiServerStartedEvent=UiServerStartedEvent,(a="symbol"==typeof(i=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(a="TYPE","string"))?i:i+"")in UiServerStartedEvent?Object.defineProperty(UiServerStartedEvent,a,{value:"ui-server-started",enumerable:!0,configurable:!0,writable:!0}):UiServerStartedEvent[a]="ui-server-started"},79845(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={UIAspect:!0,UIRuntime:!0,BUNDLE_UI_DIR:!0,BundleUiTask:!0,useDataQuery:!0,useMutation:!0};function i(){let t=r(53733);return i=function(){return t},t}Object.defineProperty(n,"BUNDLE_UI_DIR",{enumerable:!0,get:function(){return s().BUNDLE_UI_DIR}}),Object.defineProperty(n,"BundleUiTask",{enumerable:!0,get:function(){return s().BundleUiTask}}),Object.defineProperty(n,"UIAspect",{enumerable:!0,get:function(){return i().UIAspect}}),Object.defineProperty(n,"UIRuntime",{enumerable:!0,get:function(){return i().UIRuntime}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return i().UIAspect}}),Object.defineProperty(n,"useDataQuery",{enumerable:!0,get:function(){return l().useDataQuery}}),Object.defineProperty(n,"useMutation",{enumerable:!0,get:function(){return u().useMutation}});var o=r(70431);function s(){let t=r(86181);return s=function(){return t},t}function l(){let t=r(7622);return l=function(){return t},t}function u(){let t=r(92590);return u=function(){return t},t}Object.keys(o).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(a,t)||t in n&&n[t]===o[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return o[t]}})})},53733(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.UIAspect=void 0,Object.defineProperty(n,"UIRuntime",{enumerable:!0,get:function(){return i().UIRuntime}}),n.default=void 0;let o=n.UIAspect=a().Aspect.create({id:"teambit.ui-foundation/ui",declareRuntime:i().UIRuntime});n.default=o},47905(t,n,r){"use strict";function a(){let t=r(27344);return a=function(){return t},t}function i(){let t=r(78410);return i=function(){return t},t}function o(){let t=r(72631);return o=function(){return t},t}function s(){let t=r(75894);return s=function(){return t},t}function l(){let t=r(85095);return l=function(){return t},t}function u(){let t=r(65097);return u=function(){return t},t}function c(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return c=function(){return n},n}function d(){let t=r(53733);return d=function(){return t},t}function p(){let t=r(79655);return p=function(){return t},t}function m(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function f(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?m(Object(r),!0).forEach(function(n){h(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function h(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let UiUI=class UiUI{constructor(t,n,r,a,i){this.router=t,this.uiRootSlot=n,this.hudSlot=r,this.renderPluginsSlot=a,this.dependenciesRenderPlugins=i,h(this,"registerHudItem",t=>{this.hudSlot.register(t)})}async render(t){let n=this.getRoot(t);if(!n)throw Error(`root: ${t} was not found`);let r=n(),a=this.router.renderRoutes(r.routes),i=this.hudSlot.values(),o=this.getLifecyclePlugins(),s=new(l()).BrowserRenderer(o,void 0,t);await s.render(c().default.createElement(p().ClientContext,null,i,a))}async renderSsr(t,n){let r=this.getRoot(t);if(!r)throw Error(`root: ${t} was not found`);let a=r(),i=this.router.renderRoutes(a.routes),o=this.hudSlot.values(),s=this.getLifecyclePlugins(),d=new(l()).ServerRenderer(s);return await d.render(c().default.createElement(u().SSRBrowserProvider,{value:n.browser},c().default.createElement(p().ClientContext,null,o,i)),n)}registerContext(t){this.renderPluginsSlot.register({reactContext:t})}registerRoot(t){return this.uiRootSlot.register(t)}registerRenderHooks(t){return this.renderPluginsSlot.register(t)}getLifecyclePlugins(){let t=this.renderPluginsSlot.toArray().map(([t,n])=>n.key?n:f(f({},n),{},{key:t}));return[this.router.renderPlugin,...this.dependenciesRenderPlugins,...t]}getRoot(t){return this.uiRootSlot.get(t)}static async provider([t,n,r],a,[o,s,l]){return new UiUI(n,o,s,l,[t.renderPlugins,{key:i().PubsubAspect.id,reactContext:r.getPubSubContext()}])}};h(UiUI,"slots",[o().Slot.withType(),o().Slot.withType(),o().Slot.withType()]),h(UiUI,"dependencies",[a().GraphqlAspect,s().ReactRouterAspect,i().PubsubAspect]),h(UiUI,"runtime",d().UIRuntime),d().UIAspect.addRuntime(UiUI)},79655(t,n,r){"use strict";function a(){let t=p(r(12888));return a=function(){return t},t}function i(){let t=r(19644);return i=function(){return t},t}function o(){let t=r(67446);return o=function(){return t},t}function s(){let t=r(88660);return s=function(){return t},t}function l(){let t=r(62634);return l=function(){return t},t}function u(){let t=r(78740);return u=function(){return t},t}function c(){let t=r(16553);return c=function(){return t},t}function d(){let t=p(r(65167));return d=function(){return t},t}function p(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.ClientContext=function({children:t}){let[n,r]=(0,u().useLoaderApi)();return a().default.createElement(a().default.StrictMode,null,a().default.createElement(u().LoaderContext.Provider,{value:n},a().default.createElement(i().IconFont,{query:"c7vhhb"}),a().default.createElement(c().StableThemeSwitcher,null,a().default.createElement(s().Roboto,null),a().default.createElement(o().LoaderRibbon,{active:r,className:d().default.loader}),t,a().default.createElement(l().TooltipMountPoint,null))))}},16553(t,n,r){"use strict";function a(){let t=u(r(12888));return a=function(){return t},t}function i(){let t=r(46646);return i=function(){return t},t}function o(){let t=r(35614);return o=function(){return t},t}function s(){let t=r(70589);return s=function(){return t},t}function l(){let t=r(6825);return l=function(){return t},t}function u(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(u=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function c(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function d(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?c(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.StableThemeSwitcher=function({children:t,defaultTheme:n}){let r=(0,a().useCallback)(()=>{let t=n??function(){if("u"<typeof document)return;let t=document.documentElement.dataset.theme;if(t)return t;try{let t=sessionStorage.getItem("workspace-theme");if(t)return t}catch{}}();return t&&m.find(n=>n.themeName===t)||m[0]},[n]),[o,l]=(0,a().useState)(r);(0,a().useEffect)(()=>{l(r)},[r]);let u=(0,a().useCallback)(t=>{l(()=>t)},[]),c=(0,a().useMemo)(()=>({current:o,get currentIdx(){return m.indexOf(o)},options:m,setTheme:u}),[o,u]),f=p[o.themeName||"light"],h=(0,a().useMemo)(()=>{let t=Object.entries(d(d({},i().baseThemeDefaults),f)).map(([t,n])=>`--${t.replace(/[A-Z]/g,"-$&").toLowerCase()}: ${String(n)};`).join("");return`:root{${t}}`},[f]);return a().default.createElement(s().ThemePickerContext.Provider,{value:c},a().default.createElement("style",null,h),a().default.createElement(i().BaseTheme,{overrides:f},t))};let p={light:{backgroundColor:"#fdfdff",surface01Color:"#f7f7f7",warningColor:"#BB8C25"},dark:o().darkThemeValues},m=[l().LightTheme,o().DarkTheme]},75145(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.UserAgentAspect=void 0;let i=n.UserAgentAspect=a().Aspect.create({id:"teambit.ui-foundation/user-agent"});n.default=i},48842(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function i(){let t=r(79845);return i=function(){return t},t}function o(){let t=c(r(12888));return o=function(){return t},t}function s(){let t=c(r(91283));return s=function(){return t},t}function l(){let t=r(65097);return l=function(){return t},t}function u(){let t=r(75145);return u=function(){return t},t}function c(t){return t&&t.__esModule?t:{default:t}}function d(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let UserAgentUI=class UserAgentUI{static async provider([t]){let n=new UserAgentUI;return t.registerRenderHooks({serverInit:({browser:t})=>({userAgent:new(s()).default(t.headers["user-agent"])}),browserInit:()=>({userAgent:new(s()).default(window.navigator.userAgent)}),reactContext:p}),n}};function p({children:t,renderCtx:n}){return o().default.createElement(l().UserAgentProvider,{value:n?.userAgent},t)}d(UserAgentUI,"slots",[]),d(UserAgentUI,"dependencies",[i().UIAspect]),d(UserAgentUI,"runtime",a().UIRuntime),u().UserAgentAspect.addRuntime(UserAgentUI)},29146(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.VueAspect=void 0;let i=n.VueAspect=a().Aspect.create({id:"teambit.vue/vue-aspect"});n.default=i},82865(t,n,r){"use strict";function a(){let t=s(r(12888));return a=function(){return t},t}function i(){let t=r(5140);return i=function(){return t},t}function o(){let t=s(r(99223));return o=function(){return t},t}function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.vueRenderer=void 0;function l({rows:t,hasDescription:n,expanded:r}){return a().default.createElement(i().Table,{headings:n?["name","type","default","description"]:["name","type"],rows:t,isListView:r})}function u({props:t,expanded:n=!1}){let r=t.filter(({global:t})=>!t).map(({name:t,default:n,required:r,type:a,description:i})=>{let o={name:t,required:r,type:a,description:i};return n&&(o.default={value:n}),o});return 0===r.length?a().default.createElement("div",null,a().default.createElement("h2",{className:o().default.title},"Props"),a().default.createElement("p",{className:o().default.empty},"No props found.")):a().default.createElement("div",null,a().default.createElement("h2",{className:o().default.title},"Props"),a().default.createElement(l,{rows:r,hasDescription:!0,expanded:n}))}function c({events:t,expanded:n=!1}){let r=t.map(({name:t,type:n,description:r})=>({name:t,required:!1,type:n,description:r}));return 0===r.length?null:a().default.createElement("div",null,a().default.createElement("h2",{className:o().default.title},"Emits"),a().default.createElement(l,{rows:r,expanded:n}))}function d({slots:t,expanded:n}){let r=t.map(({name:t,type:n,description:r})=>({name:t,required:!1,type:n,description:r}));return 0===r.length?null:a().default.createElement("div",null,a().default.createElement("h2",{className:o().default.title},"Slots"),a().default.createElement(l,{rows:r,expanded:n}))}n.vueRenderer={predicate:function(t){return"VueSchema"===t.__schema},Component:function({apiNode:t}){let n=t.api.meta;return a().default.createElement("div",{className:o().default.container},a().default.createElement("div",{className:o().default.inner},a().default.createElement(u,{props:n.props}),a().default.createElement(c,{events:n.events}),a().default.createElement(d,{slots:n.slots})))},OverviewComponent:function({apiNode:t}){let n=t.api.meta;return a().default.createElement("div",{className:o().default.container},a().default.createElement("div",{className:o().default.inner},a().default.createElement(u,{props:n.props}),a().default.createElement(c,{events:n.events}),a().default.createElement(d,{slots:n.slots})))},nodeType:"Vue SFCs",icon:{name:"Vue",url:"https://static.bit.dev/extensions-icons/vue.svg"},default:!0}},49089(t,n,r){"use strict";function a(){var t;let n=(t=r(52404))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(9003);return i=function(){return t},t}function o(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function s(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?o(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.VueSchema=void 0;let VueSchema=class VueSchema extends i().SchemaNode{constructor(t,n,r){super(),this.location=t,this.name=n,this.meta=r}getNodes(){return[]}toString(t){let n=t?.color?a().default.bold:t=>t;return`${n(this.name)}: import('vue').Component`}toFullSignature(){return`${this.name}: import('vue').Component`}toObject(){return s(s({},super.toObject()),{},{name:this.name,meta:this.meta})}static fromObject(t){return new VueSchema(t.location,t.name,t.meta)}};n.VueSchema=VueSchema},65810(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function i(){let t=r(64199);return i=function(){return t},t}function o(){let t=r(29146);return o=function(){return t},t}function s(){let t=r(49089);return s=function(){return t},t}function l(){let t=r(82865);return l=function(){return t},t}function u(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let VueMain=class VueMain{static async provider([t]){return t.registerSchemaClasses(()=>[s().VueSchema]),t.registerAPINodeRenderer([l().vueRenderer]),new VueMain}};u(VueMain,"slots",[]),u(VueMain,"dependencies",[i().APIReferenceAspect]),u(VueMain,"runtime",a().UIRuntime),o().VueAspect.addRuntime(VueMain)},49139(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.WORKSPACE_NAVIGATE=n.useNavigationMessageListener=void 0;var a=r(64782);Object.defineProperty(n,"useNavigationMessageListener",{enumerable:!0,get:function(){return a.useNavigationMessageListener}}),Object.defineProperty(n,"WORKSPACE_NAVIGATE",{enumerable:!0,get:function(){return a.WORKSPACE_NAVIGATE}})},64782(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.WORKSPACE_NAVIGATE=void 0,n.useNavigationMessageListener=function({origin:t="*"}={}){let r=(0,i.useNavigate)();(0,a.useEffect)(()=>{if("u"<typeof window)return;let a=a=>{if("*"!==t&&a.origin!==t)return;let i=a.data;if(!i||i.event!==n.WORKSPACE_NAVIGATE)return;let o=i.payload??{},s=String(o.path??"").trim();if(!s||function(t){try{return new URL(t),!0}catch{return!1}}(s))return;let l=s.startsWith("/")?s:`/${s}`;try{r(l,{replace:!!o.replace,state:o.state})}catch{}};return window.addEventListener("message",a),()=>window.removeEventListener("message",a)},[r,t])};let a=r(12888),i=r(44178);n.WORKSPACE_NAVIGATE="WORKSPACE_NAVIGATE"},79475(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useUrlChangeBroadcaster=n.URL_CHANGE_EVENT=void 0;var a=r(87612);Object.defineProperty(n,"URL_CHANGE_EVENT",{enumerable:!0,get:function(){return a.URL_CHANGE_EVENT}}),Object.defineProperty(n,"useUrlChangeBroadcaster",{enumerable:!0,get:function(){return a.useUrlChangeBroadcaster}})},87612(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.URL_CHANGE_EVENT=void 0,n.useUrlChangeBroadcaster=function({targetOrigin:t="*",debounceMs:r=0,enrichPayload:o}={}){let s=(0,i.useLocation)(),l=(0,a.useRef)({key:s.key,pathname:s.pathname,search:s.search,hash:s.hash}),u=(0,a.useRef)(null);(0,a.useEffect)(()=>{if("u"<typeof window||l.current.key===s.key&&l.current.pathname===s.pathname&&l.current.search===s.search&&l.current.hash===s.hash)return;let a=()=>{let r={href:window.location.href,pathname:s.pathname,search:s.search,hash:s.hash,timestamp:Date.now()},a=o?o(r):r;try{window.parent?.postMessage({event:n.URL_CHANGE_EVENT,payload:a},t)}finally{l.current={key:s.key,pathname:s.pathname,search:s.search,hash:s.hash}}};if(r>0)return u.current&&window.clearTimeout(u.current),u.current=window.setTimeout(a,r),()=>{u.current&&window.clearTimeout(u.current)};a()},[s.key,s.pathname,s.search,s.hash,t,r,o])};let a=r(12888),i=r(44178);n.URL_CHANGE_EVENT="WORKSPACE_URL_CHANGE"},13236(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreserveWorkspaceMode=void 0;var a=r(46448);Object.defineProperty(n,"PreserveWorkspaceMode",{enumerable:!0,get:function(){return a.PreserveWorkspaceMode}})},46448(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.PreserveWorkspaceMode=void 0;let l=r(11684),u=s(r(12888)),c=r(44178);n.PreserveWorkspaceMode=({children:t})=>{let[,n]=(0,c.useSearchParams)(),r=(0,c.useLocation)();return(0,u.useEffect)(()=>{let t=new URLSearchParams(r.search),a=t.get("minimal-mode"),i=sessionStorage.getItem("workspace-minimal-mode");"true"===a?sessionStorage.setItem("workspace-minimal-mode","true"):sessionStorage.removeItem("workspace-minimal-mode"),!a&&i&&(t.set("minimal-mode","true"),n(t,{replace:!0}))},[r.search,n]),(0,l.jsx)(l.Fragment,{children:t})}},60517(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useWorkspaceMode=void 0;var a=r(82484);Object.defineProperty(n,"useWorkspaceMode",{enumerable:!0,get:function(){return a.useWorkspaceMode}})},82484(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useWorkspaceMode=void 0;let a=r(12888),i=r(44178);n.useWorkspaceMode=()=>{let[t,n]=(0,i.useSearchParams)(),r="true"===t.get("minimal-mode"),o=(0,a.useCallback)(r=>{let a=new URLSearchParams(t);a.set("minimal-mode",r.toString()),n(a,{replace:!0})},[t,n]),s=(0,a.useCallback)(()=>{o(!r)},[r,o]);return{isMinimal:r,setMinimalMode:o,toggleMinimalMode:s}}},85411(t,n,r){"use strict";function a(){let t=l(r(19056));return a=function(){return t},t}function i(){var t;let n=(t=r(16322))&&t.__esModule?t:{default:t};return i=function(){return n},n}function o(){let t=r(19100);return o=function(){return t},t}function s(){let t=r(25699);return s=function(){return t},t}function l(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(l=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}async function u(t,n){return(await c(t,n)).map(t=>t.component)}async function c(t,n){var r,a;let i;if(!n.length)return[];let s=(r=t.consumer,a=n,i=r.bitMap.getAllBitIds().filter(t=>!a.hasWithoutVersion(t)),o().ComponentIdList.fromArray(i)),l=new(o()).ComponentIdList(...s,...n);return d((await t.getMany(l,void 0,!1)).map(t=>t.state._consumer),n)}function d(t,n){var r,l;let u,c,d=(r=t,l=n,u=new(a()).Graph,c=o().ComponentIdList.fromArray([...r.map(t=>t.id),...l]),r.forEach(t=>{let n=t.id.toStringWithoutVersion();t.getAllDependencies().forEach(r=>{if(!c.searchWithoutVersion(r.id))return;let a=r.id.toStringWithoutVersion();t.isDependencyVersionFromConfig(r.id)||(u.hasNode(n)||u.setNode(n,t.id),u.hasNode(a)||u.setNode(a,r.id),u.setEdge(n,a))})}),u),p=[];return t.forEach(t=>{let r=t.componentId,l=r.toStringWithoutVersion();if(!d.hasNode(l))return;let u=a().default.alg.preorder(d,l).map(t=>d.node(t)).filter(t=>{let a=n.searchWithoutVersion(t);return!(!a||n.searchWithoutVersion(r))&&(!((0,s().isTag)(a.version)&&(0,s().isTag)(t.version))||i().default.gte(a.version,t.version))});u.length&&p.push({component:t,triggeredBy:o().ComponentIdList.fromArray(u)})}),p}Object.defineProperty(n,"__esModule",{value:!0}),n.getAutoTagInfo=c,n.getAutoTagInfoFromComponents=d,n.getAutoTagPending=u},78624(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(92335);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTreeWidget=void 0;let ComponentTreeWidget=class ComponentTreeWidget{constructor(){!function(t,n,r){var a;(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r}(this,"widget",({component:t})=>a().default.createElement(i().ComponentStatusResolver,{status:t.status,issuesCount:t.issuesCount}))}};n.ComponentTreeWidget=ComponentTreeWidget},38240(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=r(41863);Object.keys(a).forEach(function(t){"default"===t||"__esModule"===t||t in n&&n[t]===a[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return a[t]}})});var i=r(53954);Object.keys(i).forEach(function(t){"default"===t||"__esModule"===t||t in n&&n[t]===i[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return i[t]}})});var o=r(77481);Object.keys(o).forEach(function(t){"default"===t||"__esModule"===t||t in n&&n[t]===o[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return o[t]}})})},53954(t,n,r){"use strict";var a,i;function o(){let t=r(78410);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.OnComponentAddEvent=void 0;let OnComponentAddEventData=class OnComponentAddEventData{constructor(t,n){this.idStr=t,this.hook=n}};let OnComponentAddEvent=class OnComponentAddEvent extends o().BitBaseEvent{constructor(t,n,r){super(OnComponentAddEvent.TYPE,"0.0.1",t,new OnComponentAddEventData(n,r)),this.timestamp=t,this.idStr=n,this.hook=r}};n.OnComponentAddEvent=OnComponentAddEvent,(a="symbol"==typeof(i=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(a="TYPE","string"))?i:i+"")in OnComponentAddEvent?Object.defineProperty(OnComponentAddEvent,a,{value:"on-component-add",enumerable:!0,configurable:!0,writable:!0}):OnComponentAddEvent[a]="on-component-add"},41863(t,n,r){"use strict";var a,i;function o(){let t=r(78410);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.OnComponentChangeEvent=void 0;let OnComponentChangeEventData=class OnComponentChangeEventData{constructor(t,n){this.idStr=t,this.hook=n}};let OnComponentChangeEvent=class OnComponentChangeEvent extends o().BitBaseEvent{constructor(t,n,r){super(OnComponentChangeEvent.TYPE,"0.0.1",t,new OnComponentChangeEventData(n,r)),this.timestamp=t,this.idStr=n,this.hook=r}};n.OnComponentChangeEvent=OnComponentChangeEvent,(a="symbol"==typeof(i=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(a="TYPE","string"))?i:i+"")in OnComponentChangeEvent?Object.defineProperty(OnComponentChangeEvent,a,{value:"on-component-change",enumerable:!0,configurable:!0,writable:!0}):OnComponentChangeEvent[a]="on-component-change"},77481(t,n,r){"use strict";var a,i;function o(){let t=r(78410);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.OnComponentRemovedEvent=void 0;let OnComponentRemovedEventData=class OnComponentRemovedEventData{constructor(t){this.idStr=t}};let OnComponentRemovedEvent=class OnComponentRemovedEvent extends o().BitBaseEvent{constructor(t,n){super(OnComponentRemovedEvent.TYPE,"0.0.1",t,new OnComponentRemovedEventData(n)),this.timestamp=t,this.idStr=n}};n.OnComponentRemovedEvent=OnComponentRemovedEvent,(a="symbol"==typeof(i=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(a="TYPE","string"))?i:i+"")in OnComponentRemovedEvent?Object.defineProperty(OnComponentRemovedEvent,a,{value:"on-component-removed",enumerable:!0,configurable:!0,writable:!0}):OnComponentRemovedEvent[a]="on-component-removed"},10608(t,n,r){"use strict";function a(){let t=r(24490);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.OutsideWorkspaceError=void 0;let OutsideWorkspaceError=class OutsideWorkspaceError extends a().BitError{constructor(){super("This command can only be run inside a bit workspace. Please check that you are inside a bit workspace and then re-run (to initialize a new workspace please use bit init)")}};n.OutsideWorkspaceError=OutsideWorkspaceError},8956(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={WorkspaceAspect:!0,CheckTypes:!0,ComponentStatus:!0,WorkspaceModel:!0,WorkspaceContext:!0,OutsideWorkspaceError:!0,getAutoTagInfoFromComponents:!0};function i(){let t=r(25667);return i=function(){return t},t}Object.defineProperty(n,"CheckTypes",{enumerable:!0,get:function(){return s().CheckTypes}}),Object.defineProperty(n,"ComponentStatus",{enumerable:!0,get:function(){return l().ComponentStatus}}),Object.defineProperty(n,"OutsideWorkspaceError",{enumerable:!0,get:function(){return d().OutsideWorkspaceError}}),Object.defineProperty(n,"WorkspaceAspect",{enumerable:!0,get:function(){return i().WorkspaceAspect}}),Object.defineProperty(n,"WorkspaceContext",{enumerable:!0,get:function(){return c().WorkspaceContext}}),Object.defineProperty(n,"WorkspaceModel",{enumerable:!0,get:function(){return u().Workspace}}),n.default=void 0,Object.defineProperty(n,"getAutoTagInfoFromComponents",{enumerable:!0,get:function(){return p().getAutoTagInfoFromComponents}});var o=r(38240);function s(){let t=r(80844);return s=function(){return t},t}function l(){let t=r(14072);return l=function(){return t},t}function u(){let t=r(61248);return u=function(){return t},t}function c(){let t=r(20914);return c=function(){return t},t}function d(){let t=r(10608);return d=function(){return t},t}function p(){let t=r(85411);return p=function(){return t},t}Object.keys(o).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(a,t)||t in n&&n[t]===o[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return o[t]}})}),n.default=i().WorkspaceAspect},36483(t,n,r){"use strict";function a(){let t=r(26461);return a=function(){return t},t}function i(){let t=r(49226);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Workspace",{enumerable:!0,get:function(){return a().Workspace}}),Object.defineProperty(n,"WorkspaceMenu",{enumerable:!0,get:function(){return i().WorkspaceMenu}})},26461(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={WorkspaceContext:!0,WorkspaceProvider:!0};Object.defineProperty(n,"WorkspaceContext",{enumerable:!0,get:function(){return o().WorkspaceContext}}),Object.defineProperty(n,"WorkspaceProvider",{enumerable:!0,get:function(){return s().WorkspaceProvider}});var i=r(22036);function o(){let t=r(20914);return o=function(){return t},t}function s(){let t=r(73408);return s=function(){return t},t}Object.keys(i).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(a,t)||t in n&&n[t]===i[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return i[t]}})})},95193(t,n,r){"use strict";let a;function i(){let t=r(12888);return i=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}function s(){let t=r(70589);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ThemeFromUrlSync=function(){let t=(0,o().useLocation)(),[,n]=(0,o().useSearchParams)(),r=(0,s().useThemePicker)(),p=(0,i().useMemo)(()=>new URLSearchParams(t.search).get("theme")??void 0,[t.search]),m=r?.current?.themeName;return(0,i().useEffect)(()=>{if(!r)return;let i=new URLSearchParams(t.search),o=i.has("theme"),s=sessionStorage.getItem(l)||void 0;if(c&&c===p){c=null,a=p;return}let f=a!==p;if(a=p,f&&o&&p&&u.has(p)){sessionStorage.removeItem(l),i.delete("theme"),c=null,d=null,n(i,{replace:!0});return}if(f&&p){if(sessionStorage.setItem(l,p),m!==p){let t=r.options.find(t=>t.themeName===p);t&&(d=p,r.setTheme(t))}return}if(f&&!o&&s){i.set("theme",s),c=s,n(i,{replace:!0});return}if(m&&p!==m){if(d===m){d=null;return}sessionStorage.setItem(l,m),i.set("theme",m),c=m,n(i,{replace:!0})}},[p,m,t.search,n,r]),null};let l="workspace-theme",u=new Set(["default","none",""]),c=null,d=null},20850(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function i(){let t=r(30266);return i=function(){return t},t}function o(){var t;let n=(t=r(27636))&&t.__esModule?t:{default:t};return o=function(){return n},n}function s(){let t=r(7622);return s=function(){return t},t}function l(){let t=r(92590);return l=function(){return t},t}function u(){let t=r(19100);return u=function(){return t},t}function c(){let t=r(61248);return c=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useWorkspace=function(t={}){let n=(0,s().useDataQuery)(b,{fetchPolicy:"cache-and-network"}),{data:r,previousData:p,subscribeToMore:f,loading:h}=n,g=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(n,d),[j,C]=(0,a().useState)(!1),S=!!r?.workspace,O=r?.workspace?.components?.length??0;(0,a().useEffect)(()=>{if(!S||j||"u"<typeof window)return;let t=()=>C(!0),n=window.requestIdleCallback;if(n){let r=n(t,{timeout:1e3});return()=>window.cancelIdleCallback?.(r)}let r=window.setTimeout(t,200);return()=>window.clearTimeout(r)},[S,j]);let E=(0,l().useApolloClient)(),[$,D]=(0,a().useState)(new Map);(0,a().useEffect)(()=>{if(!j||!O)return;let t=!1;return(async()=>{for(let n=0;n<O;n+=15){if(t)return;try{let r=await E.query({query:y,variables:{offset:n,limit:15},fetchPolicy:"network-only"});if(t)return;let a=r.data?.workspace?.components??[];a.length&&D(t=>{let n=new Map(t);for(let t of a)n.set(k(t.id),{status:t.status,issuesCount:t.issuesCount});return n})}catch{}if(t)return;await new Promise(t=>{setTimeout(t,60)})}})(),()=>{t=!0}},[j,O,E]);let P=(0,o().default)(t);(0,a().useEffect)(()=>{let t=f({document:v,updateQuery:(t,{subscriptionData:n})=>{let r=n.data,a=r?.componentAdded?.component;return!a||t.workspace.components.find(t=>u().ComponentID.isEqualObj(t.id,a.id,{ignoreVersion:!0}))?t:(setTimeout(()=>P.current.onComponentAdded?.([i().ComponentModel.from(a)])),m(m({},t),{},{workspace:m(m({},t.workspace),{},{components:[...t.workspace.components,a]})}))}}),n=f({document:_,updateQuery:(t,{subscriptionData:n})=>{let r=n.data;if(!r)return t;let a=r.componentChanged.component;return setTimeout(()=>P.current.onComponentUpdated?.([i().ComponentModel.from(a)])),m(m({},t),{},{workspace:m(m({},t.workspace),{},{components:t.workspace.components.map(t=>t.id.name===a.id.name?a:t)})})}}),r=f({document:w,updateQuery:(t,{subscriptionData:n})=>{let r=n?.data?.componentRemoved?.componentIds;return r&&0!==r.length?(setTimeout(()=>P.current.onComponentRemoved?.(r.map(t=>u().ComponentID.fromObject(t)))),m(m({},t),{},{workspace:m(m({},t.workspace),{},{components:t.workspace.components.filter(t=>r.every(n=>!u().ComponentID.isEqualObj(n,t.id)))})})):t}}),a=f({document:x,updateQuery:(t,{subscriptionData:n})=>{let r=n.data;if(!r)return t;let a=r.componentServerStarted;if(!a||0===a.length)return t;let i=t.workspace.components.map(t=>t.env?.id===a[0].env?m(m({},t),{},{server:{env:a[0].env,url:a[0].url,host:a[0].host,basePath:a[0].basePath}}):t);return m(m({},t),{},{workspace:m(m({},t.workspace),{},{components:i})})}});return()=>{t(),n(),r(),a()}},[P]);let N=(0,a().useMemo)(()=>{let t=r?.workspace;if(!t)return;let n=t.components.map(t=>{let n=$.get(k(t.id));return n?m(m({},t),{},{status:t.status??n.status,issuesCount:t.issuesCount??n.issuesCount}):t});return c().Workspace.from(m(m({},t),{},{components:n}))},[r?.workspace,$]);return m({workspace:N,loading:h,subscribeToMore:f},g)};let d=["data","previousData","subscribeToMore","loading"];function p(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function m(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?p(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}let f=(0,l().gql)`
   fragment wcComponentFieldsLight on Component {
     id {
       name