@teambit/ui 1.0.1212 → 1.0.1214

package/artifacts/ui-bundle/public/bit/ssr/index.js

@@ -396,7 +396,7 @@ ${n.map(({variableName:t,uniqueLocalName:n})=>`  reactHotLoader.register(${t}, "
       }
     }
   }
-`},1443(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useFileContent=void 0;var a=r(11286);Object.defineProperty(n,"useFileContent",{enumerable:!0,get:function(){return a.useFileContent}})},45089(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.CodeAspect=void 0;let o=n.CodeAspect=a().Aspect.create({id:"teambit.component/code",dependencies:[],defaultConfig:{}});n.default=o},60530(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 o(){let t=r(75216);return o=function(){return t},t}function i(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.CodeSection=void 0;let CodeSection=class CodeSection{constructor(t,n){this.codeUI=t,this.pinned=n,i(this,"route",{path:"~code/*",element:this.codeUI.getCodePage()}),i(this,"navigationLink",{href:"~code",children:a().default.createElement(o().MenuWidgetIcon,{icon:"Code",tooltipContent:"Code"}),displayName:"Code",hideInMinimalMode:!this.pinned}),i(this,"order",30*!this.pinned)}};n.CodeSection=CodeSection},20869(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 o(){let t=r(30266);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(34811);return s=function(){return t},t}function l(){let t=r(72631);return l=function(){return t},t}function u(){let t=r(60962);return u=function(){return t},t}function c(){let t=r(85591);return c=function(){return t},t}function d(){let t=r(75740);return d=function(){return t},t}function p(){let t=r(36775);return p=function(){return t},t}function m(){let t=r(84391);return m=function(){return t},t}function f(){let t=r(15477);return f=function(){return t},t}function h(){let t=r(33700);return h=function(){return t},t}function g(){let t=r(179);return g=function(){return t},t}function b(){let t=r(79036);return b=function(){return t},t}function y(){let t=r(45089);return y=function(){return t},t}function v(){let t=r(60530);return v=function(){return t},t}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,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 x=/\.tsx$/;let CodeUI=class CodeUI{constructor(t,n){this.host=t,this.fileIconSlot=n,w(this,"getCodePage",t=>a().default.createElement(c().CodePage,_({},t||{},{fileIconSlot:this.fileIconSlot,host:this.host}))),w(this,"getCodeCompare",t=>a().default.createElement(s().CodeCompareEditorProvider,null,a().default.createElement(s().CodeCompare,_({},t||{},{fileIconSlot:this.fileIconSlot})))),w(this,"getCodeEditorProvider",()=>p().CodeEditorProvider),w(this,"getCodeDiffEditorProvider",()=>s().CodeCompareEditorProvider)}registerEnvFileIcon(t){return this.fileIconSlot?.register(t),this}static async provider([t,n],r,[o],i){let{config:s}=i,l=new CodeUI(String(s.get("teambit.harmony/bit")),o),c=new(v()).CodeSection(l,!1),d=new(v()).CodeSection(l,!0);l.registerEnvFileIcon([t=>x.test(t)?`${u().staticStorageUrl}/file-icons/file_type_typescript.svg`:void 0]),t.registerRoute([c.route]),t.registerWidget(c.navigationLink,c.order),t.registerPinnedWidget(d.navigationLink,d.order);let p=new(m()).CodeCompareSection(l);return n.registerNavigation(p),n.registerRoutes([p.route]),n.registerCompareTab([{id:"inline-code",order:1,displayName:"Code",element:a().default.createElement(f().InlineCodeCompare,null)},{id:"inline-deps",order:4,displayName:"Dependencies",element:a().default.createElement(h().InlineDepsCompare,null)},{id:"inline-tests",order:5,displayName:"Tests",element:a().default.createElement(g().InlineTestsCompare,null),lazy:!0},{id:"inline-config",order:6,displayName:"Configuration",element:a().default.createElement(b().InlineConfigCompare,null),lazy:!0}]),l}};w(CodeUI,"dependencies",[o().ComponentAspect,d().ComponentCompareAspect]),w(CodeUI,"runtime",i().UIRuntime),w(CodeUI,"slots",[l().Slot.withType()]),y().CodeAspect.addRuntime(CodeUI)},54632(t,n,r){"use strict";function a(){let t=r(45089);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CodeAspect",{enumerable:!0,get:function(){return a().CodeAspect}}),n.default=void 0,n.default=a().CodeAspect},47463(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.CommandBarAspect=void 0;let o=n.CommandBarAspect=a().Aspect.create({id:"teambit.explorer/command-bar",dependencies:[],defaultConfig:{}});n.default=o},95899(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 o(){let t=r(91103);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CommandBarButton=function({onClick:t}){return a().default.createElement(o().ActionButton,{onClick:t,icon:"magnifying",displayName:"Go to..."})}},67881(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.commandBarCommands=void 0,n.commandBarCommands={open:"command-bar.open"}},84215(t,n,r){"use strict";function a(){let t=k(r(12888));return a=function(){return t},t}function o(){let t=x(r(47065));return o=function(){return t},t}function i(){let t=x(r(73075));return i=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(79845);return u=function(){return t},t}function c(){let t=r(78410);return c=function(){return t},t}function d(){let t=r(75894);return d=function(){return t},t}function p(){let t=r(5286);return p=function(){return t},t}function m(){let t=r(78757);return m=function(){return t},t}function f(){let t=r(47463);return f=function(){return t},t}function h(){let t=r(67881);return h=function(){return t},t}function g(){let t=r(44075);return g=function(){return t},t}function b(){let t=r(40570);return b=function(){return t},t}function y(){let t=r(3321);return y=function(){return t},t}function v(){let t=r(75026);return v=function(){return t},t}function _(){let t=r(95899);return _=function(){return t},t}function w(){let t=x(r(46182));return w=function(){return t},t}function x(t){return t&&t.__esModule?t:{default:t}}function k(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(k=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function C(){return(C=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,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 S=5;let CommandBarUI=class CommandBarUI{addSearcher(...t){return this.searcherSlot.register(t),this}addCommand(...t){t.forEach(({id:t})=>{if(void 0!==this.getCommand(t))throw new(b()).DuplicateCommandError(t)});let n=t.map(t=>({id:t.id,displayName:t.displayName,action:t.action,keybinding:t.keybinding}));return this.commandSlot.register(n),n.forEach(t=>{t.keybinding&&this.addKeybinding(t.keybinding,t.id)}),this.updateCommandsSearcher(),n.map(t=>n=>{t.action=n})}run(t){let n=this.getCommand(t);if(n)return n.action()}getCommand(t){return this.commandSlot.values().map(n=>n.find(n=>n.id===t)).filter(t=>!!t).pop()}updateCommandsSearcher(){let t=this.commandSlot.values().flat();this.commandSearcher.update(t)}addKeybinding(t,n){this.mousetrap.bind(t,this.run.bind(this,n))}constructor(t,n,r){this.searcherSlot=t,this.commandSlot=n,this.config=r,j(this,"mousetrap",p().isBrowser?new(i()).default:new(y()).MousetrapStub),j(this,"commandSearcher",new(g()).CommandSearcher([])),j(this,"open",()=>(this.setVisibility?.(!0),!1)),j(this,"close",()=>{this.setVisibility?.(!1)}),j(this,"trigger",t=>{this.mousetrap.trigger(t)}),j(this,"search",(t,n=S)=>{let r=(0,o().default)(this.searcherSlot.values()).find(n=>n&&n.test(t));return r?.search(t,n)||{items:[]}}),j(this,"setVisibility",void 0),j(this,"CommandBar",({ResultComponent:t,onEnter:n})=>{let[r,o]=(0,a().useState)(!1);this.setVisibility=o;let i=(0,m().useSearcher)(this.search,{debounce:this.config.debounce});return a().default.createElement(m().CommandBar,C({key:"CommandBarUI"},i,{onEnter:n,className:w().default.commanderUi,placeholder:"Search anything or type > to only search commands",visible:r,ResultsComponent:t,onVisibilityChange:o,autofocus:!0}))}),j(this,"CommandBarButton",()=>a().default.createElement(_().CommandBarButton,{onClick:()=>this.setVisibility?.(!0)}))}static async provider([t,n],r,[o,i]){let s=new CommandBarUI(o,i,r);return s.addSearcher(s.commandSearcher),s.addCommand({id:h().commandBarCommands.open,action:s.open,displayName:"Open command bar",keybinding:v().openCommandBarKeybinding}),n&&n.sub(f().CommandBarAspect.id,t=>{let n=new KeyboardEvent(t.type,t.data);document.dispatchEvent(n)}),t&&t.registerHudItem(a().default.createElement(s.CommandBar,{key:"commandBar"})),s}};j(CommandBarUI,"dependencies",[u().UIAspect,c().PubsubAspect,d().ReactRouterAspect]),j(CommandBarUI,"slots",[s().Slot.withType(),s().Slot.withType()]),j(CommandBarUI,"defaultConfig",{debounce:void 0}),j(CommandBarUI,"runtime",l().UIRuntime),f().CommandBarAspect.addRuntime(CommandBarUI)},40570(t,n,r){"use strict";function a(){let t=r(24490);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DuplicateCommandError=void 0;let DuplicateCommandError=class DuplicateCommandError extends a().BitError{constructor(t){super(`Command "${t}" is already added.`)}};n.DuplicateCommandError=DuplicateCommandError},13468(t,n,r){"use strict";function a(){let t=r(47463);return a=function(){return t},t}function o(){let t=r(67881);return o=function(){return t},t}function i(){let t=r(78757);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CommandBarAspect",{enumerable:!0,get:function(){return a().CommandBarAspect}}),Object.defineProperty(n,"CommandBarItem",{enumerable:!0,get:function(){return i().CommandBarItem}}),Object.defineProperty(n,"FuzzySearcher",{enumerable:!0,get:function(){return i().FuzzySearcher}}),Object.defineProperty(n,"commandBarCommands",{enumerable:!0,get:function(){return o().commandBarCommands}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return a().CommandBarAspect}})},75026(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.openCommandBarKeybinding=n.isOpenCommandBarKeybinding=void 0,n.openCommandBarKeybinding="mod+k",n.isOpenCommandBarKeybinding=t=>(t.ctrlKey||t.metaKey)&&"k"===t.key},3321(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.MousetrapStub=void 0;let MousetrapStub=class MousetrapStub{stopCallback(){return!1}bind(){return this}unbind(){return this}trigger(){return this}handleKey(){}reset(){return this}};n.MousetrapStub=MousetrapStub},43798(t,n,r){"use strict";function a(){let t=c(r(12888));return a=function(){return t},t}function o(){let t=c(r(97500));return o=function(){return t},t}function i(){let t=r(38348);return i=function(){return t},t}function s(){let t=r(26390);return s=function(){return t},t}function l(){let t=r(38561);return l=function(){return t},t}function u(){let t=c(r(80783));return u=function(){return t},t}function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.CommandResult=function({command:t}){let{icon:n,iconAlt:r,displayName:c,keybinding:d}=t,p=Array.isArray(d)?d[0]:d;return a().default.createElement(a().default.Fragment,null,n&&a().default.createElement("img",{src:n,alt:r,className:u().default.icon}),a().default.createElement("div",{className:(0,o().default)(i().ellipsis,u().default.name)},c),p&&a().default.createElement(s().KeySequence,{className:(0,o().default)(u().default.commandKeys,l().mutedText)},p))}},83076(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 o(){let t=r(78757);return o=function(){return t},t}function i(){let t=r(43798);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CommandSearcher=void 0;let s=["displayName"];let CommandSearcher=class CommandSearcher extends o().FuzzySearcher{constructor(t){super({searchKeys:s}),this.update(t)}test(t){return t.startsWith(">")}toSearchableItem(t){return t}toSearchResult({item:t}){return{id:t.id,action:t.action,children:a().default.createElement(i().CommandResult,{command:t})}}};n.CommandSearcher=CommandSearcher},87315(t,n,r){"use strict";function a(){let t=r(83076);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CommandSearcher",{enumerable:!0,get:function(){return a().CommandSearcher}})},44075(t,n,r){"use strict";function a(){let t=r(87315);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CommandSearcher",{enumerable:!0,get:function(){return a().CommandSearcher}})},81452(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 o(){let t=r(75216);return o=function(){return t},t}function i(){let t=r(33320);return i=function(){return t},t}function s(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.AspectsCompareSection=void 0;let AspectsCompareSection=class AspectsCompareSection{constructor(t){this.compareUI=t,s(this,"navigationLink",{href:"aspects",displayName:"Aspects",children:a().default.createElement(o().MenuWidgetIcon,{icon:"configuration",tooltipContent:"Configuration"})}),s(this,"props",this.navigationLink),s(this,"route",{path:"aspects/*",element:this.compareUI.getAspectsComparePage()}),s(this,"order",60),s(this,"widget",!0),s(this,"changeType",i().ChangeType.ASPECTS),s(this,"id","aspects")}};n.AspectsCompareSection=AspectsCompareSection},11939(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 o(){let t=r(75216);return o=function(){return t},t}function i(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.CompareChangelogSection=void 0;let CompareChangelogSection=class CompareChangelogSection{constructor(t){this.compareUI=t,i(this,"navigationLink",{href:"changelog",children:a().default.createElement(o().MenuWidgetIcon,{icon:"changelog",tooltipContent:"Change log"}),displayName:"Change log"}),i(this,"props",this.navigationLink),i(this,"route",{path:"changelog/*",element:this.compareUI.getChangelogComparePage()}),i(this,"order",70),i(this,"widget",!0),i(this,"id","changelog")}};n.CompareChangelogSection=CompareChangelogSection},90385(t,n,r){"use strict";function a(){let t=v(r(12888));return a=function(){return t},t}function o(){let t=y(r(97500));return o=function(){return t},t}function i(){let t=r(44178);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(12066);return l=function(){return t},t}function u(){let t=r(52792);return u=function(){return t},t}function c(){let t=r(13837);return c=function(){return t},t}function d(){let t=r(67741);return d=function(){return t},t}function p(){let t=r(83535);return p=function(){return t},t}function m(){let t=r(27872);return m=function(){return t},t}function f(){let t=r(96157);return f=function(){return t},t}function h(){let t=r(7110);return h=function(){return t},t}function g(){let t=y(r(25830));return g=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentComparePage=function(t){let{host:n,tabs:r,getApiTab:i,className:f}=t,h=function(t,n){if(null==t)return{};var r,a,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,b),y=(0,a().useContext)(s().ComponentContext),v=(0,a().useContext)(s().ComponentDescriptorContext),w=(0,a().useMemo)(()=>"function"==typeof r?r():r,[r]),k=(0,a().useMemo)(()=>i?.(),[i]),C=(0,c().useCompareQueryParam)("baseVersion"),j=(0,c().useCompareQueryParam)("version"),S=(0,a().useMemo)(()=>y.logs?.slice().sort(d().sortByDateDsc)||[],[y.id.toString(),y.logs?.length]),E=0===S.length,O="teambit.workspace/workspace"===n&&!E&&!j,D=(0,a().useMemo)(()=>{var t;return S.find((t=y.id.version,(n,r,a)=>t?r===a.findIndex(n=>(n.tag||n.hash)===t)+1:1===r))},[S,y.id.version]),N=(0,a().useMemo)(()=>C&&y.id.changeVersion(C)||D&&y.id.changeVersion(D.tag||D.hash)||y.id,[C,D?.tag,D?.hash,y.id.toString()]),{component:P,componentDescriptor:T,loading:I,error:M}=(0,s().useComponent)("teambit.scope/scope",N?.toString(),{skip:!N||E}),$=!E&&!!N&&!M&&(!!I||!P),A=N?.toString(),R=y.id.toString(),F=!E&&!O&&!!A&&A===R,L=(0,a().useMemo)(()=>(y.logs||[]).slice().reduce(p().groupByVersion,new Map),[y.id.toString(),y.logs?.length]),z=(0,a().useMemo)(()=>({compare:{model:y,descriptor:v,hasLocalChanges:O},base:P&&{model:P,descriptor:T},loading:!y.logs||$,logsByVersion:L,isFullScreen:!0,hidden:!1}),[y,P?.id.toString(),v,T,O,L,$]),B=(0,a().useMemo)(()=>E||F||!A||!R?null:{baseId:A,compareId:R},[E,F,A,R]),q=(0,a().useMemo)(()=>B?[B]:[],[B]),V=(0,a().useMemo)(()=>{let t=w.map(t=>(function(t){switch(t){case"inline-code":return"code";case"inline-preview":return"preview";case"inline-docs":return"docs";case"inline-deps":return"dependencies";case"inline-tests":return"tests";case"inline-config":return"config";default:return}})(t.id)).filter(Boolean);return k&&t.push("api"),t},[w,k]),U=N?.version?.slice(0,7),G=O?"workspace":(y.id.version||"").slice(0,7);return a().default.createElement(l().ComponentCompareContext.Provider,{value:z},a().default.createElement(m().CompareDataProvider,{pairs:q},a().default.createElement(m().FileRegistryProvider,null,a().default.createElement(m().RegistryFeeder,{pairs:q}),a().default.createElement("div",_({className:(0,o().default)(g().default.page,f)},h),a().default.createElement("div",{className:g().default.versionPickerRow},a().default.createElement(u().ComponentCompareVersionPicker,{componentId:y.id.toStringWithoutVersion(),baseVersion:N?.version,compareVersion:y.id.version,compareHasLocalChanges:O,host:n})),F?a().default.createElement("div",{className:g().default.blankState},a().default.createElement(l().InlineCompareEmpty,{message:"No changes to compare",baseVersion:U,compareVersion:G,hint:"Both sides point to the same version. Pick a different base above to compare."})):a().default.createElement(x,{isNew:E,name:y.id.fullName,baseId:E?void 0:A,compareId:R||y.id.toString(),baseVersionShort:U,compareVersionShort:G,resolvedTabs:w,registeredModeIds:V,apiTab:k,host:n})))))};let b=["host","tabs","getApiTab","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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):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)}let w=[{id:"api",displayName:"API",icon:"schema"},{id:"code",displayName:"Code",icon:"code"},{id:"preview",displayName:"Preview",icon:"eye"},{id:"docs",displayName:"Docs",icon:"overview"},{id:"dependencies",displayName:"Dependencies",icon:"link"},{id:"tests",displayName:"Tests",icon:"test"},{id:"config",displayName:"Configuration",icon:"configuration"}];function x({isNew:t,name:n,baseId:r,compareId:o,baseVersionShort:s,compareVersionShort:u,resolvedTabs:c,registeredModeIds:d,apiTab:p,host:b}){let[y]=(0,i().useSearchParams)(),[v,_]=(0,a().useState)(y.get("view")||"code"),[C,j]=(0,a().useState)(y.get("diffMode")||"split"),[S,E]=(0,a().useState)(!1),[O,D]=(0,a().useState)(),[N,P]=(0,a().useState)(),T=(0,a().useRef)(null),I=(0,a().useRef)(void 0),M=a().default.useCallback((t,n)=>{let r=new URL(window.location.href);n?r.searchParams.set(t,n):r.searchParams.delete(t),window.history.replaceState(null,"",r.toString())},[]),$=a().default.useCallback(t=>{_(t),M("view","code"===t?void 0:t)},[M]),A=a().default.useCallback(t=>{j(t),M("diffMode","split"===t?void 0:t)},[M]),R=(0,l().useComponentCompare)(),F=(0,m().useCompareData)(),L=(0,m().useFileRegistry)(),z=F?.compareDataFor(o),B=F?.loading??!1,{result:q,loading:V}=(0,h().useApiDiff)(r,o,{skip:!p}),U=t=>!!t&&!t.available&&("NOT_BUILT"===t.reason||"FAILED"===t.reason),G=!!q&&(q.hasChanges||(q.unresolvedExports?.length??0)>0||U(q.base)||U(q.compare)),H=(R?.loading??!1)||B||!!p&&V,X=(0,a().useMemo)(()=>{let n={};if(H)return n;let r=t=>{let n=t?.get?.("teambit.dependencies/dependency-resolver");return n?.data?.dependencies||n?.dependencies||[]},a=(0,f().computeDepsDiff)(t?[]:r(R?.base?.descriptor),r(R?.compare?.descriptor)).filter(t=>"unchanged"!==t.status).length,o=Math.max(R?.compare?.model?.compositions?.length||0,R?.base?.model?.compositions?.length||0),i=z?(z.code||[]).filter(t=>t.status&&"UNCHANGED"!==t.status).length:0,s=z?(z.aspects||[]).length:0,l=z?(z.tests||[]).filter(t=>t.status&&"UNCHANGED"!==t.status).length:0;for(let r of d)switch(r){case"code":n.code=t?1:i;break;case"config":n.config=t?1:s;break;case"tests":n.tests=t?0:l;break;case"preview":n.preview=o;break;case"dependencies":n.dependencies=a;break;case"api":n.api=+!!G;break;default:n[r]=1}return n},[H,d,t,z,R,G]),Y=o.split("@")[0],W=L?.getVersion(),Z=(0,a().useMemo)(()=>"code"===v?L?.getFiles(Y):"config"===v?L?.getAspectFiles(Y):"tests"===v?(z?.tests||[]).filter(t=>t.status&&"UNCHANGED"!==t.status).map(t=>({name:t.fileName,status:t.status})):"api"===v?(q?.publicChanges||[]).map(t=>{var n;return{name:t.exportName,status:"ADDED"===(n=t.status)?"NEW":"REMOVED"===n?"DELETED":"MODIFIED"}}):void 0,[v,L,W,Y,z?.tests,q]),Q=(0,a().useMemo)(()=>[{key:"component",label:"Component",items:[{id:Y,name:n,files:Z}]}],[Y,n,Z]);return((0,a().useEffect)(()=>{I.current?.(),I.current=void 0,D(void 0),P(void 0)},[v]),(0,a().useEffect)(()=>()=>{I.current?.()},[]),(0,a().useEffect)(()=>{if(!H&&(X[v]??0)===0){let t=w.find(t=>(X[t.id]??0)>0);t&&$(t.id)}},[X,v,H]),H)?a().default.createElement(k,null):a().default.createElement(m().DiffModeProvider,{mode:C},a().default.createElement(m().DepsFilterProvider,{showAll:S},a().default.createElement(m().CompareToolbar,{viewMode:v,onViewModeChange:t=>$(t),endActions:a().default.createElement(m().CompareToolbarActions,{viewMode:v,diffMode:C,onDiffModeChange:A,depsShowAll:S,onDepsShowAllChange:E}),viewModes:w,counts:X,showCounts:!1,loading:H}),a().default.createElement("div",{className:g().default.layout},"dependencies"!==v&&a().default.createElement(m().CompareSidebar,{groups:Q,selectedId:O,selectedFile:N,defaultExpandFiles:"code"===v||"config"===v||"tests"===v||"api"===v,onSelect:(t,n)=>{let r=t||void 0;D(r),P(n),I.current?.(),I.current=r?function(t,n,r){let a,o,i,s;if(!t)return;let l=r?`[data-file-id="${CSS.escape(n)}:${CSS.escape(r)}"]`:`[data-component-id="${CSS.escape(n)}"]`,u=!1,c=()=>{var n,r;let i,c,d,p;if(u)return!1;let m=t.querySelector(l);return!!m&&(a?.disconnect(),o&&clearTimeout(o),n=t,r=m,c=!1,d=0,(p=()=>{if(c||!n.isConnected||!r.isConnected)return;let t=r.getBoundingClientRect().top-n.getBoundingClientRect().top;n.scrollTo({top:t+n.scrollTop,behavior:"instant"}),d+=1,Math.abs(t)>2&&d<4&&(i=requestAnimationFrame(p))})(),s=()=>{c=!0,void 0!==i&&cancelAnimationFrame(i)},!0)};return i=requestAnimationFrame(()=>{c()||((a=new MutationObserver(c)).observe(t,{childList:!0,subtree:!0}),o=setTimeout(()=>a?.disconnect(),5e3))}),()=>{u=!0,void 0!==i&&cancelAnimationFrame(i),o&&clearTimeout(o),a?.disconnect(),s?.()}}(T.current,r,n):void 0}}),a().default.createElement("div",{ref:T,className:g().default.diffPane,"data-view-mode":v},a().default.createElement(m().InlineComponentCompare,{name:n,baseId:r,compareId:o,baseVersion:s,compareVersion:u,allTabs:c,host:b,baseOverride:R?.base,compareOverride:R?.compare},"api"===v?p:null)))))}function k(){return a().default.createElement(a().default.Fragment,null,a().default.createElement("div",{className:g().default.toolbarSkeleton},Array.from({length:4}).map((t,n)=>a().default.createElement("span",{key:n,className:g().default.skelPill}))),a().default.createElement("div",{className:g().default.diffPane},a().default.createElement("div",{className:g().default.bodySkeleton},a().default.createElement("div",{className:g().default.skelHeader}),Array.from({length:8}).map((t,n)=>a().default.createElement("div",{key:n,className:g().default.skelLine,style:{width:`${45+7*n%45}%`}})))))}},57363(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.ComponentCompareAspect=void 0;let o=n.ComponentCompareAspect=a().Aspect.create({id:"teambit.component/component-compare"});n.default=o},72904(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 o(){let t=r(75216);return o=function(){return t},t}function i(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.ComponentCompareSection=void 0;let ComponentCompareSection=class ComponentCompareSection{constructor(t,n){this.componentCompare=t,this.pinned=n,i(this,"navigationLink",{href:"~compare",displayName:"Compare",children:a().default.createElement(o().MenuWidgetIcon,{icon:"compare",tooltipContent:"Compare"}),hideInMinimalMode:!this.pinned}),i(this,"route",{path:"~compare/*",element:this.componentCompare.getComponentComparePage()}),i(this,"order",this.pinned?20:35)}};n.ComponentCompareSection=ComponentCompareSection},51035(t,n,r){"use strict";function a(){let t=g(r(12888));return a=function(){return t},t}function o(){let t=g(r(47065));return o=function(){return t},t}function i(){let t=r(72631);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(34169);return u=function(){return t},t}function c(){let t=r(50765);return c=function(){return t},t}function d(){let t=r(81452);return d=function(){return t},t}function p(){let t=r(57363);return p=function(){return t},t}function m(){let t=r(72904);return m=function(){return t},t}function f(){let t=r(11939);return f=function(){return t},t}function h(){let t=r(90385);return h=function(){return t},t}function g(t){return t&&t.__esModule?t:{default:t}}function b(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 y(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?b(Object(r),!0).forEach(function(n){v(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function v(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 ComponentCompareUI=class ComponentCompareUI{constructor(t,n,r,o,i,s){this.host=t,this.navSlot=n,this.routeSlot=r,this.compareTabSlot=o,this.apiDiffInsightSlot=i,this.compUI=s,v(this,"getComponentComparePage",t=>{let n=t?.tabs||(()=>this.resolveCompareTabs()),r=t?.host||this.host,o=()=>this.tabs.find(t=>"api"===t.id)?.element;return a().default.createElement(h().ComponentComparePage,{tabs:n,host:r,getApiTab:o})}),v(this,"getAspectsComparePage",()=>a().default.createElement(c().ComponentCompareAspects,{host:this.host})),v(this,"getChangelogComparePage",()=>a().default.createElement(u().ComponentCompareChangelog,null)),v(this,"_resolvedApiDiffInsights",void 0),v(this,"_resolvedApiDiffInsightsKey",void 0),v(this,"_resolvedCompareTabs",void 0),v(this,"_resolvedCompareTabsKey",void 0)}registerNavigation(t){return Array.isArray(t)?this.navSlot.register(t):this.navSlot.register([t]),this}registerRoutes(t){return this.routeSlot.register(t),this}registerCompareTab(t){return this.compareTabSlot.register(t),this}registerApiDiffInsight(t){return this.apiDiffInsightSlot.register(t),this}getApiDiffInsights(){let t=this.apiDiffInsightSlot.toArray();return this._resolvedApiDiffInsights&&this._resolvedApiDiffInsightsKey===t.length||(this._resolvedApiDiffInsights=(0,o().default)(t.map(([,t])=>t)),this._resolvedApiDiffInsightsKey=t.length),this._resolvedApiDiffInsights}resolveCompareTabs(){let t=this.compareTabSlot.toArray();if(this._resolvedCompareTabs&&this._resolvedCompareTabsKey===t.length)return this._resolvedCompareTabs;let n=(0,o().default)(t.map(([,t])=>t).filter(Boolean)),r=new Set,a=n.filter(t=>!r.has(t.id)&&(r.add(t.id),!0)).sort((t,n)=>(t.order??0)-(n.order??0));return this._resolvedCompareTabs=a,this._resolvedCompareTabsKey=t.length,a}get routes(){return this.routeSlot.map}get navLinks(){return this.navSlot.map}get tabs(){return(0,o().default)(this.navSlot.toArray().map(([t,n])=>{let r=this.routes.get(t),a=r&&(Array.isArray(r)?[...r]:[r])||[];return n.map(n=>{var r;return y(y({},n),{},{id:n?.id||t,element:(r=n?.props?.href,1===a.length?a[0].element:r?a.find(t=>t.path?.startsWith(r))?.element:void 0)})})}))}static async provider([t],n,[r,a,o,i],s){let{config:l}=s,u=new ComponentCompareUI(String(l.get("teambit.harmony/bit")),r,a,o,i,t),c=new(m()).ComponentCompareSection(u,!1),p=new(m()).ComponentCompareSection(u,!0);t.registerRoute([c.route]),t.registerWidget(c.navigationLink,c.order),t.registerPinnedWidget(p.navigationLink,p.order);let h=new(d()).AspectsCompareSection(u),g=new(f()).CompareChangelogSection(u);return u.registerNavigation([h,g]),u.registerRoutes([h.route,g.route]),u}};v(ComponentCompareUI,"runtime",l().UIRuntime),v(ComponentCompareUI,"slots",[i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType()]),v(ComponentCompareUI,"dependencies",[s().ComponentAspect]),p().ComponentCompareAspect.addRuntime(ComponentCompareUI)},75740(t,n,r){"use strict";function a(){let t=r(57363);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentCompareAspect",{enumerable:!0,get:function(){return a().ComponentCompareAspect}}),n.default=void 0,n.default=a().ComponentCompareAspect},76089(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.AspectList=void 0;let AspectList=class AspectList{constructor(t){this.entries=t}get(t){let n=this.entries.find(n=>n.aspectId===t);if(n)return n.aspectData}toObject(){return{entries:this.entries}}static fromObject(t){return new AspectList(t?.entries||[])}static fromJson(t){return new AspectList(t?.entries?.map(({aspectId:t,aspectData:n})=>({aspectId:t,aspectData:JSON.parse(n)}))||[])}};n.AspectList=AspectList},58175(t,n,r){"use strict";function a(){let t=r(30266);return a=function(){return t},t}function o(){let t=r(76089);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentDescriptor=void 0;let ComponentDescriptor=class ComponentDescriptor{constructor(t,n){this.id=t,this.aspectList=n}get scope(){return this.id.scope}get(t){return this.aspectList.get(t)}toObject(){return{id:this.id.toString(),aspectList:this.aspectList.toObject()}}async isModified(){return!1}stringify(){return JSON.stringify(this.toObject())}toString(){return this.stringify()}static fromObject({id:t,aspectList:n}){let r=o().AspectList.fromObject(n);return new ComponentDescriptor(a().ComponentID.fromString(t),r)}static fromArray(t){return t.map(t=>ComponentDescriptor.fromObject(t))}};n.ComponentDescriptor=ComponentDescriptor},95350(t,n,r){"use strict";function a(){let t=r(58175);return a=function(){return t},t}function o(){let t=r(76089);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"AspectDataEntry",{enumerable:!0,get:function(){return o().AspectDataEntry}}),Object.defineProperty(n,"AspectList",{enumerable:!0,get:function(){return o().AspectList}}),Object.defineProperty(n,"AspectListProps",{enumerable:!0,get:function(){return o().AspectListProps}}),Object.defineProperty(n,"ComponentDescriptor",{enumerable:!0,get:function(){return a().ComponentDescriptor}}),Object.defineProperty(n,"ComponentDescriptorProps",{enumerable:!0,get:function(){return a().ComponentDescriptorProps}})},7364(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CircularDependencies=void 0;let CircularDependencies=class CircularDependencies extends a().ComponentIssue{description="circular dependencies";solution="run `bit deps circular` to get the component-ids participating in the circular";isTagBlocker=!0;outputForCLI(){return(0,a().formatTitle)(this.descriptionWithSolution,!1)}};n.CircularDependencies=CircularDependencies},71848(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 o(){let t=r(19100);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ISSUE_FORMAT_SPACE_COUNT=n.ISSUE_FORMAT_SPACE=n.ComponentIssue=void 0,n.componentIssueToString=u,n.deserializeWithBitId=function(t){let n=JSON.parse(t);return Object.keys(n).forEach(t=>{n[t]=n[t].map(t=>new(o()).ComponentID(t))}),n},n.formatTitle=l;let i=n.ISSUE_FORMAT_SPACE_COUNT=10,s=n.ISSUE_FORMAT_SPACE=" ".repeat(i);let ComponentIssue=class ComponentIssue{isTagBlocker=!0;isCacheBlocker=!0;formatDataFunction=u;get descriptionWithSolution(){let t=this.formatSolution();return`${this.description} ${t}`}formatSolution(){return this.solution?` (${this.solution})`:""}outputForCLI(){return l(this.descriptionWithSolution)+a().default.white(this.dataToString())}dataToString(){return Object.keys(this.data).map(t=>`${s}${t} -> ${this.formatDataFunction(this.data[t])}`).join("\n")}toObject(){return{type:this.constructor.name,description:this.description,solution:this.solution,isTagBlocker:this.isTagBlocker,data:this.data}}serialize(){return JSON.stringify(this.data)}deserialize(t){return JSON.parse(t)}};function l(t,n=!0){return a().default.yellow(`
+`},1443(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useFileContent=void 0;var a=r(11286);Object.defineProperty(n,"useFileContent",{enumerable:!0,get:function(){return a.useFileContent}})},45089(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.CodeAspect=void 0;let o=n.CodeAspect=a().Aspect.create({id:"teambit.component/code",dependencies:[],defaultConfig:{}});n.default=o},60530(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 o(){let t=r(75216);return o=function(){return t},t}function i(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.CodeSection=void 0;let CodeSection=class CodeSection{constructor(t,n){this.codeUI=t,this.pinned=n,i(this,"route",{path:"~code/*",element:this.codeUI.getCodePage()}),i(this,"navigationLink",{href:"~code",children:a().default.createElement(o().MenuWidgetIcon,{icon:"Code",tooltipContent:"Code"}),displayName:"Code",hideInMinimalMode:!this.pinned}),i(this,"order",30*!this.pinned)}};n.CodeSection=CodeSection},20869(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 o(){let t=r(30266);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(34811);return s=function(){return t},t}function l(){let t=r(72631);return l=function(){return t},t}function u(){let t=r(60962);return u=function(){return t},t}function c(){let t=r(85591);return c=function(){return t},t}function d(){let t=r(75740);return d=function(){return t},t}function p(){let t=r(36775);return p=function(){return t},t}function m(){let t=r(84391);return m=function(){return t},t}function f(){let t=r(15477);return f=function(){return t},t}function h(){let t=r(33700);return h=function(){return t},t}function g(){let t=r(179);return g=function(){return t},t}function b(){let t=r(79036);return b=function(){return t},t}function y(){let t=r(45089);return y=function(){return t},t}function v(){let t=r(60530);return v=function(){return t},t}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,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 x=/\.tsx$/;let CodeUI=class CodeUI{constructor(t,n){this.host=t,this.fileIconSlot=n,w(this,"getCodePage",t=>a().default.createElement(c().CodePage,_({},t||{},{fileIconSlot:this.fileIconSlot,host:this.host}))),w(this,"getCodeCompare",t=>a().default.createElement(s().CodeCompareEditorProvider,null,a().default.createElement(s().CodeCompare,_({},t||{},{fileIconSlot:this.fileIconSlot})))),w(this,"getCodeEditorProvider",()=>p().CodeEditorProvider),w(this,"getCodeDiffEditorProvider",()=>s().CodeCompareEditorProvider)}registerEnvFileIcon(t){return this.fileIconSlot?.register(t),this}static async provider([t,n],r,[o],i){let{config:s}=i,l=new CodeUI(String(s.get("teambit.harmony/bit")),o),c=new(v()).CodeSection(l,!1),d=new(v()).CodeSection(l,!0);l.registerEnvFileIcon([t=>x.test(t)?`${u().staticStorageUrl}/file-icons/file_type_typescript.svg`:void 0]),t.registerRoute([c.route]),t.registerWidget(c.navigationLink,c.order),t.registerPinnedWidget(d.navigationLink,d.order);let p=new(m()).CodeCompareSection(l);return n.registerNavigation(p),n.registerRoutes([p.route]),n.registerCompareTab([{id:"inline-code",order:1,displayName:"Code",element:a().default.createElement(f().InlineCodeCompare,null)},{id:"inline-deps",order:4,displayName:"Dependencies",element:a().default.createElement(h().InlineDepsCompare,null)},{id:"inline-tests",order:5,displayName:"Tests",element:a().default.createElement(g().InlineTestsCompare,null),lazy:!0},{id:"inline-config",order:6,displayName:"Configuration",element:a().default.createElement(b().InlineConfigCompare,null),lazy:!0}]),l}};w(CodeUI,"dependencies",[o().ComponentAspect,d().ComponentCompareAspect]),w(CodeUI,"runtime",i().UIRuntime),w(CodeUI,"slots",[l().Slot.withType()]),y().CodeAspect.addRuntime(CodeUI)},54632(t,n,r){"use strict";function a(){let t=r(45089);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CodeAspect",{enumerable:!0,get:function(){return a().CodeAspect}}),n.default=void 0,n.default=a().CodeAspect},47463(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.CommandBarAspect=void 0;let o=n.CommandBarAspect=a().Aspect.create({id:"teambit.explorer/command-bar",dependencies:[],defaultConfig:{}});n.default=o},95899(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 o(){let t=r(91103);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CommandBarButton=function({onClick:t}){return a().default.createElement(o().ActionButton,{onClick:t,icon:"magnifying",displayName:"Go to..."})}},67881(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.commandBarCommands=void 0,n.commandBarCommands={open:"command-bar.open"}},84215(t,n,r){"use strict";function a(){let t=C(r(12888));return a=function(){return t},t}function o(){let t=k(r(47065));return o=function(){return t},t}function i(){let t=k(r(73075));return i=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(79845);return u=function(){return t},t}function c(){let t=r(30266);return c=function(){return t},t}function d(){let t=r(78410);return d=function(){return t},t}function p(){let t=r(75894);return p=function(){return t},t}function m(){let t=r(5286);return m=function(){return t},t}function f(){let t=r(78757);return f=function(){return t},t}function h(){let t=r(47463);return h=function(){return t},t}function g(){let t=r(67881);return g=function(){return t},t}function b(){let t=r(44075);return b=function(){return t},t}function y(){let t=r(40570);return y=function(){return t},t}function v(){let t=r(3321);return v=function(){return t},t}function _(){let t=r(75026);return _=function(){return t},t}function w(){let t=r(95899);return w=function(){return t},t}function x(){let t=k(r(46182));return x=function(){return t},t}function k(t){return t&&t.__esModule?t:{default:t}}function C(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(C=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function j(){return(j=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 S(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 E=5;let CommandBarUI=class CommandBarUI{addSearcher(...t){return this.searcherSlot.register(t),this}addCommand(...t){t.forEach(({id:t})=>{if(void 0!==this.getCommand(t))throw new(y()).DuplicateCommandError(t)});let n=t.map(t=>({id:t.id,displayName:t.displayName,action:t.action,keybinding:t.keybinding}));return this.commandSlot.register(n),n.forEach(t=>{t.keybinding&&this.addKeybinding(t.keybinding,t.id)}),this.updateCommandsSearcher(),n.map(t=>n=>{t.action=n})}run(t){let n=this.getCommand(t);if(n)return n.action()}getCommand(t){return this.commandSlot.values().map(n=>n.find(n=>n.id===t)).filter(t=>!!t).pop()}updateCommandsSearcher(){let t=this.commandSlot.values().flat();this.commandSearcher.update(t)}addKeybinding(t,n){this.mousetrap.bind(t,this.run.bind(this,n))}constructor(t,n,r){this.searcherSlot=t,this.commandSlot=n,this.config=r,S(this,"mousetrap",m().isBrowser?new(i()).default:new(v()).MousetrapStub),S(this,"commandSearcher",new(b()).CommandSearcher([])),S(this,"open",()=>(this.setVisibility?.(!0),!1)),S(this,"close",()=>{this.setVisibility?.(!1)}),S(this,"trigger",t=>{this.mousetrap.trigger(t)}),S(this,"search",(t,n=E)=>{let r=(0,o().default)(this.searcherSlot.values()).find(n=>n&&n.test(t));return r?.search(t,n)||{items:[]}}),S(this,"setVisibility",void 0),S(this,"CommandBar",({ResultComponent:t,onEnter:n})=>{let[r,o]=(0,a().useState)(!1);this.setVisibility=o;let i=(0,f().useSearcher)(this.search,{debounce:this.config.debounce});return a().default.createElement(f().CommandBar,j({key:"CommandBarUI"},i,{onEnter:n,className:x().default.commanderUi,placeholder:"Search anything or type > to only search commands",visible:r,ResultsComponent:t,onVisibilityChange:o,autofocus:!0}))}),S(this,"CommandBarButton",()=>a().default.createElement(w().CommandBarButton,{onClick:()=>this.setVisibility?.(!0)}))}static async provider([t,n,r],o,[i,s]){let l=new CommandBarUI(i,s,o),u=[l.commandSearcher],c=[{id:g().commandBarCommands.open,action:l.open,displayName:"Open command bar",keybinding:_().openCommandBarKeybinding}];return r?.isCommandBarEnabled&&(u.push(r.componentSearcher),c.push(...r.keyBindings)),l.addSearcher(...u),l.addCommand(...c),n&&n.sub(h().CommandBarAspect.id,t=>{let n=new KeyboardEvent(t.type,t.data);document.dispatchEvent(n)}),t&&t.registerHudItem(a().default.createElement(l.CommandBar,{key:"commandBar"})),r&&(r.registerCommandRunner(t=>l.run(t)),r.registerRightSideMenuItem({item:a().default.createElement(l.CommandBarButton,null),order:90})),l}};S(CommandBarUI,"dependencies",[u().UIAspect,d().PubsubAspect,c().ComponentAspect,p().ReactRouterAspect]),S(CommandBarUI,"slots",[s().Slot.withType(),s().Slot.withType()]),S(CommandBarUI,"defaultConfig",{debounce:void 0}),S(CommandBarUI,"runtime",l().UIRuntime),h().CommandBarAspect.addRuntime(CommandBarUI)},40570(t,n,r){"use strict";function a(){let t=r(24490);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DuplicateCommandError=void 0;let DuplicateCommandError=class DuplicateCommandError extends a().BitError{constructor(t){super(`Command "${t}" is already added.`)}};n.DuplicateCommandError=DuplicateCommandError},13468(t,n,r){"use strict";function a(){let t=r(47463);return a=function(){return t},t}function o(){let t=r(67881);return o=function(){return t},t}function i(){let t=r(78757);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CommandBarAspect",{enumerable:!0,get:function(){return a().CommandBarAspect}}),Object.defineProperty(n,"CommandBarItem",{enumerable:!0,get:function(){return i().CommandBarItem}}),Object.defineProperty(n,"FuzzySearcher",{enumerable:!0,get:function(){return i().FuzzySearcher}}),Object.defineProperty(n,"commandBarCommands",{enumerable:!0,get:function(){return o().commandBarCommands}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return a().CommandBarAspect}})},75026(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.openCommandBarKeybinding=n.isOpenCommandBarKeybinding=void 0,n.openCommandBarKeybinding="mod+k",n.isOpenCommandBarKeybinding=t=>(t.ctrlKey||t.metaKey)&&"k"===t.key},3321(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.MousetrapStub=void 0;let MousetrapStub=class MousetrapStub{stopCallback(){return!1}bind(){return this}unbind(){return this}trigger(){return this}handleKey(){}reset(){return this}};n.MousetrapStub=MousetrapStub},43798(t,n,r){"use strict";function a(){let t=c(r(12888));return a=function(){return t},t}function o(){let t=c(r(97500));return o=function(){return t},t}function i(){let t=r(38348);return i=function(){return t},t}function s(){let t=r(26390);return s=function(){return t},t}function l(){let t=r(38561);return l=function(){return t},t}function u(){let t=c(r(80783));return u=function(){return t},t}function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.CommandResult=function({command:t}){let{icon:n,iconAlt:r,displayName:c,keybinding:d}=t,p=Array.isArray(d)?d[0]:d;return a().default.createElement(a().default.Fragment,null,n&&a().default.createElement("img",{src:n,alt:r,className:u().default.icon}),a().default.createElement("div",{className:(0,o().default)(i().ellipsis,u().default.name)},c),p&&a().default.createElement(s().KeySequence,{className:(0,o().default)(u().default.commandKeys,l().mutedText)},p))}},83076(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 o(){let t=r(78757);return o=function(){return t},t}function i(){let t=r(43798);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CommandSearcher=void 0;let s=["displayName"];let CommandSearcher=class CommandSearcher extends o().FuzzySearcher{constructor(t){super({searchKeys:s}),this.update(t)}test(t){return t.startsWith(">")}toSearchableItem(t){return t}toSearchResult({item:t}){return{id:t.id,action:t.action,children:a().default.createElement(i().CommandResult,{command:t})}}};n.CommandSearcher=CommandSearcher},87315(t,n,r){"use strict";function a(){let t=r(83076);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CommandSearcher",{enumerable:!0,get:function(){return a().CommandSearcher}})},44075(t,n,r){"use strict";function a(){let t=r(87315);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CommandSearcher",{enumerable:!0,get:function(){return a().CommandSearcher}})},81452(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 o(){let t=r(75216);return o=function(){return t},t}function i(){let t=r(33320);return i=function(){return t},t}function s(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.AspectsCompareSection=void 0;let AspectsCompareSection=class AspectsCompareSection{constructor(t){this.compareUI=t,s(this,"navigationLink",{href:"aspects",displayName:"Aspects",children:a().default.createElement(o().MenuWidgetIcon,{icon:"configuration",tooltipContent:"Configuration"})}),s(this,"props",this.navigationLink),s(this,"route",{path:"aspects/*",element:this.compareUI.getAspectsComparePage()}),s(this,"order",60),s(this,"widget",!0),s(this,"changeType",i().ChangeType.ASPECTS),s(this,"id","aspects")}};n.AspectsCompareSection=AspectsCompareSection},11939(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 o(){let t=r(75216);return o=function(){return t},t}function i(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.CompareChangelogSection=void 0;let CompareChangelogSection=class CompareChangelogSection{constructor(t){this.compareUI=t,i(this,"navigationLink",{href:"changelog",children:a().default.createElement(o().MenuWidgetIcon,{icon:"changelog",tooltipContent:"Change log"}),displayName:"Change log"}),i(this,"props",this.navigationLink),i(this,"route",{path:"changelog/*",element:this.compareUI.getChangelogComparePage()}),i(this,"order",70),i(this,"widget",!0),i(this,"id","changelog")}};n.CompareChangelogSection=CompareChangelogSection},90385(t,n,r){"use strict";function a(){let t=v(r(12888));return a=function(){return t},t}function o(){let t=y(r(97500));return o=function(){return t},t}function i(){let t=r(44178);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(12066);return l=function(){return t},t}function u(){let t=r(52792);return u=function(){return t},t}function c(){let t=r(13837);return c=function(){return t},t}function d(){let t=r(67741);return d=function(){return t},t}function p(){let t=r(83535);return p=function(){return t},t}function m(){let t=r(27872);return m=function(){return t},t}function f(){let t=r(96157);return f=function(){return t},t}function h(){let t=r(7110);return h=function(){return t},t}function g(){let t=y(r(25830));return g=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentComparePage=function(t){let{host:n,tabs:r,getApiTab:i,className:f}=t,h=function(t,n){if(null==t)return{};var r,a,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,b),y=(0,a().useContext)(s().ComponentContext),v=(0,a().useContext)(s().ComponentDescriptorContext),w=(0,a().useMemo)(()=>"function"==typeof r?r():r,[r]),k=(0,a().useMemo)(()=>i?.(),[i]),C=(0,c().useCompareQueryParam)("baseVersion"),j=(0,c().useCompareQueryParam)("version"),S=(0,a().useMemo)(()=>y.logs?.slice().sort(d().sortByDateDsc)||[],[y.id.toString(),y.logs?.length]),E=0===S.length,O="teambit.workspace/workspace"===n&&!E&&!j,D=(0,a().useMemo)(()=>{var t;return S.find((t=y.id.version,(n,r,a)=>t?r===a.findIndex(n=>(n.tag||n.hash)===t)+1:1===r))},[S,y.id.version]),N=(0,a().useMemo)(()=>C&&y.id.changeVersion(C)||D&&y.id.changeVersion(D.tag||D.hash)||y.id,[C,D?.tag,D?.hash,y.id.toString()]),{component:P,componentDescriptor:T,loading:I,error:M}=(0,s().useComponent)("teambit.scope/scope",N?.toString(),{skip:!N||E}),$=!E&&!!N&&!M&&(!!I||!P),A=N?.toString(),R=y.id.toString(),F=!E&&!O&&!!A&&A===R,L=(0,a().useMemo)(()=>(y.logs||[]).slice().reduce(p().groupByVersion,new Map),[y.id.toString(),y.logs?.length]),z=(0,a().useMemo)(()=>({compare:{model:y,descriptor:v,hasLocalChanges:O},base:P&&{model:P,descriptor:T},loading:!y.logs||$,logsByVersion:L,isFullScreen:!0,hidden:!1}),[y,P?.id.toString(),v,T,O,L,$]),B=(0,a().useMemo)(()=>E||F||!A||!R?null:{baseId:A,compareId:R},[E,F,A,R]),q=(0,a().useMemo)(()=>B?[B]:[],[B]),V=(0,a().useMemo)(()=>{let t=w.map(t=>(function(t){switch(t){case"inline-code":return"code";case"inline-preview":return"preview";case"inline-docs":return"docs";case"inline-deps":return"dependencies";case"inline-tests":return"tests";case"inline-config":return"config";default:return}})(t.id)).filter(Boolean);return k&&t.push("api"),t},[w,k]),U=N?.version?.slice(0,7),G=O?"workspace":(y.id.version||"").slice(0,7);return a().default.createElement(l().ComponentCompareContext.Provider,{value:z},a().default.createElement(m().CompareDataProvider,{pairs:q},a().default.createElement(m().FileRegistryProvider,null,a().default.createElement(m().RegistryFeeder,{pairs:q}),a().default.createElement("div",_({className:(0,o().default)(g().default.page,f)},h),a().default.createElement("div",{className:g().default.versionPickerRow},a().default.createElement(u().ComponentCompareVersionPicker,{componentId:y.id.toStringWithoutVersion(),baseVersion:N?.version,compareVersion:y.id.version,compareHasLocalChanges:O,host:n})),F?a().default.createElement("div",{className:g().default.blankState},a().default.createElement(l().InlineCompareEmpty,{message:"No changes to compare",baseVersion:U,compareVersion:G,hint:"Both sides point to the same version. Pick a different base above to compare."})):a().default.createElement(x,{isNew:E,name:y.id.fullName,baseId:E?void 0:A,compareId:R||y.id.toString(),baseVersionShort:U,compareVersionShort:G,resolvedTabs:w,registeredModeIds:V,apiTab:k,host:n})))))};let b=["host","tabs","getApiTab","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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):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)}let w=[{id:"api",displayName:"API",icon:"schema"},{id:"code",displayName:"Code",icon:"code"},{id:"preview",displayName:"Preview",icon:"eye"},{id:"docs",displayName:"Docs",icon:"overview"},{id:"dependencies",displayName:"Dependencies",icon:"link"},{id:"tests",displayName:"Tests",icon:"test"},{id:"config",displayName:"Configuration",icon:"configuration"}];function x({isNew:t,name:n,baseId:r,compareId:o,baseVersionShort:s,compareVersionShort:u,resolvedTabs:c,registeredModeIds:d,apiTab:p,host:b}){let[y]=(0,i().useSearchParams)(),[v,_]=(0,a().useState)(y.get("view")||"code"),[C,j]=(0,a().useState)(y.get("diffMode")||"split"),[S,E]=(0,a().useState)(!1),[O,D]=(0,a().useState)(),[N,P]=(0,a().useState)(),T=(0,a().useRef)(null),I=(0,a().useRef)(void 0),M=a().default.useCallback((t,n)=>{let r=new URL(window.location.href);n?r.searchParams.set(t,n):r.searchParams.delete(t),window.history.replaceState(null,"",r.toString())},[]),$=a().default.useCallback(t=>{_(t),M("view","code"===t?void 0:t)},[M]),A=a().default.useCallback(t=>{j(t),M("diffMode","split"===t?void 0:t)},[M]),R=(0,l().useComponentCompare)(),F=(0,m().useCompareData)(),L=(0,m().useFileRegistry)(),z=F?.compareDataFor(o),B=F?.loading??!1,{result:q,loading:V}=(0,h().useApiDiff)(r,o,{skip:!p}),U=t=>!!t&&!t.available&&("NOT_BUILT"===t.reason||"FAILED"===t.reason),G=!!q&&(q.hasChanges||(q.unresolvedExports?.length??0)>0||U(q.base)||U(q.compare)),H=(R?.loading??!1)||B||!!p&&V,X=(0,a().useMemo)(()=>{let n={};if(H)return n;let r=t=>{let n=t?.get?.("teambit.dependencies/dependency-resolver");return n?.data?.dependencies||n?.dependencies||[]},a=(0,f().computeDepsDiff)(t?[]:r(R?.base?.descriptor),r(R?.compare?.descriptor)).filter(t=>"unchanged"!==t.status).length,o=Math.max(R?.compare?.model?.compositions?.length||0,R?.base?.model?.compositions?.length||0),i=z?(z.code||[]).filter(t=>t.status&&"UNCHANGED"!==t.status).length:0,s=z?(z.aspects||[]).length:0,l=z?(z.tests||[]).filter(t=>t.status&&"UNCHANGED"!==t.status).length:0;for(let r of d)switch(r){case"code":n.code=t?1:i;break;case"config":n.config=t?1:s;break;case"tests":n.tests=t?0:l;break;case"preview":n.preview=o;break;case"dependencies":n.dependencies=a;break;case"api":n.api=+!!G;break;default:n[r]=1}return n},[H,d,t,z,R,G]),Y=o.split("@")[0],W=L?.getVersion(),Z=(0,a().useMemo)(()=>"code"===v?L?.getFiles(Y):"config"===v?L?.getAspectFiles(Y):"tests"===v?(z?.tests||[]).filter(t=>t.status&&"UNCHANGED"!==t.status).map(t=>({name:t.fileName,status:t.status})):"api"===v?(q?.publicChanges||[]).map(t=>{var n;return{name:t.exportName,status:"ADDED"===(n=t.status)?"NEW":"REMOVED"===n?"DELETED":"MODIFIED"}}):void 0,[v,L,W,Y,z?.tests,q]),Q=(0,a().useMemo)(()=>[{key:"component",label:"Component",items:[{id:Y,name:n,files:Z}]}],[Y,n,Z]);return((0,a().useEffect)(()=>{I.current?.(),I.current=void 0,D(void 0),P(void 0)},[v]),(0,a().useEffect)(()=>()=>{I.current?.()},[]),(0,a().useEffect)(()=>{if(!H&&(X[v]??0)===0){let t=w.find(t=>(X[t.id]??0)>0);t&&$(t.id)}},[X,v,H]),H)?a().default.createElement(k,null):a().default.createElement(m().DiffModeProvider,{mode:C},a().default.createElement(m().DepsFilterProvider,{showAll:S},a().default.createElement(m().CompareToolbar,{viewMode:v,onViewModeChange:t=>$(t),endActions:a().default.createElement(m().CompareToolbarActions,{viewMode:v,diffMode:C,onDiffModeChange:A,depsShowAll:S,onDepsShowAllChange:E}),viewModes:w,counts:X,showCounts:!1,loading:H}),a().default.createElement("div",{className:g().default.layout},"dependencies"!==v&&a().default.createElement(m().CompareSidebar,{groups:Q,selectedId:O,selectedFile:N,defaultExpandFiles:"code"===v||"config"===v||"tests"===v||"api"===v,onSelect:(t,n)=>{let r=t||void 0;D(r),P(n),I.current?.(),I.current=r?function(t,n,r){let a,o,i,s;if(!t)return;let l=r?`[data-file-id="${CSS.escape(n)}:${CSS.escape(r)}"]`:`[data-component-id="${CSS.escape(n)}"]`,u=!1,c=()=>{var n,r;let i,c,d,p;if(u)return!1;let m=t.querySelector(l);return!!m&&(a?.disconnect(),o&&clearTimeout(o),n=t,r=m,c=!1,d=0,(p=()=>{if(c||!n.isConnected||!r.isConnected)return;let t=r.getBoundingClientRect().top-n.getBoundingClientRect().top;n.scrollTo({top:t+n.scrollTop,behavior:"instant"}),d+=1,Math.abs(t)>2&&d<4&&(i=requestAnimationFrame(p))})(),s=()=>{c=!0,void 0!==i&&cancelAnimationFrame(i)},!0)};return i=requestAnimationFrame(()=>{c()||((a=new MutationObserver(c)).observe(t,{childList:!0,subtree:!0}),o=setTimeout(()=>a?.disconnect(),5e3))}),()=>{u=!0,void 0!==i&&cancelAnimationFrame(i),o&&clearTimeout(o),a?.disconnect(),s?.()}}(T.current,r,n):void 0}}),a().default.createElement("div",{ref:T,className:g().default.diffPane,"data-view-mode":v},a().default.createElement(m().InlineComponentCompare,{name:n,baseId:r,compareId:o,baseVersion:s,compareVersion:u,allTabs:c,host:b,baseOverride:R?.base,compareOverride:R?.compare},"api"===v?p:null)))))}function k(){return a().default.createElement(a().default.Fragment,null,a().default.createElement("div",{className:g().default.toolbarSkeleton},Array.from({length:4}).map((t,n)=>a().default.createElement("span",{key:n,className:g().default.skelPill}))),a().default.createElement("div",{className:g().default.diffPane},a().default.createElement("div",{className:g().default.bodySkeleton},a().default.createElement("div",{className:g().default.skelHeader}),Array.from({length:8}).map((t,n)=>a().default.createElement("div",{key:n,className:g().default.skelLine,style:{width:`${45+7*n%45}%`}})))))}},57363(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.ComponentCompareAspect=void 0;let o=n.ComponentCompareAspect=a().Aspect.create({id:"teambit.component/component-compare"});n.default=o},72904(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 o(){let t=r(75216);return o=function(){return t},t}function i(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.ComponentCompareSection=void 0;let ComponentCompareSection=class ComponentCompareSection{constructor(t,n){this.componentCompare=t,this.pinned=n,i(this,"navigationLink",{href:"~compare",displayName:"Compare",children:a().default.createElement(o().MenuWidgetIcon,{icon:"compare",tooltipContent:"Compare"}),hideInMinimalMode:!this.pinned}),i(this,"route",{path:"~compare/*",element:this.componentCompare.getComponentComparePage()}),i(this,"order",this.pinned?20:35)}};n.ComponentCompareSection=ComponentCompareSection},51035(t,n,r){"use strict";function a(){let t=g(r(12888));return a=function(){return t},t}function o(){let t=g(r(47065));return o=function(){return t},t}function i(){let t=r(72631);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(34169);return u=function(){return t},t}function c(){let t=r(50765);return c=function(){return t},t}function d(){let t=r(81452);return d=function(){return t},t}function p(){let t=r(57363);return p=function(){return t},t}function m(){let t=r(72904);return m=function(){return t},t}function f(){let t=r(11939);return f=function(){return t},t}function h(){let t=r(90385);return h=function(){return t},t}function g(t){return t&&t.__esModule?t:{default:t}}function b(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 y(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?b(Object(r),!0).forEach(function(n){v(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function v(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 ComponentCompareUI=class ComponentCompareUI{constructor(t,n,r,o,i,s){this.host=t,this.navSlot=n,this.routeSlot=r,this.compareTabSlot=o,this.apiDiffInsightSlot=i,this.compUI=s,v(this,"getComponentComparePage",t=>{let n=t?.tabs||(()=>this.resolveCompareTabs()),r=t?.host||this.host,o=()=>this.tabs.find(t=>"api"===t.id)?.element;return a().default.createElement(h().ComponentComparePage,{tabs:n,host:r,getApiTab:o})}),v(this,"getAspectsComparePage",()=>a().default.createElement(c().ComponentCompareAspects,{host:this.host})),v(this,"getChangelogComparePage",()=>a().default.createElement(u().ComponentCompareChangelog,null)),v(this,"_resolvedApiDiffInsights",void 0),v(this,"_resolvedApiDiffInsightsKey",void 0),v(this,"_resolvedCompareTabs",void 0),v(this,"_resolvedCompareTabsKey",void 0)}registerNavigation(t){return Array.isArray(t)?this.navSlot.register(t):this.navSlot.register([t]),this}registerRoutes(t){return this.routeSlot.register(t),this}registerCompareTab(t){return this.compareTabSlot.register(t),this}registerApiDiffInsight(t){return this.apiDiffInsightSlot.register(t),this}getApiDiffInsights(){let t=this.apiDiffInsightSlot.toArray();return this._resolvedApiDiffInsights&&this._resolvedApiDiffInsightsKey===t.length||(this._resolvedApiDiffInsights=(0,o().default)(t.map(([,t])=>t)),this._resolvedApiDiffInsightsKey=t.length),this._resolvedApiDiffInsights}resolveCompareTabs(){let t=this.compareTabSlot.toArray();if(this._resolvedCompareTabs&&this._resolvedCompareTabsKey===t.length)return this._resolvedCompareTabs;let n=(0,o().default)(t.map(([,t])=>t).filter(Boolean)),r=new Set,a=n.filter(t=>!r.has(t.id)&&(r.add(t.id),!0)).sort((t,n)=>(t.order??0)-(n.order??0));return this._resolvedCompareTabs=a,this._resolvedCompareTabsKey=t.length,a}get routes(){return this.routeSlot.map}get navLinks(){return this.navSlot.map}get tabs(){return(0,o().default)(this.navSlot.toArray().map(([t,n])=>{let r=this.routes.get(t),a=r&&(Array.isArray(r)?[...r]:[r])||[];return n.map(n=>{var r;return y(y({},n),{},{id:n?.id||t,element:(r=n?.props?.href,1===a.length?a[0].element:r?a.find(t=>t.path?.startsWith(r))?.element:void 0)})})}))}static async provider([t],n,[r,a,o,i],s){let{config:l}=s,u=new ComponentCompareUI(String(l.get("teambit.harmony/bit")),r,a,o,i,t),c=new(m()).ComponentCompareSection(u,!1),p=new(m()).ComponentCompareSection(u,!0);t.registerRoute([c.route]),t.registerWidget(c.navigationLink,c.order),t.registerPinnedWidget(p.navigationLink,p.order);let h=new(d()).AspectsCompareSection(u),g=new(f()).CompareChangelogSection(u);return u.registerNavigation([h,g]),u.registerRoutes([h.route,g.route]),u}};v(ComponentCompareUI,"runtime",l().UIRuntime),v(ComponentCompareUI,"slots",[i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType()]),v(ComponentCompareUI,"dependencies",[s().ComponentAspect]),p().ComponentCompareAspect.addRuntime(ComponentCompareUI)},75740(t,n,r){"use strict";function a(){let t=r(57363);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentCompareAspect",{enumerable:!0,get:function(){return a().ComponentCompareAspect}}),n.default=void 0,n.default=a().ComponentCompareAspect},76089(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.AspectList=void 0;let AspectList=class AspectList{constructor(t){this.entries=t}get(t){let n=this.entries.find(n=>n.aspectId===t);if(n)return n.aspectData}toObject(){return{entries:this.entries}}static fromObject(t){return new AspectList(t?.entries||[])}static fromJson(t){return new AspectList(t?.entries?.map(({aspectId:t,aspectData:n})=>({aspectId:t,aspectData:JSON.parse(n)}))||[])}};n.AspectList=AspectList},58175(t,n,r){"use strict";function a(){let t=r(30266);return a=function(){return t},t}function o(){let t=r(76089);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentDescriptor=void 0;let ComponentDescriptor=class ComponentDescriptor{constructor(t,n){this.id=t,this.aspectList=n}get scope(){return this.id.scope}get(t){return this.aspectList.get(t)}toObject(){return{id:this.id.toString(),aspectList:this.aspectList.toObject()}}async isModified(){return!1}stringify(){return JSON.stringify(this.toObject())}toString(){return this.stringify()}static fromObject({id:t,aspectList:n}){let r=o().AspectList.fromObject(n);return new ComponentDescriptor(a().ComponentID.fromString(t),r)}static fromArray(t){return t.map(t=>ComponentDescriptor.fromObject(t))}};n.ComponentDescriptor=ComponentDescriptor},95350(t,n,r){"use strict";function a(){let t=r(58175);return a=function(){return t},t}function o(){let t=r(76089);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"AspectDataEntry",{enumerable:!0,get:function(){return o().AspectDataEntry}}),Object.defineProperty(n,"AspectList",{enumerable:!0,get:function(){return o().AspectList}}),Object.defineProperty(n,"AspectListProps",{enumerable:!0,get:function(){return o().AspectListProps}}),Object.defineProperty(n,"ComponentDescriptor",{enumerable:!0,get:function(){return a().ComponentDescriptor}}),Object.defineProperty(n,"ComponentDescriptorProps",{enumerable:!0,get:function(){return a().ComponentDescriptorProps}})},7364(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CircularDependencies=void 0;let CircularDependencies=class CircularDependencies extends a().ComponentIssue{description="circular dependencies";solution="run `bit deps circular` to get the component-ids participating in the circular";isTagBlocker=!0;outputForCLI(){return(0,a().formatTitle)(this.descriptionWithSolution,!1)}};n.CircularDependencies=CircularDependencies},71848(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 o(){let t=r(19100);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ISSUE_FORMAT_SPACE_COUNT=n.ISSUE_FORMAT_SPACE=n.ComponentIssue=void 0,n.componentIssueToString=u,n.deserializeWithBitId=function(t){let n=JSON.parse(t);return Object.keys(n).forEach(t=>{n[t]=n[t].map(t=>new(o()).ComponentID(t))}),n},n.formatTitle=l;let i=n.ISSUE_FORMAT_SPACE_COUNT=10,s=n.ISSUE_FORMAT_SPACE=" ".repeat(i);let ComponentIssue=class ComponentIssue{isTagBlocker=!0;isCacheBlocker=!0;formatDataFunction=u;get descriptionWithSolution(){let t=this.formatSolution();return`${this.description} ${t}`}formatSolution(){return this.solution?` (${this.solution})`:""}outputForCLI(){return l(this.descriptionWithSolution)+a().default.white(this.dataToString())}dataToString(){return Object.keys(this.data).map(t=>`${s}${t} -> ${this.formatDataFunction(this.data[t])}`).join("\n")}toObject(){return{type:this.constructor.name,description:this.description,solution:this.solution,isTagBlocker:this.isTagBlocker,data:this.data}}serialize(){return JSON.stringify(this.data)}deserialize(t){return JSON.parse(t)}};function l(t,n=!0){return a().default.yellow(`
        ${t}${n?":":""} 
 `)}function u(t){return Array.isArray(t)?t.join(", "):t}n.ComponentIssue=ComponentIssue},21587(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DeprecatedDependencies=void 0;let DeprecatedDependencies=class DeprecatedDependencies extends a().ComponentIssue{description="dependencies used in the code were deprecated";solution="replace them with alternative dependencies. or remove them if not needed anymore";isTagBlocker=!1;dataToString(){return a().ISSUE_FORMAT_SPACE+this.data.join(", ")}};n.DeprecatedDependencies=DeprecatedDependencies},84179(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DuplicateComponentAndPackage=void 0;let DuplicateComponentAndPackage=class DuplicateComponentAndPackage extends a().ComponentIssue{description="tracked component added as a package";solution="either remove the package from the workspace.jsonc (bit uninstall) or remove the component (bit remove)";isTagBlocker=!0;dataToString(){return a().ISSUE_FORMAT_SPACE+this.data}};n.DuplicateComponentAndPackage=DuplicateComponentAndPackage},9264(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ExternalEnvWithoutVersion=void 0;let ExternalEnvWithoutVersion=class ExternalEnvWithoutVersion extends a().ComponentIssue{description="failed loading env - external env without a version";solution="";isTagBlocker=!0;formatSolution(){return`(run "bit env set ${this.data.componentId} ${this.data.envId}")`}dataToString(){return a().ISSUE_FORMAT_SPACE+this.data.envId}};n.ExternalEnvWithoutVersion=ExternalEnvWithoutVersion},68131(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ImportFromDirectory=void 0;let ImportFromDirectory=class ImportFromDirectory extends a().ComponentIssue{description="relative import from a directory";solution="change the import statement to a specific file";data={};isCacheBlocker=!1;isTagBlocker=!1};n.ImportFromDirectory=ImportFromDirectory},13916(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ImportNonMainFiles=void 0;let ImportNonMainFiles=class ImportNonMainFiles extends a().ComponentIssue{description="importing non-main files";solution="the dependency should expose its API from the main file";data={};isCacheBlocker=!1};n.ImportNonMainFiles=ImportNonMainFiles},57333(t,n,r){"use strict";function a(){let t=r(64770);return a=function(){return t},t}function o(){let t=r(71848);return o=function(){return t},t}function i(){let t=r(11558);return i=function(){return t},t}function s(){let t=r(90477);return s=function(){return t},t}function l(){let t=r(34761);return l=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentIssue",{enumerable:!0,get:function(){return o().ComponentIssue}}),Object.defineProperty(n,"IssuesClasses",{enumerable:!0,get:function(){return a().IssuesClasses}}),Object.defineProperty(n,"IssuesList",{enumerable:!0,get:function(){return a().IssuesList}}),Object.defineProperty(n,"IssuesNames",{enumerable:!0,get:function(){return a().IssuesNames}}),Object.defineProperty(n,"MISSING_DEPS_SPACE",{enumerable:!0,get:function(){return o().ISSUE_FORMAT_SPACE}}),Object.defineProperty(n,"MISSING_NESTED_DEPS_SPACE",{enumerable:!0,get:function(){return i().MISSING_NESTED_DEPS_SPACE}}),Object.defineProperty(n,"RelativeComponentsAuthoredEntry",{enumerable:!0,get:function(){return s().RelativeComponentsAuthoredEntry}}),Object.defineProperty(n,"UntrackedFileDependencyEntry",{enumerable:!0,get:function(){return i().UntrackedFileDependencyEntry}}),Object.defineProperty(n,"renderCycles",{enumerable:!0,get:function(){return l().renderCycles}})},64770(t,n,r){"use strict";function a(){var t;let n=(t=r(22255))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(13916);return o=function(){return t},t}function i(){let t=r(45185);return i=function(){return t},t}function s(){let t=r(80377);return s=function(){return t},t}function l(){let t=r(75983);return l=function(){return t},t}function u(){let t=r(86840);return u=function(){return t},t}function c(){let t=r(9992);return c=function(){return t},t}function d(){let t=r(10398);return d=function(){return t},t}function p(){let t=r(90477);return p=function(){return t},t}function m(){let t=r(50957);return m=function(){return t},t}function f(){let t=r(11558);return f=function(){return t},t}function h(){let t=r(85316);return h=function(){return t},t}function g(){let t=r(638);return g=function(){return t},t}function b(){let t=r(19753);return b=function(){return t},t}function y(){let t=r(7364);return y=function(){return t},t}function v(){let t=r(84179);return v=function(){return t},t}function _(){let t=r(81652);return _=function(){return t},t}function w(){let t=r(43264);return w=function(){return t},t}function x(){let t=r(9264);return x=function(){return t},t}function k(){let t=r(92455);return k=function(){return t},t}function C(){let t=r(37395);return C=function(){return t},t}function j(){let t=r(68131);return j=function(){return t},t}function S(){let t=r(21587);return S=function(){return t},t}function E(){let t=r(75699);return E=function(){return t},t}function O(){let t=r(42357);return O=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.IssuesList=n.IssuesClasses=void 0;let D=n.IssuesClasses={MissingPackagesDependenciesOnFs:l().MissingPackagesDependenciesOnFs,MissingManuallyConfiguredPackages:u().MissingManuallyConfiguredPackages,UntrackedDependencies:f().UntrackedDependencies,ResolveErrors:m().ResolveErrors,RelativeComponents:d().RelativeComponents,RelativeComponentsAuthored:p().RelativeComponentsAuthored,ParseErrors:c().ParseErrors,MissingDists:s().MissingDists,LegacyInsideHarmony:h().LegacyInsideHarmony,MissingDependenciesOnFs:i().MissingDependenciesOnFs,ImportNonMainFiles:o().ImportNonMainFiles,MultipleEnvs:g().MultipleEnvs,MissingLinksFromNodeModulesToSrc:b().MissingLinksFromNodeModulesToSrc,CircularDependencies:y().CircularDependencies,DuplicateComponentAndPackage:v().DuplicateComponentAndPackage,MergeConfigHasConflict:_().MergeConfigHasConflict,NonLoadedEnv:w().NonLoadedEnv,ExternalEnvWithoutVersion:x().ExternalEnvWithoutVersion,RemovedDependencies:k().RemovedDependencies,RemovedEnv:E().RemovedEnv,DeprecatedDependencies:S().DeprecatedDependencies,SelfReference:C().SelfReference,ImportFromDirectory:j().ImportFromDirectory,LoadFailures:O().LoadFailures};let IssuesList=class IssuesList{constructor(t=[]){this._issues=t}get count(){return this._issues.length}isEmpty(){return 0===this._issues.length}outputForCLI(){return this._issues.map(t=>t.outputForCLI()).join("")}toObject(){return this._issues.map(t=>t.toObject())}toObjectWithDataAsString(){return this._issues.map(t=>({...t.toObject(),data:(0,a().default)(t.dataToString()).trim()}))}add(t){this._issues.push(t)}delete(t){this._issues=this._issues.filter(n=>n.constructor.name!==t.name)}hasTagBlockerIssues(){return this._issues.some(t=>t.isTagBlocker)}getIssue(t){return this.getIssueByName(t.name)}getIssueByName(t){return this._issues.find(n=>n.constructor.name===t)}getAllIssues(){return this._issues}getAllIssueNames(){return this._issues.map(t=>t.constructor.name)}createIssue(t){let n=new t;return this.add(n),n}getOrCreate(t){return this.getIssue(t)||this.createIssue(t)}shouldBlockSavingInCache(){return this._issues.some(t=>t.isCacheBlocker)}shouldBlockTagging(){return this._issues.some(t=>t.isTagBlocker)}filterNonTagBlocking(){return new IssuesList(this._issues.filter(t=>t.isTagBlocker))}toObjectIncludeDataAsString(){return this._issues.map(t=>({...t.toObject(),dataAsString:(0,a().default)(t.dataToString())}))}serialize(){return this._issues.map(t=>({type:t.constructor.name,data:t.serialize()}))}static deserialize(t){return Array.isArray(t)?new IssuesList(t.map(t=>{let n=t.type;if(!Object.keys(D).includes(n))throw Error(`issue type "${n}" is not recognized.
 the following are permitted ${Object.keys(D).join(", ")}`);let r=new D[n];return r.data=r.deserialize(t.data),r})):new IssuesList}};n.IssuesList=IssuesList},85316(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.LegacyInsideHarmony=void 0;let LegacyInsideHarmony=class LegacyInsideHarmony extends a().ComponentIssue{description="legacy component inside Harmony workspace";solution="remove the component and re-create it via Harmony";isTagBlocker=!0;outputForCLI(){return(0,a().formatTitle)(this.descriptionWithSolution,!1)}};n.LegacyInsideHarmony=LegacyInsideHarmony},42357(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.LoadFailures=void 0;let LoadFailures=class LoadFailures extends a().ComponentIssue{description="failed loading some aspects/envs of this component (the load continued without them)";solution='see the error details below, often resolved by running "bit install" or "bit compile"';data=[];isTagBlocker=!1;isCacheBlocker=!1;dataToString(){return this.data.map(t=>`${a().ISSUE_FORMAT_SPACE}${t.failedId} (during ${t.phase}) -> ${t.error}`).join("\n")}};n.LoadFailures=LoadFailures},81652(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.MergeConfigHasConflict=void 0;let MergeConfigHasConflict=class MergeConfigHasConflict extends a().ComponentIssue{description="merge-conflict file has unresolved conflicts";solution="edit the merge-conflict file in the workspace root and resolve the conflicts";isTagBlocker=!0;outputForCLI(){return(0,a().formatTitle)(this.descriptionWithSolution,!1)}};n.MergeConfigHasConflict=MergeConfigHasConflict},45185(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.MissingDependenciesOnFs=void 0;let MissingDependenciesOnFs=class MissingDependenciesOnFs extends a().ComponentIssue{description="non-existing dependency files";solution="make sure all files exists on your workspace";data={}};n.MissingDependenciesOnFs=MissingDependenciesOnFs},80377(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.MissingDists=void 0;let MissingDists=class MissingDists extends a().ComponentIssue{description="missing dists";solution='run "bit compile"';isTagBlocker=!1;outputForCLI(){return(0,a().formatTitle)(this.descriptionWithSolution,!1)}};n.MissingDists=MissingDists},19753(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.MissingLinksFromNodeModulesToSrc=void 0;let MissingLinksFromNodeModulesToSrc=class MissingLinksFromNodeModulesToSrc extends a().ComponentIssue{description="missing links from node_modules to source";solution='run "bit link"';isTagBlocker=!1;outputForCLI(){return(0,a().formatTitle)(this.descriptionWithSolution,!1)}};n.MissingLinksFromNodeModulesToSrc=MissingLinksFromNodeModulesToSrc},86840(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.MissingManuallyConfiguredPackages=void 0;let MissingManuallyConfiguredPackages=class MissingManuallyConfiguredPackages extends a().ComponentIssue{description="missing packages that were manually set";solution='run "bit install"';data=[];dataToString(){return a().ISSUE_FORMAT_SPACE+this.data.join(", ")}};n.MissingManuallyConfiguredPackages=MissingManuallyConfiguredPackages},75983(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.MissingPackagesDependenciesOnFs=void 0;let MissingPackagesDependenciesOnFs=class MissingPackagesDependenciesOnFs extends a().ComponentIssue{description="missing packages or links from node_modules to the source";solution='run "bit install --add-missing-deps" to fix both issues';data=[];dataToString(){return this.data.map(t=>`${a().ISSUE_FORMAT_SPACE}${t.filePath} -> ${this.formatDataFunction(t.missingPackages)}`).join("\n")}};n.MissingPackagesDependenciesOnFs=MissingPackagesDependenciesOnFs},638(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.MultipleEnvs=void 0;let MultipleEnvs=class MultipleEnvs extends a().ComponentIssue{description="multiple envs";solution='set the desired env by running "bit env set <component> <env>", if it doesn\'t work, run "bit aspect unset <component> <unwanted-env-id>". to keep troubleshooting run "bit aspect list <component-id>"';isTagBlocker=!0;dataToString(){return a().ISSUE_FORMAT_SPACE+this.data.join(", ")}};n.MultipleEnvs=MultipleEnvs},43264(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.NonLoadedEnv=void 0;let NonLoadedEnv=class NonLoadedEnv extends a().ComponentIssue{description="failed loading env";solution='run "bit install"';isTagBlocker=!0;dataToString(){return a().ISSUE_FORMAT_SPACE+this.data}};n.NonLoadedEnv=NonLoadedEnv},9992(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ParseErrors=void 0;let ParseErrors=class ParseErrors extends a().ComponentIssue{description="error found while parsing the file";solution="edit the file and fix the parsing error";data={}};n.ParseErrors=ParseErrors},90477(t,n,r){"use strict";function a(){let t=r(19100);return a=function(){return t},t}function o(){let t=r(71848);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.RelativeComponentsAuthored=void 0;let RelativeComponentsAuthored=class RelativeComponentsAuthored extends o().ComponentIssue{description="components with relative import statements found";solution='replace to module paths or use "bit link --rewire" to replace';data={};isCacheBlocker=!1;formatDataFunction=i;serialize(){return JSON.stringify(Object.keys(this.data).reduce((t,n)=>(t[n]=this.data[n].map(t=>({importSource:t.importSource,componentId:t.componentId.serialize(),relativePath:t.relativePath})),t),{}))}deserialize(t){let n=JSON.parse(t);return Object.keys(n).forEach(t=>{n[t]=n[t].map(t=>({importSource:t.importSource,componentId:a().ComponentID.deserialize(t.componentId),relativePath:t.relativePath}))}),n}};function i(t){return t.map(t=>`"${t.importSource}" (${t.componentId.toString()})`).join(", ")}n.RelativeComponentsAuthored=RelativeComponentsAuthored},10398(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.RelativeComponents=void 0;let RelativeComponents=class RelativeComponents extends a().ComponentIssue{description="components with relative import statements found";solution="use module paths for imported components";data={};isCacheBlocker=!1;deserialize(t){return(0,a().deserializeWithBitId)(t)}};n.RelativeComponents=RelativeComponents},92455(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.RemovedDependencies=void 0;let RemovedDependencies=class RemovedDependencies extends a().ComponentIssue{description="dependencies used in the code were deleted";solution='if the dependencies are no longer needed, remove them from the code. otherwise, to get it installed from main run "bit install <missing dep>". to undo the delete, run "bit recover"';isTagBlocker=!0;dataToString(){return a().ISSUE_FORMAT_SPACE+this.data.join(", ")}};n.RemovedDependencies=RemovedDependencies},75699(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.RemovedEnv=void 0;let RemovedEnv=class RemovedEnv extends a().ComponentIssue{description="the env of this component is deleted";solution='use "bit env set/replace" to set a new env or a different version of this env. to undo the delete, run "bit recover"';isTagBlocker=!0;dataToString(){return a().ISSUE_FORMAT_SPACE+this.data}};n.RemovedEnv=RemovedEnv},34761(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}Object.defineProperty(n,"__esModule",{value:!0}),n.renderCycles=function(t){if(!t.length)return"No circular dependencies found";let n=t.length;return"\n"+t.map((t,r)=>{var i,s;let l,u,c,d,p,m=t.length-1,{names:f,scope:h,version:g}=(c=1===new Set((u=t.slice(0,-1).map(t=>{let n=t.lastIndexOf("@"),r=n>0?t.slice(n+1):void 0,a=n>0?t.slice(0,n):t,o=a.lastIndexOf("/");return{scope:o>0?a.slice(0,o):void 0,name:o>0?a.slice(o+1):a,version:r}})).map(t=>t.scope)).size?u[0].scope:void 0,d=1===new Set(u.map(t=>t.version)).size?u[0].version:void 0,{names:u.map(t=>{let n=c?t.name:t.scope?`${t.scope}/${t.name}`:t.name;return!d&&t.version&&(n+=`@${t.version}`),n}),scope:c,version:d}),b=(i=n>1?r:void 0,p="",n>1&&void 0!==i?p+=`Cycle ${i+1} of ${n}`:p+="Cycle",p+=1===m?" - self-dependency":` - ${m} components`,h&&(p+=`   (scope: ${h})`),g&&(p+=`  @${g}`),a().default.bold(p));return 1===m?(s=f[0],l=`  ${a().default.cyan(s)}  \u{27F2}`):l=f.reduce((t,n)=>t+n.length,0)+(f.length-1)*8+6<=90?function(t){let n=[],r=[];for(let i=0;i<t.length;i++)n.push(a().default.cyan(t[i])),r.push(t[i]),i<t.length-1&&(n.push(a().default.dim(o)),r.push(o));let i=n.join(""),s=r.join("").length,l=a().default.red("  \u2500\u2500\u2500\u2518"),u=s+6;return[a().default.red("\u250C")+a().default.red("\u2500".repeat(u-2))+a().default.red("\u2510")," ".repeat(u-1)+a().default.red("\u2502"),a().default.red("\u25BC")+" ".repeat(u-2)+a().default.red("\u2502"),i+l].join("\n")}(f):function(t){let n=[];for(let r=0;r<t.length;r++)n.push(a().default.cyan(t[r])),r<t.length-1&&(n.push(a().default.dim("  \u2502")),n.push(a().default.dim("  \u25BC")));return n.push(a().default.red("  \u2570\u2500\u2500\u2500\u25B6 ")+a().default.cyan(t[0])+a().default.dim("  (back to start)")),n.join("\n")}(f),`${b}
@@ -430,7 +430,7 @@ ${l}`}).join("\n\n")+"\n"};let o="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
       }
     }
   }
-`;let p=(0,u.createContext)(void 0)},33006(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompareSidebar=function({groups:t,selectedId:n,selectedFile:r,onSelect:a,loading:o,className:i,defaultExpandFiles:s}){return(0,u.jsxs)("div",{className:`${p.default.sidebar}${i?` ${i}`:""}`,children:[(0,u.jsxs)("div",{className:p.default.sidebarHeader,children:[(0,u.jsx)("span",{className:p.default.sidebarTitle,children:"Components"}),n&&(0,u.jsx)("button",{className:p.default.clearSelectionLink,onClick:()=>a(""),children:"Clear"})]}),(0,u.jsxs)("div",{className:p.default.sidebarContent,children:[o&&(0,u.jsx)("div",{className:p.default.sidebarLoading,children:Array.from({length:8}).map((t,n)=>(0,u.jsx)("div",{className:p.default.sidebarSkeleton,children:(0,u.jsx)("div",{className:p.default.skeleton,style:{width:`${60+n%3*20}%`,height:"12px"}})},n))}),!o&&t.map(o=>(0,u.jsx)(m,{group:o,selectedId:n,selectedFile:r,onSelect:a,isSingleGroup:1===t.length,defaultExpandFiles:s},o.key))]})]})};let u=r(11684),c=s(r(12888)),d=r(516),p=l(r(51879));function m({group:t,selectedId:n,selectedFile:r,onSelect:a,isSingleGroup:o,defaultExpandFiles:i}){let[s,l]=(0,c.useState)(!1);return(0,u.jsxs)("div",{className:p.default.sidebarGroup,children:[!o&&(0,u.jsxs)("button",{className:p.default.sidebarGroupHeader,onClick:()=>l(!s),children:[(0,u.jsx)(d.Icon,{of:"fat-arrow-down",className:`${p.default.chevron} ${s?p.default.chevronCollapsed:""}`}),t.icon&&(0,u.jsx)(d.Icon,{of:t.icon}),(0,u.jsx)("span",{className:p.default.groupLabel,children:t.label}),(0,u.jsx)("span",{className:p.default.groupCount,children:t.items.length})]}),!s&&(0,u.jsx)("div",{className:p.default.sidebarItems,children:t.items.map(t=>(0,u.jsx)(f,{item:t,isSelected:n===t.id,selectedFile:n===t.id?r:void 0,onSelect:a,defaultExpand:i},t.id))})]})}function f({item:t,isSelected:n,selectedFile:r,onSelect:a,defaultExpand:o}){var i;let[s,l]=(0,c.useState)(o??!1),m=t.files&&t.files.length>0;return(0,c.useEffect)(()=>{o&&m&&l(!0)},[o,m]),(0,u.jsxs)("div",{className:p.default.componentItemWrapper,children:[(0,u.jsxs)("button",{className:`${p.default.sidebarItem} ${n&&!r?p.default.sidebarItemSelected:""}`,onClick:()=>a(t.id),children:[m?(0,u.jsx)("span",{className:`${p.default.fileChevron} ${s?"":p.default.chevronCollapsed}`,role:"button",tabIndex:0,"aria-label":s?"Collapse files":"Expand files",onClick:t=>{t.stopPropagation(),l(!s)},onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),t.stopPropagation(),l(!s))},children:(0,u.jsx)(d.Icon,{of:"fat-arrow-down",className:p.default.chevronIcon})}):(0,u.jsx)("span",{className:p.default.fileChevronPlaceholder}),t.envIcon?(0,u.jsx)("img",{src:t.envIcon,className:p.default.envIcon,alt:""}):(0,u.jsx)("span",{className:p.default.envIconPlaceholder}),(0,u.jsx)("span",{className:p.default.componentName,children:t.name}),t.sourceIndicator&&(0,u.jsx)("span",{className:p.default.sourceIndicator,children:t.sourceIndicator}),t.status&&(0,u.jsx)("span",{className:`${p.default.componentStatus} ${p.default[`componentStatus${t.status}`]||""}`,children:h[i=t.status]||i}),m&&(0,u.jsx)("span",{className:p.default.fileCount,children:t.files.length})]}),s&&m&&(0,u.jsx)("div",{className:p.default.fileTree,children:t.files.map(o=>(0,u.jsxs)("button",{className:`${p.default.fileItem} ${r===o.name&&n?p.default.fileItemSelected:""}`,onClick:()=>a(t.id,o.name),children:[(0,u.jsx)("span",{className:`${p.default.fileStatus} ${o.status?p.default[`fileStatus${o.status}`]:""}`}),(0,u.jsx)("span",{className:p.default.fileName,children:o.name}),o.status&&"UNCHANGED"!==o.status&&(0,u.jsx)("span",{className:`${p.default.fileStatusLabel} ${p.default[`fileStatusLabel${o.status}`]||""}`,children:"NEW"===o.status?"N":"DELETED"===o.status?"D":"M"})]},o.name))})]})}let h={NEW:"New",SOURCE_CODE:"Modified",DEPENDENCY:"Modified",ASPECTS:"Modified",MODIFIED:"Modified",DELETED:"Deleted"}},90211(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.CompareToolbarActions=function({viewMode:t,diffMode:n,onDiffModeChange:r,depsShowAll:a,onDepsShowAllChange:l}){return"code"===t||"config"===t||"tests"===t?(0,o.jsx)(i.ToggleButton,{onOptionSelect:t=>r(0===t?"split":"unified"),defaultIndex:+("split"!==n),options:[{value:"split",element:(0,o.jsx)("span",{children:"Split"})},{value:"unified",element:(0,o.jsx)("span",{children:"Unified"})}],className:s.default.diffModeToggle}):"dependencies"===t?(0,o.jsx)(i.ToggleButton,{onOptionSelect:t=>l(1===t),defaultIndex:+!!a,options:[{value:"changed",element:(0,o.jsx)("span",{children:"Changed"})},{value:"all",element:(0,o.jsx)("span",{children:"All"})}],className:s.default.diffModeToggle}):null};let o=r(11684);a(r(12888));let i=r(38211),s=a(r(36666))},38709(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.CompareToolbar=function({viewMode:t,onViewModeChange:n,groupBy:r,onGroupByChange:a,endActions:p,counts:m,showCounts:f=!0,loading:h,viewModes:g,groupByOptions:b,componentOptions:y,selectedComponents:v,onSelectedComponentsChange:_,searchPlaceholder:w="Search components",className:x,sidebarWidth:k}){let C=g.map(t=>({value:t.id,label:t.displayName,icon:t.icon,count:m[t.id]??0})).filter(t=>t.count>0),j=!!(b&&b.length>0&&a),S=j?Math.max(0,b.findIndex(t=>t.value===r)):0,E=C.findIndex(n=>n.value===t);return(0,o.jsxs)("div",{className:`${c.default.toolbar}${x?` ${x}`:""}`,style:k?{"--sidebar-width":`${k}px`}:void 0,children:[y&&_&&(0,o.jsx)("div",{className:c.default.toolbarSearch,children:(0,o.jsx)(u.MultiSelect,{id:"search-components",styles:d,placeholder:w,options:y,activeOptions:v||[],onChange:t=>_(t||[]),className:c.default.componentSearchSelect})}),(0,o.jsxs)("div",{className:c.default.toolbarLeft,children:[(0,o.jsx)(i.ToggleButton,{onOptionSelect:t=>{n(C[t].value)},defaultIndex:E>=0?E:0,options:C.map(t=>({value:t.value,element:(0,o.jsxs)("div",{className:c.default.toolbarOption,children:[t.icon&&(0,o.jsx)(s.Icon,{of:t.icon}),(0,o.jsx)("span",{children:t.label}),f&&(h?(0,o.jsx)("span",{className:c.default.toolbarBadgeSkeleton}):(0,o.jsx)("span",{className:c.default.toolbarBadge,children:t.count}))]})})),className:c.default.viewModeToggle}),j&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:c.default.toolbarSeparator}),(0,o.jsx)(i.ToggleButton,{onOptionSelect:t=>a(b[t].value),defaultIndex:S>=0?S:0,options:b.map(t=>({value:t.value,element:(0,o.jsx)(l.Tooltip,{content:`Group by ${t.label}`,children:(0,o.jsx)("span",{children:t.label})})})),className:c.default.groupByToggle})]})]}),p&&(0,o.jsx)("div",{className:c.default.toolbarRight,children:p})]})};let o=r(11684);a(r(12888));let i=r(38211),s=r(516),l=r(62634),u=r(30233),c=a(r(36666)),d={control:()=>({fontSize:"13px",padding:"2px 4px",height:"32px",width:"100%"}),singleValue:()=>({padding:0})}},41009(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.InlineComponentCompare=void 0,n.ComponentCompare=function(t){let{host:n,baseId:r,compareId:a,routes:o,state:i,tabs:s,className:l,hooks:p,changes:m,customUseComponent:y,Loader:_=M,baseContext:x,compareContext:C,isFullScreen:j,hidden:O=!1,compareIdOverride:D,baseIdOverride:P,...T}=t,I=(0,b.useCompareQueryParam)("baseVersion"),A=(0,c.useContext)(f.ComponentContext),R=(0,c.useContext)(f.ComponentDescriptorContext),F=(0,v.useLocation)(),L="teambit.workspace/workspace"===n,z=!L||F?.search.includes("version")||a||A.logs?.length!==0?"teambit.scope/scope":n,{component:B,loading:q,componentDescriptor:V}=(0,f.useComponent)(z,D?.toString()||a?.toString(),{skip:O||!a&&!D,customUseComponent:y,logFilters:{log:{}}}),U=(0,c.useMemo)(()=>(B?.logs||A.logs)?.slice().sort(k.sortByDateDsc)||[],[A.id.toString(),q,A.logs?.length,B?.logs?.length]),G=(0,c.useMemo)(()=>0===U.length,[U]),H=!L||G||F?.search.includes("version")||a?A.id.version:"workspace",X="workspace"===H,Y=(0,c.useMemo)(()=>X?U[0]:U.find((t,n,r)=>{if("workspace"===H||1===r.length)return!0;if(0===n)return!1;let a=n-1;return r[a].tag===H||r[a].hash===H}),[U,H,X]),W=c.default.useMemo(()=>r||I&&A.id.changeVersion(I)||Y&&A.id.changeVersion(Y.tag||Y.hash)||A.id,[q,r,I,Y?.tag,Y?.hash]),{component:Z,loading:Q,componentDescriptor:K}=(0,f.useComponent)("teambit.scope/scope",P?.toString()||W?.toString(),{customUseComponent:y,skip:O||!W&&!P,logFilters:{log:{}}}),J=Q||q,ee=a?B:A,et=`${Z?.id.toString()}-${ee?.id.toString()}`,en=(0,c.useMemo)(()=>(ee?.logs||[]).slice().reduce(w.groupByVersion,new Map),[ee?.id.toString()]),er=O||Z?.id.version?.toString()===ee?.id.version?.toString()&&!X,{loading:ea,componentCompareData:eo}=(0,g.useComponentCompareQuery)(Z?.id.toString(),ee?.id.toString(),void 0,er),{loading:ei,result:es}=(0,E.useApiDiff)(Z?.id.toString(),ee?.id.toString(),{skip:O}),el=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!eo)return null;let t=new Map;return(eo?.code||[]).forEach(n=>{t.set(n.fileName,n)}),t},[ea,J,et,eo]),eu=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!eo)return null;let t=new Map;return(eo?.aspects||[]).forEach(n=>{t.set(n.fieldName,n)}),t},[ea,J,et,eo]),ec=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!eo)return null;let t=new Map;return(eo?.tests||[]).forEach(n=>{t.set(n.fileName,n)}),t},[ea,J,et,eo]),ed=(0,c.useMemo)(()=>{if(!J&&!ei)return es??null},[J,ei,et,es]),ep=(0,c.useMemo)(()=>({compare:ee&&{model:ee,descriptor:V||R,hasLocalChanges:X},base:Z&&{model:Z,descriptor:K},loading:J,logsByVersion:en,state:i,hooks:p,baseContext:x,compareContext:C,fieldCompareDataByName:eu,fileCompareDataByName:el,testCompareDataByName:ec,apiDiffResult:ed,isFullScreen:j,hidden:O}),[ee,V,R,X,Z,K,J,en,i,p,x,C,eu,el,ec,ed,j,O]),em=(0,c.useMemo)(()=>m||function(t,n,r,a,o,i){if(!t&&!n)return null;if(!t?.version)return[S.ChangeType.NEW];if(null===r||null===a)return null;if(void 0===r||void 0===a)return;let s=[...r.values()],l=i?.hasChanges??!1;if(0===a.size&&(0===r.size||s.every(t=>"UNCHANGED"===t.status))&&!l)return[S.ChangeType.NONE];let u=[],c=["dependencies","devDependencies","extensionDependencies","packageDependencies"];return o?.size&&u.push(S.ChangeType.TESTS),r.size>0&&s.some(t=>"UNCHANGED"!==t.status)&&u.push(S.ChangeType.SOURCE_CODE),a.size>0&&u.push(S.ChangeType.ASPECTS),[...a.values()].some(t=>c.includes(t.fieldName))&&u.push(S.ChangeType.DEPENDENCY),l&&u.push("API"),u}(W,ee?.id,el,eu,ec,ed),[m,W,ee,el,eu,ec,ed]);return(0,u.jsx)(h.ComponentCompareContext.Provider,{value:ep,children:(0,u.jsx)("div",{className:(0,d.default)(N.default.componentCompareContainer,l),...T,children:(0,u.jsx)($,{...t,componentId:ee?.id?.toStringWithoutVersion()||W.toStringWithoutVersion()||A?.id?.toStringWithoutVersion(),baseVersion:W.version,compareVersion:a?.version||A.id.version,compareHasLocalChanges:X,changes:em,loading:J,Loader:_},et)})})},n.DeferredTab=z,n.NewComponentFileRegistrar=V,n.ComponentCompareHeader=G,n.RegistryFeeder=function({pairs:t}){return(0,u.jsx)(u.Fragment,{children:t.map(t=>(0,u.jsx)(X,{compareId:t.compareId},t.compareId))})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(83249),m=r(19100),f=r(30266),h=r(12066),g=r(1240),b=r(13837),y=r(52792),v=r(19304),_=r(72164),w=r(83535),x=r(28757),k=r(67741),C=r(28669),j=r(31079),S=r(33320),E=r(7110),O=r(1814),D=r(65354),N=l(r(89062));function P(){return(0,u.jsx)(j.WordSkeleton,{className:N.default.tabLoader,length:5})}function T({children:t,changed:n,changeTypeCss:r,loading:a,className:o,...i}){let s=(0,c.useMemo)(()=>n?.some(t=>t!==S.ChangeType.NONE&&t!==S.ChangeType.NEW),[n]);return a?(0,u.jsx)(P,{}):(0,u.jsxs)("div",{...i,className:(0,d.default)(N.default.compareMenuTab,o),children:[r&&s&&(0,u.jsx)("div",{className:(0,d.default)(N.default.indicator,r)}),(0,u.jsx)("div",{className:(0,d.default)(N.default.menuTab),children:t})]})}function I({tabs:t,state:n,hooks:r,changes:a}){let o=n?.tabs?.id,i=n?.tabs?.controlled,s=(0,C.extractLazyLoadedData)(t)||[],l=(0,c.useMemo)(()=>s.sort(x.sortTabs).map((t,s)=>{let l=n?!!o&&!!t?.id&&o===t.id:void 0,c=a&&t.changeType&&a.some(n=>t.changeType===n)?N.default.hasChanged:null,d=void 0===a,p=`${t.id}-tab-${c}`;return[t.id||`tab-${s}`,{...t,props:{...t.props,key:p,displayName:!d&&t.displayName||void 0,active:l,onClick:function({hooks:t,id:n}){if(t?.tabs?.onClick)return r=>t?.tabs?.onClick?.(n,r)}({id:t.id,hooks:r}),href:!i&&t.props?.href||void 0,activeClassName:!d&&N.default.activeNav||N.default.loadingNav,className:N.default.navItem,children:(0,u.jsx)(T,{loading:d,changeTypeCss:c,changed:a,children:t.props?.children},p)}}]}),[s.length,o,a,a?.length]),d=(0,c.useMemo)(()=>l.filter(([,t])=>!t.widget),[l.length,o,a?.length,a]),p=(0,c.useMemo)(()=>l.filter(([,t])=>t.widget),[l.length,o,a?.length,a]);return(0,u.jsx)("div",{className:N.default.navContainer,children:(0,u.jsx)(f.CollapsibleMenuNav,{navPlugins:d,widgetPlugins:p})})}function M({className:t,...n}){return(0,u.jsxs)("div",{className:t,...n,children:[(0,u.jsx)(j.BlockSkeleton,{className:N.default.navLoader,lines:3}),(0,u.jsxs)("div",{className:N.default.compareLoader,children:[(0,u.jsx)("div",{className:N.default.compareViewLoader,children:(0,u.jsx)(j.BlockSkeleton,{lines:30})}),(0,u.jsx)("div",{className:N.default.compareSidebarLoader,children:(0,u.jsx)(j.BlockSkeleton,{lines:30})})]})]})}function $(t){let{routes:n,state:r,loading:a,Loader:o=M,baseVersion:i,compareVersion:s,compareHasLocalChanges:l,componentId:c,hidden:p}=t,m=r?.versionPicker?.element!==null;return(0,u.jsxs)(u.Fragment,{children:[m&&(0,u.jsx)("div",{className:N.default.top,children:r?.versionPicker?.element||(0,u.jsx)(y.ComponentCompareVersionPicker,{componentId:c,baseVersion:i,compareVersion:s,compareHasLocalChanges:l,host:t.host,customUseComponent:t.customUseComponent})}),a&&!p&&(0,u.jsx)(o,{className:(0,d.default)(N.default.loader)}),!a&&(0,u.jsxs)("div",{className:(0,d.default)(N.default.bottom,p&&N.default.hidden),children:[(0,u.jsx)(I,{...t}),((0,C.extractLazyLoadedData)(n)||[]).length>0&&(0,u.jsx)(_.SlotRouter,{routes:(0,C.extractLazyLoadedData)(n)||[]}),r?.tabs?.element]})]})}let A=[],R=!1;function F(t){return A.push(t),R||(R=!0,requestAnimationFrame(function t(){let n=A.shift();n&&(0,c.startTransition)(n),A.length>0?requestAnimationFrame(t):R=!1})),()=>{let n=A.indexOf(t);-1!==n&&A.splice(n,1)}}let L=(0,c.forwardRef)(function({name:t,baseId:n,compareId:r,baseVersion:a,compareVersion:o,baseUrl:i,compareUrl:s,envIcon:l,changeTags:d,accentColor:p,tabs:m,allTabs:f,children:h,className:g,host:b="teambit.scope/scope",baseOverride:y,compareOverride:v,dataAttributes:_},w){let x=(0,c.useRef)(null),[k,C]=(0,c.useState)(!1),j=c.default.useCallback(t=>{x.current=t,"function"==typeof w?w(t):w&&(w.current=t)},[w]);return(0,c.useEffect)(()=>{let t,n=x.current;if(!n)return;let r=new IntersectionObserver(([n])=>{n.isIntersecting&&(r.disconnect(),t=F(()=>C(!0)))},{rootMargin:"400px 0px"});return r.observe(n),()=>{r.disconnect(),t?.()}},[]),(0,u.jsxs)("div",{ref:j,className:`${N.default.componentCompare} ${g||""}`,"data-component-id":r.split("@")[0],style:p?{"--component-accent":p}:void 0,..._,children:[(0,u.jsx)(G,{name:t,componentId:r.split("@")[0],envIcon:l,baseVersion:a,compareVersion:o,baseUrl:i,compareUrl:s,changeTags:d}),!n&&!!r&&(0,u.jsx)(V,{compareId:r}),!k&&(0,u.jsx)(H,{lines:4,className:N.default.sectionPlaceholder}),k&&(0,u.jsxs)(q,{baseId:n,compareId:r,host:b,baseOverride:y,compareOverride:v,children:[f?f.map(t=>(0,u.jsx)(z,{tabId:t.id,lazy:t.lazy,children:t.element},t.id)):m&&m.map(t=>(0,u.jsx)("div",{children:t.element},t.id)),h]})]})});function z({tabId:t,children:n,lazy:r}){let a=(0,c.useRef)(null),[o,i]=(0,c.useState)(!r);return(0,c.useEffect)(()=>{let t;if(o)return;let n=a.current;if(!n)return;let r=new IntersectionObserver(([n])=>{n.isIntersecting&&(r.disconnect(),t=F(()=>i(!0)))},{rootMargin:"600px 0px"});return r.observe(n),()=>{r.disconnect(),t?.()}},[o]),(0,u.jsx)("div",{ref:a,"data-tab-id":t,children:o?n:(0,u.jsx)(H,{lines:1})})}n.InlineComponentCompare=c.default.memo(L);let B=new Map;function q({baseId:t,compareId:n,host:r="teambit.scope/scope",baseOverride:a,compareOverride:o,children:i}){let s=!t&&!!n,{component:l,componentDescriptor:d}=(0,f.useComponent)(r,t,{skip:!t||!!a,context:{batch:!0}}),{component:m,componentDescriptor:g}=(0,f.useComponent)(r,n,{skip:!n||!!o,context:{batch:!0}}),b=a?.model??l,y=a?.descriptor??d,v=o?.model??m,_=o?.descriptor??g,w=!t||!!b,x=!n||!!v,k=(0,O.useCompareData)(),C=n?k?.compareDataFor(n):void 0,j=!s&&!!n&&void 0===C,{fileTree:S,loading:E}=(0,p.useCode)(s?v?.id:void 0),D=(0,c.useMemo)(()=>{if(s){if(E||!S)return;let t=new Map;return S.forEach(n=>{t.set(n,{fileName:n,baseContent:"",compareContent:void 0,status:"NEW"})}),t}if(j)return;if(!C)return null;let t=new Map;return(C.code||[]).forEach(n=>{t.set(n.fileName,n)}),t},[s,E,S,j,C]),N=(0,c.useMemo)(()=>{if(j)return;if(!C)return null;let t=new Map;return(C.aspects||[]).forEach(n=>t.set(n.fieldName,n)),t},[j,C]),P=(0,c.useMemo)(()=>{if(j)return;if(!C)return null;let t=new Map;return(C.tests||[]).forEach(n=>t.set(n.fileName,n)),t},[j,C]),T=(0,c.useMemo)(()=>({base:b?{model:b,descriptor:y}:void 0,compare:v?{model:v,descriptor:_,hasLocalChanges:o?.hasLocalChanges}:void 0,loading:j,logsByVersion:B,fileCompareDataByName:D,fieldCompareDataByName:N,testCompareDataByName:P,isFullScreen:!1,hidden:!1}),[b,y,v,_,o?.hasLocalChanges,j,D,N,P]);return w&&x?(0,u.jsx)(h.ComponentCompareContext.Provider,{value:T,children:i}):(0,u.jsx)(H,{lines:2})}function V({compareId:t}){let n=(0,c.useMemo)(()=>m.ComponentID.fromString(t),[t]),{fileTree:r,loading:a}=(0,p.useCode)(n),o=(0,c.useMemo)(()=>{if(!a&&r?.length)return r.map(t=>({name:t,status:"NEW"}))},[a,r]);return(0,D.useFileRegistryRegister)(t.split("@")[0],o),null}function U({componentId:t}){let n=(0,D.useFileRegistry)(),r=t?n?.getHeaderExtras(t):void 0;return r&&0!==r.length?(0,u.jsx)(u.Fragment,{children:r.map(({view:t,text:n})=>(0,u.jsx)("span",{className:N.default.headerExtra,"data-header-extra-view":t,children:n},t))}):null}function G({name:t,componentId:n,envIcon:r,baseVersion:a,compareVersion:o,baseUrl:i,compareUrl:s,changeTags:l}){return(0,u.jsxs)("div",{className:N.default.header,children:[(0,u.jsxs)("div",{className:N.default.headerLeft,children:[r?(0,u.jsx)("img",{src:r,className:N.default.envIcon,alt:""}):(0,u.jsx)("span",{className:N.default.envIconPlaceholder}),(0,u.jsx)("span",{className:N.default.componentName,children:t})]}),(0,u.jsxs)("div",{className:N.default.headerRight,children:[(0,u.jsx)(U,{componentId:n}),l&&l.length>0&&(0,u.jsx)("div",{className:N.default.changeTags,children:l.map(t=>(0,u.jsx)("span",{className:N.default.changeTag,style:{color:t.color,background:`${t.color}14`},children:t.label},t.label))}),(0,u.jsxs)("div",{className:N.default.versions,children:[a&&(i?(0,u.jsx)("a",{className:N.default.versionHash,href:i,target:"_blank",rel:"noopener noreferrer",children:a}):(0,u.jsx)("span",{className:N.default.versionHash,children:a})),a&&o&&(0,u.jsx)("span",{className:N.default.versionArrow,children:"\u2192"}),o&&(s?(0,u.jsx)("a",{className:N.default.versionHash,href:s,target:"_blank",rel:"noopener noreferrer",children:o}):(0,u.jsx)("span",{className:N.default.versionHash,children:o}))]})]})]})}function H({lines:t=3,className:n}){return(0,u.jsx)("div",{className:(0,d.default)(N.default.skeleton,n),children:Array.from({length:t}).map((t,n)=>(0,u.jsx)("div",{className:N.default.skeletonBar,style:{width:`${40+n%3*20}%`}},n))})}function X({compareId:t}){let n=(0,O.useCompareData)(),r=n?.compareDataFor(t),a=t.split("@")[0],o=(0,c.useMemo)(()=>{if(void 0!==r)return null===r?[]:(r.code||[]).filter(t=>"UNCHANGED"!==t.status).map(t=>({name:t.fileName,status:t.status}))},[r]);return(0,D.useFileRegistryRegister)(a,o),null}},4361(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.DepsFilterProvider=function({showAll:t,children:n}){return(0,l.jsx)(c.Provider,{value:t,children:n})},n.useDepsFilter=function(){return(0,u.useContext)(c)};let l=r(11684),u=s(r(12888)),c=(0,u.createContext)(!1)},16275(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.DiffModeProvider=function({mode:t,children:n}){return(0,l.jsx)(c.Provider,{value:t,children:n})},n.useDiffMode=function(){return(0,u.useContext)(c)};let l=r(11684),u=s(r(12888)),c=(0,u.createContext)("split")},65354(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.FileRegistryProvider=function({children:t}){let n=(0,u.useRef)(void 0);return n.current||(n.current=new ComponentRegistry),(0,l.jsx)(m.Provider,{value:n.current,children:t})},n.useFileRegistry=function(){let t=(0,u.useContext)(m),n=(0,u.useCallback)(n=>t?.subscribe(n)??(()=>{}),[t]),r=(0,u.useCallback)(()=>t?.getVersion()??0,[t]);return(0,u.useSyncExternalStore)(n,r,r),t},n.useFileRegistryRegister=function(t,n){let r=(0,u.useContext)(m),a=f(n);(0,u.useEffect)(()=>{r&&t&&n&&r.register(t,n)},[r,t,a])},n.useAspectRegistryRegister=function(t,n){let r=(0,u.useContext)(m),a=f(n);(0,u.useEffect)(()=>{r&&t&&n&&r.registerAspects(t,n)},[r,t,a])},n.useCompositionsRegistryRegister=function(t,n){let r=(0,u.useContext)(m);(0,u.useEffect)(()=>{r&&t&&void 0!==n&&r.registerCompositions(t,n)},[r,t,n])},n.useHeaderExtraRegister=function(t,n,r){let a=(0,u.useContext)(m);(0,u.useEffect)(()=>{a&&t&&void 0!==r&&a.registerHeaderExtra(t,n,r)},[a,t,n,r])};let l=r(11684),u=s(r(12888));function c(t){return t.map(t=>`${t.name}:${t.status??""}`).join("|")}let ComponentRegistry=class ComponentRegistry{constructor(){this.files=new Map,this.aspectFiles=new Map,this.apiEntries=new Map,this.headerExtras=new Map,this.compositions=new Map,this.listeners=new Set,this.version=0,this.flushedVersion=0,this.pendingNotify=!1}register(t,n){let r=this.files.get(t);r&&c(r)===c(n)||(this.files.set(t,n),this.notify())}getFiles(t){return this.files.get(t)}registerAspects(t,n){let r=this.aspectFiles.get(t);r&&c(r)===c(n)||(this.aspectFiles.set(t,n),this.notify())}getAspectFiles(t){return this.aspectFiles.get(t)}registerApiEntries(t,n){let r=this.apiEntries.get(t);r&&c(r)===c(n)||(this.apiEntries.set(t,n),this.notify())}getApiEntries(t){return this.apiEntries.get(t)}registerHeaderExtra(t,n,r){let a=this.headerExtras.get(t);a?.get(n)!==r&&(a||(a=new Map,this.headerExtras.set(t,a)),a.set(n,r),this.notify())}getHeaderExtras(t){let n=this.headerExtras.get(t);return n?[...n.entries()].map(([t,n])=>({view:t,text:n})):[]}registerCompositions(t,n){this.compositions.get(t)!==n&&(this.compositions.set(t,n),this.notify())}getHasCompositions(t){return this.compositions.get(t)}subscribe(t){return this.listeners.add(t),()=>{this.listeners.delete(t)}}getVersion(){return this.version}notify(){this.version+=1,this.pendingNotify||(this.pendingNotify=!0,queueMicrotask(()=>{this.pendingNotify=!1,this.version!==this.flushedVersion&&(this.flushedVersion=this.version,[...this.listeners].forEach(t=>t()))}))}};let d="__teambitComponentCompareFileRegistryContext__",p=globalThis,m=p[d]||(p[d]=(0,u.createContext)(void 0));function f(t){return void 0===t?void 0:c(t)}},27872(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.RegistryFeeder=n.COMPARE_PAGE_SIZE=n.useCompareData=n.CompareDataProvider=n.ComponentCompareHeader=n.InlineComponentCompare=n.CompareSidebar=n.CompareToolbarActions=n.CompareToolbar=n.useHeaderExtraRegister=n.useCompositionsRegistryRegister=n.useAspectRegistryRegister=n.useFileRegistryRegister=n.useFileRegistry=n.FileRegistryProvider=n.useDepsFilter=n.DepsFilterProvider=n.useDiffMode=n.DiffModeProvider=n.ComponentCompare=void 0;var a=r(41009);Object.defineProperty(n,"ComponentCompare",{enumerable:!0,get:function(){return a.ComponentCompare}});var o=r(16275);Object.defineProperty(n,"DiffModeProvider",{enumerable:!0,get:function(){return o.DiffModeProvider}}),Object.defineProperty(n,"useDiffMode",{enumerable:!0,get:function(){return o.useDiffMode}});var i=r(4361);Object.defineProperty(n,"DepsFilterProvider",{enumerable:!0,get:function(){return i.DepsFilterProvider}}),Object.defineProperty(n,"useDepsFilter",{enumerable:!0,get:function(){return i.useDepsFilter}});var s=r(65354);Object.defineProperty(n,"FileRegistryProvider",{enumerable:!0,get:function(){return s.FileRegistryProvider}}),Object.defineProperty(n,"useFileRegistry",{enumerable:!0,get:function(){return s.useFileRegistry}}),Object.defineProperty(n,"useFileRegistryRegister",{enumerable:!0,get:function(){return s.useFileRegistryRegister}}),Object.defineProperty(n,"useAspectRegistryRegister",{enumerable:!0,get:function(){return s.useAspectRegistryRegister}}),Object.defineProperty(n,"useCompositionsRegistryRegister",{enumerable:!0,get:function(){return s.useCompositionsRegistryRegister}}),Object.defineProperty(n,"useHeaderExtraRegister",{enumerable:!0,get:function(){return s.useHeaderExtraRegister}});var l=r(38709);Object.defineProperty(n,"CompareToolbar",{enumerable:!0,get:function(){return l.CompareToolbar}});var u=r(90211);Object.defineProperty(n,"CompareToolbarActions",{enumerable:!0,get:function(){return u.CompareToolbarActions}});var c=r(33006);Object.defineProperty(n,"CompareSidebar",{enumerable:!0,get:function(){return c.CompareSidebar}});var d=r(41009);Object.defineProperty(n,"InlineComponentCompare",{enumerable:!0,get:function(){return d.InlineComponentCompare}}),Object.defineProperty(n,"ComponentCompareHeader",{enumerable:!0,get:function(){return d.ComponentCompareHeader}});var p=r(1814);Object.defineProperty(n,"CompareDataProvider",{enumerable:!0,get:function(){return p.CompareDataProvider}}),Object.defineProperty(n,"useCompareData",{enumerable:!0,get:function(){return p.useCompareData}}),Object.defineProperty(n,"COMPARE_PAGE_SIZE",{enumerable:!0,get:function(){return p.COMPARE_PAGE_SIZE}});var m=r(41009);Object.defineProperty(n,"RegistryFeeder",{enumerable:!0,get:function(){return m.RegistryFeeder}})},63313(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentCompare=n.ComponentCompareContext=void 0;let a=r(12888);n.ComponentCompareContext=(0,a.createContext)(void 0),n.useComponentCompare=()=>(0,a.useContext)(n.ComponentCompareContext)},12066(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.InlineCompareEmpty=n.useComponentCompare=n.ComponentCompareContext=void 0;var a=r(63313);Object.defineProperty(n,"ComponentCompareContext",{enumerable:!0,get:function(){return a.ComponentCompareContext}}),Object.defineProperty(n,"useComponentCompare",{enumerable:!0,get:function(){return a.useComponentCompare}});var o=r(14967);Object.defineProperty(n,"InlineCompareEmpty",{enumerable:!0,get:function(){return o.InlineCompareEmpty}})},14967(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.InlineCompareEmpty=function({message:t,hint:n,baseVersion:r,compareVersion:a}){let i=!!r&&!!a,c=i&&r===a;return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:12,padding:"48px 16px",textAlign:"center"},children:[(0,o.jsx)("span",{style:{fontSize:15,fontWeight:600,color:l},children:t}),i&&(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:4},children:[(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12},children:[(0,o.jsx)(u,{version:r,tone:c?"neutral":"base"}),(0,o.jsx)("span",{style:{color:s,fontSize:16},children:"\u2192"}),(0,o.jsx)(u,{version:a,tone:c?"neutral":"compare"})]}),(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12,fontSize:11,color:s},children:[(0,o.jsx)("span",{style:{minWidth:64},children:"base"}),(0,o.jsx)("span",{style:{width:16}}),(0,o.jsx)("span",{style:{minWidth:64},children:"compare"})]})]}),n&&(0,o.jsx)("span",{style:{fontSize:13,color:"var(--on-surface-medium-color, #707279)",maxWidth:440,lineHeight:1.5},children:n})]})};let o=r(11684);a(r(12888));let i="var(--bit-accent-color, #6c5ce7)",s="var(--on-background-medium-color, #a0aec0)",l="var(--on-surface-color, #1a1a2e)";function u({version:t,tone:n}){let r="compare"===n;return(0,o.jsx)("span",{style:{fontFamily:"var(--font-family-monospace, ui-monospace, SFMono-Regular, Menlo, monospace)",fontSize:13,fontWeight:600,padding:"4px 10px",borderRadius:8,border:`1px solid ${r?i:"var(--border-medium-color, #e8ecf0)"}`,background:r?"rgba(108, 92, 231, 0.06)":"var(--surface-color, #fff)",color:r?i:l,whiteSpace:"nowrap"},children:t})}},28669(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.extractLazyLoadedData=void 0;var a=r(6758);Object.defineProperty(n,"extractLazyLoadedData",{enumerable:!0,get:function(){return a.extractLazyLoadedData}})},6758(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.extractLazyLoadedData=function(t){return(0,a.isFunction)(t)?t():t};let a=r(46746)},42007(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentCompareVersionPicker=function({className:t,compareVersion:n,baseVersion:r,componentId:a,compareHasLocalChanges:o}){let i,s=(0,m.useComponentCompare)(),l=s?.compare?.model,b=a||l?.id.toStringWithoutVersion(),y=o?"workspace":n||l?.version,v=r||s?.base?.model.version,_=s?.compare?.model,w=!s?.compare?.model.logs,x=c.default.useCallback((t=t=>!0)=>n=>({loading:w,..._,snaps:(_?.logs||[]).map(t=>({...t,version:t.hash})).filter(n=>{if(n.tag)return!1;let r=n.hash;return o||t?.(r)}),tags:(_?.logs||[]).map(t=>({...t,version:t.tag})).filter(n=>{if(!n.tag)return!1;let r=n.tag;return o||t?.(r)})}),[b,o,w,_?.logs?.length]),{tags:k,snaps:C,loading:j}=x()(),S=c.default.useCallback(t=>{let{version:n}=t||{};return h.valid(n)?k?.find(t=>t.tag===n):C?.find(t=>t.version===n)},[k.length,C.length,j]);return(0,u.jsxs)("div",{className:g.default.componentCompareVersionPicker,children:[(0,u.jsxs)("div",{className:(0,f.default)(g.default.dropdownContainer),children:[(0,u.jsx)("span",{className:(0,f.default)(g.default.rightPad,g.default.titleText),children:"Comparing"}),(0,u.jsx)(d.VersionDropdown,{className:(0,f.default)(g.default.componentCompareVersionContainer,g.default.left,t),dropdownClassName:g.default.componentCompareDropdown,placeholderClassName:g.default.componentCompareVersionPlaceholder,menuClassName:(0,f.default)(g.default.componentCompareVersionMenu,g.default.showMenuOverNav),currentVersion:v,overrideVersionHref:t=>(0,p.useUpdatedUrlFromQuery)({baseVersion:t}),disabled:(l?.logs?.length??0)<2,hasMoreVersions:(l?.logs?.length??0)>1,showVersionDetails:!0,useComponentVersions:x(t=>t!==l?.id.version),useCurrentVersionLog:(i=t=>t!==l?.id.version,t=>{let{version:n,skip:r}=t||{},a=x(i)({skip:r});return c.default.useMemo(()=>h.valid(n),[j,n])?c.default.useMemo(()=>a?.tags?.find(t=>t.tag===n),[j,k?.length,n]):c.default.useMemo(()=>a?.snaps?.find(t=>t.version===n),[j,C?.length,n])}),PlaceholderComponent:d.DetailedVersion})]}),(0,u.jsxs)("div",{className:g.default.dropdownContainer,children:[(0,u.jsx)("span",{className:g.default.titleText,children:"with"}),(0,u.jsx)(d.VersionDropdown,{className:(0,f.default)(g.default.componentCompareVersionContainer,g.default.right),dropdownClassName:g.default.componentCompareDropdown,placeholderClassName:g.default.componentCompareVersionPlaceholder,menuClassName:g.default.componentCompareVersionMenu,disabled:!0,currentVersion:y,PlaceholderComponent:d.DetailedVersion,useCurrentVersionLog:S,useComponentVersions:x(),showVersionDetails:!0})]})]})};let u=r(11684),c=l(r(12888)),d=r(5490),p=r(13837),m=r(12066),f=l(r(97500)),h=s(r(16322)),g=l(r(30280))},52792(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentCompareVersionPicker=void 0;var a=r(42007);Object.defineProperty(n,"ComponentCompareVersionPicker",{enumerable:!0,get:function(){return a.ComponentCompareVersionPicker}})},35227(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentFilterWidgetProvider=n.ComponentFilterWidgetContext=void 0;let l=r(11684),u=s(r(12888));n.ComponentFilterWidgetContext=(0,u.createContext)({filterWidgetOpen:!1,setFilterWidget:()=>{}}),n.ComponentFilterWidgetProvider=({children:t})=>{let[r,a]=(0,u.useState)(!1);return(0,l.jsx)(n.ComponentFilterWidgetContext.Provider,{value:{filterWidgetOpen:r,setFilterWidget:a},children:t})}},36129(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTreeProvider=n.ComponentTreeContext=void 0;let l=r(11684),u=s(r(12888));n.ComponentTreeContext=(0,u.createContext)({collapsed:!0,setCollapsed:()=>{}}),n.ComponentTreeProvider=({children:t})=>{let[r,a]=(0,u.useState)(!0);return(0,l.jsx)(n.ComponentTreeContext.Provider,{value:{collapsed:r,setCollapsed:a},children:t})}},36810(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsDrawer=void 0,n.TreeToggleWidget=function(){let{collapsed:t,setCollapsed:n}=(0,c.useContext)(w.ComponentTreeContext);return(0,u.jsx)("div",{className:(0,d.default)(x.default.widgetIcon,!t&&x.default.open),children:(0,u.jsx)("img",{src:t?"https://static.bit.dev/bit-icons/expand.svg":"https://static.bit.dev/bit-icons/collapse.svg",onClick:()=>n(!t)})})},n.FilterWidget=function(){let{filterWidgetOpen:t,setFilterWidget:n}=(0,c.useContext)(_.ComponentFilterWidgetContext);return(0,u.jsx)("div",{className:(0,d.default)(x.default.widgetIcon,x.default.filterWidget,t&&x.default.open),children:(0,u.jsx)("img",{src:"https://static.bit.dev/bit-icons/filter.svg",onClick:()=>n(!t)})})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(92064),m=r(30727),f=r(38348),h=r(40218),g=l(r(47065)),b=r(10685),y=r(30969),v=r(79630),_=r(35227),w=r(36129),x=l(r(64531));let ComponentsDrawer=class ComponentsDrawer{constructor(t){this.Context=({children:t})=>{let n=(0,g.default)(this.plugins?.filters?.values()||[]),r=[w.ComponentTreeProvider,_.ComponentFilterWidgetProvider,[b.ComponentFiltersProvider,{filters:n}]];return(0,u.jsx)(h.Composer,{components:r,children:t})},this.setWidgets=t=>{this.widgets=(0,g.default)(t?.values())},this.render=()=>{let{useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:o,useHost:i,id:s}=this;return(0,u.jsx)(k,{useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:o,useHost:i,id:s})},Object.assign(this,t),this.useComponents=t.useComponents,this.useLanes=t.useLanes||y.useLanes,this.emptyMessage=t.emptyMessage,this.plugins=t.plugins||{},this.setWidgets(t.plugins?.drawerWidgets),this.assumeScopeInUrl=t.assumeScopeInUrl||!1,this.useHost=t.useHost,this.transformTree=t.transformTree}};function k({useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:o,useHost:i,id:s}){let{loading:l,components:p}=t(),{lanesModel:h,loading:g}=n(),y=(0,c.useContext)(b.ComponentFilterContext),_=y?.filters||[],w=i?.(),S=(0,c.useMemo)(()=>_.length?(0,b.runAllFilters)(_,{components:p,lanes:h}):p,[_,p.length,h?.lanes.length,h?.viewedLane?.id.toString(),g]),E=(0,u.jsx)(C,{components:p,lanes:h,plugins:a}),O=(0,u.jsx)(j,{components:S,host:w,plugins:a,transformTree:o,lanesModel:h}),D=(0,u.jsx)("span",{className:(0,d.default)(m.mutedItalic,f.ellipsis,x.default.emptyDrawer),children:r});return l||g||!h||!p?(0,u.jsx)(v.ComponentTreeLoader,{}):(0,u.jsxs)("div",{className:x.default.drawerContainer,children:[E,O,0===S.length&&D]},s)}function C({components:t,lanes:n,plugins:r}){let{filterWidgetOpen:a}=(0,c.useContext)(_.ComponentFilterWidgetContext),o=r.filters,i=(0,c.useMemo)(()=>o&&(0,g.default)(o.toArray().map(([t,n])=>n.map(n=>({...n,key:`${t}-${n.id}`})))).sort((t,n)=>(t.order??0)-(n.order??0))||[],[o?.map.size,o?.values()?.length]);return i.length?(0,u.jsx)("div",{className:(0,d.default)(x.default.filtersContainer,a&&x.default.open),children:i.map(r=>(0,u.jsx)(r.render,{components:t,lanes:n,className:(0,d.default)(x.default.filter,a&&x.default.open)},r.key))}):null}function j({components:t,host:n,plugins:r,transformTree:a,lanesModel:o}){let{collapsed:i}=(0,c.useContext)(w.ComponentTreeContext),{tree:s}=r,l=(0,c.useMemo)(()=>s?.customRenderer&&s.customRenderer(s.widgets,n),[s?.customRenderer,s?.widgets.map.size,s?.widgets.values().length]);return t.length>0?(0,u.jsx)("div",{className:x.default.drawerTreeContainer,children:(0,u.jsx)(p.ComponentTree,{transformTree:a?a(n):void 0,components:t,isCollapsed:i,TreeNode:l,lanesModel:o})}):null}n.ComponentsDrawer=ComponentsDrawer},71161(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTreeProvider=n.ComponentTreeContext=n.ComponentFilterWidgetProvider=n.ComponentFilterWidgetContext=n.TreeToggleWidget=n.FilterWidget=n.ComponentsDrawer=void 0;var a=r(36810);Object.defineProperty(n,"ComponentsDrawer",{enumerable:!0,get:function(){return a.ComponentsDrawer}}),Object.defineProperty(n,"FilterWidget",{enumerable:!0,get:function(){return a.FilterWidget}}),Object.defineProperty(n,"TreeToggleWidget",{enumerable:!0,get:function(){return a.TreeToggleWidget}});var o=r(35227);Object.defineProperty(n,"ComponentFilterWidgetContext",{enumerable:!0,get:function(){return o.ComponentFilterWidgetContext}}),Object.defineProperty(n,"ComponentFilterWidgetProvider",{enumerable:!0,get:function(){return o.ComponentFilterWidgetProvider}});var i=r(36129);Object.defineProperty(n,"ComponentTreeContext",{enumerable:!0,get:function(){return i.ComponentTreeContext}}),Object.defineProperty(n,"ComponentTreeProvider",{enumerable:!0,get:function(){return i.ComponentTreeProvider}})},22051(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.runAllFilters=n.ComponentFiltersProvider=n.ComponentFilterContext=void 0,n.useComponentFilter=function(t,r){let a=(0,u.useContext)(n.ComponentFilterContext),o=a?.filters.find(n=>n.id===t)||{id:t,render:()=>null,match:()=>!0,state:r,order:0};return(0,u.useEffect)(()=>{a&&void 0!==r&&d(a,{...o,state:r})},[t]),[o,t=>{let n=(0,c.isFunction)(t)?t(o):t;a&&d(a,n)}]},n.useComponentFilters=function(){let t=(0,u.useContext)(n.ComponentFilterContext);return t?[t.filters,t.setFilters]:void 0};let l=r(11684),u=s(r(12888)),c=r(46746);n.ComponentFilterContext=(0,u.createContext)(void 0);let d=(t,n)=>{t.setFilters(t=>t.map(t=>t.id===n?.id?n:t))};n.ComponentFiltersProvider=({children:t,filters:r=[]})=>{let[a,o]=(0,u.useState)(r||[]);return(0,l.jsx)(n.ComponentFilterContext.Provider,{value:{filters:a,setFilters:o},children:t})},n.runAllFilters=(t,{components:n,lanes:r})=>n.filter(n=>t.every(t=>t.match({component:n,lanes:r},t.state)))},10685(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentFilters=n.useComponentFilter=n.runAllFilters=n.ComponentFilterContext=n.ComponentFiltersProvider=void 0;var a=r(22051);Object.defineProperty(n,"ComponentFiltersProvider",{enumerable:!0,get:function(){return a.ComponentFiltersProvider}}),Object.defineProperty(n,"ComponentFilterContext",{enumerable:!0,get:function(){return a.ComponentFilterContext}}),Object.defineProperty(n,"runAllFilters",{enumerable:!0,get:function(){return a.runAllFilters}}),Object.defineProperty(n,"useComponentFilter",{enumerable:!0,get:function(){return a.useComponentFilter}}),Object.defineProperty(n,"useComponentFilters",{enumerable:!0,get:function(){return a.useComponentFilters}})},66699(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.DeprecateFilter=void 0;let o=r(11684),i=a(r(97500));a(r(12888));let s=r(11685),l=r(10685),u=a(r(90428));n.DeprecateFilter={id:"deprecate",match:({component:t},n)=>n||!t.deprecation?.isDeprecate,state:!1,order:0,render:function({className:t}){let r=(0,l.useComponentFilter)(n.DeprecateFilter.id);if(!r)return null;let[a,c]=r,d=a?.state;return(0,o.jsxs)("div",{className:(0,i.default)(u.default.deprecateFilter,d&&u.default.active,t),children:[(0,o.jsxs)("div",{className:u.default.filterIcon,children:[(0,o.jsx)("img",{src:"https://static.bit.dev/bit-icons/deprecated.svg"}),(0,o.jsx)("span",{className:u.default.filterIconLabel,children:"Deprecated"})]}),(0,o.jsx)("div",{children:(0,o.jsx)(s.Toggle,{defaultChecked:d,onInputChanged:()=>c(t=>({...t,state:!d}))})})]})}}},95719(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.DeprecateFilter=void 0;var a=r(66699);Object.defineProperty(n,"DeprecateFilter",{enumerable:!0,get:function(){return a.DeprecateFilter}})},3592(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.EnvsPlaceholder=function({onClick:t}){return(0,o.jsxs)("div",{className:c.default.filterIcon,onClick:t,children:[(0,o.jsx)("img",{src:"https://static.bit.dev/bit-icons/env.svg"}),(0,o.jsx)("span",{className:c.default.filterIconLabel,children:"Environments"}),(0,o.jsx)("div",{className:c.default.dropdownArrow,children:(0,o.jsx)("img",{src:"https://static.bit.dev/bit-icons/fat-arrow-down.svg"})})]})},n.EnvsDropdownItem=function({displayName:t,icon:n,description:r,componentId:a,id:d}){return(0,o.jsx)(l.Tooltip,{placement:"right",content:(0,o.jsx)(u.Link,{className:c.default.envLink,href:i.ComponentUrl.toUrl(a,{includeVersion:!1}),external:!0,children:d}),children:(0,o.jsxs)("div",{className:c.default.envDropdownItemContainer,children:[(0,o.jsxs)("div",{className:c.default.envDropdownItem,children:[(0,o.jsx)(s.Ellipsis,{children:t}),(0,o.jsx)("div",{className:c.default.envDropdownItemIconContainer,children:(0,o.jsx)("img",{className:c.default.envDropdownItemIcon,src:n})})]}),(0,o.jsx)("div",{className:c.default.description,children:(0,o.jsx)(s.Ellipsis,{className:c.default.descriptionText,children:r})})]})})};let o=r(11684);a(r(12888));let i=r(59004),s=r(38348),l=r(62634),u=r(19304),c=a(r(81275))},24850(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.EnvsFilter=void 0;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(30266),m=r(10685),f=r(35724),h=r(21171),g=r(3592),b=l(r(81275));n.EnvsFilter={id:"envs",match:({component:t},n)=>{let{envsState:r}=n,a=[...r.values()].every(t=>t.active),o=[...r.values()].filter(t=>t.active).map(t=>t.id);if(0===o.length||a)return!0;let i=t.environment&&p.ComponentID.tryFromString(t.environment.id)?.toStringWithoutVersion();return!!i&&o.indexOf(i)>=0},state:{envsState:new Map,dropdownState:!1},order:1,render:function({components:t,className:r,lanes:a}){let[o=[]]=(0,m.useComponentFilters)()||[],i=o.filter(t=>t.id!==n.EnvsFilter.id),s=(0,c.useMemo)(()=>(0,m.runAllFilters)(i,{components:t,lanes:a}),[JSON.stringify(i),a?.viewedLane?.id.toString()]),l=(0,c.useMemo)(()=>{let t={dropdownState:!1,envsState:new Map},n=new Set;return s.filter(t=>{let r=t.environment&&p.ComponentID.tryFromString(t.environment.id);if(!r)return!1;let a=r.toStringWithoutVersion();return!n.has(a)&&(n.add(a),!0)}).map(t=>{let n=p.ComponentID.fromString(t.environment?.id);return{displayName:n.name,id:n.toStringWithoutVersion(),description:`${n.scope}${n.namespace?"/".concat(n.namespace):""}`,icon:t.environment?.icon,componentId:n}}).forEach(n=>{t.envsState.set(n.id,{...n,active:!0})}),t},[s]),y=(0,m.useComponentFilter)(n.EnvsFilter.id,l),v=l.envsState,[_,w]=y||[],[x,k]=(0,c.useState)(!1);(0,c.useEffect)(()=>{w?.(t=>(t.state=l,t))},[s.length,a?.viewedLane?.id.toString()]);let C=[];return v.forEach(t=>{C.push({value:t.id,icon:t.icon,description:t.description,checked:!!_?.state.envsState.get(t.id)?.active,element:(0,u.jsx)(g.EnvsDropdownItem,{...t})})}),(0,u.jsx)("div",{className:(0,d.default)(b.default.envsFilterContainer,r),children:(0,u.jsx)(h.Dropdown,{open:x,onClickOutside:()=>k(!1),placeholderContent:(0,u.jsx)(g.EnvsPlaceholder,{onClick:()=>k(!x)}),bottomPlugin:(0,u.jsx)(h.ButtonsPlugin,{onClear:()=>{w?.(t=>(t.state.envsState.forEach((n,r)=>{t.state.envsState.set(r,{...n,active:!1})}),t))},onSubmit:()=>{w?.(t=>(t.state.dropdownState=!1,t)),k(!1)},submitClassName:b.default.doneButton}),dropClass:b.default.envFilterDropdown,position:"bottom",children:(0,u.jsx)("div",{className:b.default.dropdownContent,children:C.map((t,n)=>(0,u.jsx)(f.CheckboxItem,{checked:t.checked,onInputChanged:n=>{var r;let a;return r=t.value,a=n.target.checked,void w?.(t=>{a&&!t.state.dropdownState&&(t.state.dropdownState=!0);let n=t.state.envsState.get(r);return n&&t.state.envsState.set(r,{...n,active:a}),t})},children:t.element},n))})})})}}},8367(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EnvsFilter=void 0;var a=r(24850);Object.defineProperty(n,"EnvsFilter",{enumerable:!0,get:function(){return a.EnvsFilter}})},79453(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ShowMainFilter=void 0;var a=r(34659);Object.defineProperty(n,"ShowMainFilter",{enumerable:!0,get:function(){return a.ShowMainFilter}})},34659(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.ShowMainFilter=void 0;let o=r(11684),i=a(r(97500));a(r(12888));let s=r(11685),l=r(10685),u=r(29362),c=a(r(9812));function d({className:t,lanes:r}){let a=r?.viewedLane?.id.isDefault(),p=(0,l.useComponentFilter)((0,n.ShowMainFilter)().id);if(a||!p)return null;let[m,f]=p,h=m?.state;return(0,o.jsxs)("div",{className:(0,i.default)(c.default.onLaneFilter,h&&c.default.active,t),children:[(0,o.jsxs)("div",{className:c.default.filterIcon,children:[(0,o.jsx)(u.LaneIcon,{}),(0,o.jsx)("span",{className:c.default.filterIconLabel,children:"Show main"})]}),(0,o.jsx)("div",{children:(0,o.jsx)(s.Toggle,{defaultChecked:h,onInputChanged:()=>f(t=>({...t,state:!h}))})})]})}n.ShowMainFilter=(t=!1)=>({id:"onLane",match:({component:t,lanes:n},r)=>!!n?.viewedLane?.id.isDefault()||!!r||!!n?.isInViewedLane(t.id,!0),state:t,order:2,render:d})},78996(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentOverview=function({displayName:t,abstract:n,titleBadges:r,labels:a,packageName:o,elementsUrl:i,componentDescriptor:s,component:l,pkgManager:D="npm",...N}){let P="teambit.workspace/workspace"===l?.host,T=P?"Use package":"Install package",I=l?.id,M=I?.version??void 0,$=M===(l?.latest??void 0)?"":`@${(0,b.snapToSemver)(M)}`,[A,R]=c.default.useState(D),F=(0,c.useMemo)(()=>"yarn"===A?"add":"bit"===A?"install":"i",[A]),L=(0,c.useMemo)(()=>`${A} ${F} ${o}${$}`,[A,o,$,F]),z=`bit import ${I?.toStringWithoutVersion()??""}`,B=(0,c.useMemo)(()=>`Copy ${A} install command`,[A]),q=(0,c.useMemo)(()=>{switch(A){case"npm":return(0,u.jsx)("img",{alt:"npm-logo",className:E.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"});case"pnpm":return(0,u.jsx)("img",{alt:"pnpm-logo",className:E.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"});case"yarn":return(0,u.jsx)("img",{alt:"yarn-logo",className:E.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"});case"bit":return(0,u.jsx)(C.Icon,{className:E.default.bit,of:"bit-logo-mono"});default:return null}},[A]),V=[{component:function(){return(0,u.jsx)("span",{children:T})},content:P?(0,u.jsx)(y.CopyBox,{className:E.default.copyBox,children:o}):(0,u.jsx)(y.CopyBox,{className:E.default.copyBox,copyText:L,Tooltip:({children:t})=>(0,u.jsx)(S.Tooltip,{placement:"right",content:B,children:t}),CopyIcon:(0,u.jsx)(S.Tooltip,{content:B,children:(0,u.jsx)(C.Icon,{className:E.default.copyIcon,of:"copy-cmp"})}),CopyWidget:(0,u.jsx)("div",{className:E.default.copyContainer,children:(0,u.jsx)(g.Dropdown,{className:E.default.pkgManagerDropdown,dropClass:E.default.pkgManagerMenu,placeholder:(0,u.jsxs)("div",{className:E.default.pkgManagerPlaceholder,children:[q,(0,u.jsx)(C.Icon,{of:"fat-arrow-down"})]}),clickOutside:!0,clickPlaceholderToggles:!0,position:"bottom-start",clickToggles:!0,children:(0,u.jsxs)("div",{className:E.default.pkgManagerMenuItems,children:[(0,u.jsx)("div",{className:(0,d.default)("npm"===A&&E.default.selected),onClick:()=>R("npm"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&R("npm"),"aria-label":"Select npm package manager",children:(0,u.jsx)("img",{alt:"npm-logo",className:E.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("pnpm"===A&&E.default.selected),onClick:()=>R("pnpm"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&R("pnpm"),"aria-label":"Select pnpm package manager",children:(0,u.jsx)("img",{alt:"pnpm-logo",className:E.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("yarn"===A&&E.default.selected),onClick:()=>R("yarn"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&R("yarn"),"aria-label":"Select yarn package manager",children:(0,u.jsx)("img",{alt:"yarn-logo",className:E.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("bit"===A&&E.default.selected),onClick:()=>R("bit"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&R("bit"),"aria-label":"Select bit package manager",children:(0,u.jsx)(C.Icon,{className:E.default.bit,of:"bit-logo-mono"})})]})})}),children:o})},{component:function(){return(0,u.jsx)("span",{children:"Modify component"})},content:P?(0,u.jsx)(y.CopyBox,{className:E.default.copyBox,children:I?I.toStringWithoutVersion():""}):(0,u.jsx)(y.CopyBox,{className:E.default.copyBox,copyText:z,Tooltip:({children:t})=>(0,u.jsx)(S.Tooltip,{placement:"right",content:"copy bit import command",children:t}),CopyIcon:(0,u.jsxs)("div",{className:E.default.copyContainer,children:[(0,u.jsx)("div",{children:(0,u.jsx)(C.Icon,{className:E.default.bit,of:"bit-logo-mono"})}),(0,u.jsx)("div",{children:(0,u.jsx)(C.Icon,{className:E.default.copyIcon,of:"copy-cmp"})})]}),children:I?I.toStringWithoutVersion():""})}],U=i;if(U&&!U.startsWith("http")){let t=x.isBrowser?window.location.origin:void 0;(U=t&&i?`${t}${i}`:void 0)&&V.push({component:function(){return(0,u.jsx)("span",{children:"Elements url"})},content:(0,u.jsx)(y.CopyBox,{className:E.default.copyBox,children:U})})}return(0,u.jsxs)(h.Section,{...N,children:[(0,u.jsxs)("div",{className:p.textColumn,children:[(0,u.jsxs)(k.Row,{className:E.default.titleRow,children:[(0,u.jsx)("div",{className:E.default.componentTitle,children:(0,u.jsx)(m.H1,{className:E.default.title,children:t})}),(0,u.jsx)(O,{position:j.BadgePosition.Title,componentDescriptor:s,component:l,badges:r})]}),(0,u.jsx)(k.Row,{children:n&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(w.Subtitle,{className:E.default.subTitle,children:n}),(0,u.jsx)(O,{position:j.BadgePosition.SubTitle,componentDescriptor:s,component:l,badges:r})]})}),(0,u.jsxs)(k.Row,{children:[(0,u.jsx)(f.LabelList,{children:a}),(0,u.jsx)(O,{position:j.BadgePosition.Labels,componentDescriptor:s,component:l,badges:r})]}),(0,u.jsxs)(k.Row,{children:[(0,u.jsx)("div",{className:E.default.contentTabs,children:(0,u.jsx)(_.ContentTabs,{priority:"folder",tabs:V,navClassName:E.default.nav,tabClassName:E.default.tab})}),(0,u.jsx)(O,{position:j.BadgePosition.Package,componentDescriptor:s,component:l,badges:r})]})]}),(0,u.jsx)(v.Separator,{isPresentational:!0})]})},n.BadgeSection=O;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(80460),m=r(75066),f=r(61529),h=r(55646),g=r(57699),b=r(71118),y=r(53490),v=r(15065),_=r(13932),w=r(78267),x=r(5286),k=r(34662),C=r(29751),j=r(82894),S=r(62634),E=l(r(72145));function O({badges:t,position:n,componentDescriptor:r,component:a}){return(0,u.jsx)("div",{className:E.default.badgeContainer,children:t?.filter(t=>n===j.BadgePosition.Title&&!t.position||t.position===n)?.sort((t,n)=>(t.weight??0)-(n.weight??0))?.map((t,n)=>(0,u.jsx)(t.component,{componentDescriptor:r,legacyComponentModel:a},n))})}},71169(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BadgeSection=n.ComponentOverview=void 0;var a=r(78996);Object.defineProperty(n,"ComponentOverview",{enumerable:!0,get:function(){return a.ComponentOverview}}),Object.defineProperty(n,"BadgeSection",{enumerable:!0,get:function(){return a.BadgeSection}})},72917(t,n){"use strict";var r,a;Object.defineProperty(n,"__esModule",{value:!0}),n.JobStatus=void 0,(a=r||(n.JobStatus=r={})).fail="fail",a.pass="pass",a.running="running",a.pending="pending"},24654(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.JobStatus=n.VersionBlock=void 0;var a=r(49462);Object.defineProperty(n,"VersionBlock",{enumerable:!0,get:function(){return a.VersionBlock}});var o=r(72917);Object.defineProperty(n,"JobStatus",{enumerable:!0,get:function(){return o.JobStatus}})},49462(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionBlock=function({isLatest:t,className:n,snap:r,componentId:a,isCurrent:o,collapsed:i=!1,onToggleCollapse:s,allExpanded:l=!1,...m}){var C;let{username:j,displayName:S,email:E,profileImage:O,message:D,tag:N,hash:P,date:T,deprecated:I}=r,{lanesModel:M}=(0,y.useLanes)(),$=M?.isViewingNonDefaultLane()?`${v.LanesModel.getLaneUrl(M.viewedLane.id)}${v.LanesModel.baseLaneComponentRoute}`:"",A=N||P,R=!!N,F=N?`v${N}`:P.slice(0,7),L=(0,g.useMemo)(()=>({displayName:S||j||"",email:E||"",name:j||"",profileImage:O||""}),[S,j,E,O]),{pathname:z}=(0,f.useLocation)()||{},B=z?.replace(/\/~changelog.*$/,"")||"",q=$?`${$}/${a}?version=${A}`:`${B}?version=${A}`,{firstLine:V,rest:U}=(C=D,(0,g.useMemo)(()=>{if(!C)return{firstLine:"",rest:""};let t=C.split("\n");return{firstLine:t[0],rest:t.slice(1).join("\n").trim()}},[C])),[G,H]=(0,g.useState)(!1),X=U.length>0,Y=S||j||"Unknown";return!R&&i?(0,u.jsxs)("div",{className:(0,h.default)(_.default.row,_.default.snapRow,_.default.collapsedRow,n),onClick:s,role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&s?.(),...m,children:[(0,u.jsx)("div",{className:_.default.dateCol,children:(0,u.jsx)(d.TimeAgo,{className:_.default.dateText,date:T?parseInt(T):Date.now()})}),(0,u.jsx)("div",{className:_.default.dotCol,children:(0,u.jsx)("div",{className:_.default.snapDotOuter,children:(0,u.jsx)("div",{className:_.default.snapDotInner})})}),(0,u.jsx)("div",{className:_.default.contentCol,children:(0,u.jsxs)("div",{className:_.default.collapsedContent,children:[(0,u.jsx)(b.Tooltip,{placement:"bottom",content:P,children:(0,u.jsx)("span",{className:_.default.snapHash,children:F})}),(0,u.jsx)("span",{className:_.default.collapsedAuthor,children:Y}),I&&(0,u.jsx)(k,{}),(0,u.jsx)(w,{collapsed:!0,className:_.default.expandHint})]})})]}):R?(0,u.jsxs)("div",{className:(0,h.default)(_.default.row,_.default.tagRow,n),...m,children:[(0,u.jsx)("div",{className:_.default.dateCol,children:(0,u.jsx)(d.TimeAgo,{className:_.default.dateText,date:T?parseInt(T):Date.now()})}),(0,u.jsx)("div",{className:_.default.dotCol,children:(0,u.jsx)("div",{className:_.default.tagDotOuter,children:(0,u.jsx)("div",{className:_.default.tagDotRing,children:(0,u.jsx)("div",{className:_.default.tagDotInner})})})}),(0,u.jsx)("div",{className:_.default.contentCol,children:(0,u.jsxs)("div",{className:(0,h.default)(_.default.tagCard,l&&_.default.tagCardBordered),children:[(0,u.jsxs)("div",{className:_.default.headerRow,children:[(0,u.jsx)(b.Tooltip,{placement:"bottom",content:P,children:(0,u.jsx)(x,{className:_.default.versionLink,href:q,children:F})}),t&&(0,u.jsx)(p.VersionLabel,{status:"latest"}),o&&(0,u.jsx)(p.VersionLabel,{status:"current"}),I&&(0,u.jsx)(k,{})]}),(0,u.jsxs)("div",{className:_.default.metaRow,children:[(0,u.jsx)(c.UserAvatar,{account:L,size:20,fontSize:8}),(0,u.jsx)("span",{className:_.default.authorName,children:Y})]}),(0,u.jsx)("div",{className:_.default.messageSection,children:V?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:_.default.firstLine,children:V}),X&&(0,u.jsxs)(u.Fragment,{children:[G&&(0,u.jsx)("div",{className:_.default.restOfMessage,children:U}),(0,u.jsx)("button",{className:_.default.expandButton,onClick:()=>H(!G),type:"button",children:G?"Show less":"Show more"})]})]}):(0,u.jsx)("div",{className:_.default.emptyMessage,children:"No commit message"})})]})})]}):(0,u.jsxs)("div",{className:(0,h.default)(_.default.row,_.default.snapRow,n),...m,children:[(0,u.jsx)("div",{className:_.default.dateCol,children:(0,u.jsx)(d.TimeAgo,{className:_.default.dateText,date:T?parseInt(T):Date.now()})}),(0,u.jsx)("div",{className:_.default.dotCol,children:(0,u.jsx)("div",{className:_.default.snapDotOuter,children:(0,u.jsx)("div",{className:_.default.snapDotInner})})}),(0,u.jsx)("div",{className:_.default.contentCol,children:(0,u.jsxs)("div",{className:_.default.snapCard,onClick:s,role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&s?.(),children:[(0,u.jsxs)("div",{className:_.default.headerRow,children:[(0,u.jsx)(b.Tooltip,{placement:"bottom",content:P,children:(0,u.jsx)(x,{className:_.default.snapVersionLink,href:q,onClick:t=>t.stopPropagation(),children:F})}),I&&(0,u.jsx)(k,{}),(0,u.jsx)(w,{className:_.default.collapseHint})]}),(0,u.jsxs)("div",{className:_.default.metaRow,children:[(0,u.jsx)(c.UserAvatar,{account:L,size:20,fontSize:8}),(0,u.jsx)("span",{className:_.default.authorName,children:Y})]}),(0,u.jsx)("div",{className:_.default.messageSection,children:V?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:_.default.firstLine,children:V}),X&&(0,u.jsxs)(u.Fragment,{children:[G&&(0,u.jsx)("div",{className:_.default.restOfMessage,children:U}),(0,u.jsx)("button",{className:_.default.expandButton,onClick:t=>{t.stopPropagation(),H(!G)},type:"button",children:G?"Show less":"Show more"})]})]}):(0,u.jsx)("div",{className:_.default.emptyMessage,children:"No commit message"})})]})})]})};let u=r(11684),c=r(19988),d=r(52464),p=r(59473),m=r(29751),f=r(19304),h=l(r(97500)),g=s(r(12888)),b=r(62634),y=r(30969),v=r(1453),_=l(r(1359));function w({collapsed:t,className:n}){return(0,u.jsx)("svg",{className:(0,h.default)(_.default.chevronIcon,t&&_.default.chevronCollapsed,n),width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,u.jsx)("path",{d:"M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z",fill:"var(--bit-text-color-light, #6c707c)"})})}let x=f.Link;function k(){return(0,u.jsx)(b.Tooltip,{placement:"bottom",content:"This version is deprecated",children:(0,u.jsxs)("div",{className:_.default.deprecatedBadge,children:[(0,u.jsx)(m.Icon,{of:"note-deprecated",className:_.default.deprecatedBadgeIcon}),(0,u.jsx)("span",{children:"Deprecated"})]})})}},5490(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VersionDropdown=n.DetailedVersion=n.SimpleVersion=void 0;var a=r(83190);Object.defineProperty(n,"SimpleVersion",{enumerable:!0,get:function(){return a.SimpleVersion}}),Object.defineProperty(n,"DetailedVersion",{enumerable:!0,get:function(){return a.DetailedVersion}});var o=r(66630);Object.defineProperty(n,"VersionDropdown",{enumerable:!0,get:function(){return o.VersionDropdown}})},80528(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LaneInfo=void 0;var a=r(80513);Object.defineProperty(n,"LaneInfo",{enumerable:!0,get:function(){return a.LaneInfo}})},80513(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.LaneInfo=function({id:t,currentLane:n}){let r=n&&t.isEqual(n.id);return(0,o.jsx)("div",{children:(0,o.jsx)(s.MenuLinkItem,{active:r,href:i.LanesModel.getLaneUrl(t),className:u.default.versionRow,children:(0,o.jsxs)("span",{children:[(0,o.jsx)(l.Icon,{className:u.default.laneIcon,of:"lane"}),t.toString()]})})},t.toString())};let o=r(11684),i=r(1453);a(r(12888));let s=r(93766),l=r(29751),u=a(r(72854))},83190(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.SimpleVersion=function({currentVersion:t,className:n,disabled:r,hasMoreVersions:a,isTag:o=t=>null!==m.valid(t),useCurrentVersionLog:i,showFullVersion:s,loading:l,...c}){if(l)return(0,u.jsx)(b.WordSkeleton,{className:v.default.loader,length:9});let h="new"===t&&!a,g=s||o(t)?t:t?.slice(0,6);return h?(0,u.jsx)(y.PillLabel,{className:(0,p.default)(v.default.newLabel,n),children:g}):(0,u.jsxs)("div",{...c,className:(0,p.default)(v.default.simple,n,r&&v.default.disabled),children:[(0,u.jsx)(d.Ellipsis,{className:(0,p.default)(v.default.versionName),onClick:c.onClick,children:g}),a&&(0,u.jsx)(f.Icon,{of:"fat-arrow-down",onClick:c.onClick})]})},n.DetailedVersion=function({currentVersion:t,className:n,disabled:r,hasMoreVersions:a,isTag:o=t=>null!==m.valid(t),loading:i,useCurrentVersionLog:s,showFullVersion:l,...y}){var _,w;let{displayName:x,message:k,username:C,email:j,date:S,profileImage:E}=s?.({skip:i,version:t})||{},O=c.default.useMemo(()=>({displayName:x??"",email:j,name:C??"",profileImage:E}),[x,j,C,E]),D=l||o(t)?t:t?.slice(0,6),N=S?new Date(+S):void 0,P=c.default.useMemo(()=>N?new Date(+N).toString():new Date().toString(),[N]);return i?(0,u.jsx)(b.WordSkeleton,{className:v.default.loader,length:9}):(0,u.jsxs)("div",{...y,className:(0,p.default)(v.default.detailed,n,r&&v.default.disabled),children:[(0,u.jsx)(g.UserAvatar,{size:24,account:O??{},className:v.default.versionUserAvatar,showTooltip:!0,onClick:y.onClick}),(0,u.jsx)(d.Ellipsis,{className:(0,p.default)(v.default.versionName),onClick:y.onClick,children:D}),(_=k,w=y.onClick,_&&""!==_?(0,u.jsx)(d.Ellipsis,{className:v.default.commitMessage,onClick:w,children:_}):(0,u.jsx)(d.Ellipsis,{className:v.default.emptyMessage,onClick:w,children:"No commit message"})),(0,u.jsx)(d.Ellipsis,{className:v.default.versionTimestamp,onClick:y.onClick,children:(0,u.jsx)(h.TimeAgo,{date:P,onClick:y.onClick})}),a&&(0,u.jsx)(f.Icon,{of:"fat-arrow-down",onClick:y.onClick})]})};let u=r(11684),c=l(r(12888)),d=r(38348),p=l(r(97500)),m=s(r(16322)),f=r(29751),h=r(52464),g=r(19988),b=r(31079),y=r(69608),v=l(r(71311))},66630(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionDropdown=n.LOCAL_VERSION=void 0;let u=r(11684),c=s(r(12888)),d=r(93766),p=r(57699),m=r(77210),f=r(19988),h=r(31079),g=l(r(97500)),b=l(r(88479)),y=r(2300),v=r(80528),_=r(83190);n.LOCAL_VERSION="workspace",n.VersionDropdown=(0,c.memo)(function({currentVersion:t,latestVersion:n,localVersion:r,useCurrentVersionLog:a,hasMoreVersions:o,loading:i,overrideVersionHref:s,className:l,placeholderClassName:d,getActiveTabIndex:m,dropdownClassName:f,menuClassName:h,showVersionDetails:y=!0,disabled:v,PlaceholderComponent:x,currentLane:k,useComponentVersions:C,lanes:j,...S}){let[E,O]=(0,c.useState)(0),D=!o,[N,P]=(0,c.useState)(!1);(0,c.useEffect)(()=>{i&&N&&P(!1)},[i]);let T=t=>{i||t.target===t.currentTarget&&P(t=>!t)},I=(0,u.jsx)(_.SimpleVersion,{useCurrentVersionLog:a,disabled:v,className:d,currentVersion:t,onClick:T,hasMoreVersions:o,loading:i,showFullVersion:"workspace"===t}),M=x?(0,u.jsx)(x,{useCurrentVersionLog:a,disabled:v,className:d,currentVersion:t,onClick:T,hasMoreVersions:o,loading:i,showFullVersion:"workspace"===t}):I;return v||D&&!i?(0,u.jsx)("div",{className:(0,g.default)(b.default.noVersions,l),children:M}):(0,u.jsx)("div",{...S,className:(0,g.default)(b.default.versionDropdown,l),children:(0,u.jsx)(p.Dropdown,{className:(0,g.default)(b.default.dropdown,f),dropClass:(0,g.default)(b.default.menu,h),open:N,onClick:T,onClickOutside:()=>P(!1),onChange:(t,n)=>n&&O(t=>t+1),PlaceholderComponent:({children:t,...n})=>(0,u.jsx)("div",{...n,className:d,onClick:T,children:t}),placeholder:M,children:(0,u.jsx)(w,{className:h,currentVersion:t,latestVersion:n,localVersion:r,overrideVersionHref:s,showVersionDetails:y,currentLane:k,getActiveTabIndex:m,lanes:j,useVersions:C,onVersionClicked:()=>P(!1),open:N},E)})})});let w=(0,c.memo)(function({currentVersion:t,localVersion:r,latestVersion:a,overrideVersionHref:o,showVersionDetails:i,useVersions:s,currentLane:l,lanes:p,getActiveTabIndex:_=x,loading:w,open:C,onVersionClicked:j,...S}){let{snaps:E,tags:O,loading:D}=s?.()||{},N=w||D,P=(0,c.useMemo)(()=>k.map(t=>{switch(t){case"SNAP":return{name:t,payload:E||[]};case"LANE":return{name:t,payload:p||[]};default:return{name:t,payload:O||[]}}}).filter(t=>t.payload.length>0),[E?.length,O?.length,p?.length,N]),[T,I]=(0,c.useState)(_(t,P,O,E,l)),M=(0,c.useMemo)(()=>void 0!==T?P[T]:void 0,[T,P]);(0,c.useEffect)(()=>{if(!l||0===P.length)return;let n=_(t,P,O,E,l);n!==T&&I(n)},[l,P.length,O?.length,E?.length,t,N]);let $=P.length>1,A=void 0!==T&&P[T]?.payload.length>0,R=(0,c.useCallback)(function({index:n}){let{name:r,payload:s=[]}=M||{},c=s[n];return c?"LANE"===r?(0,u.jsx)(v.LaneInfo,{currentLane:l,...c},c.id.toString()):(0,u.jsx)(y.VersionInfo,{currentVersion:t,latestVersion:a,overrideVersionHref:o,showDetails:i,onVersionClicked:j,...c},c.version):null},[M,t,a,i,l?.id.toString(),A]),F=(0,c.useMemo)(()=>A&&M?R:()=>null,[A,M,R]),L=(0,c.useMemo)(()=>M?.payload.map((t,n)=>F({index:n})),[M]);return(0,u.jsxs)("div",{...S,className:(0,g.default)(b.default.versionMenuContainer,!C&&b.default.hide),children:[N&&(0,u.jsx)(h.LineSkeleton,{count:6,className:b.default.loader}),!N&&r&&(0,u.jsx)(d.MenuLinkItem,{href:"?",active:t===n.LOCAL_VERSION,className:(0,g.default)(b.default.versionRow,b.default.localVersion),onClick:j,children:(0,u.jsxs)("div",{className:b.default.version,children:[(0,u.jsx)(f.UserAvatar,{size:24,account:{},className:b.default.versionUserAvatar}),(0,u.jsx)("span",{className:b.default.versionName,children:n.LOCAL_VERSION})]})}),(0,u.jsx)("div",{className:(0,g.default)($&&b.default.tabs,!r&&b.default.withoutLocal),children:$&&P.map(({name:t},n)=>(0,u.jsx)(m.Tab,{className:b.default.tab,isActive:T===n,onClick:()=>I(n),children:t},t))}),(0,u.jsx)("div",{className:b.default.versionContainerRoot,children:L})]})}),x=(t,n=[],r,a)=>(a||[]).some(n=>n.version===t)?n.findIndex(t=>"SNAP"===t.name):0,k=["TAG","SNAP","LANE"]},2300(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VersionInfo=void 0;var a=r(52437);Object.defineProperty(n,"VersionInfo",{enumerable:!0,get:function(){return a.VersionInfo}})},52437(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionInfo=void 0;let u=r(11684),c=r(93766),d=r(52464),p=r(59473),m=r(29751),f=r(62634),h=s(r(12888)),g=r(19988),b=r(38348),y=l(r(97500)),v=l(r(83706));function _({message:t,showDetails:n}){return n?t&&""!==t?(0,u.jsx)(b.Ellipsis,{className:v.default.commitMessage,children:t}):(0,u.jsx)(b.Ellipsis,{className:v.default.emptyMessage,children:"No commit message"}):null}n.VersionInfo=h.default.memo(h.default.forwardRef(function({version:t,currentVersion:n,latestVersion:r,date:a,username:o,displayName:i,email:s,overrideVersionHref:l,showDetails:w,message:x,tag:k,profileImage:C,deprecated:j,onVersionClicked:S},E){let O=t===n,D=(0,h.useMemo)(()=>({displayName:i??"",email:s,name:o??"",profileImage:C}),[i,s,o,C]),N=(0,h.useMemo)(()=>a?new Date(parseInt(a)).toString():new Date().toString(),[a]),P=(0,h.useRef)(null);(0,h.useEffect)(()=>{O&&P.current?.scrollIntoView({block:"nearest"})},[O]);let T=l?l(t):`?version=${t}`,I=(0,h.useMemo)(()=>k?t:t.slice(0,6),[k,t]),M=t===r;return(0,u.jsx)("div",{ref:E||P,onClick:S,children:(0,u.jsxs)(c.MenuLinkItem,{active:O,href:T,className:v.default.versionRow,children:[(0,u.jsxs)("div",{className:v.default.version,children:[(0,u.jsx)(g.UserAvatar,{size:24,account:D,className:v.default.versionUserAvatar,showTooltip:!0}),(0,u.jsx)(b.Ellipsis,{className:(0,y.default)(v.default.versionName),children:I}),M&&(0,u.jsx)(p.VersionLabel,{status:"latest"}),j&&(0,u.jsx)(f.Tooltip,{placement:"bottom",content:"Deprecated",children:(0,u.jsx)("div",{className:v.default.deprecatedIcon,children:(0,u.jsx)(m.Icon,{of:"note-deprecated"})})}),(0,u.jsx)(_,{message:x,showDetails:w})]}),(0,u.jsx)(b.Ellipsis,{className:v.default.versionTimestamp,children:(0,u.jsx)(d.TimeAgo,{date:N})})]})})}))},8929(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.AspectEntry=void 0;let AspectEntry=class AspectEntry{constructor(t,n){this.id=t,this.legacyEntry=n}get legacy(){return this.legacyEntry}get isLegacy(){return!!this.config?.__legacy}get config(){return this.legacy.config}set config(t){this.legacy.config=t}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(t){this.legacy.data=t}transform(t){let n=this.clone();return n.data=t,new AspectEntry(this.id,n.legacy)}clone(){return new AspectEntry(this.id,this.legacyEntry.clone())}serialize(){return{id:this.id.toString(),config:this.config,data:this.data,icon:"https://static.bit.dev/extensions-icons/default.svg"}}};n.AspectEntry=AspectEntry},12177(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 o(){let t=r(75216);return o=function(){return t},t}function i(){let t=r(15506);return i=function(){return t},t}function s(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.AspectSection=void 0;let AspectSection=class AspectSection{constructor(){s(this,"route",{path:"~aspect",element:a().default.createElement(i().AspectPage,null)}),s(this,"navigationLink",{href:"~aspect",children:a().default.createElement(o().MenuWidgetIcon,{icon:"configuration",tooltipContent:"Configuration"}),displayName:"Configuration",hideInMinimalMode:!0}),s(this,"order",50)}};n.AspectSection=AspectSection},52365(t,n,r){"use strict";function a(){let t=r(83875);return a=function(){return t},t}function o(){let t=l(r(46179));return o=function(){return t},t}function i(){var t;let n=(t=r(16928))&&t.__esModule?t:{default:t};return i=function(){return n},n}function s(){let t=r(50668);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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;let ComponentFS=class ComponentFS extends a().MemoryFS{constructor(t){super(),this.files=t}get hash(){return""}byRegex(t){return this.files.filter(n=>n.path.match(t))}byGlob(t){let{includePatterns:n,excludePatterns:r}=(0,s().splitPatterns)(t);return this.files.filter(t=>(0,s().matchPatterns)(t.relative,n,r))}toObject(){return this.files.map(t=>({path:t.path,contents:t.contents}))}static fromVinyls(t){let n=new ComponentFS(t);return t.forEach(t=>{let r=t.relativeDir;r.startsWith("/")||(r=i().default.join("/",r)),n.mkdirpSync(r),n.writeFileSync(`/${t.relative}`,o().auto(t.contents||""))}),n}};n.default=ComponentFS},18985(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentMap=void 0;let ComponentMap=class ComponentMap{constructor(t){this.hashMap=t}byComponent(t){return this.hashMap.get(t.id.toString())}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},49661(t,n,r){"use strict";function a(){let t=r(18985);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentMap",{enumerable:!0,get:function(){return a().ComponentMap}})},61159(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.ComponentAspect=void 0;let o=n.ComponentAspect=a().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});n.default=o},55633(t,n,r){"use strict";function a(){let t=r(5913);return a=function(){return t},t}function o(){let t=r(24490);return o=function(){return t},t}function i(){let t=r(46746);return i=function(){return t},t}function s(){let t=r(88077);return s=function(){return t},t}function l(){let t=r(28381);return l=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.Component=void 0;let Component=class Component{constructor(t,n=null,r,a=new(s()).TagMap,o){this.id=t,this.head=n,this._state=r,this.tags=a,this.factory=o}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(t){this._state=t}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get homepage(){return this._state._consumer._getHomepage()}get headTag(){if(this.head)return this.tags.byHash(this.head.hash)}get latest(){if(this.head)try{return this.tags.getLatest()}catch(t){if(t instanceof l().CouldNotFindLatest)return this.head.hash;throw t}}get(t){return this.state.aspects.get(t)?.serialize()}async getLogs(t){let n=await this.factory.getLogs(this.id,!1,t?.head);if(!t)return n;let{type:r,limit:a,offset:o,sort:s}=t,l=r&&n.filter(t=>"tag"===r?t.tag:"snap"!==r||!t.tag)||n;return"asc"!==s&&(l=l.reverse()),a&&(l=(0,i().slice)(l,o,a+(o||0))),l}getDependencies(){return this.factory.getDependencies(this)}getPackageName(){return this.factory.componentPackageName(this)}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(t=>(0,a().capitalize)(t)).join(" ")}tag(t){}isModified(){return this.factory.isModified(this)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;let t=this.tags.byVersion(this.latest);return!!t&&this.head?.hash!==t?.hash}isNew(){return Promise.resolve(null===this.head)}isExported(){return this.factory.isExported(this.id)}loadState(t){return this.factory.getState(this.id,t)}loadSnap(t){let n=t||this.head?.hash;if(!n)throw new(o()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,n)}snapsIterable(t,n={}){let r,a=t||this.head?.hash,o=[a];a||(r=!0);let i={next:async()=>{if(r)return{value:void 0,done:r};let t=o.shift(),a=await this.loadSnap(t);return a.parents&&a.parents.length&&(n.firstParentOnly?o.push(a.parents[0]):o=o.concat(a.parents)),o.length?n.stopFn&&(r=await n.stopFn(a)):r=!0,{value:a,done:void 0}}};return{[Symbol.asyncIterator]:()=>i}}async getClosestTag(t){let n=this.tags.getHashMap(),r=async t=>!!n.has(t.hash),a=this.snapsIterable(t,{firstParentOnly:!0,stopFn:r}),o=[];for await(let t of a)o.push(t);if(o.length){let t=o[o.length-1].hash;return n.get(t)}}getTag(){let t=this.id.version;if(t)return this.tags.byVersion(t)||this.tags.byHash(t)}getSnapHash(){if(!this.id.hasVersion())return;let t=this.tags.byVersion(this.id.version);return t?t.hash:this.id.version}async getCurrentSnap(){let t=this.getSnapHash();if(t)return this.loadSnap(t)}checkout(t){}write(t,n){}equals(t){return t.id.toString()===this.id.toString()}};n.Component=Component},56599(t,n,r){"use strict";function a(){let t=k(r(12888));return a=function(){return t},t}function o(){let t=k(r(47065));return o=function(){return t},t}function i(){let t=k(r(29656));return i=function(){return t},t}function s(){let t=r(13468);return s=function(){return t},t}function l(){let t=r(43385);return l=function(){return t},t}function u(){let t=r(72631);return u=function(){return t},t}function c(){let t=r(19887);return c=function(){return t},t}function d(){let t=r(78410);return d=function(){return t},t}function p(){let t=r(75894);return p=function(){return t},t}function m(){let t=r(14451);return m=function(){return t},t}function f(){let t=r(46746);return f=function(){return t},t}function h(){let t=r(5286);return h=function(){return t},t}function g(){let t=r(2839);return g=function(){return t},t}function b(){let t=r(71118);return b=function(){return t},t}function y(){let t=r(12177);return y=function(){return t},t}function v(){let t=r(61159);return v=function(){return t},t}function _(){let t=r(55810);return _=function(){return t},t}function w(){let t=r(75547);return w=function(){return t},t}function x(){let t=r(64621);return x=function(){return t},t}function k(t){return t&&t.__esModule?t:{default: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 ComponentUI=class ComponentUI{constructor(t,n,r,s,l,u,c,d,p,m,f,b){this.pubsub=t,this.routeSlot=n,this.navSlot=r,this.consumeMethodSlot=s,this.widgetSlot=l,this.pinnedWidgetSlot=u,this.rightSideMenuSlot=c,this.menuItemSlot=d,this.pageItemSlot=p,this.componentSearchResultSlot=m,this.commandBarUI=f,C(this,"routePath","/*"),C(this,"componentSearcher",void 0),C(this,"activeComponent",void 0),C(this,"copyNpmId",()=>{let t=this.activeComponent?.packageName;if(t){let n=this.activeComponent?.id.version,r=n?`@${this.formatToInstallableVersion(n)}`:"";(0,i().default)(`${t}${r}`)}}),C(this,"keyBindings",[{id:"component.copyBitId",action:()=>{(0,i().default)(this.activeComponent?.id.toString()||"")},displayName:"Copy component ID",keybinding:"."},{id:"component.copyNpmId",action:this.copyNpmId,displayName:"Copy component package name",keybinding:","}]),C(this,"menuItems",[{category:"general",title:"Open command bar",keyChar:"mod+k",handler:()=>this.commandBarUI?.run("command-bar.open")},{category:"general",title:"Toggle component list",keyChar:"alt+s",handler:()=>this.commandBarUI?.run("sidebar.toggle")},{category:"workflow",title:"Copy component ID",keyChar:".",handler:()=>this.commandBarUI?.run("component.copyBitId")},{category:"workflow",title:"Copy component package name",keyChar:",",handler:()=>this.commandBarUI?.run("component.copyNpmId")}]),C(this,"bitMethod",({options:t,id:n,packageName:r,latest:o,componentModel:i})=>{let s=r||i?.packageName,l=o||i?.id.version,u=n.version===l?"":`@${n.version}`,c=n.version===l?"":`@${this.formatToInstallableVersion(n.version)}`;return{Title:a().default.createElement("img",{style:{width:"20px"},src:"https://static.bit.dev/brands/bit-logo-text.svg"}),Component:t?.hide?null:a().default.createElement(g().Import,{componentId:`${n.toString({ignoreVersion:!0})}${u}`,packageName:`${s}${c}`,componentName:n.name,showInstallMethod:!t?.disableInstall}),order:0}}),C(this,"handleComponentChange",t=>{this.activeComponent=t}),C(this,"registerMenuItem",t=>{this.menuItemSlot.register(t)}),C(this,"registerPageItem",(...t)=>{this.pageItemSlot.register(t)}),C(this,"registerSearchResultWidget",(...t)=>{this.componentSearchResultSlot.register(t);let n=(0,o().default)(this.componentSearchResultSlot.values());this.componentSearcher.updatePlugins(n)}),C(this,"updateComponents",t=>{this.componentSearcher.update(t||[])}),this.componentSearcher=new(w()).ComponentSearcher({navigate:b.navigateTo}),h().isBrowser&&this.registerPubSub()}get routes(){return this.routeSlot.toArray().map(([t,n])=>[t,Array.isArray(n)?[...(0,o().default)(n)]:[n]])}formatToInstallableVersion(t){return(0,b().snapToSemver)(t)}registerPubSub(){this.pubsub.sub(c().PreviewAspect.id,t=>{if(t.type===c().ClickInsideAnIframeEvent.TYPE){let t=new MouseEvent("mousedown",{view:window,bubbles:!0,cancelable:!0}),n=document.body;n?.dispatchEvent(t)}})}getComponentUI(t,n={}){return a().default.createElement(_().Component,{routeSlot:this.routeSlot,containerSlot:this.pageItemSlot,onComponentChange:this.handleComponentChange,host:t,path:n.path,useComponent:n.useComponent,componentIdStr:n.componentId,useComponentFilters:n.useComponentFilters,overriddenRoutes:n.routes})}getMenu(t,n={}){return a().default.createElement(x().ComponentMenu,{className:n.className,skipRightSide:n.skipRightSide,navigationSlot:this.navSlot,consumeMethodSlot:this.consumeMethodSlot,rightSideMenuSlot:this.rightSideMenuSlot,widgetSlot:this.widgetSlot,host:t,menuItemSlot:this.menuItemSlot,useComponent:n.useComponent,path:n.path,componentIdStr:n.componentId,useComponentFilters:n.useComponentFilters,RightNode:n.RightNode,authToken:n.authToken,pinnedWidgetSlot:this.pinnedWidgetSlot})}listMenuItems(){return(0,f().groupBy)((0,o().default)(this.menuItemSlot.values()),"category")}registerRoute(t){return this.routeSlot.register(t),this}registerNavigation(t,n){this.navSlot.register({props:t,order:n})}registerConsumeMethod(...t){this.consumeMethodSlot.register(t)}registerWidget(t,n){this.widgetSlot.register({props:t,order:n})}registerPinnedWidget(t,n){this.pinnedWidgetSlot.register({props:t,order:n})}registerRightSideMenuItem(...t){this.rightSideMenuSlot.register(t)}static async provider([t,n,r],o,[i,s,u,c,d,p,m,f,h]){let g=new ComponentUI(t,i,s,u,c,h,f,d,p,m,n,r),b=new(y()).AspectSection;return g.registerSearchResultWidget({key:"deprecation",end:l().DeprecationIcon}),g.commandBarUI&&o.commandBar&&(g.commandBarUI.addCommand(...g.keyBindings),n.addSearcher(g.componentSearcher)),g.registerMenuItem(g.menuItems),g.registerRoute(b.route),g.registerWidget(b.navigationLink,b.order),g.registerConsumeMethod(g.bitMethod),g.registerRightSideMenuItem({item:a().default.createElement(n.CommandBarButton,null),order:90}),g}};C(ComponentUI,"dependencies",[d().PubsubAspect,s().CommandBarAspect,p().ReactRouterAspect]),C(ComponentUI,"runtime",m().UIRuntime),C(ComponentUI,"slots",[u().Slot.withType(),u().Slot.withType(),u().Slot.withType(),u().Slot.withType(),u().Slot.withType(),u().Slot.withType(),u().Slot.withType(),u().Slot.withType(),u().Slot.withType()]),C(ComponentUI,"defaultConfig",{commandBar:!0}),v().ComponentAspect.addRuntime(ComponentUI)},52946(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Config=void 0;let Config=class Config{constructor(t){this.consumerComponent=t}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}};n.Config=Config},41384(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CouldNotFindLatest=void 0;let CouldNotFindLatest=class CouldNotFindLatest extends Error{constructor(t){super(`could not find latest semver in array: ${t.join(", ")}`)}report(){return this.message}};n.CouldNotFindLatest=CouldNotFindLatest},93402(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.HostNotFound=void 0;let HostNotFound=class HostNotFound extends Error{constructor(t){super(),this.hostName=t}toString(){return`[component] error: host '${this.hostName}' was not found`}};n.HostNotFound=HostNotFound},28381(t,n,r){"use strict";function a(){var t;let n=(t=r(51225))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(93402);return o=function(){return t},t}function i(){let t=r(41384);return i=function(){return t},t}function s(){let t=r(72002);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CouldNotFindLatest",{enumerable:!0,get:function(){return i().CouldNotFindLatest}}),Object.defineProperty(n,"HostNotFound",{enumerable:!0,get:function(){return o().HostNotFound}}),Object.defineProperty(n,"MainFileNotFound",{enumerable:!0,get:function(){return s().MainFileNotFound}}),Object.defineProperty(n,"NothingToSnap",{enumerable:!0,get:function(){return a().default}})},72002(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.MainFileNotFound=void 0;let MainFileNotFound=class MainFileNotFound extends Error{constructor(t,n){super(),this.id=t,this.mainFile=n}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}};n.MainFileNotFound=MainFileNotFound},51225(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;let NothingToSnap=class NothingToSnap extends Error{};n.default=NothingToSnap},11013(t,n,r){"use strict";function a(){let t=r(28537);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentHostModel=void 0;let ComponentHostModel=class ComponentHostModel{constructor(t,n){this.name=t,this.components=n}static from(t){return new ComponentHostModel(t.getHost.name,a().ComponentModel.fromArray(t.getHost.list))}};n.ComponentHostModel=ComponentHostModel},41733(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={useComponentHost:!0};function o(){let t=r(81403);return o=function(){return t},t}Object.defineProperty(n,"useComponentHost",{enumerable:!0,get:function(){return o().useComponentHost}});var i=r(11013);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]}})})},81403(t,n,r){"use strict";function a(){let t=r(7622);return a=function(){return t},t}function o(){let t=r(15810);return o=function(){return t},t}function i(){let t=r(11013);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentHost=function(){let{data:t,loading:n}=(0,a().useDataQuery)(s);return!t||n?{}:{host:i().ComponentHostModel.from(t)}};let s=(0,o().gql)`
+`;let p=(0,u.createContext)(void 0)},33006(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompareSidebar=function({groups:t,selectedId:n,selectedFile:r,onSelect:a,loading:o,className:i,defaultExpandFiles:s}){return(0,u.jsxs)("div",{className:`${p.default.sidebar}${i?` ${i}`:""}`,children:[(0,u.jsxs)("div",{className:p.default.sidebarHeader,children:[(0,u.jsx)("span",{className:p.default.sidebarTitle,children:"Components"}),n&&(0,u.jsx)("button",{className:p.default.clearSelectionLink,onClick:()=>a(""),children:"Clear"})]}),(0,u.jsxs)("div",{className:p.default.sidebarContent,children:[o&&(0,u.jsx)("div",{className:p.default.sidebarLoading,children:Array.from({length:8}).map((t,n)=>(0,u.jsx)("div",{className:p.default.sidebarSkeleton,children:(0,u.jsx)("div",{className:p.default.skeleton,style:{width:`${60+n%3*20}%`,height:"12px"}})},n))}),!o&&t.map(o=>(0,u.jsx)(m,{group:o,selectedId:n,selectedFile:r,onSelect:a,isSingleGroup:1===t.length,defaultExpandFiles:s},o.key))]})]})};let u=r(11684),c=s(r(12888)),d=r(516),p=l(r(51879));function m({group:t,selectedId:n,selectedFile:r,onSelect:a,isSingleGroup:o,defaultExpandFiles:i}){let[s,l]=(0,c.useState)(!1);return(0,u.jsxs)("div",{className:p.default.sidebarGroup,children:[!o&&(0,u.jsxs)("button",{className:p.default.sidebarGroupHeader,onClick:()=>l(!s),children:[(0,u.jsx)(d.Icon,{of:"fat-arrow-down",className:`${p.default.chevron} ${s?p.default.chevronCollapsed:""}`}),t.icon&&(0,u.jsx)(d.Icon,{of:t.icon}),(0,u.jsx)("span",{className:p.default.groupLabel,children:t.label}),(0,u.jsx)("span",{className:p.default.groupCount,children:t.items.length})]}),!s&&(0,u.jsx)("div",{className:p.default.sidebarItems,children:t.items.map(t=>(0,u.jsx)(f,{item:t,isSelected:n===t.id,selectedFile:n===t.id?r:void 0,onSelect:a,defaultExpand:i},t.id))})]})}function f({item:t,isSelected:n,selectedFile:r,onSelect:a,defaultExpand:o}){var i;let[s,l]=(0,c.useState)(o??!1),m=t.files&&t.files.length>0;return(0,c.useEffect)(()=>{o&&m&&l(!0)},[o,m]),(0,u.jsxs)("div",{className:p.default.componentItemWrapper,children:[(0,u.jsxs)("button",{className:`${p.default.sidebarItem} ${n&&!r?p.default.sidebarItemSelected:""}`,onClick:()=>a(t.id),children:[m?(0,u.jsx)("span",{className:`${p.default.fileChevron} ${s?"":p.default.chevronCollapsed}`,role:"button",tabIndex:0,"aria-label":s?"Collapse files":"Expand files",onClick:t=>{t.stopPropagation(),l(!s)},onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),t.stopPropagation(),l(!s))},children:(0,u.jsx)(d.Icon,{of:"fat-arrow-down",className:p.default.chevronIcon})}):(0,u.jsx)("span",{className:p.default.fileChevronPlaceholder}),t.envIcon?(0,u.jsx)("img",{src:t.envIcon,className:p.default.envIcon,alt:""}):(0,u.jsx)("span",{className:p.default.envIconPlaceholder}),(0,u.jsx)("span",{className:p.default.componentName,children:t.name}),t.sourceIndicator&&(0,u.jsx)("span",{className:p.default.sourceIndicator,children:t.sourceIndicator}),t.status&&(0,u.jsx)("span",{className:`${p.default.componentStatus} ${p.default[`componentStatus${t.status}`]||""}`,children:h[i=t.status]||i}),m&&(0,u.jsx)("span",{className:p.default.fileCount,children:t.files.length})]}),s&&m&&(0,u.jsx)("div",{className:p.default.fileTree,children:t.files.map(o=>(0,u.jsxs)("button",{className:`${p.default.fileItem} ${r===o.name&&n?p.default.fileItemSelected:""}`,onClick:()=>a(t.id,o.name),children:[(0,u.jsx)("span",{className:`${p.default.fileStatus} ${o.status?p.default[`fileStatus${o.status}`]:""}`}),(0,u.jsx)("span",{className:p.default.fileName,children:o.name}),o.status&&"UNCHANGED"!==o.status&&(0,u.jsx)("span",{className:`${p.default.fileStatusLabel} ${p.default[`fileStatusLabel${o.status}`]||""}`,children:"NEW"===o.status?"N":"DELETED"===o.status?"D":"M"})]},o.name))})]})}let h={NEW:"New",SOURCE_CODE:"Modified",DEPENDENCY:"Modified",ASPECTS:"Modified",MODIFIED:"Modified",DELETED:"Deleted"}},90211(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.CompareToolbarActions=function({viewMode:t,diffMode:n,onDiffModeChange:r,depsShowAll:a,onDepsShowAllChange:l}){return"code"===t||"config"===t||"tests"===t?(0,o.jsx)(i.ToggleButton,{onOptionSelect:t=>r(0===t?"split":"unified"),defaultIndex:+("split"!==n),options:[{value:"split",element:(0,o.jsx)("span",{children:"Split"})},{value:"unified",element:(0,o.jsx)("span",{children:"Unified"})}],className:s.default.diffModeToggle}):"dependencies"===t?(0,o.jsx)(i.ToggleButton,{onOptionSelect:t=>l(1===t),defaultIndex:+!!a,options:[{value:"changed",element:(0,o.jsx)("span",{children:"Changed"})},{value:"all",element:(0,o.jsx)("span",{children:"All"})}],className:s.default.diffModeToggle}):null};let o=r(11684);a(r(12888));let i=r(38211),s=a(r(36666))},38709(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.CompareToolbar=function({viewMode:t,onViewModeChange:n,groupBy:r,onGroupByChange:a,endActions:p,counts:m,showCounts:f=!0,loading:h,viewModes:g,groupByOptions:b,componentOptions:y,selectedComponents:v,onSelectedComponentsChange:_,searchPlaceholder:w="Search components",className:x,sidebarWidth:k}){let C=g.map(t=>({value:t.id,label:t.displayName,icon:t.icon,count:m[t.id]??0})).filter(t=>t.count>0),j=!!(b&&b.length>0&&a),S=j?Math.max(0,b.findIndex(t=>t.value===r)):0,E=C.findIndex(n=>n.value===t);return(0,o.jsxs)("div",{className:`${c.default.toolbar}${x?` ${x}`:""}`,style:k?{"--sidebar-width":`${k}px`}:void 0,children:[y&&_&&(0,o.jsx)("div",{className:c.default.toolbarSearch,children:(0,o.jsx)(u.MultiSelect,{id:"search-components",styles:d,placeholder:w,options:y,activeOptions:v||[],onChange:t=>_(t||[]),className:c.default.componentSearchSelect})}),(0,o.jsxs)("div",{className:c.default.toolbarLeft,children:[(0,o.jsx)(i.ToggleButton,{onOptionSelect:t=>{n(C[t].value)},defaultIndex:E>=0?E:0,options:C.map(t=>({value:t.value,element:(0,o.jsxs)("div",{className:c.default.toolbarOption,children:[t.icon&&(0,o.jsx)(s.Icon,{of:t.icon}),(0,o.jsx)("span",{children:t.label}),f&&(h?(0,o.jsx)("span",{className:c.default.toolbarBadgeSkeleton}):(0,o.jsx)("span",{className:c.default.toolbarBadge,children:t.count}))]})})),className:c.default.viewModeToggle}),j&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:c.default.toolbarSeparator}),(0,o.jsx)(i.ToggleButton,{onOptionSelect:t=>a(b[t].value),defaultIndex:S>=0?S:0,options:b.map(t=>({value:t.value,element:(0,o.jsx)(l.Tooltip,{content:`Group by ${t.label}`,children:(0,o.jsx)("span",{children:t.label})})})),className:c.default.groupByToggle})]})]}),p&&(0,o.jsx)("div",{className:c.default.toolbarRight,children:p})]})};let o=r(11684);a(r(12888));let i=r(38211),s=r(516),l=r(62634),u=r(30233),c=a(r(36666)),d={control:()=>({fontSize:"13px",padding:"2px 4px",height:"32px",width:"100%"}),singleValue:()=>({padding:0})}},41009(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.InlineComponentCompare=void 0,n.ComponentCompare=function(t){let{host:n,baseId:r,compareId:a,routes:o,state:i,tabs:s,className:l,hooks:p,changes:m,customUseComponent:y,Loader:_=M,baseContext:x,compareContext:C,isFullScreen:j,hidden:O=!1,compareIdOverride:D,baseIdOverride:P,...T}=t,I=(0,b.useCompareQueryParam)("baseVersion"),A=(0,c.useContext)(f.ComponentContext),R=(0,c.useContext)(f.ComponentDescriptorContext),F=(0,v.useLocation)(),L="teambit.workspace/workspace"===n,z=!L||F?.search.includes("version")||a||A.logs?.length!==0?"teambit.scope/scope":n,{component:B,loading:q,componentDescriptor:V}=(0,f.useComponent)(z,D?.toString()||a?.toString(),{skip:O||!a&&!D,customUseComponent:y,logFilters:{log:{}}}),U=(0,c.useMemo)(()=>(B?.logs||A.logs)?.slice().sort(k.sortByDateDsc)||[],[A.id.toString(),q,A.logs?.length,B?.logs?.length]),G=(0,c.useMemo)(()=>0===U.length,[U]),H=!L||G||F?.search.includes("version")||a?A.id.version:"workspace",X="workspace"===H,Y=(0,c.useMemo)(()=>X?U[0]:U.find((t,n,r)=>{if("workspace"===H||1===r.length)return!0;if(0===n)return!1;let a=n-1;return r[a].tag===H||r[a].hash===H}),[U,H,X]),W=c.default.useMemo(()=>r||I&&A.id.changeVersion(I)||Y&&A.id.changeVersion(Y.tag||Y.hash)||A.id,[q,r,I,Y?.tag,Y?.hash]),{component:Z,loading:Q,componentDescriptor:K}=(0,f.useComponent)("teambit.scope/scope",P?.toString()||W?.toString(),{customUseComponent:y,skip:O||!W&&!P,logFilters:{log:{}}}),J=Q||q,ee=a?B:A,et=`${Z?.id.toString()}-${ee?.id.toString()}`,en=(0,c.useMemo)(()=>(ee?.logs||[]).slice().reduce(w.groupByVersion,new Map),[ee?.id.toString()]),er=O||Z?.id.version?.toString()===ee?.id.version?.toString()&&!X,{loading:ea,componentCompareData:eo}=(0,g.useComponentCompareQuery)(Z?.id.toString(),ee?.id.toString(),void 0,er),{loading:ei,result:es}=(0,E.useApiDiff)(Z?.id.toString(),ee?.id.toString(),{skip:O}),el=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!eo)return null;let t=new Map;return(eo?.code||[]).forEach(n=>{t.set(n.fileName,n)}),t},[ea,J,et,eo]),eu=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!eo)return null;let t=new Map;return(eo?.aspects||[]).forEach(n=>{t.set(n.fieldName,n)}),t},[ea,J,et,eo]),ec=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!eo)return null;let t=new Map;return(eo?.tests||[]).forEach(n=>{t.set(n.fileName,n)}),t},[ea,J,et,eo]),ed=(0,c.useMemo)(()=>{if(!J&&!ei)return es??null},[J,ei,et,es]),ep=(0,c.useMemo)(()=>({compare:ee&&{model:ee,descriptor:V||R,hasLocalChanges:X},base:Z&&{model:Z,descriptor:K},loading:J,logsByVersion:en,state:i,hooks:p,baseContext:x,compareContext:C,fieldCompareDataByName:eu,fileCompareDataByName:el,testCompareDataByName:ec,apiDiffResult:ed,isFullScreen:j,hidden:O}),[ee,V,R,X,Z,K,J,en,i,p,x,C,eu,el,ec,ed,j,O]),em=(0,c.useMemo)(()=>m||function(t,n,r,a,o,i){if(!t&&!n)return null;if(!t?.version)return[S.ChangeType.NEW];if(null===r||null===a)return null;if(void 0===r||void 0===a)return;let s=[...r.values()],l=i?.hasChanges??!1;if(0===a.size&&(0===r.size||s.every(t=>"UNCHANGED"===t.status))&&!l)return[S.ChangeType.NONE];let u=[],c=["dependencies","devDependencies","extensionDependencies","packageDependencies"];return o?.size&&u.push(S.ChangeType.TESTS),r.size>0&&s.some(t=>"UNCHANGED"!==t.status)&&u.push(S.ChangeType.SOURCE_CODE),a.size>0&&u.push(S.ChangeType.ASPECTS),[...a.values()].some(t=>c.includes(t.fieldName))&&u.push(S.ChangeType.DEPENDENCY),l&&u.push("API"),u}(W,ee?.id,el,eu,ec,ed),[m,W,ee,el,eu,ec,ed]);return(0,u.jsx)(h.ComponentCompareContext.Provider,{value:ep,children:(0,u.jsx)("div",{className:(0,d.default)(N.default.componentCompareContainer,l),...T,children:(0,u.jsx)($,{...t,componentId:ee?.id?.toStringWithoutVersion()||W.toStringWithoutVersion()||A?.id?.toStringWithoutVersion(),baseVersion:W.version,compareVersion:a?.version||A.id.version,compareHasLocalChanges:X,changes:em,loading:J,Loader:_},et)})})},n.DeferredTab=z,n.NewComponentFileRegistrar=V,n.ComponentCompareHeader=G,n.RegistryFeeder=function({pairs:t}){return(0,u.jsx)(u.Fragment,{children:t.map(t=>(0,u.jsx)(X,{compareId:t.compareId},t.compareId))})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(83249),m=r(19100),f=r(30266),h=r(12066),g=r(1240),b=r(13837),y=r(52792),v=r(19304),_=r(72164),w=r(83535),x=r(28757),k=r(67741),C=r(28669),j=r(31079),S=r(33320),E=r(7110),O=r(1814),D=r(65354),N=l(r(89062));function P(){return(0,u.jsx)(j.WordSkeleton,{className:N.default.tabLoader,length:5})}function T({children:t,changed:n,changeTypeCss:r,loading:a,className:o,...i}){let s=(0,c.useMemo)(()=>n?.some(t=>t!==S.ChangeType.NONE&&t!==S.ChangeType.NEW),[n]);return a?(0,u.jsx)(P,{}):(0,u.jsxs)("div",{...i,className:(0,d.default)(N.default.compareMenuTab,o),children:[r&&s&&(0,u.jsx)("div",{className:(0,d.default)(N.default.indicator,r)}),(0,u.jsx)("div",{className:(0,d.default)(N.default.menuTab),children:t})]})}function I({tabs:t,state:n,hooks:r,changes:a}){let o=n?.tabs?.id,i=n?.tabs?.controlled,s=(0,C.extractLazyLoadedData)(t)||[],l=(0,c.useMemo)(()=>s.sort(x.sortTabs).map((t,s)=>{let l=n?!!o&&!!t?.id&&o===t.id:void 0,c=a&&t.changeType&&a.some(n=>t.changeType===n)?N.default.hasChanged:null,d=void 0===a,p=`${t.id}-tab-${c}`;return[t.id||`tab-${s}`,{...t,props:{...t.props,key:p,displayName:!d&&t.displayName||void 0,active:l,onClick:function({hooks:t,id:n}){if(t?.tabs?.onClick)return r=>t?.tabs?.onClick?.(n,r)}({id:t.id,hooks:r}),href:!i&&t.props?.href||void 0,activeClassName:!d&&N.default.activeNav||N.default.loadingNav,className:N.default.navItem,children:(0,u.jsx)(T,{loading:d,changeTypeCss:c,changed:a,children:t.props?.children},p)}}]}),[s.length,o,a,a?.length]),d=(0,c.useMemo)(()=>l.filter(([,t])=>!t.widget),[l.length,o,a?.length,a]),p=(0,c.useMemo)(()=>l.filter(([,t])=>t.widget),[l.length,o,a?.length,a]);return(0,u.jsx)("div",{className:N.default.navContainer,children:(0,u.jsx)(f.CollapsibleMenuNav,{navPlugins:d,widgetPlugins:p})})}function M({className:t,...n}){return(0,u.jsxs)("div",{className:t,...n,children:[(0,u.jsx)(j.BlockSkeleton,{className:N.default.navLoader,lines:3}),(0,u.jsxs)("div",{className:N.default.compareLoader,children:[(0,u.jsx)("div",{className:N.default.compareViewLoader,children:(0,u.jsx)(j.BlockSkeleton,{lines:30})}),(0,u.jsx)("div",{className:N.default.compareSidebarLoader,children:(0,u.jsx)(j.BlockSkeleton,{lines:30})})]})]})}function $(t){let{routes:n,state:r,loading:a,Loader:o=M,baseVersion:i,compareVersion:s,compareHasLocalChanges:l,componentId:c,hidden:p}=t,m=r?.versionPicker?.element!==null;return(0,u.jsxs)(u.Fragment,{children:[m&&(0,u.jsx)("div",{className:N.default.top,children:r?.versionPicker?.element||(0,u.jsx)(y.ComponentCompareVersionPicker,{componentId:c,baseVersion:i,compareVersion:s,compareHasLocalChanges:l,host:t.host,customUseComponent:t.customUseComponent})}),a&&!p&&(0,u.jsx)(o,{className:(0,d.default)(N.default.loader)}),!a&&(0,u.jsxs)("div",{className:(0,d.default)(N.default.bottom,p&&N.default.hidden),children:[(0,u.jsx)(I,{...t}),((0,C.extractLazyLoadedData)(n)||[]).length>0&&(0,u.jsx)(_.SlotRouter,{routes:(0,C.extractLazyLoadedData)(n)||[]}),r?.tabs?.element]})]})}let A=[],R=!1;function F(t){return A.push(t),R||(R=!0,requestAnimationFrame(function t(){let n=A.shift();n&&(0,c.startTransition)(n),A.length>0?requestAnimationFrame(t):R=!1})),()=>{let n=A.indexOf(t);-1!==n&&A.splice(n,1)}}let L=(0,c.forwardRef)(function({name:t,baseId:n,compareId:r,baseVersion:a,compareVersion:o,baseUrl:i,compareUrl:s,envIcon:l,changeTags:d,accentColor:p,tabs:m,allTabs:f,children:h,className:g,host:b="teambit.scope/scope",baseOverride:y,compareOverride:v,dataAttributes:_},w){let x=(0,c.useRef)(null),[k,C]=(0,c.useState)(!1),j=c.default.useCallback(t=>{x.current=t,"function"==typeof w?w(t):w&&(w.current=t)},[w]);return(0,c.useEffect)(()=>{let t,n=x.current;if(!n)return;let r=new IntersectionObserver(([n])=>{n.isIntersecting&&(r.disconnect(),t=F(()=>C(!0)))},{rootMargin:"400px 0px"});return r.observe(n),()=>{r.disconnect(),t?.()}},[]),(0,u.jsxs)("div",{ref:j,className:`${N.default.componentCompare} ${g||""}`,"data-component-id":r.split("@")[0],style:p?{"--component-accent":p}:void 0,..._,children:[(0,u.jsx)(G,{name:t,componentId:r.split("@")[0],envIcon:l,baseVersion:a,compareVersion:o,baseUrl:i,compareUrl:s,changeTags:d}),!n&&!!r&&(0,u.jsx)(V,{compareId:r}),!k&&(0,u.jsx)(H,{lines:4,className:N.default.sectionPlaceholder}),k&&(0,u.jsxs)(q,{baseId:n,compareId:r,host:b,baseOverride:y,compareOverride:v,children:[f?f.map(t=>(0,u.jsx)(z,{tabId:t.id,lazy:t.lazy,children:t.element},t.id)):m&&m.map(t=>(0,u.jsx)("div",{children:t.element},t.id)),h]})]})});function z({tabId:t,children:n,lazy:r}){let a=(0,c.useRef)(null),[o,i]=(0,c.useState)(!r);return(0,c.useEffect)(()=>{let t;if(o)return;let n=a.current;if(!n)return;let r=new IntersectionObserver(([n])=>{n.isIntersecting&&(r.disconnect(),t=F(()=>i(!0)))},{rootMargin:"600px 0px"});return r.observe(n),()=>{r.disconnect(),t?.()}},[o]),(0,u.jsx)("div",{ref:a,"data-tab-id":t,children:o?n:(0,u.jsx)(H,{lines:1})})}n.InlineComponentCompare=c.default.memo(L);let B=new Map;function q({baseId:t,compareId:n,host:r="teambit.scope/scope",baseOverride:a,compareOverride:o,children:i}){let s=!t&&!!n,{component:l,componentDescriptor:d}=(0,f.useComponent)(r,t,{skip:!t||!!a,context:{batch:!0}}),{component:m,componentDescriptor:g}=(0,f.useComponent)(r,n,{skip:!n||!!o,context:{batch:!0}}),b=a?.model??l,y=a?.descriptor??d,v=o?.model??m,_=o?.descriptor??g,w=!t||!!b,x=!n||!!v,k=(0,O.useCompareData)(),C=n?k?.compareDataFor(n):void 0,j=!s&&!!n&&void 0===C,{fileTree:S,loading:E}=(0,p.useCode)(s?v?.id:void 0),D=(0,c.useMemo)(()=>{if(s){if(E||!S)return;let t=new Map;return S.forEach(n=>{t.set(n,{fileName:n,baseContent:"",compareContent:void 0,status:"NEW"})}),t}if(j)return;if(!C)return null;let t=new Map;return(C.code||[]).forEach(n=>{t.set(n.fileName,n)}),t},[s,E,S,j,C]),N=(0,c.useMemo)(()=>{if(j)return;if(!C)return null;let t=new Map;return(C.aspects||[]).forEach(n=>t.set(n.fieldName,n)),t},[j,C]),P=(0,c.useMemo)(()=>{if(j)return;if(!C)return null;let t=new Map;return(C.tests||[]).forEach(n=>t.set(n.fileName,n)),t},[j,C]),T=(0,c.useMemo)(()=>({base:b?{model:b,descriptor:y}:void 0,compare:v?{model:v,descriptor:_,hasLocalChanges:o?.hasLocalChanges}:void 0,loading:j,logsByVersion:B,fileCompareDataByName:D,fieldCompareDataByName:N,testCompareDataByName:P,isFullScreen:!1,hidden:!1}),[b,y,v,_,o?.hasLocalChanges,j,D,N,P]);return w&&x?(0,u.jsx)(h.ComponentCompareContext.Provider,{value:T,children:i}):(0,u.jsx)(H,{lines:2})}function V({compareId:t}){let n=(0,c.useMemo)(()=>m.ComponentID.fromString(t),[t]),{fileTree:r,loading:a}=(0,p.useCode)(n),o=(0,c.useMemo)(()=>{if(!a&&r?.length)return r.map(t=>({name:t,status:"NEW"}))},[a,r]);return(0,D.useFileRegistryRegister)(t.split("@")[0],o),null}function U({componentId:t}){let n=(0,D.useFileRegistry)(),r=t?n?.getHeaderExtras(t):void 0;return r&&0!==r.length?(0,u.jsx)(u.Fragment,{children:r.map(({view:t,text:n})=>(0,u.jsx)("span",{className:N.default.headerExtra,"data-header-extra-view":t,children:n},t))}):null}function G({name:t,componentId:n,envIcon:r,baseVersion:a,compareVersion:o,baseUrl:i,compareUrl:s,changeTags:l}){return(0,u.jsxs)("div",{className:N.default.header,children:[(0,u.jsxs)("div",{className:N.default.headerLeft,children:[r?(0,u.jsx)("img",{src:r,className:N.default.envIcon,alt:""}):(0,u.jsx)("span",{className:N.default.envIconPlaceholder}),(0,u.jsx)("span",{className:N.default.componentName,children:t})]}),(0,u.jsxs)("div",{className:N.default.headerRight,children:[(0,u.jsx)(U,{componentId:n}),l&&l.length>0&&(0,u.jsx)("div",{className:N.default.changeTags,children:l.map(t=>(0,u.jsx)("span",{className:N.default.changeTag,style:{color:t.color,background:`${t.color}14`},children:t.label},t.label))}),(0,u.jsxs)("div",{className:N.default.versions,children:[a&&(i?(0,u.jsx)("a",{className:N.default.versionHash,href:i,target:"_blank",rel:"noopener noreferrer",children:a}):(0,u.jsx)("span",{className:N.default.versionHash,children:a})),a&&o&&(0,u.jsx)("span",{className:N.default.versionArrow,children:"\u2192"}),o&&(s?(0,u.jsx)("a",{className:N.default.versionHash,href:s,target:"_blank",rel:"noopener noreferrer",children:o}):(0,u.jsx)("span",{className:N.default.versionHash,children:o}))]})]})]})}function H({lines:t=3,className:n}){return(0,u.jsx)("div",{className:(0,d.default)(N.default.skeleton,n),children:Array.from({length:t}).map((t,n)=>(0,u.jsx)("div",{className:N.default.skeletonBar,style:{width:`${40+n%3*20}%`}},n))})}function X({compareId:t}){let n=(0,O.useCompareData)(),r=n?.compareDataFor(t),a=t.split("@")[0],o=(0,c.useMemo)(()=>{if(void 0!==r)return null===r?[]:(r.code||[]).filter(t=>"UNCHANGED"!==t.status).map(t=>({name:t.fileName,status:t.status}))},[r]);return(0,D.useFileRegistryRegister)(a,o),null}},4361(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.DepsFilterProvider=function({showAll:t,children:n}){return(0,l.jsx)(c.Provider,{value:t,children:n})},n.useDepsFilter=function(){return(0,u.useContext)(c)};let l=r(11684),u=s(r(12888)),c=(0,u.createContext)(!1)},16275(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.DiffModeProvider=function({mode:t,children:n}){return(0,l.jsx)(c.Provider,{value:t,children:n})},n.useDiffMode=function(){return(0,u.useContext)(c)};let l=r(11684),u=s(r(12888)),c=(0,u.createContext)("split")},65354(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.FileRegistryProvider=function({children:t}){let n=(0,u.useRef)(void 0);return n.current||(n.current=new ComponentRegistry),(0,l.jsx)(m.Provider,{value:n.current,children:t})},n.useFileRegistry=function(){let t=(0,u.useContext)(m),n=(0,u.useCallback)(n=>t?.subscribe(n)??(()=>{}),[t]),r=(0,u.useCallback)(()=>t?.getVersion()??0,[t]);return(0,u.useSyncExternalStore)(n,r,r),t},n.useFileRegistryRegister=function(t,n){let r=(0,u.useContext)(m),a=f(n);(0,u.useEffect)(()=>{r&&t&&n&&r.register(t,n)},[r,t,a])},n.useAspectRegistryRegister=function(t,n){let r=(0,u.useContext)(m),a=f(n);(0,u.useEffect)(()=>{r&&t&&n&&r.registerAspects(t,n)},[r,t,a])},n.useCompositionsRegistryRegister=function(t,n){let r=(0,u.useContext)(m);(0,u.useEffect)(()=>{r&&t&&void 0!==n&&r.registerCompositions(t,n)},[r,t,n])},n.useHeaderExtraRegister=function(t,n,r){let a=(0,u.useContext)(m);(0,u.useEffect)(()=>{a&&t&&void 0!==r&&a.registerHeaderExtra(t,n,r)},[a,t,n,r])};let l=r(11684),u=s(r(12888));function c(t){return t.map(t=>`${t.name}:${t.status??""}`).join("|")}let ComponentRegistry=class ComponentRegistry{constructor(){this.files=new Map,this.aspectFiles=new Map,this.apiEntries=new Map,this.headerExtras=new Map,this.compositions=new Map,this.listeners=new Set,this.version=0,this.flushedVersion=0,this.pendingNotify=!1}register(t,n){let r=this.files.get(t);r&&c(r)===c(n)||(this.files.set(t,n),this.notify())}getFiles(t){return this.files.get(t)}registerAspects(t,n){let r=this.aspectFiles.get(t);r&&c(r)===c(n)||(this.aspectFiles.set(t,n),this.notify())}getAspectFiles(t){return this.aspectFiles.get(t)}registerApiEntries(t,n){let r=this.apiEntries.get(t);r&&c(r)===c(n)||(this.apiEntries.set(t,n),this.notify())}getApiEntries(t){return this.apiEntries.get(t)}registerHeaderExtra(t,n,r){let a=this.headerExtras.get(t);a?.get(n)!==r&&(a||(a=new Map,this.headerExtras.set(t,a)),a.set(n,r),this.notify())}getHeaderExtras(t){let n=this.headerExtras.get(t);return n?[...n.entries()].map(([t,n])=>({view:t,text:n})):[]}registerCompositions(t,n){this.compositions.get(t)!==n&&(this.compositions.set(t,n),this.notify())}getHasCompositions(t){return this.compositions.get(t)}subscribe(t){return this.listeners.add(t),()=>{this.listeners.delete(t)}}getVersion(){return this.version}notify(){this.version+=1,this.pendingNotify||(this.pendingNotify=!0,queueMicrotask(()=>{this.pendingNotify=!1,this.version!==this.flushedVersion&&(this.flushedVersion=this.version,[...this.listeners].forEach(t=>t()))}))}};let d="__teambitComponentCompareFileRegistryContext__",p=globalThis,m=p[d]||(p[d]=(0,u.createContext)(void 0));function f(t){return void 0===t?void 0:c(t)}},27872(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.RegistryFeeder=n.COMPARE_PAGE_SIZE=n.useCompareData=n.CompareDataProvider=n.ComponentCompareHeader=n.InlineComponentCompare=n.CompareSidebar=n.CompareToolbarActions=n.CompareToolbar=n.useHeaderExtraRegister=n.useCompositionsRegistryRegister=n.useAspectRegistryRegister=n.useFileRegistryRegister=n.useFileRegistry=n.FileRegistryProvider=n.useDepsFilter=n.DepsFilterProvider=n.useDiffMode=n.DiffModeProvider=n.ComponentCompare=void 0;var a=r(41009);Object.defineProperty(n,"ComponentCompare",{enumerable:!0,get:function(){return a.ComponentCompare}});var o=r(16275);Object.defineProperty(n,"DiffModeProvider",{enumerable:!0,get:function(){return o.DiffModeProvider}}),Object.defineProperty(n,"useDiffMode",{enumerable:!0,get:function(){return o.useDiffMode}});var i=r(4361);Object.defineProperty(n,"DepsFilterProvider",{enumerable:!0,get:function(){return i.DepsFilterProvider}}),Object.defineProperty(n,"useDepsFilter",{enumerable:!0,get:function(){return i.useDepsFilter}});var s=r(65354);Object.defineProperty(n,"FileRegistryProvider",{enumerable:!0,get:function(){return s.FileRegistryProvider}}),Object.defineProperty(n,"useFileRegistry",{enumerable:!0,get:function(){return s.useFileRegistry}}),Object.defineProperty(n,"useFileRegistryRegister",{enumerable:!0,get:function(){return s.useFileRegistryRegister}}),Object.defineProperty(n,"useAspectRegistryRegister",{enumerable:!0,get:function(){return s.useAspectRegistryRegister}}),Object.defineProperty(n,"useCompositionsRegistryRegister",{enumerable:!0,get:function(){return s.useCompositionsRegistryRegister}}),Object.defineProperty(n,"useHeaderExtraRegister",{enumerable:!0,get:function(){return s.useHeaderExtraRegister}});var l=r(38709);Object.defineProperty(n,"CompareToolbar",{enumerable:!0,get:function(){return l.CompareToolbar}});var u=r(90211);Object.defineProperty(n,"CompareToolbarActions",{enumerable:!0,get:function(){return u.CompareToolbarActions}});var c=r(33006);Object.defineProperty(n,"CompareSidebar",{enumerable:!0,get:function(){return c.CompareSidebar}});var d=r(41009);Object.defineProperty(n,"InlineComponentCompare",{enumerable:!0,get:function(){return d.InlineComponentCompare}}),Object.defineProperty(n,"ComponentCompareHeader",{enumerable:!0,get:function(){return d.ComponentCompareHeader}});var p=r(1814);Object.defineProperty(n,"CompareDataProvider",{enumerable:!0,get:function(){return p.CompareDataProvider}}),Object.defineProperty(n,"useCompareData",{enumerable:!0,get:function(){return p.useCompareData}}),Object.defineProperty(n,"COMPARE_PAGE_SIZE",{enumerable:!0,get:function(){return p.COMPARE_PAGE_SIZE}});var m=r(41009);Object.defineProperty(n,"RegistryFeeder",{enumerable:!0,get:function(){return m.RegistryFeeder}})},63313(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentCompare=n.ComponentCompareContext=void 0;let a=r(12888);n.ComponentCompareContext=(0,a.createContext)(void 0),n.useComponentCompare=()=>(0,a.useContext)(n.ComponentCompareContext)},12066(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.InlineCompareEmpty=n.useComponentCompare=n.ComponentCompareContext=void 0;var a=r(63313);Object.defineProperty(n,"ComponentCompareContext",{enumerable:!0,get:function(){return a.ComponentCompareContext}}),Object.defineProperty(n,"useComponentCompare",{enumerable:!0,get:function(){return a.useComponentCompare}});var o=r(14967);Object.defineProperty(n,"InlineCompareEmpty",{enumerable:!0,get:function(){return o.InlineCompareEmpty}})},14967(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.InlineCompareEmpty=function({message:t,hint:n,baseVersion:r,compareVersion:a}){let i=!!r&&!!a,c=i&&r===a;return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:12,padding:"48px 16px",textAlign:"center"},children:[(0,o.jsx)("span",{style:{fontSize:15,fontWeight:600,color:l},children:t}),i&&(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:4},children:[(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12},children:[(0,o.jsx)(u,{version:r,tone:c?"neutral":"base"}),(0,o.jsx)("span",{style:{color:s,fontSize:16},children:"\u2192"}),(0,o.jsx)(u,{version:a,tone:c?"neutral":"compare"})]}),(0,o.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12,fontSize:11,color:s},children:[(0,o.jsx)("span",{style:{minWidth:64},children:"base"}),(0,o.jsx)("span",{style:{width:16}}),(0,o.jsx)("span",{style:{minWidth:64},children:"compare"})]})]}),n&&(0,o.jsx)("span",{style:{fontSize:13,color:"var(--on-surface-medium-color, #707279)",maxWidth:440,lineHeight:1.5},children:n})]})};let o=r(11684);a(r(12888));let i="var(--bit-accent-color, #6c5ce7)",s="var(--on-background-medium-color, #a0aec0)",l="var(--on-surface-color, #1a1a2e)";function u({version:t,tone:n}){let r="compare"===n;return(0,o.jsx)("span",{style:{fontFamily:"var(--font-family-monospace, ui-monospace, SFMono-Regular, Menlo, monospace)",fontSize:13,fontWeight:600,padding:"4px 10px",borderRadius:8,border:`1px solid ${r?i:"var(--border-medium-color, #e8ecf0)"}`,background:r?"rgba(108, 92, 231, 0.06)":"var(--surface-color, #fff)",color:r?i:l,whiteSpace:"nowrap"},children:t})}},28669(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.extractLazyLoadedData=void 0;var a=r(6758);Object.defineProperty(n,"extractLazyLoadedData",{enumerable:!0,get:function(){return a.extractLazyLoadedData}})},6758(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.extractLazyLoadedData=function(t){return(0,a.isFunction)(t)?t():t};let a=r(46746)},42007(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentCompareVersionPicker=function({className:t,compareVersion:n,baseVersion:r,componentId:a,compareHasLocalChanges:o}){let i,s=(0,m.useComponentCompare)(),l=s?.compare?.model,b=a||l?.id.toStringWithoutVersion(),y=o?"workspace":n||l?.version,v=r||s?.base?.model.version,_=s?.compare?.model,w=!s?.compare?.model.logs,x=c.default.useCallback((t=t=>!0)=>n=>({loading:w,..._,snaps:(_?.logs||[]).map(t=>({...t,version:t.hash})).filter(n=>{if(n.tag)return!1;let r=n.hash;return o||t?.(r)}),tags:(_?.logs||[]).map(t=>({...t,version:t.tag})).filter(n=>{if(!n.tag)return!1;let r=n.tag;return o||t?.(r)})}),[b,o,w,_?.logs?.length]),{tags:k,snaps:C,loading:j}=x()(),S=c.default.useCallback(t=>{let{version:n}=t||{};return h.valid(n)?k?.find(t=>t.tag===n):C?.find(t=>t.version===n)},[k.length,C.length,j]);return(0,u.jsxs)("div",{className:g.default.componentCompareVersionPicker,children:[(0,u.jsxs)("div",{className:(0,f.default)(g.default.dropdownContainer),children:[(0,u.jsx)("span",{className:(0,f.default)(g.default.rightPad,g.default.titleText),children:"Comparing"}),(0,u.jsx)(d.VersionDropdown,{className:(0,f.default)(g.default.componentCompareVersionContainer,g.default.left,t),dropdownClassName:g.default.componentCompareDropdown,placeholderClassName:g.default.componentCompareVersionPlaceholder,menuClassName:(0,f.default)(g.default.componentCompareVersionMenu,g.default.showMenuOverNav),currentVersion:v,overrideVersionHref:t=>(0,p.useUpdatedUrlFromQuery)({baseVersion:t}),disabled:(l?.logs?.length??0)<2,hasMoreVersions:(l?.logs?.length??0)>1,showVersionDetails:!0,useComponentVersions:x(t=>t!==l?.id.version),useCurrentVersionLog:(i=t=>t!==l?.id.version,t=>{let{version:n,skip:r}=t||{},a=x(i)({skip:r});return c.default.useMemo(()=>h.valid(n),[j,n])?c.default.useMemo(()=>a?.tags?.find(t=>t.tag===n),[j,k?.length,n]):c.default.useMemo(()=>a?.snaps?.find(t=>t.version===n),[j,C?.length,n])}),PlaceholderComponent:d.DetailedVersion})]}),(0,u.jsxs)("div",{className:g.default.dropdownContainer,children:[(0,u.jsx)("span",{className:g.default.titleText,children:"with"}),(0,u.jsx)(d.VersionDropdown,{className:(0,f.default)(g.default.componentCompareVersionContainer,g.default.right),dropdownClassName:g.default.componentCompareDropdown,placeholderClassName:g.default.componentCompareVersionPlaceholder,menuClassName:g.default.componentCompareVersionMenu,disabled:!0,currentVersion:y,PlaceholderComponent:d.DetailedVersion,useCurrentVersionLog:S,useComponentVersions:x(),showVersionDetails:!0})]})]})};let u=r(11684),c=l(r(12888)),d=r(5490),p=r(13837),m=r(12066),f=l(r(97500)),h=s(r(16322)),g=l(r(30280))},52792(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentCompareVersionPicker=void 0;var a=r(42007);Object.defineProperty(n,"ComponentCompareVersionPicker",{enumerable:!0,get:function(){return a.ComponentCompareVersionPicker}})},35227(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentFilterWidgetProvider=n.ComponentFilterWidgetContext=void 0;let l=r(11684),u=s(r(12888));n.ComponentFilterWidgetContext=(0,u.createContext)({filterWidgetOpen:!1,setFilterWidget:()=>{}}),n.ComponentFilterWidgetProvider=({children:t})=>{let[r,a]=(0,u.useState)(!1);return(0,l.jsx)(n.ComponentFilterWidgetContext.Provider,{value:{filterWidgetOpen:r,setFilterWidget:a},children:t})}},36129(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTreeProvider=n.ComponentTreeContext=void 0;let l=r(11684),u=s(r(12888));n.ComponentTreeContext=(0,u.createContext)({collapsed:!0,setCollapsed:()=>{}}),n.ComponentTreeProvider=({children:t})=>{let[r,a]=(0,u.useState)(!0);return(0,l.jsx)(n.ComponentTreeContext.Provider,{value:{collapsed:r,setCollapsed:a},children:t})}},36810(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsDrawer=void 0,n.TreeToggleWidget=function(){let{collapsed:t,setCollapsed:n}=(0,c.useContext)(w.ComponentTreeContext);return(0,u.jsx)("div",{className:(0,d.default)(x.default.widgetIcon,!t&&x.default.open),children:(0,u.jsx)("img",{src:t?"https://static.bit.dev/bit-icons/expand.svg":"https://static.bit.dev/bit-icons/collapse.svg",onClick:()=>n(!t)})})},n.FilterWidget=function(){let{filterWidgetOpen:t,setFilterWidget:n}=(0,c.useContext)(_.ComponentFilterWidgetContext);return(0,u.jsx)("div",{className:(0,d.default)(x.default.widgetIcon,x.default.filterWidget,t&&x.default.open),children:(0,u.jsx)("img",{src:"https://static.bit.dev/bit-icons/filter.svg",onClick:()=>n(!t)})})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(92064),m=r(30727),f=r(38348),h=r(40218),g=l(r(47065)),b=r(10685),y=r(30969),v=r(79630),_=r(35227),w=r(36129),x=l(r(64531));let ComponentsDrawer=class ComponentsDrawer{constructor(t){this.Context=({children:t})=>{let n=(0,g.default)(this.plugins?.filters?.values()||[]),r=[w.ComponentTreeProvider,_.ComponentFilterWidgetProvider,[b.ComponentFiltersProvider,{filters:n}]];return(0,u.jsx)(h.Composer,{components:r,children:t})},this.setWidgets=t=>{this.widgets=(0,g.default)(t?.values())},this.render=()=>{let{useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:o,useHost:i,id:s}=this;return(0,u.jsx)(k,{useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:o,useHost:i,id:s})},Object.assign(this,t),this.useComponents=t.useComponents,this.useLanes=t.useLanes||y.useLanes,this.emptyMessage=t.emptyMessage,this.plugins=t.plugins||{},this.setWidgets(t.plugins?.drawerWidgets),this.assumeScopeInUrl=t.assumeScopeInUrl||!1,this.useHost=t.useHost,this.transformTree=t.transformTree}};function k({useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:o,useHost:i,id:s}){let{loading:l,components:p}=t(),{lanesModel:h,loading:g}=n(),y=(0,c.useContext)(b.ComponentFilterContext),_=y?.filters||[],w=i?.(),S=(0,c.useMemo)(()=>_.length?(0,b.runAllFilters)(_,{components:p,lanes:h}):p,[_,p.length,h?.lanes.length,h?.viewedLane?.id.toString(),g]),E=(0,u.jsx)(C,{components:p,lanes:h,plugins:a}),O=(0,u.jsx)(j,{components:S,host:w,plugins:a,transformTree:o,lanesModel:h}),D=(0,u.jsx)("span",{className:(0,d.default)(m.mutedItalic,f.ellipsis,x.default.emptyDrawer),children:r});return l||g||!h||!p?(0,u.jsx)(v.ComponentTreeLoader,{}):(0,u.jsxs)("div",{className:x.default.drawerContainer,children:[E,O,0===S.length&&D]},s)}function C({components:t,lanes:n,plugins:r}){let{filterWidgetOpen:a}=(0,c.useContext)(_.ComponentFilterWidgetContext),o=r.filters,i=(0,c.useMemo)(()=>o&&(0,g.default)(o.toArray().map(([t,n])=>n.map(n=>({...n,key:`${t}-${n.id}`})))).sort((t,n)=>(t.order??0)-(n.order??0))||[],[o?.map.size,o?.values()?.length]);return i.length?(0,u.jsx)("div",{className:(0,d.default)(x.default.filtersContainer,a&&x.default.open),children:i.map(r=>(0,u.jsx)(r.render,{components:t,lanes:n,className:(0,d.default)(x.default.filter,a&&x.default.open)},r.key))}):null}function j({components:t,host:n,plugins:r,transformTree:a,lanesModel:o}){let{collapsed:i}=(0,c.useContext)(w.ComponentTreeContext),{tree:s}=r,l=(0,c.useMemo)(()=>s?.customRenderer&&s.customRenderer(s.widgets,n),[s?.customRenderer,s?.widgets.map.size,s?.widgets.values().length]);return t.length>0?(0,u.jsx)("div",{className:x.default.drawerTreeContainer,children:(0,u.jsx)(p.ComponentTree,{transformTree:a?a(n):void 0,components:t,isCollapsed:i,TreeNode:l,lanesModel:o})}):null}n.ComponentsDrawer=ComponentsDrawer},71161(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTreeProvider=n.ComponentTreeContext=n.ComponentFilterWidgetProvider=n.ComponentFilterWidgetContext=n.TreeToggleWidget=n.FilterWidget=n.ComponentsDrawer=void 0;var a=r(36810);Object.defineProperty(n,"ComponentsDrawer",{enumerable:!0,get:function(){return a.ComponentsDrawer}}),Object.defineProperty(n,"FilterWidget",{enumerable:!0,get:function(){return a.FilterWidget}}),Object.defineProperty(n,"TreeToggleWidget",{enumerable:!0,get:function(){return a.TreeToggleWidget}});var o=r(35227);Object.defineProperty(n,"ComponentFilterWidgetContext",{enumerable:!0,get:function(){return o.ComponentFilterWidgetContext}}),Object.defineProperty(n,"ComponentFilterWidgetProvider",{enumerable:!0,get:function(){return o.ComponentFilterWidgetProvider}});var i=r(36129);Object.defineProperty(n,"ComponentTreeContext",{enumerable:!0,get:function(){return i.ComponentTreeContext}}),Object.defineProperty(n,"ComponentTreeProvider",{enumerable:!0,get:function(){return i.ComponentTreeProvider}})},22051(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.runAllFilters=n.ComponentFiltersProvider=n.ComponentFilterContext=void 0,n.useComponentFilter=function(t,r){let a=(0,u.useContext)(n.ComponentFilterContext),o=a?.filters.find(n=>n.id===t)||{id:t,render:()=>null,match:()=>!0,state:r,order:0};return(0,u.useEffect)(()=>{a&&void 0!==r&&d(a,{...o,state:r})},[t]),[o,t=>{let n=(0,c.isFunction)(t)?t(o):t;a&&d(a,n)}]},n.useComponentFilters=function(){let t=(0,u.useContext)(n.ComponentFilterContext);return t?[t.filters,t.setFilters]:void 0};let l=r(11684),u=s(r(12888)),c=r(46746);n.ComponentFilterContext=(0,u.createContext)(void 0);let d=(t,n)=>{t.setFilters(t=>t.map(t=>t.id===n?.id?n:t))};n.ComponentFiltersProvider=({children:t,filters:r=[]})=>{let[a,o]=(0,u.useState)(r||[]);return(0,l.jsx)(n.ComponentFilterContext.Provider,{value:{filters:a,setFilters:o},children:t})},n.runAllFilters=(t,{components:n,lanes:r})=>n.filter(n=>t.every(t=>t.match({component:n,lanes:r},t.state)))},10685(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentFilters=n.useComponentFilter=n.runAllFilters=n.ComponentFilterContext=n.ComponentFiltersProvider=void 0;var a=r(22051);Object.defineProperty(n,"ComponentFiltersProvider",{enumerable:!0,get:function(){return a.ComponentFiltersProvider}}),Object.defineProperty(n,"ComponentFilterContext",{enumerable:!0,get:function(){return a.ComponentFilterContext}}),Object.defineProperty(n,"runAllFilters",{enumerable:!0,get:function(){return a.runAllFilters}}),Object.defineProperty(n,"useComponentFilter",{enumerable:!0,get:function(){return a.useComponentFilter}}),Object.defineProperty(n,"useComponentFilters",{enumerable:!0,get:function(){return a.useComponentFilters}})},66699(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.DeprecateFilter=void 0;let o=r(11684),i=a(r(97500));a(r(12888));let s=r(11685),l=r(10685),u=a(r(90428));n.DeprecateFilter={id:"deprecate",match:({component:t},n)=>n||!t.deprecation?.isDeprecate,state:!1,order:0,render:function({className:t}){let r=(0,l.useComponentFilter)(n.DeprecateFilter.id);if(!r)return null;let[a,c]=r,d=a?.state;return(0,o.jsxs)("div",{className:(0,i.default)(u.default.deprecateFilter,d&&u.default.active,t),children:[(0,o.jsxs)("div",{className:u.default.filterIcon,children:[(0,o.jsx)("img",{src:"https://static.bit.dev/bit-icons/deprecated.svg"}),(0,o.jsx)("span",{className:u.default.filterIconLabel,children:"Deprecated"})]}),(0,o.jsx)("div",{children:(0,o.jsx)(s.Toggle,{defaultChecked:d,onInputChanged:()=>c(t=>({...t,state:!d}))})})]})}}},95719(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.DeprecateFilter=void 0;var a=r(66699);Object.defineProperty(n,"DeprecateFilter",{enumerable:!0,get:function(){return a.DeprecateFilter}})},3592(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.EnvsPlaceholder=function({onClick:t}){return(0,o.jsxs)("div",{className:c.default.filterIcon,onClick:t,children:[(0,o.jsx)("img",{src:"https://static.bit.dev/bit-icons/env.svg"}),(0,o.jsx)("span",{className:c.default.filterIconLabel,children:"Environments"}),(0,o.jsx)("div",{className:c.default.dropdownArrow,children:(0,o.jsx)("img",{src:"https://static.bit.dev/bit-icons/fat-arrow-down.svg"})})]})},n.EnvsDropdownItem=function({displayName:t,icon:n,description:r,componentId:a,id:d}){return(0,o.jsx)(l.Tooltip,{placement:"right",content:(0,o.jsx)(u.Link,{className:c.default.envLink,href:i.ComponentUrl.toUrl(a,{includeVersion:!1}),external:!0,children:d}),children:(0,o.jsxs)("div",{className:c.default.envDropdownItemContainer,children:[(0,o.jsxs)("div",{className:c.default.envDropdownItem,children:[(0,o.jsx)(s.Ellipsis,{children:t}),(0,o.jsx)("div",{className:c.default.envDropdownItemIconContainer,children:(0,o.jsx)("img",{className:c.default.envDropdownItemIcon,src:n})})]}),(0,o.jsx)("div",{className:c.default.description,children:(0,o.jsx)(s.Ellipsis,{className:c.default.descriptionText,children:r})})]})})};let o=r(11684);a(r(12888));let i=r(59004),s=r(38348),l=r(62634),u=r(19304),c=a(r(81275))},24850(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.EnvsFilter=void 0;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(30266),m=r(10685),f=r(35724),h=r(21171),g=r(3592),b=l(r(81275));n.EnvsFilter={id:"envs",match:({component:t},n)=>{let{envsState:r}=n,a=[...r.values()].every(t=>t.active),o=[...r.values()].filter(t=>t.active).map(t=>t.id);if(0===o.length||a)return!0;let i=t.environment&&p.ComponentID.tryFromString(t.environment.id)?.toStringWithoutVersion();return!!i&&o.indexOf(i)>=0},state:{envsState:new Map,dropdownState:!1},order:1,render:function({components:t,className:r,lanes:a}){let[o=[]]=(0,m.useComponentFilters)()||[],i=o.filter(t=>t.id!==n.EnvsFilter.id),s=(0,c.useMemo)(()=>(0,m.runAllFilters)(i,{components:t,lanes:a}),[JSON.stringify(i),a?.viewedLane?.id.toString()]),l=(0,c.useMemo)(()=>{let t={dropdownState:!1,envsState:new Map},n=new Set;return s.filter(t=>{let r=t.environment&&p.ComponentID.tryFromString(t.environment.id);if(!r)return!1;let a=r.toStringWithoutVersion();return!n.has(a)&&(n.add(a),!0)}).map(t=>{let n=p.ComponentID.fromString(t.environment?.id);return{displayName:n.name,id:n.toStringWithoutVersion(),description:`${n.scope}${n.namespace?"/".concat(n.namespace):""}`,icon:t.environment?.icon,componentId:n}}).forEach(n=>{t.envsState.set(n.id,{...n,active:!0})}),t},[s]),y=(0,m.useComponentFilter)(n.EnvsFilter.id,l),v=l.envsState,[_,w]=y||[],[x,k]=(0,c.useState)(!1);(0,c.useEffect)(()=>{w?.(t=>(t.state=l,t))},[s.length,a?.viewedLane?.id.toString()]);let C=[];return v.forEach(t=>{C.push({value:t.id,icon:t.icon,description:t.description,checked:!!_?.state.envsState.get(t.id)?.active,element:(0,u.jsx)(g.EnvsDropdownItem,{...t})})}),(0,u.jsx)("div",{className:(0,d.default)(b.default.envsFilterContainer,r),children:(0,u.jsx)(h.Dropdown,{open:x,onClickOutside:()=>k(!1),placeholderContent:(0,u.jsx)(g.EnvsPlaceholder,{onClick:()=>k(!x)}),bottomPlugin:(0,u.jsx)(h.ButtonsPlugin,{onClear:()=>{w?.(t=>(t.state.envsState.forEach((n,r)=>{t.state.envsState.set(r,{...n,active:!1})}),t))},onSubmit:()=>{w?.(t=>(t.state.dropdownState=!1,t)),k(!1)},submitClassName:b.default.doneButton}),dropClass:b.default.envFilterDropdown,position:"bottom",children:(0,u.jsx)("div",{className:b.default.dropdownContent,children:C.map((t,n)=>(0,u.jsx)(f.CheckboxItem,{checked:t.checked,onInputChanged:n=>{var r;let a;return r=t.value,a=n.target.checked,void w?.(t=>{a&&!t.state.dropdownState&&(t.state.dropdownState=!0);let n=t.state.envsState.get(r);return n&&t.state.envsState.set(r,{...n,active:a}),t})},children:t.element},n))})})})}}},8367(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EnvsFilter=void 0;var a=r(24850);Object.defineProperty(n,"EnvsFilter",{enumerable:!0,get:function(){return a.EnvsFilter}})},79453(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ShowMainFilter=void 0;var a=r(34659);Object.defineProperty(n,"ShowMainFilter",{enumerable:!0,get:function(){return a.ShowMainFilter}})},34659(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.ShowMainFilter=void 0;let o=r(11684),i=a(r(97500));a(r(12888));let s=r(11685),l=r(10685),u=r(29362),c=a(r(9812));function d({className:t,lanes:r}){let a=r?.viewedLane?.id.isDefault(),p=(0,l.useComponentFilter)((0,n.ShowMainFilter)().id);if(a||!p)return null;let[m,f]=p,h=m?.state;return(0,o.jsxs)("div",{className:(0,i.default)(c.default.onLaneFilter,h&&c.default.active,t),children:[(0,o.jsxs)("div",{className:c.default.filterIcon,children:[(0,o.jsx)(u.LaneIcon,{}),(0,o.jsx)("span",{className:c.default.filterIconLabel,children:"Show main"})]}),(0,o.jsx)("div",{children:(0,o.jsx)(s.Toggle,{defaultChecked:h,onInputChanged:()=>f(t=>({...t,state:!h}))})})]})}n.ShowMainFilter=(t=!1)=>({id:"onLane",match:({component:t,lanes:n},r)=>!!n?.viewedLane?.id.isDefault()||!!r||!!n?.isInViewedLane(t.id,!0),state:t,order:2,render:d})},78996(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentOverview=function({displayName:t,abstract:n,titleBadges:r,labels:a,packageName:o,elementsUrl:i,componentDescriptor:s,component:l,pkgManager:D="npm",...N}){let P="teambit.workspace/workspace"===l?.host,T=P?"Use package":"Install package",I=l?.id,M=I?.version??void 0,$=M===(l?.latest??void 0)?"":`@${(0,b.snapToSemver)(M)}`,[A,R]=c.default.useState(D),F=(0,c.useMemo)(()=>"yarn"===A?"add":"bit"===A?"install":"i",[A]),L=(0,c.useMemo)(()=>`${A} ${F} ${o}${$}`,[A,o,$,F]),z=`bit import ${I?.toStringWithoutVersion()??""}`,B=(0,c.useMemo)(()=>`Copy ${A} install command`,[A]),q=(0,c.useMemo)(()=>{switch(A){case"npm":return(0,u.jsx)("img",{alt:"npm-logo",className:E.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"});case"pnpm":return(0,u.jsx)("img",{alt:"pnpm-logo",className:E.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"});case"yarn":return(0,u.jsx)("img",{alt:"yarn-logo",className:E.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"});case"bit":return(0,u.jsx)(C.Icon,{className:E.default.bit,of:"bit-logo-mono"});default:return null}},[A]),V=[{component:function(){return(0,u.jsx)("span",{children:T})},content:P?(0,u.jsx)(y.CopyBox,{className:E.default.copyBox,children:o}):(0,u.jsx)(y.CopyBox,{className:E.default.copyBox,copyText:L,Tooltip:({children:t})=>(0,u.jsx)(S.Tooltip,{placement:"right",content:B,children:t}),CopyIcon:(0,u.jsx)(S.Tooltip,{content:B,children:(0,u.jsx)(C.Icon,{className:E.default.copyIcon,of:"copy-cmp"})}),CopyWidget:(0,u.jsx)("div",{className:E.default.copyContainer,children:(0,u.jsx)(g.Dropdown,{className:E.default.pkgManagerDropdown,dropClass:E.default.pkgManagerMenu,placeholder:(0,u.jsxs)("div",{className:E.default.pkgManagerPlaceholder,children:[q,(0,u.jsx)(C.Icon,{of:"fat-arrow-down"})]}),clickOutside:!0,clickPlaceholderToggles:!0,position:"bottom-start",clickToggles:!0,children:(0,u.jsxs)("div",{className:E.default.pkgManagerMenuItems,children:[(0,u.jsx)("div",{className:(0,d.default)("npm"===A&&E.default.selected),onClick:()=>R("npm"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&R("npm"),"aria-label":"Select npm package manager",children:(0,u.jsx)("img",{alt:"npm-logo",className:E.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("pnpm"===A&&E.default.selected),onClick:()=>R("pnpm"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&R("pnpm"),"aria-label":"Select pnpm package manager",children:(0,u.jsx)("img",{alt:"pnpm-logo",className:E.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("yarn"===A&&E.default.selected),onClick:()=>R("yarn"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&R("yarn"),"aria-label":"Select yarn package manager",children:(0,u.jsx)("img",{alt:"yarn-logo",className:E.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("bit"===A&&E.default.selected),onClick:()=>R("bit"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&R("bit"),"aria-label":"Select bit package manager",children:(0,u.jsx)(C.Icon,{className:E.default.bit,of:"bit-logo-mono"})})]})})}),children:o})},{component:function(){return(0,u.jsx)("span",{children:"Modify component"})},content:P?(0,u.jsx)(y.CopyBox,{className:E.default.copyBox,children:I?I.toStringWithoutVersion():""}):(0,u.jsx)(y.CopyBox,{className:E.default.copyBox,copyText:z,Tooltip:({children:t})=>(0,u.jsx)(S.Tooltip,{placement:"right",content:"copy bit import command",children:t}),CopyIcon:(0,u.jsxs)("div",{className:E.default.copyContainer,children:[(0,u.jsx)("div",{children:(0,u.jsx)(C.Icon,{className:E.default.bit,of:"bit-logo-mono"})}),(0,u.jsx)("div",{children:(0,u.jsx)(C.Icon,{className:E.default.copyIcon,of:"copy-cmp"})})]}),children:I?I.toStringWithoutVersion():""})}],U=i;if(U&&!U.startsWith("http")){let t=x.isBrowser?window.location.origin:void 0;(U=t&&i?`${t}${i}`:void 0)&&V.push({component:function(){return(0,u.jsx)("span",{children:"Elements url"})},content:(0,u.jsx)(y.CopyBox,{className:E.default.copyBox,children:U})})}return(0,u.jsxs)(h.Section,{...N,children:[(0,u.jsxs)("div",{className:p.textColumn,children:[(0,u.jsxs)(k.Row,{className:E.default.titleRow,children:[(0,u.jsx)("div",{className:E.default.componentTitle,children:(0,u.jsx)(m.H1,{className:E.default.title,children:t})}),(0,u.jsx)(O,{position:j.BadgePosition.Title,componentDescriptor:s,component:l,badges:r})]}),(0,u.jsx)(k.Row,{children:n&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(w.Subtitle,{className:E.default.subTitle,children:n}),(0,u.jsx)(O,{position:j.BadgePosition.SubTitle,componentDescriptor:s,component:l,badges:r})]})}),(0,u.jsxs)(k.Row,{children:[(0,u.jsx)(f.LabelList,{children:a}),(0,u.jsx)(O,{position:j.BadgePosition.Labels,componentDescriptor:s,component:l,badges:r})]}),(0,u.jsxs)(k.Row,{children:[(0,u.jsx)("div",{className:E.default.contentTabs,children:(0,u.jsx)(_.ContentTabs,{priority:"folder",tabs:V,navClassName:E.default.nav,tabClassName:E.default.tab})}),(0,u.jsx)(O,{position:j.BadgePosition.Package,componentDescriptor:s,component:l,badges:r})]})]}),(0,u.jsx)(v.Separator,{isPresentational:!0})]})},n.BadgeSection=O;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(80460),m=r(75066),f=r(61529),h=r(55646),g=r(57699),b=r(71118),y=r(53490),v=r(15065),_=r(13932),w=r(78267),x=r(5286),k=r(34662),C=r(29751),j=r(82894),S=r(62634),E=l(r(72145));function O({badges:t,position:n,componentDescriptor:r,component:a}){return(0,u.jsx)("div",{className:E.default.badgeContainer,children:t?.filter(t=>n===j.BadgePosition.Title&&!t.position||t.position===n)?.sort((t,n)=>(t.weight??0)-(n.weight??0))?.map((t,n)=>(0,u.jsx)(t.component,{componentDescriptor:r,legacyComponentModel:a},n))})}},71169(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BadgeSection=n.ComponentOverview=void 0;var a=r(78996);Object.defineProperty(n,"ComponentOverview",{enumerable:!0,get:function(){return a.ComponentOverview}}),Object.defineProperty(n,"BadgeSection",{enumerable:!0,get:function(){return a.BadgeSection}})},72917(t,n){"use strict";var r,a;Object.defineProperty(n,"__esModule",{value:!0}),n.JobStatus=void 0,(a=r||(n.JobStatus=r={})).fail="fail",a.pass="pass",a.running="running",a.pending="pending"},24654(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.JobStatus=n.VersionBlock=void 0;var a=r(49462);Object.defineProperty(n,"VersionBlock",{enumerable:!0,get:function(){return a.VersionBlock}});var o=r(72917);Object.defineProperty(n,"JobStatus",{enumerable:!0,get:function(){return o.JobStatus}})},49462(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionBlock=function({isLatest:t,className:n,snap:r,componentId:a,isCurrent:o,collapsed:i=!1,onToggleCollapse:s,allExpanded:l=!1,...m}){var C;let{username:j,displayName:S,email:E,profileImage:O,message:D,tag:N,hash:P,date:T,deprecated:I}=r,{lanesModel:M}=(0,y.useLanes)(),$=M?.isViewingNonDefaultLane()?`${v.LanesModel.getLaneUrl(M.viewedLane.id)}${v.LanesModel.baseLaneComponentRoute}`:"",A=N||P,R=!!N,F=N?`v${N}`:P.slice(0,7),L=(0,g.useMemo)(()=>({displayName:S||j||"",email:E||"",name:j||"",profileImage:O||""}),[S,j,E,O]),{pathname:z}=(0,f.useLocation)()||{},B=z?.replace(/\/~changelog.*$/,"")||"",q=$?`${$}/${a}?version=${A}`:`${B}?version=${A}`,{firstLine:V,rest:U}=(C=D,(0,g.useMemo)(()=>{if(!C)return{firstLine:"",rest:""};let t=C.split("\n");return{firstLine:t[0],rest:t.slice(1).join("\n").trim()}},[C])),[G,H]=(0,g.useState)(!1),X=U.length>0,Y=S||j||"Unknown";return!R&&i?(0,u.jsxs)("div",{className:(0,h.default)(_.default.row,_.default.snapRow,_.default.collapsedRow,n),onClick:s,role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&s?.(),...m,children:[(0,u.jsx)("div",{className:_.default.dateCol,children:(0,u.jsx)(d.TimeAgo,{className:_.default.dateText,date:T?parseInt(T):Date.now()})}),(0,u.jsx)("div",{className:_.default.dotCol,children:(0,u.jsx)("div",{className:_.default.snapDotOuter,children:(0,u.jsx)("div",{className:_.default.snapDotInner})})}),(0,u.jsx)("div",{className:_.default.contentCol,children:(0,u.jsxs)("div",{className:_.default.collapsedContent,children:[(0,u.jsx)(b.Tooltip,{placement:"bottom",content:P,children:(0,u.jsx)("span",{className:_.default.snapHash,children:F})}),(0,u.jsx)("span",{className:_.default.collapsedAuthor,children:Y}),I&&(0,u.jsx)(k,{}),(0,u.jsx)(w,{collapsed:!0,className:_.default.expandHint})]})})]}):R?(0,u.jsxs)("div",{className:(0,h.default)(_.default.row,_.default.tagRow,n),...m,children:[(0,u.jsx)("div",{className:_.default.dateCol,children:(0,u.jsx)(d.TimeAgo,{className:_.default.dateText,date:T?parseInt(T):Date.now()})}),(0,u.jsx)("div",{className:_.default.dotCol,children:(0,u.jsx)("div",{className:_.default.tagDotOuter,children:(0,u.jsx)("div",{className:_.default.tagDotRing,children:(0,u.jsx)("div",{className:_.default.tagDotInner})})})}),(0,u.jsx)("div",{className:_.default.contentCol,children:(0,u.jsxs)("div",{className:(0,h.default)(_.default.tagCard,l&&_.default.tagCardBordered),children:[(0,u.jsxs)("div",{className:_.default.headerRow,children:[(0,u.jsx)(b.Tooltip,{placement:"bottom",content:P,children:(0,u.jsx)(x,{className:_.default.versionLink,href:q,children:F})}),t&&(0,u.jsx)(p.VersionLabel,{status:"latest"}),o&&(0,u.jsx)(p.VersionLabel,{status:"current"}),I&&(0,u.jsx)(k,{})]}),(0,u.jsxs)("div",{className:_.default.metaRow,children:[(0,u.jsx)(c.UserAvatar,{account:L,size:20,fontSize:8}),(0,u.jsx)("span",{className:_.default.authorName,children:Y})]}),(0,u.jsx)("div",{className:_.default.messageSection,children:V?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:_.default.firstLine,children:V}),X&&(0,u.jsxs)(u.Fragment,{children:[G&&(0,u.jsx)("div",{className:_.default.restOfMessage,children:U}),(0,u.jsx)("button",{className:_.default.expandButton,onClick:()=>H(!G),type:"button",children:G?"Show less":"Show more"})]})]}):(0,u.jsx)("div",{className:_.default.emptyMessage,children:"No commit message"})})]})})]}):(0,u.jsxs)("div",{className:(0,h.default)(_.default.row,_.default.snapRow,n),...m,children:[(0,u.jsx)("div",{className:_.default.dateCol,children:(0,u.jsx)(d.TimeAgo,{className:_.default.dateText,date:T?parseInt(T):Date.now()})}),(0,u.jsx)("div",{className:_.default.dotCol,children:(0,u.jsx)("div",{className:_.default.snapDotOuter,children:(0,u.jsx)("div",{className:_.default.snapDotInner})})}),(0,u.jsx)("div",{className:_.default.contentCol,children:(0,u.jsxs)("div",{className:_.default.snapCard,onClick:s,role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&s?.(),children:[(0,u.jsxs)("div",{className:_.default.headerRow,children:[(0,u.jsx)(b.Tooltip,{placement:"bottom",content:P,children:(0,u.jsx)(x,{className:_.default.snapVersionLink,href:q,onClick:t=>t.stopPropagation(),children:F})}),I&&(0,u.jsx)(k,{}),(0,u.jsx)(w,{className:_.default.collapseHint})]}),(0,u.jsxs)("div",{className:_.default.metaRow,children:[(0,u.jsx)(c.UserAvatar,{account:L,size:20,fontSize:8}),(0,u.jsx)("span",{className:_.default.authorName,children:Y})]}),(0,u.jsx)("div",{className:_.default.messageSection,children:V?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:_.default.firstLine,children:V}),X&&(0,u.jsxs)(u.Fragment,{children:[G&&(0,u.jsx)("div",{className:_.default.restOfMessage,children:U}),(0,u.jsx)("button",{className:_.default.expandButton,onClick:t=>{t.stopPropagation(),H(!G)},type:"button",children:G?"Show less":"Show more"})]})]}):(0,u.jsx)("div",{className:_.default.emptyMessage,children:"No commit message"})})]})})]})};let u=r(11684),c=r(19988),d=r(52464),p=r(59473),m=r(29751),f=r(19304),h=l(r(97500)),g=s(r(12888)),b=r(62634),y=r(30969),v=r(1453),_=l(r(1359));function w({collapsed:t,className:n}){return(0,u.jsx)("svg",{className:(0,h.default)(_.default.chevronIcon,t&&_.default.chevronCollapsed,n),width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,u.jsx)("path",{d:"M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z",fill:"var(--bit-text-color-light, #6c707c)"})})}let x=f.Link;function k(){return(0,u.jsx)(b.Tooltip,{placement:"bottom",content:"This version is deprecated",children:(0,u.jsxs)("div",{className:_.default.deprecatedBadge,children:[(0,u.jsx)(m.Icon,{of:"note-deprecated",className:_.default.deprecatedBadgeIcon}),(0,u.jsx)("span",{children:"Deprecated"})]})})}},5490(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VersionDropdown=n.DetailedVersion=n.SimpleVersion=void 0;var a=r(83190);Object.defineProperty(n,"SimpleVersion",{enumerable:!0,get:function(){return a.SimpleVersion}}),Object.defineProperty(n,"DetailedVersion",{enumerable:!0,get:function(){return a.DetailedVersion}});var o=r(66630);Object.defineProperty(n,"VersionDropdown",{enumerable:!0,get:function(){return o.VersionDropdown}})},80528(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LaneInfo=void 0;var a=r(80513);Object.defineProperty(n,"LaneInfo",{enumerable:!0,get:function(){return a.LaneInfo}})},80513(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.LaneInfo=function({id:t,currentLane:n}){let r=n&&t.isEqual(n.id);return(0,o.jsx)("div",{children:(0,o.jsx)(s.MenuLinkItem,{active:r,href:i.LanesModel.getLaneUrl(t),className:u.default.versionRow,children:(0,o.jsxs)("span",{children:[(0,o.jsx)(l.Icon,{className:u.default.laneIcon,of:"lane"}),t.toString()]})})},t.toString())};let o=r(11684),i=r(1453);a(r(12888));let s=r(93766),l=r(29751),u=a(r(72854))},83190(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.SimpleVersion=function({currentVersion:t,className:n,disabled:r,hasMoreVersions:a,isTag:o=t=>null!==m.valid(t),useCurrentVersionLog:i,showFullVersion:s,loading:l,...c}){if(l)return(0,u.jsx)(b.WordSkeleton,{className:v.default.loader,length:9});let h="new"===t&&!a,g=s||o(t)?t:t?.slice(0,6);return h?(0,u.jsx)(y.PillLabel,{className:(0,p.default)(v.default.newLabel,n),children:g}):(0,u.jsxs)("div",{...c,className:(0,p.default)(v.default.simple,n,r&&v.default.disabled),children:[(0,u.jsx)(d.Ellipsis,{className:(0,p.default)(v.default.versionName),onClick:c.onClick,children:g}),a&&(0,u.jsx)(f.Icon,{of:"fat-arrow-down",onClick:c.onClick})]})},n.DetailedVersion=function({currentVersion:t,className:n,disabled:r,hasMoreVersions:a,isTag:o=t=>null!==m.valid(t),loading:i,useCurrentVersionLog:s,showFullVersion:l,...y}){var _,w;let{displayName:x,message:k,username:C,email:j,date:S,profileImage:E}=s?.({skip:i,version:t})||{},O=c.default.useMemo(()=>({displayName:x??"",email:j,name:C??"",profileImage:E}),[x,j,C,E]),D=l||o(t)?t:t?.slice(0,6),N=S?new Date(+S):void 0,P=c.default.useMemo(()=>N?new Date(+N).toString():new Date().toString(),[N]);return i?(0,u.jsx)(b.WordSkeleton,{className:v.default.loader,length:9}):(0,u.jsxs)("div",{...y,className:(0,p.default)(v.default.detailed,n,r&&v.default.disabled),children:[(0,u.jsx)(g.UserAvatar,{size:24,account:O??{},className:v.default.versionUserAvatar,showTooltip:!0,onClick:y.onClick}),(0,u.jsx)(d.Ellipsis,{className:(0,p.default)(v.default.versionName),onClick:y.onClick,children:D}),(_=k,w=y.onClick,_&&""!==_?(0,u.jsx)(d.Ellipsis,{className:v.default.commitMessage,onClick:w,children:_}):(0,u.jsx)(d.Ellipsis,{className:v.default.emptyMessage,onClick:w,children:"No commit message"})),(0,u.jsx)(d.Ellipsis,{className:v.default.versionTimestamp,onClick:y.onClick,children:(0,u.jsx)(h.TimeAgo,{date:P,onClick:y.onClick})}),a&&(0,u.jsx)(f.Icon,{of:"fat-arrow-down",onClick:y.onClick})]})};let u=r(11684),c=l(r(12888)),d=r(38348),p=l(r(97500)),m=s(r(16322)),f=r(29751),h=r(52464),g=r(19988),b=r(31079),y=r(69608),v=l(r(71311))},66630(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionDropdown=n.LOCAL_VERSION=void 0;let u=r(11684),c=s(r(12888)),d=r(93766),p=r(57699),m=r(77210),f=r(19988),h=r(31079),g=l(r(97500)),b=l(r(88479)),y=r(2300),v=r(80528),_=r(83190);n.LOCAL_VERSION="workspace",n.VersionDropdown=(0,c.memo)(function({currentVersion:t,latestVersion:n,localVersion:r,useCurrentVersionLog:a,hasMoreVersions:o,loading:i,overrideVersionHref:s,className:l,placeholderClassName:d,getActiveTabIndex:m,dropdownClassName:f,menuClassName:h,showVersionDetails:y=!0,disabled:v,PlaceholderComponent:x,currentLane:k,useComponentVersions:C,lanes:j,...S}){let[E,O]=(0,c.useState)(0),D=!o,[N,P]=(0,c.useState)(!1);(0,c.useEffect)(()=>{i&&N&&P(!1)},[i]);let T=t=>{i||t.target===t.currentTarget&&P(t=>!t)},I=(0,u.jsx)(_.SimpleVersion,{useCurrentVersionLog:a,disabled:v,className:d,currentVersion:t,onClick:T,hasMoreVersions:o,loading:i,showFullVersion:"workspace"===t}),M=x?(0,u.jsx)(x,{useCurrentVersionLog:a,disabled:v,className:d,currentVersion:t,onClick:T,hasMoreVersions:o,loading:i,showFullVersion:"workspace"===t}):I;return v||D&&!i?(0,u.jsx)("div",{className:(0,g.default)(b.default.noVersions,l),children:M}):(0,u.jsx)("div",{...S,className:(0,g.default)(b.default.versionDropdown,l),children:(0,u.jsx)(p.Dropdown,{className:(0,g.default)(b.default.dropdown,f),dropClass:(0,g.default)(b.default.menu,h),open:N,onClick:T,onClickOutside:()=>P(!1),onChange:(t,n)=>n&&O(t=>t+1),PlaceholderComponent:({children:t,...n})=>(0,u.jsx)("div",{...n,className:d,onClick:T,children:t}),placeholder:M,children:(0,u.jsx)(w,{className:h,currentVersion:t,latestVersion:n,localVersion:r,overrideVersionHref:s,showVersionDetails:y,currentLane:k,getActiveTabIndex:m,lanes:j,useVersions:C,onVersionClicked:()=>P(!1),open:N},E)})})});let w=(0,c.memo)(function({currentVersion:t,localVersion:r,latestVersion:a,overrideVersionHref:o,showVersionDetails:i,useVersions:s,currentLane:l,lanes:p,getActiveTabIndex:_=x,loading:w,open:C,onVersionClicked:j,...S}){let{snaps:E,tags:O,loading:D}=s?.()||{},N=w||D,P=(0,c.useMemo)(()=>k.map(t=>{switch(t){case"SNAP":return{name:t,payload:E||[]};case"LANE":return{name:t,payload:p||[]};default:return{name:t,payload:O||[]}}}).filter(t=>t.payload.length>0),[E?.length,O?.length,p?.length,N]),[T,I]=(0,c.useState)(_(t,P,O,E,l)),M=(0,c.useMemo)(()=>void 0!==T?P[T]:void 0,[T,P]);(0,c.useEffect)(()=>{if(!l||0===P.length)return;let n=_(t,P,O,E,l);n!==T&&I(n)},[l,P.length,O?.length,E?.length,t,N]);let $=P.length>1,A=void 0!==T&&P[T]?.payload.length>0,R=(0,c.useCallback)(function({index:n}){let{name:r,payload:s=[]}=M||{},c=s[n];return c?"LANE"===r?(0,u.jsx)(v.LaneInfo,{currentLane:l,...c},c.id.toString()):(0,u.jsx)(y.VersionInfo,{currentVersion:t,latestVersion:a,overrideVersionHref:o,showDetails:i,onVersionClicked:j,...c},c.version):null},[M,t,a,i,l?.id.toString(),A]),F=(0,c.useMemo)(()=>A&&M?R:()=>null,[A,M,R]),L=(0,c.useMemo)(()=>M?.payload.map((t,n)=>F({index:n})),[M]);return(0,u.jsxs)("div",{...S,className:(0,g.default)(b.default.versionMenuContainer,!C&&b.default.hide),children:[N&&(0,u.jsx)(h.LineSkeleton,{count:6,className:b.default.loader}),!N&&r&&(0,u.jsx)(d.MenuLinkItem,{href:"?",active:t===n.LOCAL_VERSION,className:(0,g.default)(b.default.versionRow,b.default.localVersion),onClick:j,children:(0,u.jsxs)("div",{className:b.default.version,children:[(0,u.jsx)(f.UserAvatar,{size:24,account:{},className:b.default.versionUserAvatar}),(0,u.jsx)("span",{className:b.default.versionName,children:n.LOCAL_VERSION})]})}),(0,u.jsx)("div",{className:(0,g.default)($&&b.default.tabs,!r&&b.default.withoutLocal),children:$&&P.map(({name:t},n)=>(0,u.jsx)(m.Tab,{className:b.default.tab,isActive:T===n,onClick:()=>I(n),children:t},t))}),(0,u.jsx)("div",{className:b.default.versionContainerRoot,children:L})]})}),x=(t,n=[],r,a)=>(a||[]).some(n=>n.version===t)?n.findIndex(t=>"SNAP"===t.name):0,k=["TAG","SNAP","LANE"]},2300(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VersionInfo=void 0;var a=r(52437);Object.defineProperty(n,"VersionInfo",{enumerable:!0,get:function(){return a.VersionInfo}})},52437(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionInfo=void 0;let u=r(11684),c=r(93766),d=r(52464),p=r(59473),m=r(29751),f=r(62634),h=s(r(12888)),g=r(19988),b=r(38348),y=l(r(97500)),v=l(r(83706));function _({message:t,showDetails:n}){return n?t&&""!==t?(0,u.jsx)(b.Ellipsis,{className:v.default.commitMessage,children:t}):(0,u.jsx)(b.Ellipsis,{className:v.default.emptyMessage,children:"No commit message"}):null}n.VersionInfo=h.default.memo(h.default.forwardRef(function({version:t,currentVersion:n,latestVersion:r,date:a,username:o,displayName:i,email:s,overrideVersionHref:l,showDetails:w,message:x,tag:k,profileImage:C,deprecated:j,onVersionClicked:S},E){let O=t===n,D=(0,h.useMemo)(()=>({displayName:i??"",email:s,name:o??"",profileImage:C}),[i,s,o,C]),N=(0,h.useMemo)(()=>a?new Date(parseInt(a)).toString():new Date().toString(),[a]),P=(0,h.useRef)(null);(0,h.useEffect)(()=>{O&&P.current?.scrollIntoView({block:"nearest"})},[O]);let T=l?l(t):`?version=${t}`,I=(0,h.useMemo)(()=>k?t:t.slice(0,6),[k,t]),M=t===r;return(0,u.jsx)("div",{ref:E||P,onClick:S,children:(0,u.jsxs)(c.MenuLinkItem,{active:O,href:T,className:v.default.versionRow,children:[(0,u.jsxs)("div",{className:v.default.version,children:[(0,u.jsx)(g.UserAvatar,{size:24,account:D,className:v.default.versionUserAvatar,showTooltip:!0}),(0,u.jsx)(b.Ellipsis,{className:(0,y.default)(v.default.versionName),children:I}),M&&(0,u.jsx)(p.VersionLabel,{status:"latest"}),j&&(0,u.jsx)(f.Tooltip,{placement:"bottom",content:"Deprecated",children:(0,u.jsx)("div",{className:v.default.deprecatedIcon,children:(0,u.jsx)(m.Icon,{of:"note-deprecated"})})}),(0,u.jsx)(_,{message:x,showDetails:w})]}),(0,u.jsx)(b.Ellipsis,{className:v.default.versionTimestamp,children:(0,u.jsx)(d.TimeAgo,{date:N})})]})})}))},8929(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.AspectEntry=void 0;let AspectEntry=class AspectEntry{constructor(t,n){this.id=t,this.legacyEntry=n}get legacy(){return this.legacyEntry}get isLegacy(){return!!this.config?.__legacy}get config(){return this.legacy.config}set config(t){this.legacy.config=t}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(t){this.legacy.data=t}transform(t){let n=this.clone();return n.data=t,new AspectEntry(this.id,n.legacy)}clone(){return new AspectEntry(this.id,this.legacyEntry.clone())}serialize(){return{id:this.id.toString(),config:this.config,data:this.data,icon:"https://static.bit.dev/extensions-icons/default.svg"}}};n.AspectEntry=AspectEntry},12177(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 o(){let t=r(75216);return o=function(){return t},t}function i(){let t=r(15506);return i=function(){return t},t}function s(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.AspectSection=void 0;let AspectSection=class AspectSection{constructor(){s(this,"route",{path:"~aspect",element:a().default.createElement(i().AspectPage,null)}),s(this,"navigationLink",{href:"~aspect",children:a().default.createElement(o().MenuWidgetIcon,{icon:"configuration",tooltipContent:"Configuration"}),displayName:"Configuration",hideInMinimalMode:!0}),s(this,"order",50)}};n.AspectSection=AspectSection},52365(t,n,r){"use strict";function a(){let t=r(83875);return a=function(){return t},t}function o(){let t=l(r(46179));return o=function(){return t},t}function i(){var t;let n=(t=r(16928))&&t.__esModule?t:{default:t};return i=function(){return n},n}function s(){let t=r(50668);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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;let ComponentFS=class ComponentFS extends a().MemoryFS{constructor(t){super(),this.files=t}get hash(){return""}byRegex(t){return this.files.filter(n=>n.path.match(t))}byGlob(t){let{includePatterns:n,excludePatterns:r}=(0,s().splitPatterns)(t);return this.files.filter(t=>(0,s().matchPatterns)(t.relative,n,r))}toObject(){return this.files.map(t=>({path:t.path,contents:t.contents}))}static fromVinyls(t){let n=new ComponentFS(t);return t.forEach(t=>{let r=t.relativeDir;r.startsWith("/")||(r=i().default.join("/",r)),n.mkdirpSync(r),n.writeFileSync(`/${t.relative}`,o().auto(t.contents||""))}),n}};n.default=ComponentFS},18985(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentMap=void 0;let ComponentMap=class ComponentMap{constructor(t){this.hashMap=t}byComponent(t){return this.hashMap.get(t.id.toString())}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},49661(t,n,r){"use strict";function a(){let t=r(18985);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentMap",{enumerable:!0,get:function(){return a().ComponentMap}})},61159(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.ComponentAspect=void 0;let o=n.ComponentAspect=a().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});n.default=o},55633(t,n,r){"use strict";function a(){let t=r(5913);return a=function(){return t},t}function o(){let t=r(24490);return o=function(){return t},t}function i(){let t=r(46746);return i=function(){return t},t}function s(){let t=r(88077);return s=function(){return t},t}function l(){let t=r(28381);return l=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.Component=void 0;let Component=class Component{constructor(t,n=null,r,a=new(s()).TagMap,o){this.id=t,this.head=n,this._state=r,this.tags=a,this.factory=o}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(t){this._state=t}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get homepage(){return this._state._consumer._getHomepage()}get headTag(){if(this.head)return this.tags.byHash(this.head.hash)}get latest(){if(this.head)try{return this.tags.getLatest()}catch(t){if(t instanceof l().CouldNotFindLatest)return this.head.hash;throw t}}get(t){return this.state.aspects.get(t)?.serialize()}async getLogs(t){let n=await this.factory.getLogs(this.id,!1,t?.head);if(!t)return n;let{type:r,limit:a,offset:o,sort:s}=t,l=r&&n.filter(t=>"tag"===r?t.tag:"snap"!==r||!t.tag)||n;return"asc"!==s&&(l=l.reverse()),a&&(l=(0,i().slice)(l,o,a+(o||0))),l}getDependencies(){return this.factory.getDependencies(this)}getPackageName(){return this.factory.componentPackageName(this)}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(t=>(0,a().capitalize)(t)).join(" ")}tag(t){}isModified(){return this.factory.isModified(this)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;let t=this.tags.byVersion(this.latest);return!!t&&this.head?.hash!==t?.hash}isNew(){return Promise.resolve(null===this.head)}isExported(){return this.factory.isExported(this.id)}loadState(t){return this.factory.getState(this.id,t)}loadSnap(t){let n=t||this.head?.hash;if(!n)throw new(o()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,n)}snapsIterable(t,n={}){let r,a=t||this.head?.hash,o=[a];a||(r=!0);let i={next:async()=>{if(r)return{value:void 0,done:r};let t=o.shift(),a=await this.loadSnap(t);return a.parents&&a.parents.length&&(n.firstParentOnly?o.push(a.parents[0]):o=o.concat(a.parents)),o.length?n.stopFn&&(r=await n.stopFn(a)):r=!0,{value:a,done:void 0}}};return{[Symbol.asyncIterator]:()=>i}}async getClosestTag(t){let n=this.tags.getHashMap(),r=async t=>!!n.has(t.hash),a=this.snapsIterable(t,{firstParentOnly:!0,stopFn:r}),o=[];for await(let t of a)o.push(t);if(o.length){let t=o[o.length-1].hash;return n.get(t)}}getTag(){let t=this.id.version;if(t)return this.tags.byVersion(t)||this.tags.byHash(t)}getSnapHash(){if(!this.id.hasVersion())return;let t=this.tags.byVersion(this.id.version);return t?t.hash:this.id.version}async getCurrentSnap(){let t=this.getSnapHash();if(t)return this.loadSnap(t)}checkout(t){}write(t,n){}equals(t){return t.id.toString()===this.id.toString()}};n.Component=Component},56599(t,n,r){"use strict";function a(){let t=v(r(12888));return a=function(){return t},t}function o(){let t=v(r(47065));return o=function(){return t},t}function i(){let t=v(r(29656));return i=function(){return t},t}function s(){let t=r(43385);return s=function(){return t},t}function l(){let t=r(72631);return l=function(){return t},t}function u(){let t=r(75894);return u=function(){return t},t}function c(){let t=r(14451);return c=function(){return t},t}function d(){let t=r(46746);return d=function(){return t},t}function p(){let t=r(2839);return p=function(){return t},t}function m(){let t=r(71118);return m=function(){return t},t}function f(){let t=r(12177);return f=function(){return t},t}function h(){let t=r(61159);return h=function(){return t},t}function g(){let t=r(55810);return g=function(){return t},t}function b(){let t=r(75547);return b=function(){return t},t}function y(){let t=r(64621);return y=function(){return t},t}function v(t){return t&&t.__esModule?t:{default:t}}function _(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 ComponentUI=class ComponentUI{constructor(t,n,r,s,l,u,c,d,m,f,h){this.routeSlot=t,this.navSlot=n,this.consumeMethodSlot=r,this.widgetSlot=s,this.pinnedWidgetSlot=l,this.rightSideMenuSlot=u,this.menuItemSlot=c,this.pageItemSlot=d,this.componentSearchResultSlot=m,this.isCommandBarEnabled=h,_(this,"routePath","/*"),_(this,"componentSearcher",void 0),_(this,"activeComponent",void 0),_(this,"copyBitId",()=>{(0,i().default)(this.activeComponent?.id.toString()||"")}),_(this,"copyNpmId",()=>{let t=this.activeComponent?.packageName;if(t){let n=this.activeComponent?.id.version,r=n?`@${this.formatToInstallableVersion(n)}`:"";(0,i().default)(`${t}${r}`)}}),_(this,"commandRunner",void 0),_(this,"keyBindings",[{id:"component.copyBitId",action:this.copyBitId,displayName:"Copy component ID",keybinding:"."},{id:"component.copyNpmId",action:this.copyNpmId,displayName:"Copy component package name",keybinding:","}]),_(this,"menuItems",[{category:"general",title:"Open command bar",keyChar:"mod+k",handler:()=>this.runCommand("command-bar.open")},{category:"general",title:"Toggle component list",keyChar:"alt+s",handler:()=>this.runCommand("sidebar.toggle")},{category:"workflow",title:"Copy component ID",keyChar:".",handler:this.copyBitId},{category:"workflow",title:"Copy component package name",keyChar:",",handler:this.copyNpmId}]),_(this,"bitMethod",({options:t,id:n,packageName:r,latest:o,componentModel:i})=>{let s=r||i?.packageName,l=o||i?.id.version,u=n.version===l?"":`@${n.version}`,c=n.version===l?"":`@${this.formatToInstallableVersion(n.version)}`;return{Title:a().default.createElement("img",{style:{width:"20px"},src:"https://static.bit.dev/brands/bit-logo-text.svg"}),Component:t?.hide?null:a().default.createElement(p().Import,{componentId:`${n.toString({ignoreVersion:!0})}${u}`,packageName:`${s}${c}`,componentName:n.name,showInstallMethod:!t?.disableInstall}),order:0}}),_(this,"handleComponentChange",t=>{this.activeComponent=t}),_(this,"registerMenuItem",t=>{this.menuItemSlot.register(t)}),_(this,"registerPageItem",(...t)=>{this.pageItemSlot.register(t)}),_(this,"registerSearchResultWidget",(...t)=>{this.componentSearchResultSlot.register(t);let n=(0,o().default)(this.componentSearchResultSlot.values());this.componentSearcher.updatePlugins(n)}),_(this,"updateComponents",t=>{this.componentSearcher.update(t||[])}),this.componentSearcher=new(b()).ComponentSearcher({navigate:f.navigateTo})}get routes(){return this.routeSlot.toArray().map(([t,n])=>[t,Array.isArray(n)?[...(0,o().default)(n)]:[n]])}formatToInstallableVersion(t){return(0,m().snapToSemver)(t)}registerCommandRunner(t){this.commandRunner=t}runCommand(t){return this.commandRunner?.(t)}getComponentUI(t,n={}){return a().default.createElement(g().Component,{routeSlot:this.routeSlot,containerSlot:this.pageItemSlot,onComponentChange:this.handleComponentChange,host:t,path:n.path,useComponent:n.useComponent,componentIdStr:n.componentId,useComponentFilters:n.useComponentFilters,overriddenRoutes:n.routes})}getMenu(t,n={}){return a().default.createElement(y().ComponentMenu,{className:n.className,skipRightSide:n.skipRightSide,navigationSlot:this.navSlot,consumeMethodSlot:this.consumeMethodSlot,rightSideMenuSlot:this.rightSideMenuSlot,widgetSlot:this.widgetSlot,host:t,menuItemSlot:this.menuItemSlot,useComponent:n.useComponent,path:n.path,componentIdStr:n.componentId,useComponentFilters:n.useComponentFilters,RightNode:n.RightNode,authToken:n.authToken,pinnedWidgetSlot:this.pinnedWidgetSlot})}listMenuItems(){return(0,d().groupBy)((0,o().default)(this.menuItemSlot.values()),"category")}registerRoute(t){return this.routeSlot.register(t),this}registerNavigation(t,n){this.navSlot.register({props:t,order:n})}registerConsumeMethod(...t){this.consumeMethodSlot.register(t)}registerWidget(t,n){this.widgetSlot.register({props:t,order:n})}registerPinnedWidget(t,n){this.pinnedWidgetSlot.register({props:t,order:n})}registerRightSideMenuItem(...t){this.rightSideMenuSlot.register(t)}static async provider([t],n,[r,a,o,i,l,u,c,d,p]){let m=new ComponentUI(r,a,o,i,p,d,l,u,c,t,n.commandBar),h=new(f()).AspectSection;return m.registerSearchResultWidget({key:"deprecation",end:s().DeprecationIcon}),m.registerMenuItem(m.menuItems),m.registerRoute(h.route),m.registerWidget(h.navigationLink,h.order),m.registerConsumeMethod(m.bitMethod),m}};_(ComponentUI,"dependencies",[u().ReactRouterAspect]),_(ComponentUI,"runtime",c().UIRuntime),_(ComponentUI,"slots",[l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType()]),_(ComponentUI,"defaultConfig",{commandBar:!0}),h().ComponentAspect.addRuntime(ComponentUI)},52946(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Config=void 0;let Config=class Config{constructor(t){this.consumerComponent=t}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}};n.Config=Config},41384(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CouldNotFindLatest=void 0;let CouldNotFindLatest=class CouldNotFindLatest extends Error{constructor(t){super(`could not find latest semver in array: ${t.join(", ")}`)}report(){return this.message}};n.CouldNotFindLatest=CouldNotFindLatest},93402(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.HostNotFound=void 0;let HostNotFound=class HostNotFound extends Error{constructor(t){super(),this.hostName=t}toString(){return`[component] error: host '${this.hostName}' was not found`}};n.HostNotFound=HostNotFound},28381(t,n,r){"use strict";function a(){var t;let n=(t=r(51225))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(93402);return o=function(){return t},t}function i(){let t=r(41384);return i=function(){return t},t}function s(){let t=r(72002);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CouldNotFindLatest",{enumerable:!0,get:function(){return i().CouldNotFindLatest}}),Object.defineProperty(n,"HostNotFound",{enumerable:!0,get:function(){return o().HostNotFound}}),Object.defineProperty(n,"MainFileNotFound",{enumerable:!0,get:function(){return s().MainFileNotFound}}),Object.defineProperty(n,"NothingToSnap",{enumerable:!0,get:function(){return a().default}})},72002(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.MainFileNotFound=void 0;let MainFileNotFound=class MainFileNotFound extends Error{constructor(t,n){super(),this.id=t,this.mainFile=n}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}};n.MainFileNotFound=MainFileNotFound},51225(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;let NothingToSnap=class NothingToSnap extends Error{};n.default=NothingToSnap},11013(t,n,r){"use strict";function a(){let t=r(28537);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentHostModel=void 0;let ComponentHostModel=class ComponentHostModel{constructor(t,n){this.name=t,this.components=n}static from(t){return new ComponentHostModel(t.getHost.name,a().ComponentModel.fromArray(t.getHost.list))}};n.ComponentHostModel=ComponentHostModel},41733(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={useComponentHost:!0};function o(){let t=r(81403);return o=function(){return t},t}Object.defineProperty(n,"useComponentHost",{enumerable:!0,get:function(){return o().useComponentHost}});var i=r(11013);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]}})})},81403(t,n,r){"use strict";function a(){let t=r(7622);return a=function(){return t},t}function o(){let t=r(15810);return o=function(){return t},t}function i(){let t=r(11013);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentHost=function(){let{data:t,loading:n}=(0,a().useDataQuery)(s);return!t||n?{}:{host:i().ComponentHostModel.from(t)}};let s=(0,o().gql)`
   {
     getHost {
       id # used for GQL caching
@@ -464,7 +464,7 @@ ${l}`}).join("\n\n")+"\n"};let o="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
       }
     }
   }
-`},15506(t,n,r){"use strict";function a(){let t=r(28766);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"AspectPage",{enumerable:!0,get:function(){return a().AspectPage}})},59274(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 o(){let t=r(80105);return o=function(){return t},t}function i(){let t=r(34926);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentError=void 0;let ComponentError=class ComponentError{constructor(t,n){this.code=t,this.message=n}renderError(){return 404===this.code?a().default.createElement(o().NotFoundPage,null):a().default.createElement(i().ServerErrorPage,null)}};n.ComponentError=ComponentError},34670(t,n,r){"use strict";function a(){let t=r(59274);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentError",{enumerable:!0,get:function(){return a().ComponentError}})},50730(t,n,r){"use strict";function a(){let t=r(24010);return a=function(){return t},t}function o(){let t=r(19100);return o=function(){return t},t}function i(){let t=r(86233);return i=function(){return t},t}function s(){let t=r(88077);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentModel=void 0;let ComponentModel=class ComponentModel{constructor(t,n,r,a,o,i,s,l,u,c,d,p="",m=[],f,h,g,b,y){this.id=t,this.displayName=n,this.packageName=r,this.server=a,this.compositions=o,this.tags=i,this.buildStatus=s,this.issuesCount=l,this.status=u,this.deprecation=c,this.environment=d,this.description=p,this.labels=m,this.host=f,this.size=h,this.latest=g,this.preview=b,this.logs=y}get version(){return this.id.version?this.id.version:"new"}static from({id:t,server:n,displayName:r,compositions:l=[],packageName:u,tags:c=[],deprecation:d,buildStatus:p,env:m,status:f,issuesCount:h,description:g,labels:b,host:y,latest:v,preview:_,size:w,logs:x}){return new ComponentModel(o().ComponentID.fromObject(t),r,u,n,a().Composition.fromArray(l),s().TagMap.fromArray(c.map(t=>i().Tag.fromObject(t))),p,h,f,d,m,g,b,y,w,v,_,x?.map(t=>t??{hash:"[error]",tag:"[error]",message:"",parents:[]}))}static fromArray(t){return t.map(t=>ComponentModel.from(t))}static empty(){return new ComponentModel(o().ComponentID.fromObject({name:"root",scope:"temp"}),"","",{env:"",url:""},[],s().TagMap.empty())}};n.ComponentModel=ComponentModel},51393(t,n,r){"use strict";function a(){let t=r(50730);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentModel",{enumerable:!0,get:function(){return a().ComponentModel}}),Object.defineProperty(n,"ComponentModelProps",{enumerable:!0,get:function(){return a().ComponentModelProps}}),Object.defineProperty(n,"DeprecationInfo",{enumerable:!0,get:function(){return a().DeprecationInfo}}),Object.defineProperty(n,"RegularCompDescriptor",{enumerable:!0,get:function(){return a().RegularCompDescriptor}})},11508(t,n,r){"use strict";function a(){let t=c(r(12888));return a=function(){return t},t}function o(){let t=c(r(763));return o=function(){return t},t}function i(){let t=r(38348);return i=function(){return t},t}function s(){let t=r(71292);return s=function(){return t},t}function l(){let t=c(r(97500));return l=function(){return t},t}function u(){let t=c(r(82705));return u=function(){return t},t}function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentResult=function({component:t,plugins:n}){let r=t.id.fullName,c=(0,o().default)(n?.map(n=>n.start&&a().default.createElement(n.start,{key:n.key,component:t}))),d=(0,o().default)(n?.map(n=>n.end&&a().default.createElement(n.end,{key:n.key,component:t})));return a().default.createElement(a().default.Fragment,null,c,a().default.createElement(s().EnvIcon,{component:t,className:u().default.icon}),a().default.createElement("div",{className:(0,l().default)(u().default.name,i().ellipsis)},r),d)}},55714(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 o(){let t=r(78757);return o=function(){return t},t}function i(){let t=r(11508);return i=function(){return t},t}function s(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 l(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?s(Object(r),!0).forEach(function(n){u(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return 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.ComponentSearcher=void 0;let c=["displayName","name"];let ComponentSearcher=class ComponentSearcher extends o().FuzzySearcher{constructor(t){super({searchKeys:c}),this.options=t,u(this,"toSearchResult",({item:t})=>{let{resultPlugins:n}=this.options,{component:r}=t;return{id:r.id.fullName,action:`/${r.id.fullName}`,children:a().default.createElement(i().ComponentResult,{component:r,plugins:n})}})}updatePlugins(t){this.options=l(l({},this.options),{},{resultPlugins:t})}test(t){return!t.startsWith(">")&&t.length>0}toSearchableItem(t){return{name:t.id.name,displayName:t.id.fullName,component:t}}};n.ComponentSearcher=ComponentSearcher},75547(t,n,r){"use strict";function a(){let t=r(55714);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentSearcher",{enumerable:!0,get:function(){return a().ComponentSearcher}})},55810(t,n,r){"use strict";function a(){let t=h(r(12888));return a=function(){return t},t}function o(){let t=r(85253);return o=function(){return t},t}function i(){let t=f(r(47065));return i=function(){return t},t}function s(){let t=r(72164);return s=function(){return t},t}function l(){let t=r(46746);return l=function(){return t},t}function u(){let t=r(44421);return u=function(){return t},t}function c(){let t=r(92308);return c=function(){return t},t}function d(){let t=r(55137);return d=function(){return t},t}function p(){let t=r(30266);return p=function(){return t},t}function m(){let t=f(r(83435));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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function g(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 b(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?g(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.Component=function({routeSlot:t,overriddenRoutes:n,containerSlot:r,host:f,onComponentChange:h,componentIdStr:g,useComponent:y,path:v,useComponentFilters:_}){let w=(0,d().useIdFromLocation)(),x=(0,d().useIdFromLocation)(void 0,!0),k=(0,l().isFunction)(g)?g():g,C=k?p().ComponentID.fromString(k):void 0,j=_?.()||{},S=(0,o().useQuery)().get("version"),E={logFilters:b(b({},j),j.loading?{}:{log:b({},j.log)}),customUseComponent:y},{component:O,componentDescriptor:D,error:N}=(0,c().useComponent)(S?"teambit.scope/scope":f,C?.toString()||x,E);(0,a().useEffect)(()=>h?.(O),[O]),(0,a().useEffect)(()=>()=>h?.(void 0),[]);let P=(0,a().useMemo)(()=>(0,i().default)(r?.values()),[r]),T=(0,a().useMemo)(()=>P.filter(t=>"before"===t.type).map(t=>t.content),[P]),I=(0,a().useMemo)(()=>P.filter(t=>"after"===t.type).map(t=>t.content),[P]);return N?N?.renderError():O?a().default.createElement(u().ComponentDescriptorProvider,{componentDescriptor:D},a().default.createElement(u().ComponentProvider,{component:O},T,a().default.createElement("div",{className:m().default.container},t&&a().default.createElement(s().SlotRouter,{parentPath:`${v||w}/*`,slot:t,routes:n})),I)):a().default.createElement("div",null)}},79432(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(51393);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentDescriptor=n.ComponentDescriptorContext=n.ComponentContext=void 0,n.ComponentContext=(0,a().createContext)(o().ComponentModel.empty());let i=n.ComponentDescriptorContext=(0,a().createContext)(void 0);n.useComponentDescriptor=()=>(0,a().useContext)(i)},88078(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 o(){let t=r(79432);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentDescriptorProvider=function({componentDescriptor:t,children:n}){return a().default.createElement(o().ComponentDescriptorContext.Provider,{value:t},n)},n.ComponentProvider=function({component:t,children:n}){return a().default.createElement(o().ComponentContext.Provider,{value:t},n)}},44421(t,n,r){"use strict";function a(){let t=r(79432);return a=function(){return t},t}function o(){let t=r(88078);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentContext",{enumerable:!0,get:function(){return a().ComponentContext}}),Object.defineProperty(n,"ComponentDescriptorContext",{enumerable:!0,get:function(){return a().ComponentDescriptorContext}}),Object.defineProperty(n,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return o().ComponentDescriptorProvider}}),Object.defineProperty(n,"ComponentProvider",{enumerable:!0,get:function(){return o().ComponentProvider}}),Object.defineProperty(n,"useComponentDescriptor",{enumerable:!0,get:function(){return a().useComponentDescriptor}})},28537(t,n,r){"use strict";function a(){let t=r(64621);return a=function(){return t},t}function o(){let t=r(55810);return o=function(){return t},t}function i(){let t=r(51393);return i=function(){return t},t}function s(){let t=r(44421);return s=function(){return t},t}function l(){let t=r(4965);return l=function(){return t},t}function u(){let t=r(92308);return u=function(){return t},t}function c(){let t=r(53423);return c=function(){return t},t}function d(){let t=r(55137);return d=function(){return t},t}function p(){let t=r(94653);return p=function(){return t},t}function m(){let t=r(22046);return m=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"COMPONENT_QUERY_LOG_FIELDS",{enumerable:!0,get:function(){return c().COMPONENT_QUERY_LOG_FIELDS}}),Object.defineProperty(n,"CollapsibleMenuNav",{enumerable:!0,get:function(){return a().CollapsibleMenuNav}}),Object.defineProperty(n,"Component",{enumerable:!0,get:function(){return o().Component}}),Object.defineProperty(n,"ComponentContext",{enumerable:!0,get:function(){return s().ComponentContext}}),Object.defineProperty(n,"ComponentMenu",{enumerable:!0,get:function(){return a().ComponentMenu}}),Object.defineProperty(n,"ComponentModel",{enumerable:!0,get:function(){return i().ComponentModel}}),Object.defineProperty(n,"ComponentModelProps",{enumerable:!0,get:function(){return i().ComponentModelProps}}),Object.defineProperty(n,"ComponentProvider",{enumerable:!0,get:function(){return s().ComponentProvider}}),Object.defineProperty(n,"ConsumeMethodSlot",{enumerable:!0,get:function(){return a().ConsumeMethodSlot}}),Object.defineProperty(n,"GET_COMPONENT",{enumerable:!0,get:function(){return c().GET_COMPONENT}}),Object.defineProperty(n,"GET_COMPONENT_WITH_LOGS",{enumerable:!0,get:function(){return c().GET_COMPONENT_WITH_LOGS}}),Object.defineProperty(n,"MenuNavProps",{enumerable:!0,get:function(){return a().MenuNavProps}}),Object.defineProperty(n,"TopBarNav",{enumerable:!0,get:function(){return l().TopBarNav}}),Object.defineProperty(n,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return a().VersionRelatedDropdowns}}),Object.defineProperty(n,"componentFields",{enumerable:!0,get:function(){return c().componentFields}}),Object.defineProperty(n,"componentFieldsWithLogs",{enumerable:!0,get:function(){return c().componentFieldsWithLogs}}),Object.defineProperty(n,"componentIdFields",{enumerable:!0,get:function(){return c().componentIdFields}}),Object.defineProperty(n,"componentOverviewFields",{enumerable:!0,get:function(){return c().componentOverviewFields}}),Object.defineProperty(n,"useComponent",{enumerable:!0,get:function(){return u().useComponent}}),Object.defineProperty(n,"useComponentLogs",{enumerable:!0,get:function(){return m().useComponentLogs}}),Object.defineProperty(n,"useComponentQuery",{enumerable:!0,get:function(){return p().useComponentQuery}}),Object.defineProperty(n,"useIdFromLocation",{enumerable:!0,get:function(){return d().useIdFromLocation}})},64621(t,n,r){"use strict";function a(){let t=r(71050);return a=function(){return t},t}function o(){let t=r(27250);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CollapsibleMenuNav",{enumerable:!0,get:function(){return a().CollapsibleMenuNav}}),Object.defineProperty(n,"ComponentMenu",{enumerable:!0,get:function(){return o().ComponentMenu}}),Object.defineProperty(n,"MenuNavProps",{enumerable:!0,get:function(){return a().MenuNavProps}}),Object.defineProperty(n,"RightSideMenuItem",{enumerable:!0,get:function(){return o().RightSideMenuItem}}),Object.defineProperty(n,"RightSideMenuSlot",{enumerable:!0,get:function(){return o().RightSideMenuSlot}}),Object.defineProperty(n,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return o().VersionRelatedDropdowns}})},71050(t,n,r){"use strict";function a(){let t=m(r(12888));return a=function(){return t},t}function o(){let t=p(r(97500));return o=function(){return t},t}function i(){let t=r(50919);return i=function(){return t},t}function s(){let t=r(21171);return s=function(){return t},t}function l(){let t=r(60909);return l=function(){return t},t}function u(){let t=r(60517);return u=function(){return t},t}function c(){let t=r(4965);return c=function(){return t},t}function d(){let t=p(r(48187));return d=function(){return t},t}function p(t){return t&&t.__esModule?t:{default:t}}function m(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(m=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function f(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 h(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?f(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function g(){return(g=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 b({isInMenu:t,menuItemProps:n}){let r=n?.displayName&&t?n?.displayName:void 0;return a().default.createElement(c().TopBarNav,g({},n,{className:(0,o().default)(n?.className,d().default.topBarNav,t&&d().default.noBorder)}),r||n?.children)}function y({links:t,secondaryNavClassName:n}){return 0===t.length?null:a().default.createElement("div",{className:d().default.minimalMoreNav},a().default.createElement(s().Dropdown,{placeholderContent:a().default.createElement("div",{className:d().default.minimalMoreButton,"aria-label":"More component sections"},a().default.createElement("img",{src:"https://static.bit.dev/bit-icons/more-h.svg",alt:""})),dropClass:n,position:"bottom-end",placeholderBorder:!1,clickToggles:!0,margin:8},t.map((t,n)=>a().default.createElement(l().MenuItem,{className:d().default.minimalMenuItem,key:`minimal-dropdown-${n}`},a().default.createElement(b,{menuItemProps:t.tabProps?.menuItemProps,isInMenu:!0})))))}function v([,{order:t}],[,{order:n}]){return(t??0)-(n??0)}Object.defineProperty(n,"__esModule",{value:!0}),n.CollapsibleMenuNav=function({navigationSlot:t,widgetSlot:n,navPlugins:r=[],widgetPlugins:s=[],className:l,secondaryNavClassName:c,activeTabIndex:p,alwaysShowActiveTab:m,children:f}){let{isMinimal:g}=(0,u().useWorkspaceMode)(),_=(0,a().useMemo)(()=>{let n=r.length>0?r:t?.toArray();return g?(n||[]).filter(t=>!t[1].props.hideInMinimalMode).sort(v):(n||[]).sort(v)},[t,r,g]),w=[..._,...(0,a().useMemo)(()=>{let t=s.length>0?s:n?.toArray();return g?(t||[]).filter(t=>!t[1].props.hideInMinimalMode).sort(v):(t||[]).sort(v)},[n,s,g])].map(([,t],n)=>{let r=_.length-1===n?{marginRight:"auto"}:{},a=_.length===n?{marginLeft:"auto"}:{};return{component:b,tabProps:{menuItemProps:t.props},style:h(h({},a),r),className:t.props.className}});return a().default.createElement(a().default.Fragment,null,g&&a().default.createElement(y,{links:w,secondaryNavClassName:c}),a().default.createElement(i().ResponsiveNavbar,{navClassName:(0,o().default)(d().default.tab,g&&d().default.hideMinimalMobileNav,l),secondaryNavClassName:c,style:{width:"100%",height:"100%"},priority:"none",tabs:w,defaultActiveIndex:p,alwaysShowActiveTab:m},f))}},27250(t,n,r){"use strict";function a(){let t=C(r(12888));return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}function i(){let t=k(r(97500));return i=function(){return t},t}function s(){let t=r(85253);return s=function(){return t},t}function l(){let t=r(46746);return l=function(){return t},t}function u(){let t=C(r(16322));return u=function(){return t},t}function c(){let t=r(5490);return c=function(){return t},t}function d(){let t=r(21081);return d=function(){return t},t}function p(){let t=r(19100);return p=function(){return t},t}function m(){let t=r(19304);return m=function(){return t},t}function f(){let t=r(54664);return f=function(){return t},t}function h(){let t=r(30969);return h=function(){return t},t}function g(){let t=r(2839);return g=function(){return t},t}function b(){let t=r(60517);return b=function(){return t},t}function y(){let t=r(92308);return y=function(){return t},t}function v(){let t=r(71050);return v=function(){return t},t}function _(){let t=r(55137);return _=function(){return t},t}function w(){let t=r(4965);return w=function(){return t},t}function x(){let t=k(r(48187));return x=function(){return t},t}function k(t){return t&&t.__esModule?t:{default:t}}function C(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(C=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function j(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?j(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function E(){return(E=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 O(t,n,r={},o,i){return a().default.useCallback(s=>{let{skip:u,initialLoad:c}=s||{},d={logFilters:S(S({},r),{},{log:S(S({},r.log),{},{limit:c?3:void 0})}),skip:i||u,customUseComponent:o},{component:p,loading:m,componentLogs:f={}}=(0,y().useComponent)(t,n,d),h=f?.logs,g=a().default.useMemo(()=>m||i||f.loading,[m,i,f.loading]),b=(0,a().useMemo)(()=>(h||[]).filter(t=>!t.tag).map(t=>S(S({},t),{},{version:t.hash})),[h]),v=(0,a().useMemo)(()=>{let t=new Map;return(h||[]).filter(t=>t.tag).forEach(n=>{t.set(n?.tag,n)}),(0,l().compact)((p?.tags?.toArray()||[]).reverse().map(n=>t.get(n.version.version))).map(t=>S(S({},t),{},{version:t.tag}))},[h]);return{loading:g,id:p?.id,packageName:p?.packageName,latestVersion:p?.latest,currentVersion:p?.version,snaps:b,tags:v,buildStatus:p?.buildStatus}},[n,i,r,t])}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentMenu=function({navigationSlot:t,widgetSlot:n,className:r,host:u,menuItemSlot:c,consumeMethodSlot:m,rightSideMenuSlot:f,componentIdStr:h,skipRightSide:g,RightNode:y,useComponent:w,path:k,useComponentFilters:C,authToken:j,pinnedWidgetSlot:S}){let{isMinimal:D}=(0,b().useWorkspaceMode)(),I=(0,_().useIdFromLocation)(),M=(0,_().useIdFromLocation)(void 0,!0),$=(0,l().isFunction)(h)?h():h,A=$?p().ComponentID.fromString($):void 0,R=k||I,F=(0,a().useMemo)(()=>(0,l().groupBy)((0,l().flatten)(c.values()),"category"),[c]),L=(0,a().useMemo)(()=>(0,l().orderBy)((0,l().flatten)(f.values()),"order"),[f]),z=(0,a().useMemo)(()=>(0,l().flatten)(S.toArray().sort(P).map(([,t])=>t)),[S]),B=C?.()||{},q=O((0,s().useQuery)().get("version")?"teambit.scope/scope":u,A?.toString()||M,B,w),V=a().default.createElement("div",{className:x().default.rightSide},y||a().default.createElement(a().default.Fragment,null,a().default.createElement(N,{host:u,consumeMethods:m,componentId:A?.toString()||I,useComponent:q,componentFilters:B,authToken:j}),L.map(({item:t})=>t),!D&&a().default.createElement(d().MainDropdown,{className:x().default.hideOnMobile,menuItems:F})));return a().default.createElement(o().Routes,null,a().default.createElement(o().Route,{path:`${R}/*`,element:a().default.createElement("div",{className:(0,i().default)(x().default.topBar,D&&x().default.topBarMinimal,r)},a().default.createElement("div",{className:(0,i().default)(x().default.leftSide,D&&x().default.leftSideMinimal)},a().default.createElement(v().CollapsibleMenuNav,{navigationSlot:t,widgetSlot:n})),D&&z.map(t=>a().default.createElement(T,E({key:`key-${t.order}`},t.props))),!g&&a().default.createElement("div",{className:x().default.rightSide},V))}))},n.VersionRelatedDropdowns=N,n.defaultLoadCurrentVersion=void 0,n.defaultLoadVersions=O;let D=t=>n=>{let{skip:r,version:o}=n||{},{snaps:i,tags:s,currentVersion:l,loading:c}=t.useComponent?.({skip:r,id:t.componentId})??{},d=o??l;return a().default.useMemo(()=>u().valid(d),[c,d])?a().default.useMemo(()=>s?.find(t=>t.tag===d),[c,s?.length,d]):a().default.useMemo(()=>i?.find(t=>t.version===d),[c,i?.length,d])};function N(t){var n,r;let o=S(S({},t),{},{useLanes:t.useLanes??h().useLanes,dropdownOptions:S(S({},t.dropdownOptions),{},{showVersionDetails:t?.dropdownOptions?.showVersionDetails??!0})}),s=D(o),{useLanes:u,consumeMethods:d,className:p,dropdownOptions:b,host:y}=o,{loading:v,id:_,tags:w,snaps:k,latest:C,packageName:j,currentVersion:E}=t.useComponent?.({initialLoad:!0})||{},O=(0,m().useLocation)(),{lanesModel:N}=u(),P=_&&N?.getLanesByComponentId(_)?.filter(t=>!t.id.isDefault())||[],T=N?.viewedLane?.id&&!N?.viewedLane?.id.isDefault()?N.viewedLane:void 0,I="teambit.workspace/workspace"===y,M=w?.length===0&&k?.length===0,$=I&&!M&&(!T||N?.isViewingCurrentLane()),A=!I||M||O?.search.includes("version")?E??"":"workspace",R=t.authToken,F=(n=d,r=a().default.useMemo(()=>_?{id:_,packageName:j??"",latest:C,options:{viewedLane:T,disableInstall:!j},authToken:R}:void 0,[_,j,C,T,R]),(0,a().useMemo)(()=>(0,l().flatten)(n?.values()).map(t=>{if(r)return t?.(r)}).filter(t=>!!t&&t.Component&&t.Title),[n,r])),L=F?.length>0;return a().default.createElement(a().default.Fragment,null,d&&_&&L&&a().default.createElement(f().UseBoxDropdown,{position:"bottom-end",className:(0,i().default)(x().default.useBox,x().default.hideOnMobile),dropClass:x().default.useBoxContainer,Menu:a().default.createElement(g().Menu,{methods:F,componentName:_.name})}),a().default.createElement(c().VersionDropdown,{lanes:P,loading:v,useComponentVersions:t.useComponent,hasMoreVersions:!M,useCurrentVersionLog:s,localVersion:$,currentVersion:A,latestVersion:C,currentLane:T,className:(0,i().default)(x().default.versionDropdown,p),menuClassName:I?x().default.componentVersionMenuWorkspace:x().default.componentVersionMenu,getActiveTabIndex:b?.getActiveTabIndex,showVersionDetails:b?.showVersionDetails}))}function P([,{order:t}],[,{order:n}]){return(t??0)-(n??0)}function T(t){return a().default.createElement(w().TopBarNav,E({},t,{style:S(S({},t.style),{},{height:"100%"}),className:(0,i().default)(t?.className)}),t?.children)}n.defaultLoadCurrentVersion=D},4965(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=r(29482);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]}})})},29482(t,n,r){"use strict";function a(){let t=c(r(12888));return a=function(){return t},t}function o(){let t=c(r(97500));return o=function(){return t},t}function i(){let t=r(44178);return i=function(){return t},t}function s(){let t=r(19304);return s=function(){return t},t}function l(){let t=c(r(75443));return l=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.TopBarNav=function(t){let{href:n,className:r,activeClassName:s,children:c,displayName:m,ignoreQueryParams:f}=t,h=function(t,n){if(null==t)return{};var r,a,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,u),{search:g}=(0,i().useLocation)(),b=n&&!f&&`${n}${g}`||n;return a().default.createElement(p,d({},h,{className:(0,o().default)(r,l().default.topBarLink),activeClassName:(0,o().default)(s,l().default.active),href:b}),a().default.createElement("div",null,c))};let u=["href","className","activeClassName","children","displayName","ignoreQueryParams"];function c(t){return t&&t.__esModule?t:{default:t}}function d(){return(d=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)}let p=s().Link},55137(t,n,r){"use strict";function a(){let t=r(44178);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useIdFromLocation=function(t,n){let r,i=(0,a().useParams)(),[s]=(0,a().useSearchParams)(),l=s.get("scope")??void 0,u=t||i["*"];if(!u)return;let[c,...d]=u.split("/"),p=c.split(".").length>1,m=p?d.join("/"):u;p&&(r=c),!p&&n&&(r=l);let f=o.exec(m);if(f?.[0])return r?`${r}/${f[0]}`:f[0]};let o=/^[\w/-]*[\w-]/},22046(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(7622);return o=function(){return t},t}function i(){let t=r(53423);return i=function(){return t},t}function s(){let t=r(34670);return s=function(){return t},t}function l(){let t=r(23403);return l=function(){return t},t}function u(){let t=r(30266);return u=function(){return t},t}function c(t,n,r,a){let{log:o}=r||{},{head:i,offset:s,sort:u,limit:c,type:d,takeHeadFromComponent:p}=o||{},m={id:t,extensionId:n,logOffset:(0,l().getOffsetValue)(s,c),logLimit:c,logType:d,logHead:i,logSort:u,logTakeHeadFromComponent:p};return{logOffset:s,variables:m,skip:a}}Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentLogs=function(t,n,r,l,d){let{variables:p,skip:m}=c(t,n,r,l),{data:f,error:h,loading:g}=(0,o().useDataQuery)(i().GET_COMPONENT_WITH_LOGS,{variables:p,skip:m,errorPolicy:"all",context:d}),b=f?.getHost?.get,y=b?.logs,v=h&&!f?new(s()).ComponentError(500,h.message):!b&&!g&&new(s()).ComponentError(404)||void 0,_=b?.id?`${b?.id?.scope}/${b?.id?.name}@${b?.id?.version}}`:void 0;return{loading:g,id:(0,a().useMemo)(()=>b?u().ComponentID.fromObject(b.id):void 0,[_]),packageName:b?.packageName,latest:b?.latest,error:v,componentLogs:{logs:y,loading:g}}},n.useComponentLogsInit=c},94653(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(7622);return o=function(){return t},t}function i(){let t=r(19100);return i=function(){return t},t}function s(){let t=r(95350);return s=function(){return t},t}function l(){let t=r(51393);return l=function(){return t},t}function u(){let t=r(53423);return u=function(){return t},t}function c(){let t=r(22046);return c=function(){return t},t}function d(){let t=r(34670);return d=function(){return t},t}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,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentQuery=function(t,n,r,p,f){(0,a().useRef)(t).current=t;let{data:h,error:g,loading:b}=(0,o().useDataQuery)(u().GET_COMPONENT,{variables:{id:t,extensionId:n},skip:p,errorPolicy:"all",context:f}),y=!!r?.log,{loading:v,componentLogs:{logs:_}={}}=(0,c().useComponentLogs)(t,n,r,p||!y,f),w=h?.getHost?.get,x=w?.id?`${w?.id?.scope}/${w?.id?.name}@${w?.id?.version}}`:void 0,k=(0,a().useMemo)(()=>w?i().ComponentID.fromObject(w.id):void 0,[x]),C=g&&!h?new(d()).ComponentError(500,g.message):!w&&!b&&new(d()).ComponentError(404)||void 0,j=(0,a().useMemo)(()=>w?l().ComponentModel.from(m(m({},w),{},{host:n,logs:_})):void 0,[k?.toString(),_]),S=(0,a().useMemo)(()=>{let t={entries:w?.aspects.map(t=>m(m({},t),{},{aspectId:t.id,aspectData:t.data}))};return k?s().ComponentDescriptor.fromObject({id:k.toString(),aspectList:t}):void 0},[k?.toString()]);return(0,a().useMemo)(()=>({componentDescriptor:S,component:j,componentLogs:{loading:v,logs:_},error:C||void 0,loading:b}),[n,j,S,C])}},53423(t,n,r){"use strict";function a(){let t=r(15810);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.componentOverviewFields=n.componentIdFields=n.componentFieldsWithLogs=n.componentFields=n.SUB_SUBSCRIPTION_ADDED=n.SUB_COMPONENT_REMOVED=n.SUB_COMPONENT_CHANGED=n.GET_COMPONENT_WITH_LOGS=n.GET_COMPONENT=n.COMPONENT_QUERY_LOG_FIELDS=void 0;let o=n.componentIdFields=(0,a().gql)`
+`},15506(t,n,r){"use strict";function a(){let t=r(28766);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"AspectPage",{enumerable:!0,get:function(){return a().AspectPage}})},59274(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 o(){let t=r(80105);return o=function(){return t},t}function i(){let t=r(34926);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentError=void 0;let ComponentError=class ComponentError{constructor(t,n){this.code=t,this.message=n}renderError(){return 404===this.code?a().default.createElement(o().NotFoundPage,null):a().default.createElement(i().ServerErrorPage,null)}};n.ComponentError=ComponentError},34670(t,n,r){"use strict";function a(){let t=r(59274);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentError",{enumerable:!0,get:function(){return a().ComponentError}})},50730(t,n,r){"use strict";function a(){let t=r(45314);return a=function(){return t},t}function o(){let t=r(19100);return o=function(){return t},t}function i(){let t=r(86233);return i=function(){return t},t}function s(){let t=r(88077);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentModel=void 0;let ComponentModel=class ComponentModel{constructor(t,n,r,a,o,i,s,l,u,c,d,p="",m=[],f,h,g,b,y){this.id=t,this.displayName=n,this.packageName=r,this.server=a,this.compositions=o,this.tags=i,this.buildStatus=s,this.issuesCount=l,this.status=u,this.deprecation=c,this.environment=d,this.description=p,this.labels=m,this.host=f,this.size=h,this.latest=g,this.preview=b,this.logs=y}get version(){return this.id.version?this.id.version:"new"}static from({id:t,server:n,displayName:r,compositions:l=[],packageName:u,tags:c=[],deprecation:d,buildStatus:p,env:m,status:f,issuesCount:h,description:g,labels:b,host:y,latest:v,preview:_,size:w,logs:x}){return new ComponentModel(o().ComponentID.fromObject(t),r,u,n,a().Composition.fromArray(l),s().TagMap.fromArray(c.map(t=>i().Tag.fromObject(t))),p,h,f,d,m,g,b,y,w,v,_,x?.map(t=>t??{hash:"[error]",tag:"[error]",message:"",parents:[]}))}static fromArray(t){return t.map(t=>ComponentModel.from(t))}static empty(){return new ComponentModel(o().ComponentID.fromObject({name:"root",scope:"temp"}),"","",{env:"",url:""},[],s().TagMap.empty())}};n.ComponentModel=ComponentModel},51393(t,n,r){"use strict";function a(){let t=r(50730);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentModel",{enumerable:!0,get:function(){return a().ComponentModel}}),Object.defineProperty(n,"ComponentModelProps",{enumerable:!0,get:function(){return a().ComponentModelProps}}),Object.defineProperty(n,"ComponentPreviewSize",{enumerable:!0,get:function(){return a().ComponentPreviewSize}}),Object.defineProperty(n,"ComponentPreviewSizedFile",{enumerable:!0,get:function(){return a().ComponentPreviewSizedFile}}),Object.defineProperty(n,"DeprecationInfo",{enumerable:!0,get:function(){return a().DeprecationInfo}}),Object.defineProperty(n,"RegularCompDescriptor",{enumerable:!0,get:function(){return a().RegularCompDescriptor}})},11508(t,n,r){"use strict";function a(){let t=c(r(12888));return a=function(){return t},t}function o(){let t=c(r(763));return o=function(){return t},t}function i(){let t=r(38348);return i=function(){return t},t}function s(){let t=r(71292);return s=function(){return t},t}function l(){let t=c(r(97500));return l=function(){return t},t}function u(){let t=c(r(82705));return u=function(){return t},t}function c(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentResult=function({component:t,plugins:n}){let r=t.id.fullName,c=(0,o().default)(n?.map(n=>n.start&&a().default.createElement(n.start,{key:n.key,component:t}))),d=(0,o().default)(n?.map(n=>n.end&&a().default.createElement(n.end,{key:n.key,component:t})));return a().default.createElement(a().default.Fragment,null,c,a().default.createElement(s().EnvIcon,{component:t,className:u().default.icon}),a().default.createElement("div",{className:(0,l().default)(u().default.name,i().ellipsis)},r),d)}},55714(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 o(){let t=r(78757);return o=function(){return t},t}function i(){let t=r(11508);return i=function(){return t},t}function s(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 l(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?s(Object(r),!0).forEach(function(n){u(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return 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.ComponentSearcher=void 0;let c=["displayName","name"];let ComponentSearcher=class ComponentSearcher extends o().FuzzySearcher{constructor(t){super({searchKeys:c}),this.options=t,u(this,"toSearchResult",({item:t})=>{let{resultPlugins:n}=this.options,{component:r}=t;return{id:r.id.fullName,action:`/${r.id.fullName}`,children:a().default.createElement(i().ComponentResult,{component:r,plugins:n})}})}updatePlugins(t){this.options=l(l({},this.options),{},{resultPlugins:t})}test(t){return!t.startsWith(">")&&t.length>0}toSearchableItem(t){return{name:t.id.name,displayName:t.id.fullName,component:t}}};n.ComponentSearcher=ComponentSearcher},75547(t,n,r){"use strict";function a(){let t=r(55714);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentSearcher",{enumerable:!0,get:function(){return a().ComponentSearcher}})},55810(t,n,r){"use strict";function a(){let t=h(r(12888));return a=function(){return t},t}function o(){let t=r(85253);return o=function(){return t},t}function i(){let t=f(r(47065));return i=function(){return t},t}function s(){let t=r(72164);return s=function(){return t},t}function l(){let t=r(46746);return l=function(){return t},t}function u(){let t=r(44421);return u=function(){return t},t}function c(){let t=r(92308);return c=function(){return t},t}function d(){let t=r(55137);return d=function(){return t},t}function p(){let t=r(30266);return p=function(){return t},t}function m(){let t=f(r(83435));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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function g(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 b(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?g(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.Component=function({routeSlot:t,overriddenRoutes:n,containerSlot:r,host:f,onComponentChange:h,componentIdStr:g,useComponent:y,path:v,useComponentFilters:_}){let w=(0,d().useIdFromLocation)(),x=(0,d().useIdFromLocation)(void 0,!0),k=(0,l().isFunction)(g)?g():g,C=k?p().ComponentID.fromString(k):void 0,j=_?.()||{},S=(0,o().useQuery)().get("version"),E={logFilters:b(b({},j),j.loading?{}:{log:b({},j.log)}),customUseComponent:y},{component:O,componentDescriptor:D,error:N}=(0,c().useComponent)(S?"teambit.scope/scope":f,C?.toString()||x,E);(0,a().useEffect)(()=>h?.(O),[O]),(0,a().useEffect)(()=>()=>h?.(void 0),[]);let P=(0,a().useMemo)(()=>(0,i().default)(r?.values()),[r]),T=(0,a().useMemo)(()=>P.filter(t=>"before"===t.type).map(t=>t.content),[P]),I=(0,a().useMemo)(()=>P.filter(t=>"after"===t.type).map(t=>t.content),[P]);return N?N?.renderError():O?a().default.createElement(u().ComponentDescriptorProvider,{componentDescriptor:D},a().default.createElement(u().ComponentProvider,{component:O},T,a().default.createElement("div",{className:m().default.container},t&&a().default.createElement(s().SlotRouter,{parentPath:`${v||w}/*`,slot:t,routes:n})),I)):a().default.createElement("div",null)}},79432(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(51393);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentDescriptor=n.ComponentDescriptorContext=n.ComponentContext=void 0,n.ComponentContext=(0,a().createContext)(o().ComponentModel.empty());let i=n.ComponentDescriptorContext=(0,a().createContext)(void 0);n.useComponentDescriptor=()=>(0,a().useContext)(i)},88078(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 o(){let t=r(79432);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentDescriptorProvider=function({componentDescriptor:t,children:n}){return a().default.createElement(o().ComponentDescriptorContext.Provider,{value:t},n)},n.ComponentProvider=function({component:t,children:n}){return a().default.createElement(o().ComponentContext.Provider,{value:t},n)}},44421(t,n,r){"use strict";function a(){let t=r(79432);return a=function(){return t},t}function o(){let t=r(88078);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentContext",{enumerable:!0,get:function(){return a().ComponentContext}}),Object.defineProperty(n,"ComponentDescriptorContext",{enumerable:!0,get:function(){return a().ComponentDescriptorContext}}),Object.defineProperty(n,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return o().ComponentDescriptorProvider}}),Object.defineProperty(n,"ComponentProvider",{enumerable:!0,get:function(){return o().ComponentProvider}}),Object.defineProperty(n,"useComponentDescriptor",{enumerable:!0,get:function(){return a().useComponentDescriptor}})},28537(t,n,r){"use strict";function a(){let t=r(64621);return a=function(){return t},t}function o(){let t=r(55810);return o=function(){return t},t}function i(){let t=r(51393);return i=function(){return t},t}function s(){let t=r(44421);return s=function(){return t},t}function l(){let t=r(4965);return l=function(){return t},t}function u(){let t=r(92308);return u=function(){return t},t}function c(){let t=r(53423);return c=function(){return t},t}function d(){let t=r(55137);return d=function(){return t},t}function p(){let t=r(94653);return p=function(){return t},t}function m(){let t=r(22046);return m=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"COMPONENT_QUERY_LOG_FIELDS",{enumerable:!0,get:function(){return c().COMPONENT_QUERY_LOG_FIELDS}}),Object.defineProperty(n,"CollapsibleMenuNav",{enumerable:!0,get:function(){return a().CollapsibleMenuNav}}),Object.defineProperty(n,"Component",{enumerable:!0,get:function(){return o().Component}}),Object.defineProperty(n,"ComponentContext",{enumerable:!0,get:function(){return s().ComponentContext}}),Object.defineProperty(n,"ComponentMenu",{enumerable:!0,get:function(){return a().ComponentMenu}}),Object.defineProperty(n,"ComponentModel",{enumerable:!0,get:function(){return i().ComponentModel}}),Object.defineProperty(n,"ComponentModelProps",{enumerable:!0,get:function(){return i().ComponentModelProps}}),Object.defineProperty(n,"ComponentProvider",{enumerable:!0,get:function(){return s().ComponentProvider}}),Object.defineProperty(n,"ConsumeMethodSlot",{enumerable:!0,get:function(){return a().ConsumeMethodSlot}}),Object.defineProperty(n,"GET_COMPONENT",{enumerable:!0,get:function(){return c().GET_COMPONENT}}),Object.defineProperty(n,"GET_COMPONENT_WITH_LOGS",{enumerable:!0,get:function(){return c().GET_COMPONENT_WITH_LOGS}}),Object.defineProperty(n,"MenuNavProps",{enumerable:!0,get:function(){return a().MenuNavProps}}),Object.defineProperty(n,"TopBarNav",{enumerable:!0,get:function(){return l().TopBarNav}}),Object.defineProperty(n,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return a().VersionRelatedDropdowns}}),Object.defineProperty(n,"componentFields",{enumerable:!0,get:function(){return c().componentFields}}),Object.defineProperty(n,"componentFieldsWithLogs",{enumerable:!0,get:function(){return c().componentFieldsWithLogs}}),Object.defineProperty(n,"componentIdFields",{enumerable:!0,get:function(){return c().componentIdFields}}),Object.defineProperty(n,"componentOverviewFields",{enumerable:!0,get:function(){return c().componentOverviewFields}}),Object.defineProperty(n,"useComponent",{enumerable:!0,get:function(){return u().useComponent}}),Object.defineProperty(n,"useComponentLogs",{enumerable:!0,get:function(){return m().useComponentLogs}}),Object.defineProperty(n,"useComponentQuery",{enumerable:!0,get:function(){return p().useComponentQuery}}),Object.defineProperty(n,"useIdFromLocation",{enumerable:!0,get:function(){return d().useIdFromLocation}})},64621(t,n,r){"use strict";function a(){let t=r(71050);return a=function(){return t},t}function o(){let t=r(27250);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CollapsibleMenuNav",{enumerable:!0,get:function(){return a().CollapsibleMenuNav}}),Object.defineProperty(n,"ComponentMenu",{enumerable:!0,get:function(){return o().ComponentMenu}}),Object.defineProperty(n,"MenuNavProps",{enumerable:!0,get:function(){return a().MenuNavProps}}),Object.defineProperty(n,"RightSideMenuItem",{enumerable:!0,get:function(){return o().RightSideMenuItem}}),Object.defineProperty(n,"RightSideMenuSlot",{enumerable:!0,get:function(){return o().RightSideMenuSlot}}),Object.defineProperty(n,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return o().VersionRelatedDropdowns}})},71050(t,n,r){"use strict";function a(){let t=m(r(12888));return a=function(){return t},t}function o(){let t=p(r(97500));return o=function(){return t},t}function i(){let t=r(50919);return i=function(){return t},t}function s(){let t=r(21171);return s=function(){return t},t}function l(){let t=r(60909);return l=function(){return t},t}function u(){let t=r(60517);return u=function(){return t},t}function c(){let t=r(4965);return c=function(){return t},t}function d(){let t=p(r(48187));return d=function(){return t},t}function p(t){return t&&t.__esModule?t:{default:t}}function m(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(m=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function f(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 h(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?f(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function g(){return(g=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 b({isInMenu:t,menuItemProps:n}){let r=n?.displayName&&t?n?.displayName:void 0;return a().default.createElement(c().TopBarNav,g({},n,{className:(0,o().default)(n?.className,d().default.topBarNav,t&&d().default.noBorder)}),r||n?.children)}function y({links:t,secondaryNavClassName:n}){return 0===t.length?null:a().default.createElement("div",{className:d().default.minimalMoreNav},a().default.createElement(s().Dropdown,{placeholderContent:a().default.createElement("div",{className:d().default.minimalMoreButton,"aria-label":"More component sections"},a().default.createElement("img",{src:"https://static.bit.dev/bit-icons/more-h.svg",alt:""})),dropClass:n,position:"bottom-end",placeholderBorder:!1,clickToggles:!0,margin:8},t.map((t,n)=>a().default.createElement(l().MenuItem,{className:d().default.minimalMenuItem,key:`minimal-dropdown-${n}`},a().default.createElement(b,{menuItemProps:t.tabProps?.menuItemProps,isInMenu:!0})))))}function v([,{order:t}],[,{order:n}]){return(t??0)-(n??0)}Object.defineProperty(n,"__esModule",{value:!0}),n.CollapsibleMenuNav=function({navigationSlot:t,widgetSlot:n,navPlugins:r=[],widgetPlugins:s=[],className:l,secondaryNavClassName:c,activeTabIndex:p,alwaysShowActiveTab:m,children:f}){let{isMinimal:g}=(0,u().useWorkspaceMode)(),_=(0,a().useMemo)(()=>{let n=r.length>0?r:t?.toArray();return g?(n||[]).filter(t=>!t[1].props.hideInMinimalMode).sort(v):(n||[]).sort(v)},[t,r,g]),w=[..._,...(0,a().useMemo)(()=>{let t=s.length>0?s:n?.toArray();return g?(t||[]).filter(t=>!t[1].props.hideInMinimalMode).sort(v):(t||[]).sort(v)},[n,s,g])].map(([,t],n)=>{let r=_.length-1===n?{marginRight:"auto"}:{},a=_.length===n?{marginLeft:"auto"}:{};return{component:b,tabProps:{menuItemProps:t.props},style:h(h({},a),r),className:t.props.className}});return a().default.createElement(a().default.Fragment,null,g&&a().default.createElement(y,{links:w,secondaryNavClassName:c}),a().default.createElement(i().ResponsiveNavbar,{navClassName:(0,o().default)(d().default.tab,g&&d().default.hideMinimalMobileNav,l),secondaryNavClassName:c,style:{width:"100%",height:"100%"},priority:"none",tabs:w,defaultActiveIndex:p,alwaysShowActiveTab:m},f))}},27250(t,n,r){"use strict";function a(){let t=C(r(12888));return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}function i(){let t=k(r(97500));return i=function(){return t},t}function s(){let t=r(85253);return s=function(){return t},t}function l(){let t=r(46746);return l=function(){return t},t}function u(){let t=C(r(16322));return u=function(){return t},t}function c(){let t=r(5490);return c=function(){return t},t}function d(){let t=r(21081);return d=function(){return t},t}function p(){let t=r(19100);return p=function(){return t},t}function m(){let t=r(19304);return m=function(){return t},t}function f(){let t=r(54664);return f=function(){return t},t}function h(){let t=r(30969);return h=function(){return t},t}function g(){let t=r(2839);return g=function(){return t},t}function b(){let t=r(60517);return b=function(){return t},t}function y(){let t=r(92308);return y=function(){return t},t}function v(){let t=r(71050);return v=function(){return t},t}function _(){let t=r(55137);return _=function(){return t},t}function w(){let t=r(4965);return w=function(){return t},t}function x(){let t=k(r(48187));return x=function(){return t},t}function k(t){return t&&t.__esModule?t:{default:t}}function C(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(C=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function j(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?j(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function E(){return(E=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 O(t,n,r={},o,i){return a().default.useCallback(s=>{let{skip:u,initialLoad:c}=s||{},d={logFilters:S(S({},r),{},{log:S(S({},r.log),{},{limit:c?3:void 0})}),skip:i||u,customUseComponent:o},{component:p,loading:m,componentLogs:f={}}=(0,y().useComponent)(t,n,d),h=f?.logs,g=a().default.useMemo(()=>m||i||f.loading,[m,i,f.loading]),b=(0,a().useMemo)(()=>(h||[]).filter(t=>!t.tag).map(t=>S(S({},t),{},{version:t.hash})),[h]),v=(0,a().useMemo)(()=>{let t=new Map;return(h||[]).filter(t=>t.tag).forEach(n=>{t.set(n?.tag,n)}),(0,l().compact)((p?.tags?.toArray()||[]).reverse().map(n=>t.get(n.version.version))).map(t=>S(S({},t),{},{version:t.tag}))},[h]);return{loading:g,id:p?.id,packageName:p?.packageName,latestVersion:p?.latest,currentVersion:p?.version,snaps:b,tags:v,buildStatus:p?.buildStatus}},[n,i,r,t])}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentMenu=function({navigationSlot:t,widgetSlot:n,className:r,host:u,menuItemSlot:c,consumeMethodSlot:m,rightSideMenuSlot:f,componentIdStr:h,skipRightSide:g,RightNode:y,useComponent:w,path:k,useComponentFilters:C,authToken:j,pinnedWidgetSlot:S}){let{isMinimal:D}=(0,b().useWorkspaceMode)(),I=(0,_().useIdFromLocation)(),M=(0,_().useIdFromLocation)(void 0,!0),$=(0,l().isFunction)(h)?h():h,A=$?p().ComponentID.fromString($):void 0,R=k||I,F=(0,a().useMemo)(()=>(0,l().groupBy)((0,l().flatten)(c.values()),"category"),[c]),L=(0,a().useMemo)(()=>(0,l().orderBy)((0,l().flatten)(f.values()),"order"),[f]),z=(0,a().useMemo)(()=>(0,l().flatten)(S.toArray().sort(P).map(([,t])=>t)),[S]),B=C?.()||{},q=O((0,s().useQuery)().get("version")?"teambit.scope/scope":u,A?.toString()||M,B,w),V=a().default.createElement("div",{className:x().default.rightSide},y||a().default.createElement(a().default.Fragment,null,a().default.createElement(N,{host:u,consumeMethods:m,componentId:A?.toString()||I,useComponent:q,componentFilters:B,authToken:j}),L.map(({item:t})=>t),!D&&a().default.createElement(d().MainDropdown,{className:x().default.hideOnMobile,menuItems:F})));return a().default.createElement(o().Routes,null,a().default.createElement(o().Route,{path:`${R}/*`,element:a().default.createElement("div",{className:(0,i().default)(x().default.topBar,D&&x().default.topBarMinimal,r)},a().default.createElement("div",{className:(0,i().default)(x().default.leftSide,D&&x().default.leftSideMinimal)},a().default.createElement(v().CollapsibleMenuNav,{navigationSlot:t,widgetSlot:n})),D&&z.map(t=>a().default.createElement(T,E({key:`key-${t.order}`},t.props))),!g&&a().default.createElement("div",{className:x().default.rightSide},V))}))},n.VersionRelatedDropdowns=N,n.defaultLoadCurrentVersion=void 0,n.defaultLoadVersions=O;let D=t=>n=>{let{skip:r,version:o}=n||{},{snaps:i,tags:s,currentVersion:l,loading:c}=t.useComponent?.({skip:r,id:t.componentId})??{},d=o??l;return a().default.useMemo(()=>u().valid(d),[c,d])?a().default.useMemo(()=>s?.find(t=>t.tag===d),[c,s?.length,d]):a().default.useMemo(()=>i?.find(t=>t.version===d),[c,i?.length,d])};function N(t){var n,r;let o=S(S({},t),{},{useLanes:t.useLanes??h().useLanes,dropdownOptions:S(S({},t.dropdownOptions),{},{showVersionDetails:t?.dropdownOptions?.showVersionDetails??!0})}),s=D(o),{useLanes:u,consumeMethods:d,className:p,dropdownOptions:b,host:y}=o,{loading:v,id:_,tags:w,snaps:k,latest:C,packageName:j,currentVersion:E}=t.useComponent?.({initialLoad:!0})||{},O=(0,m().useLocation)(),{lanesModel:N}=u(),P=_&&N?.getLanesByComponentId(_)?.filter(t=>!t.id.isDefault())||[],T=N?.viewedLane?.id&&!N?.viewedLane?.id.isDefault()?N.viewedLane:void 0,I="teambit.workspace/workspace"===y,M=w?.length===0&&k?.length===0,$=I&&!M&&(!T||N?.isViewingCurrentLane()),A=!I||M||O?.search.includes("version")?E??"":"workspace",R=t.authToken,F=(n=d,r=a().default.useMemo(()=>_?{id:_,packageName:j??"",latest:C,options:{viewedLane:T,disableInstall:!j},authToken:R}:void 0,[_,j,C,T,R]),(0,a().useMemo)(()=>(0,l().flatten)(n?.values()).map(t=>{if(r)return t?.(r)}).filter(t=>!!t&&t.Component&&t.Title),[n,r])),L=F?.length>0;return a().default.createElement(a().default.Fragment,null,d&&_&&L&&a().default.createElement(f().UseBoxDropdown,{position:"bottom-end",className:(0,i().default)(x().default.useBox,x().default.hideOnMobile),dropClass:x().default.useBoxContainer,Menu:a().default.createElement(g().Menu,{methods:F,componentName:_.name})}),a().default.createElement(c().VersionDropdown,{lanes:P,loading:v,useComponentVersions:t.useComponent,hasMoreVersions:!M,useCurrentVersionLog:s,localVersion:$,currentVersion:A,latestVersion:C,currentLane:T,className:(0,i().default)(x().default.versionDropdown,p),menuClassName:I?x().default.componentVersionMenuWorkspace:x().default.componentVersionMenu,getActiveTabIndex:b?.getActiveTabIndex,showVersionDetails:b?.showVersionDetails}))}function P([,{order:t}],[,{order:n}]){return(t??0)-(n??0)}function T(t){return a().default.createElement(w().TopBarNav,E({},t,{style:S(S({},t.style),{},{height:"100%"}),className:(0,i().default)(t?.className)}),t?.children)}n.defaultLoadCurrentVersion=D},4965(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=r(29482);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]}})})},29482(t,n,r){"use strict";function a(){let t=c(r(12888));return a=function(){return t},t}function o(){let t=c(r(97500));return o=function(){return t},t}function i(){let t=r(44178);return i=function(){return t},t}function s(){let t=r(19304);return s=function(){return t},t}function l(){let t=c(r(75443));return l=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.TopBarNav=function(t){let{href:n,className:r,activeClassName:s,children:c,displayName:m,ignoreQueryParams:f}=t,h=function(t,n){if(null==t)return{};var r,a,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,u),{search:g}=(0,i().useLocation)(),b=n&&!f&&`${n}${g}`||n;return a().default.createElement(p,d({},h,{className:(0,o().default)(r,l().default.topBarLink),activeClassName:(0,o().default)(s,l().default.active),href:b}),a().default.createElement("div",null,c))};let u=["href","className","activeClassName","children","displayName","ignoreQueryParams"];function c(t){return t&&t.__esModule?t:{default:t}}function d(){return(d=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)}let p=s().Link},55137(t,n,r){"use strict";function a(){let t=r(44178);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useIdFromLocation=function(t,n){let r,i=(0,a().useParams)(),[s]=(0,a().useSearchParams)(),l=s.get("scope")??void 0,u=t||i["*"];if(!u)return;let[c,...d]=u.split("/"),p=c.split(".").length>1,m=p?d.join("/"):u;p&&(r=c),!p&&n&&(r=l);let f=o.exec(m);if(f?.[0])return r?`${r}/${f[0]}`:f[0]};let o=/^[\w/-]*[\w-]/},22046(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(7622);return o=function(){return t},t}function i(){let t=r(53423);return i=function(){return t},t}function s(){let t=r(34670);return s=function(){return t},t}function l(){let t=r(23403);return l=function(){return t},t}function u(){let t=r(30266);return u=function(){return t},t}function c(t,n,r,a){let{log:o}=r||{},{head:i,offset:s,sort:u,limit:c,type:d,takeHeadFromComponent:p}=o||{},m={id:t,extensionId:n,logOffset:(0,l().getOffsetValue)(s,c),logLimit:c,logType:d,logHead:i,logSort:u,logTakeHeadFromComponent:p};return{logOffset:s,variables:m,skip:a}}Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentLogs=function(t,n,r,l,d){let{variables:p,skip:m}=c(t,n,r,l),{data:f,error:h,loading:g}=(0,o().useDataQuery)(i().GET_COMPONENT_WITH_LOGS,{variables:p,skip:m,errorPolicy:"all",context:d}),b=f?.getHost?.get,y=b?.logs,v=h&&!f?new(s()).ComponentError(500,h.message):!b&&!g&&new(s()).ComponentError(404)||void 0,_=b?.id?`${b?.id?.scope}/${b?.id?.name}@${b?.id?.version}}`:void 0;return{loading:g,id:(0,a().useMemo)(()=>b?u().ComponentID.fromObject(b.id):void 0,[_]),packageName:b?.packageName,latest:b?.latest,error:v,componentLogs:{logs:y,loading:g}}},n.useComponentLogsInit=c},94653(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(7622);return o=function(){return t},t}function i(){let t=r(19100);return i=function(){return t},t}function s(){let t=r(95350);return s=function(){return t},t}function l(){let t=r(51393);return l=function(){return t},t}function u(){let t=r(53423);return u=function(){return t},t}function c(){let t=r(22046);return c=function(){return t},t}function d(){let t=r(34670);return d=function(){return t},t}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,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentQuery=function(t,n,r,p,f){(0,a().useRef)(t).current=t;let{data:h,error:g,loading:b}=(0,o().useDataQuery)(u().GET_COMPONENT,{variables:{id:t,extensionId:n},skip:p,errorPolicy:"all",context:f}),y=!!r?.log,{loading:v,componentLogs:{logs:_}={}}=(0,c().useComponentLogs)(t,n,r,p||!y,f),w=h?.getHost?.get,x=w?.id?`${w?.id?.scope}/${w?.id?.name}@${w?.id?.version}}`:void 0,k=(0,a().useMemo)(()=>w?i().ComponentID.fromObject(w.id):void 0,[x]),C=g&&!h?new(d()).ComponentError(500,g.message):!w&&!b&&new(d()).ComponentError(404)||void 0,j=(0,a().useMemo)(()=>w?l().ComponentModel.from(m(m({},w),{},{host:n,logs:_})):void 0,[k?.toString(),_]),S=(0,a().useMemo)(()=>{let t={entries:w?.aspects.map(t=>m(m({},t),{},{aspectId:t.id,aspectData:t.data}))};return k?s().ComponentDescriptor.fromObject({id:k.toString(),aspectList:t}):void 0},[k?.toString()]);return(0,a().useMemo)(()=>({componentDescriptor:S,component:j,componentLogs:{loading:v,logs:_},error:C||void 0,loading:b}),[n,j,S,C])}},53423(t,n,r){"use strict";function a(){let t=r(15810);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.componentOverviewFields=n.componentIdFields=n.componentFieldsWithLogs=n.componentFields=n.SUB_SUBSCRIPTION_ADDED=n.SUB_COMPONENT_REMOVED=n.SUB_COMPONENT_CHANGED=n.GET_COMPONENT_WITH_LOGS=n.GET_COMPONENT=n.COMPONENT_QUERY_LOG_FIELDS=void 0;let o=n.componentIdFields=(0,a().gql)`
   fragment componentIdFields on ComponentID {
     name
     version
@@ -621,7 +621,7 @@ ${l}`}).join("\n\n")+"\n"};let o="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
     }
   }
   ${o}
-`},92308(t,n,r){"use strict";function a(){let t=r(85253);return a=function(){return t},t}function o(){let t=r(94653);return o=function(){return t},t}function i(){let t=r(88439);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Filters",{enumerable:!0,get:function(){return i().Filters}}),Object.defineProperty(n,"UseComponentType",{enumerable:!0,get:function(){return i().UseComponentType}}),n.useComponent=function(t,n,r){var i,s;let l=(0,a().useQuery)(),{version:u,logFilters:c,customUseComponent:d,skip:p,context:m}=r||{},f=(u||l.get("version"))??void 0,h=n&&(i=n,!(s=f)||i.includes("@")?i:`${i}@${s}`);return(d||o().useComponentQuery)(h||"",t,c,p||!n,m)}},88439(){},23403(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getOffsetValue=function(t,n,r=!1){return void 0!==t?r?-(t+n):t:void 0!==n?0:void 0}},68089(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.CompositionCardSkeleton=function(){return(0,o.jsxs)("div",{className:s.default.compositionCardSkeleton,children:[(0,o.jsx)(l,{}),(0,o.jsx)("div",{className:s.default.bottom,children:(0,o.jsx)(i.LineSkeleton,{width:"104px"})})]})},n.PreviewSkeleton=l;let o=r(11684);a(r(12888));let i=r(31079),s=a(r(51758));function l(){return(0,o.jsxs)("div",{className:s.default.preview,children:[(0,o.jsx)(i.BlockSkeleton,{lines:2,className:s.default.block}),(0,o.jsx)(i.LineSkeleton,{width:"208px"}),(0,o.jsx)(i.LineSkeleton,{width:"152px"}),(0,o.jsx)(i.LineSkeleton,{width:"88px"})]})}},48216(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewSkeleton=n.CompositionCardSkeleton=void 0;var a=r(68089);Object.defineProperty(n,"CompositionCardSkeleton",{enumerable:!0,get:function(){return a.CompositionCardSkeleton}}),Object.defineProperty(n,"PreviewSkeleton",{enumerable:!0,get:function(){return a.PreviewSkeleton}})},38527(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.CompositionCard=void 0;let o=r(11684),i=a(r(12888)),s=a(r(97500)),l=r(29751),u=r(24010),c=r(38348),d=a(r(1168));n.CompositionCard=i.default.memo(function({composition:t,component:n,className:r,openCompositionLink:a,previewClass:p,queryParams:m,sandbox:f,...h}){let g=i.default.useMemo(()=>(0,o.jsx)(u.ComponentComposition,{disableScroll:!0,className:p,includeEnv:!0,loading:"lazy",composition:t,component:n,viewport:1280,queryParams:m,previewName:"compositions",sandbox:f}),[t.identifier,n.id.toString(),p,f]);return(0,o.jsxs)("div",{...h,className:(0,s.default)(d.default.compositionCard,r),children:[(0,o.jsx)("div",{className:d.default.compositionPreview,children:g}),(0,o.jsxs)("div",{className:d.default.bottom,children:[(0,o.jsx)("span",{className:(0,s.default)(c.ellipsis,d.default.displayName),children:t.displayName}),a&&(0,o.jsx)("a",{className:d.default.link,target:"_blank",rel:"noopener noreferrer",href:a,children:(0,o.jsx)(l.Icon,{className:d.default.icon,of:"open-tab"})})]})]},t.identifier)})},23778(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCardSkeleton=n.CompositionCard=void 0;var a=r(38527);Object.defineProperty(n,"CompositionCard",{enumerable:!0,get:function(){return a.CompositionCard}});var o=r(48216);Object.defineProperty(n,"CompositionCardSkeleton",{enumerable:!0,get:function(){return o.CompositionCardSkeleton}})},70532(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.humanizeCompositionId=function(t){return(0,o.default)(t)};let o=a(r(64744))},36261(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.humanizeCompositionId=void 0;var a=r(70532);Object.defineProperty(n,"humanizeCompositionId",{enumerable:!0,get:function(){return a.humanizeCompositionId}})},22645(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.CompositionGallerySkeleton=function({compositionsLength:t,className:n,...r}){let a=Array.from(Array(t));return(0,o.jsxs)("div",{...r,className:(0,i.default)(u.default.compositionGallerySkeleton,n),children:[(0,o.jsx)(s.LineSkeleton,{width:"100px",className:u.default.title}),(0,o.jsx)("div",{className:(0,i.default)(u.default.compositionGalleryGrid),children:a.map((t,n)=>(0,o.jsx)(l.CompositionCardSkeleton,{},`comp-card-skeleton-${n}`))})]})};let o=r(11684);a(r(12888));let i=a(r(97500)),s=r(31079),l=r(23778),u=a(r(26330))},13156(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionGallerySkeleton=void 0;var a=r(22645);Object.defineProperty(n,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return a.CompositionGallerySkeleton}})},91339(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.CompositionGallery=function({component:t,sandbox:n}){let r=(0,l.useNavigate)();return t.compositions.length>0?(0,o.jsxs)("div",{className:c.default.compositionGallery,children:[(0,o.jsxs)(s.LinkedHeading,{size:"sm",className:c.default.title,children:[(0,o.jsx)(i.Icon,{of:"eye"})," ",(0,o.jsx)("span",{children:"PREVIEW"})]}),(0,o.jsx)("div",{className:c.default.carousel,children:t.compositions.map(a=>(0,o.jsx)(u.CompositionCard,{onClick:()=>r(`~compositions/${a.identifier.toLowerCase()}`),className:c.default.compositionGalleryCard,previewClass:c.default.preview,composition:a,component:t,queryParams:"disableCta=true",sandbox:n},a.identifier.toLowerCase()))})]}):null};let o=r(11684);a(r(12888));let i=r(516),s=r(51663),l=r(19304),u=r(23778),c=a(r(11516))},55970(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionGallerySkeleton=n.CompositionGallery=void 0;var a=r(91339);Object.defineProperty(n,"CompositionGallery",{enumerable:!0,get:function(){return a.CompositionGallery}});var o=r(13156);Object.defineProperty(n,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return o.CompositionGallerySkeleton}})},2186(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompareSection=void 0;let CompositionCompareSection=class CompositionCompareSection{constructor(t){this.ui=t,this.navigationLink={href:"compositions",children:"Preview"},this.props=this.navigationLink,this.route={path:"compositions/*",element:this.ui.getCompositionsCompare()},this.order=1,this.id="preview"}};n.CompositionCompareSection=CompositionCompareSection},54016(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompareSection=void 0;var a=r(2186);Object.defineProperty(n,"CompositionCompareSection",{enumerable:!0,get:function(){return a.CompositionCompareSection}})},15943(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useCompositionCompare=n.CompositionCompareContext=void 0;let a=r(12888);n.CompositionCompareContext=(0,a.createContext)(void 0),n.useCompositionCompare=()=>(0,a.useContext)(n.CompositionCompareContext)},88134(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompare=function(t){let{emptyState:n,PreviewView:r=m.CompositionContent,Widgets:a,previewViewProps:o={}}=t,i=(0,p.useComponentCompare)(),s=(0,_.useQuery)(),l=(0,v.useLocation)()||{pathname:"/"},{base:f,compare:w,baseContext:k,compareContext:j,loading:E}=i||{},[O,L]=(0,c.useState)(!0),[z,B]=(0,c.useState)("loading"),[q,V]=(0,c.useState)(!1),{panelRef:U,panelHeight:G,isResizing:H,handleResizeStart:X}=function(){let[t,n]=(0,c.useState)(240),[r,a]=(0,c.useState)(!1),o=(0,c.useRef)(null),i=(0,c.useRef)(!1),s=(0,c.useRef)(240),l=(0,c.useRef)(null),u=(0,c.useRef)(null),d=(0,c.useRef)(!1),p=(0,c.useRef)(!1),m=(0,c.useCallback)(()=>{let t=o.current?.parentElement?.clientHeight;return t?Math.max(80,t-150):240},[150,80,240]),f=(0,c.useCallback)(()=>{let t=o.current?.parentElement?.clientHeight;return!t||t<=0?240:Math.max(240,Math.round(.34*t))},[240,.34]),h=(0,c.useCallback)(t=>Math.max(80,Math.min(m(),t)),[80,m]),g=(0,c.useCallback)((t,r=!1)=>{let a=h(t);return s.current=a,o.current&&(o.current.style.height=`${a}px`),r&&n(a),a},[h]),b=(0,c.useCallback)(()=>{i.current||g(p.current?s.current:f(),!0)},[g,f]);(0,c.useEffect)(()=>{d.current||(d.current=!0,b())},[b]),(0,c.useEffect)(()=>{let t=()=>{b()};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[b]),(0,c.useEffect)(()=>{if("u"<typeof ResizeObserver)return;let t=o.current?.parentElement;if(!t)return;let n=new ResizeObserver(()=>{b()});return n.observe(t),()=>n.disconnect()},[b]);let y=(0,c.useCallback)(t=>{t.preventDefault(),t.stopPropagation(),i.current=!0,a(!0);let n=t.clientY,r=s.current,o=t=>{if(!i.current)return;t.preventDefault();let a=r+(n-t.clientY);null!==u.current&&cancelAnimationFrame(u.current),u.current=requestAnimationFrame(()=>{g(a),u.current=null})},c=()=>{null!==u.current&&(cancelAnimationFrame(u.current),u.current=null),p.current=!0,i.current=!1,g(s.current,!0),a(!1),window.removeEventListener("mousemove",o),window.removeEventListener("mouseup",c),window.removeEventListener("blur",c),document.body.style.cursor="",document.body.style.userSelect=""};l.current?.(),document.body.style.cursor="ns-resize",document.body.style.userSelect="none",window.addEventListener("mousemove",o),window.addEventListener("mouseup",c),window.addEventListener("blur",c),l.current=()=>{window.removeEventListener("mousemove",o),window.removeEventListener("mouseup",c),window.removeEventListener("blur",c)}},[g]);return(0,c.useEffect)(()=>()=>{i.current=!1,null!==u.current&&(cancelAnimationFrame(u.current),u.current=null),l.current?.(),l.current=null,document.body.style.cursor="",document.body.style.userSelect=""},[]),{panelRef:o,panelHeight:t,isResizing:r,handleResizeStart:y}}(),Y=!E&&void 0!==f&&void 0!==w,W=f?.model.compositions,Z=w?.model.compositions,{selectedCompositionBaseFile:Q,selectedCompositionCompareFile:K}={selectedCompositionBaseFile:(0,h.useCompareQueryParam)("compositionBaseFile"),selectedCompositionCompareFile:(0,h.useCompareQueryParam)("compositionCompareFile")},J=j?.state?.preview,ee=k?.hooks?.preview,et=j?.hooks?.preview,en=(0,c.useMemo)(()=>(function({selectedCompositionCompareFile:t,selectedCompositionBaseFile:n,compareStateId:r,baseStateId:a,compareCompositions:o,baseCompositions:i}){let s=o?.[0]?.identifier||i?.[0]?.identifier;return t||n||r||a||s})({selectedCompositionCompareFile:K,selectedCompositionBaseFile:Q,compareStateId:J?.id,baseStateId:k?.state?.preview?.id,compareCompositions:Z,baseCompositions:W}),[K,Q,J?.id,k?.state?.preview?.id,Z,W]),er=P(W,en),ea=P(Z,en),eo=!!(!en||!er),ei=!!(!en||!ea),es=(0,c.useMemo)(()=>new Set((W||[]).map(t=>t.identifier)),[W]),el=(0,c.useMemo)(()=>new Set((Z||[]).map(t=>t.identifier)),[Z]),eu=(0,c.useMemo)(()=>(0,C.uniqBy)((W||[]).concat(Z||[]),"identifier")?.map(t=>{let n=function(t,n){if(!t||!n){if(t)return"Base only";if(n)return"Compare only"}}(es.has(t.identifier),el.has(t.identifier)),r=J?.controlled?M(s,l.pathname,{}):M(s,l.pathname,{compositionBaseFile:t.identifier,compositionCompareFile:t.identifier}),a=J?.controlled?(t,n)=>{et?.onClick?.(t,n),ee?.onClick?.(t,n)}:void 0;return{id:t.identifier,label:t.displayName,href:r,onClick:a,tag:n}}),[W,Z,es,el,J?.controlled,et,ee,s,l.pathname]),ec=(0,c.useMemo)(()=>{let t=eu.find(t=>t.id===ea?.identifier)||eu.find(t=>t.id===er?.identifier);return t||(en?{id:en,label:en,tag:"Missing"}:void 0)},[eu,ea?.identifier,er?.identifier,en]),ed=f?.model.id?.toString(),ep=w?.model.id?.toString();(0,m.useDefaultControlsSchemaResponder)(ed,!!ed),(0,m.useDefaultControlsSchemaResponder)(ep,!!ep);let em=A(er,en),ef=A(ea,en),eh=(0,c.useMemo)(()=>T("base",ed,em),[ed,em]),eg=(0,c.useMemo)(()=>T("compare",ep,ef),[ep,ef]),eb=(0,c.useMemo)(()=>I(eh),[eh]),ey=(0,c.useMemo)(()=>I(eg),[eg]),ev=`${eh||""}-${eg||""}`,e_=!!(eh&&eg);(0,c.useEffect)(()=>{V(!1),B("loading")},[ev]);let ew=(0,c.useCallback)(t=>{B(t),"available"===t&&V(!0)},[]),ex=f?.model,ek=w?.model,eC=function(t,n,r){let a=(0,c.useMemo)(()=>R($(t)),[t]),o=(0,c.useMemo)(()=>R($(n),{forceWorkspace:r}),[n,r]),[i,s]=(0,c.useState)({base:a,compare:o});(0,c.useEffect)(()=>{s(t=>{let n=a??t.base,r=o??t.compare;return n===t.base&&r===t.compare?t:{base:n,compare:r}})},[a,o]);let l=a??i.base,u=o??i.compare;return(0,c.useMemo)(()=>({common:"Common",base:l?`Base version: ${l}`:"Base version",compare:u?`Compare version: ${u}`:"Compare version"}),[l,u])}(ex,ek,w?.hasLocalChanges),ej=(0,c.useMemo)(()=>Y?eo?(0,u.jsx)(N,{compositionId:en,version:"base"}):(0,u.jsx)(F,{model:ex,selected:er,queryParams:eb.queryString,compositionParams:eb.params,previewViewProps:o,emptyState:n,PreviewView:r,contextKey:`base-${ed}-${em}`,isBase:!0}):null,[Y,ex,ed,em,eh,er?.identifier,eb,o,n,eo,en]),eS=(0,c.useMemo)(()=>Y?ei?(0,u.jsx)(N,{compositionId:en,version:"compare"}):(0,u.jsx)(F,{model:ek,selected:ea,queryParams:ey.queryString,compositionParams:ey.params,previewViewProps:o,emptyState:n,PreviewView:r,contextKey:`compare-${ep}-${ef}`,isCompare:!0}):null,[Y,ek,ep,ef,eg,ea?.identifier,ey,o,n,ei,en]),eE=(0,c.useCallback)(()=>L(t=>!t),[]),eO=(0,c.useCallback)(t=>{("Enter"===t.key||" "===t.key)&&eE()},[eE]),eD=`${f?.model.id.toString()}-${w?.model.id.toString()}-composition-compare`;return E||W?.length||Z?.length?(0,u.jsxs)("div",{className:(0,d.default)(S.default.container,{[S.default.isResizing]:H}),children:[E&&(0,u.jsx)("div",{className:S.default.loader,children:(0,u.jsx)(b.RoundLoader,{})}),(0,u.jsxs)("div",{className:S.default.toolbar,children:[(0,u.jsxs)("div",{className:S.default.left,children:[(0,u.jsx)("div",{className:S.default.dropdown,children:eu.length>0&&(0,u.jsx)(x.CompositionDropdown,{dropdownItems:eu,selected:ec})}),(0,u.jsx)("div",{className:S.default.widgets,children:a?.Left})]}),(0,u.jsx)("div",{className:S.default.right,children:(0,u.jsx)("div",{className:S.default.widgets,children:a?.Right})})]}),(0,u.jsxs)("div",{className:S.default.compareLayout,children:[(0,u.jsx)("div",{className:S.default.compareMain,children:(0,u.jsx)(g.CompareSplitLayoutPreset,{className:S.default.splitLayout,base:ej,compare:eS})}),e_&&(0,u.jsxs)("div",{ref:U,className:S.default.controlsPanel,style:"available"===z||q?O?{height:G}:void 0:{display:"none"},children:[(0,u.jsx)("div",{className:S.default.controlsResizeHandle,onMouseDown:X,role:"separator","aria-orientation":"horizontal"}),(0,u.jsxs)("div",{className:S.default.controlsPanelHeader,onClick:eE,onKeyDown:eO,role:"button",tabIndex:0,children:[(0,u.jsxs)("div",{className:S.default.controlsTitleRow,children:[(0,u.jsx)(y.Icon,{of:"settings",className:S.default.controlsIcon}),(0,u.jsx)("span",{className:S.default.controlsPanelTitle,children:"Live Controls"})]}),(0,u.jsx)(y.Icon,{of:O?"fat-arrow-down":"fat-arrow-up",className:S.default.controlsArrow})]}),(0,u.jsx)("div",{className:S.default.controlsPanelContent,style:{display:O?void 0:"none"},children:(0,u.jsx)(m.LiveControlsDiffPanel,{resetKey:ev,baseChannel:eh,compareChannel:eg,commonLabel:eC.common,baseLabel:eC.base,compareLabel:eC.compare,showEmptyState:!1,onStatusChange:ew})})]})]})]},eD):(0,u.jsx)(D,{title:"No Compositions Available"})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(12066),m=r(24010),f=r(45348),h=r(13837),g=r(45918),b=r(97292),y=r(29751),v=r(19304),_=r(85253),w=l(r(83268)),x=r(61772),k=r(15943),C=r(46746),j=s(r(16322)),S=l(r(57151)),E=()=>{},O="workspace";function D({message:t,title:n}={}){return(0,u.jsx)("div",{className:S.default.subView,children:(0,u.jsxs)("div",{className:S.default.missingComposition,children:[(0,u.jsx)("div",{className:S.default.missingCompositionTitle,children:n||"Composition not available"}),t&&(0,u.jsx)("div",{className:S.default.missingCompositionSubtitle,children:t})]})})}function N({compositionId:t,version:n}){let r=t?`The selected composition "${t}" does not exist for the ${n} version.`:`The selected composition does not exist for the ${n} version.`;return(0,u.jsx)(D,{message:r})}function P(t,n){return n&&t?t.find(t=>t.identifier===n)||void 0:t?.[0]}function T(t,n,r){if(n&&r)return`${t}:${n}:${r}`}function I(t){let n={livecontrols:!0,...t?{lcchannel:t}:{}};return{params:n,queryString:w.default.stringify(n)}}function M(t,n,r){let a=new URLSearchParams({...Object.fromEntries(t.entries()),...r}).toString();return`${n}?${a}`}function $(t){let n=t?.id,r=n?.version?.toString?.(),a="function"==typeof n?.toString?n.toString().split("@")[1]:void 0;return r||a}function A(t,n){return t?.identifier||n}function R(t,n){return n?.forceWorkspace?O:t?t===O?O:j.valid(t)?t:t.slice(0,6):void 0}function F({model:t,selected:n,queryParams:r,compositionParams:a,previewViewProps:o,emptyState:i,PreviewView:s,contextKey:l,isBase:c,isCompare:d}){return(0,u.jsx)("div",{className:S.default.subView,children:(0,u.jsx)(k.CompositionCompareContext.Provider,{value:{compositionProps:{forceHeight:void 0,innerBottomPadding:50,...o,emptyState:i,component:t,queryParams:r,selected:n},isBase:c,isCompare:d},children:(0,u.jsx)(f.CompositionContextProvider,{queryParams:a,setQueryParams:E,children:(0,u.jsx)(s,{forceHeight:void 0,innerBottomPadding:50,...o,emptyState:i,component:t,selected:n,queryParams:r},l)})})})}},61772(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionDropdown=function(t){let{selected:n,dropdownItems:r}=t;return(0,u.jsx)(m.Dropdown,{dropClass:f.default.menu,placeholder:(0,u.jsxs)("div",{className:f.default.placeholder,children:[(0,u.jsxs)("div",{className:f.default.placeholderText,children:[(0,u.jsx)("span",{className:f.default.placeholderLabel,children:n&&n.label}),n?.tag&&(0,u.jsx)("span",{className:f.default.tag,children:n.tag})]}),(0,u.jsx)(p.Icon,{of:"fat-arrow-down"})]}),children:r.map(t=>(0,u.jsx)(h,{current:t,selected:n},`${t.id}-${t.href}`))})};let u=r(11684),c=s(r(12888)),d=r(93766),p=r(516),m=r(57699),f=l(r(79881));function h(t){let{selected:n,current:r}=t,a=(0,c.useRef)(null),o=!!r.onClick&&(t=>r.onClick?.(r.id,t))||void 0;return(0,u.jsx)("div",{ref:a,children:(0,u.jsx)(d.MenuLinkItem,{active:r.id===n?.id,href:r.href,onClick:o,children:(0,u.jsxs)("div",{className:f.default.menuItem,children:[(0,u.jsx)("span",{children:r.label}),r.tag&&(0,u.jsx)("span",{className:f.default.tag,children:r.tag})]})},r.href)},`${r.href}-container`)}},1278(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompareContext=n.useCompositionCompare=n.CompositionCompare=void 0;var a=r(88134);Object.defineProperty(n,"CompositionCompare",{enumerable:!0,get:function(){return a.CompositionCompare}});var o=r(15943);Object.defineProperty(n,"useCompositionCompare",{enumerable:!0,get:function(){return o.useCompositionCompare}}),Object.defineProperty(n,"CompositionCompareContext",{enumerable:!0,get:function(){return o.CompositionCompareContext}})},75320(t,n,r){"use strict";function a(){let t=r(36261);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.Composition=void 0;let Composition=class Composition{constructor(t,n,r){this.identifier=t,this.filepath=n,this._displayName=r}get displayName(){return this._displayName||(0,a().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(t){return t.map(t=>new Composition(t.identifier,t.filepath,t.displayName))}};n.Composition=Composition},8349(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 o(){let t=r(75216);return o=function(){return t},t}function i(){let t=r(57223);return i=function(){return t},t}function s(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.CompositionsSection=void 0;let CompositionsSection=class CompositionsSection{constructor(t,n,r,l,u,c=!1){this.compositions=t,this.options=n,this.emptyStateSlot=r,this.usePreviewSandboxSlot=l,this.usePreviewPropsSlot=u,this.pinned=c,s(this,"navigationLink",{href:"~compositions",children:this.pinned?a().default.createElement(o().MenuWidgetIcon,{icon:"preview",tooltipContent:"Preview"}):"Preview",displayName:"Preview",hideInMinimalMode:!this.pinned}),s(this,"route",{path:"~compositions/*",element:a().default.createElement(i().Compositions,{menuBarWidgets:this.options.menuBarWidgetSlot,emptyState:this.emptyStateSlot,usePreviewSandboxSlot:this.usePreviewSandboxSlot,usePreviewPropsSlot:this.usePreviewPropsSlot,enableLiveControls:!0})}),s(this,"order",this.pinned?10:20)}};n.CompositionsSection=CompositionsSection},83453(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.CompositionsAspect=void 0;let o=n.CompositionsAspect=a().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});n.default=o},57223(t,n,r){"use strict";function a(){let t=L(r(12888));return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}function i(){let t=F(r(97500));return i=function(){return t},t}function s(){let t=F(r(994));return s=function(){return t},t}function l(){let t=F(r(83268));return l=function(){return t},t}function u(){let t=r(10286);return u=function(){return t},t}function c(){let t=r(52696);return c=function(){return t},t}function d(){let t=r(25877);return d=function(){return t},t}function p(){let t=r(30266);return p=function(){return t},t}function m(){let t=r(5678);return m=function(){return t},t}function f(){let t=r(618);return f=function(){return t},t}function h(){let t=r(7422);return h=function(){return t},t}function g(){let t=r(21245);return g=function(){return t},t}function b(){let t=r(39084);return b=function(){return t},t}function y(){let t=r(37175);return y=function(){return t},t}function v(){let t=r(53663);return v=function(){return t},t}function _(){let t=r(48852);return _=function(){return t},t}function w(){let t=r(45348);return w=function(){return t},t}function x(){let t=r(32297);return x=function(){return t},t}function k(){let t=r(15065);return k=function(){return t},t}function C(){let t=r(75066);return C=function(){return t},t}function j(){let t=r(938);return j=function(){return t},t}function S(){let t=r(19304);return S=function(){return t},t}function E(){let t=r(76712);return E=function(){return t},t}function O(){let t=r(4080);return O=function(){return t},t}function D(){let t=r(62634);return D=function(){return t},t}function N(){let t=r(29751);return N=function(){return t},t}function P(){let t=r(34132);return P=function(){return t},t}function T(){let t=F(r(23672));return T=function(){return t},t}function I(){let t=r(489);return I=function(){return t},t}function M(){let t=r(46592);return M=function(){return t},t}function $(){let t=r(44849);return $=function(){return t},t}function A(){let t=r(39809);return A=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionContent=G,n.Compositions=function({menuBarWidgets:t,emptyState:n,usePreviewSandboxSlot:r,usePreviewPropsSlot:i,enableLiveControls:b=!0}){let x=(0,a().useContext)(p().ComponentContext),k=x.id.toString(),[C]=(0,o().useSearchParams)(),j=(0,o().useParams)(),O=C.get("version"),N=(0,S().useNavigate)(),I=(0,S().useLocation)(),$=j["*"],R=x.compositions.find(t=>t.identifier.toLowerCase()===$)||(0,s().default)(x.compositions);(0,a().useRef)(R).current=R,(0,A().useDefaultControlsSchemaResponder)(k,b);let F=(0,h().useDocs)(x.id),L=r?.values()??[],B=i?.values()??[],H=!(0,v().useIsMobile)()&&x.compositions.length>0,[X,Y]=(0,a().useState)(H),W=X?c().Layout.row:c().Layout.left,Z=(0,y().toPreviewUrl)(x,"compositions"),Q=x?.preview?.isScaling,K=x?.preview?.includesEnvTemplate,J=x?.preview?.useNameParam,ee=J||Q&&!1===K?`name=${R?.identifier}`:R?.identifier,et=(0,y().toPreviewUrl)(x,"compositions",ee),[en,er]=(0,a().useState)(()=>b?{fullscreen:!0,livecontrols:!0}:{fullscreen:!0}),ea=(0,a().useMemo)(()=>l().default.stringify(en),[en]),[eo,ei]=(0,a().useState)(()=>new Set),[es,el]=(0,a().useState)(!1),eu=(0,a().useRef)(null),[ec,ed]=(0,a().useState)(null),{ready:ep,defs:em,values:ef,onChange:eh}=(0,P().useLiveControls)(),eg=(0,a().useCallback)(t=>{if(0!==t.button)return;t.preventDefault();let n=t.clientY,r=eu.current?.offsetHeight??0,a=eu.current?.parentElement,o=Math.max(120,(a?.clientHeight??window.innerHeight)-80);el(!0),document.body.style.cursor="ns-resize",document.body.style.userSelect="none";let i=r,s=!1,l=()=>{s=!1,eu.current&&(eu.current.style.height=`${i}px`)},u=t=>{i=Math.max(120,Math.min(o,r+(n-t.clientY))),s||(s=!0,requestAnimationFrame(l))},c=()=>{el(!1),ed(i),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",c)};document.addEventListener("mousemove",u),document.addEventListener("mouseup",c)},[]);(0,a().useEffect)(()=>Y(H),[H]),(0,a().useEffect)(()=>{b?er(t=>!0===t.livecontrols?t:q(q({},t),{},{livecontrols:!0})):er(t=>{if(!("livecontrols"in t))return t;let n=q({},t);return delete n.livecontrols,n})},[b]);let eb=ep&&em.length>0,ey=R?.identifier,ev=!!ey&&eo.has(ey),e_=eb&&ev,ew=(0,a().useCallback)(()=>{ey&&ei(t=>{let n=new Set(t);return n.has(ey)?n.delete(ey):n.add(ey),n})},[ey]);return a().default.createElement(w().CompositionContextProvider,{queryParams:en,setQueryParams:er},a().default.createElement(c().SplitPane,{layout:W,size:"80%",className:T().default.compositionsPage},a().default.createElement(c().Pane,{className:T().default.left},a().default.createElement(_().CompositionsMenuBar,{menuBarWidgets:t,className:T().default.menuBar},a().default.createElement(D().Tooltip,{content:"Open in new tab",placement:"bottom"},a().default.createElement(V,{external:!0,href:et,className:T().default.toolbarButton},a().default.createElement(E().OptionButton,{icon:"open-tab"})))),a().default.createElement("div",{className:T().default.previewArea},es&&a().default.createElement("div",{className:T().default.dragOverlay}),a().default.createElement(y().SandboxPermissionsAggregator,{hooks:L,component:x},t=>a().default.createElement(y().PreviewPropsAggregator,{hooks:B,component:x},r=>a().default.createElement(G,z({},r,{className:T().default.compositionPanel,emptyState:n,component:x,selected:R,queryParams:ea,sandbox:t})))),eb&&a().default.createElement(U,{trayRef:eu,collapsed:e_,height:ec,ready:ep,defs:em,values:ef,onChange:eh,onResizeStripMouseDown:eg,onToggleExpanded:ew}))),a().default.createElement(d().HoverSplitter,{className:T().default.splitter},a().default.createElement(g().Collapser,{placement:"left",isOpen:X,onMouseDown:t=>t.stopPropagation(),onClick:()=>Y(t=>!t),tooltipContent:`${X?"Hide":"Show"} side compositions`,className:T().default.collapser})),a().default.createElement(c().Pane,{className:T().default.right},a().default.createElement(u().ThemeContext,null,a().default.createElement(f().TabContainer,{className:T().default.tabsContainer},a().default.createElement(f().TabList,{className:T().default.tabs},a().default.createElement(f().Tab,null,"compositions"),a().default.createElement(f().Tab,null,"properties")),a().default.createElement(f().TabPanel,{className:T().default.tabContent},a().default.createElement(M().CompositionsPanel,{isScaling:Q,useNameParam:J,includesEnvTemplate:x.preview?.includesEnvTemplate,hasLiveControls:eb,liveControlsActive:eb&&!ev,onToggleLiveControls:ew,onSelectComposition:t=>{if(!R||!I)return;let n=j["*"],r=I.pathname.split("/").filter(t=>t);n?r[r.length-1]=t.identifier.toLowerCase():r.push(t.identifier.toLowerCase());let a=new URLSearchParams(C);O&&a.set("version",O);let o=r.join("/");N(`/${o}?${a.toString()}`)},url:Z,compositions:x.compositions,active:R})),a().default.createElement(f().TabPanel,{className:T().default.tabContent},F&&F.length>0?a().default.createElement(m().PropTable,{rows:F,showListView:!0}):a().default.createElement("div",null)))))))};let R=["component","selected","queryParams","emptyState","sandbox"];function F(t){return t&&t.__esModule?t:{default: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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function z(){return(z=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 B(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 q(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?B(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):B(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}let V=S().Link;function U({trayRef:t,collapsed:n,height:r,ready:o,defs:s,values:l,onChange:u,onResizeStripMouseDown:c,onToggleExpanded:d}){let p=n||null===r?void 0:{height:r};return a().default.createElement("div",{ref:t,className:(0,i().default)(T().default.controlsTray,n&&T().default.controlsTrayCollapsed),style:p},!n&&a().default.createElement("div",{className:T().default.trayResizeStrip,onMouseDown:c,role:"separator","aria-orientation":"horizontal","aria-label":"Resize live controls",title:"Drag to resize"},a().default.createElement("div",{className:T().default.trayDragBar})),a().default.createElement("div",{className:T().default.trayHeaderInner,onClick:d,role:"button",tabIndex:0,onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),d())},title:n?"Click to expand":"Click to collapse"},a().default.createElement("div",{className:T().default.trayTitleRow},a().default.createElement(N().Icon,{of:"settings",className:T().default.trayIcon}),a().default.createElement("span",{className:T().default.trayTitle},"Live Controls"),o&&s.length>0&&a().default.createElement("span",{className:T().default.trayBadge},s.length)),a().default.createElement("span",{className:(0,i().default)(T().default.trayCollapseIcon,n&&T().default.trayCollapseIconCollapsed),"aria-hidden":!0},a().default.createElement(N().Icon,{of:"right-rounded-corners"}))),!n&&a().default.createElement("div",{className:T().default.trayBody},o?a().default.createElement($().LiveControls,{defs:s,values:l,onChange:u}):a().default.createElement("div",{className:T().default.trayEmpty},"No live controls available for this composition")))}function G(t){let{component:n,selected:r,queryParams:o,emptyState:i,sandbox:s}=t,l=function(t,n){if(null==t)return{};var r,a,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,R),u=n.environment?.id,c=i?.get(u||"");return 0===n.compositions.length&&"teambit.workspace/workspace"===n.host&&c?a().default.createElement("div",{className:T().default.noCompositionsPage},a().default.createElement("div",null,a().default.createElement(C().H1,{className:T().default.title},"Compositions"),a().default.createElement(k().Separator,{isPresentational:!0,className:T().default.separator}),a().default.createElement(j().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},a().default.createElement(x().MDXLayout,null,a().default.createElement(c,null))))):n?.buildStatus==="pending"&&n?.host==="teambit.scope/scope"?a().default.createElement(O().StatusMessageCard,{className:T().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):n?.buildStatus==="failed"&&n?.host==="teambit.scope/scope"?a().default.createElement(O().StatusMessageCard,{className:T().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):0===n.compositions.length?a().default.createElement(b().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):a().default.createElement(I().ComponentComposition,z({className:T().default.compositionsIframe,viewport:null,component:n,forceHeight:"100%",composition:r,fullContentHeight:!0,pubsub:!0,queryParams:o,sandbox:s},l))}},15849(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 o(){let t=r(72631);return o=function(){return t},t}function i(){let t=r(30266);return i=function(){return t},t}function s(){let t=r(14451);return s=function(){return t},t}function l(){let t=r(54016);return l=function(){return t},t}function u(){let t=r(1278);return u=function(){return t},t}function c(){let t=r(70567);return c=function(){return t},t}function d(){let t=r(75740);return d=function(){return t},t}function p(){let t=r(8349);return p=function(){return t},t}function m(){let t=r(83453);return m=function(){return t},t}function f(){let t=r(57223);return f=function(){return t},t}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,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 CompositionsUI=class CompositionsUI{constructor(t,n,r,o){this.menuBarWidgetSlot=t,this.emptyStateSlot=n,this.usePreviewSandboxSlot=r,this.usePreviewPropsSlot=o,g(this,"getCompositionsCompare",()=>a().default.createElement(u().CompositionCompare,{emptyState:this.emptyStateSlot,PreviewView:t=>a().default.createElement(f().CompositionContent,h({},t,{fullContentHeight:!0,forceHeight:"100%"}))}))}registerEmptyState(t){return this.emptyStateSlot.register(t),this}registerMenuWidget(...t){this.menuBarWidgetSlot.register(t)}registerPreviewSandbox(t){this.usePreviewSandboxSlot.register(t)}registerPreviewProps(t){this.usePreviewPropsSlot.register(t)}static async provider([t,n],r,[o,i,s,u]){let d=new CompositionsUI(o,i,s,u),m=new(p()).CompositionsSection(d,{menuBarWidgetSlot:d.menuBarWidgetSlot},i,s,u),f=new(p()).CompositionsSection(d,{menuBarWidgetSlot:d.menuBarWidgetSlot},i,s,u,!0),h=new(l()).CompositionCompareSection(d);return t.registerRoute(m.route),t.registerNavigation(m.navigationLink,m.order),t.registerPinnedWidget(f.navigationLink,f.order),n.registerNavigation(h),n.registerRoutes([h.route]),n.registerCompareTab({id:"inline-preview",order:2,displayName:"Preview",element:a().default.createElement(c().InlinePreviewCompare,null),lazy:!0}),d.registerPreviewSandbox((t,n)=>{n?.host==="teambit.scope/scope"&&(t.add("allow-scripts"),t.add("allow-same-origin"))}),d.registerPreviewProps(t=>{t.set("allow","clipboard-write")}),d}};g(CompositionsUI,"dependencies",[i().ComponentAspect,d().ComponentCompareAspect]),g(CompositionsUI,"runtime",s().UIRuntime),g(CompositionsUI,"slots",[o().Slot.withType(),o().Slot.withType(),o().Slot.withType(),o().Slot.withType()]),m().CompositionsAspect.addRuntime(CompositionsUI)},24010(t,n,r){"use strict";function a(){let t=r(83453);return a=function(){return t},t}function o(){let t=r(75320);return o=function(){return t},t}function i(){let t=r(57223);return i=function(){return t},t}function s(){let t=r(39809);return s=function(){return t},t}function l(){let t=r(489);return l=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentComposition",{enumerable:!0,get:function(){return l().ComponentComposition}}),Object.defineProperty(n,"Composition",{enumerable:!0,get:function(){return o().Composition}}),Object.defineProperty(n,"CompositionContent",{enumerable:!0,get:function(){return i().CompositionContent}}),Object.defineProperty(n,"CompositionsAspect",{enumerable:!0,get:function(){return a().CompositionsAspect}}),Object.defineProperty(n,"LiveControls",{enumerable:!0,get:function(){return l().LiveControls}}),Object.defineProperty(n,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return l().LiveControlsDiffPanel}}),Object.defineProperty(n,"LiveControlsRenderer",{enumerable:!0,get:function(){return l().LiveControlsRenderer}}),n.default=void 0,Object.defineProperty(n,"useDefaultControlsSchemaResponder",{enumerable:!0,get:function(){return s().useDefaultControlsSchemaResponder}}),n.default=a().CompositionsAspect},32362(t,n,r){"use strict";function a(){let t=l(r(12888));return a=function(){return t},t}function o(){let t=r(37175);return o=function(){return t},t}function i(){let t=r(60517);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentComposition=function(t){let{composition:n,component:r,queryParams:l=[]}=t,c=function(t,n){if(null==t)return{};var r,a,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,s),{isMinimal:d}=(0,i().useWorkspaceMode)(),p=r.preview?.includesEnvTemplate,m=r.preview?.isScaling,f=r.preview?.useNameParam||m&&!1===p,h=(0,a().useMemo)(()=>(n?[f?`name=${n.identifier}`:n.identifier]:[]).concat(l),[n?.identifier,l]);return a().default.createElement(o().ComponentPreview,u({},c,{component:r,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:h,propagateError:d}))};let s=["composition","component","queryParams"];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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function u(){return(u=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)}},46592(t,n,r){"use strict";function a(){let t=r(29751);return a=function(){return t},t}function o(){let t=h(r(97500));return o=function(){return t},t}function i(){let t=r(44178);return i=function(){return t},t}function s(){let t=f(r(12888));return s=function(){return t},t}function l(){let t=r(75216);return l=function(){return t},t}function u(){let t=r(62634);return u=function(){return t},t}function c(){let t=r(19304);return c=function(){return t},t}function d(){let t=r(34132);return d=function(){return t},t}function p(){let t=h(r(36221));return p=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionsPanel=function(t){let{url:n,compositions:r,isScaling:f,onSelectComposition:h,onToggleLiveControls:b,hasLiveControls:y,liveControlsActive:v,active:_,includesEnvTemplate:w,useNameParam:x,className:k}=t,C=function(t,n){if(null==t)return{};var r,a,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,m),{setTimestamp:j}=(0,d().useLiveControls)(),S=x||f&&!1===w,E=(0,c().useLocation)(),[O]=(0,i().useSearchParams)(),D=O.get("version"),N=(0,c().useNavigate)(),P=(0,s().useCallback)(t=>{h&&h(t),t!==_&&j(0)},[h,_,j]),T=(0,s().useCallback)(t=>n=>{n.preventDefault(),j(0);let r=new URLSearchParams;D&&r.set("version",D);let a=E?.pathname.split("/~compositions")[0];N(`${a}/~code/${t.filepath}?${r.toString()}#search=${t.identifier}`)},[E?.pathname,N,j,D]);return s().default.createElement("div",{className:p().default.container},s().default.createElement("ul",g({},C,{className:(0,o().default)(p().default.compositionsList,k)}),r.map(t=>{let r=S?`${n}&name=${t.identifier}`:`${n}&${t.identifier}`;return s().default.createElement("li",{key:t.identifier,className:(0,o().default)(p().default.compositionItem,t===_&&p().default.active)},s().default.createElement("a",{className:p().default.panelLink,onClick:()=>P(t)},s().default.createElement("span",{className:p().default.name},t.displayName)),s().default.createElement("div",{className:p().default.itemActions},y&&b&&t===_&&s().default.createElement(u().Tooltip,{content:v?"Hide live controls":"Show live controls",placement:"bottom"},s().default.createElement("button",{type:"button","aria-label":v?"Hide live controls":"Show live controls",className:(0,o().default)(p().default.actionIcon,p().default.iconButton,v&&p().default.actionIconActive),onClick:t=>{t.preventDefault(),t.stopPropagation(),b()}},s().default.createElement(a().Icon,{of:"settings"}))),s().default.createElement(l().MenuWidgetIcon,{className:p().default.actionIcon,icon:"Code",tooltipContent:"View source",onClick:T(t)}),s().default.createElement(u().Tooltip,{content:"Open in new tab",placement:"bottom"},s().default.createElement("a",{className:(0,o().default)(p().default.actionIcon,p().default.iconLink),target:"_blank",rel:"noopener noreferrer",href:r},s().default.createElement(a().Icon,{of:"open-tab"})))))})))};let m=["url","compositions","isScaling","onSelectComposition","onToggleLiveControls","hasLiveControls","liveControlsActive","active","includesEnvTemplate","useNameParam","className"];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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function h(t){return t&&t.__esModule?t:{default:t}}function g(){return(g=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)}},30227(t,n,r){"use strict";function a(){let t=g(r(12888));return a=function(){return t},t}function o(){let t=g(r(97500));return o=function(){return t},t}function i(){let t=r(83337);return i=function(){return t},t}function s(){let t=r(94412);return s=function(){return t},t}function l(){let t=r(21171);return l=function(){return t},t}function u(){let t=r(60909);return u=function(){return t},t}function c(){let t=r(57254);return c=function(){return t},t}function d(){let t=r(7943);return d=function(){return t},t}function p(){let t=r(11685);return p=function(){return t},t}function m(){let t=r(8228);return m=function(){return t},t}function f(){let t=g(r(80836));return f=function(){return t},t}function h(){let t=g(r(47239));return h=function(){return t},t}function g(t){return t&&t.__esModule?t:{default:t}}function b(){return(b=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 y({value:t,onChange:n,id:r}){let[o,s]=a().default.useState(t||"");return a().default.useEffect(()=>{s(t||"")},[t]),a().default.createElement("div",{className:f().default.wrapper},a().default.createElement(i().InputText,{className:f().default.inputText,id:r,value:o,onChange:t=>{let r=t.target.value;n(r||""),s(r||"")}}))}function v({value:t,onChange:n,id:r}){let[o,i]=a().default.useState(t||"");return a().default.useEffect(()=>{i(t||"")},[t]),a().default.createElement("div",{className:f().default.wrapper},a().default.createElement(s().TextArea,{id:r,value:o,onChange:t=>{let r=t.target.value;n(r||""),i(r||"")}}))}function _({value:t,onChange:n,meta:r}){let i=a().default.useRef(null),[s,c]=a().default.useState(t||""),[d,p]=a().default.useState(!1);a().default.useEffect(()=>{c(t||"")},[t]);let g=a().default.useMemo(()=>r?.options?r.options.map(t=>"string"==typeof t?{label:t,value:t}:t):[],[r]),b=g.find(t=>t.value===s)?.label,{position:y,style:v}=(0,m().useOverlay)(i,d,0,{paddingTop:8,paddingBottom:8});return a().default.createElement("div",{ref:i,className:(0,o().default)(f().default.wrapper)},a().default.createElement("div",{className:f().default.fullWidthControl},a().default.createElement(l().Dropdown,{className:f().default.dropdownField,placeholderContent:b,open:d,onChange:(t,n)=>p(n),position:y,dropClass:h().default.suppressNativeMenu})),d&&v&&a().default.createElement(m().BitPortal,null,a().default.createElement("div",{className:h().default.overlay,style:v,onMouseDown:t=>t.stopPropagation()},g.map(t=>a().default.createElement(u().MenuItem,{className:f().default.portalMenuItem,key:t.value,active:t.value===s,onClick:()=>{var r;n(r=t.value),c(r),p(!1)}},t.label)))))}function w({value:t,onChange:n,id:r}){let[o,s]=a().default.useState(t||0);return a().default.useEffect(()=>{s(t||0)},[t]),a().default.createElement("div",{className:f().default.wrapper},a().default.createElement(i().InputText,{id:r,type:"number",value:o,onChange:t=>{let r=t.target.value;isNaN(Number(r))?console.error("Invalid number input",r):(n(Number(r)||0),s(Number(r)||0))}}))}function x(t){let[n,r]=a().default.useState(!1),o=a().default.useRef(null),{position:i,style:s}=(0,m().useOverlay)(o,n,4,{padding:16});return a().default.createElement("div",{ref:o},a().default.createElement(c().ColorPicker,b({},t,{open:n,onChange:(t,n)=>r(n),position:i,dropClass:h().default.suppressNativeMenu})),n&&s&&a().default.createElement(m().BitPortal,null,a().default.createElement("div",{className:h().default.overlay,style:s,onMouseDown:t=>t.stopPropagation()},a().default.createElement(c().ColorsBox,{onColorSelect:n=>{t.onColorSelect?.(n),r(!1)},colorsList:t.colorsList,showNoColor:t.showNoColor,selected:t.value??""}))))}function k({value:t,onChange:n}){let[r,o]=a().default.useState(t||"");return a().default.useEffect(()=>{o(t||"")},[t]),a().default.createElement("div",{className:f().default.wrapper},a().default.createElement(x,{value:r,onColorSelect:t=>{n(t),o(t)},allowCustomColor:!0}))}function C({value:t,onChange:n}){let[r,i]=a().default.useState(new Date(t));return a().default.useEffect(()=>{i(new Date(t))},[t]),a().default.createElement("div",{className:(0,o().default)(f().default.wrapper)},a().default.createElement(d().DatePicker,{date:r,onChange:t=>{t&&n(t.toISOString().split("T")[0]),i(t)}}))}function j({value:t,onChange:n}){let[r,i]=a().default.useState(!!t);return a().default.useEffect(()=>{i(!!t)},[t]),a().default.createElement("div",{className:(0,o().default)(f().default.wrapper,f().default.toggleWrapper)},a().default.createElement("div",{className:f().default.toggleControl},a().default.createElement(p().Toggle,{checked:r,onInputChanged:t=>{let a=t?.target?.checked??!r;i(a),n(a)}})))}function S({value:t,onChange:n,meta:r,id:i}){let[s,l]=a().default.useState("number"==typeof t?t:0);return a().default.useEffect(()=>{l("number"==typeof t?t:0)},[t]),a().default.createElement("div",{className:(0,o().default)(f().default.wrapper,f().default.rangeWrapper)},a().default.createElement("input",{id:i,className:f().default.rangeInput,type:"range",value:s,min:r?.min,max:r?.max,step:r?.step,onChange:t=>{let r=Number(t.target.value);isNaN(r)||(n(r),l(r))}}),a().default.createElement("div",{className:f().default.rangeValue},s))}function E({value:t,onChange:n,meta:r,id:i}){let[s,l]=a().default.useState(Array.isArray(t)?t:[]);a().default.useEffect(()=>{l(Array.isArray(t)?t:[])},[t]);let u=a().default.useMemo(()=>r?.options?r.options.map(t=>"string"==typeof t?{label:t,value:t}:t):[],[r]);return a().default.createElement("div",{className:(0,o().default)(f().default.wrapper)},a().default.createElement("select",{id:i,className:f().default.multiSelect,multiple:!0,value:s,onChange:t=>{let r=Array.from(t.target.selectedOptions).map(t=>t.value);n(r),l(r)}},u.map(t=>a().default.createElement("option",{key:t.value,value:t.value},t.label))))}function O({value:t,onChange:n,meta:r,id:i}){return"function"==typeof r?.render?a().default.createElement("div",{className:(0,o().default)(f().default.wrapper)},r.render({value:t,onChange:n,id:i,options:r.renderOptions})):a().default.createElement(y,{id:i,value:t,onChange:n})}function D({value:t,onChange:n,id:r}){let[o,i]=a().default.useState(JSON.stringify(t,null,2));a().default.useEffect(()=>{i(JSON.stringify(t,null,2))},[t]);let[l,u]=a().default.useState("");return a().default.createElement("div",{className:f().default.wrapper},a().default.createElement(s().TextArea,{id:r,value:o,onChange:t=>{let r=t.target.value;try{let t=JSON.parse(r);n(t),u("")}catch{u("Invalid JSON")}i(r)}}),l&&a().default.createElement("div",{style:{color:"red"}},l))}Object.defineProperty(n,"__esModule",{value:!0}),n.SelectInput=_,n.getInputComponent=function(t){switch(t){case"text":return y;case"longtext":return v;case"select":return _;case"number":return w;case"color":return k;case"date":return C;case"boolean":return j;case"range":return S;case"multiselect":return E;case"json":return D;case"custom":return O;default:return console.warn(`Unknown input type: ${t}`),y}}},44849(t,n,r){"use strict";function a(){let t=l(r(12888));return a=function(){return t},t}function o(){let t=l(r(97500));return o=function(){return t},t}function i(){let t=l(r(80262));return i=function(){return t},t}function s(){let t=r(30227);return s=function(){return t},t}function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.LiveControls=function({defs:t,values:n,onChange:r,renderLabel:l}){return a().default.createElement("ul",{className:(0,o().default)(i().default.container)},t.map(t=>{let u=t.id,c=(0,s().getInputComponent)(t.input||"text"),d=l?l(t):t.label||t.id;return a().default.createElement("li",{key:u,className:(0,o().default)(i().default.item)},a().default.createElement("div",{className:(0,o().default)(i().default.label)},a().default.createElement("label",{htmlFor:`control-${u}`},d)),a().default.createElement("div",null,a().default.createElement(c,{id:`control-${u}`,value:n[u],onChange:t=>r(u,t),meta:t})))}))}},68414(t,n,r){"use strict";function a(){let t=p(r(12888));return a=function(){return t},t}function o(){let t=r(34132);return o=function(){return t},t}function i(){let t=r(31079);return i=function(){return t},t}function s(){let t=r(29751);return s=function(){return t},t}function l(){let t=d(r(97500));return l=function(){return t},t}function u(){let t=r(30227);return u=function(){return t},t}function c(){let t=d(r(74327));return c=function(){return t},t}function d(t){return t&&t.__esModule?t:{default:t}}function p(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(p=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.LiveControlsDiffPanel=function({resetKey:t,baseChannel:n,compareChannel:r,commonLabel:d="Common",baseLabel:p="Base",compareLabel:m="Compare",showEmptyState:f=!0,onStatusChange:h}){let g=(0,a().useRef)(null),[b,y]=(0,a().useState)(!0),v=(0,a().useRef)(null),_=`${n||""}-${r||""}-${t||""}`,w=(0,a().useMemo)(()=>new(o()).DiffControlsModel(n,r),[n,r]),x=(0,a().useMemo)(()=>{let t=[w.baseChannel,w.compareChannel];return t.includes("default")||t.push("default"),[...new Set(t)]},[w.baseChannel,w.compareChannel]),{ready:k,setTimestamp:C}=(0,o().useLiveControls)(x);(0,a().useEffect)(()=>{g.current!==_&&(g.current=_,y(!0),C(0))},[_,C]);let j=!!(n&&r),S=k||w.isReady,E=w.controls,O=E.length>0,D=w.hasSubscribers,N=(0,a().useRef)(S);(0,a().useEffect)(()=>{S&&!N.current&&b&&y(!1),N.current=S},[S,b]),(0,a().useEffect)(()=>{if(!j||S||!b){null!==v.current&&(window.clearTimeout(v.current),v.current=null);return}return v.current=window.setTimeout(()=>{y(!1),v.current=null},1200),()=>{null!==v.current&&(window.clearTimeout(v.current),v.current=null)}},[j,S,b,_]);let P=(0,a().useMemo)(()=>j?b?"loading":(S||D)&&O?"available":"empty":"empty",[j,b,S,D,O]);(0,a().useEffect)(()=>{h?.(P)},[P,h]);let T=(0,a().useCallback)((t,n)=>{w.updateControl(t.id,n,t.source)},[w]);if("loading"===P)return a().default.createElement("div",{className:c().default.loader},a().default.createElement(i().LineSkeleton,{width:"68px"}),a().default.createElement(i().LineSkeleton,{width:"52px"}),a().default.createElement(i().LineSkeleton,{width:"72px"}));if("empty"===P)return f?a().default.createElement("div",{className:c().default.emptyState},a().default.createElement("div",{className:c().default.emptyStateIconWrap},a().default.createElement(s().Icon,{of:"scan-component",className:c().default.emptyStateIcon,"aria-hidden":!0})),a().default.createElement("div",{className:c().default.emptyStateText},a().default.createElement("div",{className:c().default.emptyStateTitle},"No live controls"),a().default.createElement("div",{className:c().default.emptyStateSubtitle},"This composition does not expose live controls."))):null;let I=E.filter(t=>"common"===t.source),M=E.filter(t=>"base"===t.source),$=E.filter(t=>"compare"===t.source),A=M.length>0||$.length>0,R=M.length>0&&$.length>0,F=t=>a().default.createElement("ul",{className:c().default.controlsList},t.map(t=>{let n=t.input||"text",r="longtext"===n||"multiselect"===n||"json"===n,o=(0,u().getInputComponent)(n),i=`${t.id}-${t.source}`,s=w.getValueForControl(t.id,t.source);return a().default.createElement("li",{key:i,className:(0,l().default)(c().default.controlRow,r&&c().default.controlRowWide)},a().default.createElement("div",{className:c().default.controlMain},a().default.createElement("div",{className:c().default.controlLabel},a().default.createElement("label",{htmlFor:`control-${i}`},t.label||t.id)),a().default.createElement("div",{className:c().default.controlInput},a().default.createElement(o,{id:`control-${i}`,value:s,onChange:n=>T(t,n),meta:t}))))}));return a().default.createElement("div",{className:c().default.container},a().default.createElement("div",{className:c().default.columnsLayout},I.length>0&&a().default.createElement("div",{className:c().default.column},a().default.createElement("div",{className:c().default.columnHeader},d),F(I)),I.length>0&&A&&a().default.createElement("div",{className:c().default.columnDivider}),M.length>0&&a().default.createElement("div",{className:c().default.column},a().default.createElement("div",{className:c().default.columnHeader},p),F(M)),R&&a().default.createElement("div",{className:c().default.columnDivider}),$.length>0&&a().default.createElement("div",{className:c().default.column},a().default.createElement("div",{className:c().default.columnHeader},m),F($))))}},57297(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 o(){let t=r(44849);return o=function(){return t},t}function i(){let t=r(34132);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.LiveControlsRenderer=function(){let{hasLiveControls:t,ready:n,defs:r,values:s,onChange:l}=(0,i().useLiveControls)();return t?n?a().default.createElement(o().LiveControls,{defs:r,values:s,onChange:l}):a().default.createElement("div",{style:{padding:12,opacity:.7}},"No live controls available."):null}},8228(t,n,r){"use strict";function a(){let t=i(r(12888));return a=function(){return t},t}function o(){let t=i(r(2163));return o=function(){return t},t}function i(t){return t&&t.__esModule?t:{default:t}}function s(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 l(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?s(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.BitPortal=function({children:t}){return o().default.createPortal(t,document.body)},n.useOverlay=function(t,n,r=4,o){let[i,s]=a().default.useState("bottom"),[u,c]=a().default.useState(null);return a().default.useLayoutEffect(()=>{if(!n||!t.current)return;let a=t.current.getBoundingClientRect(),i=window.innerHeight-a.bottom-r,u=a.top-r,d=i<240&&u>i?"top":"bottom";s(d),c(l(l({},o),{},{left:a.left,maxWidth:a.width,maxHeight:240,top:"bottom"===d?a.bottom+r:void 0,bottom:"top"===d?window.innerHeight-a.top+r:void 0}))},[n]),{position:i,style:u}}},489(t,n,r){"use strict";function a(){let t=r(32362);return a=function(){return t},t}function o(){let t=r(44849);return o=function(){return t},t}function i(){let t=r(68414);return i=function(){return t},t}function s(){let t=r(57297);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentComposition",{enumerable:!0,get:function(){return a().ComponentComposition}}),Object.defineProperty(n,"LiveControls",{enumerable:!0,get:function(){return o().LiveControls}}),Object.defineProperty(n,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return i().LiveControlsDiffPanel}}),Object.defineProperty(n,"LiveControlsRenderer",{enumerable:!0,get:function(){return s().LiveControlsRenderer}})},39809(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(19633);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useDefaultControlsSchemaResponder=function(t,n=!0){let r=(0,a().useRef)([]),i=n&&t?t:void 0,{apiModel:s}=(0,o().useAPI)(i,[],{skipInternals:!1}),l=(0,a().useMemo)(()=>s?._api?.toObject(),[s]),u=(0,a().useCallback)(t=>{if(!l)return!1;try{return t.source.postMessage({type:"composition-live-controls:default-controls",payload:{id:t.id,name:t.name,schema:l}},t.origin||"*"),!0}catch{return!1}},[l]),c=(0,a().useCallback)(a=>{if(!n||!t)return;let{data:o}=a;if(!o||"composition-live-controls:request-default-controls"!==o.type)return;let i=o.payload;if(!i?.id||!i?.name||i.id!==t)return;let s=a.source;if(!s||s===window)return;let c={id:i.id,name:i.name,source:s,origin:a.origin||"*"};l?u(c):r.current.push(c)},[t,n,u,l]);(0,a().useEffect)(()=>{if(!n||!t){r.current=[];return}return window.addEventListener("message",c),()=>{window.removeEventListener("message",c)}},[t,n,c]),(0,a().useEffect)(()=>{if(!l||0===r.current.length)return;let t=r.current;r.current=[],t.forEach(u)},[l,u])}},27129(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.CompareTestsPage=function(t){let{component:n,emptyState:r,className:a,isCompareVersionWorkspace:g}=t,b=g?n.id.toStringWithoutVersion():n.id.toString(),y=(0,i.useSubscription)(f,{variables:{id:b}}),{data:v}=(0,i.useQuery)(h,{variables:{id:b}}),_=y.data?.testsChanged||v?.getHost?.getTests,w=_?.testsResults?.testFiles;if(_?.loading)return(0,o.jsx)(s.TestLoader,{});let x=n.environment?.id,k=r.get(x||"");return(null===w||_?.testsResults===null)&&"teambit.workspace/workspace"===n.host&&k?(0,o.jsx)("div",{className:(0,m.default)(p.styles.testsPage,a),children:(0,o.jsx)("div",{children:(0,o.jsx)(u.AlertCard,{level:"info",title:"There are no\n                    tests for this Component. Learn how to add tests:",children:(0,o.jsx)(d.MDXLayout,{children:(0,o.jsx)(k,{})})})})}):null===w||_?.testsResults===null?(0,o.jsx)(c.EmptyBox,{title:"This component doesn\u2019t have any tests.",linkText:"Learn how to add tests to your components",link:"https://bit.dev/reference/dev-services-overview/tester/tester-overview"}):(0,o.jsx)("div",{className:(0,m.default)(p.styles.testsPage,a),children:(0,o.jsx)("div",{children:(0,o.jsx)(l.TestTable,{testResults:w,className:p.styles.testBlock})})})};let o=r(11684);a(r(12888));let i=r(15810),s=r(61098),l=r(52243),u=r(938),c=r(39084),d=r(32297),p=r(13818),m=a(r(97500)),f=(0,i.gql)`
+`},92308(t,n,r){"use strict";function a(){let t=r(85253);return a=function(){return t},t}function o(){let t=r(94653);return o=function(){return t},t}function i(){let t=r(88439);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Filters",{enumerable:!0,get:function(){return i().Filters}}),Object.defineProperty(n,"UseComponentType",{enumerable:!0,get:function(){return i().UseComponentType}}),n.useComponent=function(t,n,r){var i,s;let l=(0,a().useQuery)(),{version:u,logFilters:c,customUseComponent:d,skip:p,context:m}=r||{},f=(u||l.get("version"))??void 0,h=n&&(i=n,!(s=f)||i.includes("@")?i:`${i}@${s}`);return(d||o().useComponentQuery)(h||"",t,c,p||!n,m)}},88439(){},23403(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getOffsetValue=function(t,n,r=!1){return void 0!==t?r?-(t+n):t:void 0!==n?0:void 0}},68089(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.CompositionCardSkeleton=function(){return(0,o.jsxs)("div",{className:s.default.compositionCardSkeleton,children:[(0,o.jsx)(l,{}),(0,o.jsx)("div",{className:s.default.bottom,children:(0,o.jsx)(i.LineSkeleton,{width:"104px"})})]})},n.PreviewSkeleton=l;let o=r(11684);a(r(12888));let i=r(31079),s=a(r(51758));function l(){return(0,o.jsxs)("div",{className:s.default.preview,children:[(0,o.jsx)(i.BlockSkeleton,{lines:2,className:s.default.block}),(0,o.jsx)(i.LineSkeleton,{width:"208px"}),(0,o.jsx)(i.LineSkeleton,{width:"152px"}),(0,o.jsx)(i.LineSkeleton,{width:"88px"})]})}},48216(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewSkeleton=n.CompositionCardSkeleton=void 0;var a=r(68089);Object.defineProperty(n,"CompositionCardSkeleton",{enumerable:!0,get:function(){return a.CompositionCardSkeleton}}),Object.defineProperty(n,"PreviewSkeleton",{enumerable:!0,get:function(){return a.PreviewSkeleton}})},38527(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.CompositionCard=void 0;let o=r(11684),i=a(r(12888)),s=a(r(97500)),l=r(29751),u=r(24010),c=r(38348),d=a(r(1168));n.CompositionCard=i.default.memo(function({composition:t,component:n,className:r,openCompositionLink:a,previewClass:p,queryParams:m,sandbox:f,...h}){let g=i.default.useMemo(()=>(0,o.jsx)(u.ComponentComposition,{disableScroll:!0,className:p,includeEnv:!0,loading:"lazy",composition:t,component:n,viewport:1280,queryParams:m,previewName:"compositions",sandbox:f}),[t.identifier,n.id.toString(),p,f]);return(0,o.jsxs)("div",{...h,className:(0,s.default)(d.default.compositionCard,r),children:[(0,o.jsx)("div",{className:d.default.compositionPreview,children:g}),(0,o.jsxs)("div",{className:d.default.bottom,children:[(0,o.jsx)("span",{className:(0,s.default)(c.ellipsis,d.default.displayName),children:t.displayName}),a&&(0,o.jsx)("a",{className:d.default.link,target:"_blank",rel:"noopener noreferrer",href:a,children:(0,o.jsx)(l.Icon,{className:d.default.icon,of:"open-tab"})})]})]},t.identifier)})},23778(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCardSkeleton=n.CompositionCard=void 0;var a=r(38527);Object.defineProperty(n,"CompositionCard",{enumerable:!0,get:function(){return a.CompositionCard}});var o=r(48216);Object.defineProperty(n,"CompositionCardSkeleton",{enumerable:!0,get:function(){return o.CompositionCardSkeleton}})},70532(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.humanizeCompositionId=function(t){return(0,o.default)(t)};let o=a(r(64744))},36261(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.humanizeCompositionId=void 0;var a=r(70532);Object.defineProperty(n,"humanizeCompositionId",{enumerable:!0,get:function(){return a.humanizeCompositionId}})},496(t,n,r){"use strict";function a(){let t=r(36261);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.Composition=void 0;let Composition=class Composition{constructor(t,n,r){this.identifier=t,this.filepath=n,this._displayName=r}get displayName(){return this._displayName||(0,a().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(t){return t.map(t=>new Composition(t.identifier,t.filepath,t.displayName))}};n.Composition=Composition},45314(t,n,r){"use strict";function a(){let t=r(496);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Composition",{enumerable:!0,get:function(){return a().Composition}})},22645(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.CompositionGallerySkeleton=function({compositionsLength:t,className:n,...r}){let a=Array.from(Array(t));return(0,o.jsxs)("div",{...r,className:(0,i.default)(u.default.compositionGallerySkeleton,n),children:[(0,o.jsx)(s.LineSkeleton,{width:"100px",className:u.default.title}),(0,o.jsx)("div",{className:(0,i.default)(u.default.compositionGalleryGrid),children:a.map((t,n)=>(0,o.jsx)(l.CompositionCardSkeleton,{},`comp-card-skeleton-${n}`))})]})};let o=r(11684);a(r(12888));let i=a(r(97500)),s=r(31079),l=r(23778),u=a(r(26330))},13156(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionGallerySkeleton=void 0;var a=r(22645);Object.defineProperty(n,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return a.CompositionGallerySkeleton}})},91339(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.CompositionGallery=function({component:t,sandbox:n}){let r=(0,l.useNavigate)();return t.compositions.length>0?(0,o.jsxs)("div",{className:c.default.compositionGallery,children:[(0,o.jsxs)(s.LinkedHeading,{size:"sm",className:c.default.title,children:[(0,o.jsx)(i.Icon,{of:"eye"})," ",(0,o.jsx)("span",{children:"PREVIEW"})]}),(0,o.jsx)("div",{className:c.default.carousel,children:t.compositions.map(a=>(0,o.jsx)(u.CompositionCard,{onClick:()=>r(`~compositions/${a.identifier.toLowerCase()}`),className:c.default.compositionGalleryCard,previewClass:c.default.preview,composition:a,component:t,queryParams:"disableCta=true",sandbox:n},a.identifier.toLowerCase()))})]}):null};let o=r(11684);a(r(12888));let i=r(516),s=r(51663),l=r(19304),u=r(23778),c=a(r(11516))},55970(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionGallerySkeleton=n.CompositionGallery=void 0;var a=r(91339);Object.defineProperty(n,"CompositionGallery",{enumerable:!0,get:function(){return a.CompositionGallery}});var o=r(13156);Object.defineProperty(n,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return o.CompositionGallerySkeleton}})},2186(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompareSection=void 0;let CompositionCompareSection=class CompositionCompareSection{constructor(t){this.ui=t,this.navigationLink={href:"compositions",children:"Preview"},this.props=this.navigationLink,this.route={path:"compositions/*",element:this.ui.getCompositionsCompare()},this.order=1,this.id="preview"}};n.CompositionCompareSection=CompositionCompareSection},54016(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompareSection=void 0;var a=r(2186);Object.defineProperty(n,"CompositionCompareSection",{enumerable:!0,get:function(){return a.CompositionCompareSection}})},15943(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useCompositionCompare=n.CompositionCompareContext=void 0;let a=r(12888);n.CompositionCompareContext=(0,a.createContext)(void 0),n.useCompositionCompare=()=>(0,a.useContext)(n.CompositionCompareContext)},88134(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompare=function(t){let{emptyState:n,PreviewView:r=m.CompositionContent,Widgets:a,previewViewProps:o={}}=t,i=(0,p.useComponentCompare)(),s=(0,_.useQuery)(),l=(0,v.useLocation)()||{pathname:"/"},{base:f,compare:w,baseContext:k,compareContext:j,loading:E}=i||{},[O,L]=(0,c.useState)(!0),[z,B]=(0,c.useState)("loading"),[q,V]=(0,c.useState)(!1),{panelRef:U,panelHeight:G,isResizing:H,handleResizeStart:X}=function(){let[t,n]=(0,c.useState)(240),[r,a]=(0,c.useState)(!1),o=(0,c.useRef)(null),i=(0,c.useRef)(!1),s=(0,c.useRef)(240),l=(0,c.useRef)(null),u=(0,c.useRef)(null),d=(0,c.useRef)(!1),p=(0,c.useRef)(!1),m=(0,c.useCallback)(()=>{let t=o.current?.parentElement?.clientHeight;return t?Math.max(80,t-150):240},[150,80,240]),f=(0,c.useCallback)(()=>{let t=o.current?.parentElement?.clientHeight;return!t||t<=0?240:Math.max(240,Math.round(.34*t))},[240,.34]),h=(0,c.useCallback)(t=>Math.max(80,Math.min(m(),t)),[80,m]),g=(0,c.useCallback)((t,r=!1)=>{let a=h(t);return s.current=a,o.current&&(o.current.style.height=`${a}px`),r&&n(a),a},[h]),b=(0,c.useCallback)(()=>{i.current||g(p.current?s.current:f(),!0)},[g,f]);(0,c.useEffect)(()=>{d.current||(d.current=!0,b())},[b]),(0,c.useEffect)(()=>{let t=()=>{b()};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[b]),(0,c.useEffect)(()=>{if("u"<typeof ResizeObserver)return;let t=o.current?.parentElement;if(!t)return;let n=new ResizeObserver(()=>{b()});return n.observe(t),()=>n.disconnect()},[b]);let y=(0,c.useCallback)(t=>{t.preventDefault(),t.stopPropagation(),i.current=!0,a(!0);let n=t.clientY,r=s.current,o=t=>{if(!i.current)return;t.preventDefault();let a=r+(n-t.clientY);null!==u.current&&cancelAnimationFrame(u.current),u.current=requestAnimationFrame(()=>{g(a),u.current=null})},c=()=>{null!==u.current&&(cancelAnimationFrame(u.current),u.current=null),p.current=!0,i.current=!1,g(s.current,!0),a(!1),window.removeEventListener("mousemove",o),window.removeEventListener("mouseup",c),window.removeEventListener("blur",c),document.body.style.cursor="",document.body.style.userSelect=""};l.current?.(),document.body.style.cursor="ns-resize",document.body.style.userSelect="none",window.addEventListener("mousemove",o),window.addEventListener("mouseup",c),window.addEventListener("blur",c),l.current=()=>{window.removeEventListener("mousemove",o),window.removeEventListener("mouseup",c),window.removeEventListener("blur",c)}},[g]);return(0,c.useEffect)(()=>()=>{i.current=!1,null!==u.current&&(cancelAnimationFrame(u.current),u.current=null),l.current?.(),l.current=null,document.body.style.cursor="",document.body.style.userSelect=""},[]),{panelRef:o,panelHeight:t,isResizing:r,handleResizeStart:y}}(),Y=!E&&void 0!==f&&void 0!==w,W=f?.model.compositions,Z=w?.model.compositions,{selectedCompositionBaseFile:Q,selectedCompositionCompareFile:K}={selectedCompositionBaseFile:(0,h.useCompareQueryParam)("compositionBaseFile"),selectedCompositionCompareFile:(0,h.useCompareQueryParam)("compositionCompareFile")},J=j?.state?.preview,ee=k?.hooks?.preview,et=j?.hooks?.preview,en=(0,c.useMemo)(()=>(function({selectedCompositionCompareFile:t,selectedCompositionBaseFile:n,compareStateId:r,baseStateId:a,compareCompositions:o,baseCompositions:i}){let s=o?.[0]?.identifier||i?.[0]?.identifier;return t||n||r||a||s})({selectedCompositionCompareFile:K,selectedCompositionBaseFile:Q,compareStateId:J?.id,baseStateId:k?.state?.preview?.id,compareCompositions:Z,baseCompositions:W}),[K,Q,J?.id,k?.state?.preview?.id,Z,W]),er=P(W,en),ea=P(Z,en),eo=!!(!en||!er),ei=!!(!en||!ea),es=(0,c.useMemo)(()=>new Set((W||[]).map(t=>t.identifier)),[W]),el=(0,c.useMemo)(()=>new Set((Z||[]).map(t=>t.identifier)),[Z]),eu=(0,c.useMemo)(()=>(0,C.uniqBy)((W||[]).concat(Z||[]),"identifier")?.map(t=>{let n=function(t,n){if(!t||!n){if(t)return"Base only";if(n)return"Compare only"}}(es.has(t.identifier),el.has(t.identifier)),r=J?.controlled?M(s,l.pathname,{}):M(s,l.pathname,{compositionBaseFile:t.identifier,compositionCompareFile:t.identifier}),a=J?.controlled?(t,n)=>{et?.onClick?.(t,n),ee?.onClick?.(t,n)}:void 0;return{id:t.identifier,label:t.displayName,href:r,onClick:a,tag:n}}),[W,Z,es,el,J?.controlled,et,ee,s,l.pathname]),ec=(0,c.useMemo)(()=>{let t=eu.find(t=>t.id===ea?.identifier)||eu.find(t=>t.id===er?.identifier);return t||(en?{id:en,label:en,tag:"Missing"}:void 0)},[eu,ea?.identifier,er?.identifier,en]),ed=f?.model.id?.toString(),ep=w?.model.id?.toString();(0,m.useDefaultControlsSchemaResponder)(ed,!!ed),(0,m.useDefaultControlsSchemaResponder)(ep,!!ep);let em=A(er,en),ef=A(ea,en),eh=(0,c.useMemo)(()=>T("base",ed,em),[ed,em]),eg=(0,c.useMemo)(()=>T("compare",ep,ef),[ep,ef]),eb=(0,c.useMemo)(()=>I(eh),[eh]),ey=(0,c.useMemo)(()=>I(eg),[eg]),ev=`${eh||""}-${eg||""}`,e_=!!(eh&&eg);(0,c.useEffect)(()=>{V(!1),B("loading")},[ev]);let ew=(0,c.useCallback)(t=>{B(t),"available"===t&&V(!0)},[]),ex=f?.model,ek=w?.model,eC=function(t,n,r){let a=(0,c.useMemo)(()=>R($(t)),[t]),o=(0,c.useMemo)(()=>R($(n),{forceWorkspace:r}),[n,r]),[i,s]=(0,c.useState)({base:a,compare:o});(0,c.useEffect)(()=>{s(t=>{let n=a??t.base,r=o??t.compare;return n===t.base&&r===t.compare?t:{base:n,compare:r}})},[a,o]);let l=a??i.base,u=o??i.compare;return(0,c.useMemo)(()=>({common:"Common",base:l?`Base version: ${l}`:"Base version",compare:u?`Compare version: ${u}`:"Compare version"}),[l,u])}(ex,ek,w?.hasLocalChanges),ej=(0,c.useMemo)(()=>Y?eo?(0,u.jsx)(N,{compositionId:en,version:"base"}):(0,u.jsx)(F,{model:ex,selected:er,queryParams:eb.queryString,compositionParams:eb.params,previewViewProps:o,emptyState:n,PreviewView:r,contextKey:`base-${ed}-${em}`,isBase:!0}):null,[Y,ex,ed,em,eh,er?.identifier,eb,o,n,eo,en]),eS=(0,c.useMemo)(()=>Y?ei?(0,u.jsx)(N,{compositionId:en,version:"compare"}):(0,u.jsx)(F,{model:ek,selected:ea,queryParams:ey.queryString,compositionParams:ey.params,previewViewProps:o,emptyState:n,PreviewView:r,contextKey:`compare-${ep}-${ef}`,isCompare:!0}):null,[Y,ek,ep,ef,eg,ea?.identifier,ey,o,n,ei,en]),eE=(0,c.useCallback)(()=>L(t=>!t),[]),eO=(0,c.useCallback)(t=>{("Enter"===t.key||" "===t.key)&&eE()},[eE]),eD=`${f?.model.id.toString()}-${w?.model.id.toString()}-composition-compare`;return E||W?.length||Z?.length?(0,u.jsxs)("div",{className:(0,d.default)(S.default.container,{[S.default.isResizing]:H}),children:[E&&(0,u.jsx)("div",{className:S.default.loader,children:(0,u.jsx)(b.RoundLoader,{})}),(0,u.jsxs)("div",{className:S.default.toolbar,children:[(0,u.jsxs)("div",{className:S.default.left,children:[(0,u.jsx)("div",{className:S.default.dropdown,children:eu.length>0&&(0,u.jsx)(x.CompositionDropdown,{dropdownItems:eu,selected:ec})}),(0,u.jsx)("div",{className:S.default.widgets,children:a?.Left})]}),(0,u.jsx)("div",{className:S.default.right,children:(0,u.jsx)("div",{className:S.default.widgets,children:a?.Right})})]}),(0,u.jsxs)("div",{className:S.default.compareLayout,children:[(0,u.jsx)("div",{className:S.default.compareMain,children:(0,u.jsx)(g.CompareSplitLayoutPreset,{className:S.default.splitLayout,base:ej,compare:eS})}),e_&&(0,u.jsxs)("div",{ref:U,className:S.default.controlsPanel,style:"available"===z||q?O?{height:G}:void 0:{display:"none"},children:[(0,u.jsx)("div",{className:S.default.controlsResizeHandle,onMouseDown:X,role:"separator","aria-orientation":"horizontal"}),(0,u.jsxs)("div",{className:S.default.controlsPanelHeader,onClick:eE,onKeyDown:eO,role:"button",tabIndex:0,children:[(0,u.jsxs)("div",{className:S.default.controlsTitleRow,children:[(0,u.jsx)(y.Icon,{of:"settings",className:S.default.controlsIcon}),(0,u.jsx)("span",{className:S.default.controlsPanelTitle,children:"Live Controls"})]}),(0,u.jsx)(y.Icon,{of:O?"fat-arrow-down":"fat-arrow-up",className:S.default.controlsArrow})]}),(0,u.jsx)("div",{className:S.default.controlsPanelContent,style:{display:O?void 0:"none"},children:(0,u.jsx)(m.LiveControlsDiffPanel,{resetKey:ev,baseChannel:eh,compareChannel:eg,commonLabel:eC.common,baseLabel:eC.base,compareLabel:eC.compare,showEmptyState:!1,onStatusChange:ew})})]})]})]},eD):(0,u.jsx)(D,{title:"No Compositions Available"})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(12066),m=r(24010),f=r(45348),h=r(13837),g=r(45918),b=r(97292),y=r(29751),v=r(19304),_=r(85253),w=l(r(83268)),x=r(61772),k=r(15943),C=r(46746),j=s(r(16322)),S=l(r(57151)),E=()=>{},O="workspace";function D({message:t,title:n}={}){return(0,u.jsx)("div",{className:S.default.subView,children:(0,u.jsxs)("div",{className:S.default.missingComposition,children:[(0,u.jsx)("div",{className:S.default.missingCompositionTitle,children:n||"Composition not available"}),t&&(0,u.jsx)("div",{className:S.default.missingCompositionSubtitle,children:t})]})})}function N({compositionId:t,version:n}){let r=t?`The selected composition "${t}" does not exist for the ${n} version.`:`The selected composition does not exist for the ${n} version.`;return(0,u.jsx)(D,{message:r})}function P(t,n){return n&&t?t.find(t=>t.identifier===n)||void 0:t?.[0]}function T(t,n,r){if(n&&r)return`${t}:${n}:${r}`}function I(t){let n={livecontrols:!0,...t?{lcchannel:t}:{}};return{params:n,queryString:w.default.stringify(n)}}function M(t,n,r){let a=new URLSearchParams({...Object.fromEntries(t.entries()),...r}).toString();return`${n}?${a}`}function $(t){let n=t?.id,r=n?.version?.toString?.(),a="function"==typeof n?.toString?n.toString().split("@")[1]:void 0;return r||a}function A(t,n){return t?.identifier||n}function R(t,n){return n?.forceWorkspace?O:t?t===O?O:j.valid(t)?t:t.slice(0,6):void 0}function F({model:t,selected:n,queryParams:r,compositionParams:a,previewViewProps:o,emptyState:i,PreviewView:s,contextKey:l,isBase:c,isCompare:d}){return(0,u.jsx)("div",{className:S.default.subView,children:(0,u.jsx)(k.CompositionCompareContext.Provider,{value:{compositionProps:{forceHeight:void 0,innerBottomPadding:50,...o,emptyState:i,component:t,queryParams:r,selected:n},isBase:c,isCompare:d},children:(0,u.jsx)(f.CompositionContextProvider,{queryParams:a,setQueryParams:E,children:(0,u.jsx)(s,{forceHeight:void 0,innerBottomPadding:50,...o,emptyState:i,component:t,selected:n,queryParams:r},l)})})})}},61772(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionDropdown=function(t){let{selected:n,dropdownItems:r}=t;return(0,u.jsx)(m.Dropdown,{dropClass:f.default.menu,placeholder:(0,u.jsxs)("div",{className:f.default.placeholder,children:[(0,u.jsxs)("div",{className:f.default.placeholderText,children:[(0,u.jsx)("span",{className:f.default.placeholderLabel,children:n&&n.label}),n?.tag&&(0,u.jsx)("span",{className:f.default.tag,children:n.tag})]}),(0,u.jsx)(p.Icon,{of:"fat-arrow-down"})]}),children:r.map(t=>(0,u.jsx)(h,{current:t,selected:n},`${t.id}-${t.href}`))})};let u=r(11684),c=s(r(12888)),d=r(93766),p=r(516),m=r(57699),f=l(r(79881));function h(t){let{selected:n,current:r}=t,a=(0,c.useRef)(null),o=!!r.onClick&&(t=>r.onClick?.(r.id,t))||void 0;return(0,u.jsx)("div",{ref:a,children:(0,u.jsx)(d.MenuLinkItem,{active:r.id===n?.id,href:r.href,onClick:o,children:(0,u.jsxs)("div",{className:f.default.menuItem,children:[(0,u.jsx)("span",{children:r.label}),r.tag&&(0,u.jsx)("span",{className:f.default.tag,children:r.tag})]})},r.href)},`${r.href}-container`)}},1278(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompareContext=n.useCompositionCompare=n.CompositionCompare=void 0;var a=r(88134);Object.defineProperty(n,"CompositionCompare",{enumerable:!0,get:function(){return a.CompositionCompare}});var o=r(15943);Object.defineProperty(n,"useCompositionCompare",{enumerable:!0,get:function(){return o.useCompositionCompare}}),Object.defineProperty(n,"CompositionCompareContext",{enumerable:!0,get:function(){return o.CompositionCompareContext}})},75320(t,n,r){"use strict";function a(){let t=r(45314);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Composition",{enumerable:!0,get:function(){return a().Composition}})},8349(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 o(){let t=r(75216);return o=function(){return t},t}function i(){let t=r(57223);return i=function(){return t},t}function s(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.CompositionsSection=void 0;let CompositionsSection=class CompositionsSection{constructor(t,n,r,l,u,c=!1){this.compositions=t,this.options=n,this.emptyStateSlot=r,this.usePreviewSandboxSlot=l,this.usePreviewPropsSlot=u,this.pinned=c,s(this,"navigationLink",{href:"~compositions",children:this.pinned?a().default.createElement(o().MenuWidgetIcon,{icon:"preview",tooltipContent:"Preview"}):"Preview",displayName:"Preview",hideInMinimalMode:!this.pinned}),s(this,"route",{path:"~compositions/*",element:a().default.createElement(i().Compositions,{menuBarWidgets:this.options.menuBarWidgetSlot,emptyState:this.emptyStateSlot,usePreviewSandboxSlot:this.usePreviewSandboxSlot,usePreviewPropsSlot:this.usePreviewPropsSlot,enableLiveControls:!0})}),s(this,"order",this.pinned?10:20)}};n.CompositionsSection=CompositionsSection},83453(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.CompositionsAspect=void 0;let o=n.CompositionsAspect=a().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});n.default=o},57223(t,n,r){"use strict";function a(){let t=L(r(12888));return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}function i(){let t=F(r(97500));return i=function(){return t},t}function s(){let t=F(r(994));return s=function(){return t},t}function l(){let t=F(r(83268));return l=function(){return t},t}function u(){let t=r(10286);return u=function(){return t},t}function c(){let t=r(52696);return c=function(){return t},t}function d(){let t=r(25877);return d=function(){return t},t}function p(){let t=r(30266);return p=function(){return t},t}function m(){let t=r(5678);return m=function(){return t},t}function f(){let t=r(618);return f=function(){return t},t}function h(){let t=r(7422);return h=function(){return t},t}function g(){let t=r(21245);return g=function(){return t},t}function b(){let t=r(39084);return b=function(){return t},t}function y(){let t=r(37175);return y=function(){return t},t}function v(){let t=r(53663);return v=function(){return t},t}function _(){let t=r(48852);return _=function(){return t},t}function w(){let t=r(45348);return w=function(){return t},t}function x(){let t=r(32297);return x=function(){return t},t}function k(){let t=r(15065);return k=function(){return t},t}function C(){let t=r(75066);return C=function(){return t},t}function j(){let t=r(938);return j=function(){return t},t}function S(){let t=r(19304);return S=function(){return t},t}function E(){let t=r(76712);return E=function(){return t},t}function O(){let t=r(4080);return O=function(){return t},t}function D(){let t=r(62634);return D=function(){return t},t}function N(){let t=r(29751);return N=function(){return t},t}function P(){let t=r(34132);return P=function(){return t},t}function T(){let t=F(r(23672));return T=function(){return t},t}function I(){let t=r(489);return I=function(){return t},t}function M(){let t=r(46592);return M=function(){return t},t}function $(){let t=r(44849);return $=function(){return t},t}function A(){let t=r(39809);return A=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionContent=G,n.Compositions=function({menuBarWidgets:t,emptyState:n,usePreviewSandboxSlot:r,usePreviewPropsSlot:i,enableLiveControls:b=!0}){let x=(0,a().useContext)(p().ComponentContext),k=x.id.toString(),[C]=(0,o().useSearchParams)(),j=(0,o().useParams)(),O=C.get("version"),N=(0,S().useNavigate)(),I=(0,S().useLocation)(),$=j["*"],R=x.compositions.find(t=>t.identifier.toLowerCase()===$)||(0,s().default)(x.compositions);(0,a().useRef)(R).current=R,(0,A().useDefaultControlsSchemaResponder)(k,b);let F=(0,h().useDocs)(x.id),L=r?.values()??[],B=i?.values()??[],H=!(0,v().useIsMobile)()&&x.compositions.length>0,[X,Y]=(0,a().useState)(H),W=X?c().Layout.row:c().Layout.left,Z=(0,y().toPreviewUrl)(x,"compositions"),Q=x?.preview?.isScaling,K=x?.preview?.includesEnvTemplate,J=x?.preview?.useNameParam,ee=J||Q&&!1===K?`name=${R?.identifier}`:R?.identifier,et=(0,y().toPreviewUrl)(x,"compositions",ee),[en,er]=(0,a().useState)(()=>b?{fullscreen:!0,livecontrols:!0}:{fullscreen:!0}),ea=(0,a().useMemo)(()=>l().default.stringify(en),[en]),[eo,ei]=(0,a().useState)(()=>new Set),[es,el]=(0,a().useState)(!1),eu=(0,a().useRef)(null),[ec,ed]=(0,a().useState)(null),{ready:ep,defs:em,values:ef,onChange:eh}=(0,P().useLiveControls)(),eg=(0,a().useCallback)(t=>{if(0!==t.button)return;t.preventDefault();let n=t.clientY,r=eu.current?.offsetHeight??0,a=eu.current?.parentElement,o=Math.max(120,(a?.clientHeight??window.innerHeight)-80);el(!0),document.body.style.cursor="ns-resize",document.body.style.userSelect="none";let i=r,s=!1,l=()=>{s=!1,eu.current&&(eu.current.style.height=`${i}px`)},u=t=>{i=Math.max(120,Math.min(o,r+(n-t.clientY))),s||(s=!0,requestAnimationFrame(l))},c=()=>{el(!1),ed(i),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",c)};document.addEventListener("mousemove",u),document.addEventListener("mouseup",c)},[]);(0,a().useEffect)(()=>Y(H),[H]),(0,a().useEffect)(()=>{b?er(t=>!0===t.livecontrols?t:q(q({},t),{},{livecontrols:!0})):er(t=>{if(!("livecontrols"in t))return t;let n=q({},t);return delete n.livecontrols,n})},[b]);let eb=ep&&em.length>0,ey=R?.identifier,ev=!!ey&&eo.has(ey),e_=eb&&ev,ew=(0,a().useCallback)(()=>{ey&&ei(t=>{let n=new Set(t);return n.has(ey)?n.delete(ey):n.add(ey),n})},[ey]);return a().default.createElement(w().CompositionContextProvider,{queryParams:en,setQueryParams:er},a().default.createElement(c().SplitPane,{layout:W,size:"80%",className:T().default.compositionsPage},a().default.createElement(c().Pane,{className:T().default.left},a().default.createElement(_().CompositionsMenuBar,{menuBarWidgets:t,className:T().default.menuBar},a().default.createElement(D().Tooltip,{content:"Open in new tab",placement:"bottom"},a().default.createElement(V,{external:!0,href:et,className:T().default.toolbarButton},a().default.createElement(E().OptionButton,{icon:"open-tab"})))),a().default.createElement("div",{className:T().default.previewArea},es&&a().default.createElement("div",{className:T().default.dragOverlay}),a().default.createElement(y().SandboxPermissionsAggregator,{hooks:L,component:x},t=>a().default.createElement(y().PreviewPropsAggregator,{hooks:B,component:x},r=>a().default.createElement(G,z({},r,{className:T().default.compositionPanel,emptyState:n,component:x,selected:R,queryParams:ea,sandbox:t})))),eb&&a().default.createElement(U,{trayRef:eu,collapsed:e_,height:ec,ready:ep,defs:em,values:ef,onChange:eh,onResizeStripMouseDown:eg,onToggleExpanded:ew}))),a().default.createElement(d().HoverSplitter,{className:T().default.splitter},a().default.createElement(g().Collapser,{placement:"left",isOpen:X,onMouseDown:t=>t.stopPropagation(),onClick:()=>Y(t=>!t),tooltipContent:`${X?"Hide":"Show"} side compositions`,className:T().default.collapser})),a().default.createElement(c().Pane,{className:T().default.right},a().default.createElement(u().ThemeContext,null,a().default.createElement(f().TabContainer,{className:T().default.tabsContainer},a().default.createElement(f().TabList,{className:T().default.tabs},a().default.createElement(f().Tab,null,"compositions"),a().default.createElement(f().Tab,null,"properties")),a().default.createElement(f().TabPanel,{className:T().default.tabContent},a().default.createElement(M().CompositionsPanel,{isScaling:Q,useNameParam:J,includesEnvTemplate:x.preview?.includesEnvTemplate,hasLiveControls:eb,liveControlsActive:eb&&!ev,onToggleLiveControls:ew,onSelectComposition:t=>{if(!R||!I)return;let n=j["*"],r=I.pathname.split("/").filter(t=>t);n?r[r.length-1]=t.identifier.toLowerCase():r.push(t.identifier.toLowerCase());let a=new URLSearchParams(C);O&&a.set("version",O);let o=r.join("/");N(`/${o}?${a.toString()}`)},url:Z,compositions:x.compositions,active:R})),a().default.createElement(f().TabPanel,{className:T().default.tabContent},F&&F.length>0?a().default.createElement(m().PropTable,{rows:F,showListView:!0}):a().default.createElement("div",null)))))))};let R=["component","selected","queryParams","emptyState","sandbox"];function F(t){return t&&t.__esModule?t:{default: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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function z(){return(z=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 B(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 q(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?B(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):B(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}let V=S().Link;function U({trayRef:t,collapsed:n,height:r,ready:o,defs:s,values:l,onChange:u,onResizeStripMouseDown:c,onToggleExpanded:d}){let p=n||null===r?void 0:{height:r};return a().default.createElement("div",{ref:t,className:(0,i().default)(T().default.controlsTray,n&&T().default.controlsTrayCollapsed),style:p},!n&&a().default.createElement("div",{className:T().default.trayResizeStrip,onMouseDown:c,role:"separator","aria-orientation":"horizontal","aria-label":"Resize live controls",title:"Drag to resize"},a().default.createElement("div",{className:T().default.trayDragBar})),a().default.createElement("div",{className:T().default.trayHeaderInner,onClick:d,role:"button",tabIndex:0,onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),d())},title:n?"Click to expand":"Click to collapse"},a().default.createElement("div",{className:T().default.trayTitleRow},a().default.createElement(N().Icon,{of:"settings",className:T().default.trayIcon}),a().default.createElement("span",{className:T().default.trayTitle},"Live Controls"),o&&s.length>0&&a().default.createElement("span",{className:T().default.trayBadge},s.length)),a().default.createElement("span",{className:(0,i().default)(T().default.trayCollapseIcon,n&&T().default.trayCollapseIconCollapsed),"aria-hidden":!0},a().default.createElement(N().Icon,{of:"right-rounded-corners"}))),!n&&a().default.createElement("div",{className:T().default.trayBody},o?a().default.createElement($().LiveControls,{defs:s,values:l,onChange:u}):a().default.createElement("div",{className:T().default.trayEmpty},"No live controls available for this composition")))}function G(t){let{component:n,selected:r,queryParams:o,emptyState:i,sandbox:s}=t,l=function(t,n){if(null==t)return{};var r,a,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,R),u=n.environment?.id,c=i?.get(u||"");return 0===n.compositions.length&&"teambit.workspace/workspace"===n.host&&c?a().default.createElement("div",{className:T().default.noCompositionsPage},a().default.createElement("div",null,a().default.createElement(C().H1,{className:T().default.title},"Compositions"),a().default.createElement(k().Separator,{isPresentational:!0,className:T().default.separator}),a().default.createElement(j().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},a().default.createElement(x().MDXLayout,null,a().default.createElement(c,null))))):n?.buildStatus==="pending"&&n?.host==="teambit.scope/scope"?a().default.createElement(O().StatusMessageCard,{className:T().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):n?.buildStatus==="failed"&&n?.host==="teambit.scope/scope"?a().default.createElement(O().StatusMessageCard,{className:T().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):0===n.compositions.length?a().default.createElement(b().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):a().default.createElement(I().ComponentComposition,z({className:T().default.compositionsIframe,viewport:null,component:n,forceHeight:"100%",composition:r,fullContentHeight:!0,pubsub:!0,queryParams:o,sandbox:s},l))}},15849(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 o(){let t=r(72631);return o=function(){return t},t}function i(){let t=r(30266);return i=function(){return t},t}function s(){let t=r(14451);return s=function(){return t},t}function l(){let t=r(54016);return l=function(){return t},t}function u(){let t=r(1278);return u=function(){return t},t}function c(){let t=r(70567);return c=function(){return t},t}function d(){let t=r(75740);return d=function(){return t},t}function p(){let t=r(8349);return p=function(){return t},t}function m(){let t=r(83453);return m=function(){return t},t}function f(){let t=r(57223);return f=function(){return t},t}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,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 CompositionsUI=class CompositionsUI{constructor(t,n,r,o){this.menuBarWidgetSlot=t,this.emptyStateSlot=n,this.usePreviewSandboxSlot=r,this.usePreviewPropsSlot=o,g(this,"getCompositionsCompare",()=>a().default.createElement(u().CompositionCompare,{emptyState:this.emptyStateSlot,PreviewView:t=>a().default.createElement(f().CompositionContent,h({},t,{fullContentHeight:!0,forceHeight:"100%"}))}))}registerEmptyState(t){return this.emptyStateSlot.register(t),this}registerMenuWidget(...t){this.menuBarWidgetSlot.register(t)}registerPreviewSandbox(t){this.usePreviewSandboxSlot.register(t)}registerPreviewProps(t){this.usePreviewPropsSlot.register(t)}static async provider([t,n],r,[o,i,s,u]){let d=new CompositionsUI(o,i,s,u),m=new(p()).CompositionsSection(d,{menuBarWidgetSlot:d.menuBarWidgetSlot},i,s,u),f=new(p()).CompositionsSection(d,{menuBarWidgetSlot:d.menuBarWidgetSlot},i,s,u,!0),h=new(l()).CompositionCompareSection(d);return t.registerRoute(m.route),t.registerNavigation(m.navigationLink,m.order),t.registerPinnedWidget(f.navigationLink,f.order),n.registerNavigation(h),n.registerRoutes([h.route]),n.registerCompareTab({id:"inline-preview",order:2,displayName:"Preview",element:a().default.createElement(c().InlinePreviewCompare,null),lazy:!0}),d.registerPreviewSandbox((t,n)=>{n?.host==="teambit.scope/scope"&&(t.add("allow-scripts"),t.add("allow-same-origin"))}),d.registerPreviewProps(t=>{t.set("allow","clipboard-write")}),d}};g(CompositionsUI,"dependencies",[i().ComponentAspect,d().ComponentCompareAspect]),g(CompositionsUI,"runtime",s().UIRuntime),g(CompositionsUI,"slots",[o().Slot.withType(),o().Slot.withType(),o().Slot.withType(),o().Slot.withType()]),m().CompositionsAspect.addRuntime(CompositionsUI)},24010(t,n,r){"use strict";function a(){let t=r(83453);return a=function(){return t},t}function o(){let t=r(75320);return o=function(){return t},t}function i(){let t=r(57223);return i=function(){return t},t}function s(){let t=r(39809);return s=function(){return t},t}function l(){let t=r(489);return l=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentComposition",{enumerable:!0,get:function(){return l().ComponentComposition}}),Object.defineProperty(n,"Composition",{enumerable:!0,get:function(){return o().Composition}}),Object.defineProperty(n,"CompositionContent",{enumerable:!0,get:function(){return i().CompositionContent}}),Object.defineProperty(n,"CompositionsAspect",{enumerable:!0,get:function(){return a().CompositionsAspect}}),Object.defineProperty(n,"LiveControls",{enumerable:!0,get:function(){return l().LiveControls}}),Object.defineProperty(n,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return l().LiveControlsDiffPanel}}),Object.defineProperty(n,"LiveControlsRenderer",{enumerable:!0,get:function(){return l().LiveControlsRenderer}}),n.default=void 0,Object.defineProperty(n,"useDefaultControlsSchemaResponder",{enumerable:!0,get:function(){return s().useDefaultControlsSchemaResponder}}),n.default=a().CompositionsAspect},32362(t,n,r){"use strict";function a(){let t=l(r(12888));return a=function(){return t},t}function o(){let t=r(37175);return o=function(){return t},t}function i(){let t=r(60517);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentComposition=function(t){let{composition:n,component:r,queryParams:l=[]}=t,c=function(t,n){if(null==t)return{};var r,a,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,s),{isMinimal:d}=(0,i().useWorkspaceMode)(),p=r.preview?.includesEnvTemplate,m=r.preview?.isScaling,f=r.preview?.useNameParam||m&&!1===p,h=(0,a().useMemo)(()=>(n?[f?`name=${n.identifier}`:n.identifier]:[]).concat(l),[n?.identifier,l]);return a().default.createElement(o().ComponentPreview,u({},c,{component:r,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:h,propagateError:d}))};let s=["composition","component","queryParams"];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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function u(){return(u=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)}},46592(t,n,r){"use strict";function a(){let t=r(29751);return a=function(){return t},t}function o(){let t=h(r(97500));return o=function(){return t},t}function i(){let t=r(44178);return i=function(){return t},t}function s(){let t=f(r(12888));return s=function(){return t},t}function l(){let t=r(75216);return l=function(){return t},t}function u(){let t=r(62634);return u=function(){return t},t}function c(){let t=r(19304);return c=function(){return t},t}function d(){let t=r(34132);return d=function(){return t},t}function p(){let t=h(r(36221));return p=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionsPanel=function(t){let{url:n,compositions:r,isScaling:f,onSelectComposition:h,onToggleLiveControls:b,hasLiveControls:y,liveControlsActive:v,active:_,includesEnvTemplate:w,useNameParam:x,className:k}=t,C=function(t,n){if(null==t)return{};var r,a,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,m),{setTimestamp:j}=(0,d().useLiveControls)(),S=x||f&&!1===w,E=(0,c().useLocation)(),[O]=(0,i().useSearchParams)(),D=O.get("version"),N=(0,c().useNavigate)(),P=(0,s().useCallback)(t=>{h&&h(t),t!==_&&j(0)},[h,_,j]),T=(0,s().useCallback)(t=>n=>{n.preventDefault(),j(0);let r=new URLSearchParams;D&&r.set("version",D);let a=E?.pathname.split("/~compositions")[0];N(`${a}/~code/${t.filepath}?${r.toString()}#search=${t.identifier}`)},[E?.pathname,N,j,D]);return s().default.createElement("div",{className:p().default.container},s().default.createElement("ul",g({},C,{className:(0,o().default)(p().default.compositionsList,k)}),r.map(t=>{let r=S?`${n}&name=${t.identifier}`:`${n}&${t.identifier}`;return s().default.createElement("li",{key:t.identifier,className:(0,o().default)(p().default.compositionItem,t===_&&p().default.active)},s().default.createElement("a",{className:p().default.panelLink,onClick:()=>P(t)},s().default.createElement("span",{className:p().default.name},t.displayName)),s().default.createElement("div",{className:p().default.itemActions},y&&b&&t===_&&s().default.createElement(u().Tooltip,{content:v?"Hide live controls":"Show live controls",placement:"bottom"},s().default.createElement("button",{type:"button","aria-label":v?"Hide live controls":"Show live controls",className:(0,o().default)(p().default.actionIcon,p().default.iconButton,v&&p().default.actionIconActive),onClick:t=>{t.preventDefault(),t.stopPropagation(),b()}},s().default.createElement(a().Icon,{of:"settings"}))),s().default.createElement(l().MenuWidgetIcon,{className:p().default.actionIcon,icon:"Code",tooltipContent:"View source",onClick:T(t)}),s().default.createElement(u().Tooltip,{content:"Open in new tab",placement:"bottom"},s().default.createElement("a",{className:(0,o().default)(p().default.actionIcon,p().default.iconLink),target:"_blank",rel:"noopener noreferrer",href:r},s().default.createElement(a().Icon,{of:"open-tab"})))))})))};let m=["url","compositions","isScaling","onSelectComposition","onToggleLiveControls","hasLiveControls","liveControlsActive","active","includesEnvTemplate","useNameParam","className"];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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function h(t){return t&&t.__esModule?t:{default:t}}function g(){return(g=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)}},30227(t,n,r){"use strict";function a(){let t=g(r(12888));return a=function(){return t},t}function o(){let t=g(r(97500));return o=function(){return t},t}function i(){let t=r(83337);return i=function(){return t},t}function s(){let t=r(94412);return s=function(){return t},t}function l(){let t=r(21171);return l=function(){return t},t}function u(){let t=r(60909);return u=function(){return t},t}function c(){let t=r(57254);return c=function(){return t},t}function d(){let t=r(7943);return d=function(){return t},t}function p(){let t=r(11685);return p=function(){return t},t}function m(){let t=r(8228);return m=function(){return t},t}function f(){let t=g(r(80836));return f=function(){return t},t}function h(){let t=g(r(47239));return h=function(){return t},t}function g(t){return t&&t.__esModule?t:{default:t}}function b(){return(b=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 y({value:t,onChange:n,id:r}){let[o,s]=a().default.useState(t||"");return a().default.useEffect(()=>{s(t||"")},[t]),a().default.createElement("div",{className:f().default.wrapper},a().default.createElement(i().InputText,{className:f().default.inputText,id:r,value:o,onChange:t=>{let r=t.target.value;n(r||""),s(r||"")}}))}function v({value:t,onChange:n,id:r}){let[o,i]=a().default.useState(t||"");return a().default.useEffect(()=>{i(t||"")},[t]),a().default.createElement("div",{className:f().default.wrapper},a().default.createElement(s().TextArea,{id:r,value:o,onChange:t=>{let r=t.target.value;n(r||""),i(r||"")}}))}function _({value:t,onChange:n,meta:r}){let i=a().default.useRef(null),[s,c]=a().default.useState(t||""),[d,p]=a().default.useState(!1);a().default.useEffect(()=>{c(t||"")},[t]);let g=a().default.useMemo(()=>r?.options?r.options.map(t=>"string"==typeof t?{label:t,value:t}:t):[],[r]),b=g.find(t=>t.value===s)?.label,{position:y,style:v}=(0,m().useOverlay)(i,d,0,{paddingTop:8,paddingBottom:8});return a().default.createElement("div",{ref:i,className:(0,o().default)(f().default.wrapper)},a().default.createElement("div",{className:f().default.fullWidthControl},a().default.createElement(l().Dropdown,{className:f().default.dropdownField,placeholderContent:b,open:d,onChange:(t,n)=>p(n),position:y,dropClass:h().default.suppressNativeMenu})),d&&v&&a().default.createElement(m().BitPortal,null,a().default.createElement("div",{className:h().default.overlay,style:v,onMouseDown:t=>t.stopPropagation()},g.map(t=>a().default.createElement(u().MenuItem,{className:f().default.portalMenuItem,key:t.value,active:t.value===s,onClick:()=>{var r;n(r=t.value),c(r),p(!1)}},t.label)))))}function w({value:t,onChange:n,id:r}){let[o,s]=a().default.useState(t||0);return a().default.useEffect(()=>{s(t||0)},[t]),a().default.createElement("div",{className:f().default.wrapper},a().default.createElement(i().InputText,{id:r,type:"number",value:o,onChange:t=>{let r=t.target.value;isNaN(Number(r))?console.error("Invalid number input",r):(n(Number(r)||0),s(Number(r)||0))}}))}function x(t){let[n,r]=a().default.useState(!1),o=a().default.useRef(null),{position:i,style:s}=(0,m().useOverlay)(o,n,4,{padding:16});return a().default.createElement("div",{ref:o},a().default.createElement(c().ColorPicker,b({},t,{open:n,onChange:(t,n)=>r(n),position:i,dropClass:h().default.suppressNativeMenu})),n&&s&&a().default.createElement(m().BitPortal,null,a().default.createElement("div",{className:h().default.overlay,style:s,onMouseDown:t=>t.stopPropagation()},a().default.createElement(c().ColorsBox,{onColorSelect:n=>{t.onColorSelect?.(n),r(!1)},colorsList:t.colorsList,showNoColor:t.showNoColor,selected:t.value??""}))))}function k({value:t,onChange:n}){let[r,o]=a().default.useState(t||"");return a().default.useEffect(()=>{o(t||"")},[t]),a().default.createElement("div",{className:f().default.wrapper},a().default.createElement(x,{value:r,onColorSelect:t=>{n(t),o(t)},allowCustomColor:!0}))}function C({value:t,onChange:n}){let[r,i]=a().default.useState(new Date(t));return a().default.useEffect(()=>{i(new Date(t))},[t]),a().default.createElement("div",{className:(0,o().default)(f().default.wrapper)},a().default.createElement(d().DatePicker,{date:r,onChange:t=>{t&&n(t.toISOString().split("T")[0]),i(t)}}))}function j({value:t,onChange:n}){let[r,i]=a().default.useState(!!t);return a().default.useEffect(()=>{i(!!t)},[t]),a().default.createElement("div",{className:(0,o().default)(f().default.wrapper,f().default.toggleWrapper)},a().default.createElement("div",{className:f().default.toggleControl},a().default.createElement(p().Toggle,{checked:r,onInputChanged:t=>{let a=t?.target?.checked??!r;i(a),n(a)}})))}function S({value:t,onChange:n,meta:r,id:i}){let[s,l]=a().default.useState("number"==typeof t?t:0);return a().default.useEffect(()=>{l("number"==typeof t?t:0)},[t]),a().default.createElement("div",{className:(0,o().default)(f().default.wrapper,f().default.rangeWrapper)},a().default.createElement("input",{id:i,className:f().default.rangeInput,type:"range",value:s,min:r?.min,max:r?.max,step:r?.step,onChange:t=>{let r=Number(t.target.value);isNaN(r)||(n(r),l(r))}}),a().default.createElement("div",{className:f().default.rangeValue},s))}function E({value:t,onChange:n,meta:r,id:i}){let[s,l]=a().default.useState(Array.isArray(t)?t:[]);a().default.useEffect(()=>{l(Array.isArray(t)?t:[])},[t]);let u=a().default.useMemo(()=>r?.options?r.options.map(t=>"string"==typeof t?{label:t,value:t}:t):[],[r]);return a().default.createElement("div",{className:(0,o().default)(f().default.wrapper)},a().default.createElement("select",{id:i,className:f().default.multiSelect,multiple:!0,value:s,onChange:t=>{let r=Array.from(t.target.selectedOptions).map(t=>t.value);n(r),l(r)}},u.map(t=>a().default.createElement("option",{key:t.value,value:t.value},t.label))))}function O({value:t,onChange:n,meta:r,id:i}){return"function"==typeof r?.render?a().default.createElement("div",{className:(0,o().default)(f().default.wrapper)},r.render({value:t,onChange:n,id:i,options:r.renderOptions})):a().default.createElement(y,{id:i,value:t,onChange:n})}function D({value:t,onChange:n,id:r}){let[o,i]=a().default.useState(JSON.stringify(t,null,2));a().default.useEffect(()=>{i(JSON.stringify(t,null,2))},[t]);let[l,u]=a().default.useState("");return a().default.createElement("div",{className:f().default.wrapper},a().default.createElement(s().TextArea,{id:r,value:o,onChange:t=>{let r=t.target.value;try{let t=JSON.parse(r);n(t),u("")}catch{u("Invalid JSON")}i(r)}}),l&&a().default.createElement("div",{style:{color:"red"}},l))}Object.defineProperty(n,"__esModule",{value:!0}),n.SelectInput=_,n.getInputComponent=function(t){switch(t){case"text":return y;case"longtext":return v;case"select":return _;case"number":return w;case"color":return k;case"date":return C;case"boolean":return j;case"range":return S;case"multiselect":return E;case"json":return D;case"custom":return O;default:return console.warn(`Unknown input type: ${t}`),y}}},44849(t,n,r){"use strict";function a(){let t=l(r(12888));return a=function(){return t},t}function o(){let t=l(r(97500));return o=function(){return t},t}function i(){let t=l(r(80262));return i=function(){return t},t}function s(){let t=r(30227);return s=function(){return t},t}function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.LiveControls=function({defs:t,values:n,onChange:r,renderLabel:l}){return a().default.createElement("ul",{className:(0,o().default)(i().default.container)},t.map(t=>{let u=t.id,c=(0,s().getInputComponent)(t.input||"text"),d=l?l(t):t.label||t.id;return a().default.createElement("li",{key:u,className:(0,o().default)(i().default.item)},a().default.createElement("div",{className:(0,o().default)(i().default.label)},a().default.createElement("label",{htmlFor:`control-${u}`},d)),a().default.createElement("div",null,a().default.createElement(c,{id:`control-${u}`,value:n[u],onChange:t=>r(u,t),meta:t})))}))}},68414(t,n,r){"use strict";function a(){let t=p(r(12888));return a=function(){return t},t}function o(){let t=r(34132);return o=function(){return t},t}function i(){let t=r(31079);return i=function(){return t},t}function s(){let t=r(29751);return s=function(){return t},t}function l(){let t=d(r(97500));return l=function(){return t},t}function u(){let t=r(30227);return u=function(){return t},t}function c(){let t=d(r(74327));return c=function(){return t},t}function d(t){return t&&t.__esModule?t:{default:t}}function p(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(p=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.LiveControlsDiffPanel=function({resetKey:t,baseChannel:n,compareChannel:r,commonLabel:d="Common",baseLabel:p="Base",compareLabel:m="Compare",showEmptyState:f=!0,onStatusChange:h}){let g=(0,a().useRef)(null),[b,y]=(0,a().useState)(!0),v=(0,a().useRef)(null),_=`${n||""}-${r||""}-${t||""}`,w=(0,a().useMemo)(()=>new(o()).DiffControlsModel(n,r),[n,r]),x=(0,a().useMemo)(()=>{let t=[w.baseChannel,w.compareChannel];return t.includes("default")||t.push("default"),[...new Set(t)]},[w.baseChannel,w.compareChannel]),{ready:k,setTimestamp:C}=(0,o().useLiveControls)(x);(0,a().useEffect)(()=>{g.current!==_&&(g.current=_,y(!0),C(0))},[_,C]);let j=!!(n&&r),S=k||w.isReady,E=w.controls,O=E.length>0,D=w.hasSubscribers,N=(0,a().useRef)(S);(0,a().useEffect)(()=>{S&&!N.current&&b&&y(!1),N.current=S},[S,b]),(0,a().useEffect)(()=>{if(!j||S||!b){null!==v.current&&(window.clearTimeout(v.current),v.current=null);return}return v.current=window.setTimeout(()=>{y(!1),v.current=null},1200),()=>{null!==v.current&&(window.clearTimeout(v.current),v.current=null)}},[j,S,b,_]);let P=(0,a().useMemo)(()=>j?b?"loading":(S||D)&&O?"available":"empty":"empty",[j,b,S,D,O]);(0,a().useEffect)(()=>{h?.(P)},[P,h]);let T=(0,a().useCallback)((t,n)=>{w.updateControl(t.id,n,t.source)},[w]);if("loading"===P)return a().default.createElement("div",{className:c().default.loader},a().default.createElement(i().LineSkeleton,{width:"68px"}),a().default.createElement(i().LineSkeleton,{width:"52px"}),a().default.createElement(i().LineSkeleton,{width:"72px"}));if("empty"===P)return f?a().default.createElement("div",{className:c().default.emptyState},a().default.createElement("div",{className:c().default.emptyStateIconWrap},a().default.createElement(s().Icon,{of:"scan-component",className:c().default.emptyStateIcon,"aria-hidden":!0})),a().default.createElement("div",{className:c().default.emptyStateText},a().default.createElement("div",{className:c().default.emptyStateTitle},"No live controls"),a().default.createElement("div",{className:c().default.emptyStateSubtitle},"This composition does not expose live controls."))):null;let I=E.filter(t=>"common"===t.source),M=E.filter(t=>"base"===t.source),$=E.filter(t=>"compare"===t.source),A=M.length>0||$.length>0,R=M.length>0&&$.length>0,F=t=>a().default.createElement("ul",{className:c().default.controlsList},t.map(t=>{let n=t.input||"text",r="longtext"===n||"multiselect"===n||"json"===n,o=(0,u().getInputComponent)(n),i=`${t.id}-${t.source}`,s=w.getValueForControl(t.id,t.source);return a().default.createElement("li",{key:i,className:(0,l().default)(c().default.controlRow,r&&c().default.controlRowWide)},a().default.createElement("div",{className:c().default.controlMain},a().default.createElement("div",{className:c().default.controlLabel},a().default.createElement("label",{htmlFor:`control-${i}`},t.label||t.id)),a().default.createElement("div",{className:c().default.controlInput},a().default.createElement(o,{id:`control-${i}`,value:s,onChange:n=>T(t,n),meta:t}))))}));return a().default.createElement("div",{className:c().default.container},a().default.createElement("div",{className:c().default.columnsLayout},I.length>0&&a().default.createElement("div",{className:c().default.column},a().default.createElement("div",{className:c().default.columnHeader},d),F(I)),I.length>0&&A&&a().default.createElement("div",{className:c().default.columnDivider}),M.length>0&&a().default.createElement("div",{className:c().default.column},a().default.createElement("div",{className:c().default.columnHeader},p),F(M)),R&&a().default.createElement("div",{className:c().default.columnDivider}),$.length>0&&a().default.createElement("div",{className:c().default.column},a().default.createElement("div",{className:c().default.columnHeader},m),F($))))}},57297(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 o(){let t=r(44849);return o=function(){return t},t}function i(){let t=r(34132);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.LiveControlsRenderer=function(){let{hasLiveControls:t,ready:n,defs:r,values:s,onChange:l}=(0,i().useLiveControls)();return t?n?a().default.createElement(o().LiveControls,{defs:r,values:s,onChange:l}):a().default.createElement("div",{style:{padding:12,opacity:.7}},"No live controls available."):null}},8228(t,n,r){"use strict";function a(){let t=i(r(12888));return a=function(){return t},t}function o(){let t=i(r(2163));return o=function(){return t},t}function i(t){return t&&t.__esModule?t:{default:t}}function s(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 l(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?s(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.BitPortal=function({children:t}){return o().default.createPortal(t,document.body)},n.useOverlay=function(t,n,r=4,o){let[i,s]=a().default.useState("bottom"),[u,c]=a().default.useState(null);return a().default.useLayoutEffect(()=>{if(!n||!t.current)return;let a=t.current.getBoundingClientRect(),i=window.innerHeight-a.bottom-r,u=a.top-r,d=i<240&&u>i?"top":"bottom";s(d),c(l(l({},o),{},{left:a.left,maxWidth:a.width,maxHeight:240,top:"bottom"===d?a.bottom+r:void 0,bottom:"top"===d?window.innerHeight-a.top+r:void 0}))},[n]),{position:i,style:u}}},489(t,n,r){"use strict";function a(){let t=r(32362);return a=function(){return t},t}function o(){let t=r(44849);return o=function(){return t},t}function i(){let t=r(68414);return i=function(){return t},t}function s(){let t=r(57297);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentComposition",{enumerable:!0,get:function(){return a().ComponentComposition}}),Object.defineProperty(n,"LiveControls",{enumerable:!0,get:function(){return o().LiveControls}}),Object.defineProperty(n,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return i().LiveControlsDiffPanel}}),Object.defineProperty(n,"LiveControlsRenderer",{enumerable:!0,get:function(){return s().LiveControlsRenderer}})},39809(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(19633);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useDefaultControlsSchemaResponder=function(t,n=!0){let r=(0,a().useRef)([]),i=n&&t?t:void 0,{apiModel:s}=(0,o().useAPI)(i,[],{skipInternals:!1}),l=(0,a().useMemo)(()=>s?._api?.toObject(),[s]),u=(0,a().useCallback)(t=>{if(!l)return!1;try{return t.source.postMessage({type:"composition-live-controls:default-controls",payload:{id:t.id,name:t.name,schema:l}},t.origin||"*"),!0}catch{return!1}},[l]),c=(0,a().useCallback)(a=>{if(!n||!t)return;let{data:o}=a;if(!o||"composition-live-controls:request-default-controls"!==o.type)return;let i=o.payload;if(!i?.id||!i?.name||i.id!==t)return;let s=a.source;if(!s||s===window)return;let c={id:i.id,name:i.name,source:s,origin:a.origin||"*"};l?u(c):r.current.push(c)},[t,n,u,l]);(0,a().useEffect)(()=>{if(!n||!t){r.current=[];return}return window.addEventListener("message",c),()=>{window.removeEventListener("message",c)}},[t,n,c]),(0,a().useEffect)(()=>{if(!l||0===r.current.length)return;let t=r.current;r.current=[],t.forEach(u)},[l,u])}},27129(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.CompareTestsPage=function(t){let{component:n,emptyState:r,className:a,isCompareVersionWorkspace:g}=t,b=g?n.id.toStringWithoutVersion():n.id.toString(),y=(0,i.useSubscription)(f,{variables:{id:b}}),{data:v}=(0,i.useQuery)(h,{variables:{id:b}}),_=y.data?.testsChanged||v?.getHost?.getTests,w=_?.testsResults?.testFiles;if(_?.loading)return(0,o.jsx)(s.TestLoader,{});let x=n.environment?.id,k=r.get(x||"");return(null===w||_?.testsResults===null)&&"teambit.workspace/workspace"===n.host&&k?(0,o.jsx)("div",{className:(0,m.default)(p.styles.testsPage,a),children:(0,o.jsx)("div",{children:(0,o.jsx)(u.AlertCard,{level:"info",title:"There are no\n                    tests for this Component. Learn how to add tests:",children:(0,o.jsx)(d.MDXLayout,{children:(0,o.jsx)(k,{})})})})}):null===w||_?.testsResults===null?(0,o.jsx)(c.EmptyBox,{title:"This component doesn\u2019t have any tests.",linkText:"Learn how to add tests to your components",link:"https://bit.dev/reference/dev-services-overview/tester/tester-overview"}):(0,o.jsx)("div",{className:(0,m.default)(p.styles.testsPage,a),children:(0,o.jsx)("div",{children:(0,o.jsx)(l.TestTable,{testResults:w,className:p.styles.testBlock})})})};let o=r(11684);a(r(12888));let i=r(15810),s=r(61098),l=r(52243),u=r(938),c=r(39084),d=r(32297),p=r(13818),m=a(r(97500)),f=(0,i.gql)`
   subscription OnTestsChanged($id: String!) {
     testsChanged(id: $id) {
       testsResults {
@@ -1002,7 +1002,7 @@ ${l}`}).join("\n\n")+"\n"};let o="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
       }
     }
   }
-`,n.useLaneDiffStatus=({baseId:t,compareId:r,options:l})=>{let{data:u,loading:c}=(0,a.useQuery)(n.QUERY_LANE_DIFF_STATUS,{variables:{source:r,target:t,options:l},skip:!t||!r,context:{batch:!0}}),d=u?.lanes.diffStatus&&{sourceLane:o.LaneId.from(u.lanes.diffStatus.source.name,u.lanes.diffStatus.source.scope).toString(),targetLane:o.LaneId.from(u.lanes.diffStatus.target.name,u.lanes.diffStatus.target.scope).toString(),diff:u.lanes.diffStatus.componentsStatus.map(t=>({...t,changes:t.changes??null,componentId:i.ComponentID.fromObject(t.componentId).toString()}))};return{loading:c,laneDiff:d&&s.LaneDiff.from(d)}}},25425(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LaneComparePage=void 0;var a=r(77045);Object.defineProperty(n,"LaneComparePage",{enumerable:!0,get:function(){return a.LaneComparePage}})},77045(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneComparePage=function({getLaneCompare:t,groupByScope:n=!1,useLanes:r=p.useLanes,searchLanes:a,...o}){let{lanesModel:i,loading:s,fetchMoreLanes:l,hasMore:h,offset:g,limit:b}=r(),y=(0,d.useLocation)(),[v,_]=(0,c.useState)(),w=i?.getDefaultLane(),x=i?.viewedLane,k=i?.getNonMainLanes()||[];(0,c.useEffect)(()=>{let t=x?.id.toString(),n=!!v&&(v.id.toString()===t||v.deleted);if(!v||n){if(!x?.id.isDefault()&&w)_(w);else if(x?.id.isDefault()){let n=k.find(n=>!n.deleted&&n.id.toString()!==t);n&&_(n)}}},[w,x?.id.toString(),k?.length,v?.id.toString()]);let C=t({base:v,compare:x,groupBy:"status"}),j=(0,c.useMemo)(()=>k.filter(t=>t.toString()!==x?.id.toString()&&!t.deleted),[v?.id.toString(),x?.id.toString(),i?.lanes.length]);return((0,c.useEffect)(()=>{let t=document.querySelector('[class*="collapser"]'),n=document.querySelector('[class*="splitPane"]');if(!t||!n)return;let r=n.firstElementChild,a=r&&r.offsetWidth>50;return a&&(r.style.display="none",requestAnimationFrame(()=>{t.click(),requestAnimationFrame(()=>{r.style.display=""})})),()=>{if(a){let r=n.firstElementChild;r&&r.offsetWidth<=50&&t.click()}}},[]),i&&i.viewedLane&&v)?(0,u.jsxs)("div",{...o,className:f.default.laneComparePage,children:[(0,u.jsxs)("div",{className:f.default.top,children:[(0,u.jsx)("div",{className:f.default.subTitle,children:"Compare"}),(0,u.jsxs)("div",{className:f.default.title,children:[(0,u.jsx)("div",{className:f.default.compareLane,children:x?.id.name}),(0,u.jsx)("div",{className:f.default.rightIcon,children:(0,u.jsx)("img",{src:"https://static.bit.dev/bit-icons/arrow-right.svg",alt:"arrow-right"})}),(0,u.jsx)("div",{className:f.default.baseSelectorContainer,children:(0,u.jsx)(m.LaneSelector,{searchLanes:a,selectedLaneId:v.id,className:f.default.baseSelector,nonMainLanes:j,mainLane:w,groupByScope:n,getHref:()=>`${y.pathname}${y.search}`,onLaneSelected:(t,n)=>{_(n)},loading:s,fetchMoreLanes:l,hasMore:h,initialOffset:(g??0)+(b??0)})})]})]}),(0,u.jsx)("div",{className:f.default.bottom,children:C})]}):null};let u=r(11684),c=s(r(12888)),d=r(44178),p=r(30969),m=r(90569),f=l(r(37914))},58352(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.BaseSourceIndicator=function({compareId:t}){let n=(0,l.useCompareData)(),r=n?.compareDataFor(t);return n?.loading&&void 0===r?(0,o.jsx)(s.Tooltip,{content:"Resolving base from the remote scope\u2026",placement:"top",children:(0,o.jsx)("span",{className:u.default.indicator,"data-state":"loading","aria-label":"Resolving base from the remote scope",children:(0,o.jsx)(i.Icon,{of:"spinner",className:u.default.spin})})}):null===r?(0,o.jsx)(s.Tooltip,{content:"Base unavailable from the remote scope",placement:"top",children:(0,o.jsx)("span",{className:u.default.indicator,"data-state":"unavailable","aria-label":"Base unavailable from the remote scope",children:(0,o.jsx)(i.Icon,{of:"exclamation-triangle"})})}):(0,o.jsx)(s.Tooltip,{content:"Base pulled from the remote scope",placement:"top",children:(0,o.jsx)("span",{className:u.default.indicator,"data-state":"remote","aria-label":"Base pulled from the remote scope",children:(0,o.jsx)(i.Icon,{of:"bit-cloud"})})})};let o=r(11684);a(r(12888));let i=r(516),s=r(62634),l=r(27872),u=a(r(93517))},92061(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.laneFilterDepKey=n.extractCompsToDiff=n.displayChangeType=n.ChangeTypeGroupOrder=n.LaneCompareProvider=n.useLaneCompareContext=n.LaneCompareContext=n.LaneCompare=void 0;var a=r(57205);Object.defineProperty(n,"LaneCompare",{enumerable:!0,get:function(){return a.LaneCompare}});var o=r(77604);Object.defineProperty(n,"LaneCompareContext",{enumerable:!0,get:function(){return o.LaneCompareContext}}),Object.defineProperty(n,"useLaneCompareContext",{enumerable:!0,get:function(){return o.useLaneCompareContext}});var i=r(98202);Object.defineProperty(n,"LaneCompareProvider",{enumerable:!0,get:function(){return i.LaneCompareProvider}});var s=r(18297);Object.defineProperty(n,"ChangeTypeGroupOrder",{enumerable:!0,get:function(){return s.ChangeTypeGroupOrder}});var l=r(55802);Object.defineProperty(n,"displayChangeType",{enumerable:!0,get:function(){return l.displayChangeType}}),Object.defineProperty(n,"extractCompsToDiff",{enumerable:!0,get:function(){return l.extractCompsToDiff}}),Object.defineProperty(n,"laneFilterDepKey",{enumerable:!0,get:function(){return l.filterDepKey}})},77604(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useLaneCompareContext=n.LaneCompareContext=void 0;let a=r(12888);n.LaneCompareContext=(0,a.createContext)(void 0),n.useLaneCompareContext=()=>(0,a.useContext)(n.LaneCompareContext)},57205(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneCompare=void 0;let u=r(11684),c=s(r(12888)),d=r(44178),p=l(r(97500)),m=r(27872),f=r(12066),h=r(59004),g=r(61071),b=r(7110),y=r(1428),v=r(77604),_=r(98202),w=r(58352),x=r(18297),k=r(55802),C=l(r(24858));function j(t,n){let r=()=>{let r=n.getBoundingClientRect(),a=t.getBoundingClientRect(),o=r.top-a.top;return t.scrollTo({top:o+t.scrollTop,behavior:"instant"}),Math.abs(o)};r();let a=0,o=()=>{if(!t.isConnected||!n.isConnected)return;let i=r();a+=1,i>2&&a<4&&requestAnimationFrame(o)};requestAnimationFrame(o)}function S(t,n,r=5e3){let a=t.querySelector(n);return a?Promise.resolve(a):new Promise(a=>{let o=new MutationObserver(()=>{let r=t.querySelector(n);r&&(o.disconnect(),a(r))});o.observe(t,{childList:!0,subtree:!0}),setTimeout(()=>{o.disconnect(),a(null)},r)})}function E(t,n,r){if(!t)return;if(!r)return void S(t,`[data-component-id="${CSS.escape(n)}"]`).then(n=>{n&&j(t,n)});let a=`[data-file-id="${CSS.escape(n)}:${CSS.escape(r)}"]`,o=t.querySelector(a);if(o)return void requestAnimationFrame(()=>j(t,o));let i=t.querySelector(`[data-component-id="${CSS.escape(n)}"]`);i&&j(t,i),S(t,a).then(n=>{n&&j(t,n)})}let O={[y.ChangeType.NEW]:"var(--positive-color, #37b26c)",[y.ChangeType.SOURCE_CODE]:"var(--bit-accent-color, #6c5ce7)",[y.ChangeType.DEPENDENCY]:"var(--warning-color, #d6a022)"};function D(t,n=[]){return n.some(t=>t!==y.ChangeType.NONE)||null!=t&&t!==y.ChangeType.NONE}function N({sourceLane:t,targetLane:n,componentCount:r,released:a}){let o=a?`This lane has been released to ${n}`:"No changes to compare",i="Both lanes point to the same components.";return r>0&&(i=a?`${n} already includes all ${r} components from ${t} \u{2014} there's nothing left to compare.`:`${t} and ${n} point to the same versions across ${r} components.`),(0,u.jsxs)("div",{className:C.default.blankState,role:"status",children:[(0,u.jsx)("div",{className:C.default.blankStateIcon,"aria-hidden":"true",children:"\u2713"}),(0,u.jsx)("div",{className:C.default.blankStateTitle,children:o}),(0,u.jsx)("div",{className:C.default.blankStateSubtitle,children:i}),r>0&&(0,u.jsxs)("div",{className:C.default.blankStateMeta,children:[r," component",1!==r?"s":""," \xb7 up to date with ",n]})]})}function P({base:t,compare:n,className:r,host:a,tabs:o,customUseComponent:i,customUseLaneDiff:s,LaneCompareLoader:l,ComponentCompareLoader:_,onStateChanged:j,groupBy:S,envIcons:T,apiDiffInsights:I,...M}){let{loadingLaneDiff:$,componentsToDiff:A,laneComponentDiffByCompId:R}=(0,v.useLaneCompareContext)(),F=(0,c.useMemo)(()=>o?"function"==typeof o?o():o:[],[o]),{componentDescriptors:L}=(0,g.useLaneComponents)(n?.id),z=(0,c.useMemo)(()=>{let t=new Map;return L&&L.forEach(n=>{let r=n.get("teambit.compositions/compositions"),a=r?.data?.compositions;t.set(n.id.toStringWithoutVersion(),Array.isArray(a)&&a.length>0)}),t},[L]),B=(0,c.useMemo)(()=>{let t=new Map(T??[]);return L&&L.forEach(n=>{let r=n.get("teambit.envs/envs"),a=r?.icon||r?.data?.icon||r?.descriptor?.icon||r?.env?.icon||void 0;if(!a)return;let o=n.id.toStringWithoutVersion();t.has(o)||t.set(o,a)}),t},[L,T]),[q]=(0,d.useSearchParams)(),[V,U]=(0,c.useState)(q.get("view")||"code"),[G,H]=(0,c.useState)(q.get("groupBy")||"scope"),[X,Y]=(0,c.useState)(q.get("diffMode")||"split"),[W,Z]=(0,c.useState)(!1),[Q,K]=(0,c.useState)(q.get("componentId")||void 0),[J,ee]=(0,c.useState)(q.get("file")||void 0),[et,en]=(0,c.useState)([]),er=(0,c.useRef)(null),ea=(0,m.useFileRegistry)(),eo=(0,c.useCallback)((t,n)=>{let r=new URL(window.location.href);n?r.searchParams.set(t,n):r.searchParams.delete(t),window.history.replaceState(null,"",r.toString())},[]),ei=(0,c.useCallback)(t=>{U(t),eo("view","code"===t?void 0:t),ee(void 0),eo("file",void 0)},[eo]),es=(0,c.useCallback)(t=>{H(t),eo("groupBy","scope"===t?void 0:t)},[eo]),el=(0,c.useCallback)(t=>{Y(t),eo("diffMode","split"===t?void 0:t)},[eo]),eu=(0,c.useCallback)(t=>{K(t),eo("componentId",t||void 0)},[eo]),ec=(0,c.useCallback)(t=>{ee(t),eo("file",t||void 0)},[eo]),ed=(0,c.useRef)(!1);(0,c.useEffect)(()=>{ed.current||!Q||$||(ed.current=!0,E(er.current,Q,J))},[Q,J,$]);let ep=(0,c.useMemo)(()=>(A||[]).map(([t,n])=>{let r=n?.toStringWithoutVersion()||t?.toStringWithoutVersion()||"",a=R.get(r),o=a?.changes,i=a?.changeType,s=!!a&&null==o,l=a?.baseSource;return{idStr:r,name:n?.fullName||t?.fullName||r,baseId:t?.toString(),compareId:n?.toString()||"",baseSource:l,baseVersion:t?.version?.slice(0,7),compareVersion:n?.version?.slice(0,7),baseUrl:t?h.ComponentUrl.toUrl(t,{includeVersion:!0,useLocationOrigin:!0}):void 0,compareUrl:n?h.ComponentUrl.toUrl(n,{includeVersion:!0,useLocationOrigin:!0}):void 0,changes:o||[],changeType:i,unclassified:s,scope:(n||t)?.scope||"",namespace:(n||t)?.namespace||""}}),[A,R]),em=(0,c.useMemo)(()=>ep.filter(t=>!!t.baseId&&!!t.compareId).map(t=>({baseId:t.baseId,compareId:t.compareId})),[ep]),ef=(0,c.useMemo)(()=>ep.map(t=>({value:t.name,payload:t.idStr})),[ep]),eh=(0,c.useMemo)(()=>{if(0===et.length)return ep;let t=new Set(et.map(t=>t.payload));return ep.filter(n=>t.has(n.idStr))},[ep,et]),eg=(0,c.useCallback)(t=>{if(t.changeType===y.ChangeType.NEW||t.changes.some(t=>t===y.ChangeType.NEW))return!0;let n=ea?.getFiles(t.idStr);return void 0===n?t.changes.some(t=>t===y.ChangeType.SOURCE_CODE)||t.unclassified:n.length>0},[ea,ea?.getVersion()]),eb=(0,c.useCallback)(t=>{let n=ea?.getApiEntries(t.idStr);return void 0===n?t.changes.some(t=>t===y.ChangeType.SOURCE_CODE||t===y.ChangeType.DEPENDENCY)||t.unclassified:n.length>0},[ea,ea?.getVersion()]),ey=(0,c.useCallback)((t,n)=>{switch(n){case"code":return eg(t);case"api":return eb(t);case"preview":return(D(t.changeType,t.changes)||t.unclassified)&&!1!==z.get(t.idStr);case"docs":return D(t.changeType,t.changes)||t.unclassified;case"dependencies":return t.changes.some(t=>t===y.ChangeType.DEPENDENCY)||t.unclassified;case"config":return t.changes.some(t=>t===y.ChangeType.ASPECTS)||t.unclassified;default:return!0}},[z,eg,eb]),ev=(0,c.useMemo)(()=>eh.filter(t=>ey(t,V)),[eh,V,ey]),e_=(0,c.useMemo)(()=>{let t=new Map;return ep.forEach(n=>{let r={},a=D(n.changeType,n.changes)||n.unclassified;eg(n)&&(r["data-has-code"]=""),a&&(r["data-has-docs"]=""),a&&!1!==z.get(n.idStr)&&(r["data-has-preview"]=""),(n.changes.some(t=>t===y.ChangeType.DEPENDENCY)||n.unclassified)&&(r["data-has-deps"]=""),(n.changes.some(t=>t===y.ChangeType.ASPECTS)||n.unclassified)&&(r["data-has-config"]=""),t.set(n.idStr,r)}),t},[ep,z,eg]),ew=(0,c.useCallback)(t=>{let n=new Map;return t.forEach(t=>{let r="status"===G?t.changeType||"unknown":"namespace"===G?t.namespace||"root":"scope"===G?t.scope:"all";n.has(r)||n.set(r,[]),n.get(r).push(t)}),[...n.entries()].sort(([t],[n])=>"status"===G?x.ChangeTypeGroupOrder.indexOf(t)-x.ChangeTypeGroupOrder.indexOf(n):t.localeCompare(n))},[G]),ex=(0,c.useMemo)(()=>ew(ev),[ew,ev]),ek=(0,c.useMemo)(()=>ew(eh),[ew,eh]),eC=(0,c.useMemo)(()=>new Set(ev.map(t=>t.idStr)),[ev]),ej=(0,c.useMemo)(()=>({code:ep.filter(t=>eg(t)).length,preview:ep.filter(t=>(D(t.changeType,t.changes)||t.unclassified)&&!1!==z.get(t.idStr)).length,docs:ep.filter(t=>D(t.changeType,t.changes)||t.unclassified).length,dependencies:ep.filter(t=>t.changes.some(t=>t===y.ChangeType.DEPENDENCY)||t.unclassified).length,tests:ep.length,config:ep.filter(t=>t.changes.some(t=>t===y.ChangeType.ASPECTS)||t.unclassified).length,api:ep.length}),[ep,z,eg]),eS=(0,c.useMemo)(()=>[{id:"api",displayName:"API",icon:"schema"},{id:"code",displayName:"Code",icon:"code"},{id:"preview",displayName:"Preview",icon:"eye"},{id:"docs",displayName:"Docs",icon:"overview"},{id:"dependencies",displayName:"Dependencies",icon:"link"},{id:"config",displayName:"Config",icon:"configuration"}],[]),eE=(0,c.useMemo)(()=>{let t=[{value:"scope",label:"Scope"},{value:"namespace",label:"Namespace"}];return t.push({value:"none",label:"None"}),t},[V]),eO=(0,c.useMemo)(()=>ex.map(([t,n])=>({key:t,label:"status"===G?(0,k.displayChangeType)(t):t,items:n.map(t=>{var n;return{id:t.idStr,name:t.name,envIcon:B.get(t.idStr),status:t.changeType,files:(n=t.idStr,"code"===V?ea?.getFiles(n):"config"===V?ea?.getAspectFiles(n):"api"===V?ea?.getApiEntries(n):void 0),sourceIndicator:"scope"===t.baseSource?(0,u.jsx)(w.BaseSourceIndicator,{compareId:t.compareId}):void 0}})})),[ex,G,B,ea?.getVersion(),V]),eD=(0,c.useMemo)(()=>{let t=[];return R.forEach(n=>{t.push({componentId:n.componentId,sourceHead:n.sourceHead,targetHead:n.targetHead,changes:n.changes})}),t},[R]),eN=(0,c.useCallback)((t,n)=>ea?.registerApiEntries(t,n),[ea]),eP=(0,c.useMemo)(()=>{if(0===ep.length)return{message:"No changes between these lanes",hint:"Both lanes point to the same components."};if(et.length>0)return{message:"No components match the current filters",hint:"Clear the search to see all changed components."};let t=eS.find(t=>t.id===V)?.displayName?.toLowerCase()||V;return{message:`No ${t} changes in this comparison`,hint:"Try a different view above."}},[ep.length,et.length,V,eS]),eT="api"===V;(0,c.useEffect)(()=>{if(!$&&0===ej[V]){let t=eS.find(t=>(ej[t.id]??0)>0);t&&ei(t.id)}},[ej,V,$]);let eI=(0,c.useMemo)(()=>!$&&ep.every(t=>!t.unclassified&&!D(t.changeType,t.changes)),[$,ep]),eM=(0,c.useMemo)(()=>{if(!eI)return!1;let t=!1;return R.forEach(n=>{n?.upToDate!==!1||n?.unrelated||(t=!0)}),t},[eI,R]);return $?(0,u.jsx)("div",{className:(0,p.default)(C.default.rootLaneCompare,r),children:(0,u.jsx)("div",{className:C.default.laneCompareLoading,children:Array.from({length:5}).map((t,n)=>(0,u.jsx)("div",{className:C.default.laneCompareSkeleton,children:(0,u.jsx)("div",{className:C.default.skeletonBar,style:{width:`${40+n%3*20}%`}})},n))})}):eI?(0,u.jsx)("div",{...M,className:(0,p.default)(C.default.rootLaneCompare,r),children:(0,u.jsx)(N,{sourceLane:n?.id?.name||"this lane",targetLane:t?.id?.name||"main",componentCount:ep.length,released:eM})}):(0,u.jsxs)(m.CompareDataProvider,{pairs:em,host:a,children:[(0,u.jsx)(m.RegistryFeeder,{pairs:em}),(0,u.jsxs)("div",{...M,className:(0,p.default)(C.default.rootLaneCompare,r),children:[(0,u.jsx)(m.CompareToolbar,{viewMode:V,onViewModeChange:t=>ei(t),groupBy:G,onGroupByChange:t=>es(t),endActions:(0,u.jsx)(m.CompareToolbarActions,{viewMode:V,diffMode:X,onDiffModeChange:el,depsShowAll:W,onDepsShowAllChange:Z}),viewModes:eS,groupByOptions:eE,counts:ej,loading:$,componentOptions:ef,selectedComponents:et,onSelectedComponentsChange:en}),(0,u.jsxs)("div",{className:C.default.layout,children:[(0,u.jsx)(m.CompareSidebar,{groups:eO,selectedId:Q,selectedFile:J,defaultExpandFiles:"code"===V||"config"===V||"api"===V,onSelect:(t,n)=>{ec(n),eu((Q!==t||n)&&t||void 0),t&&E(er.current,t,n)},loading:$}),(0,u.jsx)("div",{ref:eT?er:void 0,className:C.default.diffPane,style:eT?void 0:{display:"none"},children:(0,u.jsx)(b.ApiDiffLaneView,{diffs:eD,host:a,selectedId:Q,selectedExport:J,insights:I,onApiEntries:eN,active:eT})}),(0,u.jsx)(m.DiffModeProvider,{mode:X,children:(0,u.jsx)(m.DepsFilterProvider,{showAll:W,children:(0,u.jsxs)("div",{ref:eT?void 0:er,className:C.default.diffPane,"data-view-mode":V,style:eT?{display:"none"}:void 0,children:[ek.map(([t,n])=>{let r=n.reduce((t,n)=>t+ +!!eC.has(n.idStr),0);return(0,u.jsxs)("div",{className:(0,p.default)(C.default.laneCompareGroup,0===r&&C.default.groupHidden),children:["none"!==G&&(0,u.jsxs)("div",{className:C.default.laneCompareGroupHeader,children:[(0,u.jsx)("span",{className:C.default.laneCompareGroupLabel,children:"status"===G?(0,k.displayChangeType)(t):t}),(0,u.jsx)("span",{className:C.default.laneCompareGroupCount,children:r})]}),n.map(t=>(0,u.jsx)(m.InlineComponentCompare,{name:t.name,baseId:t.baseId,compareId:t.compareId,baseVersion:t.baseVersion,compareVersion:t.compareVersion,baseUrl:t.baseUrl,compareUrl:t.compareUrl,envIcon:B.get(t.idStr),allTabs:F,accentColor:t.changeType&&O[t.changeType]||void 0,host:a,dataAttributes:e_.get(t.idStr)},t.idStr))]},t)}),0===ev.length&&(0,u.jsx)("div",{className:C.default.emptyState,children:(0,u.jsx)(f.InlineCompareEmpty,{message:eP.message,hint:eP.hint})})]})})})]})]})]})}let T=c.default.memo(P);n.LaneCompare=c.default.memo(function({...t}){return(0,v.useLaneCompareContext)()?(0,u.jsx)(m.FileRegistryProvider,{children:(0,u.jsx)(P,{...t})}):t.base?.id&&t.compare?.id?(0,u.jsx)(_.LaneCompareProvider,{...t,base:t.base.id,compare:t.compare.id,useLaneDiffStatus:t.customUseLaneDiff,children:(0,u.jsx)(m.FileRegistryProvider,{children:(0,u.jsx)(T,{...t})})}):null})},18297(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ChangeTypeGroupOrder=void 0;let a=r(1428);n.ChangeTypeGroupOrder=[a.ChangeType.NEW,a.ChangeType.SOURCE_CODE,a.ChangeType.ASPECTS,a.ChangeType.DEPENDENCY,a.ChangeType.NONE]},98202(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.LaneCompareProvider=void 0;let l=r(11684),u=s(r(12888)),c=r(88518),d=r(28669),p=r(28757),m=r(56881),f=r(77604),h=r(55802);n.LaneCompareProvider=u.default.memo(function({defaultComponentCompareState:t,tabs:n,children:r,useLaneDiffStatus:a=m.useLaneDiffStatus,base:o,compare:i,filters:s,groupBy:g,filter:b}){let{loading:y,laneDiff:v}=a({baseId:o?.toString(),compareId:i?.toString(),options:{skipUpToDate:!0}}),_=(0,u.useMemo)(()=>(0,h.extractCompsToDiff)(v),[y,o?.toString(),i?.toString(),v]),w=(0,u.useMemo)(()=>_.map(([t,n])=>(0,c.computeStateKey)(t,n)).join("\n"),[_]),x=(0,u.useCallback)(r=>{let a=(0,d.extractLazyLoadedData)(n)?.sort(p.sortTabs),o=r&&t?.get(r)||{};return{tabs:{controlled:!0,id:a?.[0]?.id,element:a?.[0]?.element},code:{controlled:!0},aspects:{controlled:!0},preview:{controlled:!0},versionPicker:{element:null},...o}},[t]),[k,C]=(0,u.useState)(()=>{let t=new Map;return _.forEach(([n,r])=>{let a=(0,c.computeStateKey)(n,r),o=(0,c.computeStateKey)(n),i=(0,c.computeStateKey)(void 0,r);t.set(a,x(a)),t.set(o,x(o)),t.set(i,x(i))}),t});(0,u.useEffect)(()=>{if(_.length>0){let n=new Map(t);_.forEach(([t,r])=>{let a=(0,c.computeStateKey)(t,r),o=(0,c.computeStateKey)(t),i=(0,c.computeStateKey)(void 0,r);n.set(a,x(a)),n.set(o,x(o)),n.set(i,x(i))}),C(n)}},[y,w,o?.toString(),i?.toString(),t]);let j=(0,u.useMemo)(()=>v?v.diff.reduce((t,n)=>(t.set(n.componentId.toStringWithoutVersion(),n),t),new Map):new Map,[o?.toString(),i?.toString(),y,v]),S=(0,u.useMemo)(()=>0===j.size?null:_.filter(t=>{if(!b)return t;let n=t[1]||t[0];return n?b(j.get(n.toStringWithoutVersion()),s):t}).reduce((t,[n,r])=>{let a=r?.toStringWithoutVersion(),o=a?j.get(a):void 0,i=o?.changeType,s=g?"status"===g&&i||r?.scope:a;if(!s)return t;let l=t.get(s)||[];return t.set(s,l.concat([[n,r]])),t},new Map),[o?.toString(),i?.toString(),j.size,y,v,(0,h.filterDepKey)(s),g]),E=(0,u.useMemo)(()=>({laneCompareState:k,setLaneCompareState:C,filters:s,groupBy:g,defaultLaneState:x,laneDiff:v,loadingLaneDiff:y,componentsToDiff:_,groupedComponentsToDiff:S,laneComponentDiffByCompId:j}),[k,C,s,g,x,v,y,_,S,j]);return(0,l.jsx)(f.LaneCompareContext.Provider,{value:E,children:r})})},55802(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.filterDepKey=void 0,n.displayChangeType=function(t){switch(t){case a.ChangeType.SOURCE_CODE:return"code";case a.ChangeType.NONE:return"no changes";default:return t.toLowerCase()}},n.extractCompsToDiff=function(t){return t?.diff&&t.diff.map(t=>[t.targetHead&&t.componentId.changeVersion(t.targetHead)||void 0,t.componentId.changeVersion(t.sourceHead)])||[]};let a=r(1428);n.filterDepKey=t=>t?.map(t=>`${t.type}-${t.values.join()}`).join()},90569(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LanePlaceholder=n.LaneMenuItem=n.LaneSelector=void 0;var a=r(43241);Object.defineProperty(n,"LaneSelector",{enumerable:!0,get:function(){return a.LaneSelector}});var o=r(18263);Object.defineProperty(n,"LaneMenuItem",{enumerable:!0,get:function(){return o.LaneMenuItem}});var i=r(93395);Object.defineProperty(n,"LanePlaceholder",{enumerable:!0,get:function(){return i.LanePlaceholder}})},57704(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.LaneGroupedMenuItem=function({selected:t,current:n,className:r,scope:a,timestamp:c,icon:d=(0,o.jsx)(i.Icon,{className:u.default.defaultScopeIcon,of:"collection-full"}),getHref:p,onLaneSelected:m,innerRefs:f,...h}){if(0===n.length)return null;if(1===n.length&&n[0].id.isDefault()){let r=n[0];return(0,o.jsx)(l.LaneMenuItem,{onLaneSelected:m,getHref:p,selected:t,current:r},r.toString())}return(0,o.jsxs)("div",{className:(0,s.default)(u.default.groupedMenuItem,r),...h,children:[(0,o.jsxs)("div",{onClick:t=>t.stopPropagation(),className:u.default.scope,children:[(0,o.jsx)("div",{className:u.default.scopeIcon,children:d}),(0,o.jsx)("div",{className:u.default.scopeName,children:a})]}),n.map(n=>(0,o.jsx)(l.LaneMenuItem,{ref:f?.(n.id,n),onLaneSelected:m,getHref:p,selected:t,current:n,timestamp:c?.(n)},n.id.toString()))]})};let o=r(11684);a(r(12888));let i=r(29751),s=a(r(97500)),l=r(18263),u=a(r(17797))},18263(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneMenuItem=void 0;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(1453),m=r(93766),f=r(19988),h=r(52464),g=r(38348),b=r(516),y=l(r(43560));n.LaneMenuItem=(0,c.forwardRef)(({selected:t,current:n,className:r,onLaneSelected:a,getHref:o=p.LanesModel.getLaneUrl,icon:i,timestamp:s,...l},c)=>{let v=t?.toString()===n.id.toString(),_=n.id.isDefault(),w=(0,u.jsx)(b.Icon,{of:"changed-components"}),x=i||(_?w:void 0),k=o(n.id,void 0,n),C=n.displayName||n.id.name,j=n.id.name,S=n.updatedBy||n.createdBy,E=x||(0,u.jsx)(f.UserAvatar,{size:24,account:{name:S?.name?.split(" ")[0],displayName:S?.name,profileImage:S?.profileImage}}),O=s?.toString();return(0,u.jsx)("div",{...l,ref:c,className:(0,d.default)(r,y.default.laneMenuItemContainer),children:(0,u.jsx)(m.MenuLinkItem,{active:v,href:k,className:y.default.menuItem,onClick:()=>{a?.(n.id,n)},children:(0,u.jsxs)("div",{className:y.default.laneContainer,children:[(0,u.jsxs)("div",{className:(0,d.default)(y.default.top,_&&y.default.mainLane),children:[(0,u.jsx)("div",{className:(0,d.default)(y.default.icon,_&&!i&&y.default.defaultMainLaneIcon),children:E}),(0,u.jsx)("div",{className:(0,d.default)(y.default.laneDisplayName),children:C})]}),(0,u.jsxs)("div",{className:y.default.bottom,children:[!_&&(0,u.jsx)(g.Ellipsis,{className:y.default.laneName,children:j}),O&&(0,u.jsx)("div",{className:y.default.timeStamp,children:(0,u.jsx)(h.TimeAgo,{date:O,className:y.default.laneUpdated})})]})]})})})})},93395(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.LanePlaceholder=function({selectedLaneId:t,disabled:n,className:r,showScope:a=!0,loading:d,placeholderText:p,...m}){let f=!t,h=t?.isDefault()?t.name:a&&t?.toString()||t?.name;return d?null:(0,o.jsxs)("div",{...m,className:(0,l.default)(c.default.placeholder,r,n&&c.default.disabled),children:[(0,o.jsx)(s.LaneIcon,{className:c.default.icon}),(0,o.jsx)(u.Ellipsis,{className:c.default.placeholderText,children:f?p||"Select lane":h}),!n&&(0,o.jsx)(i.Icon,{of:"fat-arrow-down"})]})};let o=r(11684);a(r(12888));let i=r(29751),s=r(29362),l=a(r(97500)),u=r(38348),c=a(r(99044))},42294(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneSelectorList=void 0,n._LaneSelectorList=y;let u=r(11684),c=s(r(12888)),d=r(44178),p=l(r(97500)),m=r(46746),f=r(1453),h=r(18263),g=r(57704),b=l(r(41903));function y({selectedLaneId:t,mainLane:n,nonMainLanes:r,className:a,groupByScope:o,getHref:i=f.LanesModel.getLaneUrl,onLaneSelected:s,search:l="",mainIcon:v,scopeIconLookup:_,loading:w,hasMore:x,fetchMore:k,forwardedRef:C,...j}){let S=(0,d.useNavigate)(),E=(0,c.useRef)(null),O=(0,c.useRef)(new Map),D=(0,c.useRef)([]),N=(0,c.useRef)(null),P=(0,c.useCallback)(t=>{!w&&(E.current?.disconnect(),E.current=new IntersectionObserver(t=>{t[0].isIntersecting&&x&&k().catch(()=>{})}),t&&(E.current.observe(t),N.current=t))},[w,x,k]),T=!!t&&r.find(n=>n.id.isEqual(t))||void 0,[I,M]=(0,c.useState)(t);(0,c.useEffect)(()=>{t&&t?.toString()!==I?.toString()&&M(t)},[t?.toString()]);let $=(0,c.useMemo)(()=>{if(D.current=[],0===r.length)return[];let t=t=>{t.forEach((n,r)=>{let a=r===t.length-1?P:c.default.createRef();O.current.set(n.id.toString(),a),D.current.push(n.id)})};if(o){let a=f.LanesModel.groupLanesByScope(r),o=[];if(T){let t=(a.get(T.id.scope)??[]).filter(t=>!t.id.isEqual(T.id));a.set(T.id.scope,t);let r=[T.id.scope,[T]],i=n?["",[n]]:void 0,s=Array.from(a.entries()).map(([t,n])=>[t,n]);o=(0,m.compact)([r,i,...s])}else{let t=n?["",[n]]:void 0,r=Array.from(a.entries()).map(([t,n])=>[t,n]);o=(0,m.compact)([t,...r])}return o.forEach(([,n])=>t(n)),o}let a=r;return n&&(""===l||n?.id.name.toLowerCase().includes(l.toLowerCase()))&&(a=a.filter(t=>t.id.toString()!==n.id.toString())).unshift(n),T&&(a=a.filter(t=>!t.id.isEqual(T.id))).unshift(T),t(a),a},[r.length,l,o,T?.id.toString(),P,n?.id.name]);(0,c.useEffect)(()=>{I&&setTimeout(()=>{let t=D.current.slice(-1)[0];if(I.toString()===t?.toString())return void N.current?.scrollIntoView({behavior:"smooth",block:"nearest"});let n=O.current.get(I.toString())?.current;n?.scrollIntoView({behavior:"smooth",block:"nearest"})},0)},[I?.toString(),$]);let A=(0,c.useCallback)(t=>{switch(t.key){case"Enter":M(t=>{let a=t&&r.find(n=>n.id.isEqual(t))||n;return t&&a&&s?.(t,a),t&&a&&S(i(t,void 0,a)),t});break;case"ArrowUp":M(t=>{let n=t?D.current.findIndex(n=>n.toString()===t.toString()):void 0,r=void 0!==n&&(D.current[n-1]?n-1:D.current.length-1)||0;return D.current[r]});break;case"ArrowDown":M(t=>{let n=t?D.current.findIndex(n=>n.toString()===t.toString()):void 0,r=void 0!==n&&(D.current[n+1]?n+1:0)||0;return D.current[r]})}},[r,r.length,D.current.length]);return((0,c.useEffect)(()=>{let t=C&&!(0,m.isFunction)(C)?C?.current:void 0;return t&&t?.addEventListener("keydown",A),()=>{t&&t?.removeEventListener("keydown",A)}},[C]),w)?null:(0,u.jsxs)("div",{...j,className:(0,p.default)(a,b.default.laneSelectorList),children:[o&&$.map(([t,n],r)=>(0,u.jsx)(g.LaneGroupedMenuItem,{onLaneSelected:s,getHref:i,scope:t,selected:I,current:n,icon:_?.get(t),timestamp:t=>t.updatedAt||t.createdAt,innerRefs:(t,n)=>O.current.get(n.hash||t.toString())},`${t??"main"}-${r}`)),!o&&$.map((t,n)=>(0,u.jsx)(h.LaneMenuItem,{ref:O.current.get(t.id.toString()),onLaneSelected:s,getHref:i,selected:I,current:t,timestamp:t.updatedAt||t.createdAt,icon:t.id.isDefault()&&v||void 0},`${t.id.toString()}-${n}`))]})}n.LaneSelectorList=c.default.forwardRef(function(t,n){return(0,u.jsx)(y,{...t,forwardedRef:n})})},43241(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LIMIT=void 0,n.LaneSelector=function(t){let{className:r,mainLane:a,nonMainLanes:o,selectedLaneId:i,groupByScope:s=!0,getHref:l,onLaneSelected:C,mainIcon:j,scopeIconLookup:S,loading:E,hasMore:O,fetchMoreLanes:D,searchLanes:N,initialOffset:P=0,placeholderText:T,...I}=t,[M,$]=(0,c.useState)(""),[A,R]=(0,c.useState)(P??0),[F,L]=(0,c.useState)(O??!1),[z,B]=(0,c.useState)([]),[q,V]=(0,c.useState)(E??!1),U=c.default.useCallback(t=>{if(!t)return new h.LanesModel({lanes:z,defaultLane:z.find(t=>t.id.isDefault())});let n={keys:["id.name","id.scope","log.username","log.email","log.displayName"],threshold:.3*(1!==t.length),findAllMatches:!0,location:0,distance:100*(1!==t.length),minMatchCharLength:1,ignoreLocation:!0,shouldSort:!1,includeScore:!0},r=new b.default(z,n).search(t).map(t=>t.item);return new h.LanesModel({lanes:r,defaultLane:r.find(t=>t.id.isDefault())})},[z]);(0,c.useEffect)(()=>{O!==F&&L(!!O)},[O]),(0,c.useEffect)(()=>{E!==q&&V(!!E)},[E]),(0,c.useEffect)(()=>{let t=h.LanesModel.concatLanes(o,z);(0,m.isEqual)(z,t)||B(t)},[o,o.length]);let G=(0,c.useCallback)(async()=>{V(!0);let t=await D?.(A,n.LIMIT);return B(n=>(L(()=>(V(!!t?.loading),R(t?.nextOffset??0),t?.hasMore??!1)),h.LanesModel.concatLanes(n,t?.lanesModel?.lanes).filter(t=>!t.id.isDefault())??[])),t},[A,D]),[H,X]=(0,c.useState)(z),[Y,W]=(0,c.useState)(s),Z=(0,p.useLocation)();(0,c.useEffect)(()=>{H.length!==z.length&&X(z)},[z.length]);let Q=c.default.useMemo(()=>o.length>=1,[o.length]),K=(0,c.useRef)(x),J=(N??U)?.(M),ee=t=>{t.stopPropagation();let n=t.target.value;n&&""!==n?K.current=k:K.current=x,$(n||"")},et=t=>{t.stopPropagation(),K.current===k&&($(""),K.current=x,X(z))},en=t=>{t.stopPropagation()};function er(){let t=K.current===k;return Q?(0,u.jsx)("div",{className:w.default.search,children:(0,u.jsx)(g.InputText,{activeLabel:!1,inputSize:"s",className:w.default.searchInputContainer,inputClass:(0,d.default)(w.default.searchInput,t&&w.default.clear),placeholder:"Search",value:M,onChange:ee,onClick:en,autoFocus:!0,icon:(0,u.jsx)(y.Icon,{of:K.current,onClick:et})})}):null}let ea=(0,c.useRef)(null),[eo,ei]=(0,c.useState)(!1);(0,c.useEffect)(()=>{ei(()=>!1)},[Z.pathname]);let es=(t,n)=>{ei(()=>(C?.(t,n),!1))},el=c.default.useMemo(()=>Q||eo?(0,u.jsxs)(c.default.Fragment,{children:[(0,u.jsx)("div",{className:w.default.toolbar,children:(0,u.jsx)(er,{})}),(0,u.jsx)(v.LaneSelectorList,{ref:ea,hasMore:!M&&F,fetchMore:G,nonMainLanes:J?.lanes&&J?.lanes.length>0?J.lanes:H,search:M,groupByScope:Y,scopeIconLookup:S,selectedLaneId:i,loading:E,mainLane:a,getHref:l,onLaneSelected:es,mainIcon:j})]},"lane-selector-dropdown-root"):null,[H,s,Q,i,E,O,G,eo,J]);return(0,u.jsx)("div",{...I,className:(0,d.default)(r,w.default.laneSelector),ref:ea,children:(0,u.jsx)(f.Dropdown,{dropClass:w.default.menu,position:"bottom",clickPlaceholderToggles:Q,onClickOutside:()=>ei(!1),clickToggles:Q,open:eo,onPlaceholderToggle:c.default.useCallback(()=>{Q&&ei(t=>!t)},[Q]),placeholderContent:(0,u.jsx)(_.LanePlaceholder,{loading:E,disabled:!Q,selectedLaneId:i,showScope:s,placeholderText:T}),className:(0,d.default)(w.default.dropdown,!Q&&w.default.disabled),children:el})})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(44178),m=r(46746),f=r(21171),h=r(1453),g=r(83337),b=l(r(2074)),y=r(516),v=r(42294),_=r(93395),w=l(r(22366));n.LIMIT=5;let x="magnifying",k="crossmark"},48790(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.EmptyLaneOverview=function(t){return(0,o.jsx)(i.EmptyComponentGallery,{...t,children:(0,o.jsx)("div",{className:s.default.text,children:"Start by snapping components to this Lane."})})};let o=r(11684);a(r(12888));let i=r(37592),s=a(r(56399))},98156(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EmptyLaneOverview=n.LaneOverview=void 0;var a=r(23282);Object.defineProperty(n,"LaneOverview",{enumerable:!0,get:function(){return a.LaneOverview}});var o=r(48790);Object.defineProperty(n,"EmptyLaneOverview",{enumerable:!0,get:function(){return o.EmptyLaneOverview}})},57290(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.LaneOverviewHeader=function({laneId:t,componentCount:n,className:r}){let a=t.isDefault()?t.name:t.toString();return(0,o.jsxs)("div",{className:(0,i.default)(s.default.header,r),children:[(0,o.jsx)("img",{src:"https://static.bit.dev/bit-icons/lane.svg",className:s.default.icon,alt:""}),(0,o.jsx)("span",{className:s.default.name,children:a}),void 0!==n&&(0,o.jsxs)("span",{className:s.default.count,children:[n," ",1===n?"component":"components"]})]})};let o=r(11684);a(r(12888));let i=a(r(97500)),s=a(r(47955))},23282(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneOverview=function({routeSlot:t,overviewSlot:n,host:r,useLanes:a=m.useLanes}){let{lanesModel:o}=a(),i=o?.viewedLane;return i&&i.id?0===i.components.length?(0,u.jsx)(y.EmptyLaneOverview,{name:i.id.name}):(0,u.jsx)(v,{currentLane:i,host:r,routeSlot:t,overviewSlot:n}):null};let u=r(11684),c=s(r(12888)),d=r(1453),p=r(72164),m=r(30969),f=r(61071),h=l(r(47065)),g=r(57290),b=r(54374),y=r(48790);function v({currentLane:t,host:n,routeSlot:r,overviewSlot:a}){let{loading:o,components:i,componentDescriptors:s}=(0,f.useLaneComponents)(t.id),l=(0,c.useMemo)(()=>(0,h.default)(a?.values()),[a]),m=(0,c.useMemo)(()=>!!r&&(0,h.default)(Array.from(r.values())).length>0,[r]);return o?null:(0,u.jsx)(b.ComponentsOverview,{components:i??[],componentDescriptors:s??[],getHref:n=>d.LanesModel.getLaneComponentUrl(n.id,t.id),storageNamespace:"lane-overview",header:(0,u.jsx)(g.LaneOverviewHeader,{laneId:t.id,componentCount:t.components.length}),footer:(0,u.jsxs)(u.Fragment,{children:[m&&r&&(0,u.jsx)(p.SlotRouter,{slot:r}),l.map((t,n)=>(0,u.jsx)(t,{},n))]}),emptyState:(0,u.jsx)(y.EmptyLaneOverview,{name:t.id.name})})}},1453(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LanesModel=void 0;var a=r(49446);Object.defineProperty(n,"LanesModel",{enumerable:!0,get:function(){return a.LanesModel}})},49446(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LanesModel=void 0;let a=r(30266),o=r(35896),i=r(19100),s=r(68883),l=r(46746);let LanesModel=class LanesModel{static mapToLaneModel(t){let{id:n,laneComponentIds:r=[],readmeComponent:s,hash:l,createdAt:u,displayName:c,updatedAt:d,createdBy:p,updatedBy:m,dependents:f=[],slug:h,deleted:g}=t,b=r?.map(t=>i.ComponentID.fromObject(t))||[],y=s&&a.ComponentModel.from({...s}),v=u&&new Date(+u)||void 0,_=p?{name:p?.name??void 0,email:p.email??void 0,username:p?.username??void 0,displayName:p?.displayName??void 0,profileImage:p.profileImage??void 0}:void 0,w=d&&new Date(+d)||void 0,x=m?.name?{name:m?.name??void 0,username:m?.username??void 0,displayName:m?.displayName??void 0,email:m.email??void 0,profileImage:m.profileImage??void 0}:void 0;return{id:o.LaneId.from(n.name,n.scope),components:b,readmeComponent:y,createdAt:v,updatedAt:w,displayName:c,hash:l,updatedBy:x,createdBy:_,deleted:g,dependents:f?.map(t=>i.ComponentID.fromObject(t)),slug:h}}static groupLaneIdsByScope(t){let n=new Map;return t.forEach(t=>{let{scope:r}=t;if(n.has(r)){let a=n.get(r);n.set(r,[...a,t])}else n.set(r,[t])}),n}static groupLanesByScope(t){let n=new Map;return t.forEach(t=>{let{scope:r}=t.id;if(n.has(r)){let a=n.get(r);n.set(r,[...a,t])}else n.set(r,[t])}),n}static groupByComponentNameAndId(t){let n=new Map,r=new Map;return t.forEach(t=>{let{components:a}=t;a.forEach(a=>{let o=a.fullName,i=a.toString(),s=n.get(o)||[],l=r.get(i)||[];s.push(t),l.push(t),n.set(o,s),r.set(i,l)})}),{byName:n,byId:r}}static from({data:t,scope:n,viewedLaneId:r}){let a=t?.lanes?.list?.map(t=>LanesModel.mapToLaneModel(t))||[],o=t?.lanes?.current?LanesModel.mapToLaneModel(t.lanes.current):void 0,i=t?.lanes?.default?LanesModel.mapToLaneModel(t.lanes.default):n&&LanesModel.mapToLaneModel({id:{name:"main",scope:n},hash:""})||a.find(t=>t.id.isDefault())||void 0,s=r?a.find(t=>t.slug===r.name||t.id.isEqual(r)):t?.lanes?.viewedLane&&LanesModel.mapToLaneModel(t.lanes.viewedLane[0])||o||i;return new LanesModel({lanes:a,currentLane:o,defaultLane:i,viewedLane:s})}constructor({lanes:t=[],viewedLane:n,currentLane:r,defaultLane:a}){this.getLaneComponentUrlByVersion=(t,n,r,a)=>{let o=this.getDefaultLane();if(!t.version||!n||!o||n&&this.currentLane&&n.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(t,void 0,r,a);let i=this.getLanesByComponentId(t)?.find(t=>t.id.isEqual(n));return i?i.id.isDefault()?LanesModel.getMainComponentUrl(t,void 0,r,a):LanesModel.getLaneComponentUrl(t,i.id,r,a):o.components.find(n=>n.isEqual(t))?LanesModel.getMainComponentUrl(t,n,r,a):void 0},this.setViewedLane=t=>{this.viewedLane=t?this.lanes.find(n=>n.slug===t.name||n.id.isEqual(t)):void 0},this.setViewedOrDefaultLane=t=>{this.viewedLane=t?this.lanes.find(n=>n.slug===t.name||n.id.isEqual(t)):this.getDefaultLane()},this.resolveComponentFromUrl=(t,n)=>{let r=(n&&this.lanes.find(t=>t.slug===n.toString()||t.id.isEqual(n))||this.viewedLane)?.components||[];return t.includes(".")?r.find(n=>n.toStringWithoutVersion()===t):r.find(n=>n.fullName===t)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(t=>!t.id.isDefault()),this.isInViewedLane=(t,n)=>n?this.viewedLane?.components.some(r=>n&&r.isEqual(t)):this.viewedLane?.components.some(r=>n&&r.isEqual(t,{ignoreVersion:!0})),this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=t=>this.lanesByComponentName.get(t.fullName),this.getLanesByComponentId=t=>this.lanesByComponentId.get(t.toString()),this.isComponentOnMain=(t,n)=>n?!!this.getLanesByComponentId(t)?.some(t=>t.id.isDefault()):!!this.getLanesByComponentName(t)?.some(t=>t.id.isDefault()),this.isComponentOnMainButNotOnLane=(t,n,r)=>this.isComponentOnMain(t,n)&&!this.isComponentOnNonDefaultLanes(t,n,r),this.isComponentOnLaneButNotOnMain=(t,n,r)=>!this.isComponentOnMain(t,n)&&this.isComponentOnNonDefaultLanes(t,n,r),this.isComponentOnNonDefaultLanes=(t,n,r)=>n?!!this.getLanesByComponentId(t)?.some(t=>!t.id.isDefault()&&(!r||t.id.isEqual(r))):!!this.getLanesByComponentName(t)?.some(t=>!t.id.isDefault()&&(!r||t.id.isEqual(r))),this.isComponentDependent=(t,n,r)=>{let a=r?this.lanes.find(t=>t.id.isEqual(r)):this.viewedLane;return!!a&&(n?!!a.dependents?.some(n=>n.isEqual(t)):!!a.dependents?.some(n=>n.isEqual(t,{ignoreVersion:!0})))},this.viewedLane=n,this.currentLane=r,this.defaultLane=a;const o=(0,l.compact)((0,l.uniqBy)([...t,this.defaultLane,this.currentLane,this.viewedLane],t=>t?.id.toString()));this.lanes=o,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(t=>t.id));const{byId:i,byName:s}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=i,this.lanesByComponentName=s}addLanes(t=[]){this.lanes=LanesModel.concatLanes(this.lanes,t),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(t=>t.id));let{byId:n,byName:r}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=n,this.lanesByComponentName=r}static concatLanes(t=[],n=[]){return(0,l.compact)((0,l.uniqBy)([...t,...n],t=>t?.id.toString()))}};n.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,s.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(t,n)=>{let r=LanesModel.laneFromPathRegex.exec(t);if(r){let[,t,n]=r;return o.LaneId.from(n,t)}if(n){let t=n.get(LanesModel.laneUrlParamsKey);return t?o.LaneId.parse(t):void 0}},LanesModel.getLaneUrl=(t,n,r)=>`${n?"":"/"}${LanesModel.lanesPrefix}/${t.toString()}`,LanesModel.getLaneComponentUrl=(t,n,r,a)=>{let o=t.scope!==n.scope,i=LanesModel.getLaneUrl(n),s=new URLSearchParams;t.version&&s.set("version",t.version),r&&s.set("scope",t.scope);let l=o?`${i}${LanesModel.baseLaneComponentRoute}/${t.toStringWithoutVersion()}`:`${i}${LanesModel.baseLaneComponentRoute}/${t.fullName}`;return`${l}?${s.toString()}`},LanesModel.getMainComponentUrl=(t,n,r,a)=>{let o=t.fullName,i=new URLSearchParams;return n&&i.set(LanesModel.laneUrlParamsKey,n.toString()),r&&i.set("scope",t.scope),`${o}?${i.toString()}`}},79082(t,n,r){"use strict";function a(){let t=r(32751);return a=function(){return t},t}function o(){let t=r(1453);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"LanesAspect",{enumerable:!0,get:function(){return a().LanesAspect}}),Object.defineProperty(n,"LanesModel",{enumerable:!0,get:function(){return o().LanesModel}}),n.default=void 0,n.default=a().LanesAspect},32751(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.LanesAspect=void 0;let o=n.LanesAspect=a().Aspect.create({id:"teambit.lanes/lanes"});n.default=o},41551(t,n,r){"use strict";function a(){let t=D(r(12888));return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}function i(){let t=r(72631);return i=function(){return t},t}function s(){let t=r(92061);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(79845);return u=function(){return t},t}function c(){let t=r(80105);return c=function(){return t},t}function d(){let t=r(71495);return d=function(){return t},t}function p(){let t=r(8956);return p=function(){return t},t}function m(){let t=r(30266);return m=function(){return t},t}function f(){let t=r(46746);return f=function(){return t},t}function h(){let t=r(98156);return h=function(){return t},t}function g(){let t=r(38158);return g=function(){return t},t}function b(){let t=r(85253);return b=function(){return t},t}function y(){let t=r(46661);return y=function(){return t},t}function v(){let t=r(1453);return v=function(){return t},t}function _(){let t=r(30969);return _=function(){return t},t}function w(){let t=r(70444);return w=function(){return t},t}function x(){let t=r(87762);return x=function(){return t},t}function k(){let t=r(75740);return k=function(){return t},t}function C(){let t=r(25425);return C=function(){return t},t}function j(){let t=r(92021);return j=function(){return t},t}function S(){let t=r(13468);return S=function(){return t},t}function E(){let t=r(32751);return E=function(){return t},t}function O(){var t;let n=(t=r(56914))&&t.__esModule?t:{default:t};return O=function(){return n},n}function D(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(D=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function N(){return(N=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 P(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}function T(){let t=(0,m().useIdFromLocation)(void 0,!0),{lanesModel:n,loading:r}=(0,_().useLanes)(),a=(0,x().useViewedLaneFromUrl)(),o=t&&!a?.isDefault()?n?.resolveComponentFromUrl(t,a)??null:null;return null===o||r?{loading:!0}:{loading:!1,log:{head:o.version}}}function I(){return(function(){let t=(0,m().useIdFromLocation)(void 0,!0),{lanesModel:n,loading:r}=(0,_().useLanes)(),a=(0,x().useViewedLaneFromUrl)(),o=(0,b().useQuery)().get("version");if(!t)return null;let i=m().ComponentID.tryFromString(`${t}${o?`@${o}`:""}`);if(i)return i;if(r)return;let s=n?.resolveComponentFromUrl(t,a)??null;return o?s?.changeVersion(o):s})()?.toString()}let LanesUI=class LanesUI{constructor(t,n,r,o,i,l,u,c,m,f){this.componentUI=t,this.componentCompareUI=n,this.routeSlot=r,this.navSlot=o,this.menuWidgetSlot=i,this.overviewSlot=l,this.laneProviderIgnoreSlot=u,this.compareTabSlot=c,this.workspace=m,this.scope=f,P(this,"lanesHost",void 0),P(this,"hostAspect",void 0),P(this,"host",void 0),P(this,"renderContext",({children:t})=>{let n=this.laneProviderIgnoreSlot.values();return a().default.createElement(_().LanesProvider,{ignoreDerivingFromUrl:n},t)}),P(this,"_resolvedCompareTabs",void 0),P(this,"_resolvedCompareTabsKey",void 0),P(this,"getLaneCompare",t=>t.base&&t.compare?a().default.createElement(s().LaneCompare,N({},t,{base:t.base,compare:t.compare,host:t.host||this.host,tabs:t.tabs||this.resolveCompareTabs(),apiDiffInsights:t.apiDiffInsights||this.componentCompareUI.getApiDiffInsights()})):null),this.hostAspect=m||f,this.lanesHost=m?"workspace":"scope",this.host=m?p().WorkspaceAspect.id:d().ScopeAspect.id}registerHostAspectRoutes(){this.hostAspect&&(this.hostAspect.registerRoutes(this.getLaneRoutes()),this.hostAspect.registerMenuRoutes(this.getMenuRoutes()))}getLaneRoutes(){return[{path:v().LanesModel.lanesPrefix,children:a().default.createElement(a().default.Fragment,null,a().default.createElement(o().Route,{path:v().LanesModel.lanePath},a().default.createElement(o().Route,{index:!0,element:this.getLaneOverview()}),a().default.createElement(o().Route,{path:"~component/*",element:this.getLaneComponent()}),a().default.createElement(o().Route,{path:"~compare/*",element:this.getLanesComparePage()}),a().default.createElement(o().Route,{path:"*",element:a().default.createElement(c().NotFoundPage,null)})),a().default.createElement(o().Route,{path:"*",element:a().default.createElement(c().NotFoundPage,null)}))}]}overrideComputeLaneUrl(t){let{prefix:n,path:r,getLaneComponentUrl:a,getLaneIdFromPathname:o,getLaneUrl:i}=t();v().LanesModel.lanesPrefix=n,v().LanesModel.lanePath=r,v().LanesModel.getLaneComponentUrl=a,v().LanesModel.getLaneUrl=i,v().LanesModel.getLaneIdFromPathname=o}getLaneComponent(){return this.componentUI.getComponentUI(this.host,{componentId:I,useComponentFilters:T})}getLaneComponentMenu(){return this.componentUI.getMenu(this.host,{componentId:I,useComponentFilters:T})}getLaneOverview(){return a().default.createElement(h().LaneOverview,{routeSlot:this.routeSlot,overviewSlot:this.overviewSlot,host:this.lanesHost,useLanes:_().useLanes})}getLanesComparePage(){return a().default.createElement(C().LaneComparePage,{getLaneCompare:this.getLaneCompare,groupByScope:"workspace"===this.lanesHost})}getMenuRoutes(){return[{path:v().LanesModel.lanesPrefix,children:a().default.createElement(o().Route,{path:`${v().LanesModel.lanePath}/*`},a().default.createElement(o().Route,{path:"*",element:this.getLanesOverviewMenu()}),a().default.createElement(o().Route,{path:"~component/*",element:this.getLaneComponentMenu()}))}]}getLanesOverviewMenu(){return a().default.createElement(g().LanesOverviewMenu,{navigationSlot:this.navSlot,widgetSlot:this.menuWidgetSlot})}registerMenuWidget(...t){return this.menuWidgetSlot.register(t),this}registerLaneProviderIgnoreSlot(t){return this.laneProviderIgnoreSlot.register(t),this}registerLanesRoutes(){this.registerNavigation([{props:{href:".",exact:!0,children:"Overview"},order:1},{props:{href:"~compare",children:"Compare"},order:2,hide:()=>{let{lanesModel:t}=(0,_().useLanes)();return!t?.viewedLane||t?.lanes.length<2}}])}registerRoutes(){this.registerHostAspectRoutes(),this.registerLanesRoutes()}getLanesSwitcher(){return a().default.createElement(w().LaneSwitcher,{groupByScope:"workspace"===this.lanesHost,mainIcon:"scope"===this.lanesHost?()=>{let t=(0,a().useContext)(d().ScopeContext);return a().default.createElement(j().ScopeIcon,{size:24,scopeImage:t.icon,bgColor:t.backgroundIconColor,className:O().default.mainLaneIcon})}:void 0,useLanes:_().useLanes})}getLanesProvider(){return _().LanesProvider}getUseLanes(){return _().useLanes}registerLanesDropdown(){let t=this.getLanesSwitcher();this.hostAspect?.registerSidebarLink({component:function(){return t},weight:1e3})}registerRoute(t){return this.routeSlot.register(t),this}registerOverviewLine(...t){return this.overviewSlot.register(t),this}registerNavigation(t){this.navSlot.register(t)}registerCompareTab(t){return this.compareTabSlot.register(t),this}resolveCompareTabs(){let t=this.componentCompareUI.resolveCompareTabs(),n=this.compareTabSlot.toArray(),r=(0,f().flatten)(n.map(([,t])=>t).filter(Boolean)),a=`${t.map(t=>`${t.id}:${t.order??0}`).join(",")}|${r.map(t=>`${t.id}:${t.order??0}`).join(",")}`;if(this._resolvedCompareTabs&&this._resolvedCompareTabsKey===a)return this._resolvedCompareTabs;let o=new Set(r.map(t=>t.id)),i=[...r,...t.filter(t=>!o.has(t.id))].sort((t,n)=>(t.order??0)-(n.order??0));return this._resolvedCompareTabs=i,this._resolvedCompareTabsKey=a,i}static async provider([t,n,r,o,i,s],l,[u,c,m,f,h,g],b){let v,w,{config:x}=b,k=String(x.get("teambit.harmony/bit"));k===p().WorkspaceAspect.id&&(v=r),k===d().ScopeAspect.id&&(w=o);let C=new LanesUI(n,i,u,m,f,c,h,g,v,w);return t&&t.registerRenderHooks({reactContext:C.renderContext}),C.registerRoutes(),C.registerMenuWidget(()=>{let{lanesModel:t}=(0,_().useLanes)();if(!t?.viewedLane)return null;let{viewedLane:n,currentLane:r}=t;return a().default.createElement(y().UseLaneMenu,{actionName:"Import",actionIcon:"terminal",host:C.lanesHost,viewedLaneId:n.id,currentLaneId:r?.id})}),C.registerLanesDropdown(),v&&C.registerMenuWidget(s.CommandBarButton),C}};P(LanesUI,"dependencies",[u().UIAspect,m().ComponentAspect,p().WorkspaceAspect,d().ScopeAspect,k().ComponentCompareAspect,S().CommandBarAspect]),P(LanesUI,"runtime",l().UIRuntime),P(LanesUI,"slots",[i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType()]),E().LanesAspect.addRuntime(LanesUI)},30343(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.MDXAspect=void 0;let o=n.MDXAspect=a().Aspect.create({id:"teambit.mdx/mdx"});n.default=o},48567(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 o(){let t=r(24010);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(29830);return s=function(){return t},t}function l(){let t=r(39084);return l=function(){return t},t}function u(){let t=r(30343);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 MDXEnvUI=class MDXEnvUI{static async provider([t,n]){let r=new MDXEnvUI;return n.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any tests.",linkText:"Learn how to add tests to your MDX components",link:"https://bit.dev/docs/dev-services-overview/tester/tester-overview"})),t.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any compositions.",linkText:"Learn how to add compositions to your MDX components",link:"https://bit.dev/docs/dev-services-overview/compositions/compositions-overview"})),r}};c(MDXEnvUI,"runtime",i().UIRuntime),c(MDXEnvUI,"slots",[]),c(MDXEnvUI,"dependencies",[o().CompositionsAspect,s().TesterAspect]),u().MDXAspect.addRuntime(MDXEnvUI)},22941(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.NodeAspect=void 0;let o=n.NodeAspect=a().Aspect.create({id:"teambit.harmony/node",dependencies:[],defaultConfig:{}});n.default=o},4169(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 o(){let t=r(24010);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(29830);return s=function(){return t},t}function l(){let t=r(39084);return l=function(){return t},t}function u(){let t=r(22941);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 NodeEnvUI=class NodeEnvUI{static async provider([t,n]){let r=new NodeEnvUI;return n.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any tests.",linkText:"Learn how to add tests to your node components",link:"https://bit.dev/reference/dev-services-overview/tester/tester-overview"})),t.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any compositions.",linkText:"Learn how to add compositions to your node components",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"})),r}};c(NodeEnvUI,"runtime",i().UIRuntime),c(NodeEnvUI,"slots",[]),c(NodeEnvUI,"dependencies",[o().CompositionsAspect,s().TesterAspect]),u().NodeAspect.addRuntime(NodeEnvUI)},72969(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.notificationReducer=function(t,n){switch(n.type){case"dismiss":return t.filter(t=>t.id!==n.id);case"add":if(!n.content)return t;return t.concat(n.content);case"clear":return[];default:return t}}},78324(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function o(){let t=r(79845);return o=function(){return t},t}function i(){let t=f(r(12888));return i=function(){return t},t}function s(){let t=r(86804);return s=function(){return t},t}function l(){let t=r(33319);return l=function(){return t},t}function u(){let t=r(91757);return u=function(){return t},t}function c(){let t=r(44178);return c=function(){return t},t}function d(){let t=r(22198);return d=function(){return t},t}function p(){let t=r(72969);return p=function(){return t},t}function m(){let t=r(57325);return m=function(){return t},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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):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,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 NotificationUI=class NotificationUI{static async provider([t]){return new NotificationUI(t)}constructor(t){g(this,"dispatch",void 0),g(this,"isMinimal",!1),g(this,"add",(t,n)=>{if(this.isMinimal)return"";let r=(0,s().v1)();return this.dispatch?.({type:"add",content:{id:r,message:t,level:n,time:new Date().toISOString()}}),r}),g(this,"log",t=>this.add(t,d().MessageLevel.info)),g(this,"warn",t=>this.add(t,d().MessageLevel.warning)),g(this,"error",t=>this.add(t,d().MessageLevel.error)),g(this,"success",t=>this.add(t,d().MessageLevel.success)),g(this,"clear",()=>{this.dispatch?.({type:"clear"})}),g(this,"render",t=>{let[n,r]=(0,i().useReducer)(p().notificationReducer,[]),[a]=(0,c().useSearchParams)(),o="true"===a.get("minimal-mode");return(this.dispatch=r,this.isMinimal=o,(0,i().useEffect)(()=>{o&&r({type:"clear"})},[o]),o)?null:i().default.createElement(u().NotificationCenter,h({},t,{notifications:n}))}),g(this,"renderContext",({children:t})=>i().default.createElement(l().NotificationContext.Provider,{value:this},t)),t.registerHudItem(i().default.createElement(this.render,{key:"NotificationUI"})),t.registerRenderHooks({reactContext:this.renderContext})}dismiss(t){this.dispatch?.({type:"dismiss",id:t})}};g(NotificationUI,"dependencies",[o().UIAspect]),g(NotificationUI,"runtime",a().UIRuntime),m().NotificationsAspect.addRuntime(NotificationUI)},57325(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.NotificationsAspect=void 0;let o=n.NotificationsAspect=a().Aspect.create({id:"teambit.ui-foundation/notifications"});n.default=o},618(t,n,r){"use strict";function a(){let t=r(75041);return a=function(){return t},t}function o(){let t=r(31025);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"PanelUiAspect",{enumerable:!0,get:function(){return a().PanelUiAspect}}),Object.defineProperty(n,"Tab",{enumerable:!0,get:function(){return o().Tab}}),Object.defineProperty(n,"TabContainer",{enumerable:!0,get:function(){return o().TabContainer}}),Object.defineProperty(n,"TabList",{enumerable:!0,get:function(){return o().TabList}}),Object.defineProperty(n,"TabPanel",{enumerable:!0,get:function(){return o().TabPanel}})},75041(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.PanelUiAspect=void 0,n.PanelUiAspect=a().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},31025(t,n,r){"use strict";function a(){let t=l(r(97500));return a=function(){return t},t}function o(){let t=l(r(12888));return o=function(){return t},t}function i(){let t=r(23936);return i=function(){return t},t}function s(){let t=l(r(68422));return s=function(){return t},t}function l(t){return t&&t.__esModule?t:{default:t}}function u(){return(u=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 c(t){return o().default.createElement(i().TabList,u({},t,{className:(0,a().default)(s().default.tabContainer,t.className)}))}function d(t){return o().default.createElement(i().Tab,u({},t,{className:(0,a().default)(t.className,s().default.tab),selectedClassName:s().default.active,disabledClassName:s().default.disabled}))}Object.defineProperty(n,"__esModule",{value:!0}),n.Tab=d,n.TabContainer=void 0,n.TabList=c,n.TabPanel=void 0,n.TabContainer=i().Tabs,c.tabsRole="TabList",n.TabPanel=i().TabPanel,d.tabsRole="Tab"},34907(t,n,r){"use strict";function a(){let t=r(54388);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"getLatestVersion",{enumerable:!0,get:function(){return a().getLatestVersion}}),Object.defineProperty(n,"getValidVersionOrReleaseType",{enumerable:!0,get:function(){return a().getValidVersionOrReleaseType}}),Object.defineProperty(n,"isRange1GreaterThanRange2Naively",{enumerable:!0,get:function(){return a().isRange1GreaterThanRange2Naively}}),Object.defineProperty(n,"validateVersion",{enumerable:!0,get:function(){return a().validateVersion}})},54388(t,n,r){"use strict";function a(){let t=r(16322);return a=function(){return t},t}function o(){let t=r(25699);return o=function(){return t},t}function i(t){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(t)}function s(t){return["patch","minor","major","prerelease"].includes(t)}function l(t){if(!s(t))throw Error(`the release-type "${t}" is not supported`)}function u(t){if(t){let n=(0,a().valid)(t);if(!n)throw new(o()).InvalidVersion(t);return n}}Object.defineProperty(n,"__esModule",{value:!0}),n.getLatestVersion=function(t){let n=(0,a().maxSatisfying)(t,"*",{includePrerelease:!0});if(!n)throw Error(`unable to find the latest version from ${t.join(", ")}`);return n},n.getValidVersionOrReleaseType=function(t){return i(t)?(l(t),{releaseType:t}):{exactVersion:u(t)}},n.isRange1GreaterThanRange2Naively=function(t,n){let r=(0,a().minVersion)(t),o=(0,a().minVersion)(n);return!!r&&!!o&&(0,a().gt)(r,o)},n.isReleaseTypeSupported=s,n.isStrReleaseType=i,n.throwForUnsupportedReleaseType=l,n.validateVersion=u},34085(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.PkgAspect=void 0;let o=n.PkgAspect=a().Aspect.create({id:"teambit.pkg/pkg"});n.default=o},93377(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 o(){let t=r(14451);return o=function(){return t},t}function i(){let t=r(2839);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(34085);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 PkgUI=class PkgUI{static async provider([t]){let n=new PkgUI(t);return t.registerConsumeMethod(n.npmConsumeMethod),n}constructor(t){this.compUI=t,u(this,"npmConsumeMethod",({packageName:t,latest:n,id:r,options:o,componentModel:s,authToken:l})=>{let u=s?.packageName||t,c=s?.latest||n,d=u.split("/")[0],p=r.version===c?"":`@${this.compUI.formatToInstallableVersion(r.version)}`,m=this.getNpmConfig(d,l);return{Title:a().default.createElement("img",{style:{width:"30px"},src:"https://static.bit.dev/brands/logo-npm-new.svg"}),Component:o?.hide?null:a().default.createElement(i().Install,{config:m,componentName:r.name,packageManager:"npm",copyString:`npm i ${u}${p}`,registryName:d,isInstallable:!o?.disableInstall}),order:30}})}getNpmConfig(t,n){let r=[`${t}:registry="https://node-registry.bit.cloud"`,n?`"//node-registry.bit.cloud/:_authToken=${n}"`:void 0].filter(Boolean);return`npm config set ${r.join(" ")}`}};u(PkgUI,"runtime",o().UIRuntime),u(PkgUI,"dependencies",[s().ComponentAspect]),l().PkgAspect.addRuntime(PkgUI)},66937(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.PnpmAspect=void 0;let o=n.PnpmAspect=a().Aspect.create({id:"teambit.dependencies/pnpm",dependencies:[],defaultConfig:{}});n.default=o},30637(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 o(){let t=r(14451);return o=function(){return t},t}function i(){let t=r(2839);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(66937);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 PnpmUI=class PnpmUI{static async provider([t]){let n=new PnpmUI(t);return t.registerConsumeMethod(n.consumeMethod),n}constructor(t){this.compUI=t,u(this,"consumeMethod",({id:t,packageName:n,latest:r,options:o,componentModel:s,authToken:l})=>{let u=s?.packageName||n,c=s?.latest||r,d=u.split("/")[0],p=t.version===c?"":`@${this.compUI.formatToInstallableVersion(t.version)}`,m=this.getNpmConfig(d,l);return{Title:a().default.createElement("img",{style:{height:"16px",marginTop:"-2px"},src:"https://static.bit.dev/brands/pnpm.svg"}),Component:o?.hide?null:a().default.createElement(i().Install,{config:m,componentName:t.name,packageManager:"pnpm",copyString:`pnpm i ${u}${p}`,registryName:d,isInstallable:!o?.disableInstall}),order:10}})}getNpmConfig(t,n){let r=[`${t}:registry="https://node-registry.bit.cloud"`,n?`"//node-registry.bit.cloud/:_authToken=${n}"`:void 0].filter(Boolean);return`npm config set ${r.join(" ")}`}};u(PnpmUI,"runtime",o().UIRuntime),u(PnpmUI,"dependencies",[s().ComponentAspect]),l().PnpmAspect.addRuntime(PnpmUI)},38848(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.computePreviewScale=function(t,n){let r=.95*n/t;return r>1?"scale(1)":`scale(${r})`}},37175(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPropsAggregator=n.PreviewPropsExecutor=n.PreviewPropsManager=n.SandboxPermissionsAggregator=n.SandboxPermissionExecutor=n.SandboxManager=n.toPreviewHash=n.toPreviewServer=n.toPreviewUrl=n.ComponentPreview=void 0;var a=r(21119);Object.defineProperty(n,"ComponentPreview",{enumerable:!0,get:function(){return a.ComponentPreview}});var o=r(46229);Object.defineProperty(n,"toPreviewUrl",{enumerable:!0,get:function(){return o.toPreviewUrl}}),Object.defineProperty(n,"toPreviewServer",{enumerable:!0,get:function(){return o.toPreviewServer}}),Object.defineProperty(n,"toPreviewHash",{enumerable:!0,get:function(){return o.toPreviewHash}});var i=r(83402);Object.defineProperty(n,"SandboxManager",{enumerable:!0,get:function(){return i.SandboxManager}}),Object.defineProperty(n,"SandboxPermissionExecutor",{enumerable:!0,get:function(){return i.SandboxPermissionExecutor}}),Object.defineProperty(n,"SandboxPermissionsAggregator",{enumerable:!0,get:function(){return i.SandboxPermissionsAggregator}}),Object.defineProperty(n,"PreviewPropsManager",{enumerable:!0,get:function(){return i.PreviewPropsManager}}),Object.defineProperty(n,"PreviewPropsExecutor",{enumerable:!0,get:function(){return i.PreviewPropsExecutor}}),Object.defineProperty(n,"PreviewPropsAggregator",{enumerable:!0,get:function(){return i.PreviewPropsAggregator}})},21119(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentPreview=function({component:t,previewName:n,className:r,forceHeight:a,includeEnv:o=!0,queryParams:i,disableScroll:s=!1,pubsub:l,innerBottomPadding:w=0,viewport:x=1280,fullContentHeight:k=!1,onLoad:C,style:j,sandbox:S,propagateError:E,onPreviewError:O,...D}){let[N,P]=(0,v.useIframeContentHeight)({skip:!1,viewport:x}),T=(0,c.useRef)(null),[I,M]=(0,c.useState)(0),[$,A]=(0,c.useState)(0),R=(0,c.useRef)(null),F=t.preview?.isScaling,L=F?T:N,[z,B]=(0,c.useState)(!1);(0,f.usePubSubIframe)(l?L:void 0),(0,c.useEffect)(()=>{let r=r=>{if((r.data&&r.data.event===g.LOAD_EVENT||r.data&&"webpackInvalid"===r.data.event)&&C&&C(r),r.data&&(r.data.event===g.ERROR_EVENT||"AI_FIX_REQUEST"===r.data.event)){let a=r.data.payload;if(O?.(a),B(!0),E&&window.parent&&window!==window.parent)try{window.parent.postMessage({event:r.data.event,payload:{...a,forwardedFrom:{component:t.id,preview:n}}},"*")}catch(t){console.error("failed to propagate error to parent",t)}}};return window.addEventListener("message",r),()=>{window.removeEventListener("message",r)}},[t.id.toString(),C,E,O]),(0,c.useEffect)(()=>{T.current&&(0,m.connectToChild)({iframe:T.current,methods:{pub:(t,n)=>{"preview-size"===n.type&&(M(n.data.width),A(n.data.height)),C&&t&&C(t,{height:n.data.height,width:n.data.width})}}})},[T?.current]);let q=(0,h.useThemePicker)(),V=q?.current?.themeName?`theme=${q.current.themeName}`:"",U=Array.isArray(i)?i.concat(V):(0,p.compact)([i,V]),G=Array.isArray(U)?U.concat(`viewport=${x}`):(0,p.compact)([U,`viewport=${x}`]),H=null===x?U:G,X=(0,b.toPreviewUrl)(t,n,F?H:U,o),Y=R.current?.offsetWidth||0,W=R.current?.offsetHeight||0,Z=k?"100%":I||1280,Q="string"==typeof Z?Z:Math.max(Z,Y),K=0!==$?$:5e3,J=a||5e3;return(0,u.jsx)("div",{ref:R,className:(0,d.default)(_.default.preview,r),style:{height:a},children:(0,u.jsx)("iframe",{...D,sandbox:S||void 0,ref:L,style:{...j,height:a||(F?(!k&&K<W?W:K)+w:(P||0)>400?P:J),width:F?Q:"100%",visibility:0!==I||!F||k||z?void 0:"hidden",transform:k?"":(0,y.computePreviewScale)(I||1280,Y||1280),border:0,transformOrigin:"top left"},src:X,scrolling:s?"no":void 0})})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(46746),m=r(93652),f=r(78410),h=r(70589),g=r(28452),b=r(46229),y=r(38848),v=r(52833),_=l(r(55984))},83402(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPropsManager=n.SandboxManager=void 0,n.SandboxPermissionExecutor=c,n.SandboxPermissionsAggregator=function({hooks:t,onSandboxChange:n,component:r,children:a}){let o=new SandboxManager;return(0,l.jsxs)(l.Fragment,{children:[t.map((t,n)=>(0,l.jsx)(c,{usePermissionHook:t,manager:o,component:r},`sanbox-permission-executor-${n}`)),(0,l.jsx)(d,{manager:o,onSandboxChange:n,children:a})]})},n.PreviewPropsExecutor=p,n.PreviewPropsAggregator=function({hooks:t,component:n,children:r}){let a=new PreviewPropsManager;return(0,l.jsxs)(l.Fragment,{children:[t.map((t,r)=>(0,l.jsx)(p,{usePropsHook:t,manager:a,component:n},`preview-props-executor-${r}`)),(0,l.jsx)(m,{manager:a,children:r})]})};let l=r(11684),u=s(r(12888));let SandboxManager=class SandboxManager{constructor(t=[]){this.permissions=new Set(t)}add(t){return this.permissions.add(t),this}remove(t){return this.permissions.delete(t),this}has(t){return this.permissions.has(t)}toString(){return Array.from(this.permissions).join(" ")}};function c({usePermissionHook:t,manager:n,component:r}){return t(n,r),null}function d({manager:t,onSandboxChange:n,children:r}){let a=t.toString();return(0,u.useEffect)(()=>{n?.(a)}),(0,l.jsx)(l.Fragment,{children:r?.(a)})}n.SandboxManager=SandboxManager;let PreviewPropsManager=class PreviewPropsManager{constructor(){this.attrs={}}set(t,n){return this.attrs[t]=n,this}get(t){return this.attrs[t]}toAttrs(){return{...this.attrs}}};function p({usePropsHook:t,manager:n,component:r}){return t(n,r),null}function m({manager:t,children:n}){var r;let a,o,i=t.toAttrs(),s=(0,u.useRef)(i);return r=s.current,a=Object.keys(r),o=Object.keys(i),a.length===o.length&&a.every(t=>r[t]===i[t])||(s.current=i),(0,l.jsx)(l.Fragment,{children:n(s.current)})}n.PreviewPropsManager=PreviewPropsManager},46229(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.toPreviewUrl=function(t,n,r,a=!0){let i=o(t,n),l=function(t,n=!0){if(!(!n||t.server?.host||t.server?.basePath)&&t.server?.url)return t.environment?.id}(t,a),u=s(t,n,l,r);return`${i}#${u}`},n.toPreviewServer=o,n.toPreviewHash=s;let a=r(21812);function o(t,n){var r,a,o;let s,l,u,c,d=t.server?.url;return d&&!t.server.host?d:t.preview?.includesEnvTemplate===!1?(r=t,a=n,s=r.environment?.id,l=`compId=${r.id.toString()}`,u=i(r.server?.basePath,r.server?.host),`${u}/${s}/~aspect/env-template/${a}/?${l}`):(o=t,c=i(o.server?.basePath,o.server?.host),`${c}/${o.id.toString()}/~aspect/preview/`)}function i(t,n){let r=t||"/api",a=r.startsWith("/")?r:`/${r}`,o=n?.endsWith("/")?n.slice(0,-1):n,i=o?`${o}${a}`:a;return i.endsWith("/")?i.slice(0,-1):i}function s(t,n,r,o=""){let i=[(0,a.affix)("preview=",n),(0,a.affix)("env=",r)].concat(o).filter(t=>!!t).join("&");return`${t.id.toString()}${(0,a.affix)("?",i)}`}},52833(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useIframeContentHeight=function({interval:t=250,skip:n,viewport:r}){let i=(0,a.useRef)(null),[s,l]=(0,a.useState)(0),[u,c]=(0,a.useState)(0);if(n)return[i,void 0,u];let d=!0;return o(()=>{try{let t=i.current;if(!t||!t.contentWindow||!t.contentWindow.document)return;null!==r&&(t.contentWindow.document.body.style.width="fit-content"),d||t?.style.height!=="5000px"||(t.style.height="100%");let n=t.contentWindow.document.body.scrollHeight,a=t?.contentWindow?.document.body.offsetWidth;l(n),c(a||0),d=!1}catch{}},t),[i,s,u]},n.useInterval=o;let a=r(12888);function o(t,n){let r=(0,a.useRef)(()=>t);(0,a.useEffect)(()=>{r.current=t}),(0,a.useEffect)(()=>{if(null!==n){let t=setInterval(function(){r.current()},n);return()=>clearInterval(t)}return()=>{}},[n])}},70567(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.InlinePreviewCompare=void 0;var a=r(49233);Object.defineProperty(n,"InlinePreviewCompare",{enumerable:!0,get:function(){return a.InlinePreviewCompare}})},49233(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.InlinePreviewCompare=function({minHeight:t=200}){let n=(0,c.useComponentCompare)(),r=(0,u.useRef)(null),[a,o]=(0,u.useState)(!1);(0,u.useEffect)(()=>{let t;if(a)return;let n=r.current;if(!n)return;let i=r=>{if(r.data?.event==="_DOM_LOADED_")for(let a of n.querySelectorAll("iframe"))try{if(a.contentWindow===r.source){t=setTimeout(()=>o(!0),500);return}}catch{}};window.addEventListener("message",i);let s=setTimeout(()=>o(!0),8e3);return()=>{window.removeEventListener("message",i),clearTimeout(s),t&&clearTimeout(t)}},[a]);let i=n?.base?.model||n?.compare?.model;return n&&i?(n.base?.model?.compositions?.length||0)>0||(n.compare?.model?.compositions?.length||0)>0?(0,l.jsx)("div",{ref:r,children:(0,l.jsx)(d.PreviewCompareRenderer,{loaded:a,children:(0,l.jsx)(p.CompositionCompare,{})})}):(0,l.jsx)(c.InlineCompareEmpty,{message:"No compositions to preview"}):(0,l.jsx)(d.PreviewCompareRenderer,{loaded:!1,children:null})};let l=r(11684),u=s(r(12888)),c=r(12066),d=r(50343),p=r(1278)},50343(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BrowserSkeleton=n.BrowserSkeletonSplit=n.PreviewCompareRenderer=void 0;var a=r(44593);Object.defineProperty(n,"PreviewCompareRenderer",{enumerable:!0,get:function(){return a.PreviewCompareRenderer}}),Object.defineProperty(n,"BrowserSkeletonSplit",{enumerable:!0,get:function(){return a.BrowserSkeletonSplit}}),Object.defineProperty(n,"BrowserSkeleton",{enumerable:!0,get:function(){return a.BrowserSkeleton}})},44593(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.PreviewCompareRenderer=function({loaded:t,children:n}){return(0,o.jsxs)("div",{className:i.default.previewCompare,children:[!t&&(0,o.jsx)(s,{}),(0,o.jsx)("div",{style:t?void 0:{height:0,overflow:"hidden"},children:n})]})},n.BrowserSkeletonSplit=s,n.BrowserSkeleton=l;let o=r(11684);a(r(12888));let i=a(r(3526));function s(){return(0,o.jsxs)("div",{className:i.default.browserSkeletonSplit,children:[(0,o.jsx)(l,{}),(0,o.jsx)(l,{})]})}function l(){return(0,o.jsxs)("div",{className:i.default.browserSkeleton,children:[(0,o.jsxs)("div",{className:i.default.browserToolbar,children:[(0,o.jsx)("span",{className:i.default.browserDot}),(0,o.jsx)("span",{className:i.default.browserDot}),(0,o.jsx)("span",{className:i.default.browserDot}),(0,o.jsx)("div",{className:i.default.browserUrlBar})]}),(0,o.jsxs)("div",{className:i.default.browserBody,children:[(0,o.jsx)("div",{className:i.default.browserLine1}),(0,o.jsx)("div",{className:i.default.browserLine2}),(0,o.jsx)("div",{className:i.default.browserLine3}),(0,o.jsx)("div",{className:i.default.browserLine4})]})]})}},64773(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPlaceholder=void 0;var a=r(61925);Object.defineProperty(n,"PreviewPlaceholder",{enumerable:!0,get:function(){return a.PreviewPlaceholder}})},61925(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.getCompositions=function(t){let n=t.get(d.CompositionsAspect.id);if(!n)return[];let r=n.data.compositions;return r?d.Composition.fromArray(r):[]},n.getDisplayName=_,n.getDescription=w,n.PreviewPlaceholder=function({component:t,componentDescriptor:n,Container:r=({children:t,className:n})=>(0,u.jsx)("div",{className:n,children:t}),shouldShowPreview:a=(t?.compositions.length??0)>0&&t?.buildStatus!=="pending"}){let o=t?.compositions,i=n&&w(n),s=n&&_(n),l=t?.server?.url,m=(0,c.useRef)(l),[f,b]=c.default.useState(0),[y,x]=(0,c.useState)(!1);(0,c.useEffect)(()=>{m.current!==l&&a&&(m.current=l,b(t=>t+1))},[l,a]);let k=(0,c.useMemo)(()=>{if(a&&t)return function(t){let{compositions:n}=t;return n.find(t=>t.identifier.endsWith("Preview"))}(t)},[t,a,f]);if(!t||!n)return null;if(!a||!o||!o.length)return(0,u.jsxs)(r,{className:h.default.noPreview,component:t,children:[(0,u.jsx)("div",{className:h.default.scope,children:(0,u.jsx)(p.H5,{className:h.default.scopeTitle,children:t.id.scope})}),(0,u.jsxs)("div",{className:h.default.component,children:[(0,u.jsx)(p.H3,{className:h.default.componentTitle,children:s}),(0,u.jsx)("span",{className:h.default.description,children:i})]})]});let C=t.id.toString();return l&&(a||"pending"!==t.buildStatus)?(0,u.jsxs)("div",{className:h.default.previewCard,children:[(0,u.jsx)(v,{previewAssetsUrl:`/api/${C}/~aspect/preview-assets`,children:(0,u.jsx)(d.ComponentComposition,{component:t,composition:k,pubsub:!1,includeEnv:!0,loading:"lazy",viewport:1280,queryParams:"disableCta=true",onLoad:()=>x(!0)})}),!y&&(0,u.jsx)("div",{className:h.default.skeletonOverlay,children:(0,u.jsx)(g,{})}),(0,u.jsx)("div",{className:h.default.previewOverlay})]},`${C}-${l}-${f}`):(0,u.jsx)("div",{className:h.default.previewPlaceholder,"data-tip":"","data-for":C,children:(0,u.jsx)(g,{})})};let u=r(11684),c=s(r(12888)),d=r(24010),p=r(91564),m=r(5913),f=r(82894),h=l(r(77738));function g(){return(0,u.jsxs)("div",{className:h.default.browserSkeleton,children:[(0,u.jsxs)("div",{className:h.default.browserToolbar,children:[(0,u.jsx)("span",{className:h.default.browserDot}),(0,u.jsx)("span",{className:h.default.browserDot}),(0,u.jsx)("span",{className:h.default.browserDot}),(0,u.jsx)("div",{className:h.default.browserUrlBar})]}),(0,u.jsxs)("div",{className:h.default.browserBody,children:[(0,u.jsx)("div",{className:h.default.browserLine1}),(0,u.jsx)("div",{className:h.default.browserLine2}),(0,u.jsx)("div",{className:h.default.browserLine3}),(0,u.jsx)("div",{className:h.default.browserLine4})]})]})}let b=new Set;function y(t){b.has(t)||(b.add(t),fetch(t).then(t=>t.ok?t.json():null).then(t=>{if(t?.files)for(let n of t.files){if(document.querySelector(`link[href*="${n}"]`))continue;let t=document.createElement("link");t.rel="prefetch",t.href=n,document.head.appendChild(t)}}).catch(()=>{}))}function v({previewAssetsUrl:t,rootMargin:n="0px 0px 50% 0px",children:r}){let a=(0,c.useRef)(null),[o,i]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{let r=a.current;if(!r)return;let o=t?new IntersectionObserver(([n])=>{n.isIntersecting&&(y(t),o.disconnect())},{rootMargin:"0px 0px 150% 0px"}):null,s=new IntersectionObserver(([n])=>{n.isIntersecting&&(s.disconnect(),o?.disconnect(),t&&y(t),i(!0))},{rootMargin:n});return o?.observe(r),s.observe(r),()=>{o?.disconnect(),s.disconnect()}},[]),(0,u.jsx)("div",{ref:a,className:h.default.viewportGate,children:o?r:null})}function _(t){return t.id.name.split("-").map(t=>(0,m.capitalize)(t)).join(" ")}function w(t){let n=function(t,n){let r=t.get(f.DocsAspect.id)?.data||{};if(r&&r?.doc?.props)return r.doc.props.find(t=>t.name===n)}(t,"description");return n&&n.value||""}},78925(t,n,r){"use strict";var a,o;function i(){let t=r(78410);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ClickInsideAnIframeEvent=void 0;let ClickInsideAnIframeEventData=class ClickInsideAnIframeEventData{constructor(t){this.clickEvent=t}};let ClickInsideAnIframeEvent=class ClickInsideAnIframeEvent extends i().BitBaseEvent{constructor(t=Date.now(),n){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",t,new ClickInsideAnIframeEventData(n)),this.timestamp=t,this.clickEvent=n}};n.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,(a="symbol"==typeof(o=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"))?o:o+"")in ClickInsideAnIframeEvent?Object.defineProperty(ClickInsideAnIframeEvent,a,{value:"click-inside-an-iframe",enumerable:!0,configurable:!0,writable:!0}):ClickInsideAnIframeEvent[a]="click-inside-an-iframe"},42709(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=r(78925);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]}})})},19887(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={PreviewAspect:!0,PreviewRuntime:!0,ENV_PREVIEW_STRATEGY_NAME:!0,COMPONENT_PREVIEW_STRATEGY_NAME:!0};function o(){let t=r(33389);return o=function(){return t},t}Object.defineProperty(n,"COMPONENT_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return s().COMPONENT_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(n,"ENV_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return s().ENV_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(n,"PreviewAspect",{enumerable:!0,get:function(){return o().PreviewAspect}}),Object.defineProperty(n,"PreviewRuntime",{enumerable:!0,get:function(){return o().PreviewRuntime}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return o().PreviewAspect}});var i=r(42709);function s(){let t=r(99285);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]}})})},33389(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}function o(){let t=r(14451);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewAspect=void 0,Object.defineProperty(n,"PreviewRuntime",{enumerable:!0,get:function(){return o().PreviewRuntime}}),n.default=void 0;let i=n.PreviewAspect=a().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:o().PreviewRuntime});n.default=i},99285(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ENV_PREVIEW_STRATEGY_NAME=n.COMPONENT_PREVIEW_STRATEGY_NAME=void 0,n.ENV_PREVIEW_STRATEGY_NAME="env",n.COMPONENT_PREVIEW_STRATEGY_NAME="component"},78434(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},78410(t,n,r){"use strict";function a(){let t=r(6525);return a=function(){return t},t}function o(){let t=r(78434);return o=function(){return t},t}function i(){let t=r(19665);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BitBaseEvent",{enumerable:!0,get:function(){return o().BitBaseEvent}}),Object.defineProperty(n,"PubsubAspect",{enumerable:!0,get:function(){return a().PubsubAspect}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return a().PubsubAspect}}),Object.defineProperty(n,"usePubSub",{enumerable:!0,get:function(){return i().usePubSub}}),Object.defineProperty(n,"usePubSubIframe",{enumerable:!0,get:function(){return i().usePubSubIframe}})},19665(t,n,r){"use strict";function a(){let t=o(r(12888));return a=function(){return t},t}function o(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(o=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.createProvider=function(t){return({children:n})=>a().default.createElement(i.Provider,{value:t},n)},n.pubsubRegistry=void 0,n.usePubSub=s,n.usePubSubIframe=function(t){let n=s();(0,a().useEffect)(()=>{if(!t?.current||!n)return()=>{};let r=n.connect(t.current);return()=>r()},[t?.current,n])};let i=n.pubsubRegistry=(0,a().createContext)(void 0);function s(){return(0,a().useContext)(i)}},6525(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.PubsubAspect=void 0;let o=n.PubsubAspect=a().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});n.default=o},2121(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function o(){let t=r(79845);return o=function(){return t},t}function i(){let t=r(77551);return i=function(){return t},t}function s(){let t=r(93652);return s=function(){return t},t}function l(){let t=r(6525);return l=function(){return t},t}function u(){let t=r(19665);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 PubsubUI=class PubsubUI{constructor(){c(this,"childApi",void 0),c(this,"events",new(i()).EventEmitter2),c(this,"sub",(t,n)=>{let r=this.events;return r.on(t,n),()=>{r.off(t,n)}}),c(this,"pub",(t,n,{propagate:r}={})=>{this.emitEvent(t,n),r&&this.pubToChild(t,n)}),c(this,"connectToIframe",t=>{let n=(0,s().connectToChild)({iframe:t,methods:{pub:this.emitEvent}});return n.promise.then(t=>this.childApi=t).catch(t=>{console.error("[Pubsub.ui]","failed connecting to child iframe:",t)}),()=>{n&&n.destroy()}}),c(this,"emitEvent",(t,n)=>{this.events.emit(t,n)}),c(this,"pubToChild",(t,n)=>this.childApi?.pub(t,n))}getPubSubContext(){return(0,u().createProvider)({connect:this.connectToIframe})}static async provider([t]){let n=new PubsubUI,r=n.getPubSubContext();return t&&t.registerRenderHooks({reactContext:r}),n}};c(PubsubUI,"runtime",a().UIRuntime),c(PubsubUI,"dependencies",[o().UIAspect]),l().PubsubAspect.addRuntime(PubsubUI)},50099(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.LocationHooks=function({onLocationChange:t,onNavigatorChange:n}){let r=(0,o().useLocation)(),i=(0,o().useNavigationType)(),s=(0,o().useNavigate)();return(0,a().useEffect)(()=>{t(r,i)},[r,i,t]),(0,a().useEffect)(()=>{n(s)},[s,n]),null}},75894(t,n,r){"use strict";function a(){let t=r(30129);return a=function(){return t},t}function o(){let t=r(58336);return o=function(){return t},t}function i(){let t=l(r(19304));return i=function(){return t},t}function s(){let t=l(r(44178));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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.ReactRouter=void 0,Object.defineProperty(n,"ReactRouterAspect",{enumerable:!0,get:function(){return a().ReactRouterAspect}}),Object.defineProperty(n,"Routing",{enumerable:!0,get:function(){return o().Routing}}),n.navigation=n.default=void 0,Object.defineProperty(n,"navigation",{enumerable:!0,get:function(){return i()}}),Object.defineProperty(n,"ReactRouter",{enumerable:!0,get:function(){return s()}}),n.default=a().ReactRouterAspect},30129(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.ReactRouterAspect=void 0;let o=n.ReactRouterAspect=a().Aspect.create({id:"teambit.ui-foundation/react-router"});n.default=o},37109(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 o(){let t=r(72631);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(30129);return s=function(){return t},t}function l(){let t=r(88317);return l=function(){return t},t}function u(){let t=r(58336);return u=function(){return t},t}function c(){let t=r(50099);return c=function(){return t},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 ReactRouterUI=class ReactRouterUI{constructor(t,n){this.routeSlot=t,this.routeChangeListener=n,d(this,"routingMode",u().Routing.url),d(this,"navigateTo",(t,n)=>{let r="string"!=typeof t?t.state:void 0;switch(n){case"POP":return;case"REPLACE":this.navigate?.(t,{replace:!0,state:r});return;default:this.navigate?.(t,{state:r})}}),d(this,"navigate",void 0),d(this,"handleLocationChange",(t,n)=>{this.routeChangeListener.values().forEach(r=>r(t,n))}),d(this,"RoutingContext",({children:t,renderCtx:n})=>a().default.createElement(l().RouteContext,{reactRouterUi:this,routing:this.routingMode,location:n?.initialLocation},t,a().default.createElement(c().LocationHooks,{onLocationChange:this.handleLocationChange,onNavigatorChange:t=>this.navigate=t}))),d(this,"ServerRouting",({children:t,renderCtx:n})=>a().default.createElement(l().RouteContext,{reactRouterUi:this,routing:u().Routing.static,location:n?.initialLocation},t,a().default.createElement(c().LocationHooks,{onLocationChange:this.handleLocationChange,onNavigatorChange:t=>this.navigate=t}))),d(this,"renderPlugin",{browserInit:()=>({initialLocation:`${window.location.pathname}${window.location.search}${window.location.hash}`}),serverInit:({browser:t})=>({initialLocation:t?.location?`${t.location.pathname}${t.location.search}${t.location.hash}`:void 0}),reactClientContext:this.RoutingContext,reactServerContext:this.ServerRouting})}renderRoutes(t){return a().default.createElement(l().RootRoute,{routeSlot:this.routeSlot,rootRoutes:t})}setRoutingMode(t){this.routingMode=t}register(t){return this.routeSlot.register(t),this}registerListener(t){this.routeChangeListener.register(t)}static async provider(t,n,[r,a]){return new ReactRouterUI(r,a)}};d(ReactRouterUI,"slots",[o().Slot.withType(),o().Slot.withType()]),d(ReactRouterUI,"runtime",i().UIRuntime),s().ReactRouterAspect.addRuntime(ReactRouterUI)},88317(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 o(){let t=r(44178);return o=function(){return t},t}function i(){let t=r(44442);return i=function(){return t},t}function s(){let t=r(72164);return s=function(){return t},t}function l(){let t=r(19304);return l=function(){return t},t}function u(){let t=r(72555);return u=function(){return t},t}function c(){let t=r(58336);return c=function(){return t},t}function d({type:t,children:n,location:r}){switch(t){case c().Routing.static:return a().default.createElement(i().StaticRouter,{location:r||"/"},n);case c().Routing.inMemory:return a().default.createElement(o().MemoryRouter,{initialEntries:[r||"/"],initialIndex:1},n);case c().Routing.hash:return a().default.createElement(o().HashRouter,null,n);case c().Routing.url:default:return a().default.createElement(o().BrowserRouter,null,n)}}Object.defineProperty(n,"__esModule",{value:!0}),n.RootRoute=function({rootRoutes:t,routeSlot:n}){return a().default.createElement(s().SlotRouter,{slot:n,rootRoutes:t})},n.RouteContext=function({routing:t=c().Routing.url,children:n,location:r}){return a().default.createElement(d,{type:t,location:r},a().default.createElement(l().NavigationProvider,{implementation:u().reactRouterAdapter},n))}},58336(t,n){"use strict";var r;Object.defineProperty(n,"__esModule",{value:!0}),n.Routing=void 0,(r={})[r.url=0]="url",r[r.hash=1]="hash",r[r.inMemory=2]="inMemory",r[r.static=3]="static",n.Routing=r},8386(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 o(){let t=r(76712);return o=function(){return t},t}function i(){let t=r(62634);return i=function(){return t},t}function s(){let t=r(45348);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.HighlighterWidget=function(){let[t,n]=(0,s().usePreviewQueryParams)("highlighter");return a().default.createElement(i().Tooltip,{content:"Component Highlighter (beta)"},a().default.createElement("span",null,a().default.createElement(o().OptionButton,{icon:"highlighter-toggle",onClick:()=>n(!t),active:t})))}},57075(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.ReactAspect=void 0;let o=n.ReactAspect=a().Aspect.create({id:"teambit.react/react"});n.default=o},16420(t,n,r){"use strict";function a(){let t=r(9003);return a=function(){return t},t}function o(){var t;let n=(t=r(52404))&&t.__esModule?t:{default:t};return o=function(){return n},n}function i(){let t=r(46746);return i=function(){return t},t}function s(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 l(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?s(Object(r),!0).forEach(function(n){u(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return 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.ReactSchema=void 0;let ReactSchema=class ReactSchema extends a().SchemaNode{constructor(t,n,r,o,s,l=[],c,d){super(),this.location=t,this.name=n,this.modifiers=l,this.typeParams=d,u(this,"returnType",void 0),u(this,"props",void 0),u(this,"doc",void 0),u(this,"signature",void 0),u(this,"displaySchemaName","React"),this.props=o,this.returnType=r,this.doc=c,this.signature=s||a().FunctionLikeSchema.createSignature(n,(0,i().compact)([o]),r)}getNodes(){return(0,i().compact)([this.props,this.returnType])}toString(t){let n=t?.color?o().default.bold:t=>t,r=this.props?.toString(),a=this.typeParams?`<${this.typeParams.join(", ")}>`:"";return`${this.modifiersToString()}${a}${n(this.name)}(${r}): ${this.returnType.toString()}`}toFullSignature(t){let n="";this.doc&&t?.showDocs&&(n+=`${this.doc.toFullSignature()}
+`,n.useLaneDiffStatus=({baseId:t,compareId:r,options:l})=>{let{data:u,loading:c}=(0,a.useQuery)(n.QUERY_LANE_DIFF_STATUS,{variables:{source:r,target:t,options:l},skip:!t||!r,context:{batch:!0}}),d=u?.lanes.diffStatus&&{sourceLane:o.LaneId.from(u.lanes.diffStatus.source.name,u.lanes.diffStatus.source.scope).toString(),targetLane:o.LaneId.from(u.lanes.diffStatus.target.name,u.lanes.diffStatus.target.scope).toString(),diff:u.lanes.diffStatus.componentsStatus.map(t=>({...t,changes:t.changes??null,componentId:i.ComponentID.fromObject(t.componentId).toString()}))};return{loading:c,laneDiff:d&&s.LaneDiff.from(d)}}},25425(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LaneComparePage=void 0;var a=r(77045);Object.defineProperty(n,"LaneComparePage",{enumerable:!0,get:function(){return a.LaneComparePage}})},77045(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneComparePage=function({getLaneCompare:t,groupByScope:n=!1,useLanes:r=p.useLanes,searchLanes:a,...o}){let{lanesModel:i,loading:s,fetchMoreLanes:l,hasMore:h,offset:g,limit:b}=r(),y=(0,d.useLocation)(),[v,_]=(0,c.useState)(),w=i?.getDefaultLane(),x=i?.viewedLane,k=i?.getNonMainLanes()||[];(0,c.useEffect)(()=>{let t=x?.id.toString(),n=!!v&&(v.id.toString()===t||v.deleted);if(!v||n){if(!x?.id.isDefault()&&w)_(w);else if(x?.id.isDefault()){let n=k.find(n=>!n.deleted&&n.id.toString()!==t);n&&_(n)}}},[w,x?.id.toString(),k?.length,v?.id.toString()]);let C=t({base:v,compare:x,groupBy:"status"}),j=(0,c.useMemo)(()=>k.filter(t=>t.toString()!==x?.id.toString()&&!t.deleted),[v?.id.toString(),x?.id.toString(),i?.lanes.length]);return((0,c.useEffect)(()=>{let t=document.querySelector('[class*="collapser"]'),n=document.querySelector('[class*="splitPane"]');if(!t||!n)return;let r=n.firstElementChild,a=r&&r.offsetWidth>50;return a&&(r.style.display="none",requestAnimationFrame(()=>{t.click(),requestAnimationFrame(()=>{r.style.display=""})})),()=>{if(a){let r=n.firstElementChild;r&&r.offsetWidth<=50&&t.click()}}},[]),i&&i.viewedLane&&v)?(0,u.jsxs)("div",{...o,className:f.default.laneComparePage,children:[(0,u.jsxs)("div",{className:f.default.top,children:[(0,u.jsx)("div",{className:f.default.subTitle,children:"Compare"}),(0,u.jsxs)("div",{className:f.default.title,children:[(0,u.jsx)("div",{className:f.default.compareLane,children:x?.id.name}),(0,u.jsx)("div",{className:f.default.rightIcon,children:(0,u.jsx)("img",{src:"https://static.bit.dev/bit-icons/arrow-right.svg",alt:"arrow-right"})}),(0,u.jsx)("div",{className:f.default.baseSelectorContainer,children:(0,u.jsx)(m.LaneSelector,{searchLanes:a,selectedLaneId:v.id,className:f.default.baseSelector,nonMainLanes:j,mainLane:w,groupByScope:n,getHref:()=>`${y.pathname}${y.search}`,onLaneSelected:(t,n)=>{_(n)},loading:s,fetchMoreLanes:l,hasMore:h,initialOffset:(g??0)+(b??0)})})]})]}),(0,u.jsx)("div",{className:f.default.bottom,children:C})]}):null};let u=r(11684),c=s(r(12888)),d=r(44178),p=r(30969),m=r(90569),f=l(r(37914))},58352(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.BaseSourceIndicator=function({compareId:t}){let n=(0,l.useCompareData)(),r=n?.compareDataFor(t);return n?.loading&&void 0===r?(0,o.jsx)(s.Tooltip,{content:"Resolving base from the remote scope\u2026",placement:"top",children:(0,o.jsx)("span",{className:u.default.indicator,"data-state":"loading","aria-label":"Resolving base from the remote scope",children:(0,o.jsx)(i.Icon,{of:"spinner",className:u.default.spin})})}):null===r?(0,o.jsx)(s.Tooltip,{content:"Base unavailable from the remote scope",placement:"top",children:(0,o.jsx)("span",{className:u.default.indicator,"data-state":"unavailable","aria-label":"Base unavailable from the remote scope",children:(0,o.jsx)(i.Icon,{of:"exclamation-triangle"})})}):(0,o.jsx)(s.Tooltip,{content:"Base pulled from the remote scope",placement:"top",children:(0,o.jsx)("span",{className:u.default.indicator,"data-state":"remote","aria-label":"Base pulled from the remote scope",children:(0,o.jsx)(i.Icon,{of:"bit-cloud"})})})};let o=r(11684);a(r(12888));let i=r(516),s=r(62634),l=r(27872),u=a(r(93517))},92061(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.laneFilterDepKey=n.extractCompsToDiff=n.displayChangeType=n.ChangeTypeGroupOrder=n.LaneCompareProvider=n.useLaneCompareContext=n.LaneCompareContext=n.LaneCompare=void 0;var a=r(57205);Object.defineProperty(n,"LaneCompare",{enumerable:!0,get:function(){return a.LaneCompare}});var o=r(77604);Object.defineProperty(n,"LaneCompareContext",{enumerable:!0,get:function(){return o.LaneCompareContext}}),Object.defineProperty(n,"useLaneCompareContext",{enumerable:!0,get:function(){return o.useLaneCompareContext}});var i=r(98202);Object.defineProperty(n,"LaneCompareProvider",{enumerable:!0,get:function(){return i.LaneCompareProvider}});var s=r(18297);Object.defineProperty(n,"ChangeTypeGroupOrder",{enumerable:!0,get:function(){return s.ChangeTypeGroupOrder}});var l=r(55802);Object.defineProperty(n,"displayChangeType",{enumerable:!0,get:function(){return l.displayChangeType}}),Object.defineProperty(n,"extractCompsToDiff",{enumerable:!0,get:function(){return l.extractCompsToDiff}}),Object.defineProperty(n,"laneFilterDepKey",{enumerable:!0,get:function(){return l.filterDepKey}})},77604(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useLaneCompareContext=n.LaneCompareContext=void 0;let a=r(12888);n.LaneCompareContext=(0,a.createContext)(void 0),n.useLaneCompareContext=()=>(0,a.useContext)(n.LaneCompareContext)},57205(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneCompare=void 0;let u=r(11684),c=s(r(12888)),d=r(44178),p=l(r(97500)),m=r(27872),f=r(12066),h=r(59004),g=r(61071),b=r(7110),y=r(1428),v=r(77604),_=r(98202),w=r(58352),x=r(18297),k=r(55802),C=l(r(24858));function j(t,n){let r=()=>{let r=n.getBoundingClientRect(),a=t.getBoundingClientRect(),o=r.top-a.top;return t.scrollTo({top:o+t.scrollTop,behavior:"instant"}),Math.abs(o)};r();let a=0,o=()=>{if(!t.isConnected||!n.isConnected)return;let i=r();a+=1,i>2&&a<4&&requestAnimationFrame(o)};requestAnimationFrame(o)}function S(t,n,r=5e3){let a=t.querySelector(n);return a?Promise.resolve(a):new Promise(a=>{let o=new MutationObserver(()=>{let r=t.querySelector(n);r&&(o.disconnect(),a(r))});o.observe(t,{childList:!0,subtree:!0}),setTimeout(()=>{o.disconnect(),a(null)},r)})}function E(t,n,r){if(!t)return;if(!r)return void S(t,`[data-component-id="${CSS.escape(n)}"]`).then(n=>{n&&j(t,n)});let a=`[data-file-id="${CSS.escape(n)}:${CSS.escape(r)}"]`,o=t.querySelector(a);if(o)return void requestAnimationFrame(()=>j(t,o));let i=t.querySelector(`[data-component-id="${CSS.escape(n)}"]`);i&&j(t,i),S(t,a).then(n=>{n&&j(t,n)})}let O={[y.ChangeType.NEW]:"var(--positive-color, #37b26c)",[y.ChangeType.SOURCE_CODE]:"var(--bit-accent-color, #6c5ce7)",[y.ChangeType.DEPENDENCY]:"var(--warning-color, #d6a022)"};function D(t,n=[]){return n.some(t=>t!==y.ChangeType.NONE)||null!=t&&t!==y.ChangeType.NONE}function N({sourceLane:t,targetLane:n,componentCount:r,released:a}){let o=a?`This lane has been released to ${n}`:"No changes to compare",i="Both lanes point to the same components.";return r>0&&(i=a?`${n} already includes all ${r} components from ${t} \u{2014} there's nothing left to compare.`:`${t} and ${n} point to the same versions across ${r} components.`),(0,u.jsxs)("div",{className:C.default.blankState,role:"status",children:[(0,u.jsx)("div",{className:C.default.blankStateIcon,"aria-hidden":"true",children:"\u2713"}),(0,u.jsx)("div",{className:C.default.blankStateTitle,children:o}),(0,u.jsx)("div",{className:C.default.blankStateSubtitle,children:i}),r>0&&(0,u.jsxs)("div",{className:C.default.blankStateMeta,children:[r," component",1!==r?"s":""," \xb7 up to date with ",n]})]})}function P({base:t,compare:n,className:r,host:a,tabs:o,customUseComponent:i,customUseLaneDiff:s,LaneCompareLoader:l,ComponentCompareLoader:_,onStateChanged:j,groupBy:S,envIcons:T,apiDiffInsights:I,...M}){let{loadingLaneDiff:$,componentsToDiff:A,laneComponentDiffByCompId:R}=(0,v.useLaneCompareContext)(),F=(0,c.useMemo)(()=>o?"function"==typeof o?o():o:[],[o]),{componentDescriptors:L}=(0,g.useLaneComponents)(n?.id),z=(0,c.useMemo)(()=>{let t=new Map;return L&&L.forEach(n=>{let r=n.get("teambit.compositions/compositions"),a=r?.data?.compositions;t.set(n.id.toStringWithoutVersion(),Array.isArray(a)&&a.length>0)}),t},[L]),B=(0,c.useMemo)(()=>{let t=new Map(T??[]);return L&&L.forEach(n=>{let r=n.get("teambit.envs/envs"),a=r?.icon||r?.data?.icon||r?.descriptor?.icon||r?.env?.icon||void 0;if(!a)return;let o=n.id.toStringWithoutVersion();t.has(o)||t.set(o,a)}),t},[L,T]),[q]=(0,d.useSearchParams)(),[V,U]=(0,c.useState)(q.get("view")||"code"),[G,H]=(0,c.useState)(q.get("groupBy")||"scope"),[X,Y]=(0,c.useState)(q.get("diffMode")||"split"),[W,Z]=(0,c.useState)(!1),[Q,K]=(0,c.useState)(q.get("componentId")||void 0),[J,ee]=(0,c.useState)(q.get("file")||void 0),[et,en]=(0,c.useState)([]),er=(0,c.useRef)(null),ea=(0,m.useFileRegistry)(),eo=(0,c.useCallback)((t,n)=>{let r=new URL(window.location.href);n?r.searchParams.set(t,n):r.searchParams.delete(t),window.history.replaceState(null,"",r.toString())},[]),ei=(0,c.useCallback)(t=>{U(t),eo("view","code"===t?void 0:t),ee(void 0),eo("file",void 0)},[eo]),es=(0,c.useCallback)(t=>{H(t),eo("groupBy","scope"===t?void 0:t)},[eo]),el=(0,c.useCallback)(t=>{Y(t),eo("diffMode","split"===t?void 0:t)},[eo]),eu=(0,c.useCallback)(t=>{K(t),eo("componentId",t||void 0)},[eo]),ec=(0,c.useCallback)(t=>{ee(t),eo("file",t||void 0)},[eo]),ed=(0,c.useRef)(!1);(0,c.useEffect)(()=>{ed.current||!Q||$||(ed.current=!0,E(er.current,Q,J))},[Q,J,$]);let ep=(0,c.useMemo)(()=>(A||[]).map(([t,n])=>{let r=n?.toStringWithoutVersion()||t?.toStringWithoutVersion()||"",a=R.get(r),o=a?.changes,i=a?.changeType,s=!!a&&null==o,l=a?.baseSource;return{idStr:r,name:n?.fullName||t?.fullName||r,baseId:t?.toString(),compareId:n?.toString()||"",baseSource:l,baseVersion:t?.version?.slice(0,7),compareVersion:n?.version?.slice(0,7),baseUrl:t?h.ComponentUrl.toUrl(t,{includeVersion:!0,useLocationOrigin:!0}):void 0,compareUrl:n?h.ComponentUrl.toUrl(n,{includeVersion:!0,useLocationOrigin:!0}):void 0,changes:o||[],changeType:i,unclassified:s,scope:(n||t)?.scope||"",namespace:(n||t)?.namespace||""}}),[A,R]),em=(0,c.useMemo)(()=>ep.filter(t=>!!t.baseId&&!!t.compareId).map(t=>({baseId:t.baseId,compareId:t.compareId})),[ep]),ef=(0,c.useMemo)(()=>ep.map(t=>({value:t.name,payload:t.idStr})),[ep]),eh=(0,c.useMemo)(()=>{if(0===et.length)return ep;let t=new Set(et.map(t=>t.payload));return ep.filter(n=>t.has(n.idStr))},[ep,et]),eg=(0,c.useCallback)(t=>{if(t.changeType===y.ChangeType.NEW||t.changes.some(t=>t===y.ChangeType.NEW))return!0;let n=ea?.getFiles(t.idStr);return void 0===n?t.changes.some(t=>t===y.ChangeType.SOURCE_CODE)||t.unclassified:n.length>0},[ea,ea?.getVersion()]),eb=(0,c.useCallback)(t=>{let n=ea?.getApiEntries(t.idStr);return void 0===n?t.changes.some(t=>t===y.ChangeType.SOURCE_CODE||t===y.ChangeType.DEPENDENCY)||t.unclassified:n.length>0},[ea,ea?.getVersion()]),ey=(0,c.useCallback)((t,n)=>{switch(n){case"code":return eg(t);case"api":return eb(t);case"preview":return(D(t.changeType,t.changes)||t.unclassified)&&!1!==z.get(t.idStr);case"docs":return D(t.changeType,t.changes)||t.unclassified;case"dependencies":return t.changes.some(t=>t===y.ChangeType.DEPENDENCY)||t.unclassified;case"config":return t.changes.some(t=>t===y.ChangeType.ASPECTS)||t.unclassified;default:return!0}},[z,eg,eb]),ev=(0,c.useMemo)(()=>eh.filter(t=>ey(t,V)),[eh,V,ey]),e_=(0,c.useMemo)(()=>{let t=new Map;return ep.forEach(n=>{let r={},a=D(n.changeType,n.changes)||n.unclassified;eg(n)&&(r["data-has-code"]=""),a&&(r["data-has-docs"]=""),a&&!1!==z.get(n.idStr)&&(r["data-has-preview"]=""),(n.changes.some(t=>t===y.ChangeType.DEPENDENCY)||n.unclassified)&&(r["data-has-deps"]=""),(n.changes.some(t=>t===y.ChangeType.ASPECTS)||n.unclassified)&&(r["data-has-config"]=""),t.set(n.idStr,r)}),t},[ep,z,eg]),ew=(0,c.useCallback)(t=>{let n=new Map;return t.forEach(t=>{let r="status"===G?t.changeType||"unknown":"namespace"===G?t.namespace||"root":"scope"===G?t.scope:"all";n.has(r)||n.set(r,[]),n.get(r).push(t)}),[...n.entries()].sort(([t],[n])=>"status"===G?x.ChangeTypeGroupOrder.indexOf(t)-x.ChangeTypeGroupOrder.indexOf(n):t.localeCompare(n))},[G]),ex=(0,c.useMemo)(()=>ew(ev),[ew,ev]),ek=(0,c.useMemo)(()=>ew(eh),[ew,eh]),eC=(0,c.useMemo)(()=>new Set(ev.map(t=>t.idStr)),[ev]),ej=(0,c.useMemo)(()=>({code:ep.filter(t=>eg(t)).length,preview:ep.filter(t=>(D(t.changeType,t.changes)||t.unclassified)&&!1!==z.get(t.idStr)).length,docs:ep.filter(t=>D(t.changeType,t.changes)||t.unclassified).length,dependencies:ep.filter(t=>t.changes.some(t=>t===y.ChangeType.DEPENDENCY)||t.unclassified).length,tests:ep.length,config:ep.filter(t=>t.changes.some(t=>t===y.ChangeType.ASPECTS)||t.unclassified).length,api:ep.length}),[ep,z,eg]),eS=(0,c.useMemo)(()=>[{id:"api",displayName:"API",icon:"schema"},{id:"code",displayName:"Code",icon:"code"},{id:"preview",displayName:"Preview",icon:"eye"},{id:"docs",displayName:"Docs",icon:"overview"},{id:"dependencies",displayName:"Dependencies",icon:"link"},{id:"config",displayName:"Config",icon:"configuration"}],[]),eE=(0,c.useMemo)(()=>{let t=[{value:"scope",label:"Scope"},{value:"namespace",label:"Namespace"}];return t.push({value:"none",label:"None"}),t},[V]),eO=(0,c.useMemo)(()=>ex.map(([t,n])=>({key:t,label:"status"===G?(0,k.displayChangeType)(t):t,items:n.map(t=>{var n;return{id:t.idStr,name:t.name,envIcon:B.get(t.idStr),status:t.changeType,files:(n=t.idStr,"code"===V?ea?.getFiles(n):"config"===V?ea?.getAspectFiles(n):"api"===V?ea?.getApiEntries(n):void 0),sourceIndicator:"scope"===t.baseSource?(0,u.jsx)(w.BaseSourceIndicator,{compareId:t.compareId}):void 0}})})),[ex,G,B,ea?.getVersion(),V]),eD=(0,c.useMemo)(()=>{let t=[];return R.forEach(n=>{t.push({componentId:n.componentId,sourceHead:n.sourceHead,targetHead:n.targetHead,changes:n.changes})}),t},[R]),eN=(0,c.useCallback)((t,n)=>ea?.registerApiEntries(t,n),[ea]),eP=(0,c.useMemo)(()=>{if(0===ep.length)return{message:"No changes between these lanes",hint:"Both lanes point to the same components."};if(et.length>0)return{message:"No components match the current filters",hint:"Clear the search to see all changed components."};let t=eS.find(t=>t.id===V)?.displayName?.toLowerCase()||V;return{message:`No ${t} changes in this comparison`,hint:"Try a different view above."}},[ep.length,et.length,V,eS]),eT="api"===V;(0,c.useEffect)(()=>{if(!$&&0===ej[V]){let t=eS.find(t=>(ej[t.id]??0)>0);t&&ei(t.id)}},[ej,V,$]);let eI=(0,c.useMemo)(()=>!$&&ep.every(t=>!t.unclassified&&!D(t.changeType,t.changes)),[$,ep]),eM=(0,c.useMemo)(()=>{if(!eI)return!1;let t=!1;return R.forEach(n=>{n?.upToDate!==!1||n?.unrelated||(t=!0)}),t},[eI,R]);return $?(0,u.jsx)("div",{className:(0,p.default)(C.default.rootLaneCompare,r),children:(0,u.jsx)("div",{className:C.default.laneCompareLoading,children:Array.from({length:5}).map((t,n)=>(0,u.jsx)("div",{className:C.default.laneCompareSkeleton,children:(0,u.jsx)("div",{className:C.default.skeletonBar,style:{width:`${40+n%3*20}%`}})},n))})}):eI?(0,u.jsx)("div",{...M,className:(0,p.default)(C.default.rootLaneCompare,r),children:(0,u.jsx)(N,{sourceLane:n?.id?.name||"this lane",targetLane:t?.id?.name||"main",componentCount:ep.length,released:eM})}):(0,u.jsxs)(m.CompareDataProvider,{pairs:em,host:a,children:[(0,u.jsx)(m.RegistryFeeder,{pairs:em}),(0,u.jsxs)("div",{...M,className:(0,p.default)(C.default.rootLaneCompare,r),children:[(0,u.jsx)(m.CompareToolbar,{viewMode:V,onViewModeChange:t=>ei(t),groupBy:G,onGroupByChange:t=>es(t),endActions:(0,u.jsx)(m.CompareToolbarActions,{viewMode:V,diffMode:X,onDiffModeChange:el,depsShowAll:W,onDepsShowAllChange:Z}),viewModes:eS,groupByOptions:eE,counts:ej,loading:$,componentOptions:ef,selectedComponents:et,onSelectedComponentsChange:en}),(0,u.jsxs)("div",{className:C.default.layout,children:[(0,u.jsx)(m.CompareSidebar,{groups:eO,selectedId:Q,selectedFile:J,defaultExpandFiles:"code"===V||"config"===V||"api"===V,onSelect:(t,n)=>{ec(n),eu((Q!==t||n)&&t||void 0),t&&E(er.current,t,n)},loading:$}),(0,u.jsx)("div",{ref:eT?er:void 0,className:C.default.diffPane,style:eT?void 0:{display:"none"},children:(0,u.jsx)(b.ApiDiffLaneView,{diffs:eD,host:a,selectedId:Q,selectedExport:J,insights:I,onApiEntries:eN,active:eT})}),(0,u.jsx)(m.DiffModeProvider,{mode:X,children:(0,u.jsx)(m.DepsFilterProvider,{showAll:W,children:(0,u.jsxs)("div",{ref:eT?void 0:er,className:C.default.diffPane,"data-view-mode":V,style:eT?{display:"none"}:void 0,children:[ek.map(([t,n])=>{let r=n.reduce((t,n)=>t+ +!!eC.has(n.idStr),0);return(0,u.jsxs)("div",{className:(0,p.default)(C.default.laneCompareGroup,0===r&&C.default.groupHidden),children:["none"!==G&&(0,u.jsxs)("div",{className:C.default.laneCompareGroupHeader,children:[(0,u.jsx)("span",{className:C.default.laneCompareGroupLabel,children:"status"===G?(0,k.displayChangeType)(t):t}),(0,u.jsx)("span",{className:C.default.laneCompareGroupCount,children:r})]}),n.map(t=>(0,u.jsx)(m.InlineComponentCompare,{name:t.name,baseId:t.baseId,compareId:t.compareId,baseVersion:t.baseVersion,compareVersion:t.compareVersion,baseUrl:t.baseUrl,compareUrl:t.compareUrl,envIcon:B.get(t.idStr),allTabs:F,accentColor:t.changeType&&O[t.changeType]||void 0,host:a,dataAttributes:e_.get(t.idStr)},t.idStr))]},t)}),0===ev.length&&(0,u.jsx)("div",{className:C.default.emptyState,children:(0,u.jsx)(f.InlineCompareEmpty,{message:eP.message,hint:eP.hint})})]})})})]})]})]})}let T=c.default.memo(P);n.LaneCompare=c.default.memo(function({...t}){return(0,v.useLaneCompareContext)()?(0,u.jsx)(m.FileRegistryProvider,{children:(0,u.jsx)(P,{...t})}):t.base?.id&&t.compare?.id?(0,u.jsx)(_.LaneCompareProvider,{...t,base:t.base.id,compare:t.compare.id,useLaneDiffStatus:t.customUseLaneDiff,children:(0,u.jsx)(m.FileRegistryProvider,{children:(0,u.jsx)(T,{...t})})}):null})},18297(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ChangeTypeGroupOrder=void 0;let a=r(1428);n.ChangeTypeGroupOrder=[a.ChangeType.NEW,a.ChangeType.SOURCE_CODE,a.ChangeType.ASPECTS,a.ChangeType.DEPENDENCY,a.ChangeType.NONE]},98202(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.LaneCompareProvider=void 0;let l=r(11684),u=s(r(12888)),c=r(88518),d=r(28669),p=r(28757),m=r(56881),f=r(77604),h=r(55802);n.LaneCompareProvider=u.default.memo(function({defaultComponentCompareState:t,tabs:n,children:r,useLaneDiffStatus:a=m.useLaneDiffStatus,base:o,compare:i,filters:s,groupBy:g,filter:b}){let{loading:y,laneDiff:v}=a({baseId:o?.toString(),compareId:i?.toString(),options:{skipUpToDate:!0}}),_=(0,u.useMemo)(()=>(0,h.extractCompsToDiff)(v),[y,o?.toString(),i?.toString(),v]),w=(0,u.useMemo)(()=>_.map(([t,n])=>(0,c.computeStateKey)(t,n)).join("\n"),[_]),x=(0,u.useCallback)(r=>{let a=(0,d.extractLazyLoadedData)(n)?.sort(p.sortTabs),o=r&&t?.get(r)||{};return{tabs:{controlled:!0,id:a?.[0]?.id,element:a?.[0]?.element},code:{controlled:!0},aspects:{controlled:!0},preview:{controlled:!0},versionPicker:{element:null},...o}},[t]),[k,C]=(0,u.useState)(()=>{let t=new Map;return _.forEach(([n,r])=>{let a=(0,c.computeStateKey)(n,r),o=(0,c.computeStateKey)(n),i=(0,c.computeStateKey)(void 0,r);t.set(a,x(a)),t.set(o,x(o)),t.set(i,x(i))}),t});(0,u.useEffect)(()=>{if(_.length>0){let n=new Map(t);_.forEach(([t,r])=>{let a=(0,c.computeStateKey)(t,r),o=(0,c.computeStateKey)(t),i=(0,c.computeStateKey)(void 0,r);n.set(a,x(a)),n.set(o,x(o)),n.set(i,x(i))}),C(n)}},[y,w,o?.toString(),i?.toString(),t]);let j=(0,u.useMemo)(()=>v?v.diff.reduce((t,n)=>(t.set(n.componentId.toStringWithoutVersion(),n),t),new Map):new Map,[o?.toString(),i?.toString(),y,v]),S=(0,u.useMemo)(()=>0===j.size?null:_.filter(t=>{if(!b)return t;let n=t[1]||t[0];return n?b(j.get(n.toStringWithoutVersion()),s):t}).reduce((t,[n,r])=>{let a=r?.toStringWithoutVersion(),o=a?j.get(a):void 0,i=o?.changeType,s=g?"status"===g&&i||r?.scope:a;if(!s)return t;let l=t.get(s)||[];return t.set(s,l.concat([[n,r]])),t},new Map),[o?.toString(),i?.toString(),j.size,y,v,(0,h.filterDepKey)(s),g]),E=(0,u.useMemo)(()=>({laneCompareState:k,setLaneCompareState:C,filters:s,groupBy:g,defaultLaneState:x,laneDiff:v,loadingLaneDiff:y,componentsToDiff:_,groupedComponentsToDiff:S,laneComponentDiffByCompId:j}),[k,C,s,g,x,v,y,_,S,j]);return(0,l.jsx)(f.LaneCompareContext.Provider,{value:E,children:r})})},55802(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.filterDepKey=void 0,n.displayChangeType=function(t){switch(t){case a.ChangeType.SOURCE_CODE:return"code";case a.ChangeType.NONE:return"no changes";default:return t.toLowerCase()}},n.extractCompsToDiff=function(t){return t?.diff&&t.diff.map(t=>[t.targetHead&&t.componentId.changeVersion(t.targetHead)||void 0,t.componentId.changeVersion(t.sourceHead)])||[]};let a=r(1428);n.filterDepKey=t=>t?.map(t=>`${t.type}-${t.values.join()}`).join()},90569(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LanePlaceholder=n.LaneMenuItem=n.LaneSelector=void 0;var a=r(43241);Object.defineProperty(n,"LaneSelector",{enumerable:!0,get:function(){return a.LaneSelector}});var o=r(18263);Object.defineProperty(n,"LaneMenuItem",{enumerable:!0,get:function(){return o.LaneMenuItem}});var i=r(93395);Object.defineProperty(n,"LanePlaceholder",{enumerable:!0,get:function(){return i.LanePlaceholder}})},57704(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.LaneGroupedMenuItem=function({selected:t,current:n,className:r,scope:a,timestamp:c,icon:d=(0,o.jsx)(i.Icon,{className:u.default.defaultScopeIcon,of:"collection-full"}),getHref:p,onLaneSelected:m,innerRefs:f,...h}){if(0===n.length)return null;if(1===n.length&&n[0].id.isDefault()){let r=n[0];return(0,o.jsx)(l.LaneMenuItem,{onLaneSelected:m,getHref:p,selected:t,current:r},r.toString())}return(0,o.jsxs)("div",{className:(0,s.default)(u.default.groupedMenuItem,r),...h,children:[(0,o.jsxs)("div",{onClick:t=>t.stopPropagation(),className:u.default.scope,children:[(0,o.jsx)("div",{className:u.default.scopeIcon,children:d}),(0,o.jsx)("div",{className:u.default.scopeName,children:a})]}),n.map(n=>(0,o.jsx)(l.LaneMenuItem,{ref:f?.(n.id,n),onLaneSelected:m,getHref:p,selected:t,current:n,timestamp:c?.(n)},n.id.toString()))]})};let o=r(11684);a(r(12888));let i=r(29751),s=a(r(97500)),l=r(18263),u=a(r(17797))},18263(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneMenuItem=void 0;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(1453),m=r(93766),f=r(19988),h=r(52464),g=r(38348),b=r(516),y=l(r(43560));n.LaneMenuItem=(0,c.forwardRef)(({selected:t,current:n,className:r,onLaneSelected:a,getHref:o=p.LanesModel.getLaneUrl,icon:i,timestamp:s,...l},c)=>{let v=t?.toString()===n.id.toString(),_=n.id.isDefault(),w=(0,u.jsx)(b.Icon,{of:"changed-components"}),x=i||(_?w:void 0),k=o(n.id,void 0,n),C=n.displayName||n.id.name,j=n.id.name,S=n.updatedBy||n.createdBy,E=x||(0,u.jsx)(f.UserAvatar,{size:24,account:{name:S?.name?.split(" ")[0],displayName:S?.name,profileImage:S?.profileImage}}),O=s?.toString();return(0,u.jsx)("div",{...l,ref:c,className:(0,d.default)(r,y.default.laneMenuItemContainer),children:(0,u.jsx)(m.MenuLinkItem,{active:v,href:k,className:y.default.menuItem,onClick:()=>{a?.(n.id,n)},children:(0,u.jsxs)("div",{className:y.default.laneContainer,children:[(0,u.jsxs)("div",{className:(0,d.default)(y.default.top,_&&y.default.mainLane),children:[(0,u.jsx)("div",{className:(0,d.default)(y.default.icon,_&&!i&&y.default.defaultMainLaneIcon),children:E}),(0,u.jsx)("div",{className:(0,d.default)(y.default.laneDisplayName),children:C})]}),(0,u.jsxs)("div",{className:y.default.bottom,children:[!_&&(0,u.jsx)(g.Ellipsis,{className:y.default.laneName,children:j}),O&&(0,u.jsx)("div",{className:y.default.timeStamp,children:(0,u.jsx)(h.TimeAgo,{date:O,className:y.default.laneUpdated})})]})]})})})})},93395(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.LanePlaceholder=function({selectedLaneId:t,disabled:n,className:r,showScope:a=!0,loading:d,placeholderText:p,...m}){let f=!t,h=t?.isDefault()?t.name:a&&t?.toString()||t?.name;return d?null:(0,o.jsxs)("div",{...m,className:(0,l.default)(c.default.placeholder,r,n&&c.default.disabled),children:[(0,o.jsx)(s.LaneIcon,{className:c.default.icon}),(0,o.jsx)(u.Ellipsis,{className:c.default.placeholderText,children:f?p||"Select lane":h}),!n&&(0,o.jsx)(i.Icon,{of:"fat-arrow-down"})]})};let o=r(11684);a(r(12888));let i=r(29751),s=r(29362),l=a(r(97500)),u=r(38348),c=a(r(99044))},42294(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneSelectorList=void 0,n._LaneSelectorList=y;let u=r(11684),c=s(r(12888)),d=r(44178),p=l(r(97500)),m=r(46746),f=r(1453),h=r(18263),g=r(57704),b=l(r(41903));function y({selectedLaneId:t,mainLane:n,nonMainLanes:r,className:a,groupByScope:o,getHref:i=f.LanesModel.getLaneUrl,onLaneSelected:s,search:l="",mainIcon:v,scopeIconLookup:_,loading:w,hasMore:x,fetchMore:k,forwardedRef:C,...j}){let S=(0,d.useNavigate)(),E=(0,c.useRef)(null),O=(0,c.useRef)(new Map),D=(0,c.useRef)([]),N=(0,c.useRef)(null),P=(0,c.useCallback)(t=>{!w&&(E.current?.disconnect(),E.current=new IntersectionObserver(t=>{t[0].isIntersecting&&x&&k().catch(()=>{})}),t&&(E.current.observe(t),N.current=t))},[w,x,k]),T=!!t&&r.find(n=>n.id.isEqual(t))||void 0,[I,M]=(0,c.useState)(t);(0,c.useEffect)(()=>{t&&t?.toString()!==I?.toString()&&M(t)},[t?.toString()]);let $=(0,c.useMemo)(()=>{if(D.current=[],0===r.length)return[];let t=t=>{t.forEach((n,r)=>{let a=r===t.length-1?P:c.default.createRef();O.current.set(n.id.toString(),a),D.current.push(n.id)})};if(o){let a=f.LanesModel.groupLanesByScope(r),o=[];if(T){let t=(a.get(T.id.scope)??[]).filter(t=>!t.id.isEqual(T.id));a.set(T.id.scope,t);let r=[T.id.scope,[T]],i=n?["",[n]]:void 0,s=Array.from(a.entries()).map(([t,n])=>[t,n]);o=(0,m.compact)([r,i,...s])}else{let t=n?["",[n]]:void 0,r=Array.from(a.entries()).map(([t,n])=>[t,n]);o=(0,m.compact)([t,...r])}return o.forEach(([,n])=>t(n)),o}let a=r;return n&&(""===l||n?.id.name.toLowerCase().includes(l.toLowerCase()))&&(a=a.filter(t=>t.id.toString()!==n.id.toString())).unshift(n),T&&(a=a.filter(t=>!t.id.isEqual(T.id))).unshift(T),t(a),a},[r.length,l,o,T?.id.toString(),P,n?.id.name]);(0,c.useEffect)(()=>{I&&setTimeout(()=>{let t=D.current.slice(-1)[0];if(I.toString()===t?.toString())return void N.current?.scrollIntoView({behavior:"smooth",block:"nearest"});let n=O.current.get(I.toString())?.current;n?.scrollIntoView({behavior:"smooth",block:"nearest"})},0)},[I?.toString(),$]);let A=(0,c.useCallback)(t=>{switch(t.key){case"Enter":M(t=>{let a=t&&r.find(n=>n.id.isEqual(t))||n;return t&&a&&s?.(t,a),t&&a&&S(i(t,void 0,a)),t});break;case"ArrowUp":M(t=>{let n=t?D.current.findIndex(n=>n.toString()===t.toString()):void 0,r=void 0!==n&&(D.current[n-1]?n-1:D.current.length-1)||0;return D.current[r]});break;case"ArrowDown":M(t=>{let n=t?D.current.findIndex(n=>n.toString()===t.toString()):void 0,r=void 0!==n&&(D.current[n+1]?n+1:0)||0;return D.current[r]})}},[r,r.length,D.current.length]);return((0,c.useEffect)(()=>{let t=C&&!(0,m.isFunction)(C)?C?.current:void 0;return t&&t?.addEventListener("keydown",A),()=>{t&&t?.removeEventListener("keydown",A)}},[C]),w)?null:(0,u.jsxs)("div",{...j,className:(0,p.default)(a,b.default.laneSelectorList),children:[o&&$.map(([t,n],r)=>(0,u.jsx)(g.LaneGroupedMenuItem,{onLaneSelected:s,getHref:i,scope:t,selected:I,current:n,icon:_?.get(t),timestamp:t=>t.updatedAt||t.createdAt,innerRefs:(t,n)=>O.current.get(n.hash||t.toString())},`${t??"main"}-${r}`)),!o&&$.map((t,n)=>(0,u.jsx)(h.LaneMenuItem,{ref:O.current.get(t.id.toString()),onLaneSelected:s,getHref:i,selected:I,current:t,timestamp:t.updatedAt||t.createdAt,icon:t.id.isDefault()&&v||void 0},`${t.id.toString()}-${n}`))]})}n.LaneSelectorList=c.default.forwardRef(function(t,n){return(0,u.jsx)(y,{...t,forwardedRef:n})})},43241(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LIMIT=void 0,n.LaneSelector=function(t){let{className:r,mainLane:a,nonMainLanes:o,selectedLaneId:i,groupByScope:s=!0,getHref:l,onLaneSelected:C,mainIcon:j,scopeIconLookup:S,loading:E,hasMore:O,fetchMoreLanes:D,searchLanes:N,initialOffset:P=0,placeholderText:T,...I}=t,[M,$]=(0,c.useState)(""),[A,R]=(0,c.useState)(P??0),[F,L]=(0,c.useState)(O??!1),[z,B]=(0,c.useState)([]),[q,V]=(0,c.useState)(E??!1),U=c.default.useCallback(t=>{if(!t)return new h.LanesModel({lanes:z,defaultLane:z.find(t=>t.id.isDefault())});let n={keys:["id.name","id.scope","log.username","log.email","log.displayName"],threshold:.3*(1!==t.length),findAllMatches:!0,location:0,distance:100*(1!==t.length),minMatchCharLength:1,ignoreLocation:!0,shouldSort:!1,includeScore:!0},r=new b.default(z,n).search(t).map(t=>t.item);return new h.LanesModel({lanes:r,defaultLane:r.find(t=>t.id.isDefault())})},[z]);(0,c.useEffect)(()=>{O!==F&&L(!!O)},[O]),(0,c.useEffect)(()=>{E!==q&&V(!!E)},[E]),(0,c.useEffect)(()=>{let t=h.LanesModel.concatLanes(o,z);(0,m.isEqual)(z,t)||B(t)},[o,o.length]);let G=(0,c.useCallback)(async()=>{V(!0);let t=await D?.(A,n.LIMIT);return B(n=>(L(()=>(V(!!t?.loading),R(t?.nextOffset??0),t?.hasMore??!1)),h.LanesModel.concatLanes(n,t?.lanesModel?.lanes).filter(t=>!t.id.isDefault())??[])),t},[A,D]),[H,X]=(0,c.useState)(z),[Y,W]=(0,c.useState)(s),Z=(0,p.useLocation)();(0,c.useEffect)(()=>{H.length!==z.length&&X(z)},[z.length]);let Q=c.default.useMemo(()=>o.length>=1,[o.length]),K=(0,c.useRef)(x),J=(N??U)?.(M),ee=t=>{t.stopPropagation();let n=t.target.value;n&&""!==n?K.current=k:K.current=x,$(n||"")},et=t=>{t.stopPropagation(),K.current===k&&($(""),K.current=x,X(z))},en=t=>{t.stopPropagation()};function er(){let t=K.current===k;return Q?(0,u.jsx)("div",{className:w.default.search,children:(0,u.jsx)(g.InputText,{activeLabel:!1,inputSize:"s",className:w.default.searchInputContainer,inputClass:(0,d.default)(w.default.searchInput,t&&w.default.clear),placeholder:"Search",value:M,onChange:ee,onClick:en,autoFocus:!0,icon:(0,u.jsx)(y.Icon,{of:K.current,onClick:et})})}):null}let ea=(0,c.useRef)(null),[eo,ei]=(0,c.useState)(!1);(0,c.useEffect)(()=>{ei(()=>!1)},[Z.pathname]);let es=(t,n)=>{ei(()=>(C?.(t,n),!1))},el=c.default.useMemo(()=>Q||eo?(0,u.jsxs)(c.default.Fragment,{children:[(0,u.jsx)("div",{className:w.default.toolbar,children:(0,u.jsx)(er,{})}),(0,u.jsx)(v.LaneSelectorList,{ref:ea,hasMore:!M&&F,fetchMore:G,nonMainLanes:J?.lanes&&J?.lanes.length>0?J.lanes:H,search:M,groupByScope:Y,scopeIconLookup:S,selectedLaneId:i,loading:E,mainLane:a,getHref:l,onLaneSelected:es,mainIcon:j})]},"lane-selector-dropdown-root"):null,[H,s,Q,i,E,O,G,eo,J]);return(0,u.jsx)("div",{...I,className:(0,d.default)(r,w.default.laneSelector),ref:ea,children:(0,u.jsx)(f.Dropdown,{dropClass:w.default.menu,position:"bottom",clickPlaceholderToggles:Q,onClickOutside:()=>ei(!1),clickToggles:Q,open:eo,onPlaceholderToggle:c.default.useCallback(()=>{Q&&ei(t=>!t)},[Q]),placeholderContent:(0,u.jsx)(_.LanePlaceholder,{loading:E,disabled:!Q,selectedLaneId:i,showScope:s,placeholderText:T}),className:(0,d.default)(w.default.dropdown,!Q&&w.default.disabled),children:el})})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(44178),m=r(46746),f=r(21171),h=r(1453),g=r(83337),b=l(r(2074)),y=r(516),v=r(42294),_=r(93395),w=l(r(22366));n.LIMIT=5;let x="magnifying",k="crossmark"},48790(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.EmptyLaneOverview=function(t){return(0,o.jsx)(i.EmptyComponentGallery,{...t,children:(0,o.jsx)("div",{className:s.default.text,children:"Start by snapping components to this Lane."})})};let o=r(11684);a(r(12888));let i=r(37592),s=a(r(56399))},98156(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EmptyLaneOverview=n.LaneOverview=void 0;var a=r(23282);Object.defineProperty(n,"LaneOverview",{enumerable:!0,get:function(){return a.LaneOverview}});var o=r(48790);Object.defineProperty(n,"EmptyLaneOverview",{enumerable:!0,get:function(){return o.EmptyLaneOverview}})},57290(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.LaneOverviewHeader=function({laneId:t,componentCount:n,className:r}){let a=t.isDefault()?t.name:t.toString();return(0,o.jsxs)("div",{className:(0,i.default)(s.default.header,r),children:[(0,o.jsx)("img",{src:"https://static.bit.dev/bit-icons/lane.svg",className:s.default.icon,alt:""}),(0,o.jsx)("span",{className:s.default.name,children:a}),void 0!==n&&(0,o.jsxs)("span",{className:s.default.count,children:[n," ",1===n?"component":"components"]})]})};let o=r(11684);a(r(12888));let i=a(r(97500)),s=a(r(47955))},23282(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneOverview=function({routeSlot:t,overviewSlot:n,host:r,useLanes:a=m.useLanes}){let{lanesModel:o}=a(),i=o?.viewedLane;return i&&i.id?0===i.components.length?(0,u.jsx)(y.EmptyLaneOverview,{name:i.id.name}):(0,u.jsx)(v,{currentLane:i,host:r,routeSlot:t,overviewSlot:n}):null};let u=r(11684),c=s(r(12888)),d=r(1453),p=r(72164),m=r(30969),f=r(61071),h=l(r(47065)),g=r(57290),b=r(54374),y=r(48790);function v({currentLane:t,host:n,routeSlot:r,overviewSlot:a}){let{loading:o,components:i,componentDescriptors:s}=(0,f.useLaneComponents)(t.id),l=(0,c.useMemo)(()=>(0,h.default)(a?.values()),[a]),m=(0,c.useMemo)(()=>!!r&&(0,h.default)(Array.from(r.values())).length>0,[r]);return o?null:(0,u.jsx)(b.ComponentsOverview,{components:i??[],componentDescriptors:s??[],getHref:n=>d.LanesModel.getLaneComponentUrl(n.id,t.id),storageNamespace:"lane-overview",header:(0,u.jsx)(g.LaneOverviewHeader,{laneId:t.id,componentCount:t.components.length}),footer:(0,u.jsxs)(u.Fragment,{children:[m&&r&&(0,u.jsx)(p.SlotRouter,{slot:r}),l.map((t,n)=>(0,u.jsx)(t,{},n))]}),emptyState:(0,u.jsx)(y.EmptyLaneOverview,{name:t.id.name})})}},1453(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LanesModel=void 0;var a=r(49446);Object.defineProperty(n,"LanesModel",{enumerable:!0,get:function(){return a.LanesModel}})},49446(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LanesModel=void 0;let a=r(30266),o=r(35896),i=r(19100),s=r(68883),l=r(46746);let LanesModel=class LanesModel{static mapToLaneModel(t){let{id:n,laneComponentIds:r=[],readmeComponent:s,hash:l,createdAt:u,displayName:c,updatedAt:d,createdBy:p,updatedBy:m,dependents:f=[],slug:h,deleted:g}=t,b=r?.map(t=>i.ComponentID.fromObject(t))||[],y=s&&a.ComponentModel.from({...s}),v=u&&new Date(+u)||void 0,_=p?{name:p?.name??void 0,email:p.email??void 0,username:p?.username??void 0,displayName:p?.displayName??void 0,profileImage:p.profileImage??void 0}:void 0,w=d&&new Date(+d)||void 0,x=m?.name?{name:m?.name??void 0,username:m?.username??void 0,displayName:m?.displayName??void 0,email:m.email??void 0,profileImage:m.profileImage??void 0}:void 0;return{id:o.LaneId.from(n.name,n.scope),components:b,readmeComponent:y,createdAt:v,updatedAt:w,displayName:c,hash:l,updatedBy:x,createdBy:_,deleted:g,dependents:f?.map(t=>i.ComponentID.fromObject(t)),slug:h}}static groupLaneIdsByScope(t){let n=new Map;return t.forEach(t=>{let{scope:r}=t;if(n.has(r)){let a=n.get(r);n.set(r,[...a,t])}else n.set(r,[t])}),n}static groupLanesByScope(t){let n=new Map;return t.forEach(t=>{let{scope:r}=t.id;if(n.has(r)){let a=n.get(r);n.set(r,[...a,t])}else n.set(r,[t])}),n}static groupByComponentNameAndId(t){let n=new Map,r=new Map;return t.forEach(t=>{let{components:a}=t;a.forEach(a=>{let o=a.fullName,i=a.toString(),s=n.get(o)||[],l=r.get(i)||[];s.push(t),l.push(t),n.set(o,s),r.set(i,l)})}),{byName:n,byId:r}}static from({data:t,scope:n,viewedLaneId:r}){let a=t?.lanes?.list?.map(t=>LanesModel.mapToLaneModel(t))||[],o=t?.lanes?.current?LanesModel.mapToLaneModel(t.lanes.current):void 0,i=t?.lanes?.default?LanesModel.mapToLaneModel(t.lanes.default):n&&LanesModel.mapToLaneModel({id:{name:"main",scope:n},hash:""})||a.find(t=>t.id.isDefault())||void 0,s=r?a.find(t=>t.slug===r.name||t.id.isEqual(r)):t?.lanes?.viewedLane&&LanesModel.mapToLaneModel(t.lanes.viewedLane[0])||o||i;return new LanesModel({lanes:a,currentLane:o,defaultLane:i,viewedLane:s})}constructor({lanes:t=[],viewedLane:n,currentLane:r,defaultLane:a}){this.getLaneComponentUrlByVersion=(t,n,r,a)=>{let o=this.getDefaultLane();if(!t.version||!n||!o||n&&this.currentLane&&n.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(t,void 0,r,a);let i=this.getLanesByComponentId(t)?.find(t=>t.id.isEqual(n));return i?i.id.isDefault()?LanesModel.getMainComponentUrl(t,void 0,r,a):LanesModel.getLaneComponentUrl(t,i.id,r,a):o.components.find(n=>n.isEqual(t))?LanesModel.getMainComponentUrl(t,n,r,a):void 0},this.setViewedLane=t=>{this.viewedLane=t?this.lanes.find(n=>n.slug===t.name||n.id.isEqual(t)):void 0},this.setViewedOrDefaultLane=t=>{this.viewedLane=t?this.lanes.find(n=>n.slug===t.name||n.id.isEqual(t)):this.getDefaultLane()},this.resolveComponentFromUrl=(t,n)=>{let r=(n&&this.lanes.find(t=>t.slug===n.toString()||t.id.isEqual(n))||this.viewedLane)?.components||[];return t.includes(".")?r.find(n=>n.toStringWithoutVersion()===t):r.find(n=>n.fullName===t)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(t=>!t.id.isDefault()),this.isInViewedLane=(t,n)=>n?this.viewedLane?.components.some(r=>n&&r.isEqual(t)):this.viewedLane?.components.some(r=>n&&r.isEqual(t,{ignoreVersion:!0})),this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=t=>this.lanesByComponentName.get(t.fullName),this.getLanesByComponentId=t=>this.lanesByComponentId.get(t.toString()),this.isComponentOnMain=(t,n)=>n?!!this.getLanesByComponentId(t)?.some(t=>t.id.isDefault()):!!this.getLanesByComponentName(t)?.some(t=>t.id.isDefault()),this.isComponentOnMainButNotOnLane=(t,n,r)=>this.isComponentOnMain(t,n)&&!this.isComponentOnNonDefaultLanes(t,n,r),this.isComponentOnLaneButNotOnMain=(t,n,r)=>!this.isComponentOnMain(t,n)&&this.isComponentOnNonDefaultLanes(t,n,r),this.isComponentOnNonDefaultLanes=(t,n,r)=>n?!!this.getLanesByComponentId(t)?.some(t=>!t.id.isDefault()&&(!r||t.id.isEqual(r))):!!this.getLanesByComponentName(t)?.some(t=>!t.id.isDefault()&&(!r||t.id.isEqual(r))),this.isComponentDependent=(t,n,r)=>{let a=r?this.lanes.find(t=>t.id.isEqual(r)):this.viewedLane;return!!a&&(n?!!a.dependents?.some(n=>n.isEqual(t)):!!a.dependents?.some(n=>n.isEqual(t,{ignoreVersion:!0})))},this.viewedLane=n,this.currentLane=r,this.defaultLane=a;const o=(0,l.compact)((0,l.uniqBy)([...t,this.defaultLane,this.currentLane,this.viewedLane],t=>t?.id.toString()));this.lanes=o,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(t=>t.id));const{byId:i,byName:s}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=i,this.lanesByComponentName=s}addLanes(t=[]){this.lanes=LanesModel.concatLanes(this.lanes,t),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(t=>t.id));let{byId:n,byName:r}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=n,this.lanesByComponentName=r}static concatLanes(t=[],n=[]){return(0,l.compact)((0,l.uniqBy)([...t,...n],t=>t?.id.toString()))}};n.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,s.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(t,n)=>{let r=LanesModel.laneFromPathRegex.exec(t);if(r){let[,t,n]=r;return o.LaneId.from(n,t)}if(n){let t=n.get(LanesModel.laneUrlParamsKey);return t?o.LaneId.parse(t):void 0}},LanesModel.getLaneUrl=(t,n,r)=>`${n?"":"/"}${LanesModel.lanesPrefix}/${t.toString()}`,LanesModel.getLaneComponentUrl=(t,n,r,a)=>{let o=t.scope!==n.scope,i=LanesModel.getLaneUrl(n),s=new URLSearchParams;t.version&&s.set("version",t.version),r&&s.set("scope",t.scope);let l=o?`${i}${LanesModel.baseLaneComponentRoute}/${t.toStringWithoutVersion()}`:`${i}${LanesModel.baseLaneComponentRoute}/${t.fullName}`;return`${l}?${s.toString()}`},LanesModel.getMainComponentUrl=(t,n,r,a)=>{let o=t.fullName,i=new URLSearchParams;return n&&i.set(LanesModel.laneUrlParamsKey,n.toString()),r&&i.set("scope",t.scope),`${o}?${i.toString()}`}},79082(t,n,r){"use strict";function a(){let t=r(32751);return a=function(){return t},t}function o(){let t=r(1453);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"LanesAspect",{enumerable:!0,get:function(){return a().LanesAspect}}),Object.defineProperty(n,"LanesModel",{enumerable:!0,get:function(){return o().LanesModel}}),n.default=void 0,n.default=a().LanesAspect},32751(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.LanesAspect=void 0;let o=n.LanesAspect=a().Aspect.create({id:"teambit.lanes/lanes"});n.default=o},41551(t,n,r){"use strict";function a(){let t=D(r(12888));return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}function i(){let t=r(72631);return i=function(){return t},t}function s(){let t=r(92061);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(79845);return u=function(){return t},t}function c(){let t=r(80105);return c=function(){return t},t}function d(){let t=r(71495);return d=function(){return t},t}function p(){let t=r(8956);return p=function(){return t},t}function m(){let t=r(30266);return m=function(){return t},t}function f(){let t=r(46746);return f=function(){return t},t}function h(){let t=r(98156);return h=function(){return t},t}function g(){let t=r(38158);return g=function(){return t},t}function b(){let t=r(85253);return b=function(){return t},t}function y(){let t=r(46661);return y=function(){return t},t}function v(){let t=r(1453);return v=function(){return t},t}function _(){let t=r(30969);return _=function(){return t},t}function w(){let t=r(70444);return w=function(){return t},t}function x(){let t=r(87762);return x=function(){return t},t}function k(){let t=r(75740);return k=function(){return t},t}function C(){let t=r(25425);return C=function(){return t},t}function j(){let t=r(92021);return j=function(){return t},t}function S(){let t=r(13468);return S=function(){return t},t}function E(){let t=r(32751);return E=function(){return t},t}function O(){var t;let n=(t=r(56914))&&t.__esModule?t:{default:t};return O=function(){return n},n}function D(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(D=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function N(){return(N=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 P(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}function T(){let t=(0,m().useIdFromLocation)(void 0,!0),{lanesModel:n,loading:r}=(0,_().useLanes)(),a=(0,x().useViewedLaneFromUrl)(),o=t&&!a?.isDefault()?n?.resolveComponentFromUrl(t,a)??null:null;return null===o||r?{loading:!0}:{loading:!1,log:{head:o.version}}}function I(){return(function(){let t=(0,m().useIdFromLocation)(void 0,!0),{lanesModel:n,loading:r}=(0,_().useLanes)(),a=(0,x().useViewedLaneFromUrl)(),o=(0,b().useQuery)().get("version");if(!t)return null;let i=m().ComponentID.tryFromString(`${t}${o?`@${o}`:""}`);if(i)return i;if(r)return;let s=n?.resolveComponentFromUrl(t,a)??null;return o?s?.changeVersion(o):s})()?.toString()}let LanesUI=class LanesUI{constructor(t,n,r,o,i,l,u,c,m,f){this.componentUI=t,this.componentCompareUI=n,this.routeSlot=r,this.navSlot=o,this.menuWidgetSlot=i,this.overviewSlot=l,this.laneProviderIgnoreSlot=u,this.compareTabSlot=c,this.workspace=m,this.scope=f,P(this,"lanesHost",void 0),P(this,"hostAspect",void 0),P(this,"host",void 0),P(this,"renderContext",({children:t})=>{let n=this.laneProviderIgnoreSlot.values();return a().default.createElement(_().LanesProvider,{ignoreDerivingFromUrl:n},t)}),P(this,"_resolvedCompareTabs",void 0),P(this,"_resolvedCompareTabsKey",void 0),P(this,"getLaneCompare",t=>t.base&&t.compare?a().default.createElement(s().LaneCompare,N({},t,{base:t.base,compare:t.compare,host:t.host||this.host,tabs:t.tabs||this.resolveCompareTabs(),apiDiffInsights:t.apiDiffInsights||this.componentCompareUI.getApiDiffInsights()})):null),this.hostAspect=m||f,this.lanesHost=m?"workspace":"scope",this.host=m?p().WorkspaceAspect.id:d().ScopeAspect.id}registerHostAspectRoutes(){this.hostAspect&&(this.hostAspect.registerRoutes(this.getLaneRoutes()),this.hostAspect.registerMenuRoutes(this.getMenuRoutes()))}getLaneRoutes(){return[{path:v().LanesModel.lanesPrefix,children:a().default.createElement(a().default.Fragment,null,a().default.createElement(o().Route,{path:v().LanesModel.lanePath},a().default.createElement(o().Route,{index:!0,element:this.getLaneOverview()}),a().default.createElement(o().Route,{path:"~component/*",element:this.getLaneComponent()}),a().default.createElement(o().Route,{path:"~compare/*",element:this.getLanesComparePage()}),a().default.createElement(o().Route,{path:"*",element:a().default.createElement(c().NotFoundPage,null)})),a().default.createElement(o().Route,{path:"*",element:a().default.createElement(c().NotFoundPage,null)}))}]}overrideComputeLaneUrl(t){let{prefix:n,path:r,getLaneComponentUrl:a,getLaneIdFromPathname:o,getLaneUrl:i}=t();v().LanesModel.lanesPrefix=n,v().LanesModel.lanePath=r,v().LanesModel.getLaneComponentUrl=a,v().LanesModel.getLaneUrl=i,v().LanesModel.getLaneIdFromPathname=o}getLaneComponent(){return this.componentUI.getComponentUI(this.host,{componentId:I,useComponentFilters:T})}getLaneComponentMenu(){return this.componentUI.getMenu(this.host,{componentId:I,useComponentFilters:T})}getLaneOverview(){return a().default.createElement(h().LaneOverview,{routeSlot:this.routeSlot,overviewSlot:this.overviewSlot,host:this.lanesHost,useLanes:_().useLanes})}getLanesComparePage(){return a().default.createElement(C().LaneComparePage,{getLaneCompare:this.getLaneCompare,groupByScope:"workspace"===this.lanesHost})}getMenuRoutes(){return[{path:v().LanesModel.lanesPrefix,children:a().default.createElement(o().Route,{path:`${v().LanesModel.lanePath}/*`},a().default.createElement(o().Route,{path:"*",element:this.getLanesOverviewMenu()}),a().default.createElement(o().Route,{path:"~component/*",element:this.getLaneComponentMenu()}))}]}getLanesOverviewMenu(){return a().default.createElement(g().LanesOverviewMenu,{navigationSlot:this.navSlot,widgetSlot:this.menuWidgetSlot})}registerMenuWidget(...t){return this.menuWidgetSlot.register(t),this}registerLaneProviderIgnoreSlot(t){return this.laneProviderIgnoreSlot.register(t),this}registerLanesRoutes(){this.registerNavigation([{props:{href:".",exact:!0,children:"Overview"},order:1},{props:{href:"~compare",children:"Compare"},order:2,hide:()=>{let{lanesModel:t}=(0,_().useLanes)();return!t?.viewedLane||t?.lanes.length<2}}])}registerRoutes(){this.registerHostAspectRoutes(),this.registerLanesRoutes()}getLanesSwitcher(){return a().default.createElement(w().LaneSwitcher,{groupByScope:"workspace"===this.lanesHost,mainIcon:"scope"===this.lanesHost?()=>{let t=(0,a().useContext)(d().ScopeContext);return a().default.createElement(j().ScopeIcon,{size:24,scopeImage:t.icon,bgColor:t.backgroundIconColor,className:O().default.mainLaneIcon})}:void 0,useLanes:_().useLanes})}getLanesProvider(){return _().LanesProvider}getUseLanes(){return _().useLanes}registerLanesDropdown(){let t=this.getLanesSwitcher();this.hostAspect?.registerSidebarLink({component:function(){return t},weight:1e3})}registerRoute(t){return this.routeSlot.register(t),this}registerOverviewLine(...t){return this.overviewSlot.register(t),this}registerNavigation(t){this.navSlot.register(t)}registerCompareTab(t){return this.compareTabSlot.register(t),this}resolveCompareTabs(){let t=this.componentCompareUI.resolveCompareTabs(),n=this.compareTabSlot.toArray(),r=(0,f().flatten)(n.map(([,t])=>t).filter(Boolean)),a=`${t.map(t=>`${t.id}:${t.order??0}`).join(",")}|${r.map(t=>`${t.id}:${t.order??0}`).join(",")}`;if(this._resolvedCompareTabs&&this._resolvedCompareTabsKey===a)return this._resolvedCompareTabs;let o=new Set(r.map(t=>t.id)),i=[...r,...t.filter(t=>!o.has(t.id))].sort((t,n)=>(t.order??0)-(n.order??0));return this._resolvedCompareTabs=i,this._resolvedCompareTabsKey=a,i}static async provider([t,n,r,o,i,s],l,[u,c,m,f,h,g],b){let v,w,{config:x}=b,k=String(x.get("teambit.harmony/bit"));k===p().WorkspaceAspect.id&&(v=r),k===d().ScopeAspect.id&&(w=o);let C=new LanesUI(n,i,u,m,f,c,h,g,v,w);return t&&t.registerRenderHooks({reactContext:C.renderContext}),C.registerRoutes(),C.registerMenuWidget(()=>{let{lanesModel:t}=(0,_().useLanes)();if(!t?.viewedLane)return null;let{viewedLane:n,currentLane:r}=t;return a().default.createElement(y().UseLaneMenu,{actionName:"Import",actionIcon:"terminal",host:C.lanesHost,viewedLaneId:n.id,currentLaneId:r?.id})}),C.registerLanesDropdown(),v&&C.registerMenuWidget(s.CommandBarButton),C}};P(LanesUI,"dependencies",[u().UIAspect,m().ComponentAspect,p().WorkspaceAspect,d().ScopeAspect,k().ComponentCompareAspect,S().CommandBarAspect]),P(LanesUI,"runtime",l().UIRuntime),P(LanesUI,"slots",[i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType()]),E().LanesAspect.addRuntime(LanesUI)},30343(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.MDXAspect=void 0;let o=n.MDXAspect=a().Aspect.create({id:"teambit.mdx/mdx"});n.default=o},48567(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 o(){let t=r(24010);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(29830);return s=function(){return t},t}function l(){let t=r(39084);return l=function(){return t},t}function u(){let t=r(30343);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 MDXEnvUI=class MDXEnvUI{static async provider([t,n]){let r=new MDXEnvUI;return n.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any tests.",linkText:"Learn how to add tests to your MDX components",link:"https://bit.dev/docs/dev-services-overview/tester/tester-overview"})),t.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any compositions.",linkText:"Learn how to add compositions to your MDX components",link:"https://bit.dev/docs/dev-services-overview/compositions/compositions-overview"})),r}};c(MDXEnvUI,"runtime",i().UIRuntime),c(MDXEnvUI,"slots",[]),c(MDXEnvUI,"dependencies",[o().CompositionsAspect,s().TesterAspect]),u().MDXAspect.addRuntime(MDXEnvUI)},22941(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.NodeAspect=void 0;let o=n.NodeAspect=a().Aspect.create({id:"teambit.harmony/node",dependencies:[],defaultConfig:{}});n.default=o},4169(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 o(){let t=r(24010);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(29830);return s=function(){return t},t}function l(){let t=r(39084);return l=function(){return t},t}function u(){let t=r(22941);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 NodeEnvUI=class NodeEnvUI{static async provider([t,n]){let r=new NodeEnvUI;return n.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any tests.",linkText:"Learn how to add tests to your node components",link:"https://bit.dev/reference/dev-services-overview/tester/tester-overview"})),t.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any compositions.",linkText:"Learn how to add compositions to your node components",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"})),r}};c(NodeEnvUI,"runtime",i().UIRuntime),c(NodeEnvUI,"slots",[]),c(NodeEnvUI,"dependencies",[o().CompositionsAspect,s().TesterAspect]),u().NodeAspect.addRuntime(NodeEnvUI)},72969(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.notificationReducer=function(t,n){switch(n.type){case"dismiss":return t.filter(t=>t.id!==n.id);case"add":if(!n.content)return t;return t.concat(n.content);case"clear":return[];default:return t}}},78324(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function o(){let t=r(79845);return o=function(){return t},t}function i(){let t=f(r(12888));return i=function(){return t},t}function s(){let t=r(86804);return s=function(){return t},t}function l(){let t=r(33319);return l=function(){return t},t}function u(){let t=r(91757);return u=function(){return t},t}function c(){let t=r(44178);return c=function(){return t},t}function d(){let t=r(22198);return d=function(){return t},t}function p(){let t=r(72969);return p=function(){return t},t}function m(){let t=r(57325);return m=function(){return t},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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):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,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 NotificationUI=class NotificationUI{static async provider([t]){return new NotificationUI(t)}constructor(t){g(this,"dispatch",void 0),g(this,"isMinimal",!1),g(this,"add",(t,n)=>{if(this.isMinimal)return"";let r=(0,s().v1)();return this.dispatch?.({type:"add",content:{id:r,message:t,level:n,time:new Date().toISOString()}}),r}),g(this,"log",t=>this.add(t,d().MessageLevel.info)),g(this,"warn",t=>this.add(t,d().MessageLevel.warning)),g(this,"error",t=>this.add(t,d().MessageLevel.error)),g(this,"success",t=>this.add(t,d().MessageLevel.success)),g(this,"clear",()=>{this.dispatch?.({type:"clear"})}),g(this,"render",t=>{let[n,r]=(0,i().useReducer)(p().notificationReducer,[]),[a]=(0,c().useSearchParams)(),o="true"===a.get("minimal-mode");return(this.dispatch=r,this.isMinimal=o,(0,i().useEffect)(()=>{o&&r({type:"clear"})},[o]),o)?null:i().default.createElement(u().NotificationCenter,h({},t,{notifications:n}))}),g(this,"renderContext",({children:t})=>i().default.createElement(l().NotificationContext.Provider,{value:this},t)),t.registerHudItem(i().default.createElement(this.render,{key:"NotificationUI"})),t.registerRenderHooks({reactContext:this.renderContext})}dismiss(t){this.dispatch?.({type:"dismiss",id:t})}};g(NotificationUI,"dependencies",[o().UIAspect]),g(NotificationUI,"runtime",a().UIRuntime),m().NotificationsAspect.addRuntime(NotificationUI)},57325(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.NotificationsAspect=void 0;let o=n.NotificationsAspect=a().Aspect.create({id:"teambit.ui-foundation/notifications"});n.default=o},618(t,n,r){"use strict";function a(){let t=r(75041);return a=function(){return t},t}function o(){let t=r(31025);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"PanelUiAspect",{enumerable:!0,get:function(){return a().PanelUiAspect}}),Object.defineProperty(n,"Tab",{enumerable:!0,get:function(){return o().Tab}}),Object.defineProperty(n,"TabContainer",{enumerable:!0,get:function(){return o().TabContainer}}),Object.defineProperty(n,"TabList",{enumerable:!0,get:function(){return o().TabList}}),Object.defineProperty(n,"TabPanel",{enumerable:!0,get:function(){return o().TabPanel}})},75041(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.PanelUiAspect=void 0,n.PanelUiAspect=a().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},31025(t,n,r){"use strict";function a(){let t=l(r(97500));return a=function(){return t},t}function o(){let t=l(r(12888));return o=function(){return t},t}function i(){let t=r(23936);return i=function(){return t},t}function s(){let t=l(r(68422));return s=function(){return t},t}function l(t){return t&&t.__esModule?t:{default:t}}function u(){return(u=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 c(t){return o().default.createElement(i().TabList,u({},t,{className:(0,a().default)(s().default.tabContainer,t.className)}))}function d(t){return o().default.createElement(i().Tab,u({},t,{className:(0,a().default)(t.className,s().default.tab),selectedClassName:s().default.active,disabledClassName:s().default.disabled}))}Object.defineProperty(n,"__esModule",{value:!0}),n.Tab=d,n.TabContainer=void 0,n.TabList=c,n.TabPanel=void 0,n.TabContainer=i().Tabs,c.tabsRole="TabList",n.TabPanel=i().TabPanel,d.tabsRole="Tab"},34907(t,n,r){"use strict";function a(){let t=r(54388);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"getLatestVersion",{enumerable:!0,get:function(){return a().getLatestVersion}}),Object.defineProperty(n,"getValidVersionOrReleaseType",{enumerable:!0,get:function(){return a().getValidVersionOrReleaseType}}),Object.defineProperty(n,"isRange1GreaterThanRange2Naively",{enumerable:!0,get:function(){return a().isRange1GreaterThanRange2Naively}}),Object.defineProperty(n,"validateVersion",{enumerable:!0,get:function(){return a().validateVersion}})},54388(t,n,r){"use strict";function a(){let t=r(16322);return a=function(){return t},t}function o(){let t=r(25699);return o=function(){return t},t}function i(t){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(t)}function s(t){return["patch","minor","major","prerelease"].includes(t)}function l(t){if(!s(t))throw Error(`the release-type "${t}" is not supported`)}function u(t){if(t){let n=(0,a().valid)(t);if(!n)throw new(o()).InvalidVersion(t);return n}}Object.defineProperty(n,"__esModule",{value:!0}),n.getLatestVersion=function(t){let n=(0,a().maxSatisfying)(t,"*",{includePrerelease:!0});if(!n)throw Error(`unable to find the latest version from ${t.join(", ")}`);return n},n.getValidVersionOrReleaseType=function(t){return i(t)?(l(t),{releaseType:t}):{exactVersion:u(t)}},n.isRange1GreaterThanRange2Naively=function(t,n){let r=(0,a().minVersion)(t),o=(0,a().minVersion)(n);return!!r&&!!o&&(0,a().gt)(r,o)},n.isReleaseTypeSupported=s,n.isStrReleaseType=i,n.throwForUnsupportedReleaseType=l,n.validateVersion=u},34085(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.PkgAspect=void 0;let o=n.PkgAspect=a().Aspect.create({id:"teambit.pkg/pkg"});n.default=o},93377(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 o(){let t=r(14451);return o=function(){return t},t}function i(){let t=r(2839);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(34085);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 PkgUI=class PkgUI{static async provider([t]){let n=new PkgUI(t);return t.registerConsumeMethod(n.npmConsumeMethod),n}constructor(t){this.compUI=t,u(this,"npmConsumeMethod",({packageName:t,latest:n,id:r,options:o,componentModel:s,authToken:l})=>{let u=s?.packageName||t,c=s?.latest||n,d=u.split("/")[0],p=r.version===c?"":`@${this.compUI.formatToInstallableVersion(r.version)}`,m=this.getNpmConfig(d,l);return{Title:a().default.createElement("img",{style:{width:"30px"},src:"https://static.bit.dev/brands/logo-npm-new.svg"}),Component:o?.hide?null:a().default.createElement(i().Install,{config:m,componentName:r.name,packageManager:"npm",copyString:`npm i ${u}${p}`,registryName:d,isInstallable:!o?.disableInstall}),order:30}})}getNpmConfig(t,n){let r=[`${t}:registry="https://node-registry.bit.cloud"`,n?`"//node-registry.bit.cloud/:_authToken=${n}"`:void 0].filter(Boolean);return`npm config set ${r.join(" ")}`}};u(PkgUI,"runtime",o().UIRuntime),u(PkgUI,"dependencies",[s().ComponentAspect]),l().PkgAspect.addRuntime(PkgUI)},66937(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.PnpmAspect=void 0;let o=n.PnpmAspect=a().Aspect.create({id:"teambit.dependencies/pnpm",dependencies:[],defaultConfig:{}});n.default=o},30637(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 o(){let t=r(14451);return o=function(){return t},t}function i(){let t=r(2839);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(66937);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 PnpmUI=class PnpmUI{static async provider([t]){let n=new PnpmUI(t);return t.registerConsumeMethod(n.consumeMethod),n}constructor(t){this.compUI=t,u(this,"consumeMethod",({id:t,packageName:n,latest:r,options:o,componentModel:s,authToken:l})=>{let u=s?.packageName||n,c=s?.latest||r,d=u.split("/")[0],p=t.version===c?"":`@${this.compUI.formatToInstallableVersion(t.version)}`,m=this.getNpmConfig(d,l);return{Title:a().default.createElement("img",{style:{height:"16px",marginTop:"-2px"},src:"https://static.bit.dev/brands/pnpm.svg"}),Component:o?.hide?null:a().default.createElement(i().Install,{config:m,componentName:t.name,packageManager:"pnpm",copyString:`pnpm i ${u}${p}`,registryName:d,isInstallable:!o?.disableInstall}),order:10}})}getNpmConfig(t,n){let r=[`${t}:registry="https://node-registry.bit.cloud"`,n?`"//node-registry.bit.cloud/:_authToken=${n}"`:void 0].filter(Boolean);return`npm config set ${r.join(" ")}`}};u(PnpmUI,"runtime",o().UIRuntime),u(PnpmUI,"dependencies",[s().ComponentAspect]),l().PnpmAspect.addRuntime(PnpmUI)},38848(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.computePreviewScale=function(t,n){let r=.95*n/t;return r>1?"scale(1)":`scale(${r})`}},37175(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPropsAggregator=n.PreviewPropsExecutor=n.PreviewPropsManager=n.SandboxPermissionsAggregator=n.SandboxPermissionExecutor=n.SandboxManager=n.toPreviewHash=n.toPreviewServer=n.toPreviewUrl=n.ComponentPreview=void 0;var a=r(21119);Object.defineProperty(n,"ComponentPreview",{enumerable:!0,get:function(){return a.ComponentPreview}});var o=r(46229);Object.defineProperty(n,"toPreviewUrl",{enumerable:!0,get:function(){return o.toPreviewUrl}}),Object.defineProperty(n,"toPreviewServer",{enumerable:!0,get:function(){return o.toPreviewServer}}),Object.defineProperty(n,"toPreviewHash",{enumerable:!0,get:function(){return o.toPreviewHash}});var i=r(83402);Object.defineProperty(n,"SandboxManager",{enumerable:!0,get:function(){return i.SandboxManager}}),Object.defineProperty(n,"SandboxPermissionExecutor",{enumerable:!0,get:function(){return i.SandboxPermissionExecutor}}),Object.defineProperty(n,"SandboxPermissionsAggregator",{enumerable:!0,get:function(){return i.SandboxPermissionsAggregator}}),Object.defineProperty(n,"PreviewPropsManager",{enumerable:!0,get:function(){return i.PreviewPropsManager}}),Object.defineProperty(n,"PreviewPropsExecutor",{enumerable:!0,get:function(){return i.PreviewPropsExecutor}}),Object.defineProperty(n,"PreviewPropsAggregator",{enumerable:!0,get:function(){return i.PreviewPropsAggregator}})},21119(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentPreview=function({component:t,previewName:n,className:r,forceHeight:a,includeEnv:o=!0,queryParams:i,disableScroll:s=!1,pubsub:l,innerBottomPadding:w=0,viewport:x=1280,fullContentHeight:k=!1,onLoad:C,style:j,sandbox:S,propagateError:E,onPreviewError:O,...D}){let[N,P]=(0,v.useIframeContentHeight)({skip:!1,viewport:x}),T=(0,c.useRef)(null),[I,M]=(0,c.useState)(0),[$,A]=(0,c.useState)(0),R=(0,c.useRef)(null),F=t.preview?.isScaling,L=F?T:N,[z,B]=(0,c.useState)(!1);(0,f.usePubSubIframe)(l?L:void 0),(0,c.useEffect)(()=>{let r=r=>{if((r.data&&r.data.event===g.LOAD_EVENT||r.data&&"webpackInvalid"===r.data.event)&&C&&C(r),r.data&&(r.data.event===g.ERROR_EVENT||"AI_FIX_REQUEST"===r.data.event)){let a=r.data.payload;if(O?.(a),B(!0),E&&window.parent&&window!==window.parent)try{window.parent.postMessage({event:r.data.event,payload:{...a,forwardedFrom:{component:t.id,preview:n}}},"*")}catch(t){console.error("failed to propagate error to parent",t)}}};return window.addEventListener("message",r),()=>{window.removeEventListener("message",r)}},[t.id.toString(),C,E,O]),(0,c.useEffect)(()=>{T.current&&(0,m.connectToChild)({iframe:T.current,methods:{pub:(t,n)=>{"preview-size"===n.type&&(M(n.data.width),A(n.data.height)),C&&t&&C(t,{height:n.data.height,width:n.data.width})}}})},[T?.current]);let q=(0,h.useThemePicker)(),V=q?.current?.themeName?`theme=${q.current.themeName}`:"",U=Array.isArray(i)?i.concat(V):(0,p.compact)([i,V]),G=Array.isArray(U)?U.concat(`viewport=${x}`):(0,p.compact)([U,`viewport=${x}`]),H=null===x?U:G,X=(0,b.toPreviewUrl)(t,n,F?H:U,o),Y=R.current?.offsetWidth||0,W=R.current?.offsetHeight||0,Z=k?"100%":I||1280,Q="string"==typeof Z?Z:Math.max(Z,Y),K=0!==$?$:5e3,J=a||5e3;return(0,u.jsx)("div",{ref:R,className:(0,d.default)(_.default.preview,r),style:{height:a},children:(0,u.jsx)("iframe",{...D,sandbox:S||void 0,ref:L,style:{...j,height:a||(F?(!k&&K<W?W:K)+w:(P||0)>400?P:J),width:F?Q:"100%",visibility:0!==I||!F||k||z?void 0:"hidden",transform:k?"":(0,y.computePreviewScale)(I||1280,Y||1280),border:0,transformOrigin:"top left"},src:X,scrolling:s?"no":void 0})})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(46746),m=r(93652),f=r(78410),h=r(70589),g=r(28452),b=r(46229),y=r(38848),v=r(52833),_=l(r(55984))},83402(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPropsManager=n.SandboxManager=void 0,n.SandboxPermissionExecutor=c,n.SandboxPermissionsAggregator=function({hooks:t,onSandboxChange:n,component:r,children:a}){let o=new SandboxManager;return(0,l.jsxs)(l.Fragment,{children:[t.map((t,n)=>(0,l.jsx)(c,{usePermissionHook:t,manager:o,component:r},`sanbox-permission-executor-${n}`)),(0,l.jsx)(d,{manager:o,onSandboxChange:n,children:a})]})},n.PreviewPropsExecutor=p,n.PreviewPropsAggregator=function({hooks:t,component:n,children:r}){let a=new PreviewPropsManager;return(0,l.jsxs)(l.Fragment,{children:[t.map((t,r)=>(0,l.jsx)(p,{usePropsHook:t,manager:a,component:n},`preview-props-executor-${r}`)),(0,l.jsx)(m,{manager:a,children:r})]})};let l=r(11684),u=s(r(12888));let SandboxManager=class SandboxManager{constructor(t=[]){this.permissions=new Set(t)}add(t){return this.permissions.add(t),this}remove(t){return this.permissions.delete(t),this}has(t){return this.permissions.has(t)}toString(){return Array.from(this.permissions).join(" ")}};function c({usePermissionHook:t,manager:n,component:r}){return t(n,r),null}function d({manager:t,onSandboxChange:n,children:r}){let a=t.toString();return(0,u.useEffect)(()=>{n?.(a)}),(0,l.jsx)(l.Fragment,{children:r?.(a)})}n.SandboxManager=SandboxManager;let PreviewPropsManager=class PreviewPropsManager{constructor(){this.attrs={}}set(t,n){return this.attrs[t]=n,this}get(t){return this.attrs[t]}toAttrs(){return{...this.attrs}}};function p({usePropsHook:t,manager:n,component:r}){return t(n,r),null}function m({manager:t,children:n}){var r;let a,o,i=t.toAttrs(),s=(0,u.useRef)(i);return r=s.current,a=Object.keys(r),o=Object.keys(i),a.length===o.length&&a.every(t=>r[t]===i[t])||(s.current=i),(0,l.jsx)(l.Fragment,{children:n(s.current)})}n.PreviewPropsManager=PreviewPropsManager},46229(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.toPreviewUrl=function(t,n,r,a=!0){let i=o(t,n),l=function(t,n=!0){if(!(!n||t.server?.host||t.server?.basePath)&&t.server?.url)return t.environment?.id}(t,a),u=s(t,n,l,r);return`${i}#${u}`},n.toPreviewServer=o,n.toPreviewHash=s;let a=r(21812);function o(t,n){var r,a,o;let s,l,u,c,d=t.server?.url;return d&&!t.server.host?d:t.preview?.includesEnvTemplate===!1?(r=t,a=n,s=r.environment?.id,l=`compId=${r.id.toString()}`,u=i(r.server?.basePath,r.server?.host),`${u}/${s}/~aspect/env-template/${a}/?${l}`):(o=t,c=i(o.server?.basePath,o.server?.host),`${c}/${o.id.toString()}/~aspect/preview/`)}function i(t,n){let r=t||"/api",a=r.startsWith("/")?r:`/${r}`,o=n?.endsWith("/")?n.slice(0,-1):n,i=o?`${o}${a}`:a;return i.endsWith("/")?i.slice(0,-1):i}function s(t,n,r,o=""){let i=[(0,a.affix)("preview=",n),(0,a.affix)("env=",r)].concat(o).filter(t=>!!t).join("&");return`${t.id.toString()}${(0,a.affix)("?",i)}`}},52833(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useIframeContentHeight=function({interval:t=250,skip:n,viewport:r}){let i=(0,a.useRef)(null),[s,l]=(0,a.useState)(0),[u,c]=(0,a.useState)(0);if(n)return[i,void 0,u];let d=!0;return o(()=>{try{let t=i.current;if(!t||!t.contentWindow||!t.contentWindow.document)return;null!==r&&(t.contentWindow.document.body.style.width="fit-content"),d||t?.style.height!=="5000px"||(t.style.height="100%");let n=t.contentWindow.document.body.scrollHeight,a=t?.contentWindow?.document.body.offsetWidth;l(n),c(a||0),d=!1}catch{}},t),[i,s,u]},n.useInterval=o;let a=r(12888);function o(t,n){let r=(0,a.useRef)(()=>t);(0,a.useEffect)(()=>{r.current=t}),(0,a.useEffect)(()=>{if(null!==n){let t=setInterval(function(){r.current()},n);return()=>clearInterval(t)}return()=>{}},[n])}},70567(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.InlinePreviewCompare=void 0;var a=r(49233);Object.defineProperty(n,"InlinePreviewCompare",{enumerable:!0,get:function(){return a.InlinePreviewCompare}})},49233(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.InlinePreviewCompare=function({minHeight:t=200}){let n=(0,c.useComponentCompare)(),r=(0,u.useRef)(null),[a,o]=(0,u.useState)(!1);(0,u.useEffect)(()=>{let t;if(a)return;let n=r.current;if(!n)return;let i=r=>{if(r.data?.event==="_DOM_LOADED_")for(let a of n.querySelectorAll("iframe"))try{if(a.contentWindow===r.source){t=setTimeout(()=>o(!0),500);return}}catch{}};window.addEventListener("message",i);let s=setTimeout(()=>o(!0),8e3);return()=>{window.removeEventListener("message",i),clearTimeout(s),t&&clearTimeout(t)}},[a]);let i=n?.base?.model||n?.compare?.model;return n&&i?(n.base?.model?.compositions?.length||0)>0||(n.compare?.model?.compositions?.length||0)>0?(0,l.jsx)("div",{ref:r,children:(0,l.jsx)(d.PreviewCompareRenderer,{loaded:a,children:(0,l.jsx)(p.CompositionCompare,{})})}):(0,l.jsx)(c.InlineCompareEmpty,{message:"No compositions to preview"}):(0,l.jsx)(d.PreviewCompareRenderer,{loaded:!1,children:null})};let l=r(11684),u=s(r(12888)),c=r(12066),d=r(50343),p=r(1278)},50343(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BrowserSkeleton=n.BrowserSkeletonSplit=n.PreviewCompareRenderer=void 0;var a=r(44593);Object.defineProperty(n,"PreviewCompareRenderer",{enumerable:!0,get:function(){return a.PreviewCompareRenderer}}),Object.defineProperty(n,"BrowserSkeletonSplit",{enumerable:!0,get:function(){return a.BrowserSkeletonSplit}}),Object.defineProperty(n,"BrowserSkeleton",{enumerable:!0,get:function(){return a.BrowserSkeleton}})},44593(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.PreviewCompareRenderer=function({loaded:t,children:n}){return(0,o.jsxs)("div",{className:i.default.previewCompare,children:[!t&&(0,o.jsx)(s,{}),(0,o.jsx)("div",{style:t?void 0:{height:0,overflow:"hidden"},children:n})]})},n.BrowserSkeletonSplit=s,n.BrowserSkeleton=l;let o=r(11684);a(r(12888));let i=a(r(3526));function s(){return(0,o.jsxs)("div",{className:i.default.browserSkeletonSplit,children:[(0,o.jsx)(l,{}),(0,o.jsx)(l,{})]})}function l(){return(0,o.jsxs)("div",{className:i.default.browserSkeleton,children:[(0,o.jsxs)("div",{className:i.default.browserToolbar,children:[(0,o.jsx)("span",{className:i.default.browserDot}),(0,o.jsx)("span",{className:i.default.browserDot}),(0,o.jsx)("span",{className:i.default.browserDot}),(0,o.jsx)("div",{className:i.default.browserUrlBar})]}),(0,o.jsxs)("div",{className:i.default.browserBody,children:[(0,o.jsx)("div",{className:i.default.browserLine1}),(0,o.jsx)("div",{className:i.default.browserLine2}),(0,o.jsx)("div",{className:i.default.browserLine3}),(0,o.jsx)("div",{className:i.default.browserLine4})]})]})}},64773(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPlaceholder=void 0;var a=r(61925);Object.defineProperty(n,"PreviewPlaceholder",{enumerable:!0,get:function(){return a.PreviewPlaceholder}})},61925(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.getCompositions=function(t){let n=t.get(d.CompositionsAspect.id);if(!n)return[];let r=n.data.compositions;return r?d.Composition.fromArray(r):[]},n.getDisplayName=_,n.getDescription=w,n.PreviewPlaceholder=function({component:t,componentDescriptor:n,Container:r=({children:t,className:n})=>(0,u.jsx)("div",{className:n,children:t}),shouldShowPreview:a=(t?.compositions.length??0)>0&&t?.buildStatus!=="pending"}){let o=t?.compositions,i=n&&w(n),s=n&&_(n),l=t?.server?.url,m=(0,c.useRef)(l),[f,b]=c.default.useState(0),[y,x]=(0,c.useState)(!1);(0,c.useEffect)(()=>{m.current!==l&&a&&(m.current=l,b(t=>t+1))},[l,a]);let k=(0,c.useMemo)(()=>{if(a&&t)return function(t){let{compositions:n}=t;return n.find(t=>t.identifier.endsWith("Preview"))}(t)},[t,a,f]);if(!t||!n)return null;if(!a||!o||!o.length)return(0,u.jsxs)(r,{className:h.default.noPreview,component:t,children:[(0,u.jsx)("div",{className:h.default.scope,children:(0,u.jsx)(p.H5,{className:h.default.scopeTitle,children:t.id.scope})}),(0,u.jsxs)("div",{className:h.default.component,children:[(0,u.jsx)(p.H3,{className:h.default.componentTitle,children:s}),(0,u.jsx)("span",{className:h.default.description,children:i})]})]});let C=t.id.toString();return l&&(a||"pending"!==t.buildStatus)?(0,u.jsxs)("div",{className:h.default.previewCard,children:[(0,u.jsx)(v,{previewAssetsUrl:`/api/${C}/~aspect/preview-assets`,children:(0,u.jsx)(d.ComponentComposition,{component:t,composition:k,pubsub:!1,includeEnv:!0,loading:"lazy",viewport:1280,queryParams:"disableCta=true",onLoad:()=>x(!0)})}),!y&&(0,u.jsx)("div",{className:h.default.skeletonOverlay,children:(0,u.jsx)(g,{})}),(0,u.jsx)("div",{className:h.default.previewOverlay})]},`${C}-${l}-${f}`):(0,u.jsx)("div",{className:h.default.previewPlaceholder,"data-tip":"","data-for":C,children:(0,u.jsx)(g,{})})};let u=r(11684),c=s(r(12888)),d=r(24010),p=r(91564),m=r(5913),f=r(82894),h=l(r(77738));function g(){return(0,u.jsxs)("div",{className:h.default.browserSkeleton,children:[(0,u.jsxs)("div",{className:h.default.browserToolbar,children:[(0,u.jsx)("span",{className:h.default.browserDot}),(0,u.jsx)("span",{className:h.default.browserDot}),(0,u.jsx)("span",{className:h.default.browserDot}),(0,u.jsx)("div",{className:h.default.browserUrlBar})]}),(0,u.jsxs)("div",{className:h.default.browserBody,children:[(0,u.jsx)("div",{className:h.default.browserLine1}),(0,u.jsx)("div",{className:h.default.browserLine2}),(0,u.jsx)("div",{className:h.default.browserLine3}),(0,u.jsx)("div",{className:h.default.browserLine4})]})]})}let b=new Set;function y(t){b.has(t)||(b.add(t),fetch(t).then(t=>t.ok?t.json():null).then(t=>{if(t?.files)for(let n of t.files){if(document.querySelector(`link[href*="${n}"]`))continue;let t=document.createElement("link");t.rel="prefetch",t.href=n,document.head.appendChild(t)}}).catch(()=>{}))}function v({previewAssetsUrl:t,rootMargin:n="0px 0px 50% 0px",children:r}){let a=(0,c.useRef)(null),[o,i]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{let r=a.current;if(!r)return;let o=t?new IntersectionObserver(([n])=>{n.isIntersecting&&(y(t),o.disconnect())},{rootMargin:"0px 0px 150% 0px"}):null,s=new IntersectionObserver(([n])=>{n.isIntersecting&&(s.disconnect(),o?.disconnect(),t&&y(t),i(!0))},{rootMargin:n});return o?.observe(r),s.observe(r),()=>{o?.disconnect(),s.disconnect()}},[]),(0,u.jsx)("div",{ref:a,className:h.default.viewportGate,children:o?r:null})}function _(t){return t.id.name.split("-").map(t=>(0,m.capitalize)(t)).join(" ")}function w(t){let n=function(t,n){let r=t.get(f.DocsAspect.id)?.data||{};if(r&&r?.doc?.props)return r.doc.props.find(t=>t.name===n)}(t,"description");return n&&n.value||""}},78434(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},19992(t,n,r){"use strict";var a,o;function i(){let t=r(78434);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ClickInsideAnIframeEvent=void 0;let ClickInsideAnIframeEventData=class ClickInsideAnIframeEventData{constructor(t){this.clickEvent=t}};let ClickInsideAnIframeEvent=class ClickInsideAnIframeEvent extends i().BitBaseEvent{constructor(t=Date.now(),n){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",t,new ClickInsideAnIframeEventData(n)),this.timestamp=t,this.clickEvent=n}};n.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,(a="symbol"==typeof(o=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"))?o:o+"")in ClickInsideAnIframeEvent?Object.defineProperty(ClickInsideAnIframeEvent,a,{value:"click-inside-an-iframe",enumerable:!0,configurable:!0,writable:!0}):ClickInsideAnIframeEvent[a]="click-inside-an-iframe"},78410(t,n,r){"use strict";function a(){let t=r(6525);return a=function(){return t},t}function o(){let t=r(78434);return o=function(){return t},t}function i(){let t=r(19992);return i=function(){return t},t}function s(){let t=r(19665);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BitBaseEvent",{enumerable:!0,get:function(){return o().BitBaseEvent}}),Object.defineProperty(n,"ClickInsideAnIframeEvent",{enumerable:!0,get:function(){return i().ClickInsideAnIframeEvent}}),Object.defineProperty(n,"PubsubAspect",{enumerable:!0,get:function(){return a().PubsubAspect}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return a().PubsubAspect}}),Object.defineProperty(n,"usePubSub",{enumerable:!0,get:function(){return s().usePubSub}}),Object.defineProperty(n,"usePubSubIframe",{enumerable:!0,get:function(){return s().usePubSubIframe}})},19665(t,n,r){"use strict";function a(){let t=o(r(12888));return a=function(){return t},t}function o(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(o=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.createProvider=function(t){return({children:n})=>a().default.createElement(i.Provider,{value:t},n)},n.pubsubRegistry=void 0,n.usePubSub=s,n.usePubSubIframe=function(t){let n=s();(0,a().useEffect)(()=>{if(!t?.current||!n)return()=>{};let r=n.connect(t.current);return()=>r()},[t?.current,n])};let i=n.pubsubRegistry=(0,a().createContext)(void 0);function s(){return(0,a().useContext)(i)}},6525(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.PubsubAspect=void 0;let o=n.PubsubAspect=a().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});n.default=o},2121(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function o(){let t=r(77551);return o=function(){return t},t}function i(){let t=r(93652);return i=function(){return t},t}function s(){let t=r(19992);return s=function(){return t},t}function l(){let t=r(6525);return l=function(){return t},t}function u(){let t=r(19665);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 PubsubUI=class PubsubUI{constructor(){c(this,"childApi",void 0),c(this,"events",new(o()).EventEmitter2),c(this,"sub",(t,n)=>{let r=this.events;return r.on(t,n),()=>{r.off(t,n)}}),c(this,"pub",(t,n,{propagate:r}={})=>{this.emitEvent(t,n),r&&this.pubToChild(t,n)}),c(this,"connectToIframe",t=>{let n=(0,i().connectToChild)({iframe:t,methods:{pub:this.emitChildEvent}});return n.promise.then(t=>this.childApi=t).catch(t=>{console.error("[Pubsub.ui]","failed connecting to child iframe:",t)}),()=>{n&&n.destroy()}}),c(this,"emitEvent",(t,n)=>{this.events.emit(t,n)}),c(this,"emitChildEvent",(t,n)=>{this.emitEvent(t,n),n.type===s().ClickInsideAnIframeEvent.TYPE&&document.body?.dispatchEvent(new MouseEvent("mousedown",{view:window,bubbles:!0,cancelable:!0}))}),c(this,"pubToChild",(t,n)=>this.childApi?.pub(t,n))}getPubSubContext(){return(0,u().createProvider)({connect:this.connectToIframe})}static async provider(){return new PubsubUI}};c(PubsubUI,"runtime",a().UIRuntime),c(PubsubUI,"dependencies",[]),l().PubsubAspect.addRuntime(PubsubUI)},50099(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.LocationHooks=function({onLocationChange:t,onNavigatorChange:n}){let r=(0,o().useLocation)(),i=(0,o().useNavigationType)(),s=(0,o().useNavigate)();return(0,a().useEffect)(()=>{t(r,i)},[r,i,t]),(0,a().useEffect)(()=>{n(s)},[s,n]),null}},75894(t,n,r){"use strict";function a(){let t=r(30129);return a=function(){return t},t}function o(){let t=r(58336);return o=function(){return t},t}function i(){let t=l(r(19304));return i=function(){return t},t}function s(){let t=l(r(44178));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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.ReactRouter=void 0,Object.defineProperty(n,"ReactRouterAspect",{enumerable:!0,get:function(){return a().ReactRouterAspect}}),Object.defineProperty(n,"Routing",{enumerable:!0,get:function(){return o().Routing}}),n.navigation=n.default=void 0,Object.defineProperty(n,"navigation",{enumerable:!0,get:function(){return i()}}),Object.defineProperty(n,"ReactRouter",{enumerable:!0,get:function(){return s()}}),n.default=a().ReactRouterAspect},30129(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.ReactRouterAspect=void 0;let o=n.ReactRouterAspect=a().Aspect.create({id:"teambit.ui-foundation/react-router"});n.default=o},37109(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 o(){let t=r(72631);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(30129);return s=function(){return t},t}function l(){let t=r(88317);return l=function(){return t},t}function u(){let t=r(58336);return u=function(){return t},t}function c(){let t=r(50099);return c=function(){return t},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 ReactRouterUI=class ReactRouterUI{constructor(t,n){this.routeSlot=t,this.routeChangeListener=n,d(this,"routingMode",u().Routing.url),d(this,"navigateTo",(t,n)=>{let r="string"!=typeof t?t.state:void 0;switch(n){case"POP":return;case"REPLACE":this.navigate?.(t,{replace:!0,state:r});return;default:this.navigate?.(t,{state:r})}}),d(this,"navigate",void 0),d(this,"handleLocationChange",(t,n)=>{this.routeChangeListener.values().forEach(r=>r(t,n))}),d(this,"RoutingContext",({children:t,renderCtx:n})=>a().default.createElement(l().RouteContext,{reactRouterUi:this,routing:this.routingMode,location:n?.initialLocation},t,a().default.createElement(c().LocationHooks,{onLocationChange:this.handleLocationChange,onNavigatorChange:t=>this.navigate=t}))),d(this,"ServerRouting",({children:t,renderCtx:n})=>a().default.createElement(l().RouteContext,{reactRouterUi:this,routing:u().Routing.static,location:n?.initialLocation},t,a().default.createElement(c().LocationHooks,{onLocationChange:this.handleLocationChange,onNavigatorChange:t=>this.navigate=t}))),d(this,"renderPlugin",{browserInit:()=>({initialLocation:`${window.location.pathname}${window.location.search}${window.location.hash}`}),serverInit:({browser:t})=>({initialLocation:t?.location?`${t.location.pathname}${t.location.search}${t.location.hash}`:void 0}),reactClientContext:this.RoutingContext,reactServerContext:this.ServerRouting})}renderRoutes(t){return a().default.createElement(l().RootRoute,{routeSlot:this.routeSlot,rootRoutes:t})}setRoutingMode(t){this.routingMode=t}register(t){return this.routeSlot.register(t),this}registerListener(t){this.routeChangeListener.register(t)}static async provider(t,n,[r,a]){return new ReactRouterUI(r,a)}};d(ReactRouterUI,"slots",[o().Slot.withType(),o().Slot.withType()]),d(ReactRouterUI,"runtime",i().UIRuntime),s().ReactRouterAspect.addRuntime(ReactRouterUI)},88317(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 o(){let t=r(44178);return o=function(){return t},t}function i(){let t=r(44442);return i=function(){return t},t}function s(){let t=r(72164);return s=function(){return t},t}function l(){let t=r(19304);return l=function(){return t},t}function u(){let t=r(72555);return u=function(){return t},t}function c(){let t=r(58336);return c=function(){return t},t}function d({type:t,children:n,location:r}){switch(t){case c().Routing.static:return a().default.createElement(i().StaticRouter,{location:r||"/"},n);case c().Routing.inMemory:return a().default.createElement(o().MemoryRouter,{initialEntries:[r||"/"],initialIndex:1},n);case c().Routing.hash:return a().default.createElement(o().HashRouter,null,n);case c().Routing.url:default:return a().default.createElement(o().BrowserRouter,null,n)}}Object.defineProperty(n,"__esModule",{value:!0}),n.RootRoute=function({rootRoutes:t,routeSlot:n}){return a().default.createElement(s().SlotRouter,{slot:n,rootRoutes:t})},n.RouteContext=function({routing:t=c().Routing.url,children:n,location:r}){return a().default.createElement(d,{type:t,location:r},a().default.createElement(l().NavigationProvider,{implementation:u().reactRouterAdapter},n))}},58336(t,n){"use strict";var r;Object.defineProperty(n,"__esModule",{value:!0}),n.Routing=void 0,(r={})[r.url=0]="url",r[r.hash=1]="hash",r[r.inMemory=2]="inMemory",r[r.static=3]="static",n.Routing=r},8386(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 o(){let t=r(76712);return o=function(){return t},t}function i(){let t=r(62634);return i=function(){return t},t}function s(){let t=r(45348);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.HighlighterWidget=function(){let[t,n]=(0,s().usePreviewQueryParams)("highlighter");return a().default.createElement(i().Tooltip,{content:"Component Highlighter (beta)"},a().default.createElement("span",null,a().default.createElement(o().OptionButton,{icon:"highlighter-toggle",onClick:()=>n(!t),active:t})))}},57075(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.ReactAspect=void 0;let o=n.ReactAspect=a().Aspect.create({id:"teambit.react/react"});n.default=o},16420(t,n,r){"use strict";function a(){let t=r(9003);return a=function(){return t},t}function o(){var t;let n=(t=r(52404))&&t.__esModule?t:{default:t};return o=function(){return n},n}function i(){let t=r(46746);return i=function(){return t},t}function s(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 l(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?s(Object(r),!0).forEach(function(n){u(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return 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.ReactSchema=void 0;let ReactSchema=class ReactSchema extends a().SchemaNode{constructor(t,n,r,o,s,l=[],c,d){super(),this.location=t,this.name=n,this.modifiers=l,this.typeParams=d,u(this,"returnType",void 0),u(this,"props",void 0),u(this,"doc",void 0),u(this,"signature",void 0),u(this,"displaySchemaName","React"),this.props=o,this.returnType=r,this.doc=c,this.signature=s||a().FunctionLikeSchema.createSignature(n,(0,i().compact)([o]),r)}getNodes(){return(0,i().compact)([this.props,this.returnType])}toString(t){let n=t?.color?o().default.bold:t=>t,r=this.props?.toString(),a=this.typeParams?`<${this.typeParams.join(", ")}>`:"";return`${this.modifiersToString()}${a}${n(this.name)}(${r}): ${this.returnType.toString()}`}toFullSignature(t){let n="";this.doc&&t?.showDocs&&(n+=`${this.doc.toFullSignature()}
 `);let r=this.modifiersToString(),a=this.typeParams?`<${this.typeParams.join(", ")}>`:"",o=this.props?this.props.toFullSignature():"",i=this.returnType.toFullSignature();return n+`${r}const ${this.name}${a} = (${o}): ${i};`}isDeprecated(){return!!this.doc?.hasTag(a().TagName.deprecated)}isPrivate(){return!!(this.modifiers.find(t=>"private"===t)||this.doc?.hasTag(a().TagName.private))}modifiersToString(){let t=this.modifiers.filter(t=>"export"!==t);return t.length?`${t.join(" ")} `:""}toObject(){return l(l({},super.toObject()),{},{name:this.name,props:this.props?.toObject(),returnType:this.returnType.toObject(),signature:this.signature,modifiers:this.modifiers,doc:this.doc?.toObject(),typeParams:this.typeParams})}static fromObject(t){let n=t.location,r=t.name,o=t.props?a().ParameterSchema.fromObject(t.props):void 0;return new ReactSchema(n,r,a().SchemaRegistry.fromObject(t.returnType),o,t.signature,t.modifiers,t.doc?a().DocSchema.fromObject(t.doc):void 0,t.typeParams)}};n.ReactSchema=ReactSchema},50043(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 o(){let t=r(24010);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(29830);return s=function(){return t},t}function l(){let t=r(41622);return l=function(){return t},t}function u(){let t=r(25271);return u=function(){return t},t}function c(){let t=r(64199);return c=function(){return t},t}function d(){let t=r(58562);return d=function(){return t},t}function p(){let t=r(57075);return p=function(){return t},t}function m(){let t=r(8386);return m=function(){return t},t}function f(){let t=r(16420);return f=function(){return t},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 ReactUI=class ReactUI{static async provider([t,n,r]){let o=new ReactUI;return n.registerEmptyState(()=>a().default.createElement(l().AddingTests,null)),t.registerEmptyState(()=>a().default.createElement(u().AddingCompositions,null)),r.registerSchemaClasses(()=>[f().ReactSchema]),r.registerAPINodeRenderer([d().reactRenderer]),t.registerMenuWidget({location:"start",content:a().default.createElement(m().HighlighterWidget,null)}),o}};h(ReactUI,"runtime",i().UIRuntime),h(ReactUI,"slots",[]),h(ReactUI,"dependencies",[o().CompositionsAspect,s().TesterAspect,c().APIReferenceAspect]),p().ReactAspect.addRuntime(ReactUI)},8357(t,n,r){"use strict";function a(){let t=r(47546);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ScopeModel",{enumerable:!0,get:function(){return a().ScopeModel}})},47546(t,n,r){"use strict";function a(){let t=r(30266);return a=function(){return t},t}function o(){let t=r(95350);return o=function(){return t},t}function i(){let t=r(19100);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ScopeModel=void 0;let ScopeModel=class ScopeModel{constructor(t,n,r,a,o,i){this.name=t,this.icon=n,this.backgroundIconColor=r,this.description=a,this.components=o,this.componentDescriptors=i}static from({scope:t}){let n=t.components||[],r=t.components.map(t=>{let n=i().ComponentID.fromObject(t.id);return o().ComponentDescriptor.fromObject({id:n.toString()})});return new ScopeModel(t.name,t.icon,t.backgroundIconColor,t.description,n.map(t=>a().ComponentModel.from(t)),r)}static empty(){return new ScopeModel("","","","",[],[])}};n.ScopeModel=ScopeModel},86201(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ScopeProvider=n.useScope=n.ScopeContext=void 0;var a=r(62887);Object.defineProperty(n,"ScopeContext",{enumerable:!0,get:function(){return a.ScopeContext}}),Object.defineProperty(n,"useScope",{enumerable:!0,get:function(){return a.useScope}});var o=r(66356);Object.defineProperty(n,"ScopeProvider",{enumerable:!0,get:function(){return o.ScopeProvider}})},62887(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useScope=n.ScopeContext=void 0;let a=r(12888),o=r(8357);n.ScopeContext=(0,a.createContext)(o.ScopeModel.empty()),n.useScope=()=>(0,a.useContext)(n.ScopeContext)},66356(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.ScopeProvider=function({scope:t,children:n}){return(0,o.jsx)(i.ScopeContext.Provider,{value:t,children:n})};let o=r(11684);a(r(12888));let i=r(62887)},78852(t,n,r){"use strict";function a(){let t=r(24490);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentNotFound=void 0;let ComponentNotFound=class ComponentNotFound extends a().BitError{constructor(t){super(`component with id: ${t} was not found`)}};n.ComponentNotFound=ComponentNotFound},38833(t,n,r){"use strict";function a(){let t=r(78852);return a=function(){return t},t}function o(){let t=r(84146);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentNotFound",{enumerable:!0,get:function(){return a().ComponentNotFound}}),Object.defineProperty(n,"NoIdMatchPattern",{enumerable:!0,get:function(){return o().NoIdMatchPattern}})},84146(t,n,r){"use strict";function a(){let t=r(24490);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.NoIdMatchPattern=void 0;let NoIdMatchPattern=class NoIdMatchPattern extends a().BitError{constructor(t){super(`unable to find any component matching the "${t}" pattern`)}};n.NoIdMatchPattern=NoIdMatchPattern},71495(t,n,r){"use strict";function a(){let t=r(15269);return a=function(){return t},t}function o(){let t=r(38833);return o=function(){return t},t}function i(){let t=r(38955);return i=function(){return t},t}function s(){let t=r(86201);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentNotFound",{enumerable:!0,get:function(){return o().ComponentNotFound}}),Object.defineProperty(n,"NoIdMatchPattern",{enumerable:!0,get:function(){return o().NoIdMatchPattern}}),Object.defineProperty(n,"ScopeAspect",{enumerable:!0,get:function(){return a().ScopeAspect}}),Object.defineProperty(n,"ScopeComponentCard",{enumerable:!0,get:function(){return i().ScopeComponentCard}}),Object.defineProperty(n,"ScopeContext",{enumerable:!0,get:function(){return s().ScopeContext}}),n.default=void 0,n.default=a().ScopeAspect},15269(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.ScopeAspect=void 0;let o=n.ScopeAspect=a().Aspect.create({id:"teambit.scope/scope"});n.default=o},24820(t,n,r){"use strict";function a(){let t=c(r(12888));return a=function(){return t},t}function o(){let t=r(71161);return o=function(){return t},t}function i(){let t=r(92064);return i=function(){return t},t}function s(){let t=r(30969);return s=function(){return t},t}function l(){let t=r(61071);return l=function(){return t},t}function u(){let t=r(86201);return u=function(){return t},t}function c(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(c=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function d(){return(d=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)}Object.defineProperty(n,"__esModule",{value:!0}),n.scopeDrawer=void 0,n.scopeDrawer=({treeWidgets:t,filtersSlot:n,drawerWidgetSlot:r,assumeScopeInUrl:c=!1,overrideUseComponents:p,overrideUseLanes:m})=>{let f=m||s().useLanes;return new(o()).ComponentsDrawer({assumeScopeInUrl:c,order:0,id:"scope-components-drawer",name:"COMPONENTS",plugins:{tree:{widgets:t,customRenderer:(t,n)=>function r(o){let s=o.node.children;return s?o.node.payload instanceof i().ScopePayload?o.node.id.slice(0,-1)!==n?.name?a().default.createElement(i().ScopeTreeNode,o):a().default.createElement(a().default.Fragment,null,s.map(t=>a().default.createElement(r,d({key:t.id},o,{node:t})))):a().default.createElement(i().NamespaceTreeNode,o):a().default.createElement(i().ComponentView,d({},o,{treeNodeSlot:t,scopeName:n?.name}))}},filters:n,drawerWidgets:r},useHost:()=>(0,u().useScope)(),useLanes:f,emptyMessage:"Scope is empty",transformTree:t=>n=>{let r=n.children?.findIndex(n=>{if(n.payload instanceof i().ScopePayload)return n.id.slice(0,-1)===t?.name}),a=n.children&&void 0!==r?n.children[r]:void 0;if(a&&a.children&&n.children){delete n.children[r];let t=n.children.concat(a.children);n.children=t}return n},useComponents:p||(()=>{var t,n;let r,{lanesModel:o,loading:i}=f(),s=o?.viewedLane?.id,{components:c=[],loading:d}=(0,l().useLaneComponents)(s?.isDefault()?void 0:s),{components:p}=(0,a().useContext)(u().ScopeContext);return{loading:i||d,components:(t=p,n=c,r=t.filter(t=>!n.find(n=>n.id.toStringWithoutVersion()===t.id.toStringWithoutVersion())),n.concat(r))}})})}},49121(t,n,r){"use strict";function a(){let t=r(46746);return a=function(){return t},t}function o(){let t=r(30266);return o=function(){return t},t}function i(){let t=r(72631);return i=function(){return t},t}function s(){let t=r(33903);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(79845);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(93766);return d=function(){return t},t}function p(){let t=r(13468);return p=function(){return t},t}function m(){let t=r(71161);return m=function(){return t},t}function f(){let t=r(95719);return f=function(){return t},t}function h(){let t=r(8367);return h=function(){return t},t}function g(){let t=r(59004);return g=function(){return t},t}function b(){let t=r(79453);return b=function(){return t},t}function y(){let t=r(61348);return y=function(){return t},t}function v(){let t=r(15269);return v=function(){return t},t}function _(){let t=r(87130);return _=function(){return t},t}function w(){let t=r(24820);return w=function(){return t},t}function x(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 ScopeUI=class ScopeUI{constructor(t,n,r,a,o,i,s,l,u,c,d,p,m,f,h){this.routeSlot=t,this.componentUi=n,this.menuSlot=r,this.sidebar=a,this.sidebarSlot=o,this.commandBarUI=i,this.scopeBadgeSlot=s,this.menuWidgetSlot=l,this.sidebarItemSlot=u,this.menuItemSlot=c,this.cornerSlot=d,this.overviewSlot=p,this.contextSlot=m,this.drawerWidgetSlot=f,this.drawerComponentsFiltersSlot=h,x(this,"setSidebarToggle",()=>{}),x(this,"registerMenuRoutes",t=>(this.menuSlot.register(t),this)),x(this,"componentUrlFunc",void 0),x(this,"registerMenuItem",t=>{this.menuItemSlot.register(t)}),x(this,"registerSidebarWidget",t=>(t.map(t=>this.sidebarSlot.register(t)),this)),x(this,"registerSidebarLink",(...t)=>{this.sidebarItemSlot.register(t)}),x(this,"registerDrawers",(...t)=>(this.sidebar.registerDrawer(...t),this)),x(this,"registerDrawerComponentFilters",t=>{this.drawerComponentsFiltersSlot.register(t)}),x(this,"registerDrawerWidgets",t=>{this.drawerWidgetSlot.register(t)}),x(this,"setComponents",t=>{this.componentUi.updateComponents(t)}),x(this,"menuItems",[{category:"general",title:"Open command bar",keyChar:"mod+k",handler:()=>this.commandBarUI?.run("command-bar.open")},{category:"general",title:"Toggle component list",keyChar:"alt+s",handler:()=>this.commandBarUI?.run("sidebar.toggle")}])}registerBadge(...t){return this.scopeBadgeSlot.register(t),this}getScope(t){return c().default.createElement(_().Scope,{TargetScopeOverview:t.TargetScopeOverview,scopeClassName:t.scopeClassName,TargetCorner:t.Corner,routeSlot:this.routeSlot,menuSlot:this.menuSlot,sidebar:c().default.createElement(this.sidebar.render,{items:this.listSidebarLinks(),overrideDrawerSlot:t.overrideDrawers}),scopeUi:this,userUseScopeQuery:t.useScope,badgeSlot:this.scopeBadgeSlot,overviewLineSlot:this.overviewSlot,context:this.getContext(t.getComponentUrl),onSidebarTogglerChange:t.onSidebarToggle||this.setSidebarToggle,cornerSlot:this.cornerSlot,paneClassName:t.paneClassName,PaneWrapper:t.PaneWrapper})}registerOverviewLine(...t){return this.overviewSlot.register(t),this}registerRoutes(t){return this.routeSlot.register(t),this}applyMenuRoutes(){this.registerMenuRoutes([{path:this.componentUi.routePath,element:this.componentUi.getMenu(v().ScopeAspect.id)},{path:"/",element:this.getScopeMenu()}])}getScopeMenu(){return c().default.createElement(y().ScopeMenu,{widgetSlot:this.menuWidgetSlot,menuItemSlot:this.menuItemSlot})}registerExplicitRoutes(){this.applyMenuRoutes(),this.registerRoutes([{path:this.componentUi.routePath,element:this.componentUi.getComponentUI(v().ScopeAspect.id)}])}registerMenuWidget(...t){this.menuWidgetSlot.register(t)}registerCorner(t){this.cornerSlot.register(t)}registerComponentUrl(t){this.componentUrlFunc=t}replaceOverview(){}replaceDescription(){}replaceMetadataSection(){}registerMetadataItem(){}replaceComponentGrid(){}registerMetadata(){}addContext(...t){return this.contextSlot.register(t),this}getContext(t){let n=this.contextSlot.values(),r=({children:n})=>c().default.createElement(g().ComponentUrlProvider,{value:t||this.componentUrlFunc},n);return(0,a().flatten)(n).concat(r)}registerDefaultDrawers(t=!1,n,r){this.sidebar.registerDrawer(this.getDefaultDrawer(t,n,r))}getDefaultDrawer(t=!1,n,r){return(0,w().scopeDrawer)({treeWidgets:this.sidebarSlot,filtersSlot:this.drawerComponentsFiltersSlot,drawerWidgetSlot:this.drawerWidgetSlot,assumeScopeInUrl:t,overrideUseComponents:n,overrideUseLanes:r})}uiRoot(){this.registerDefaultDrawers();let[t]=this.commandBarUI.addCommand({id:"sidebar.toggle",action:()=>{},displayName:"Toggle component list",keybinding:"alt+s"});return this.setSidebarToggle=t,{routes:[{path:"/*",element:c().default.createElement(_().Scope,{routeSlot:this.routeSlot,menuSlot:this.menuSlot,sidebar:c().default.createElement(this.sidebar.render,{items:this.listSidebarLinks()}),scopeUi:this,badgeSlot:this.scopeBadgeSlot,overviewLineSlot:this.overviewSlot,context:this.getContext(),onSidebarTogglerChange:this.setSidebarToggle,cornerSlot:this.cornerSlot})}]}}listSidebarLinks(){let t=(0,a().flatten)(this.sidebarItemSlot.values()).sort((t,n)=>(t?.weight||0)-(n?.weight||0));return(0,a().compact)(t.map(t=>t.component))}static async provider([t,n,r,a],o,[i,s,l,u,p,g,v,_,w,x,k,C]){let j=new ScopeUI(i,n,s,r,l,a,u,p,v,g,_,w,x,k,C);return j.registerDrawerComponentFilters([f().DeprecateFilter,h().EnvsFilter,(0,b().ShowMainFilter)(!1)]),j.registerDrawerWidgets([c().default.createElement(m().FilterWidget,{key:"workspace-filter-widget"}),c().default.createElement(m().TreeToggleWidget,{key:"workspace-tree-toggle-widget"})]),t&&t.registerRoot(j.uiRoot.bind(j)),j.registerMenuItem(j.menuItems),j.registerMenuWidget(()=>c().default.createElement(y().ScopeUseBox,{actionName:o.useBoxAction,actionIcon:o.useBoxIcon})),o.showGallery&&j.registerSidebarLink({component:function(){return c().default.createElement(d().MenuLinkItem,{exact:!0,href:"/",icon:"comps"},"Overview")}}),t&&j.registerExplicitRoutes(),j}};x(ScopeUI,"dependencies",[u().UIAspect,o().ComponentAspect,s().SidebarAspect,p().CommandBarAspect]),x(ScopeUI,"runtime",l().UIRuntime),x(ScopeUI,"slots",[i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType()]),x(ScopeUI,"defaultConfig",{showGallery:!0}),v().ScopeAspect.addRuntime(ScopeUI)},61348(t,n,r){"use strict";function a(){let t=r(11649);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ScopeMenu",{enumerable:!0,get:function(){return a().ScopeMenu}}),Object.defineProperty(n,"ScopeUseBox",{enumerable:!0,get:function(){return a().ScopeUseBox}})},11649(t,n,r){"use strict";function a(){let t=r(10993);return a=function(){return t},t}function o(){let t=r(86201);return o=function(){return t},t}function i(){let t=m(r(97500));return i=function(){return t},t}function s(){let t=p(r(12888));return s=function(){return t},t}function l(){let t=r(54664);return l=function(){return t},t}function u(){let t=r(97754);return u=function(){return t},t}function c(){let t=m(r(4342));return c=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ScopeMenu=function(t){let{className:n}=t,r=function(t,n){if(null==t)return{};var r,a,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,d);return s().default.createElement(a().Menu,f({},r,{className:(0,i().default)(c().default.scopMenu,n)}))},n.ScopeUseBox=function({actionName:t,actionIcon:n}){let r=(0,s().useContext)(o().ScopeContext);return s().default.createElement(l().UseBoxDropdown,{position:"bottom-end",className:c().default.useBox,actionIcon:n,actionName:t,Menu:s().default.createElement(u().Menu,{scopeName:r.name})})};let d=["className"];function p(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(p=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function m(t){return t&&t.__esModule?t:{default:t}}function f(){return(f=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)}},33819(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=r(38955);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]}})})},38955(t,n,r){"use strict";function a(){let t=f(r(12888));return a=function(){return t},t}function o(){let t=r(5370);return o=function(){return t},t}function i(){let t=r(16788);return i=function(){return t},t}function s(){let t=r(64773);return s=function(){return t},t}function l(){let t=r(54198);return l=function(){return t},t}function u(){let t=r(62634);return u=function(){return t},t}function c(){let t=r(19100);return c=function(){return t},t}function d(){let t=r(98788);return d=function(){return t},t}function p(){let t=r(86201);return p=function(){return t},t}function m(){var t;let n=(t=r(54172))&&t.__esModule?t:{default:t};return m=function(){return n},n}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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.LinkPlugin=void 0,n.ScopeComponentCard=h,n.ScopeOverview=function({badgeSlot:t,overviewSlot:n,TargetOverview:r}){let s=(0,a().useContext)(p().ScopeContext),{components:u,componentDescriptors:c}=s;if(r)return a().default.createElement(r,null);if(!u||0===u.length)return a().default.createElement(l().EmptyScope,{name:s.name});let d=new Map(c.map(t=>[t.id.toString(),t])),f=g({compModelsById:new Map(u.map(t=>[t.id.toString(),t]))});return a().default.createElement("div",{className:m().default.container},a().default.createElement(i().ScopeDetails,{scopeName:s.name,icon:s.icon,backgroundIconColor:s.backgroundIconColor,badgeSlot:t,overviewSlot:n,description:s.description,componentCount:s.components.length}),a().default.createElement(o().ComponentGrid,{className:m().default.cardGrid},u.map(t=>t.deprecation?.isDeprecate?null:a().default.createElement("div",{key:t.id.toString()},a().default.createElement(h,{component:t,plugins:f,componentDescriptor:d.get(t.id.toString())})))))},n.useCardPlugins=g;let LinkPlugin=class LinkPlugin{link(t){return t.fullName}};function h({componentDescriptor:t,plugins:n}){return t?a().default.createElement(d().ComponentCard,{plugins:n,component:t}):null}function g({compModelsById:t}){return a().default.useMemo(()=>[{preview:function({component:n}){let r=t.get(n.id.toString());return r?a().default.createElement(s().PreviewPlaceholder,{componentDescriptor:n,component:r,shouldShowPreview:r.compositions.length>0}):null}},{previewBottomRight:function({component:t}){let n=t.get("teambit.envs/envs"),r=n?.id?c().ComponentID.fromString(n?.id):void 0;return a().default.createElement("div",{className:m().default.rightPreviewPlugins},a().default.createElement("div",{className:m().default.badge},a().default.createElement(u().Tooltip,{delay:300,content:r?.name},a().default.createElement("img",{src:n?.icon,className:m().default.envIcon}))))}},new LinkPlugin],[t.size])}n.LinkPlugin=LinkPlugin},87130(t,n,r){"use strict";function a(){let t=w(r(12888));return a=function(){return t},t}function o(){let t=_(r(97500));return o=function(){return t},t}function i(){let t=r(52696);return i=function(){return t},t}function s(){let t=r(72164);return s=function(){return t},t}function l(){let t=r(90420);return l=function(){return t},t}function u(){let t=r(21245);return u=function(){return t},t}function c(){let t=r(25877);return c=function(){return t},t}function d(){let t=r(96518);return d=function(){return t},t}function p(){let t=r(40218);return p=function(){return t},t}function m(){let t=r(94526);return m=function(){return t},t}function f(){let t=r(44178);return f=function(){return t},t}function h(){let t=r(53663);return h=function(){return t},t}function g(){let t=r(86201);return g=function(){return t},t}function b(){let t=r(42012);return b=function(){return t},t}function y(){let t=r(33819);return y=function(){return t},t}function v(){let t=_(r(83363));return v=function(){return t},t}function _(t){return t&&t.__esModule?t:{default:t}}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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function x({children:t,Wrapper:n}){return a().default.createElement(n,null,t)}Object.defineProperty(n,"__esModule",{value:!0}),n.Scope=function({routeSlot:t,menuSlot:n,sidebar:r,scopeUi:_,badgeSlot:w,overviewLineSlot:k,cornerSlot:C,PaneWrapper:j,context:S=[],paneClassName:E,TargetScopeOverview:O,TargetCorner:D,onSidebarTogglerChange:N,userUseScopeQuery:P,scopeClassName:T}){let{scope:I}=P?P():(0,b().useScopeQuery)(),M=(0,h().useIsMobile)(),[$,A]=(0,a().useReducer)(t=>!t,!M),R=$?i().Layout.row:i().Layout.right;if(!I)return a().default.createElement(m().FullLoader,null);let F=D||C?.values()[0];_.setComponents(I.components);let L=S.map(t=>[t,{scope:I}]);return N(A),a().default.createElement(g().ScopeProvider,{scope:I},a().default.createElement(p().Composer,{components:L},a().default.createElement("div",{className:(0,o().default)(v().default.scope,T)},a().default.createElement(d().TopBar,{className:v().default.topbar,Corner:()=>F?a().default.createElement(F,null):a().default.createElement(l().Corner,{name:I.name,className:v().default.whiteCorner}),menu:n}),a().default.createElement(i().SplitPane,{className:v().default.main,size:264,layout:R},a().default.createElement(i().Pane,{className:(0,o().default)(v().default.sidebar,!$&&v().default.collapsed)},r),a().default.createElement(c().HoverSplitter,{className:v().default.splitter},a().default.createElement(u().Collapser,{isOpen:$,onMouseDown:t=>t.stopPropagation(),onClick:A,tooltipContent:`${$?"Hide":"Show"} side panel`})),j&&a().default.createElement(x,{Wrapper:j},a().default.createElement(i().Pane,{className:(0,o().default)(E,v().default.pane)},a().default.createElement(s().SlotRouter,{slot:t},a().default.createElement(f().Route,{index:!0,element:a().default.createElement(y().ScopeOverview,{badgeSlot:w,overviewSlot:k,TargetOverview:O})}))))||a().default.createElement(i().Pane,{className:(0,o().default)(E,v().default.pane)},a().default.createElement(s().SlotRouter,{slot:t},a().default.createElement(f().Route,{index:!0,element:a().default.createElement(y().ScopeOverview,{badgeSlot:w,overviewSlot:k,TargetOverview:O})})))))))},r(97439)},35447(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 o(){let t=r(19100);return o=function(){return t},t}function i(){let t=r(56480);return i=function(){return t},t}function s(){let t=r(37185);return s=function(){return t},t}function l(){let t=r(86902);return l=function(){return t},t}function u(){let t=r(81170);return u=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.APISchema=void 0;let APISchema=class APISchema extends s().SchemaNode{constructor(t,n,r,a,o=[]){super(),this.location=t,this.module=n,this.internals=r,this.componentId=a,o=o.length&&o||this.listTaggedExports(n),this.taggedModuleExports=o}listTaggedExports(t){return t?t.exports.filter(t=>i().ExportSchema.isExportSchema(t)&&t.exportNode.doc?.hasTag(l().TagName.exports)||t.doc?.hasTag(l().TagName.exports)).map(t=>i().ExportSchema.isExportSchema(t)?t.exportNode:t):[]}toString(){return JSON.stringify(this.module.exports.map(t=>t.toObject()),void 0,2)}toStringPerType(){let t=a().default.inverse(`API Schema of ${this.componentId.toString()}
 `),n=this.module.exports.reduce((t,n)=>{let r=(i().ExportSchema.isExportSchema(n)?n.exportNode:n).displaySchemaName;return(t[r]=t[r]||[]).push(n),t},{}),r=Object.keys(n).sort();return 0===r.length?t:t+r.map(t=>{let r=n[t].map(t=>t.toString({color:!0})).join("\n");return`${a().default.green.bold(t)}
 ${r}`}).join("\n\n")+"\n\n"}toFullSignature(t={showDocs:!0}){let n=`API Schema of ${this.componentId.toString()}
@@ -1144,7 +1144,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,o.jsx)(s.MountPoint,{}),notifyParentOnLoad:f=!0,...h}){return(0,o.jsxs)("html",{lang:"en",...h,children:[(0,o.jsxs)("head",{children:[(0,o.jsx)("title",{children:t.title||"bit scope"}),(0,o.jsx)("meta",{charSet:"utf-8"}),(0,o.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),a&&(0,o.jsx)(u.SsrStyles,{}),r&&(0,o.jsx)(c.FullHeightStyle,{}),n&&(0,o.jsx)(i.CrossIframeDevTools,{}),t.style?.map((t,n)=>(0,o.jsx)("style",{children:t},n)),t.css?.map((t,n)=>(0,o.jsx)("link",{href:t,rel:"stylesheet",type:"text/css"},n)),f&&(0,o.jsx)(d,{})]}),(0,o.jsxs)("body",{children:[m,t.json&&(0,o.jsx)(l.StoredAssets,{data:t.json}),t.js?.map((t,n)=>(0,o.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 o=r(1438);Object.defineProperty(n,"MountPoint",{enumerable:!0,get:function(){return o.MountPoint}}),Object.defineProperty(n,"mountPointId",{enumerable:!0,get:function(){return o.mountPointId}});var i=r(76871);Object.defineProperty(n,"popAssets",{enumerable:!0,get:function(){return i.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,o.jsx)("div",{id:n.mountPointId,children:t})},n.fillMountPoint=function(t,n){return t.replace(i,n)};let o=r(11684);a(r(12888)),n.mountPointId="root";let i=/<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,o.jsxs)("style",{id:"before-hydrate-styles",children:[".--ssr-hidden ","{","display: none;","}"]})},n.removeSsrStyles=function(){document.getElementById("before-hydrate-styles")?.remove()};let o=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,o.jsx)("div",{className:"state",style:{display:"none"},children:Object.entries(t).map(([t,n])=>(0,o.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 o=r(11684);a(r(12888))},7817(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTree=function({components:t,isCollapsed:n,className:r,transformTree:a,lanesModel:o,TreeNode:i=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})),o=(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,o),a)?a(r):r},[t.length,o?.viewedLane?.id.toString()]);return(0,l.jsx)(b.LanesContext.Provider,{value:{lanesModel:o},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:i,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,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(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,o=n.payload,{onSelect:i}=(0,y.useContext)(_.TreeContext),s=(0,y.useContext)(x.LanesContext),l=s?.lanesModel,[S,E]=(0,y.useState)(!1);(0,y.useEffect)(()=>(E(!0),()=>{E(!1)}),[]);let O=(0,y.useCallback)(t=>{i?.(n.id,t)},[i,n.id]),D=(0,c.useLocation)(),N=!o?.id||!o?.environment?.id,P=N?void 0:g.ComponentID.fromString(o.environment?.id),T=!!P&&l?.isComponentOnLaneButNotOnMain(P,!1,l.viewedLane?.id),I=P?T&&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,M=P?(0,u.jsxs)(c.Link,{external:!0,className:j.default.envLink,href:I,onClick:t=>{t.stopPropagation()},children:[(0,u.jsx)("div",{className:j.default.componentEnvTitle,children:"Environment"}),(0,u.jsx)("div",{children:o.environment?.id})]}):null,$=N?void 0:l?.getLaneComponentUrlByVersion(o.id,l.viewedLane?.id,!r,l.viewedLane),A=y.default.useMemo(()=>!N&&!o.status?.isNew&&!l?.viewedLane?.id.isDefault()&&l?.isComponentOnMainButNotOnLane(o.id,void 0,l?.viewedLane?.id),[l?.viewedLane?.id.toString(),o.id.toString()]),R=y.default.useMemo(()=>{if(!$||!D||!o?.id)return!1;let t=new URLSearchParams(D.search).get("scope"),n=D.pathname.substring(1).split("?")[0],a=o.id.toStringWithoutVersion(),i=o.id.fullName,s=o.id.scope,u=D.pathname.includes(k.LanesModel.lanesPrefix),c=($.startsWith("/")?$.substring(1):$).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],o=r?`${r.replace(".","/")}/`:"",i=a.replace(o,"");return t?c===a&&s===t:c===i}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&&o.id.scope===l?.viewedLane?.id.scope?t?i===m&&s===t:i===m:!!f&&(t?f?.toString()===a||f.fullName===i&&s===t:f?.toString()===a||f.fullName===i)},[$,A,D?.pathname,o?.id.toString(),r]),F=y.default.useMemo(()=>{if(D?.search)return new URLSearchParams(D.search).get("version")||void 0},[D?.search]),L=y.default.useMemo(()=>{if(!R||!F||o.deprecation?.isDeprecate)return!1;let t=o.deprecation?.range;if(!t)return!1;try{return(0,f.default)(F,t)}catch{return!1}},[R,F,o.deprecation?.isDeprecate,o.deprecation?.range]);if(N)return null;let z=o.status?.modifyInfo?.hasModifiedFiles||o.status?.modifyInfo?.hasModifiedDependencies,B=A?(0,u.jsx)(v.Tooltip,{className:j.default.tooltip,placement:"top",content:"On Main",children:(0,u.jsx)("span",{className:(0,h.default)(A&&!z&&j.default.opacity),children:(0,C.getName)(n.id)})}):(0,u.jsx)("span",{children:(0,C.getName)(n.id)});return(0,u.jsxs)(c.Link,{href:$,className:(0,h.default)(w.indentClass,j.default.component),activeClassName:j.default.active,onClick:O,active:R,children:[(0,u.jsxs)("div",{className:j.default.left,children:[(0,u.jsx)(v.Tooltip,{className:j.default.componentEnvTooltip,placement:"top",content:M,children:(0,u.jsx)(d.EnvIcon,{component:o,className:j.default.envIcon})}),B]}),(0,u.jsxs)("div",{className:j.default.right,children:[(0,u.jsx)(p.DeprecationIcon,{component:o}),L&&(0,u.jsx)(v.Tooltip,{placement:"bottom",content:"This version is deprecated",children:(0,u.jsx)("div",{className:j.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:o},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),C=r(27925),j=l(r(16389))},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 i.ScopePayload?(0,o.jsx)(l.ScopeTreeNode,{...t}):(0,o.jsx)(u.NamespaceTreeNode,{...t}):(0,o.jsx)(s.ComponentView,{...t})};let o=r(11684);a(r(12888));let i=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 o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=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,o(r(7817),n);var i=r(84199);Object.defineProperty(n,"ComponentView",{enumerable:!0,get:function(){return i.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,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(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)(),o=a?.startsWith(t.id)??!1,[i,s]=(0,p.useState)(null),l=i?.isActive===o&&i?.isCollapsed===r?i.open:o||!r,y=()=>s({isActive:o,isCollapsed:r,open:!l}),v=(0,g.getName)(t.id.replace(/\/$/,"")),_=!l&&o;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(56077))},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,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(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)(),o=a?.startsWith(t.id)??!1,[i,s]=(0,p.useState)(null),l=i?.isActive===o&&i?.isCollapsed===r?i.open:o||!r,b=()=>s({isActive:o,isCollapsed:r,open:!l}),y=(0,h.getName)(t.id.replace(/\/$/,"")),v=!l&&o;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(89221))},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(16928);return a=function(){return t},t}function o(){var t;let n=(t=r(48584))&&t.__esModule?t:{default:t};return o=function(){return n},n}function i(){let t=r(79896);return i=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,"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,o().default)(r,async([t,r])=>{n[t]=await this.ui.createBundleUiHash(r)}),(0,i().existsSync)(t)||(0,i().mkdirSync)(t,{recursive:!0}),(0,i().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,o;function i(){let t=r(78410);return i=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 i().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(o=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"))?o:o+"")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 o(){let t=r(53733);return o=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 o().UIAspect}}),Object.defineProperty(n,"UIRuntime",{enumerable:!0,get:function(){return o().UIRuntime}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return o().UIAspect}}),Object.defineProperty(n,"useDataQuery",{enumerable:!0,get:function(){return l().useDataQuery}}),Object.defineProperty(n,"useMutation",{enumerable:!0,get:function(){return u().useMutation}});var i=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(15810);return u=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]}})})},53733(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}function o(){let t=r(14451);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.UIAspect=void 0,Object.defineProperty(n,"UIRuntime",{enumerable:!0,get:function(){return o().UIRuntime}}),n.default=void 0;let i=n.UIAspect=a().Aspect.create({id:"teambit.ui-foundation/ui",declareRuntime:o().UIRuntime});n.default=i},47905(t,n,r){"use strict";function a(){let t=r(27344);return a=function(){return t},t}function o(){let t=r(72631);return o=function(){return t},t}function i(){let t=r(75894);return i=function(){return t},t}function s(){let t=r(85095);return s=function(){return t},t}function l(){let t=r(65097);return l=function(){return t},t}function u(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return u=function(){return n},n}function c(){let t=r(53733);return c=function(){return t},t}function d(){let t=r(79655);return d=function(){return t},t}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){f(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function f(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){this.router=t,this.uiRootSlot=n,this.hudSlot=r,this.renderPluginsSlot=a,f(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),o=this.hudSlot.values(),i=this.getLifecyclePlugins(),l=new(s()).BrowserRenderer(i,void 0,t);await l.render(u().default.createElement(d().ClientContext,null,o,a))}async renderSsr(t,n){let r=this.getRoot(t);if(!r)throw Error(`root: ${t} was not found`);let a=r(),o=this.router.renderRoutes(a.routes),i=this.hudSlot.values(),c=this.getLifecyclePlugins(),p=new(s()).ServerRenderer(c);return await p.render(u().default.createElement(l().SSRBrowserProvider,{value:n.browser},u().default.createElement(d().ClientContext,null,i,o)),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:m(m({},n),{},{key:t}));return t.unshift(this.router.renderPlugin),t}getRoot(t){return this.uiRootSlot.get(t)}static async provider([t,n],r,[a,o,i]){let s=new UiUI(n,a,o,i);return t&&s.registerRenderHooks(t.renderPlugins),s}};f(UiUI,"slots",[o().Slot.withType(),o().Slot.withType(),o().Slot.withType()]),f(UiUI,"dependencies",[a().GraphqlAspect,i().ReactRouterAspect]),f(UiUI,"runtime",c().UIRuntime),c().UIAspect.addRuntime(UiUI)},79655(t,n,r){"use strict";function a(){let t=p(r(12888));return a=function(){return t},t}function o(){let t=r(19644);return o=function(){return t},t}function i(){let t=r(67446);return i=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(99e3));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(o().IconFont,{query:"c7vhhb"}),a().default.createElement(c().StableThemeSwitcher,null,a().default.createElement(s().Roboto,null),a().default.createElement(i().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 o(){let t=r(70722);return o=function(){return t},t}function i(){let t=r(35614);return i=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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):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,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):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]),[i,l]=(0,a().useState)(r);(0,a().useEffect)(()=>{l(r)},[r]);let u=(0,a().useCallback)(t=>{l(()=>t)},[]),c=(0,a().useMemo)(()=>({current:i,get currentIdx(){return m.indexOf(i)},options:m,setTheme:u}),[i,u]),f=p[i.themeName||"light"],h=(0,a().useMemo)(()=>{let t=Object.entries(d(d({},o().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(o().BaseTheme,{overrides:f},t))};let p={light:{backgroundColor:"#fdfdff",surface01Color:"#f7f7f7",warningColor:"#BB8C25"},dark:i().darkThemeValues},m=[l().LightTheme,i().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 o=n.UserAgentAspect=a().Aspect.create({id:"teambit.ui-foundation/user-agent"});n.default=o},48842(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function o(){let t=r(79845);return o=function(){return t},t}function i(){let t=c(r(12888));return i=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 i().default.createElement(l().UserAgentProvider,{value:n?.userAgent},t)}d(UserAgentUI,"slots",[]),d(UserAgentUI,"dependencies",[o().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 o=n.VueAspect=a().Aspect.create({id:"teambit.vue/vue-aspect"});n.default=o},82865(t,n,r){"use strict";function a(){let t=s(r(12888));return a=function(){return t},t}function o(){let t=r(87662);return o=function(){return t},t}function i(){let t=s(r(80774));return i=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(o().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:o})=>{let i={name:t,required:r,type:a,description:o};return n&&(i.default={value:n}),i});return 0===r.length?a().default.createElement("div",null,a().default.createElement("h2",{className:i().default.title},"Props"),a().default.createElement("p",{className:i().default.empty},"No props found.")):a().default.createElement("div",null,a().default.createElement("h2",{className:i().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:i().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:i().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:i().default.container},a().default.createElement("div",{className:i().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:i().default.container},a().default.createElement("div",{className:i().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 o(){let t=r(9003);return o=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 s(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,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):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.VueSchema=void 0;let VueSchema=class VueSchema extends o().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 o(){let t=r(64199);return o=function(){return t},t}function i(){let t=r(29146);return i=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",[o().APIReferenceAspect]),u(VueMain,"runtime",a().UIRuntime),i().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,o.useNavigate)();(0,a.useEffect)(()=>{if("u"<typeof window)return;let a=a=>{if("*"!==t&&a.origin!==t)return;let o=a.data;if(!o||o.event!==n.WORKSPACE_NAVIGATE)return;let i=o.payload??{},s=String(i.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:!!i.replace,state:i.state})}catch{}};return window.addEventListener("message",a),()=>window.removeEventListener("message",a)},[r,t])};let a=r(12888),o=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:i}={}){let s=(0,o.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=i?i(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,i])};let a=r(12888),o=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,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(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"),o=sessionStorage.getItem("workspace-minimal-mode");"true"===a?sessionStorage.setItem("workspace-minimal-mode","true"):sessionStorage.removeItem("workspace-minimal-mode"),!a&&o&&(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),o=r(44178);n.useWorkspaceMode=()=>{let[t,n]=(0,o.useSearchParams)(),r="true"===t.get("minimal-mode"),i=(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)(()=>{i(!r)},[r,i]);return{isMinimal:r,setMinimalMode:i,toggleMinimalMode:s}}},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 o(){let t=r(92335);return o=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(o().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 o=r(53954);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]}})});var i=r(77481);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]}})})},53954(t,n,r){"use strict";var a,o;function i(){let t=r(78410);return i=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 i().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(o=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"))?o:o+"")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,o;function i(){let t=r(78410);return i=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 i().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(o=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"))?o:o+"")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,o;function i(){let t=r(78410);return i=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 i().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(o=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"))?o:o+"")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};function o(){let t=r(25667);return o=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 o().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;var i=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}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]}})}),n.default=o().WorkspaceAspect},36483(t,n,r){"use strict";function a(){let t=r(26461);return a=function(){return t},t}function o(){let t=r(49226);return o=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 o().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 i().WorkspaceContext}}),Object.defineProperty(n,"WorkspaceProvider",{enumerable:!0,get:function(){return s().WorkspaceProvider}});var o=r(22036);function i(){let t=r(20914);return i=function(){return t},t}function s(){let t=r(73408);return s=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]}})})},95193(t,n,r){"use strict";let a;function o(){let t=r(12888);return o=function(){return t},t}function i(){let t=r(44178);return i=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,i().useLocation)(),[,n]=(0,i().useSearchParams)(),r=(0,s().useThemePicker)(),p=(0,o().useMemo)(()=>new URLSearchParams(t.search).get("theme")??void 0,[t.search]),m=r?.current?.themeName;return(0,o().useEffect)(()=>{if(!r)return;let o=new URLSearchParams(t.search),i=o.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&&i&&p&&u.has(p)){sessionStorage.removeItem(l),o.delete("theme"),c=null,d=null,n(o,{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&&!i&&s){o.set("theme",s),c=s,n(o,{replace:!0});return}if(m&&p!==m){if(d===m){d=null;return}sessionStorage.setItem(l,m),o.set("theme",m),c=m,n(o,{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 o(){let t=r(30266);return o=function(){return t},t}function i(){var t;let n=(t=r(16705))&&t.__esModule?t:{default:t};return i=function(){return n},n}function s(){let t=r(7622);return s=function(){return t},t}function l(){let t=r(15810);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,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(n,d),[C,j]=(0,a().useState)(!1),S=!!r?.workspace,E=r?.workspace?.components?.length??0;(0,a().useEffect)(()=>{if(!S||C||"u"<typeof window)return;let t=()=>j(!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,C]);let O=(0,l().useApolloClient)(),[D,N]=(0,a().useState)(new Map);(0,a().useEffect)(()=>{if(!C||!E)return;let t=!1;return(async()=>{for(let n=0;n<E;n+=15){if(t)return;try{let r=await O.query({query:y,variables:{offset:n,limit:15},fetchPolicy:"network-only"});if(t)return;let a=r.data?.workspace?.components??[];a.length&&N(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}},[C,E,O]);let P=(0,i().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?.([o().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?.([o().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 o=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:o})})}});return()=>{t(),n(),r(),a()}},[P]);let T=(0,a().useMemo)(()=>{let t=r?.workspace;if(!t)return;let n=t.components.map(t=>{let n=D.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,D]);return m({workspace:T,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,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):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,o.jsx)(s.MountPoint,{}),notifyParentOnLoad:f=!0,...h}){return(0,o.jsxs)("html",{lang:"en",...h,children:[(0,o.jsxs)("head",{children:[(0,o.jsx)("title",{children:t.title||"bit scope"}),(0,o.jsx)("meta",{charSet:"utf-8"}),(0,o.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),a&&(0,o.jsx)(u.SsrStyles,{}),r&&(0,o.jsx)(c.FullHeightStyle,{}),n&&(0,o.jsx)(i.CrossIframeDevTools,{}),t.style?.map((t,n)=>(0,o.jsx)("style",{children:t},n)),t.css?.map((t,n)=>(0,o.jsx)("link",{href:t,rel:"stylesheet",type:"text/css"},n)),f&&(0,o.jsx)(d,{})]}),(0,o.jsxs)("body",{children:[m,t.json&&(0,o.jsx)(l.StoredAssets,{data:t.json}),t.js?.map((t,n)=>(0,o.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 o=r(1438);Object.defineProperty(n,"MountPoint",{enumerable:!0,get:function(){return o.MountPoint}}),Object.defineProperty(n,"mountPointId",{enumerable:!0,get:function(){return o.mountPointId}});var i=r(76871);Object.defineProperty(n,"popAssets",{enumerable:!0,get:function(){return i.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,o.jsx)("div",{id:n.mountPointId,children:t})},n.fillMountPoint=function(t,n){return t.replace(i,n)};let o=r(11684);a(r(12888)),n.mountPointId="root";let i=/<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,o.jsxs)("style",{id:"before-hydrate-styles",children:[".--ssr-hidden ","{","display: none;","}"]})},n.removeSsrStyles=function(){document.getElementById("before-hydrate-styles")?.remove()};let o=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,o.jsx)("div",{className:"state",style:{display:"none"},children:Object.entries(t).map(([t,n])=>(0,o.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 o=r(11684);a(r(12888))},7817(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTree=function({components:t,isCollapsed:n,className:r,transformTree:a,lanesModel:o,TreeNode:i=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})),o=(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,o),a)?a(r):r},[t.length,o?.viewedLane?.id.toString()]);return(0,l.jsx)(b.LanesContext.Provider,{value:{lanesModel:o},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:i,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,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(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,o=n.payload,{onSelect:i}=(0,y.useContext)(_.TreeContext),s=(0,y.useContext)(x.LanesContext),l=s?.lanesModel,[S,E]=(0,y.useState)(!1);(0,y.useEffect)(()=>(E(!0),()=>{E(!1)}),[]);let O=(0,y.useCallback)(t=>{i?.(n.id,t)},[i,n.id]),D=(0,c.useLocation)(),N=!o?.id||!o?.environment?.id,P=N?void 0:g.ComponentID.fromString(o.environment?.id),T=!!P&&l?.isComponentOnLaneButNotOnMain(P,!1,l.viewedLane?.id),I=P?T&&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,M=P?(0,u.jsxs)(c.Link,{external:!0,className:j.default.envLink,href:I,onClick:t=>{t.stopPropagation()},children:[(0,u.jsx)("div",{className:j.default.componentEnvTitle,children:"Environment"}),(0,u.jsx)("div",{children:o.environment?.id})]}):null,$=N?void 0:l?.getLaneComponentUrlByVersion(o.id,l.viewedLane?.id,!r,l.viewedLane),A=y.default.useMemo(()=>!N&&!o.status?.isNew&&!l?.viewedLane?.id.isDefault()&&l?.isComponentOnMainButNotOnLane(o.id,void 0,l?.viewedLane?.id),[l?.viewedLane?.id.toString(),o.id.toString()]),R=y.default.useMemo(()=>{if(!$||!D||!o?.id)return!1;let t=new URLSearchParams(D.search).get("scope"),n=D.pathname.substring(1).split("?")[0],a=o.id.toStringWithoutVersion(),i=o.id.fullName,s=o.id.scope,u=D.pathname.includes(k.LanesModel.lanesPrefix),c=($.startsWith("/")?$.substring(1):$).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],o=r?`${r.replace(".","/")}/`:"",i=a.replace(o,"");return t?c===a&&s===t:c===i}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&&o.id.scope===l?.viewedLane?.id.scope?t?i===m&&s===t:i===m:!!f&&(t?f?.toString()===a||f.fullName===i&&s===t:f?.toString()===a||f.fullName===i)},[$,A,D?.pathname,o?.id.toString(),r]),F=y.default.useMemo(()=>{if(D?.search)return new URLSearchParams(D.search).get("version")||void 0},[D?.search]),L=y.default.useMemo(()=>{if(!R||!F||o.deprecation?.isDeprecate)return!1;let t=o.deprecation?.range;if(!t)return!1;try{return(0,f.default)(F,t)}catch{return!1}},[R,F,o.deprecation?.isDeprecate,o.deprecation?.range]);if(N)return null;let z=o.status?.modifyInfo?.hasModifiedFiles||o.status?.modifyInfo?.hasModifiedDependencies,B=A?(0,u.jsx)(v.Tooltip,{className:j.default.tooltip,placement:"top",content:"On Main",children:(0,u.jsx)("span",{className:(0,h.default)(A&&!z&&j.default.opacity),children:(0,C.getName)(n.id)})}):(0,u.jsx)("span",{children:(0,C.getName)(n.id)});return(0,u.jsxs)(c.Link,{href:$,className:(0,h.default)(w.indentClass,j.default.component),activeClassName:j.default.active,onClick:O,active:R,children:[(0,u.jsxs)("div",{className:j.default.left,children:[(0,u.jsx)(v.Tooltip,{className:j.default.componentEnvTooltip,placement:"top",content:M,children:(0,u.jsx)(d.EnvIcon,{component:o,className:j.default.envIcon})}),B]}),(0,u.jsxs)("div",{className:j.default.right,children:[(0,u.jsx)(p.DeprecationIcon,{component:o}),L&&(0,u.jsx)(v.Tooltip,{placement:"bottom",content:"This version is deprecated",children:(0,u.jsx)("div",{className:j.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:o},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),C=r(27925),j=l(r(16389))},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 i.ScopePayload?(0,o.jsx)(l.ScopeTreeNode,{...t}):(0,o.jsx)(u.NamespaceTreeNode,{...t}):(0,o.jsx)(s.ComponentView,{...t})};let o=r(11684);a(r(12888));let i=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 o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=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,o(r(7817),n);var i=r(84199);Object.defineProperty(n,"ComponentView",{enumerable:!0,get:function(){return i.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,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(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)(),o=a?.startsWith(t.id)??!1,[i,s]=(0,p.useState)(null),l=i?.isActive===o&&i?.isCollapsed===r?i.open:o||!r,y=()=>s({isActive:o,isCollapsed:r,open:!l}),v=(0,g.getName)(t.id.replace(/\/$/,"")),_=!l&&o;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(56077))},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,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(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)(),o=a?.startsWith(t.id)??!1,[i,s]=(0,p.useState)(null),l=i?.isActive===o&&i?.isCollapsed===r?i.open:o||!r,b=()=>s({isActive:o,isCollapsed:r,open:!l}),y=(0,h.getName)(t.id.replace(/\/$/,"")),v=!l&&o;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(89221))},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(16928);return a=function(){return t},t}function o(){var t;let n=(t=r(48584))&&t.__esModule?t:{default:t};return o=function(){return n},n}function i(){let t=r(79896);return i=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,"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,o().default)(r,async([t,r])=>{n[t]=await this.ui.createBundleUiHash(r)}),(0,i().existsSync)(t)||(0,i().mkdirSync)(t,{recursive:!0}),(0,i().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,o;function i(){let t=r(78410);return i=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 i().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(o=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"))?o:o+"")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 o(){let t=r(53733);return o=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 o().UIAspect}}),Object.defineProperty(n,"UIRuntime",{enumerable:!0,get:function(){return o().UIRuntime}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return o().UIAspect}}),Object.defineProperty(n,"useDataQuery",{enumerable:!0,get:function(){return l().useDataQuery}}),Object.defineProperty(n,"useMutation",{enumerable:!0,get:function(){return u().useMutation}});var i=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(15810);return u=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]}})})},53733(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}function o(){let t=r(14451);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.UIAspect=void 0,Object.defineProperty(n,"UIRuntime",{enumerable:!0,get:function(){return o().UIRuntime}}),n.default=void 0;let i=n.UIAspect=a().Aspect.create({id:"teambit.ui-foundation/ui",declareRuntime:o().UIRuntime});n.default=i},47905(t,n,r){"use strict";function a(){let t=r(27344);return a=function(){return t},t}function o(){let t=r(78410);return o=function(){return t},t}function i(){let t=r(72631);return i=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,o){this.router=t,this.uiRootSlot=n,this.hudSlot=r,this.renderPluginsSlot=a,this.dependenciesRenderPlugins=o,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),o=this.hudSlot.values(),i=this.getLifecyclePlugins(),s=new(l()).BrowserRenderer(i,void 0,t);await s.render(c().default.createElement(p().ClientContext,null,o,a))}async renderSsr(t,n){let r=this.getRoot(t);if(!r)throw Error(`root: ${t} was not found`);let a=r(),o=this.router.renderRoutes(a.routes),i=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,i,o)),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,[i,s,l]){return new UiUI(n,i,s,l,[t.renderPlugins,{key:o().PubsubAspect.id,reactContext:r.getPubSubContext()}])}};h(UiUI,"slots",[i().Slot.withType(),i().Slot.withType(),i().Slot.withType()]),h(UiUI,"dependencies",[a().GraphqlAspect,s().ReactRouterAspect,o().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 o(){let t=r(19644);return o=function(){return t},t}function i(){let t=r(67446);return i=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(99e3));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(o().IconFont,{query:"c7vhhb"}),a().default.createElement(c().StableThemeSwitcher,null,a().default.createElement(s().Roboto,null),a().default.createElement(i().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 o(){let t=r(70722);return o=function(){return t},t}function i(){let t=r(35614);return i=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 o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):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,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):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]),[i,l]=(0,a().useState)(r);(0,a().useEffect)(()=>{l(r)},[r]);let u=(0,a().useCallback)(t=>{l(()=>t)},[]),c=(0,a().useMemo)(()=>({current:i,get currentIdx(){return m.indexOf(i)},options:m,setTheme:u}),[i,u]),f=p[i.themeName||"light"],h=(0,a().useMemo)(()=>{let t=Object.entries(d(d({},o().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(o().BaseTheme,{overrides:f},t))};let p={light:{backgroundColor:"#fdfdff",surface01Color:"#f7f7f7",warningColor:"#BB8C25"},dark:i().darkThemeValues},m=[l().LightTheme,i().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 o=n.UserAgentAspect=a().Aspect.create({id:"teambit.ui-foundation/user-agent"});n.default=o},48842(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function o(){let t=r(79845);return o=function(){return t},t}function i(){let t=c(r(12888));return i=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 i().default.createElement(l().UserAgentProvider,{value:n?.userAgent},t)}d(UserAgentUI,"slots",[]),d(UserAgentUI,"dependencies",[o().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 o=n.VueAspect=a().Aspect.create({id:"teambit.vue/vue-aspect"});n.default=o},82865(t,n,r){"use strict";function a(){let t=s(r(12888));return a=function(){return t},t}function o(){let t=r(87662);return o=function(){return t},t}function i(){let t=s(r(80774));return i=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(o().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:o})=>{let i={name:t,required:r,type:a,description:o};return n&&(i.default={value:n}),i});return 0===r.length?a().default.createElement("div",null,a().default.createElement("h2",{className:i().default.title},"Props"),a().default.createElement("p",{className:i().default.empty},"No props found.")):a().default.createElement("div",null,a().default.createElement("h2",{className:i().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:i().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:i().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:i().default.container},a().default.createElement("div",{className:i().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:i().default.container},a().default.createElement("div",{className:i().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 o(){let t=r(9003);return o=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 s(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,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):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.VueSchema=void 0;let VueSchema=class VueSchema extends o().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 o(){let t=r(64199);return o=function(){return t},t}function i(){let t=r(29146);return i=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",[o().APIReferenceAspect]),u(VueMain,"runtime",a().UIRuntime),i().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,o.useNavigate)();(0,a.useEffect)(()=>{if("u"<typeof window)return;let a=a=>{if("*"!==t&&a.origin!==t)return;let o=a.data;if(!o||o.event!==n.WORKSPACE_NAVIGATE)return;let i=o.payload??{},s=String(i.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:!!i.replace,state:i.state})}catch{}};return window.addEventListener("message",a),()=>window.removeEventListener("message",a)},[r,t])};let a=r(12888),o=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:i}={}){let s=(0,o.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=i?i(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,i])};let a=r(12888),o=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,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=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]&&o(n,t,r[s]);return i(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"),o=sessionStorage.getItem("workspace-minimal-mode");"true"===a?sessionStorage.setItem("workspace-minimal-mode","true"):sessionStorage.removeItem("workspace-minimal-mode"),!a&&o&&(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),o=r(44178);n.useWorkspaceMode=()=>{let[t,n]=(0,o.useSearchParams)(),r="true"===t.get("minimal-mode"),i=(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)(()=>{i(!r)},[r,i]);return{isMinimal:r,setMinimalMode:i,toggleMinimalMode:s}}},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 o(){let t=r(92335);return o=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(o().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 o=r(53954);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]}})});var i=r(77481);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]}})})},53954(t,n,r){"use strict";var a,o;function i(){let t=r(78410);return i=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 i().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(o=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"))?o:o+"")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,o;function i(){let t=r(78410);return i=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 i().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(o=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"))?o:o+"")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,o;function i(){let t=r(78410);return i=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 i().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(o=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"))?o:o+"")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};function o(){let t=r(25667);return o=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 o().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;var i=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}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]}})}),n.default=o().WorkspaceAspect},36483(t,n,r){"use strict";function a(){let t=r(26461);return a=function(){return t},t}function o(){let t=r(49226);return o=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 o().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 i().WorkspaceContext}}),Object.defineProperty(n,"WorkspaceProvider",{enumerable:!0,get:function(){return s().WorkspaceProvider}});var o=r(22036);function i(){let t=r(20914);return i=function(){return t},t}function s(){let t=r(73408);return s=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]}})})},95193(t,n,r){"use strict";let a;function o(){let t=r(12888);return o=function(){return t},t}function i(){let t=r(44178);return i=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,i().useLocation)(),[,n]=(0,i().useSearchParams)(),r=(0,s().useThemePicker)(),p=(0,o().useMemo)(()=>new URLSearchParams(t.search).get("theme")??void 0,[t.search]),m=r?.current?.themeName;return(0,o().useEffect)(()=>{if(!r)return;let o=new URLSearchParams(t.search),i=o.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&&i&&p&&u.has(p)){sessionStorage.removeItem(l),o.delete("theme"),c=null,d=null,n(o,{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&&!i&&s){o.set("theme",s),c=s,n(o,{replace:!0});return}if(m&&p!==m){if(d===m){d=null;return}sessionStorage.setItem(l,m),o.set("theme",m),c=m,n(o,{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 o(){let t=r(30266);return o=function(){return t},t}function i(){var t;let n=(t=r(16705))&&t.__esModule?t:{default:t};return i=function(){return n},n}function s(){let t=r(7622);return s=function(){return t},t}function l(){let t=r(15810);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,o=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 i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(n,d),[C,j]=(0,a().useState)(!1),S=!!r?.workspace,E=r?.workspace?.components?.length??0;(0,a().useEffect)(()=>{if(!S||C||"u"<typeof window)return;let t=()=>j(!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,C]);let O=(0,l().useApolloClient)(),[D,N]=(0,a().useState)(new Map);(0,a().useEffect)(()=>{if(!C||!E)return;let t=!1;return(async()=>{for(let n=0;n<E;n+=15){if(t)return;try{let r=await O.query({query:y,variables:{offset:n,limit:15},fetchPolicy:"network-only"});if(t)return;let a=r.data?.workspace?.components??[];a.length&&N(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}},[C,E,O]);let P=(0,i().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?.([o().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?.([o().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 o=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:o})})}});return()=>{t(),n(),r(),a()}},[P]);let T=(0,a().useMemo)(()=>{let t=r?.workspace;if(!t)return;let n=t.components.map(t=>{let n=D.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,D]);return m({workspace:T,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,o,i;a=t,o=n,i=r[n],(o=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+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):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