@teambit/ui 1.0.1242 → 1.0.1244

package/artifacts/ui-bundle/public/bit/static/js/{528.4f961664.js → 528.946bc3aa.js}

@@ -394,7 +394,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 i=n.CodeAspect=a().Aspect.create({id:"teambit.component/code",dependencies:[],defaultConfig:{}});n.default=i},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 i(){let t=r(75216);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.CodeSection=void 0;let CodeSection=class CodeSection{constructor(t,n){this.codeUI=t,this.pinned=n,o(this,"route",{path:"~code/*",element:this.codeUI.getCodePage()}),o(this,"navigationLink",{href:"~code",children:a().default.createElement(i().MenuWidgetIcon,{icon:"Code",tooltipContent:"Code"}),displayName:"Code",hideInMinimalMode:!this.pinned}),o(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 i(){let t=r(30266);return i=function(){return t},t}function o(){let t=r(14451);return o=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,[i],o){let{config:s}=o,l=new CodeUI(String(s.get("teambit.harmony/bit")),i),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",[i().ComponentAspect,d().ComponentCompareAspect]),w(CodeUI,"runtime",o().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 i=n.CommandBarAspect=a().Aspect.create({id:"teambit.explorer/command-bar",dependencies:[],defaultConfig:{}});n.default=i},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 i(){let t=r(58969);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CommandBarButton=function({onClick:t}){return a().default.createElement(i().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=j(r(12888));return a=function(){return t},t}function i(){let t=k(r(47065));return i=function(){return t},t}function o(){let t=k(r(73075));return o=function(){return t},t}function s(){let t=r(72631);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(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(84615));return x=function(){return t},t}function k(t){return t&&t.__esModule?t:{default:t}}function j(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(j=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function C(){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 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 O=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(o()).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=O)=>{let r=(0,i().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,i]=(0,a().useState)(!1);this.setVisibility=i;let o=(0,f().useSearcher)(this.search,{debounce:this.config.debounce});return a().default.createElement(f().CommandBar,C({key:"CommandBarUI"},o,{onEnter:n,className:x().default.commanderUi,placeholder:"Search anything or type > to only search commands",visible:r,ResultsComponent:t,onVisibilityChange:i,autofocus:!0}))}),S(this,"CommandBarButton",()=>a().default.createElement(w().CommandBarButton,{onClick:()=>this.setVisibility?.(!0)}))}static async provider([t,n,r],i,[o,s]){let l=new CommandBarUI(o,s,i),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 i(){let t=r(67881);return i=function(){return t},t}function o(){let t=r(78757);return o=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 o().CommandBarItem}}),Object.defineProperty(n,"FuzzySearcher",{enumerable:!0,get:function(){return o().FuzzySearcher}}),Object.defineProperty(n,"commandBarCommands",{enumerable:!0,get:function(){return i().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 i(){let t=c(r(97500));return i=function(){return t},t}function o(){let t=r(38348);return o=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(84878));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,i().default)(o().ellipsis,u().default.name)},c),p&&a().default.createElement(s().KeySequence,{className:(0,i().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 i(){let t=r(78757);return i=function(){return t},t}function o(){let t=r(43798);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CommandSearcher=void 0;let s=["displayName"];let CommandSearcher=class CommandSearcher extends i().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(o().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 i(){let t=r(75216);return i=function(){return t},t}function o(){let t=r(33320);return o=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(i().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",o().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 i(){let t=r(75216);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompareChangelogSection=void 0;let CompareChangelogSection=class CompareChangelogSection{constructor(t){this.compareUI=t,o(this,"navigationLink",{href:"changelog",children:a().default.createElement(i().MenuWidgetIcon,{icon:"changelog",tooltipContent:"Change log"}),displayName:"Change log"}),o(this,"props",this.navigationLink),o(this,"route",{path:"changelog/*",element:this.compareUI.getChangelogComparePage()}),o(this,"order",70),o(this,"widget",!0),o(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 i(){let t=y(r(97500));return i=function(){return t},t}function o(){let t=r(44178);return o=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(17557));return g=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentComparePage=function(t){let{host:n,tabs:r,getApiTab:o,className:f}=t,h=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,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)(()=>o?.(),[o]),j=(0,c().useCompareQueryParam)("baseVersion"),C=(0,c().useCompareQueryParam)("version"),S=(0,a().useMemo)(()=>y.logs?.slice().sort(d().sortByDateDsc)||[],[y.id.toString(),y.logs?.length]),O=0===S.length,E="teambit.workspace/workspace"===n&&!O&&!C,$=(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]),D=(0,a().useMemo)(()=>j&&y.id.changeVersion(j)||$&&y.id.changeVersion($.tag||$.hash)||y.id,[j,$?.tag,$?.hash,y.id.toString()]),{component:P,componentDescriptor:N,loading:M,error:T}=(0,s().useComponent)("teambit.scope/scope",D?.toString(),{skip:!D||O}),I=!O&&!!D&&!T&&(!!M||!P),A=D?.toString(),F=y.id.toString(),R=!O&&!E&&!!A&&A===F,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:E},base:P&&{model:P,descriptor:N},loading:!y.logs||I,logsByVersion:L,isFullScreen:!0,hidden:!1}),[y,P?.id.toString(),v,N,E,L,I]),B=(0,a().useMemo)(()=>O||R||!A||!F?null:{baseId:A,compareId:F},[O,R,A,F]),q=(0,a().useMemo)(()=>B?[B]:[],[B]),G=(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=D?.version?.slice(0,7),V=E?"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,i().default)(g().default.page,f)},h),a().default.createElement("div",{className:g().default.versionPickerRow},a().default.createElement(u().ComponentCompareVersionPicker,{componentId:y.id.toStringWithoutVersion(),baseVersion:D?.version,compareVersion:y.id.version,compareHasLocalChanges:E,host:n})),R?a().default.createElement("div",{className:g().default.blankState},a().default.createElement(l().InlineCompareEmpty,{message:"No changes to compare",baseVersion:U,compareVersion:V,hint:"Both sides point to the same version. Pick a different base above to compare."})):a().default.createElement(x,{isNew:O,name:y.id.fullName,baseId:O?void 0:A,compareId:F||y.id.toString(),baseVersionShort:U,compareVersionShort:V,resolvedTabs:w,registeredModeIds:G,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 i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function _(){return(_=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}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:i,baseVersionShort:s,compareVersionShort:u,resolvedTabs:c,registeredModeIds:d,apiTab:p,host:b}){let[y]=(0,o().useSearchParams)(),[v,_]=(0,a().useState)(y.get("view")||"code"),[j,C]=(0,a().useState)(y.get("diffMode")||"split"),[S,O]=(0,a().useState)(!1),[E,$]=(0,a().useState)(),[D,P]=(0,a().useState)(),N=(0,a().useRef)(null),M=(0,a().useRef)(void 0),T=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())},[]),I=a().default.useCallback(t=>{_(t),T("view","code"===t?void 0:t)},[T]),A=a().default.useCallback(t=>{C(t),T("diffMode","split"===t?void 0:t)},[T]),F=(0,l().useComponentCompare)(),R=(0,m().useCompareData)(),L=(0,m().useFileRegistry)(),z=R?.compareDataFor(i),B=R?.loading??!1,{result:q,loading:G}=(0,h().useApiDiff)(r,i,{skip:!p}),U=t=>!!t&&!t.available&&("NOT_BUILT"===t.reason||"FAILED"===t.reason),V=!!q&&(q.hasChanges||(q.unresolvedExports?.length??0)>0||U(q.base)||U(q.compare)),H=(F?.loading??!1)||B||!!p&&G,Z=(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(F?.base?.descriptor),r(F?.compare?.descriptor)).filter(t=>"unchanged"!==t.status).length,i=Math.max(F?.compare?.model?.compositions?.length||0,F?.base?.model?.compositions?.length||0),o=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:o;break;case"config":n.config=t?1:s;break;case"tests":n.tests=t?0:l;break;case"preview":n.preview=i;break;case"dependencies":n.dependencies=a;break;case"api":n.api=+!!V;break;default:n[r]=1}return n},[H,d,t,z,F,V]),X=i.split("@")[0],W=L?.getVersion(),Y=(0,a().useMemo)(()=>"code"===v?L?.getFiles(X):"config"===v?L?.getAspectFiles(X):"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,X,z?.tests,q]),Q=(0,a().useMemo)(()=>[{key:"component",label:"Component",items:[{id:X,name:n,files:Y}]}],[X,n,Y]);return((0,a().useEffect)(()=>{M.current?.(),M.current=void 0,$(void 0),P(void 0)},[v]),(0,a().useEffect)(()=>()=>{M.current?.()},[]),(0,a().useEffect)(()=>{if(!H&&(Z[v]??0)===0){let t=w.find(t=>(Z[t.id]??0)>0);t&&I(t.id)}},[Z,v,H]),H)?a().default.createElement(k,null):a().default.createElement(m().DiffModeProvider,{mode:j},a().default.createElement(m().DepsFilterProvider,{showAll:S},a().default.createElement(m().CompareToolbar,{viewMode:v,onViewModeChange:t=>I(t),endActions:a().default.createElement(m().CompareToolbarActions,{viewMode:v,diffMode:j,onDiffModeChange:A,depsShowAll:S,onDepsShowAllChange:O}),viewModes:w,counts:Z,showCounts:!1,loading:H}),a().default.createElement("div",{className:g().default.layout},"dependencies"!==v&&a().default.createElement(m().CompareSidebar,{groups:Q,selectedId:E,selectedFile:D,defaultExpandFiles:"code"===v||"config"===v||"tests"===v||"api"===v,onSelect:(t,n)=>{let r=t||void 0;$(r),P(n),M.current?.(),M.current=r?function(t,n,r){let a,i,o,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 o,c,d,p;if(u)return!1;let m=t.querySelector(l);return!!m&&(a?.disconnect(),i&&clearTimeout(i),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&&(o=requestAnimationFrame(p))})(),s=()=>{c=!0,void 0!==o&&cancelAnimationFrame(o)},!0)};return o=requestAnimationFrame(()=>{c()||((a=new MutationObserver(c)).observe(t,{childList:!0,subtree:!0}),i=setTimeout(()=>a?.disconnect(),5e3))}),()=>{u=!0,void 0!==o&&cancelAnimationFrame(o),i&&clearTimeout(i),a?.disconnect(),s?.()}}(N.current,r,n):void 0}}),a().default.createElement("div",{ref:N,className:g().default.diffPane,"data-view-mode":v},a().default.createElement(m().InlineComponentCompare,{name:n,baseId:r,compareId:i,baseVersion:s,compareVersion:u,allTabs:c,host:b,baseOverride:F?.base,compareOverride:F?.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 i=n.ComponentCompareAspect=a().Aspect.create({id:"teambit.component/component-compare"});n.default=i},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 i(){let t=r(75216);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentCompareSection=void 0;let ComponentCompareSection=class ComponentCompareSection{constructor(t,n){this.componentCompare=t,this.pinned=n,o(this,"navigationLink",{href:"~compare",displayName:"Compare",children:a().default.createElement(i().MenuWidgetIcon,{icon:"compare",tooltipContent:"Compare"}),hideInMinimalMode:!this.pinned}),o(this,"route",{path:"~compare/*",element:this.componentCompare.getComponentComparePage()}),o(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 i(){let t=g(r(47065));return i=function(){return t},t}function o(){let t=r(72631);return o=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,i,o,s){this.host=t,this.navSlot=n,this.routeSlot=r,this.compareTabSlot=i,this.apiDiffInsightSlot=o,this.compUI=s,v(this,"getComponentComparePage",t=>{let n=t?.tabs||(()=>this.resolveCompareTabs()),r=t?.host||this.host,i=()=>this.tabs.find(t=>"api"===t.id)?.element;return a().default.createElement(h().ComponentComparePage,{tabs:n,host:r,getApiTab:i})}),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,i().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,i().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,i().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,i,o],s){let{config:l}=s,u=new ComponentCompareUI(String(l.get("teambit.harmony/bit")),r,a,i,o,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",[o().Slot.withType(),o().Slot.withType(),o().Slot.withType(),o().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 i(){let t=r(76089);return i=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=i().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 i(){let t=r(76089);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"AspectDataEntry",{enumerable:!0,get:function(){return i().AspectDataEntry}}),Object.defineProperty(n,"AspectList",{enumerable:!0,get:function(){return i().AspectList}}),Object.defineProperty(n,"AspectListProps",{enumerable:!0,get:function(){return i().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 i(){let t=r(19100);return i=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(i()).ComponentID(t))}),n},n.formatTitle=l;let o=n.ISSUE_FORMAT_SPACE_COUNT=10,s=n.ISSUE_FORMAT_SPACE=" ".repeat(o);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 i=n.CodeAspect=a().Aspect.create({id:"teambit.component/code",dependencies:[],defaultConfig:{}});n.default=i},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 i(){let t=r(75216);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.CodeSection=void 0;let CodeSection=class CodeSection{constructor(t,n){this.codeUI=t,this.pinned=n,o(this,"route",{path:"~code/*",element:this.codeUI.getCodePage()}),o(this,"navigationLink",{href:"~code",children:a().default.createElement(i().MenuWidgetIcon,{icon:"Code",tooltipContent:"Code"}),displayName:"Code",hideInMinimalMode:!this.pinned}),o(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 i(){let t=r(30266);return i=function(){return t},t}function o(){let t=r(14451);return o=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,[i],o){let{config:s}=o,l=new CodeUI(String(s.get("teambit.harmony/bit")),i),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",[i().ComponentAspect,d().ComponentCompareAspect]),w(CodeUI,"runtime",o().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 i=n.CommandBarAspect=a().Aspect.create({id:"teambit.explorer/command-bar",dependencies:[],defaultConfig:{}});n.default=i},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 i(){let t=r(58969);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CommandBarButton=function({onClick:t}){return a().default.createElement(i().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=j(r(12888));return a=function(){return t},t}function i(){let t=k(r(47065));return i=function(){return t},t}function o(){let t=k(r(73075));return o=function(){return t},t}function s(){let t=r(72631);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(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(84615));return x=function(){return t},t}function k(t){return t&&t.__esModule?t:{default:t}}function j(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(j=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function C(){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 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 O=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(o()).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=O)=>{let r=(0,i().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,i]=(0,a().useState)(!1);this.setVisibility=i;let o=(0,f().useSearcher)(this.search,{debounce:this.config.debounce});return a().default.createElement(f().CommandBar,C({key:"CommandBarUI"},o,{onEnter:n,className:x().default.commanderUi,placeholder:"Search anything or type > to only search commands",visible:r,ResultsComponent:t,onVisibilityChange:i,autofocus:!0}))}),S(this,"CommandBarButton",()=>a().default.createElement(w().CommandBarButton,{onClick:()=>this.setVisibility?.(!0)}))}static async provider([t,n,r],i,[o,s]){let l=new CommandBarUI(o,s,i),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 i(){let t=r(67881);return i=function(){return t},t}function o(){let t=r(78757);return o=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 o().CommandBarItem}}),Object.defineProperty(n,"FuzzySearcher",{enumerable:!0,get:function(){return o().FuzzySearcher}}),Object.defineProperty(n,"commandBarCommands",{enumerable:!0,get:function(){return i().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 i(){let t=c(r(97500));return i=function(){return t},t}function o(){let t=r(38348);return o=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(84878));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,i().default)(o().ellipsis,u().default.name)},c),p&&a().default.createElement(s().KeySequence,{className:(0,i().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 i(){let t=r(78757);return i=function(){return t},t}function o(){let t=r(43798);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CommandSearcher=void 0;let s=["displayName"];let CommandSearcher=class CommandSearcher extends i().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(o().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 i(){let t=r(75216);return i=function(){return t},t}function o(){let t=r(33320);return o=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(i().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",o().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 i(){let t=r(75216);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompareChangelogSection=void 0;let CompareChangelogSection=class CompareChangelogSection{constructor(t){this.compareUI=t,o(this,"navigationLink",{href:"changelog",children:a().default.createElement(i().MenuWidgetIcon,{icon:"changelog",tooltipContent:"Change log"}),displayName:"Change log"}),o(this,"props",this.navigationLink),o(this,"route",{path:"changelog/*",element:this.compareUI.getChangelogComparePage()}),o(this,"order",70),o(this,"widget",!0),o(this,"id","changelog")}};n.CompareChangelogSection=CompareChangelogSection},31070(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(33320);return i=function(){return t},t}function o(){let t=r(84635);return o=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.DependenciesCompareSection=void 0;let DependenciesCompareSection=class DependenciesCompareSection{constructor(){s(this,"navigationLink",{href:"dependencies",children:"Dependencies"}),s(this,"props",this.navigationLink),s(this,"route",{path:"dependencies/*",element:a().default.createElement(o().DependenciesCompare,null)}),s(this,"order",25),s(this,"changeType",i().ChangeType.DEPENDENCY),s(this,"id","dependencies")}};n.DependenciesCompareSection=DependenciesCompareSection},90385(t,n,r){"use strict";function a(){let t=v(r(12888));return a=function(){return t},t}function i(){let t=y(r(97500));return i=function(){return t},t}function o(){let t=r(44178);return o=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(17557));return g=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentComparePage=function(t){let{host:n,tabs:r,getApiTab:o,className:f}=t,h=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,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)(()=>o?.(),[o]),j=(0,c().useCompareQueryParam)("baseVersion"),C=(0,c().useCompareQueryParam)("version"),S=(0,a().useMemo)(()=>y.logs?.slice().sort(d().sortByDateDsc)||[],[y.id.toString(),y.logs?.length]),O=0===S.length,E="teambit.workspace/workspace"===n&&!O&&!C,$=(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]),D=(0,a().useMemo)(()=>j&&y.id.changeVersion(j)||$&&y.id.changeVersion($.tag||$.hash)||y.id,[j,$?.tag,$?.hash,y.id.toString()]),{component:P,componentDescriptor:N,loading:M,error:T}=(0,s().useComponent)("teambit.scope/scope",D?.toString(),{skip:!D||O}),I=!O&&!!D&&!T&&(!!M||!P),A=D?.toString(),F=y.id.toString(),R=!O&&!E&&!!A&&A===F,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:E},base:P&&{model:P,descriptor:N},loading:!y.logs||I,logsByVersion:L,isFullScreen:!0,hidden:!1}),[y,P?.id.toString(),v,N,E,L,I]),B=(0,a().useMemo)(()=>O||R||!A||!F?null:{baseId:A,compareId:F},[O,R,A,F]),q=(0,a().useMemo)(()=>B?[B]:[],[B]),G=(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=D?.version?.slice(0,7),V=E?"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,i().default)(g().default.page,f)},h),a().default.createElement("div",{className:g().default.versionPickerRow},a().default.createElement(u().ComponentCompareVersionPicker,{componentId:y.id.toStringWithoutVersion(),baseVersion:D?.version,compareVersion:y.id.version,compareHasLocalChanges:E,host:n})),R?a().default.createElement("div",{className:g().default.blankState},a().default.createElement(l().InlineCompareEmpty,{message:"No changes to compare",baseVersion:U,compareVersion:V,hint:"Both sides point to the same version. Pick a different base above to compare."})):a().default.createElement(x,{isNew:O,name:y.id.fullName,baseId:O?void 0:A,compareId:F||y.id.toString(),baseVersionShort:U,compareVersionShort:V,resolvedTabs:w,registeredModeIds:G,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 i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function _(){return(_=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}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:i,baseVersionShort:s,compareVersionShort:u,resolvedTabs:c,registeredModeIds:d,apiTab:p,host:b}){let[y]=(0,o().useSearchParams)(),[v,_]=(0,a().useState)(y.get("view")||"code"),[j,C]=(0,a().useState)(y.get("diffMode")||"split"),[S,O]=(0,a().useState)(!1),[E,$]=(0,a().useState)(),[D,P]=(0,a().useState)(),N=(0,a().useRef)(null),M=(0,a().useRef)(void 0),T=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())},[]),I=a().default.useCallback(t=>{_(t),T("view","code"===t?void 0:t)},[T]),A=a().default.useCallback(t=>{C(t),T("diffMode","split"===t?void 0:t)},[T]),F=(0,l().useComponentCompare)(),R=(0,m().useCompareData)(),L=(0,m().useFileRegistry)(),z=R?.compareDataFor(i),B=R?.loading??!1,{result:q,loading:G}=(0,h().useApiDiff)(r,i,{skip:!p}),U=t=>!!t&&!t.available&&("NOT_BUILT"===t.reason||"FAILED"===t.reason),V=!!q&&(q.hasChanges||(q.unresolvedExports?.length??0)>0||U(q.base)||U(q.compare)),H=(F?.loading??!1)||B||!!p&&G,Z=(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(F?.base?.descriptor),r(F?.compare?.descriptor)).filter(t=>"unchanged"!==t.status).length,i=Math.max(F?.compare?.model?.compositions?.length||0,F?.base?.model?.compositions?.length||0),o=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:o;break;case"config":n.config=t?1:s;break;case"tests":n.tests=t?0:l;break;case"preview":n.preview=i;break;case"dependencies":n.dependencies=a;break;case"api":n.api=+!!V;break;default:n[r]=1}return n},[H,d,t,z,F,V]),X=i.split("@")[0],W=L?.getVersion(),Y=(0,a().useMemo)(()=>"code"===v?L?.getFiles(X):"config"===v?L?.getAspectFiles(X):"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,X,z?.tests,q]),Q=(0,a().useMemo)(()=>[{key:"component",label:"Component",items:[{id:X,name:n,files:Y}]}],[X,n,Y]);return((0,a().useEffect)(()=>{M.current?.(),M.current=void 0,$(void 0),P(void 0)},[v]),(0,a().useEffect)(()=>()=>{M.current?.()},[]),(0,a().useEffect)(()=>{if(!H&&(Z[v]??0)===0){let t=w.find(t=>(Z[t.id]??0)>0);t&&I(t.id)}},[Z,v,H]),H)?a().default.createElement(k,null):a().default.createElement(m().DiffModeProvider,{mode:j},a().default.createElement(m().DepsFilterProvider,{showAll:S},a().default.createElement(m().CompareToolbar,{viewMode:v,onViewModeChange:t=>I(t),endActions:a().default.createElement(m().CompareToolbarActions,{viewMode:v,diffMode:j,onDiffModeChange:A,depsShowAll:S,onDepsShowAllChange:O}),viewModes:w,counts:Z,showCounts:!1,loading:H}),a().default.createElement("div",{className:g().default.layout},"dependencies"!==v&&a().default.createElement(m().CompareSidebar,{groups:Q,selectedId:E,selectedFile:D,defaultExpandFiles:"code"===v||"config"===v||"tests"===v||"api"===v,onSelect:(t,n)=>{let r=t||void 0;$(r),P(n),M.current?.(),M.current=r?function(t,n,r){let a,i,o,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 o,c,d,p;if(u)return!1;let m=t.querySelector(l);return!!m&&(a?.disconnect(),i&&clearTimeout(i),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&&(o=requestAnimationFrame(p))})(),s=()=>{c=!0,void 0!==o&&cancelAnimationFrame(o)},!0)};return o=requestAnimationFrame(()=>{c()||((a=new MutationObserver(c)).observe(t,{childList:!0,subtree:!0}),i=setTimeout(()=>a?.disconnect(),5e3))}),()=>{u=!0,void 0!==o&&cancelAnimationFrame(o),i&&clearTimeout(i),a?.disconnect(),s?.()}}(N.current,r,n):void 0}}),a().default.createElement("div",{ref:N,className:g().default.diffPane,"data-view-mode":v},a().default.createElement(m().InlineComponentCompare,{name:n,baseId:r,compareId:i,baseVersion:s,compareVersion:u,allTabs:c,host:b,baseOverride:F?.base,compareOverride:F?.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 i=n.ComponentCompareAspect=a().Aspect.create({id:"teambit.component/component-compare"});n.default=i},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 i(){let t=r(75216);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentCompareSection=void 0;let ComponentCompareSection=class ComponentCompareSection{constructor(t,n){this.componentCompare=t,this.pinned=n,o(this,"navigationLink",{href:"~compare",displayName:"Compare",children:a().default.createElement(i().MenuWidgetIcon,{icon:"compare",tooltipContent:"Compare"}),hideInMinimalMode:!this.pinned}),o(this,"route",{path:"~compare/*",element:this.componentCompare.getComponentComparePage()}),o(this,"order",this.pinned?20:35)}};n.ComponentCompareSection=ComponentCompareSection},51035(t,n,r){"use strict";function a(){let t=b(r(12888));return a=function(){return t},t}function i(){let t=b(r(47065));return i=function(){return t},t}function o(){let t=r(72631);return o=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(31070);return h=function(){return t},t}function g(){let t=r(90385);return g=function(){return t},t}function b(t){return t&&t.__esModule?t:{default:t}}function y(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 v(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?y(Object(r),!0).forEach(function(n){_(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return 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 ComponentCompareUI=class ComponentCompareUI{constructor(t,n,r,i,o,s){this.host=t,this.navSlot=n,this.routeSlot=r,this.compareTabSlot=i,this.apiDiffInsightSlot=o,this.compUI=s,_(this,"getComponentComparePage",t=>{let n=t?.tabs||(()=>this.resolveCompareTabs()),r=t?.host||this.host,i=()=>this.tabs.find(t=>"api"===t.id)?.element;return a().default.createElement(g().ComponentComparePage,{tabs:n,host:r,getApiTab:i})}),_(this,"getAspectsComparePage",()=>a().default.createElement(c().ComponentCompareAspects,{host:this.host})),_(this,"getChangelogComparePage",()=>a().default.createElement(u().ComponentCompareChangelog,null)),_(this,"_resolvedApiDiffInsights",void 0),_(this,"_resolvedApiDiffInsightsKey",void 0),_(this,"_resolvedCompareTabs",void 0),_(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,i().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,i().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,i().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 v(v({},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,i,o],s){let{config:l}=s,u=new ComponentCompareUI(String(l.get("teambit.harmony/bit")),r,a,i,o,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 g=new(d()).AspectsCompareSection(u),b=new(f()).CompareChangelogSection(u),y=new(h()).DependenciesCompareSection;return u.registerNavigation([g,b,y]),u.registerRoutes([g.route,b.route,y.route]),u}};_(ComponentCompareUI,"runtime",l().UIRuntime),_(ComponentCompareUI,"slots",[o().Slot.withType(),o().Slot.withType(),o().Slot.withType(),o().Slot.withType()]),_(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 i(){let t=r(76089);return i=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=i().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 i(){let t=r(76089);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"AspectDataEntry",{enumerable:!0,get:function(){return i().AspectDataEntry}}),Object.defineProperty(n,"AspectList",{enumerable:!0,get:function(){return i().AspectList}}),Object.defineProperty(n,"AspectListProps",{enumerable:!0,get:function(){return i().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 i(){let t=r(19100);return i=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(i()).ComponentID(t))}),n},n.formatTitle=l;let o=n.ISSUE_FORMAT_SPACE_COUNT=10,s=n.ISSUE_FORMAT_SPACE=" ".repeat(o);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 i(){let t=r(71848);return i=function(){return t},t}function o(){let t=r(11558);return o=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 i().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 i().ISSUE_FORMAT_SPACE}}),Object.defineProperty(n,"MISSING_NESTED_DEPS_SPACE",{enumerable:!0,get:function(){return o().MISSING_NESTED_DEPS_SPACE}}),Object.defineProperty(n,"RelativeComponentsAuthoredEntry",{enumerable:!0,get:function(){return s().RelativeComponentsAuthoredEntry}}),Object.defineProperty(n,"UntrackedFileDependencyEntry",{enumerable:!0,get:function(){return o().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 i(){let t=r(13916);return i=function(){return t},t}function o(){let t=r(45185);return o=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 j(){let t=r(37395);return j=function(){return t},t}function C(){let t=r(68131);return C=function(){return t},t}function S(){let t=r(21587);return S=function(){return t},t}function O(){let t=r(75699);return O=function(){return t},t}function E(){let t=r(42357);return E=function(){return t},t}function $(){let t=r(73773);return $=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:o().MissingDependenciesOnFs,ImportNonMainFiles:i().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:O().RemovedEnv,DeprecatedDependencies:S().DeprecatedDependencies,SelfReference:j().SelfReference,ImportFromDirectory:C().ImportFromDirectory,LoadFailures:E().LoadFailures,PinnedDependencies:$().PinnedDependencies};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},73773(t,n,r){"use strict";function a(){let t=r(71848);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.PinnedDependencies=void 0;let PinnedDependencies=class PinnedDependencies extends a().ComponentIssue{description='dependencies on workspace components with a version set by config ("bit deps set", variants or env), not the workspace version';solution='to use the workspace version, remove the version from the config, e.g. "bit deps unset <component> <package>"';data=[];isTagBlocker=!1;dataToString(){return a().ISSUE_FORMAT_SPACE+this.data.join(", ")}};n.PinnedDependencies=PinnedDependencies},90477(t,n,r){"use strict";function a(){let t=r(19100);return a=function(){return t},t}function i(){let t=r(71848);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.RelativeComponentsAuthored=void 0;let RelativeComponentsAuthored=class RelativeComponentsAuthored extends i().ComponentIssue{description="components with relative import statements found";solution='replace to module paths or use "bit link --rewire" to replace';data={};isCacheBlocker=!1;formatDataFunction=o;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 o(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 o,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,i=a.lastIndexOf("/");return{scope:i>0?a.slice(0,i):void 0,name:i>0?a.slice(i+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=(o=n>1?r:void 0,p="",n>1&&void 0!==o?p+=`Cycle ${o+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 o=0;o<t.length;o++)n.push(a().default.cyan(t[o])),r.push(t[o]),o<t.length-1&&(n.push(a().default.dim(i)),r.push(i));let o=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"),o+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}
@@ -428,7 +428,7 @@ ${l}`}).join("\n\n")+"\n"};let i="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
       }
     }
   }
-`;let p=(0,u.createContext)(void 0)},33006(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompareSidebar=function({groups:t,selectedId:n,selectedFile:r,onSelect:a,loading:i,className:o,defaultExpandFiles:s}){return(0,u.jsxs)("div",{className:`${p.default.sidebar}${o?` ${o}`:""}`,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:[i&&(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))}),!i&&t.map(i=>(0,u.jsx)(m,{group:i,selectedId:n,selectedFile:r,onSelect:a,isSingleGroup:1===t.length,defaultExpandFiles:s},i.key))]})]})};let u=r(11684),c=s(r(12888)),d=r(516),p=l(r(17124));function m({group:t,selectedId:n,selectedFile:r,onSelect:a,isSingleGroup:i,defaultExpandFiles:o}){let[s,l]=(0,c.useState)(!1);return(0,u.jsxs)("div",{className:p.default.sidebarGroup,children:[!i&&(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:o},t.id))})]})}function f({item:t,isSelected:n,selectedFile:r,onSelect:a,defaultExpand:i}){var o;let[s,l]=(0,c.useState)(i??!1),m=t.files&&t.files.length>0;return(0,c.useEffect)(()=>{i&&m&&l(!0)},[i,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[o=t.status]||o}),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(i=>(0,u.jsxs)("button",{className:`${p.default.fileItem} ${r===i.name&&n?p.default.fileItemSelected:""}`,onClick:()=>a(t.id,i.name),children:[(0,u.jsx)("span",{className:`${p.default.fileStatus} ${i.status?p.default[`fileStatus${i.status}`]:""}`}),(0,u.jsx)("span",{className:p.default.fileName,children:i.name}),i.status&&"UNCHANGED"!==i.status&&(0,u.jsx)("span",{className:`${p.default.fileStatusLabel} ${p.default[`fileStatusLabel${i.status}`]||""}`,children:"NEW"===i.status?"N":"DELETED"===i.status?"D":"M"})]},i.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,i.jsx)(o.ToggleButton,{onOptionSelect:t=>r(0===t?"split":"unified"),defaultIndex:+("split"!==n),options:[{value:"split",element:(0,i.jsx)("span",{children:"Split"})},{value:"unified",element:(0,i.jsx)("span",{children:"Unified"})}],className:s.default.diffModeToggle}):"dependencies"===t?(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>l(1===t),defaultIndex:+!!a,options:[{value:"changed",element:(0,i.jsx)("span",{children:"Changed"})},{value:"all",element:(0,i.jsx)("span",{children:"All"})}],className:s.default.diffModeToggle}):null};let i=r(11684);a(r(12888));let o=r(74256),s=a(r(46133))},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 j=g.map(t=>({value:t.id,label:t.displayName,icon:t.icon,count:m[t.id]??0})).filter(t=>t.count>0),C=!!(b&&b.length>0&&a),S=C?Math.max(0,b.findIndex(t=>t.value===r)):0,O=j.findIndex(n=>n.value===t);return(0,i.jsxs)("div",{className:`${c.default.toolbar}${x?` ${x}`:""}`,style:k?{"--sidebar-width":`${k}px`}:void 0,children:[y&&_&&(0,i.jsx)("div",{className:c.default.toolbarSearch,children:(0,i.jsx)(u.MultiSelect,{id:"search-components",styles:d,placeholder:w,options:y,activeOptions:v||[],onChange:t=>_(t||[]),className:c.default.componentSearchSelect})}),(0,i.jsxs)("div",{className:c.default.toolbarLeft,children:[(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>{n(j[t].value)},defaultIndex:O>=0?O:0,options:j.map(t=>({value:t.value,element:(0,i.jsxs)("div",{className:c.default.toolbarOption,children:[t.icon&&(0,i.jsx)(s.Icon,{of:t.icon}),(0,i.jsx)("span",{children:t.label}),f&&(h?(0,i.jsx)("span",{className:c.default.toolbarBadgeSkeleton}):(0,i.jsx)("span",{className:c.default.toolbarBadge,children:t.count}))]})})),className:c.default.viewModeToggle}),C&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:c.default.toolbarSeparator}),(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>a(b[t].value),defaultIndex:S>=0?S:0,options:b.map(t=>({value:t.value,element:(0,i.jsx)(l.Tooltip,{content:`Group by ${t.label}`,children:(0,i.jsx)("span",{children:t.label})})})),className:c.default.groupByToggle})]})]}),p&&(0,i.jsx)("div",{className:c.default.toolbarRight,children:p})]})};let i=r(11684);a(r(12888));let o=r(74256),s=r(516),l=r(62634),u=r(88320),c=a(r(46133)),d={control:()=>({fontSize:"13px",padding:"2px 4px",height:"32px",width:"100%"}),singleValue:()=>({padding:0})}},41009(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.InlineComponentCompare=void 0,n.ComponentCompare=function(t){let{host:n,baseId:r,compareId:a,routes:i,state:o,tabs:s,className:l,hooks:p,changes:m,customUseComponent:y,Loader:_=T,baseContext:x,compareContext:j,isFullScreen:C,hidden:E=!1,compareIdOverride:$,baseIdOverride:P,...N}=t,M=(0,b.useCompareQueryParam)("baseVersion"),A=(0,c.useContext)(f.ComponentContext),F=(0,c.useContext)(f.ComponentDescriptorContext),R=(0,v.useLocation)(),L="teambit.workspace/workspace"===n,z=!L||R?.search.includes("version")||a||A.logs?.length!==0?"teambit.scope/scope":n,{component:B,loading:q,componentDescriptor:G}=(0,f.useComponent)(z,$?.toString()||a?.toString(),{skip:E||!a&&!$,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]),V=(0,c.useMemo)(()=>0===U.length,[U]),H=!L||V||R?.search.includes("version")||a?A.id.version:"workspace",Z="workspace"===H,X=(0,c.useMemo)(()=>Z?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,Z]),W=c.default.useMemo(()=>r||M&&A.id.changeVersion(M)||X&&A.id.changeVersion(X.tag||X.hash)||A.id,[q,r,M,X?.tag,X?.hash]),{component:Y,loading:Q,componentDescriptor:K}=(0,f.useComponent)("teambit.scope/scope",P?.toString()||W?.toString(),{customUseComponent:y,skip:E||!W&&!P,logFilters:{log:{}}}),J=Q||q,ee=a?B:A,et=`${Y?.id.toString()}-${ee?.id.toString()}`,en=(0,c.useMemo)(()=>(ee?.logs||[]).slice().reduce(w.groupByVersion,new Map),[ee?.id.toString()]),er=E||Y?.id.version?.toString()===ee?.id.version?.toString()&&!Z,{loading:ea,componentCompareData:ei}=(0,g.useComponentCompareQuery)(Y?.id.toString(),ee?.id.toString(),void 0,er),{loading:eo,result:es}=(0,O.useApiDiff)(Y?.id.toString(),ee?.id.toString(),{skip:E}),el=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!ei)return null;let t=new Map;return(ei?.code||[]).forEach(n=>{t.set(n.fileName,n)}),t},[ea,J,et,ei]),eu=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!ei)return null;let t=new Map;return(ei?.aspects||[]).forEach(n=>{t.set(n.fieldName,n)}),t},[ea,J,et,ei]),ec=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!ei)return null;let t=new Map;return(ei?.tests||[]).forEach(n=>{t.set(n.fileName,n)}),t},[ea,J,et,ei]),ed=(0,c.useMemo)(()=>{if(!J&&!eo)return es??null},[J,eo,et,es]),ep=(0,c.useMemo)(()=>({compare:ee&&{model:ee,descriptor:G||F,hasLocalChanges:Z},base:Y&&{model:Y,descriptor:K},loading:J,logsByVersion:en,state:o,hooks:p,baseContext:x,compareContext:j,fieldCompareDataByName:eu,fileCompareDataByName:el,testCompareDataByName:ec,apiDiffResult:ed,isFullScreen:C,hidden:E}),[ee,G,F,Z,Y,K,J,en,o,p,x,j,eu,el,ec,ed,C,E]),em=(0,c.useMemo)(()=>m||function(t,n,r,a,i,o){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=o?.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 i?.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)(D.default.componentCompareContainer,l),...N,children:(0,u.jsx)(I,{...t,componentId:ee?.id?.toStringWithoutVersion()||W.toStringWithoutVersion()||A?.id?.toStringWithoutVersion(),baseVersion:W.version,compareVersion:a?.version||A.id.version,compareHasLocalChanges:Z,changes:em,loading:J,Loader:_},et)})})},n.DeferredTab=z,n.NewComponentFileRegistrar=G,n.ComponentCompareHeader=V,n.RegistryFeeder=function({pairs:t}){return(0,u.jsx)(u.Fragment,{children:t.map(t=>(0,u.jsx)(Z,{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),j=r(28669),C=r(91317),S=r(33320),O=r(7110),E=r(1814),$=r(65354),D=l(r(70993));function P(){return(0,u.jsx)(C.WordSkeleton,{className:D.default.tabLoader,length:5})}function N({children:t,changed:n,changeTypeCss:r,loading:a,className:i,...o}){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",{...o,className:(0,d.default)(D.default.compareMenuTab,i),children:[r&&s&&(0,u.jsx)("div",{className:(0,d.default)(D.default.indicator,r)}),(0,u.jsx)("div",{className:(0,d.default)(D.default.menuTab),children:t})]})}function M({tabs:t,state:n,hooks:r,changes:a}){let i=n?.tabs?.id,o=n?.tabs?.controlled,s=(0,j.extractLazyLoadedData)(t)||[],l=(0,c.useMemo)(()=>s.sort(x.sortTabs).map((t,s)=>{let l=n?!!i&&!!t?.id&&i===t.id:void 0,c=a&&t.changeType&&a.some(n=>t.changeType===n)?D.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:!o&&t.props?.href||void 0,activeClassName:!d&&D.default.activeNav||D.default.loadingNav,className:D.default.navItem,children:(0,u.jsx)(N,{loading:d,changeTypeCss:c,changed:a,children:t.props?.children},p)}}]}),[s.length,i,a,a?.length]),d=(0,c.useMemo)(()=>l.filter(([,t])=>!t.widget),[l.length,i,a?.length,a]),p=(0,c.useMemo)(()=>l.filter(([,t])=>t.widget),[l.length,i,a?.length,a]);return(0,u.jsx)("div",{className:D.default.navContainer,children:(0,u.jsx)(f.CollapsibleMenuNav,{navPlugins:d,widgetPlugins:p})})}function T({className:t,...n}){return(0,u.jsxs)("div",{className:t,...n,children:[(0,u.jsx)(C.BlockSkeleton,{className:D.default.navLoader,lines:3}),(0,u.jsxs)("div",{className:D.default.compareLoader,children:[(0,u.jsx)("div",{className:D.default.compareViewLoader,children:(0,u.jsx)(C.BlockSkeleton,{lines:30})}),(0,u.jsx)("div",{className:D.default.compareSidebarLoader,children:(0,u.jsx)(C.BlockSkeleton,{lines:30})})]})]})}function I(t){let{routes:n,state:r,loading:a,Loader:i=T,baseVersion:o,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:D.default.top,children:r?.versionPicker?.element||(0,u.jsx)(y.ComponentCompareVersionPicker,{componentId:c,baseVersion:o,compareVersion:s,compareHasLocalChanges:l,host:t.host,customUseComponent:t.customUseComponent})}),a&&!p&&(0,u.jsx)(i,{className:(0,d.default)(D.default.loader)}),!a&&(0,u.jsxs)("div",{className:(0,d.default)(D.default.bottom,p&&D.default.hidden),children:[(0,u.jsx)(M,{...t}),((0,j.extractLazyLoadedData)(n)||[]).length>0&&(0,u.jsx)(_.SlotRouter,{routes:(0,j.extractLazyLoadedData)(n)||[]}),r?.tabs?.element]})]})}let A=[],F=!1;function R(t){return A.push(t),F||(F=!0,requestAnimationFrame(function t(){let n=A.shift();n&&(0,c.startTransition)(n),A.length>0?requestAnimationFrame(t):F=!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:i,baseUrl:o,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,j]=(0,c.useState)(!1),C=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=R(()=>j(!0)))},{rootMargin:"400px 0px"});return r.observe(n),()=>{r.disconnect(),t?.()}},[]),(0,u.jsxs)("div",{ref:C,className:`${D.default.componentCompare} ${g||""}`,"data-component-id":r.split("@")[0],style:p?{"--component-accent":p}:void 0,..._,children:[(0,u.jsx)(V,{name:t,componentId:r.split("@")[0],envIcon:l,baseVersion:a,compareVersion:i,baseUrl:o,compareUrl:s,changeTags:d}),!n&&!!r&&(0,u.jsx)(G,{compareId:r}),!k&&(0,u.jsx)(H,{lines:4,className:D.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),[i,o]=(0,c.useState)(!r);return(0,c.useEffect)(()=>{let t;if(i)return;let n=a.current;if(!n)return;let r=new IntersectionObserver(([n])=>{n.isIntersecting&&(r.disconnect(),t=R(()=>o(!0)))},{rootMargin:"600px 0px"});return r.observe(n),()=>{r.disconnect(),t?.()}},[i]),(0,u.jsx)("div",{ref:a,"data-tab-id":t,children:i?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:i,children:o}){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||!!i,context:{batch:!0}}),b=a?.model??l,y=a?.descriptor??d,v=i?.model??m,_=i?.descriptor??g,w=!t||!!b,x=!n||!!v,k=(0,E.useCompareData)(),j=n?k?.compareDataFor(n):void 0,C=!s&&!!n&&void 0===j,{fileTree:S,loading:O}=(0,p.useCode)(s?v?.id:void 0),$=(0,c.useMemo)(()=>{if(s){if(O||!S)return;let t=new Map;return S.forEach(n=>{t.set(n,{fileName:n,baseContent:"",compareContent:void 0,status:"NEW"})}),t}if(C)return;if(!j)return null;let t=new Map;return(j.code||[]).forEach(n=>{t.set(n.fileName,n)}),t},[s,O,S,C,j]),D=(0,c.useMemo)(()=>{if(C)return;if(!j)return null;let t=new Map;return(j.aspects||[]).forEach(n=>t.set(n.fieldName,n)),t},[C,j]),P=(0,c.useMemo)(()=>{if(C)return;if(!j)return null;let t=new Map;return(j.tests||[]).forEach(n=>t.set(n.fileName,n)),t},[C,j]),N=(0,c.useMemo)(()=>({base:b?{model:b,descriptor:y}:void 0,compare:v?{model:v,descriptor:_,hasLocalChanges:i?.hasLocalChanges}:void 0,loading:C,logsByVersion:B,fileCompareDataByName:$,fieldCompareDataByName:D,testCompareDataByName:P,isFullScreen:!1,hidden:!1}),[b,y,v,_,i?.hasLocalChanges,C,$,D,P]);return w&&x?(0,u.jsx)(h.ComponentCompareContext.Provider,{value:N,children:o}):(0,u.jsx)(H,{lines:2})}function G({compareId:t}){let n=(0,c.useMemo)(()=>m.ComponentID.fromString(t),[t]),{fileTree:r,loading:a}=(0,p.useCode)(n),i=(0,c.useMemo)(()=>{if(!a&&r?.length)return r.map(t=>({name:t,status:"NEW"}))},[a,r]);return(0,$.useFileRegistryRegister)(t.split("@")[0],i),null}function U({componentId:t}){let n=(0,$.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:D.default.headerExtra,"data-header-extra-view":t,children:n},t))}):null}function V({name:t,componentId:n,envIcon:r,baseVersion:a,compareVersion:i,baseUrl:o,compareUrl:s,changeTags:l}){return(0,u.jsxs)("div",{className:D.default.header,children:[(0,u.jsxs)("div",{className:D.default.headerLeft,children:[r?(0,u.jsx)("img",{src:r,className:D.default.envIcon,alt:""}):(0,u.jsx)("span",{className:D.default.envIconPlaceholder}),(0,u.jsx)("span",{className:D.default.componentName,children:t})]}),(0,u.jsxs)("div",{className:D.default.headerRight,children:[(0,u.jsx)(U,{componentId:n}),l&&l.length>0&&(0,u.jsx)("div",{className:D.default.changeTags,children:l.map(t=>(0,u.jsx)("span",{className:D.default.changeTag,style:{color:t.color,background:`${t.color}14`},children:t.label},t.label))}),(0,u.jsxs)("div",{className:D.default.versions,children:[a&&(o?(0,u.jsx)("a",{className:D.default.versionHash,href:o,target:"_blank",rel:"noopener noreferrer",children:a}):(0,u.jsx)("span",{className:D.default.versionHash,children:a})),a&&i&&(0,u.jsx)("span",{className:D.default.versionArrow,children:"\u2192"}),i&&(s?(0,u.jsx)("a",{className:D.default.versionHash,href:s,target:"_blank",rel:"noopener noreferrer",children:i}):(0,u.jsx)("span",{className:D.default.versionHash,children:i}))]})]})]})}function H({lines:t=3,className:n}){return(0,u.jsx)("div",{className:(0,d.default)(D.default.skeleton,n),children:Array.from({length:t}).map((t,n)=>(0,u.jsx)("div",{className:D.default.skeletonBar,style:{width:`${40+n%3*20}%`}},n))})}function Z({compareId:t}){let n=(0,E.useCompareData)(),r=n?.compareDataFor(t),a=t.split("@")[0],i=(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,$.useFileRegistryRegister)(a,i),null}},4361(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.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 i=r(16275);Object.defineProperty(n,"DiffModeProvider",{enumerable:!0,get:function(){return i.DiffModeProvider}}),Object.defineProperty(n,"useDiffMode",{enumerable:!0,get:function(){return i.useDiffMode}});var o=r(4361);Object.defineProperty(n,"DepsFilterProvider",{enumerable:!0,get:function(){return o.DepsFilterProvider}}),Object.defineProperty(n,"useDepsFilter",{enumerable:!0,get:function(){return o.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 i=r(14967);Object.defineProperty(n,"InlineCompareEmpty",{enumerable:!0,get:function(){return i.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 o=!!r&&!!a,c=o&&r===a;return(0,i.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:12,padding:"48px 16px",textAlign:"center"},children:[(0,i.jsx)("span",{style:{fontSize:15,fontWeight:600,color:l},children:t}),o&&(0,i.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:4},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12},children:[(0,i.jsx)(u,{version:r,tone:c?"neutral":"base"}),(0,i.jsx)("span",{style:{color:s,fontSize:16},children:"\u2192"}),(0,i.jsx)(u,{version:a,tone:c?"neutral":"compare"})]}),(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12,fontSize:11,color:s},children:[(0,i.jsx)("span",{style:{minWidth:64},children:"base"}),(0,i.jsx)("span",{style:{width:16}}),(0,i.jsx)("span",{style:{minWidth:64},children:"compare"})]})]}),n&&(0,i.jsx)("span",{style:{fontSize:13,color:"var(--on-surface-medium-color, #707279)",maxWidth:440,lineHeight:1.5},children:n})]})};let i=r(11684);a(r(12888));let o="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,i.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?o:"var(--border-medium-color, #e8ecf0)"}`,background:r?"rgba(108, 92, 231, 0.06)":"var(--surface-color, #fff)",color:r?o: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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentCompareVersionPicker=function({className:t,compareVersion:n,baseVersion:r,componentId:a,compareHasLocalChanges:i}){let o,s=(0,m.useComponentCompare)(),l=s?.compare?.model,b=a||l?.id.toStringWithoutVersion(),y=i?"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 i||t?.(r)}),tags:(_?.logs||[]).map(t=>({...t,version:t.tag})).filter(n=>{if(!n.tag)return!1;let r=n.tag;return i||t?.(r)})}),[b,i,w,_?.logs?.length]),{tags:k,snaps:j,loading:C}=x()(),S=c.default.useCallback(t=>{let{version:n}=t||{};return h.valid(n)?k?.find(t=>t.tag===n):j?.find(t=>t.version===n)},[k.length,j.length,C]);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:(o=t=>t!==l?.id.version,t=>{let{version:n,skip:r}=t||{},a=x(o)({skip:r});return c.default.useMemo(()=>h.valid(n),[C,n])?c.default.useMemo(()=>a?.tags?.find(t=>t.tag===n),[C,k?.length,n]):c.default.useMemo(()=>a?.snaps?.find(t=>t.version===n),[C,j?.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(65012))},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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.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(43396));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:i,useHost:o,id:s}=this;return(0,u.jsx)(k,{useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:i,useHost:o,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:i,useHost:o,id:s}){let{loading:l,components:p}=t(),{lanesModel:h,loading:g}=n(),y=(0,c.useContext)(b.ComponentFilterContext),_=y?.filters||[],w=o?.(),S=(0,c.useMemo)(()=>_.length?(0,b.runAllFilters)(_,{components:p,lanes:h}):p,[_,p.length,h?.lanes.length,h?.viewedLane?.id.toString(),g]),O=(0,u.jsx)(j,{components:p,lanes:h,plugins:a}),E=(0,u.jsx)(C,{components:S,host:w,plugins:a,transformTree:i,lanesModel:h}),$=(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:[O,E,0===S.length&&$]},s)}function j({components:t,lanes:n,plugins:r}){let{filterWidgetOpen:a}=(0,c.useContext)(_.ComponentFilterWidgetContext),i=r.filters,o=(0,c.useMemo)(()=>i&&(0,g.default)(i.toArray().map(([t,n])=>n.map(n=>({...n,key:`${t}-${n.id}`})))).sort((t,n)=>(t.order??0)-(n.order??0))||[],[i?.map.size,i?.values()?.length]);return o.length?(0,u.jsx)("div",{className:(0,d.default)(x.default.filtersContainer,a&&x.default.open),children:o.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 C({components:t,host:n,plugins:r,transformTree:a,lanesModel:i}){let{collapsed:o}=(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:o,TreeNode:l,lanesModel:i})}):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 i=r(35227);Object.defineProperty(n,"ComponentFilterWidgetContext",{enumerable:!0,get:function(){return i.ComponentFilterWidgetContext}}),Object.defineProperty(n,"ComponentFilterWidgetProvider",{enumerable:!0,get:function(){return i.ComponentFilterWidgetProvider}});var o=r(36129);Object.defineProperty(n,"ComponentTreeContext",{enumerable:!0,get:function(){return o.ComponentTreeContext}}),Object.defineProperty(n,"ComponentTreeProvider",{enumerable:!0,get:function(){return o.ComponentTreeProvider}})},22051(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.runAllFilters=n.ComponentFiltersProvider=n.ComponentFilterContext=void 0,n.useComponentFilter=function(t,r){let a=(0,u.useContext)(n.ComponentFilterContext),i=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,{...i,state:r})},[t]),[i,t=>{let n=(0,c.isFunction)(t)?t(i):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,i]=(0,u.useState)(r||[]);return(0,l.jsx)(n.ComponentFilterContext.Provider,{value:{filters:a,setFilters:i},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 i=r(11684),o=a(r(97500));a(r(12888));let s=r(11685),l=r(10685),u=a(r(53139));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,i.jsxs)("div",{className:(0,o.default)(u.default.deprecateFilter,d&&u.default.active,t),children:[(0,i.jsxs)("div",{className:u.default.filterIcon,children:[(0,i.jsx)("img",{src:"https://static.bit.dev/bit-icons/deprecated.svg"}),(0,i.jsx)("span",{className:u.default.filterIconLabel,children:"Deprecated"})]}),(0,i.jsx)("div",{children:(0,i.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,i.jsxs)("div",{className:c.default.filterIcon,onClick:t,children:[(0,i.jsx)("img",{src:"https://static.bit.dev/bit-icons/env.svg"}),(0,i.jsx)("span",{className:c.default.filterIconLabel,children:"Environments"}),(0,i.jsx)("div",{className:c.default.dropdownArrow,children:(0,i.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,i.jsx)(l.Tooltip,{placement:"right",content:(0,i.jsx)(u.Link,{className:c.default.envLink,href:o.ComponentUrl.toUrl(a,{includeVersion:!1}),external:!0,children:d}),children:(0,i.jsxs)("div",{className:c.default.envDropdownItemContainer,children:[(0,i.jsxs)("div",{className:c.default.envDropdownItem,children:[(0,i.jsx)(s.Ellipsis,{children:t}),(0,i.jsx)("div",{className:c.default.envDropdownItemIconContainer,children:(0,i.jsx)("img",{className:c.default.envDropdownItemIcon,src:n})})]}),(0,i.jsx)("div",{className:c.default.description,children:(0,i.jsx)(s.Ellipsis,{className:c.default.descriptionText,children:r})})]})})};let i=r(11684);a(r(12888));let o=r(59004),s=r(38348),l=r(62634),u=r(19304),c=a(r(21214))},24850(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.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(57240),g=r(3592),b=l(r(21214));n.EnvsFilter={id:"envs",match:({component:t},n)=>{let{envsState:r}=n,a=[...r.values()].every(t=>t.active),i=[...r.values()].filter(t=>t.active).map(t=>t.id);if(0===i.length||a)return!0;let o=t.environment&&p.ComponentID.tryFromString(t.environment.id)?.toStringWithoutVersion();return!!o&&i.indexOf(o)>=0},state:{envsState:new Map,dropdownState:!1},order:1,render:function({components:t,className:r,lanes:a}){let[i=[]]=(0,m.useComponentFilters)()||[],o=i.filter(t=>t.id!==n.EnvsFilter.id),s=(0,c.useMemo)(()=>(0,m.runAllFilters)(o,{components:t,lanes:a}),[JSON.stringify(o),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 j=[];return v.forEach(t=>{j.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:j.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 i=r(11684),o=a(r(97500));a(r(12888));let s=r(11685),l=r(10685),u=r(29362),c=a(r(49635));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,i.jsxs)("div",{className:(0,o.default)(c.default.onLaneFilter,h&&c.default.active,t),children:[(0,i.jsxs)("div",{className:c.default.filterIcon,children:[(0,i.jsx)(u.LaneIcon,{}),(0,i.jsx)("span",{className:c.default.filterIconLabel,children:"Show main"})]}),(0,i.jsx)("div",{children:(0,i.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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentOverview=function({displayName:t,abstract:n,titleBadges:r,labels:a,packageName:i,elementsUrl:o,componentDescriptor:s,component:l,pkgManager:$="npm",...D}){let P="teambit.workspace/workspace"===l?.host,N=P?"Use package":"Install package",M=l?.id,T=M?.version??void 0,I=T===(l?.latest??void 0)?"":`@${(0,b.snapToSemver)(T)}`,[A,F]=c.default.useState($),R=(0,c.useMemo)(()=>"yarn"===A?"add":"bit"===A?"install":"i",[A]),L=(0,c.useMemo)(()=>`${A} ${R} ${i}${I}`,[A,i,I,R]),z=`bit import ${M?.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:O.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"});case"pnpm":return(0,u.jsx)("img",{alt:"pnpm-logo",className:O.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"});case"yarn":return(0,u.jsx)("img",{alt:"yarn-logo",className:O.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"});case"bit":return(0,u.jsx)(j.Icon,{className:O.default.bit,of:"bit-logo-mono"});default:return null}},[A]),G=[{component:function(){return(0,u.jsx)("span",{children:N})},content:P?(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,children:i}):(0,u.jsx)(y.CopyBox,{className:O.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)(j.Icon,{className:O.default.copyIcon,of:"copy-cmp"})}),CopyWidget:(0,u.jsx)("div",{className:O.default.copyContainer,children:(0,u.jsx)(g.Dropdown,{className:O.default.pkgManagerDropdown,dropClass:O.default.pkgManagerMenu,placeholder:(0,u.jsxs)("div",{className:O.default.pkgManagerPlaceholder,children:[q,(0,u.jsx)(j.Icon,{of:"fat-arrow-down"})]}),clickOutside:!0,clickPlaceholderToggles:!0,position:"bottom-start",clickToggles:!0,children:(0,u.jsxs)("div",{className:O.default.pkgManagerMenuItems,children:[(0,u.jsx)("div",{className:(0,d.default)("npm"===A&&O.default.selected),onClick:()=>F("npm"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("npm"),"aria-label":"Select npm package manager",children:(0,u.jsx)("img",{alt:"npm-logo",className:O.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("pnpm"===A&&O.default.selected),onClick:()=>F("pnpm"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("pnpm"),"aria-label":"Select pnpm package manager",children:(0,u.jsx)("img",{alt:"pnpm-logo",className:O.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("yarn"===A&&O.default.selected),onClick:()=>F("yarn"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("yarn"),"aria-label":"Select yarn package manager",children:(0,u.jsx)("img",{alt:"yarn-logo",className:O.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("bit"===A&&O.default.selected),onClick:()=>F("bit"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("bit"),"aria-label":"Select bit package manager",children:(0,u.jsx)(j.Icon,{className:O.default.bit,of:"bit-logo-mono"})})]})})}),children:i})},{component:function(){return(0,u.jsx)("span",{children:"Modify component"})},content:P?(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,children:M?M.toStringWithoutVersion():""}):(0,u.jsx)(y.CopyBox,{className:O.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:O.default.copyContainer,children:[(0,u.jsx)("div",{children:(0,u.jsx)(j.Icon,{className:O.default.bit,of:"bit-logo-mono"})}),(0,u.jsx)("div",{children:(0,u.jsx)(j.Icon,{className:O.default.copyIcon,of:"copy-cmp"})})]}),children:M?M.toStringWithoutVersion():""})}],U=o;if(U&&!U.startsWith("http")){let t=x.isBrowser?window.location.origin:void 0;(U=t&&o?`${t}${o}`:void 0)&&G.push({component:function(){return(0,u.jsx)("span",{children:"Elements url"})},content:(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,children:U})})}return(0,u.jsxs)(h.Section,{...D,children:[(0,u.jsxs)("div",{className:p.textColumn,children:[(0,u.jsxs)(k.Row,{className:O.default.titleRow,children:[(0,u.jsx)("div",{className:O.default.componentTitle,children:(0,u.jsx)(m.H1,{className:O.default.title,children:t})}),(0,u.jsx)(E,{position:C.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:O.default.subTitle,children:n}),(0,u.jsx)(E,{position:C.BadgePosition.SubTitle,componentDescriptor:s,component:l,badges:r})]})}),(0,u.jsxs)(k.Row,{children:[(0,u.jsx)(f.LabelList,{children:a}),(0,u.jsx)(E,{position:C.BadgePosition.Labels,componentDescriptor:s,component:l,badges:r})]}),(0,u.jsxs)(k.Row,{children:[(0,u.jsx)("div",{className:O.default.contentTabs,children:(0,u.jsx)(_.ContentTabs,{priority:"folder",tabs:G,navClassName:O.default.nav,tabClassName:O.default.tab})}),(0,u.jsx)(E,{position:C.BadgePosition.Package,componentDescriptor:s,component:l,badges:r})]})]}),(0,u.jsx)(v.Separator,{isPresentational:!0})]})},n.BadgeSection=E;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(80460),m=r(82747),f=r(99047),h=r(42989),g=r(57699),b=r(71118),y=r(96062),v=r(15065),_=r(67846),w=r(78267),x=r(5286),k=r(34662),j=r(29751),C=r(82894),S=r(62634),O=l(r(14518));function E({badges:t,position:n,componentDescriptor:r,component:a}){return(0,u.jsx)("div",{className:O.default.badgeContainer,children:t?.filter(t=>n===C.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 i=r(72917);Object.defineProperty(n,"JobStatus",{enumerable:!0,get:function(){return i.JobStatus}})},49462(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionBlock=function({isLatest:t,className:n,snap:r,componentId:a,isCurrent:i,collapsed:o=!1,onToggleCollapse:s,allExpanded:l=!1,...m}){var j;let{username:C,displayName:S,email:O,profileImage:E,message:$,tag:D,hash:P,date:N,deprecated:M}=r,{lanesModel:T}=(0,y.useLanes)(),I=T?.isViewingNonDefaultLane()?`${v.LanesModel.getLaneUrl(T.viewedLane.id)}${v.LanesModel.baseLaneComponentRoute}`:"",A=D||P,F=!!D,R=D?`v${D}`:P.slice(0,7),L=(0,g.useMemo)(()=>({displayName:S||C||"",email:O||"",name:C||"",profileImage:E||""}),[S,C,O,E]),{pathname:z}=(0,f.useLocation)()||{},B=z?.replace(/\/~changelog.*$/,"")||"",q=I?`${I}/${a}?version=${A}`:`${B}?version=${A}`,{firstLine:G,rest:U}=(j=$,(0,g.useMemo)(()=>{if(!j)return{firstLine:"",rest:""};let t=j.split("\n");return{firstLine:t[0],rest:t.slice(1).join("\n").trim()}},[j])),[V,H]=(0,g.useState)(!1),Z=U.length>0,X=S||C||"Unknown";return!F&&o?(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:N?parseInt(N):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:R})}),(0,u.jsx)("span",{className:_.default.collapsedAuthor,children:X}),M&&(0,u.jsx)(k,{}),(0,u.jsx)(w,{collapsed:!0,className:_.default.expandHint})]})})]}):F?(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:N?parseInt(N):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:R})}),t&&(0,u.jsx)(p.VersionLabel,{status:"latest"}),i&&(0,u.jsx)(p.VersionLabel,{status:"current"}),M&&(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:X})]}),(0,u.jsx)("div",{className:_.default.messageSection,children:G?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:_.default.firstLine,children:G}),Z&&(0,u.jsxs)(u.Fragment,{children:[V&&(0,u.jsx)("div",{className:_.default.restOfMessage,children:U}),(0,u.jsx)("button",{className:_.default.expandButton,onClick:()=>H(!V),type:"button",children:V?"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:N?parseInt(N):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:R})}),M&&(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:X})]}),(0,u.jsx)("div",{className:_.default.messageSection,children:G?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:_.default.firstLine,children:G}),Z&&(0,u.jsxs)(u.Fragment,{children:[V&&(0,u.jsx)("div",{className:_.default.restOfMessage,children:U}),(0,u.jsx)("button",{className:_.default.expandButton,onClick:t=>{t.stopPropagation(),H(!V)},type:"button",children:V?"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(57792));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 i=r(66630);Object.defineProperty(n,"VersionDropdown",{enumerable:!0,get:function(){return i.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,i.jsx)("div",{children:(0,i.jsx)(s.MenuLinkItem,{active:r,href:o.LanesModel.getLaneUrl(t),className:u.default.versionRow,children:(0,i.jsxs)("span",{children:[(0,i.jsx)(l.Icon,{className:u.default.laneIcon,of:"lane"}),t.toString()]})})},t.toString())};let i=r(11684),o=r(1453);a(r(12888));let s=r(93766),l=r(29751),u=a(r(89119))},83190(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.SimpleVersion=function({currentVersion:t,className:n,disabled:r,hasMoreVersions:a,isTag:i=t=>null!==m.valid(t),useCurrentVersionLog:o,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||i(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:i=t=>null!==m.valid(t),loading:o,useCurrentVersionLog:s,showFullVersion:l,...y}){var _,w;let{displayName:x,message:k,username:j,email:C,date:S,profileImage:O}=s?.({skip:o,version:t})||{},E=c.default.useMemo(()=>({displayName:x??"",email:C,name:j??"",profileImage:O}),[x,C,j,O]),$=l||i(t)?t:t?.slice(0,6),D=S?new Date(+S):void 0,P=c.default.useMemo(()=>D?new Date(+D).toString():new Date().toString(),[D]);return o?(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:E??{},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:$}),(_=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(91317),y=r(69608),v=l(r(20692))},66630(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.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(91317),g=l(r(97500)),b=l(r(88152)),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:i,loading:o,overrideVersionHref:s,className:l,placeholderClassName:d,getActiveTabIndex:m,dropdownClassName:f,menuClassName:h,showVersionDetails:y=!0,disabled:v,PlaceholderComponent:x,currentLane:k,useComponentVersions:j,lanes:C,...S}){let[O,E]=(0,c.useState)(0),$=!i,[D,P]=(0,c.useState)(!1);(0,c.useEffect)(()=>{o&&D&&P(!1)},[o]);let N=t=>{o||t.target===t.currentTarget&&P(t=>!t)},M=(0,u.jsx)(_.SimpleVersion,{useCurrentVersionLog:a,disabled:v,className:d,currentVersion:t,onClick:N,hasMoreVersions:i,loading:o,showFullVersion:"workspace"===t}),T=x?(0,u.jsx)(x,{useCurrentVersionLog:a,disabled:v,className:d,currentVersion:t,onClick:N,hasMoreVersions:i,loading:o,showFullVersion:"workspace"===t}):M;return v||$&&!o?(0,u.jsx)("div",{className:(0,g.default)(b.default.noVersions,l),children:T}):(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:D,onClick:N,onClickOutside:()=>P(!1),onChange:(t,n)=>n&&E(t=>t+1),PlaceholderComponent:({children:t,...n})=>(0,u.jsx)("div",{...n,className:d,onClick:N,children:t}),placeholder:T,children:(0,u.jsx)(w,{className:h,currentVersion:t,latestVersion:n,localVersion:r,overrideVersionHref:s,showVersionDetails:y,currentLane:k,getActiveTabIndex:m,lanes:C,useVersions:j,onVersionClicked:()=>P(!1),open:D},O)})})});let w=(0,c.memo)(function({currentVersion:t,localVersion:r,latestVersion:a,overrideVersionHref:i,showVersionDetails:o,useVersions:s,currentLane:l,lanes:p,getActiveTabIndex:_=x,loading:w,open:j,onVersionClicked:C,...S}){let{snaps:O,tags:E,loading:$}=s?.()||{},D=w||$,P=(0,c.useMemo)(()=>k.map(t=>{switch(t){case"SNAP":return{name:t,payload:O||[]};case"LANE":return{name:t,payload:p||[]};default:return{name:t,payload:E||[]}}}).filter(t=>t.payload.length>0),[O?.length,E?.length,p?.length,D]),[N,M]=(0,c.useState)(_(t,P,E,O,l)),T=(0,c.useMemo)(()=>void 0!==N?P[N]:void 0,[N,P]);(0,c.useEffect)(()=>{if(!l||0===P.length)return;let n=_(t,P,E,O,l);n!==N&&M(n)},[l,P.length,E?.length,O?.length,t,D]);let I=P.length>1,A=void 0!==N&&P[N]?.payload.length>0,F=(0,c.useCallback)(function({index:n}){let{name:r,payload:s=[]}=T||{},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:i,showDetails:o,onVersionClicked:C,...c},c.version):null},[T,t,a,o,l?.id.toString(),A]),R=(0,c.useMemo)(()=>A&&T?F:()=>null,[A,T,F]),L=(0,c.useMemo)(()=>T?.payload.map((t,n)=>R({index:n})),[T]);return(0,u.jsxs)("div",{...S,className:(0,g.default)(b.default.versionMenuContainer,!j&&b.default.hide),children:[D&&(0,u.jsx)(h.LineSkeleton,{count:6,className:b.default.loader}),!D&&r&&(0,u.jsx)(d.MenuLinkItem,{href:"?",active:t===n.LOCAL_VERSION,className:(0,g.default)(b.default.versionRow,b.default.localVersion),onClick:C,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)(I&&b.default.tabs,!r&&b.default.withoutLocal),children:I&&P.map(({name:t},n)=>(0,u.jsx)(m.Tab,{className:b.default.tab,isActive:N===n,onClick:()=>M(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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.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(22175));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:i,displayName:o,email:s,overrideVersionHref:l,showDetails:w,message:x,tag:k,profileImage:j,deprecated:C,onVersionClicked:S},O){let E=t===n,$=(0,h.useMemo)(()=>({displayName:o??"",email:s,name:i??"",profileImage:j}),[o,s,i,j]),D=(0,h.useMemo)(()=>a?new Date(parseInt(a)).toString():new Date().toString(),[a]),P=(0,h.useRef)(null);(0,h.useEffect)(()=>{E&&P.current?.scrollIntoView({block:"nearest"})},[E]);let N=l?l(t):`?version=${t}`,M=(0,h.useMemo)(()=>k?t:t.slice(0,6),[k,t]),T=t===r;return(0,u.jsx)("div",{ref:O||P,onClick:S,children:(0,u.jsxs)(c.MenuLinkItem,{active:E,href:N,className:v.default.versionRow,children:[(0,u.jsxs)("div",{className:v.default.version,children:[(0,u.jsx)(g.UserAvatar,{size:24,account:$,className:v.default.versionUserAvatar,showTooltip:!0}),(0,u.jsx)(b.Ellipsis,{className:(0,y.default)(v.default.versionName),children:M}),T&&(0,u.jsx)(p.VersionLabel,{status:"latest"}),C&&(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:D})})]})})}))},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 i(){let t=r(75216);return i=function(){return t},t}function o(){let t=r(15506);return o=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(o().AspectPage,null)}),s(this,"navigationLink",{href:"~aspect",children:a().default.createElement(i().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 i(){let t=l(r(46179));return i=function(){return t},t}function o(){var t;let n=(t=r(52101))&&t.__esModule?t:{default:t};return o=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 i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.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=o().default.join("/",r)),n.mkdirpSync(r),n.writeFileSync(`/${t.relative}`,i().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 i=n.ComponentAspect=a().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});n.default=i},55633(t,n,r){"use strict";function a(){let t=r(5913);return a=function(){return t},t}function i(){let t=r(24490);return i=function(){return t},t}function o(){let t=r(46746);return o=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,i){this.id=t,this.head=n,this._state=r,this.tags=a,this.factory=i}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:i,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,o().slice)(l,i,a+(i||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(i()).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,i=[a];a||(r=!0);let o={next:async()=>{if(r)return{value:void 0,done:r};let t=i.shift(),a=await this.loadSnap(t);return a.parents&&a.parents.length&&(n.firstParentOnly?i.push(a.parents[0]):i=i.concat(a.parents)),i.length?n.stopFn&&(r=await n.stopFn(a)):r=!0,{value:a,done:void 0}}};return{[Symbol.asyncIterator]:()=>o}}async getClosestTag(t){let n=this.tags.getHashMap(),r=async t=>!!n.has(t.hash),a=this.snapsIterable(t,{firstParentOnly:!0,stopFn:r}),i=[];for await(let t of a)i.push(t);if(i.length){let t=i[i.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 i(){let t=v(r(47065));return i=function(){return t},t}function o(){let t=v(r(29656));return o=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(9375);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,o().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,o().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:i,componentModel:o})=>{let s=r||o?.packageName,l=i||o?.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,i().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,i().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,i().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,i,o,l,u,c,d,p]){let m=new ComponentUI(r,a,i,o,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 i(){let t=r(93402);return i=function(){return t},t}function o(){let t=r(41384);return o=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 o().CouldNotFindLatest}}),Object.defineProperty(n,"HostNotFound",{enumerable:!0,get:function(){return i().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 i(){let t=r(81403);return i=function(){return t},t}Object.defineProperty(n,"useComponentHost",{enumerable:!0,get:function(){return i().useComponentHost}});var o=r(11013);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]}})})},81403(t,n,r){"use strict";function a(){let t=r(7622);return a=function(){return t},t}function i(){let t=r(92590);return i=function(){return t},t}function o(){let t=r(11013);return o=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:o().ComponentHostModel.from(t)}};let s=(0,i().gql)`
+`;let p=(0,u.createContext)(void 0)},33006(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompareSidebar=function({groups:t,selectedId:n,selectedFile:r,onSelect:a,loading:i,className:o,defaultExpandFiles:s}){return(0,u.jsxs)("div",{className:`${p.default.sidebar}${o?` ${o}`:""}`,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:[i&&(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))}),!i&&t.map(i=>(0,u.jsx)(m,{group:i,selectedId:n,selectedFile:r,onSelect:a,isSingleGroup:1===t.length,defaultExpandFiles:s},i.key))]})]})};let u=r(11684),c=s(r(12888)),d=r(516),p=l(r(17124));function m({group:t,selectedId:n,selectedFile:r,onSelect:a,isSingleGroup:i,defaultExpandFiles:o}){let[s,l]=(0,c.useState)(!1);return(0,u.jsxs)("div",{className:p.default.sidebarGroup,children:[!i&&(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:o},t.id))})]})}function f({item:t,isSelected:n,selectedFile:r,onSelect:a,defaultExpand:i}){var o;let[s,l]=(0,c.useState)(i??!1),m=t.files&&t.files.length>0;return(0,c.useEffect)(()=>{i&&m&&l(!0)},[i,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[o=t.status]||o}),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(i=>(0,u.jsxs)("button",{className:`${p.default.fileItem} ${r===i.name&&n?p.default.fileItemSelected:""}`,onClick:()=>a(t.id,i.name),children:[(0,u.jsx)("span",{className:`${p.default.fileStatus} ${i.status?p.default[`fileStatus${i.status}`]:""}`}),(0,u.jsx)("span",{className:p.default.fileName,children:i.name}),i.status&&"UNCHANGED"!==i.status&&(0,u.jsx)("span",{className:`${p.default.fileStatusLabel} ${p.default[`fileStatusLabel${i.status}`]||""}`,children:"NEW"===i.status?"N":"DELETED"===i.status?"D":"M"})]},i.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,i.jsx)(o.ToggleButton,{onOptionSelect:t=>r(0===t?"split":"unified"),defaultIndex:+("split"!==n),options:[{value:"split",element:(0,i.jsx)("span",{children:"Split"})},{value:"unified",element:(0,i.jsx)("span",{children:"Unified"})}],className:s.default.diffModeToggle}):"dependencies"===t?(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>l(1===t),defaultIndex:+!!a,options:[{value:"changed",element:(0,i.jsx)("span",{children:"Changed"})},{value:"all",element:(0,i.jsx)("span",{children:"All"})}],className:s.default.diffModeToggle}):null};let i=r(11684);a(r(12888));let o=r(74256),s=a(r(46133))},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 j=g.map(t=>({value:t.id,label:t.displayName,icon:t.icon,count:m[t.id]??0})).filter(t=>t.count>0),C=!!(b&&b.length>0&&a),S=C?Math.max(0,b.findIndex(t=>t.value===r)):0,O=j.findIndex(n=>n.value===t);return(0,i.jsxs)("div",{className:`${c.default.toolbar}${x?` ${x}`:""}`,style:k?{"--sidebar-width":`${k}px`}:void 0,children:[y&&_&&(0,i.jsx)("div",{className:c.default.toolbarSearch,children:(0,i.jsx)(u.MultiSelect,{id:"search-components",styles:d,placeholder:w,options:y,activeOptions:v||[],onChange:t=>_(t||[]),className:c.default.componentSearchSelect})}),(0,i.jsxs)("div",{className:c.default.toolbarLeft,children:[(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>{n(j[t].value)},defaultIndex:O>=0?O:0,options:j.map(t=>({value:t.value,element:(0,i.jsxs)("div",{className:c.default.toolbarOption,children:[t.icon&&(0,i.jsx)(s.Icon,{of:t.icon}),(0,i.jsx)("span",{children:t.label}),f&&(h?(0,i.jsx)("span",{className:c.default.toolbarBadgeSkeleton}):(0,i.jsx)("span",{className:c.default.toolbarBadge,children:t.count}))]})})),className:c.default.viewModeToggle}),C&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:c.default.toolbarSeparator}),(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>a(b[t].value),defaultIndex:S>=0?S:0,options:b.map(t=>({value:t.value,element:(0,i.jsx)(l.Tooltip,{content:`Group by ${t.label}`,children:(0,i.jsx)("span",{children:t.label})})})),className:c.default.groupByToggle})]})]}),p&&(0,i.jsx)("div",{className:c.default.toolbarRight,children:p})]})};let i=r(11684);a(r(12888));let o=r(74256),s=r(516),l=r(62634),u=r(88320),c=a(r(46133)),d={control:()=>({fontSize:"13px",padding:"2px 4px",height:"32px",width:"100%"}),singleValue:()=>({padding:0})}},41009(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.InlineComponentCompare=void 0,n.ComponentCompare=function(t){let{host:n,baseId:r,compareId:a,routes:i,state:o,tabs:s,className:l,hooks:p,changes:m,customUseComponent:y,Loader:_=T,baseContext:x,compareContext:j,isFullScreen:C,hidden:E=!1,compareIdOverride:$,baseIdOverride:P,...N}=t,M=(0,b.useCompareQueryParam)("baseVersion"),A=(0,c.useContext)(f.ComponentContext),F=(0,c.useContext)(f.ComponentDescriptorContext),R=(0,v.useLocation)(),L="teambit.workspace/workspace"===n,z=!L||R?.search.includes("version")||a||A.logs?.length!==0?"teambit.scope/scope":n,{component:B,loading:q,componentDescriptor:G}=(0,f.useComponent)(z,$?.toString()||a?.toString(),{skip:E||!a&&!$,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]),V=(0,c.useMemo)(()=>0===U.length,[U]),H=!L||V||R?.search.includes("version")||a?A.id.version:"workspace",Z="workspace"===H,X=(0,c.useMemo)(()=>Z?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,Z]),W=c.default.useMemo(()=>r||M&&A.id.changeVersion(M)||X&&A.id.changeVersion(X.tag||X.hash)||A.id,[q,r,M,X?.tag,X?.hash]),{component:Y,loading:Q,componentDescriptor:K}=(0,f.useComponent)("teambit.scope/scope",P?.toString()||W?.toString(),{customUseComponent:y,skip:E||!W&&!P,logFilters:{log:{}}}),J=Q||q,ee=a?B:A,et=`${Y?.id.toString()}-${ee?.id.toString()}`,en=(0,c.useMemo)(()=>(ee?.logs||[]).slice().reduce(w.groupByVersion,new Map),[ee?.id.toString()]),er=E||Y?.id.version?.toString()===ee?.id.version?.toString()&&!Z,{loading:ea,componentCompareData:ei}=(0,g.useComponentCompareQuery)(Y?.id.toString(),ee?.id.toString(),void 0,er),{loading:eo,result:es}=(0,O.useApiDiff)(Y?.id.toString(),ee?.id.toString(),{skip:E}),el=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!ei)return null;let t=new Map;return(ei?.code||[]).forEach(n=>{t.set(n.fileName,n)}),t},[ea,J,et,ei]),eu=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!ei)return null;let t=new Map;return(ei?.aspects||[]).forEach(n=>{t.set(n.fieldName,n)}),t},[ea,J,et,ei]),ec=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!ei)return null;let t=new Map;return(ei?.tests||[]).forEach(n=>{t.set(n.fileName,n)}),t},[ea,J,et,ei]),ed=(0,c.useMemo)(()=>{if(!J&&!eo)return es??null},[J,eo,et,es]),ep=(0,c.useMemo)(()=>({compare:ee&&{model:ee,descriptor:G||F,hasLocalChanges:Z},base:Y&&{model:Y,descriptor:K},loading:J,logsByVersion:en,state:o,hooks:p,baseContext:x,compareContext:j,fieldCompareDataByName:eu,fileCompareDataByName:el,testCompareDataByName:ec,apiDiffResult:ed,isFullScreen:C,hidden:E}),[ee,G,F,Z,Y,K,J,en,o,p,x,j,eu,el,ec,ed,C,E]),em=(0,c.useMemo)(()=>m||function(t,n,r,a,i,o){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=o?.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 i?.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)(D.default.componentCompareContainer,l),...N,children:(0,u.jsx)(I,{...t,componentId:ee?.id?.toStringWithoutVersion()||W.toStringWithoutVersion()||A?.id?.toStringWithoutVersion(),baseVersion:W.version,compareVersion:a?.version||A.id.version,compareHasLocalChanges:Z,changes:em,loading:J,Loader:_},et)})})},n.DeferredTab=z,n.NewComponentFileRegistrar=G,n.ComponentCompareHeader=V,n.RegistryFeeder=function({pairs:t}){return(0,u.jsx)(u.Fragment,{children:t.map(t=>(0,u.jsx)(Z,{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),j=r(28669),C=r(91317),S=r(33320),O=r(7110),E=r(1814),$=r(65354),D=l(r(70993));function P(){return(0,u.jsx)(C.WordSkeleton,{className:D.default.tabLoader,length:5})}function N({children:t,changed:n,changeTypeCss:r,loading:a,className:i,...o}){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",{...o,className:(0,d.default)(D.default.compareMenuTab,i),children:[r&&s&&(0,u.jsx)("div",{className:(0,d.default)(D.default.indicator,r)}),(0,u.jsx)("div",{className:(0,d.default)(D.default.menuTab),children:t})]})}function M({tabs:t,state:n,hooks:r,changes:a}){let i=n?.tabs?.id,o=n?.tabs?.controlled,s=(0,j.extractLazyLoadedData)(t)||[],l=(0,c.useMemo)(()=>s.sort(x.sortTabs).map((t,s)=>{let l=n?!!i&&!!t?.id&&i===t.id:void 0,c=a&&t.changeType&&a.some(n=>t.changeType===n)?D.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:!o&&t.props?.href||void 0,activeClassName:!d&&D.default.activeNav||D.default.loadingNav,className:D.default.navItem,children:(0,u.jsx)(N,{loading:d,changeTypeCss:c,changed:a,children:t.props?.children},p)}}]}),[s.length,i,a,a?.length]),d=(0,c.useMemo)(()=>l.filter(([,t])=>!t.widget),[l.length,i,a?.length,a]),p=(0,c.useMemo)(()=>l.filter(([,t])=>t.widget),[l.length,i,a?.length,a]);return(0,u.jsx)("div",{className:D.default.navContainer,children:(0,u.jsx)(f.CollapsibleMenuNav,{navPlugins:d,widgetPlugins:p})})}function T({className:t,...n}){return(0,u.jsxs)("div",{className:t,...n,children:[(0,u.jsx)(C.BlockSkeleton,{className:D.default.navLoader,lines:3}),(0,u.jsxs)("div",{className:D.default.compareLoader,children:[(0,u.jsx)("div",{className:D.default.compareViewLoader,children:(0,u.jsx)(C.BlockSkeleton,{lines:30})}),(0,u.jsx)("div",{className:D.default.compareSidebarLoader,children:(0,u.jsx)(C.BlockSkeleton,{lines:30})})]})]})}function I(t){let{routes:n,state:r,loading:a,Loader:i=T,baseVersion:o,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:D.default.top,children:r?.versionPicker?.element||(0,u.jsx)(y.ComponentCompareVersionPicker,{componentId:c,baseVersion:o,compareVersion:s,compareHasLocalChanges:l,host:t.host,customUseComponent:t.customUseComponent})}),a&&!p&&(0,u.jsx)(i,{className:(0,d.default)(D.default.loader)}),!a&&(0,u.jsxs)("div",{className:(0,d.default)(D.default.bottom,p&&D.default.hidden),children:[(0,u.jsx)(M,{...t}),((0,j.extractLazyLoadedData)(n)||[]).length>0&&(0,u.jsx)(_.SlotRouter,{routes:(0,j.extractLazyLoadedData)(n)||[]}),r?.tabs?.element]})]})}let A=[],F=!1;function R(t){return A.push(t),F||(F=!0,requestAnimationFrame(function t(){let n=A.shift();n&&(0,c.startTransition)(n),A.length>0?requestAnimationFrame(t):F=!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:i,baseUrl:o,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,j]=(0,c.useState)(!1),C=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=R(()=>j(!0)))},{rootMargin:"400px 0px"});return r.observe(n),()=>{r.disconnect(),t?.()}},[]),(0,u.jsxs)("div",{ref:C,className:`${D.default.componentCompare} ${g||""}`,"data-component-id":r.split("@")[0],style:p?{"--component-accent":p}:void 0,..._,children:[(0,u.jsx)(V,{name:t,componentId:r.split("@")[0],envIcon:l,baseVersion:a,compareVersion:i,baseUrl:o,compareUrl:s,changeTags:d}),!n&&!!r&&(0,u.jsx)(G,{compareId:r}),!k&&(0,u.jsx)(H,{lines:4,className:D.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),[i,o]=(0,c.useState)(!r);return(0,c.useEffect)(()=>{let t;if(i)return;let n=a.current;if(!n)return;let r=new IntersectionObserver(([n])=>{n.isIntersecting&&(r.disconnect(),t=R(()=>o(!0)))},{rootMargin:"600px 0px"});return r.observe(n),()=>{r.disconnect(),t?.()}},[i]),(0,u.jsx)("div",{ref:a,"data-tab-id":t,children:i?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:i,children:o}){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||!!i,context:{batch:!0}}),b=a?.model??l,y=a?.descriptor??d,v=i?.model??m,_=i?.descriptor??g,w=!t||!!b,x=!n||!!v,k=(0,E.useCompareData)(),j=n?k?.compareDataFor(n):void 0,C=!s&&!!n&&void 0===j,{fileTree:S,loading:O}=(0,p.useCode)(s?v?.id:void 0),$=(0,c.useMemo)(()=>{if(s){if(O||!S)return;let t=new Map;return S.forEach(n=>{t.set(n,{fileName:n,baseContent:"",compareContent:void 0,status:"NEW"})}),t}if(C)return;if(!j)return null;let t=new Map;return(j.code||[]).forEach(n=>{t.set(n.fileName,n)}),t},[s,O,S,C,j]),D=(0,c.useMemo)(()=>{if(C)return;if(!j)return null;let t=new Map;return(j.aspects||[]).forEach(n=>t.set(n.fieldName,n)),t},[C,j]),P=(0,c.useMemo)(()=>{if(C)return;if(!j)return null;let t=new Map;return(j.tests||[]).forEach(n=>t.set(n.fileName,n)),t},[C,j]),N=(0,c.useMemo)(()=>({base:b?{model:b,descriptor:y}:void 0,compare:v?{model:v,descriptor:_,hasLocalChanges:i?.hasLocalChanges}:void 0,loading:C,logsByVersion:B,fileCompareDataByName:$,fieldCompareDataByName:D,testCompareDataByName:P,isFullScreen:!1,hidden:!1}),[b,y,v,_,i?.hasLocalChanges,C,$,D,P]);return w&&x?(0,u.jsx)(h.ComponentCompareContext.Provider,{value:N,children:o}):(0,u.jsx)(H,{lines:2})}function G({compareId:t}){let n=(0,c.useMemo)(()=>m.ComponentID.fromString(t),[t]),{fileTree:r,loading:a}=(0,p.useCode)(n),i=(0,c.useMemo)(()=>{if(!a&&r?.length)return r.map(t=>({name:t,status:"NEW"}))},[a,r]);return(0,$.useFileRegistryRegister)(t.split("@")[0],i),null}function U({componentId:t}){let n=(0,$.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:D.default.headerExtra,"data-header-extra-view":t,children:n},t))}):null}function V({name:t,componentId:n,envIcon:r,baseVersion:a,compareVersion:i,baseUrl:o,compareUrl:s,changeTags:l}){return(0,u.jsxs)("div",{className:D.default.header,children:[(0,u.jsxs)("div",{className:D.default.headerLeft,children:[r?(0,u.jsx)("img",{src:r,className:D.default.envIcon,alt:""}):(0,u.jsx)("span",{className:D.default.envIconPlaceholder}),(0,u.jsx)("span",{className:D.default.componentName,children:t})]}),(0,u.jsxs)("div",{className:D.default.headerRight,children:[(0,u.jsx)(U,{componentId:n}),l&&l.length>0&&(0,u.jsx)("div",{className:D.default.changeTags,children:l.map(t=>(0,u.jsx)("span",{className:D.default.changeTag,style:{color:t.color,background:`${t.color}14`},children:t.label},t.label))}),(0,u.jsxs)("div",{className:D.default.versions,children:[a&&(o?(0,u.jsx)("a",{className:D.default.versionHash,href:o,target:"_blank",rel:"noopener noreferrer",children:a}):(0,u.jsx)("span",{className:D.default.versionHash,children:a})),a&&i&&(0,u.jsx)("span",{className:D.default.versionArrow,children:"\u2192"}),i&&(s?(0,u.jsx)("a",{className:D.default.versionHash,href:s,target:"_blank",rel:"noopener noreferrer",children:i}):(0,u.jsx)("span",{className:D.default.versionHash,children:i}))]})]})]})}function H({lines:t=3,className:n}){return(0,u.jsx)("div",{className:(0,d.default)(D.default.skeleton,n),children:Array.from({length:t}).map((t,n)=>(0,u.jsx)("div",{className:D.default.skeletonBar,style:{width:`${40+n%3*20}%`}},n))})}function Z({compareId:t}){let n=(0,E.useCompareData)(),r=n?.compareDataFor(t),a=t.split("@")[0],i=(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,$.useFileRegistryRegister)(a,i),null}},4361(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.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 i=r(16275);Object.defineProperty(n,"DiffModeProvider",{enumerable:!0,get:function(){return i.DiffModeProvider}}),Object.defineProperty(n,"useDiffMode",{enumerable:!0,get:function(){return i.useDiffMode}});var o=r(4361);Object.defineProperty(n,"DepsFilterProvider",{enumerable:!0,get:function(){return o.DepsFilterProvider}}),Object.defineProperty(n,"useDepsFilter",{enumerable:!0,get:function(){return o.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 i=r(14967);Object.defineProperty(n,"InlineCompareEmpty",{enumerable:!0,get:function(){return i.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 o=!!r&&!!a,c=o&&r===a;return(0,i.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:12,padding:"48px 16px",textAlign:"center"},children:[(0,i.jsx)("span",{style:{fontSize:15,fontWeight:600,color:l},children:t}),o&&(0,i.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:4},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12},children:[(0,i.jsx)(u,{version:r,tone:c?"neutral":"base"}),(0,i.jsx)("span",{style:{color:s,fontSize:16},children:"\u2192"}),(0,i.jsx)(u,{version:a,tone:c?"neutral":"compare"})]}),(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12,fontSize:11,color:s},children:[(0,i.jsx)("span",{style:{minWidth:64},children:"base"}),(0,i.jsx)("span",{style:{width:16}}),(0,i.jsx)("span",{style:{minWidth:64},children:"compare"})]})]}),n&&(0,i.jsx)("span",{style:{fontSize:13,color:"var(--on-surface-medium-color, #707279)",maxWidth:440,lineHeight:1.5},children:n})]})};let i=r(11684);a(r(12888));let o="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,i.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?o:"var(--border-medium-color, #e8ecf0)"}`,background:r?"rgba(108, 92, 231, 0.06)":"var(--surface-color, #fff)",color:r?o: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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentCompareVersionPicker=function({className:t,compareVersion:n,baseVersion:r,componentId:a,compareHasLocalChanges:i}){let o,s=(0,m.useComponentCompare)(),l=s?.compare?.model,b=a||l?.id.toStringWithoutVersion(),y=i?"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 i||t?.(r)}),tags:(_?.logs||[]).map(t=>({...t,version:t.tag})).filter(n=>{if(!n.tag)return!1;let r=n.tag;return i||t?.(r)})}),[b,i,w,_?.logs?.length]),{tags:k,snaps:j,loading:C}=x()(),S=c.default.useCallback(t=>{let{version:n}=t||{};return h.valid(n)?k?.find(t=>t.tag===n):j?.find(t=>t.version===n)},[k.length,j.length,C]);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:(o=t=>t!==l?.id.version,t=>{let{version:n,skip:r}=t||{},a=x(o)({skip:r});return c.default.useMemo(()=>h.valid(n),[C,n])?c.default.useMemo(()=>a?.tags?.find(t=>t.tag===n),[C,k?.length,n]):c.default.useMemo(()=>a?.snaps?.find(t=>t.version===n),[C,j?.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(65012))},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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.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(43396));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:i,useHost:o,id:s}=this;return(0,u.jsx)(k,{useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:i,useHost:o,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:i,useHost:o,id:s}){let{loading:l,components:p}=t(),{lanesModel:h,loading:g}=n(),y=(0,c.useContext)(b.ComponentFilterContext),_=y?.filters||[],w=o?.(),S=(0,c.useMemo)(()=>_.length?(0,b.runAllFilters)(_,{components:p,lanes:h}):p,[_,p.length,h?.lanes.length,h?.viewedLane?.id.toString(),g]),O=(0,u.jsx)(j,{components:p,lanes:h,plugins:a}),E=(0,u.jsx)(C,{components:S,host:w,plugins:a,transformTree:i,lanesModel:h}),$=(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:[O,E,0===S.length&&$]},s)}function j({components:t,lanes:n,plugins:r}){let{filterWidgetOpen:a}=(0,c.useContext)(_.ComponentFilterWidgetContext),i=r.filters,o=(0,c.useMemo)(()=>i&&(0,g.default)(i.toArray().map(([t,n])=>n.map(n=>({...n,key:`${t}-${n.id}`})))).sort((t,n)=>(t.order??0)-(n.order??0))||[],[i?.map.size,i?.values()?.length]);return o.length?(0,u.jsx)("div",{className:(0,d.default)(x.default.filtersContainer,a&&x.default.open),children:o.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 C({components:t,host:n,plugins:r,transformTree:a,lanesModel:i}){let{collapsed:o}=(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:o,TreeNode:l,lanesModel:i})}):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 i=r(35227);Object.defineProperty(n,"ComponentFilterWidgetContext",{enumerable:!0,get:function(){return i.ComponentFilterWidgetContext}}),Object.defineProperty(n,"ComponentFilterWidgetProvider",{enumerable:!0,get:function(){return i.ComponentFilterWidgetProvider}});var o=r(36129);Object.defineProperty(n,"ComponentTreeContext",{enumerable:!0,get:function(){return o.ComponentTreeContext}}),Object.defineProperty(n,"ComponentTreeProvider",{enumerable:!0,get:function(){return o.ComponentTreeProvider}})},22051(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.runAllFilters=n.ComponentFiltersProvider=n.ComponentFilterContext=void 0,n.useComponentFilter=function(t,r){let a=(0,u.useContext)(n.ComponentFilterContext),i=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,{...i,state:r})},[t]),[i,t=>{let n=(0,c.isFunction)(t)?t(i):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,i]=(0,u.useState)(r||[]);return(0,l.jsx)(n.ComponentFilterContext.Provider,{value:{filters:a,setFilters:i},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 i=r(11684),o=a(r(97500));a(r(12888));let s=r(11685),l=r(10685),u=a(r(53139));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,i.jsxs)("div",{className:(0,o.default)(u.default.deprecateFilter,d&&u.default.active,t),children:[(0,i.jsxs)("div",{className:u.default.filterIcon,children:[(0,i.jsx)("img",{src:"https://static.bit.dev/bit-icons/deprecated.svg"}),(0,i.jsx)("span",{className:u.default.filterIconLabel,children:"Deprecated"})]}),(0,i.jsx)("div",{children:(0,i.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,i.jsxs)("div",{className:c.default.filterIcon,onClick:t,children:[(0,i.jsx)("img",{src:"https://static.bit.dev/bit-icons/env.svg"}),(0,i.jsx)("span",{className:c.default.filterIconLabel,children:"Environments"}),(0,i.jsx)("div",{className:c.default.dropdownArrow,children:(0,i.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,i.jsx)(l.Tooltip,{placement:"right",content:(0,i.jsx)(u.Link,{className:c.default.envLink,href:o.ComponentUrl.toUrl(a,{includeVersion:!1}),external:!0,children:d}),children:(0,i.jsxs)("div",{className:c.default.envDropdownItemContainer,children:[(0,i.jsxs)("div",{className:c.default.envDropdownItem,children:[(0,i.jsx)(s.Ellipsis,{children:t}),(0,i.jsx)("div",{className:c.default.envDropdownItemIconContainer,children:(0,i.jsx)("img",{className:c.default.envDropdownItemIcon,src:n})})]}),(0,i.jsx)("div",{className:c.default.description,children:(0,i.jsx)(s.Ellipsis,{className:c.default.descriptionText,children:r})})]})})};let i=r(11684);a(r(12888));let o=r(59004),s=r(38348),l=r(62634),u=r(19304),c=a(r(21214))},24850(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.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(57240),g=r(3592),b=l(r(21214));n.EnvsFilter={id:"envs",match:({component:t},n)=>{let{envsState:r}=n,a=[...r.values()].every(t=>t.active),i=[...r.values()].filter(t=>t.active).map(t=>t.id);if(0===i.length||a)return!0;let o=t.environment&&p.ComponentID.tryFromString(t.environment.id)?.toStringWithoutVersion();return!!o&&i.indexOf(o)>=0},state:{envsState:new Map,dropdownState:!1},order:1,render:function({components:t,className:r,lanes:a}){let[i=[]]=(0,m.useComponentFilters)()||[],o=i.filter(t=>t.id!==n.EnvsFilter.id),s=(0,c.useMemo)(()=>(0,m.runAllFilters)(o,{components:t,lanes:a}),[JSON.stringify(o),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 j=[];return v.forEach(t=>{j.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:j.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 i=r(11684),o=a(r(97500));a(r(12888));let s=r(11685),l=r(10685),u=r(29362),c=a(r(49635));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,i.jsxs)("div",{className:(0,o.default)(c.default.onLaneFilter,h&&c.default.active,t),children:[(0,i.jsxs)("div",{className:c.default.filterIcon,children:[(0,i.jsx)(u.LaneIcon,{}),(0,i.jsx)("span",{className:c.default.filterIconLabel,children:"Show main"})]}),(0,i.jsx)("div",{children:(0,i.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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentOverview=function({displayName:t,abstract:n,titleBadges:r,labels:a,packageName:i,elementsUrl:o,componentDescriptor:s,component:l,pkgManager:$="npm",...D}){let P="teambit.workspace/workspace"===l?.host,N=P?"Use package":"Install package",M=l?.id,T=M?.version??void 0,I=T===(l?.latest??void 0)?"":`@${(0,b.snapToSemver)(T)}`,[A,F]=c.default.useState($),R=(0,c.useMemo)(()=>"yarn"===A?"add":"bit"===A?"install":"i",[A]),L=(0,c.useMemo)(()=>`${A} ${R} ${i}${I}`,[A,i,I,R]),z=`bit import ${M?.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:O.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"});case"pnpm":return(0,u.jsx)("img",{alt:"pnpm-logo",className:O.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"});case"yarn":return(0,u.jsx)("img",{alt:"yarn-logo",className:O.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"});case"bit":return(0,u.jsx)(j.Icon,{className:O.default.bit,of:"bit-logo-mono"});default:return null}},[A]),G=[{component:function(){return(0,u.jsx)("span",{children:N})},content:P?(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,children:i}):(0,u.jsx)(y.CopyBox,{className:O.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)(j.Icon,{className:O.default.copyIcon,of:"copy-cmp"})}),CopyWidget:(0,u.jsx)("div",{className:O.default.copyContainer,children:(0,u.jsx)(g.Dropdown,{className:O.default.pkgManagerDropdown,dropClass:O.default.pkgManagerMenu,placeholder:(0,u.jsxs)("div",{className:O.default.pkgManagerPlaceholder,children:[q,(0,u.jsx)(j.Icon,{of:"fat-arrow-down"})]}),clickOutside:!0,clickPlaceholderToggles:!0,position:"bottom-start",clickToggles:!0,children:(0,u.jsxs)("div",{className:O.default.pkgManagerMenuItems,children:[(0,u.jsx)("div",{className:(0,d.default)("npm"===A&&O.default.selected),onClick:()=>F("npm"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("npm"),"aria-label":"Select npm package manager",children:(0,u.jsx)("img",{alt:"npm-logo",className:O.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("pnpm"===A&&O.default.selected),onClick:()=>F("pnpm"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("pnpm"),"aria-label":"Select pnpm package manager",children:(0,u.jsx)("img",{alt:"pnpm-logo",className:O.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("yarn"===A&&O.default.selected),onClick:()=>F("yarn"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("yarn"),"aria-label":"Select yarn package manager",children:(0,u.jsx)("img",{alt:"yarn-logo",className:O.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("bit"===A&&O.default.selected),onClick:()=>F("bit"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("bit"),"aria-label":"Select bit package manager",children:(0,u.jsx)(j.Icon,{className:O.default.bit,of:"bit-logo-mono"})})]})})}),children:i})},{component:function(){return(0,u.jsx)("span",{children:"Modify component"})},content:P?(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,children:M?M.toStringWithoutVersion():""}):(0,u.jsx)(y.CopyBox,{className:O.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:O.default.copyContainer,children:[(0,u.jsx)("div",{children:(0,u.jsx)(j.Icon,{className:O.default.bit,of:"bit-logo-mono"})}),(0,u.jsx)("div",{children:(0,u.jsx)(j.Icon,{className:O.default.copyIcon,of:"copy-cmp"})})]}),children:M?M.toStringWithoutVersion():""})}],U=o;if(U&&!U.startsWith("http")){let t=x.isBrowser?window.location.origin:void 0;(U=t&&o?`${t}${o}`:void 0)&&G.push({component:function(){return(0,u.jsx)("span",{children:"Elements url"})},content:(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,children:U})})}return(0,u.jsxs)(h.Section,{...D,children:[(0,u.jsxs)("div",{className:p.textColumn,children:[(0,u.jsxs)(k.Row,{className:O.default.titleRow,children:[(0,u.jsx)("div",{className:O.default.componentTitle,children:(0,u.jsx)(m.H1,{className:O.default.title,children:t})}),(0,u.jsx)(E,{position:C.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:O.default.subTitle,children:n}),(0,u.jsx)(E,{position:C.BadgePosition.SubTitle,componentDescriptor:s,component:l,badges:r})]})}),(0,u.jsxs)(k.Row,{children:[(0,u.jsx)(f.LabelList,{children:a}),(0,u.jsx)(E,{position:C.BadgePosition.Labels,componentDescriptor:s,component:l,badges:r})]}),(0,u.jsxs)(k.Row,{children:[(0,u.jsx)("div",{className:O.default.contentTabs,children:(0,u.jsx)(_.ContentTabs,{priority:"folder",tabs:G,navClassName:O.default.nav,tabClassName:O.default.tab})}),(0,u.jsx)(E,{position:C.BadgePosition.Package,componentDescriptor:s,component:l,badges:r})]})]}),(0,u.jsx)(v.Separator,{isPresentational:!0})]})},n.BadgeSection=E;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(80460),m=r(82747),f=r(99047),h=r(42989),g=r(57699),b=r(71118),y=r(96062),v=r(15065),_=r(67846),w=r(78267),x=r(5286),k=r(34662),j=r(29751),C=r(82894),S=r(62634),O=l(r(14518));function E({badges:t,position:n,componentDescriptor:r,component:a}){return(0,u.jsx)("div",{className:O.default.badgeContainer,children:t?.filter(t=>n===C.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 i=r(72917);Object.defineProperty(n,"JobStatus",{enumerable:!0,get:function(){return i.JobStatus}})},49462(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionBlock=function({isLatest:t,className:n,snap:r,componentId:a,isCurrent:i,collapsed:o=!1,onToggleCollapse:s,allExpanded:l=!1,...m}){var j;let{username:C,displayName:S,email:O,profileImage:E,message:$,tag:D,hash:P,date:N,deprecated:M}=r,{lanesModel:T}=(0,y.useLanes)(),I=T?.isViewingNonDefaultLane()?`${v.LanesModel.getLaneUrl(T.viewedLane.id)}${v.LanesModel.baseLaneComponentRoute}`:"",A=D||P,F=!!D,R=D?`v${D}`:P.slice(0,7),L=(0,g.useMemo)(()=>({displayName:S||C||"",email:O||"",name:C||"",profileImage:E||""}),[S,C,O,E]),{pathname:z}=(0,f.useLocation)()||{},B=z?.replace(/\/~changelog.*$/,"")||"",q=I?`${I}/${a}?version=${A}`:`${B}?version=${A}`,{firstLine:G,rest:U}=(j=$,(0,g.useMemo)(()=>{if(!j)return{firstLine:"",rest:""};let t=j.split("\n");return{firstLine:t[0],rest:t.slice(1).join("\n").trim()}},[j])),[V,H]=(0,g.useState)(!1),Z=U.length>0,X=S||C||"Unknown";return!F&&o?(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:N?parseInt(N):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:R})}),(0,u.jsx)("span",{className:_.default.collapsedAuthor,children:X}),M&&(0,u.jsx)(k,{}),(0,u.jsx)(w,{collapsed:!0,className:_.default.expandHint})]})})]}):F?(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:N?parseInt(N):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:R})}),t&&(0,u.jsx)(p.VersionLabel,{status:"latest"}),i&&(0,u.jsx)(p.VersionLabel,{status:"current"}),M&&(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:X})]}),(0,u.jsx)("div",{className:_.default.messageSection,children:G?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:_.default.firstLine,children:G}),Z&&(0,u.jsxs)(u.Fragment,{children:[V&&(0,u.jsx)("div",{className:_.default.restOfMessage,children:U}),(0,u.jsx)("button",{className:_.default.expandButton,onClick:()=>H(!V),type:"button",children:V?"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:N?parseInt(N):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:R})}),M&&(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:X})]}),(0,u.jsx)("div",{className:_.default.messageSection,children:G?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:_.default.firstLine,children:G}),Z&&(0,u.jsxs)(u.Fragment,{children:[V&&(0,u.jsx)("div",{className:_.default.restOfMessage,children:U}),(0,u.jsx)("button",{className:_.default.expandButton,onClick:t=>{t.stopPropagation(),H(!V)},type:"button",children:V?"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(57792));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 i=r(66630);Object.defineProperty(n,"VersionDropdown",{enumerable:!0,get:function(){return i.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,i.jsx)("div",{children:(0,i.jsx)(s.MenuLinkItem,{active:r,href:o.LanesModel.getLaneUrl(t),className:u.default.versionRow,children:(0,i.jsxs)("span",{children:[(0,i.jsx)(l.Icon,{className:u.default.laneIcon,of:"lane"}),t.toString()]})})},t.toString())};let i=r(11684),o=r(1453);a(r(12888));let s=r(93766),l=r(29751),u=a(r(89119))},83190(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.SimpleVersion=function({currentVersion:t,className:n,disabled:r,hasMoreVersions:a,isTag:i=t=>null!==m.valid(t),useCurrentVersionLog:o,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||i(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:i=t=>null!==m.valid(t),loading:o,useCurrentVersionLog:s,showFullVersion:l,...y}){var _,w;let{displayName:x,message:k,username:j,email:C,date:S,profileImage:O}=s?.({skip:o,version:t})||{},E=c.default.useMemo(()=>({displayName:x??"",email:C,name:j??"",profileImage:O}),[x,C,j,O]),$=l||i(t)?t:t?.slice(0,6),D=S?new Date(+S):void 0,P=c.default.useMemo(()=>D?new Date(+D).toString():new Date().toString(),[D]);return o?(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:E??{},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:$}),(_=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(91317),y=r(69608),v=l(r(20692))},66630(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.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(91317),g=l(r(97500)),b=l(r(88152)),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:i,loading:o,overrideVersionHref:s,className:l,placeholderClassName:d,getActiveTabIndex:m,dropdownClassName:f,menuClassName:h,showVersionDetails:y=!0,disabled:v,PlaceholderComponent:x,currentLane:k,useComponentVersions:j,lanes:C,...S}){let[O,E]=(0,c.useState)(0),$=!i,[D,P]=(0,c.useState)(!1);(0,c.useEffect)(()=>{o&&D&&P(!1)},[o]);let N=t=>{o||t.target===t.currentTarget&&P(t=>!t)},M=(0,u.jsx)(_.SimpleVersion,{useCurrentVersionLog:a,disabled:v,className:d,currentVersion:t,onClick:N,hasMoreVersions:i,loading:o,showFullVersion:"workspace"===t}),T=x?(0,u.jsx)(x,{useCurrentVersionLog:a,disabled:v,className:d,currentVersion:t,onClick:N,hasMoreVersions:i,loading:o,showFullVersion:"workspace"===t}):M;return v||$&&!o?(0,u.jsx)("div",{className:(0,g.default)(b.default.noVersions,l),children:T}):(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:D,onClick:N,onClickOutside:()=>P(!1),onChange:(t,n)=>n&&E(t=>t+1),PlaceholderComponent:({children:t,...n})=>(0,u.jsx)("div",{...n,className:d,onClick:N,children:t}),placeholder:T,children:(0,u.jsx)(w,{className:h,currentVersion:t,latestVersion:n,localVersion:r,overrideVersionHref:s,showVersionDetails:y,currentLane:k,getActiveTabIndex:m,lanes:C,useVersions:j,onVersionClicked:()=>P(!1),open:D},O)})})});let w=(0,c.memo)(function({currentVersion:t,localVersion:r,latestVersion:a,overrideVersionHref:i,showVersionDetails:o,useVersions:s,currentLane:l,lanes:p,getActiveTabIndex:_=x,loading:w,open:j,onVersionClicked:C,...S}){let{snaps:O,tags:E,loading:$}=s?.()||{},D=w||$,P=(0,c.useMemo)(()=>k.map(t=>{switch(t){case"SNAP":return{name:t,payload:O||[]};case"LANE":return{name:t,payload:p||[]};default:return{name:t,payload:E||[]}}}).filter(t=>t.payload.length>0),[O?.length,E?.length,p?.length,D]),[N,M]=(0,c.useState)(_(t,P,E,O,l)),T=(0,c.useMemo)(()=>void 0!==N?P[N]:void 0,[N,P]);(0,c.useEffect)(()=>{if(!l||0===P.length)return;let n=_(t,P,E,O,l);n!==N&&M(n)},[l,P.length,E?.length,O?.length,t,D]);let I=P.length>1,A=void 0!==N&&P[N]?.payload.length>0,F=(0,c.useCallback)(function({index:n}){let{name:r,payload:s=[]}=T||{},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:i,showDetails:o,onVersionClicked:C,...c},c.version):null},[T,t,a,o,l?.id.toString(),A]),R=(0,c.useMemo)(()=>A&&T?F:()=>null,[A,T,F]),L=(0,c.useMemo)(()=>T?.payload.map((t,n)=>R({index:n})),[T]);return(0,u.jsxs)("div",{...S,className:(0,g.default)(b.default.versionMenuContainer,!j&&b.default.hide),children:[D&&(0,u.jsx)(h.LineSkeleton,{count:6,className:b.default.loader}),!D&&r&&(0,u.jsx)(d.MenuLinkItem,{href:"?",active:t===n.LOCAL_VERSION,className:(0,g.default)(b.default.versionRow,b.default.localVersion),onClick:C,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)(I&&b.default.tabs,!r&&b.default.withoutLocal),children:I&&P.map(({name:t},n)=>(0,u.jsx)(m.Tab,{className:b.default.tab,isActive:N===n,onClick:()=>M(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,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.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(22175));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:i,displayName:o,email:s,overrideVersionHref:l,showDetails:w,message:x,tag:k,profileImage:j,deprecated:C,onVersionClicked:S},O){let E=t===n,$=(0,h.useMemo)(()=>({displayName:o??"",email:s,name:i??"",profileImage:j}),[o,s,i,j]),D=(0,h.useMemo)(()=>a?new Date(parseInt(a)).toString():new Date().toString(),[a]),P=(0,h.useRef)(null);(0,h.useEffect)(()=>{E&&P.current?.scrollIntoView({block:"nearest"})},[E]);let N=l?l(t):`?version=${t}`,M=(0,h.useMemo)(()=>k?t:t.slice(0,6),[k,t]),T=t===r;return(0,u.jsx)("div",{ref:O||P,onClick:S,children:(0,u.jsxs)(c.MenuLinkItem,{active:E,href:N,className:v.default.versionRow,children:[(0,u.jsxs)("div",{className:v.default.version,children:[(0,u.jsx)(g.UserAvatar,{size:24,account:$,className:v.default.versionUserAvatar,showTooltip:!0}),(0,u.jsx)(b.Ellipsis,{className:(0,y.default)(v.default.versionName),children:M}),T&&(0,u.jsx)(p.VersionLabel,{status:"latest"}),C&&(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:D})})]})})}))},11404(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.AspectDefinition=void 0;let AspectDefinition=class AspectDefinition{constructor(t,n,r,a,i,o){this.aspectPath=t,this.aspectFilePath=n,this.runtimePath=r,this.component=a,this.id=i,this.local=o}get getId(){return this.component?this.component.id.toString():this.id?this.id:null}static from({component:t,aspectPath:n,aspectFilePath:r,runtimePath:a,id:i,local:o}){return new AspectDefinition(n,r,a,t,i,o)}};n.AspectDefinition=AspectDefinition},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 i(){let t=r(75216);return i=function(){return t},t}function o(){let t=r(15506);return o=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(o().AspectPage,null)}),s(this,"navigationLink",{href:"~aspect",children:a().default.createElement(i().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 i(){let t=l(r(46179));return i=function(){return t},t}function o(){var t;let n=(t=r(52101))&&t.__esModule?t:{default:t};return o=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 i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.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=o().default.join("/",r)),n.mkdirpSync(r),n.writeFileSync(`/${t.relative}`,i().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 i=n.ComponentAspect=a().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});n.default=i},55633(t,n,r){"use strict";function a(){let t=r(5913);return a=function(){return t},t}function i(){let t=r(24490);return i=function(){return t},t}function o(){let t=r(46746);return o=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,i){this.id=t,this.head=n,this._state=r,this.tags=a,this.factory=i}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:i,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,o().slice)(l,i,a+(i||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(i()).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,i=[a];a||(r=!0);let o={next:async()=>{if(r)return{value:void 0,done:r};let t=i.shift(),a=await this.loadSnap(t);return a.parents&&a.parents.length&&(n.firstParentOnly?i.push(a.parents[0]):i=i.concat(a.parents)),i.length?n.stopFn&&(r=await n.stopFn(a)):r=!0,{value:a,done:void 0}}};return{[Symbol.asyncIterator]:()=>o}}async getClosestTag(t){let n=this.tags.getHashMap(),r=async t=>!!n.has(t.hash),a=this.snapsIterable(t,{firstParentOnly:!0,stopFn:r}),i=[];for await(let t of a)i.push(t);if(i.length){let t=i[i.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 i(){let t=v(r(47065));return i=function(){return t},t}function o(){let t=v(r(29656));return o=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(9375);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,o().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,o().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:i,componentModel:o})=>{let s=r||o?.packageName,l=i||o?.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,i().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,i().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,i().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,i,o,l,u,c,d,p]){let m=new ComponentUI(r,a,i,o,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 i(){let t=r(93402);return i=function(){return t},t}function o(){let t=r(41384);return o=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 o().CouldNotFindLatest}}),Object.defineProperty(n,"HostNotFound",{enumerable:!0,get:function(){return i().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 i(){let t=r(81403);return i=function(){return t},t}Object.defineProperty(n,"useComponentHost",{enumerable:!0,get:function(){return i().useComponentHost}});var o=r(11013);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]}})})},81403(t,n,r){"use strict";function a(){let t=r(7622);return a=function(){return t},t}function i(){let t=r(92590);return i=function(){return t},t}function o(){let t=r(11013);return o=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:o().ComponentHostModel.from(t)}};let s=(0,i().gql)`
   {
     getHost {
       id # used for GQL caching
@@ -449,7 +449,7 @@ ${l}`}).join("\n\n")+"\n"};let i="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
       }
     }
   }
-`},30266(t,n,r){"use strict";function a(){let t=r(61159);return a=function(){return t},t}function i(){let t=r(41733);return i=function(){return t},t}function o(){let t=r(55633);return o=function(){return t},t}function s(){let t=r(19100);return s=function(){return t},t}function l(){var t;let n=(t=r(52365))&&t.__esModule?t:{default:t};return l=function(){return n},n}function u(){let t=r(8929);return u=function(){return t},t}function c(){let t=r(36567);return c=function(){return t},t}function d(){let t=r(32173);return d=function(){return t},t}function p(){let t=r(55907);return p=function(){return t},t}function m(){let t=r(88077);return m=function(){return t},t}function f(){let t=r(49661);return f=function(){return t},t}function h(){let t=r(79432);return h=function(){return t},t}function g(){let t=r(44421);return g=function(){return t},t}function b(){let t=r(28537);return b=function(){return t},t}function y(){let t=r(64621);return y=function(){return t},t}function v(){let t=r(51393);return v=function(){return t},t}function _(){let t=r(4965);return _=function(){return t},t}function w(){let t=r(52946);return w=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"AspectData",{enumerable:!0,get:function(){return u().AspectData}}),Object.defineProperty(n,"AspectEntry",{enumerable:!0,get:function(){return u().AspectEntry}}),Object.defineProperty(n,"CollapsibleMenuNav",{enumerable:!0,get:function(){return y().CollapsibleMenuNav}}),Object.defineProperty(n,"Component",{enumerable:!0,get:function(){return o().Component}}),Object.defineProperty(n,"ComponentAspect",{enumerable:!0,get:function(){return a().ComponentAspect}}),Object.defineProperty(n,"ComponentContext",{enumerable:!0,get:function(){return h().ComponentContext}}),Object.defineProperty(n,"ComponentDescriptorContext",{enumerable:!0,get:function(){return h().ComponentDescriptorContext}}),Object.defineProperty(n,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return g().ComponentDescriptorProvider}}),Object.defineProperty(n,"ComponentFS",{enumerable:!0,get:function(){return l().default}}),Object.defineProperty(n,"ComponentID",{enumerable:!0,get:function(){return s().ComponentID}}),Object.defineProperty(n,"ComponentLogsResult",{enumerable:!0,get:function(){return b().ComponentLogsResult}}),Object.defineProperty(n,"ComponentMap",{enumerable:!0,get:function(){return f().ComponentMap}}),Object.defineProperty(n,"ComponentMenu",{enumerable:!0,get:function(){return y().ComponentMenu}}),Object.defineProperty(n,"ComponentModel",{enumerable:!0,get:function(){return v().ComponentModel}}),Object.defineProperty(n,"ComponentProvider",{enumerable:!0,get:function(){return g().ComponentProvider}}),Object.defineProperty(n,"Config",{enumerable:!0,get:function(){return w().Config}}),Object.defineProperty(n,"Filters",{enumerable:!0,get:function(){return b().Filters}}),Object.defineProperty(n,"InvalidComponent",{enumerable:!0,get:function(){return o().InvalidComponent}}),Object.defineProperty(n,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return u().ResolveComponentIdFunc}}),Object.defineProperty(n,"Snap",{enumerable:!0,get:function(){return c().Snap}}),Object.defineProperty(n,"SnapProps",{enumerable:!0,get:function(){return c().SnapProps}}),Object.defineProperty(n,"State",{enumerable:!0,get:function(){return p().State}}),Object.defineProperty(n,"Tag",{enumerable:!0,get:function(){return d().Tag}}),Object.defineProperty(n,"TagMap",{enumerable:!0,get:function(){return m().TagMap}}),Object.defineProperty(n,"TagProps",{enumerable:!0,get:function(){return d().TagProps}}),Object.defineProperty(n,"TopBarNav",{enumerable:!0,get:function(){return _().TopBarNav}}),Object.defineProperty(n,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return y().VersionRelatedDropdowns}}),Object.defineProperty(n,"componentFields",{enumerable:!0,get:function(){return b().componentFields}}),Object.defineProperty(n,"componentIdFields",{enumerable:!0,get:function(){return b().componentIdFields}}),Object.defineProperty(n,"componentOverviewFields",{enumerable:!0,get:function(){return b().componentOverviewFields}}),n.default=void 0,Object.defineProperty(n,"useComponent",{enumerable:!0,get:function(){return b().useComponent}}),Object.defineProperty(n,"useComponentDescriptor",{enumerable:!0,get:function(){return h().useComponentDescriptor}}),Object.defineProperty(n,"useComponentHost",{enumerable:!0,get:function(){return i().useComponentHost}}),Object.defineProperty(n,"useComponentLogs",{enumerable:!0,get:function(){return b().useComponentLogs}}),Object.defineProperty(n,"useIdFromLocation",{enumerable:!0,get:function(){return b().useIdFromLocation}}),n.default=a().ComponentAspect},36567(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Snap=void 0;let Snap=class Snap{constructor(t,n,r,a,i){this.hash=t,this.timestamp=n,this.parents=r,this.author=a,this.message=i}static fromObject(t){let n=t.parents||[];return new Snap(t.hash,new Date(parseInt(t.timestamp)),n,t.author,t.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}};n.Snap=Snap},55907(t,n,r){"use strict";function a(){let t=r(57333);return a=function(){return t},t}function i(){let t=r(19100);return i=function(){return t},t}function o(){let t=r(28381);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.State=void 0;let State=class State{constructor(t,n,r,a,i){this.config=t,this._aspects=n,this.filesystem=r,this.dependencies=a,this._consumer=i}get mainFile(){let t=this.filesystem.files.find(t=>t.relative===this._consumer.mainFile);if(!t)throw new(o()).MainFileNotFound(i().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return t}get hash(){return""}get issues(){return this._consumer.issues||=new(a()).IssuesList}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(t){this._aspects=t}};n.State=State},88077(t,n,r){"use strict";function a(){let t=r(34907);return a=function(){return t},t}function i(){let t=r(16322);return i=function(){return t},t}function o(){let t=r(28381);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.TagMap=void 0;let TagMap=class TagMap extends Map{byHash(t){return Array.from(this.values()).find(n=>n.hash===t)}getPreReleaseLatestTags(){let t=this.toArray().reduce((t,n)=>{let r=n.version.prerelease;return r.length&&2===r.length&&"string"==typeof r[0]&&(t[r[0]]||=[]).push(n.version.raw),t},{});return Object.keys(t).reduce((n,r)=>(n[r]=(0,i().maxSatisfying)(t[r],"*",{includePrerelease:!0}),n),{})}getHashMap(){let t=new Map;return this.forEach(n=>{t.set(n.hash,n)}),t}getLatest(){let t=this.toArray().map(t=>t.version.raw);if(this.isEmpty())throw new(o()).CouldNotFindLatest(t);return(0,a().getLatestVersion)(t)}isEmpty(){return 0===this.size}toArray(){return Array.from(this.values())}byVersion(t){return this.toArray().map(t=>t).find(n=>n.version.raw===t)}static fromArray(t){return new TagMap(t.map(t=>[t.version,t]))}static empty(){return new TagMap}};n.TagMap=TagMap},86233(t,n,r){"use strict";function a(){let t=r(32173);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Tag",{enumerable:!0,get:function(){return a().Tag}})},32173(t,n,r){"use strict";function a(){let t=r(16322);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.Tag=void 0;let Tag=class Tag{constructor(t,n){this.hash=t,this.version=n}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(t){return new Tag(t.hash,new(a()).SemVer(t.version))}};n.Tag=Tag},28766(t,n,r){"use strict";function a(){let t=r(87735);return a=function(){return t},t}function i(){let t=m(r(12888));return i=function(){return t},t}function o(){let t=r(7622);return o=function(){return t},t}function s(){let t=r(92590);return s=function(){return t},t}function l(){let t=r(39084);return l=function(){return t},t}function u(){let t=r(82747);return u=function(){return t},t}function c(){let t=r(44245);return c=function(){return t},t}function d(){var t;let n=(t=r(48340))&&t.__esModule?t:{default:t};return d=function(){return n},n}function p(){let t=r(44421);return p=function(){return t},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 i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.AspectPage=function(){let t=(0,i().useContext)(p().ComponentContext),{data:n}=(0,o().useDataQuery)(f,{variables:{id:t.id.toString()}}),r=n?.getHost?.get?.aspects;return r&&0===r.length?i().default.createElement(l().EmptyBox,{title:"This component is new and doesn\u2019t have any aspects.",linkText:"Learn more about component aspects",link:"https://bit.dev/docs/extending-bit/aspect-overview"}):i().default.createElement("div",{className:d().default.aspectPage},i().default.createElement("div",null,i().default.createElement(u().H1,{className:d().default.title},"Configuration"),i().default.createElement(c().Separator,{className:d().default.separator}),r&&r.map(t=>i().default.createElement(a().AspectBox,{key:t.id,className:d().default.aspectBox,name:t.id,icon:t.icon,config:t.config,data:t.data}))))};let f=(0,s().gql)`
+`},30266(t,n,r){"use strict";function a(){let t=r(61159);return a=function(){return t},t}function i(){let t=r(41733);return i=function(){return t},t}function o(){let t=r(55633);return o=function(){return t},t}function s(){let t=r(19100);return s=function(){return t},t}function l(){var t;let n=(t=r(52365))&&t.__esModule?t:{default:t};return l=function(){return n},n}function u(){let t=r(8929);return u=function(){return t},t}function c(){let t=r(36567);return c=function(){return t},t}function d(){let t=r(32173);return d=function(){return t},t}function p(){let t=r(55907);return p=function(){return t},t}function m(){let t=r(88077);return m=function(){return t},t}function f(){let t=r(49661);return f=function(){return t},t}function h(){let t=r(79432);return h=function(){return t},t}function g(){let t=r(44421);return g=function(){return t},t}function b(){let t=r(28537);return b=function(){return t},t}function y(){let t=r(64621);return y=function(){return t},t}function v(){let t=r(51393);return v=function(){return t},t}function _(){let t=r(4965);return _=function(){return t},t}function w(){let t=r(52946);return w=function(){return t},t}function x(){let t=r(11404);return x=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"AspectData",{enumerable:!0,get:function(){return u().AspectData}}),Object.defineProperty(n,"AspectDefinition",{enumerable:!0,get:function(){return x().AspectDefinition}}),Object.defineProperty(n,"AspectEntry",{enumerable:!0,get:function(){return u().AspectEntry}}),Object.defineProperty(n,"CollapsibleMenuNav",{enumerable:!0,get:function(){return y().CollapsibleMenuNav}}),Object.defineProperty(n,"Component",{enumerable:!0,get:function(){return o().Component}}),Object.defineProperty(n,"ComponentAspect",{enumerable:!0,get:function(){return a().ComponentAspect}}),Object.defineProperty(n,"ComponentContext",{enumerable:!0,get:function(){return h().ComponentContext}}),Object.defineProperty(n,"ComponentDescriptorContext",{enumerable:!0,get:function(){return h().ComponentDescriptorContext}}),Object.defineProperty(n,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return g().ComponentDescriptorProvider}}),Object.defineProperty(n,"ComponentFS",{enumerable:!0,get:function(){return l().default}}),Object.defineProperty(n,"ComponentID",{enumerable:!0,get:function(){return s().ComponentID}}),Object.defineProperty(n,"ComponentLogsResult",{enumerable:!0,get:function(){return b().ComponentLogsResult}}),Object.defineProperty(n,"ComponentMap",{enumerable:!0,get:function(){return f().ComponentMap}}),Object.defineProperty(n,"ComponentMenu",{enumerable:!0,get:function(){return y().ComponentMenu}}),Object.defineProperty(n,"ComponentModel",{enumerable:!0,get:function(){return v().ComponentModel}}),Object.defineProperty(n,"ComponentProvider",{enumerable:!0,get:function(){return g().ComponentProvider}}),Object.defineProperty(n,"Config",{enumerable:!0,get:function(){return w().Config}}),Object.defineProperty(n,"Filters",{enumerable:!0,get:function(){return b().Filters}}),Object.defineProperty(n,"InvalidComponent",{enumerable:!0,get:function(){return o().InvalidComponent}}),Object.defineProperty(n,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return u().ResolveComponentIdFunc}}),Object.defineProperty(n,"Snap",{enumerable:!0,get:function(){return c().Snap}}),Object.defineProperty(n,"SnapProps",{enumerable:!0,get:function(){return c().SnapProps}}),Object.defineProperty(n,"State",{enumerable:!0,get:function(){return p().State}}),Object.defineProperty(n,"Tag",{enumerable:!0,get:function(){return d().Tag}}),Object.defineProperty(n,"TagMap",{enumerable:!0,get:function(){return m().TagMap}}),Object.defineProperty(n,"TagProps",{enumerable:!0,get:function(){return d().TagProps}}),Object.defineProperty(n,"TopBarNav",{enumerable:!0,get:function(){return _().TopBarNav}}),Object.defineProperty(n,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return y().VersionRelatedDropdowns}}),Object.defineProperty(n,"componentFields",{enumerable:!0,get:function(){return b().componentFields}}),Object.defineProperty(n,"componentIdFields",{enumerable:!0,get:function(){return b().componentIdFields}}),Object.defineProperty(n,"componentOverviewFields",{enumerable:!0,get:function(){return b().componentOverviewFields}}),n.default=void 0,Object.defineProperty(n,"useComponent",{enumerable:!0,get:function(){return b().useComponent}}),Object.defineProperty(n,"useComponentDescriptor",{enumerable:!0,get:function(){return h().useComponentDescriptor}}),Object.defineProperty(n,"useComponentHost",{enumerable:!0,get:function(){return i().useComponentHost}}),Object.defineProperty(n,"useComponentLogs",{enumerable:!0,get:function(){return b().useComponentLogs}}),Object.defineProperty(n,"useIdFromLocation",{enumerable:!0,get:function(){return b().useIdFromLocation}}),n.default=a().ComponentAspect},36567(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Snap=void 0;let Snap=class Snap{constructor(t,n,r,a,i){this.hash=t,this.timestamp=n,this.parents=r,this.author=a,this.message=i}static fromObject(t){let n=t.parents||[];return new Snap(t.hash,new Date(parseInt(t.timestamp)),n,t.author,t.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}};n.Snap=Snap},55907(t,n,r){"use strict";function a(){let t=r(57333);return a=function(){return t},t}function i(){let t=r(19100);return i=function(){return t},t}function o(){let t=r(28381);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.State=void 0;let State=class State{constructor(t,n,r,a,i){this.config=t,this._aspects=n,this.filesystem=r,this.dependencies=a,this._consumer=i}get mainFile(){let t=this.filesystem.files.find(t=>t.relative===this._consumer.mainFile);if(!t)throw new(o()).MainFileNotFound(i().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return t}get hash(){return""}get issues(){return this._consumer.issues||=new(a()).IssuesList}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(t){this._aspects=t}};n.State=State},88077(t,n,r){"use strict";function a(){let t=r(34907);return a=function(){return t},t}function i(){let t=r(16322);return i=function(){return t},t}function o(){let t=r(28381);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.TagMap=void 0;let TagMap=class TagMap extends Map{byHash(t){return Array.from(this.values()).find(n=>n.hash===t)}getPreReleaseLatestTags(){let t=this.toArray().reduce((t,n)=>{let r=n.version.prerelease;return r.length&&2===r.length&&"string"==typeof r[0]&&(t[r[0]]||=[]).push(n.version.raw),t},{});return Object.keys(t).reduce((n,r)=>(n[r]=(0,i().maxSatisfying)(t[r],"*",{includePrerelease:!0}),n),{})}getHashMap(){let t=new Map;return this.forEach(n=>{t.set(n.hash,n)}),t}getLatest(){let t=this.toArray().map(t=>t.version.raw);if(this.isEmpty())throw new(o()).CouldNotFindLatest(t);return(0,a().getLatestVersion)(t)}isEmpty(){return 0===this.size}toArray(){return Array.from(this.values())}byVersion(t){return this.toArray().map(t=>t).find(n=>n.version.raw===t)}static fromArray(t){return new TagMap(t.map(t=>[t.version,t]))}static empty(){return new TagMap}};n.TagMap=TagMap},86233(t,n,r){"use strict";function a(){let t=r(32173);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Tag",{enumerable:!0,get:function(){return a().Tag}})},32173(t,n,r){"use strict";function a(){let t=r(16322);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.Tag=void 0;let Tag=class Tag{constructor(t,n){this.hash=t,this.version=n}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(t){return new Tag(t.hash,new(a()).SemVer(t.version))}};n.Tag=Tag},28766(t,n,r){"use strict";function a(){let t=r(87735);return a=function(){return t},t}function i(){let t=m(r(12888));return i=function(){return t},t}function o(){let t=r(7622);return o=function(){return t},t}function s(){let t=r(92590);return s=function(){return t},t}function l(){let t=r(39084);return l=function(){return t},t}function u(){let t=r(82747);return u=function(){return t},t}function c(){let t=r(44245);return c=function(){return t},t}function d(){var t;let n=(t=r(48340))&&t.__esModule?t:{default:t};return d=function(){return n},n}function p(){let t=r(44421);return p=function(){return t},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 i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.AspectPage=function(){let t=(0,i().useContext)(p().ComponentContext),{data:n}=(0,o().useDataQuery)(f,{variables:{id:t.id.toString()}}),r=n?.getHost?.get?.aspects;return r&&0===r.length?i().default.createElement(l().EmptyBox,{title:"This component is new and doesn\u2019t have any aspects.",linkText:"Learn more about component aspects",link:"https://bit.dev/docs/extending-bit/aspect-overview"}):i().default.createElement("div",{className:d().default.aspectPage},i().default.createElement("div",null,i().default.createElement(u().H1,{className:d().default.title},"Configuration"),i().default.createElement(c().Separator,{className:d().default.separator}),r&&r.map(t=>i().default.createElement(a().AspectBox,{key:t.id,className:d().default.aspectBox,name:t.id,icon:t.icon,config:t.config,data:t.data}))))};let f=(0,s().gql)`
   query ($id: String!) {
     getHost {
       get(id: $id) {
@@ -787,7 +787,7 @@ ${l}`}).join("\n\n")+"\n"};let i="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
     }
   }
   ${n.docsFields}
-`},7422(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useDocs=n.docsFields=void 0;var a=r(90896);Object.defineProperty(n,"docsFields",{enumerable:!0,get:function(){return a.docsFields}}),Object.defineProperty(n,"useDocs",{enumerable:!0,get:function(){return a.useDocs}})},32021(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.DocsAspect=void 0;let i=n.DocsAspect=a().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});n.default=i},50207(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.defaultDocs=void 0,n.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},50833(t,n,r){"use strict";function a(){let t=g(r(12888));return a=function(){return t},t}function i(){let t=r(46746);return i=function(){return t},t}function o(){let t=r(30266);return o=function(){return t},t}function s(){let t=r(72631);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(75740);return u=function(){return t},t}function c(){let t=r(12178);return c=function(){return t},t}function d(){let t=r(32557);return d=function(){return t},t}function p(){let t=r(64199);return p=function(){return t},t}function m(){let t=r(32021);return m=function(){return t},t}function f(){let t=g(r(72644));return f=function(){return t},t}function h(){let t=r(23374);return h=function(){return t},t}function g(t){return t&&t.__esModule?t:{default:t}}function b(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let DocsUI=class DocsUI{constructor(t,n,r,a){this.titleBadgeSlot=t,this.overviewOptionsSlot=n,this.usePreviewSandboxSlot=r,this.usePreviewPropsSlot=a,b(this,"_emptyState",void 0)}registerTitleBadge(t){let n=Array.isArray(t)?t:[t];return this.titleBadgeSlot.register(n),this}listTitleBadges(){return(0,i().flatten)(this.titleBadgeSlot.values())}registerEmptyState(t){return this._emptyState=t}registerPreviewSandbox(t){this.usePreviewSandboxSlot.register(t)}registerPreviewProps(t){this.usePreviewPropsSlot.register(t)}getEmptyState(){return this._emptyState}getDocsCompare(){return a().default.createElement(c().OverviewCompare,{titleBadges:this.titleBadgeSlot,overviewOptions:this.overviewOptionsSlot})}registerOverviewOptions(t){this.overviewOptionsSlot.register(t)}static async provider([t,n,r],i,[o,s,l,u]){let c=new DocsUI(o,s,l,u),p=new(h()).OverviewSection(o,s,c,r,l,u),m=new(d()).OverviewCompareSection(c);return t.registerRoute(p.route),t.registerNavigation(p.navigationLink,p.order),n.registerNavigation(m),n.registerRoutes([m.route]),n.registerCompareTab({id:"inline-docs",order:3,displayName:"Docs",element:a().default.createElement("div",{className:f().default.contain},c.getDocsCompare()),lazy:!0}),c.registerPreviewSandbox((t,n)=>{n?.host==="teambit.scope/scope"&&(t.add("allow-scripts"),t.add("allow-same-origin"))}),c.registerPreviewProps(t=>{t.set("allow","clipboard-write")}),c}};b(DocsUI,"dependencies",[o().ComponentAspect,u().ComponentCompareAspect,p().APIReferenceAspect]),b(DocsUI,"runtime",l().UIRuntime),b(DocsUI,"slots",[s().Slot.withType(),s().Slot.withType(),s().Slot.withType(),s().Slot.withType()]),m().DocsAspect.addRuntime(DocsUI)},82894(t,n,r){"use strict";function a(){let t=r(32021);return a=function(){return t},t}function i(){let t=r(38975);return i=function(){return t},t}function o(){let t=r(50207);return o=function(){return t},t}function s(){let t=r(45688);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BadgePosition",{enumerable:!0,get:function(){return s().BadgePosition}}),Object.defineProperty(n,"Doc",{enumerable:!0,get:function(){return i().Doc}}),Object.defineProperty(n,"DocProp",{enumerable:!0,get:function(){return i().DocProp}}),Object.defineProperty(n,"DocPropList",{enumerable:!0,get:function(){return i().DocPropList}}),Object.defineProperty(n,"DocsAspect",{enumerable:!0,get:function(){return a().DocsAspect}}),Object.defineProperty(n,"Overview",{enumerable:!0,get:function(){return s().Overview}}),n.default=void 0,Object.defineProperty(n,"defaultDocs",{enumerable:!0,get:function(){return o().defaultDocs}}),n.default=a().DocsAspect},23374(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(45688);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.OverviewSection=void 0;let OverviewSection=class OverviewSection{constructor(t,n,r,s,l,u){this.titleBadgeSlot=t,this.overviewOptionsSlot=n,this.docs=r,this.apiRef=s,this.usePreviewSandboxSlot=l,this.usePreviewPropsSlot=u,o(this,"navigationLink",{href:".",exact:!0,children:"Overview"}),o(this,"route",{index:!0,element:a().default.createElement(i().Overview,{titleBadges:this.titleBadgeSlot,overviewOptions:this.overviewOptionsSlot,getEmptyState:this.docs.getEmptyState.bind(this.docs),TaggedAPI:this.apiRef.TaggedAPIPage,usePreviewSandboxSlot:this.usePreviewSandboxSlot,usePreviewPropsSlot:this.usePreviewPropsSlot})}),o(this,"order",10)}};n.OverviewSection=OverviewSection},45688(t,n,r){"use strict";function a(){let t=r(77237);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BadgePosition",{enumerable:!0,get:function(){return a().BadgePosition}}),Object.defineProperty(n,"Overview",{enumerable:!0,get:function(){return a().Overview}})},77237(t,n,r){"use strict";var a;function i(){let t=y(r(12888));return i=function(){return t},t}function o(){let t=b(r(97500));return o=function(){return t},t}function s(){let t=r(46746);return s=function(){return t},t}function l(){let t=r(30266);return l=function(){return t},t}function u(){let t=r(37175);return u=function(){return t},t}function c(){let t=r(4080);return c=function(){return t},t}function d(){let t=r(71169);return d=function(){return t},t}function p(){let t=r(55970);return p=function(){return t},t}function m(){let t=r(60517);return m=function(){return t},t}function f(){let t=r(19014);return f=function(){return t},t}function h(){let t=b(r(22445));return h=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.BadgePosition=void 0,n.Overview=function({titleBadges:t,overviewOptions:n,previewProps:r,getEmptyState:a,TaggedAPI:c,usePreviewSandboxSlot:b,usePreviewPropsSlot:y}){let w=(0,i().useContext)(l().ComponentContext),x=(0,l().useComponentDescriptor)(),k=(0,s().flatten)(n.values())[0],j=!w.preview?.legacyHeader,C=a&&a(),S=w.buildStatus?.toLowerCase()!=="succeed"&&w?.host==="teambit.scope/scope",O=!!w.preview?.isScaling,E=!!w.preview?.includesEnvTemplate,$=i().default.useMemo(()=>O&&!E,[O,E]),{isMinimal:D}=(0,m().useWorkspaceMode)(),[P,N]=(0,i().useState)($),M=b?.values()??[],T=y?.values()??[],I=`onlyOverview=${w.preview?.onlyOverview||"false"}&skipIncludes=${w.preview?.skipIncludes||w.preview?.onlyOverview}`,A=k&&k(),{renderCompositionsFirst:F,defaultPkgManager:R}=A||{},L=r||{},{onLoad:z,style:B}=L,q=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(L,g),G=i().default.useCallback((t,n)=>{N(!1),z?.(t,n)},[z]);return i().default.useEffect(()=>{!P&&$&&N(!0),P&&!$&&N(!1)},[w.id.toString(),$]),i().default.createElement("div",{className:(0,o().default)(h().default.overviewWrapper,P&&h().default.noOverflow),key:`${w.id.toString()}`},j&&i().default.createElement(d().ComponentOverview,{className:(0,o().default)(h().default.componentOverviewBlock,!O&&h().default.legacyPreview),displayName:w.displayName,abstract:w.description,labels:w.labels,packageName:w.packageName,titleBadges:(0,s().flatten)(t.values()),componentDescriptor:x,component:w,pkgManager:R}),!S&&i().default.createElement("div",{className:h().default.readme},P&&i().default.createElement(f().ReadmeSkeleton,null,i().default.createElement(p().CompositionGallerySkeleton,{compositionsLength:Math.min(w.compositions.length,3)})),i().default.createElement(u().SandboxPermissionsAggregator,{hooks:M,component:w},t=>i().default.createElement(u().PreviewPropsAggregator,{hooks:T,component:w},n=>D||F?i().default.createElement(i().default.Fragment,null,w.preview?.onlyOverview&&!P&&i().default.createElement(p().CompositionGallery,{component:w,sandbox:t}),i().default.createElement(u().ComponentPreview,v({},n,{onLoad:G,previewName:"overview",pubsub:!0,queryParams:[I,A?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,propagateError:D,sandbox:t},q,{component:w,style:{width:"100%",height:"100%",minHeight:O?void 0:500}}))):i().default.createElement(i().default.Fragment,null,i().default.createElement(u().ComponentPreview,v({},n,{onLoad:G,previewName:"overview",pubsub:!0,queryParams:[I,A?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:t},q,{component:w,style:{width:"100%",height:"100%",minHeight:O?void 0:500}})),w.preview?.onlyOverview&&!P&&i().default.createElement(p().CompositionGallery,{component:w,sandbox:t})))),w.preview?.onlyOverview&&!P&&c&&i().default.createElement(c,{componentId:w.id.toString()})),S&&(C?i().default.createElement(C,null):i().default.createElement("div",{className:h().default.buildFailed},i().default.createElement(_,{buildStatus:w.buildStatus}))))};let g=["onLoad","style"];function b(t){return t&&t.__esModule?t:{default:t}}function y(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(y=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function v(){return(v=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function _({buildStatus:t}){return t?.toLowerCase()==="pending"?i().default.createElement(c().StatusMessageCard,{status:"PROCESSING",title:"component preview pending"},"this might take some time"):i().default.createElement(c().StatusMessageCard,{status:"FAILURE",title:"failed to get component preview"})}(a={})[a.Title=0]="Title",a[a.SubTitle=1]="SubTitle",a[a.Labels=2]="Labels",a[a.Package=3]="Package",n.BadgePosition=a},19014(t,n,r){"use strict";function a(){let t=s(r(12888));return a=function(){return t},t}function i(){let t=r(91317);return i=function(){return t},t}function o(){let t=s(r(22445));return o=function(){return t},t}function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.ReadmeSkeleton=function({children:t}){return a().default.createElement("div",{className:o().default.readmeSkeleton},a().default.createElement(i().LineSkeleton,{width:"80%"}),a().default.createElement(i().LineSkeleton,{width:"70%"}),a().default.createElement(i().LineSkeleton,{width:"40%",style:{marginBottom:40}}),a().default.createElement(i().LineSkeleton,{width:"30%",style:{marginBottom:16}}),a().default.createElement(i().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),t)}},23657(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.EnvIcon=void 0;let l=r(11684);n.EnvIcon=(0,s(r(12888)).forwardRef)(function({component:t,...n},r){return t&&t.environment?.icon?(0,l.jsx)("img",{ref:r,...n,src:t.environment?.icon,alt:t.environment.id}):(0,l.jsx)("span",{})})},71292(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EnvIcon=void 0;var a=r(23657);Object.defineProperty(n,"EnvIcon",{enumerable:!0,get:function(){return a.EnvIcon}})},91726(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ChangedPill=function(){return(0,i.jsxs)("span",{className:o.default.changedPill,children:[(0,i.jsx)("span",{className:o.default.changedDot}),"changed"]})},n.BuildSpinner=function(){return(0,i.jsx)("div",{className:o.default.spinnerBadge,children:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",children:[(0,i.jsx)("circle",{cx:"7",cy:"7",r:"5",stroke:s(20),strokeWidth:"1.5",fill:"none"}),(0,i.jsx)("circle",{cx:"7",cy:"7",r:"5",stroke:"var(--bit-accent-color, #6c5ce7)",strokeWidth:"1.5",fill:"none",strokeDasharray:"8 24",strokeLinecap:"round",className:o.default.spinnerArc})]})})},n.BuildingPreview=function(){return(0,i.jsxs)("div",{className:o.default.buildingPreview,children:[(0,i.jsxs)("svg",{width:"100%",height:"100%",preserveAspectRatio:"none",className:o.default.dotsPattern,children:[(0,i.jsx)("defs",{children:(0,i.jsx)("pattern",{id:"dots-accent",width:"14",height:"14",patternUnits:"userSpaceOnUse",children:(0,i.jsx)("circle",{cx:"7",cy:"7",r:"1",fill:s(20)})})}),(0,i.jsx)("rect",{width:"100%",height:"100%",fill:"url(#dots-accent)"})]}),(0,i.jsxs)("div",{className:o.default.buildingPlaceholder,style:{border:`1.5px dashed ${s(40)}`},children:[(0,i.jsx)("div",{style:{height:6,width:"55%",background:s(27),borderRadius:3}}),(0,i.jsx)("div",{style:{height:4,width:"85%",background:s(13),borderRadius:2}}),(0,i.jsx)("div",{style:{height:4,width:"70%",background:s(13),borderRadius:2}})]})]})},n.QueuedPreview=function(){return(0,i.jsx)("div",{className:o.default.queuedPreview,children:(0,i.jsxs)("svg",{width:"46",height:"46",viewBox:"0 0 46 46",children:[(0,i.jsx)("circle",{cx:"23",cy:"23",r:"20",fill:"none",stroke:s(20),strokeWidth:"1.2",strokeDasharray:"3 4"}),(0,i.jsx)("circle",{cx:"23",cy:"23",r:"3",fill:s(53)})]})})};let i=r(11684);a(r(12888));let o=a(r(11250)),s=t=>`color-mix(in srgb, var(--bit-accent-color, #6c5ce7) ${t}%, transparent)`},44050(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverviewFilterPanel=function({aggregation:t,onAggregationChange:n,availableAggregations:r,items:a,activeNamespaces:i,onNamespacesChange:o,activeScopes:s,onScopesChange:l}){let h=(0,c.useMemo)(()=>[...new Set(a.map(t=>t.component.id.namespace||"/"))].map(t=>({value:t})),[a]),g=(0,c.useMemo)(()=>[...new Set(a.map(t=>t.component.id.scope))].map(t=>({value:t})),[a]),b=i.map(t=>({value:t})),y=s.map(t=>({value:t})),v=Math.max(0,r.findIndex(n=>n===t));return(0,u.jsxs)("div",{className:m.default.commandBar,children:[(0,u.jsxs)("div",{className:m.default.leftCluster,children:[(0,u.jsx)(p.BaseFilter,{id:"namespaces",placeholder:"Namespaces",options:h,activeOptions:b,onChange:t=>{o((Array.isArray(t)?t:t?[t]:[]).map(t=>t.value).filter(t=>"string"==typeof t))},isSearchable:!0}),(0,u.jsx)(p.BaseFilter,{id:"scopes",placeholder:"Scopes",options:g,activeOptions:y,onChange:t=>{l((Array.isArray(t)?t:t?[t]:[]).map(t=>t.value).filter(t=>"string"==typeof t))},isSearchable:!0})]}),(0,u.jsx)("div",{className:m.default.rightCluster,children:(0,u.jsx)(d.ToggleButton,{className:m.default.aggToggle,defaultIndex:v,onOptionSelect:t=>{n(r[t])},options:r.map(t=>({value:t,element:f[t]}))})})]})};let u=r(11684),c=s(r(12888)),d=r(74256),p=r(915),m=l(r(90974)),f={namespaces:"Namespaces",scopes:"Scopes",none:"None"}},10808(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverviewSkeleton=function({count:t=12,header:n,className:r}){return(0,i.jsxs)("div",{className:(0,o.default)(l.default.container,r),"aria-busy":"true","aria-live":"polite",children:[(0,i.jsx)("div",{className:l.default.stickyHeader,children:n||(0,i.jsxs)("div",{className:l.default.commandBar,children:[(0,i.jsxs)("div",{className:l.default.leftCluster,children:[(0,i.jsx)("span",{className:u.default.pill}),(0,i.jsx)("span",{className:u.default.pill})]}),(0,i.jsx)("span",{className:u.default.toggle})]})}),(0,i.jsx)("div",{className:l.default.content,children:(0,i.jsx)(s.ComponentGrid,{className:l.default.cardGrid,children:Array.from({length:t}).map((t,n)=>(0,i.jsxs)("div",{className:u.default.card,style:{animationDelay:`${n%4*70}ms`},children:[(0,i.jsx)("div",{className:u.default.preview,children:(0,i.jsx)("div",{className:u.default.shimmer})}),(0,i.jsxs)("div",{className:u.default.footer,children:[(0,i.jsx)("span",{className:u.default.scopeBadge}),(0,i.jsx)("span",{className:u.default.name}),(0,i.jsx)("span",{className:u.default.hash})]})]},n))})})]})};let i=r(11684);a(r(12888));let o=a(r(97500)),s=r(5370),l=a(r(90974)),u=a(r(73946))},3634(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverview=function({components:t,componentDescriptors:n,getHref:r,header:a,footer:i,emptyState:o,storageNamespace:s="components-overview",showPreview:l,className:x}){let k=`${s}:`,j=(0,c.useRef)(null),C=(0,c.useRef)(null);(0,c.useLayoutEffect)(()=>{let t=j.current,n=C.current;if(!t||!n)return;let r=()=>{t.style.setProperty("--components-overview-sticky-height",`${n.offsetHeight}px`)};r();let a=new ResizeObserver(r);return a.observe(n),()=>a.disconnect()},[]);let S=(0,c.useMemo)(()=>[...new Set(t.map(t=>t.id.scope))],[t]),{cloudScopes:O}=(0,h.useCloudScopes)(S),E=(0,c.useMemo)(()=>new Map((O||[]).map(t=>[t.id.toString(),t])),[O]),$=(0,c.useMemo)(()=>new Map(n.map(t=>[t.id.toString(),t])),[n]),D=(0,c.useMemo)(()=>(0,m.default)(t.map(t=>{if(t.deprecation?.isDeprecate)return null;let n=$.get(t.id.toString());if(!n)return null;let r=E.get(t.id.scope)||f.ScopeID.isValid(t.id.scope)&&{id:f.ScopeID.fromString(t.id.scope)}||void 0;return{component:t,componentDescriptor:n,scope:r?{id:r.id,icon:r.icon,backgroundIconColor:r.backgroundIconColor}:void 0}})),[t,$,E]),[P,N]=(0,b.useQueryParamWithDefault)("aggregation","namespaces",{storageKeyPrefix:k}),[M,T]=(0,b.useListParamWithDefault)("ns",{storageKeyPrefix:k}),[I,A]=(0,b.useListParamWithDefault)("scopes",{storageKeyPrefix:k}),F=(0,c.useMemo)(()=>({namespaces:M,scopes:I,statuses:new Set}),[M,I]),{groups:R,groupType:L,availableAggregations:z,filteredCount:B}=(0,g.useComponentsAggregation)(D,P,F);return(0,u.jsxs)("div",{ref:j,className:(0,d.default)(w.default.container,x),children:[(0,u.jsxs)("div",{ref:C,className:w.default.stickyHeader,children:[a,(0,u.jsx)(_.ComponentsOverviewFilterPanel,{aggregation:P,onAggregationChange:N,availableAggregations:z,items:D,activeNamespaces:M,onNamespacesChange:T,activeScopes:I,onScopesChange:A})]}),(0,u.jsxs)("div",{className:w.default.content,children:[0===B&&o,R.map(t=>(0,u.jsxs)("section",{className:w.default.section,children:["none"!==L&&(0,u.jsx)("div",{className:w.default.sectionHeader,children:(0,u.jsx)(y.NamespaceHeader,{namespace:t.name,items:t.items,scopeIcon:t.scopeIcon,scopeIconColor:t.scopeIconColor})}),(0,u.jsx)(p.ComponentGrid,{className:w.default.cardGrid,children:t.items.map(t=>(0,u.jsx)(v.HopeComponentCard,{component:t.component,componentDescriptor:t.componentDescriptor,scope:t.scope,showPreview:l,getHref:r},t.component.id.toString()))})]},t.name)),i]})]})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(5370),m=l(r(763)),f=r(93171),h=r(61031),g=r(54565),b=r(1049),y=r(39303),v=r(8355),_=r(44050),w=l(r(90974))},21410(t,n){"use strict";function r(t){let n=t.component.buildStatus,r=t.component.status;return"pending"===n?"queued":r?.modifyInfo?.hasModifiedFiles||r?.modifyInfo?.hasModifiedDependencies?"changed":"building"===n?"building":"built"}Object.defineProperty(n,"__esModule",{value:!0}),n.ALL_STATUSES=void 0,n.getComponentStatus=r,n.filterItems=function(t,a){return t.filter(t=>{let i=t.component.id.namespace||"/",o=t.component.id.scope;if(a.namespaces.length&&!a.namespaces.includes(i)||a.scopes.length&&!a.scopes.includes(o))return!1;if(a.statuses.size>0&&a.statuses.size<n.ALL_STATUSES.length){let n=r(t);if(!a.statuses.has(n))return!1}return!0})},n.ALL_STATUSES=["built","changed","building","queued"]},8355(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.HopeComponentCard=function({component:t,componentDescriptor:n,scope:r,showPreview:a,getHref:i}){let[o,s]=(0,c.useState)(!!a),l=(0,c.useRef)(t.server?.url);(0,c.useEffect)(()=>{if(l.current!==t.server?.url&&o){s(!1);let n=setTimeout(()=>s(!0),50);return l.current=t.server?.url,()=>clearTimeout(n)}l.current=t.server?.url},[t.server?.url]),(0,c.useEffect)(()=>{s(!!a)},[a]);let p=(0,g.getComponentStatus)({component:t}),_="var(--bit-accent-color, #6c5ce7)",w="building"===p,x="queued"===p,k="changed"===p,j=i?i(t):`${t.id.fullName}?scope=${t.id.scope}`,C=t.compositions.length>0&&!w&&!o,S=n.get("teambit.envs/envs"),O=S?.data||S,E=O?.id?h.ComponentID.fromString(O.id):void 0,$=w?y.default.cardBuilding:y.default.card,D=w?{borderColor:_,boxShadow:"0 0 0 3px color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 10%, transparent)"}:void 0,P=t.id.namespace?`${t.id.namespace}/${t.id.name}`:t.id.name,N=t.id.version?.slice(0,7),M=t.id.scope?.split(".").pop()?.charAt(0).toUpperCase();return(0,u.jsxs)("div",{className:$,style:D,children:[C&&(0,u.jsx)(f.LoadPreview,{className:y.default.loadPreview,onClick:t=>{t.stopPropagation(),t.preventDefault(),s(!0)}}),(0,u.jsxs)(d.Link,{href:j,className:y.default.linkWrapper,children:[(0,u.jsxs)("div",{className:y.default.preview,children:[(0,u.jsx)("div",{className:y.default.previewInner,children:(0,u.jsx)(v,{component:t,componentDescriptor:n,status:p,shouldShowPreview:o})}),!x&&O?.icon&&(0,u.jsx)("div",{className:y.default.envBadge,children:(0,u.jsx)(m.Tooltip,{delay:300,content:E?.name,children:(0,u.jsx)("img",{src:O.icon,className:y.default.envIcon,alt:""})})}),(k||w)&&(0,u.jsxs)("div",{className:y.default.statusCorner,children:[k&&(0,u.jsx)(b.ChangedPill,{}),w&&(0,u.jsx)(b.BuildSpinner,{})]})]}),(0,u.jsxs)("div",{className:y.default.footer,children:[(0,u.jsx)(m.Tooltip,{delay:300,content:t.id.scope,children:(0,u.jsx)("div",{className:y.default.scopeBadge,style:{background:r?.backgroundIconColor||_},children:r?.icon?(0,u.jsx)("img",{src:r.icon,className:y.default.scopeBadgeIcon,alt:""}):(0,u.jsx)("span",{className:y.default.scopeBadgeInitial,children:M})})}),(0,u.jsx)("span",{className:y.default.name,children:P}),!w&&!x&&N&&(0,u.jsx)("span",{className:y.default.hash,children:N}),w&&(0,u.jsx)("span",{className:y.default.buildingLabel,style:{color:_},children:"BUILDING"})]})]})]})};let u=r(11684),c=s(r(12888)),d=r(19304),p=r(64773),m=r(62634),f=r(54672),h=r(19100),g=r(21410),b=r(91726),y=l(r(91229));function v({component:t,componentDescriptor:n,status:r,shouldShowPreview:a}){return"building"===r?(0,u.jsx)(b.BuildingPreview,{}):(0,u.jsx)(p.PreviewPlaceholder,{component:t,componentDescriptor:n,shouldShowPreview:a})}},54374(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useListParamWithDefault=n.useQueryParamWithDefault=n.useComponentsAggregation=n.ComponentsOverviewFilterPanel=n.NamespaceHeader=n.HopeComponentCard=n.ComponentsOverviewSkeleton=n.ComponentsOverview=void 0;var a=r(3634);Object.defineProperty(n,"ComponentsOverview",{enumerable:!0,get:function(){return a.ComponentsOverview}});var i=r(10808);Object.defineProperty(n,"ComponentsOverviewSkeleton",{enumerable:!0,get:function(){return i.ComponentsOverviewSkeleton}});var o=r(8355);Object.defineProperty(n,"HopeComponentCard",{enumerable:!0,get:function(){return o.HopeComponentCard}});var s=r(39303);Object.defineProperty(n,"NamespaceHeader",{enumerable:!0,get:function(){return s.NamespaceHeader}});var l=r(44050);Object.defineProperty(n,"ComponentsOverviewFilterPanel",{enumerable:!0,get:function(){return l.ComponentsOverviewFilterPanel}});var u=r(54565);Object.defineProperty(n,"useComponentsAggregation",{enumerable:!0,get:function(){return u.useComponentsAggregation}});var c=r(1049);Object.defineProperty(n,"useQueryParamWithDefault",{enumerable:!0,get:function(){return c.useQueryParamWithDefault}}),Object.defineProperty(n,"useListParamWithDefault",{enumerable:!0,get:function(){return c.useListParamWithDefault}})},39303(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.NamespaceHeader=function({namespace:t,items:n,scopeIcon:r,scopeIconColor:a}){let u="var(--bit-accent-color, #6c5ce7)",c=0,d=0;for(let t of n){let n=(0,o.getComponentStatus)(t);"building"===n&&c++,("built"===n||"changed"===n)&&d++}return(0,i.jsxs)("header",{className:s.default.header,children:[(0,i.jsx)(l,{scopeIcon:r,scopeIconColor:a,namespace:t,accent:u}),(0,i.jsx)("span",{className:s.default.name,children:t}),(0,i.jsxs)("span",{className:s.default.count,children:[d,"/",n.length]}),c>0&&(0,i.jsxs)("span",{className:s.default.buildingPill,style:{color:u,background:"color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 12%, transparent)"},children:[(0,i.jsx)("span",{className:s.default.buildingDot,style:{background:u}}),"building"]}),(0,i.jsx)("div",{className:s.default.divider})]})};let i=r(11684);a(r(12888));let o=r(21410),s=a(r(44283));function l({scopeIcon:t,scopeIconColor:n,namespace:r,accent:a}){if(t)return(0,i.jsx)("div",{className:s.default.scopeIconBadge,style:{background:n||a},children:(0,i.jsx)("img",{src:t,className:s.default.scopeIconImg,alt:""})});if(n){let t=r.split(/[./]/).pop()?.charAt(0).toUpperCase()||"?";return(0,i.jsx)("div",{className:s.default.scopeIconBadge,style:{background:n},children:(0,i.jsx)("span",{className:s.default.scopeInitial,children:t})})}return(0,i.jsx)("span",{className:s.default.dot,style:{background:a}})}},8330(t,n){"use strict";function r(t){return t?t.split("/")[0]:""}function a(t){let a=r(t);return a.startsWith("_")?4:n.PRIORITY_HIGH.includes(a)?0:n.PRIORITY_MED.includes(a)?1:n.PRIORITY_LOW.includes(a)?3:2}Object.defineProperty(n,"__esModule",{value:!0}),n.PRIORITY_LOW=n.PRIORITY_MED=n.PRIORITY_HIGH=void 0,n.getRootNamespace=r,n.namespacePriority=a,n.sortNamespacesAdvanced=function(t){return[...t].sort((t,n)=>{let r=a(t),i=a(n);return r!==i?r-i:t.localeCompare(n)})},n.sortItemsByNamespace=function(t){return[...t].sort((t,n)=>{let r=t.component.id.namespace||"/",i=n.component.id.namespace||"/",o=a(r),s=a(i);return o!==s?o-s:t.component.id.name.localeCompare(n.component.id.name)})},n.PRIORITY_HIGH=["ui","pages"],n.PRIORITY_MED=["design"],n.PRIORITY_LOW=["entities","provider","hooks","icons"]},54565(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentsAggregation=function(t,n,r){let s=(0,a.useMemo)(()=>(0,o.filterItems)(t,r),[t,r]);if("none"===n)return{groups:[{name:"all",displayName:"",items:(0,i.sortItemsByNamespace)(s)}],groupType:"none",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length};if("namespaces"===n){let t=new Map;for(let n of s){let r=n.component.id.namespace||"/";t.has(r)||t.set(r,[]),t.get(r).push(n)}return{groups:(0,i.sortNamespacesAdvanced)([...t.keys()]).map(n=>({name:n,displayName:n,items:(0,i.sortItemsByNamespace)(t.get(n))})),groupType:"namespaces",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length}}let l=new Map;for(let t of s){let n=t.component.id.scope;l.has(n)||l.set(n,[]),l.get(n).push(t)}return{groups:[...l.keys()].sort().map(t=>{let n=l.get(t),r=n.find(t=>t.scope?.icon)?.scope;return{name:t,displayName:t,items:(0,i.sortItemsByNamespace)(n),scopeIcon:r?.icon,scopeIconColor:r?.backgroundIconColor}}),groupType:"scopes",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length}};let a=r(12888),i=r(8330),o=r(21410)},1049(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useQueryParamWithDefault=function(t,n,r={}){let{persist:c=!0,storageKeyPrefix:d=o}=r,[p,m]=(0,i.useSearchParams)(),f=d+t;return[(0,a.useMemo)(()=>{let r=p.get(t);if(r)return r;if(c){let t=s(f);if(t)return t}return n},[p,t,f,n,c]),(0,a.useCallback)(n=>{let r=new URLSearchParams(p);null===n?(r.delete(t),c&&u(f)):(r.set(t,n),c&&l(f,n)),m(r)},[p,m,t,f,c])]},n.useListParamWithDefault=function(t,n={}){let{persist:r=!1,storageKeyPrefix:c=o}=n,[d,p]=(0,i.useSearchParams)(),m=c+t;return[(0,a.useMemo)(()=>{let n=d.get(t);if(n)return n.split(",").filter(Boolean);if(r){let t=s(m);if(t)return t.split(",").filter(Boolean)}return[]},[d,t,m,r]),(0,a.useCallback)(n=>{let a=new URLSearchParams(d),i=n.filter(Boolean).join(",");i?(a.set(t,i),r&&l(m,i)):(a.delete(t),r&&u(m)),p(a)},[d,p,t,m,r])]};let a=r(12888),i=r(44178),o="components-overview:";function s(t){try{return localStorage.getItem(t)}catch{return null}}function l(t,n){try{localStorage.setItem(t,n)}catch{}}function u(t){try{localStorage.removeItem(t)}catch{}}},28334(t,n){"use strict";function r(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.DuplicateDependency=void 0;let DuplicateDependency=class DuplicateDependency{constructor(t,n){r(this,"latestVersionId",void 0),r(this,"priorVersions",void 0),this.latestVersionId=t,this.priorVersions=n}};n.DuplicateDependency=DuplicateDependency},53495(t,n){"use strict";var r;Object.defineProperty(n,"__esModule",{value:!0}),n.EdgeType=void 0,(r={}).dev="DEV",r.runtime="RUNTIME",r.peer="PEER",n.EdgeType=r},73977(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.GraphAspect=void 0;let i=n.GraphAspect=a().Aspect.create({id:"teambit.component/graph",dependencies:[],defaultConfig:{}});n.default=i},58223(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(33320);return i=function(){return t},t}function o(){let t=r(61212);return o=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.GraphCompareSection=void 0;let GraphCompareSection=class GraphCompareSection{constructor(){s(this,"navigationLink",{href:"dependencies",children:"Dependencies"}),s(this,"props",this.navigationLink),s(this,"route",{path:"dependencies/*",element:a().default.createElement(o().DependenciesCompare,null)}),s(this,"order",25),s(this,"changeType",i().ChangeType.DEPENDENCY),s(this,"id","dependencies")}};n.GraphCompareSection=GraphCompareSection},38285(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function i(){let t=r(72631);return i=function(){return t},t}function o(){let t=r(75740);return o=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(73977);return l=function(){return t},t}function u(){let t=r(2535);return u=function(){return t},t}function c(){let t=r(58223);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}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}let GraphUI=class GraphUI{getDependenciesGraph(){return d().DependenciesGraph}registerComponentWidget(t){this.componentWidgetSlot.register(t)}constructor(t){this.componentWidgetSlot=t}static async provider([t,n],r,[a]){let i=new GraphUI(a),o=new(u()).GraphSection(a),s=new(c()).GraphCompareSection;return r.componentTab&&t.registerNavigation(o.navigationLink,o.order),t.registerRoute(o.route),n.registerNavigation(s),n.registerRoutes([s.route]),i}};p(GraphUI,"dependencies",[s().ComponentAspect,o().ComponentCompareAspect]),p(GraphUI,"runtime",a().UIRuntime),p(GraphUI,"slots",[i().Slot.withType()]),p(GraphUI,"defaultConfig",{componentTab:!0}),l().GraphAspect.addRuntime(GraphUI)},84635(t,n,r){"use strict";function a(){let t=r(61212);return a=function(){return t},t}function i(){let t=r(68812);return i=function(){return t},t}function o(){let t=r(28334);return o=function(){return t},t}function s(){let t=r(73977);return s=function(){return t},t}function l(){let t=r(86528);return l=function(){return t},t}function u(){let t=r(99055);return u=function(){return t},t}function c(){let t=r(30469);return c=function(){return t},t}function d(){let t=r(69413);return d=function(){return t},t}function p(){let t=r(53495);return p=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"DependenciesCompare",{enumerable:!0,get:function(){return a().DependenciesCompare}}),Object.defineProperty(n,"Dependency",{enumerable:!0,get:function(){return i().Dependency}}),Object.defineProperty(n,"DependencyType",{enumerable:!0,get:function(){return i().DependencyType}}),Object.defineProperty(n,"DuplicateDependency",{enumerable:!0,get:function(){return o().DuplicateDependency}}),Object.defineProperty(n,"EdgeModel",{enumerable:!0,get:function(){return c().EdgeModel}}),Object.defineProperty(n,"EdgeType",{enumerable:!0,get:function(){return p().EdgeType}}),Object.defineProperty(n,"GraphAspect",{enumerable:!0,get:function(){return s().GraphAspect}}),Object.defineProperty(n,"GraphFilters",{enumerable:!0,get:function(){return u().GraphFilters}}),Object.defineProperty(n,"GraphModel",{enumerable:!0,get:function(){return c().GraphModel}}),Object.defineProperty(n,"NodeModel",{enumerable:!0,get:function(){return c().NodeModel}}),Object.defineProperty(n,"calcElements",{enumerable:!0,get:function(){return l().calcElements}}),Object.defineProperty(n,"calcLayout",{enumerable:!0,get:function(){return l().calcLayout}}),Object.defineProperty(n,"calcMinimapColors",{enumerable:!0,get:function(){return l().calcMinimapColors}}),Object.defineProperty(n,"componentNodeStyles",{enumerable:!0,get:function(){return d().styles}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return s().GraphAspect}}),Object.defineProperty(n,"defaultNode",{enumerable:!0,get:function(){return d().defaultNode}}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return l().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return l().depTypeToLabel}}),Object.defineProperty(n,"dependenciesGraphStyles",{enumerable:!0,get:function(){return l().styles}}),Object.defineProperty(n,"external",{enumerable:!0,get:function(){return d().external}}),Object.defineProperty(n,"graphPageStyles",{enumerable:!0,get:function(){return u().styles}}),Object.defineProperty(n,"root",{enumerable:!0,get:function(){return d().root}}),Object.defineProperty(n,"useGraph",{enumerable:!0,get:function(){return c().useGraph}}),Object.defineProperty(n,"useGraphQuery",{enumerable:!0,get:function(){return c().useGraphQuery}})},69942(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Dependency=void 0;let Dependency=class Dependency{constructor(t){!function(t,n,r){var a;(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r}(this,"type",void 0),this.type=t}stringify(){return this.type}};n.Dependency=Dependency},68812(t,n,r){"use strict";function a(){let t=r(69942);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Dependency",{enumerable:!0,get:function(){return a().Dependency}}),Object.defineProperty(n,"DependencyType",{enumerable:!0,get:function(){return a().DependencyType}})},22643(t,n,r){"use strict";function a(){let t=v(r(12888));return a=function(){return t},t}function i(){let t=y(r(97500));return i=function(){return t},t}function o(){let t=r(38561);return o=function(){return t},t}function s(){let t=r(43385);return s=function(){return t},t}function l(){let t=r(71292);return l=function(){return t},t}function u(){let t=r(38348);return u=function(){return t},t}function c(){let t=r(94117);return c=function(){return t},t}function d(){let t=r(31692);return d=function(){return t},t}function p(){let t=r(59004);return p=function(){return t},t}function m(){let t=r(86528);return m=function(){return t},t}function f(){let t=y(r(68311));return f=function(){return t},t}function h(){let t=y(r(73027));return h=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentNode=function(t){let{node:n,type:r="defaultNode"}=t,b=w(t,g),y=(0,a().useContext)(m().ComponentGraphContext),{component:v,componentId:k}=n,j=v?.id||k;return a().default.createElement(c().Card,_({className:(0,i().default)(f().default.compNode,h().default[r]),elevation:"none"},b),a().default.createElement("div",{className:f().default.firstRow},v&&a().default.createElement(l().EnvIcon,{component:v,className:f().default.envIcon}),a().default.createElement(x,{componentId:j,className:o().mutedText})),a().default.createElement("div",{className:f().default.nameLine},a().default.createElement(d().NavLink,{className:f().default.link,external:!0,href:p().ComponentUrl.toUrl(j,{includeVersion:!1})},a().default.createElement("span",{className:(0,i().default)(f().default.name,u().ellipsis)},j.name)),j.version&&a().default.createElement("span",{className:(0,i().default)(f().default.version,u().ellipsis)},j.version),a().default.createElement("div",{className:f().default.buffs},v&&a().default.createElement(s().DeprecationIcon,{component:v}),v&&y&&y.componentWidgets.toArray().map(([t,n])=>a().default.createElement(n,{key:t,component:v})))))};let g=["node","type"],b=["componentId","className"];function y(t){return t&&t.__esModule?t:{default:t}}function v(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(v=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function _(){return(_=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function w(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}function x(t){let{componentId:n,className:r}=t,o=w(t,b),{scope:s,namespace:l}=n;return a().default.createElement("div",_({},o,{className:(0,i().default)(f().default.breadcrumbs,u().ellipsis,r)}),s,!!s&&!!l&&"/",l)}},69413(t,n,r){"use strict";function a(){var t;let n=(t=r(68311))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(22643);return i=function(){return t},t}function o(){let t=r(12163);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentNode",{enumerable:!0,get:function(){return i().ComponentNode}}),Object.defineProperty(n,"defaultNode",{enumerable:!0,get:function(){return o().defaultNode}}),Object.defineProperty(n,"defaultNodeColor",{enumerable:!0,get:function(){return o().defaultNodeColor}}),Object.defineProperty(n,"external",{enumerable:!0,get:function(){return o().external}}),Object.defineProperty(n,"externalNodeColor",{enumerable:!0,get:function(){return o().externalNodeColor}}),Object.defineProperty(n,"root",{enumerable:!0,get:function(){return o().root}}),Object.defineProperty(n,"rootNodeColor",{enumerable:!0,get:function(){return o().rootNodeColor}}),n.styles=void 0;let{compNode:s,firstRow:l,envIcon:u,breadcrumbs:c,nameLine:d,name:p,version:m,buffs:f,link:h}=a().default;n.styles={compNode:s,firstRow:l,envIcon:u,breadcrumbs:c,nameLine:d,name:p,version:m,buffs:f,link:h}},12163(t,n,r){"use strict";function a(){var t;let n=(t=r(73027))&&t.__esModule?t:{default:t};return a=function(){return n},n}Object.defineProperty(n,"__esModule",{value:!0}),n.rootNodeColor=n.root=n.externalNodeColor=n.external=n.defaultNodeColor=n.defaultNode=void 0;let{root:i,defaultNode:o,external:s,rootNodeColor:l,defaultNodeColor:u,externalNodeColor:c}=a().default;n.externalNodeColor=c,n.defaultNodeColor=u,n.rootNodeColor=l,n.external=s,n.defaultNode=o,n.root=i},45550(t,n,r){"use strict";function a(){let t=r(30469);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompareGraphModel=void 0;let CompareGraphModel=class CompareGraphModel extends a().GraphModel{constructor(t,n){super(t,n),this.nodes=t,this.edges=n}};n.CompareGraphModel=CompareGraphModel},85421(t,n,r){"use strict";function a(){let t=g(r(97500));return a=function(){return t},t}function i(){let t=r(97292);return i=function(){return t},t}function o(){let t=r(12066);return o=function(){return t},t}function s(){let t=h(r(12888));return s=function(){return t},t}function l(){let t=h(r(89054));return l=function(){return t},t}function u(){let t=r(30469);return u=function(){return t},t}function c(){let t=r(99055);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(){let t=g(r(25025));return p=function(){return t},t}function m(){let t=r(33482);return m=function(){return t},t}function f(){let t=r(66e3);return f=function(){return t},t}function h(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(h=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function g(t){return t&&t.__esModule?t:{default:t}}function b(t){let{sourcePosition:n=l().Position.Top,targetPosition:r=l().Position.Bottom,data:a,id:i}=t,o=l().Handle;return s().default.createElement("div",{key:i},s().default.createElement(o,{type:"target",position:r,isConnectable:!1}),s().default.createElement(o,{type:"source",position:n,isConnectable:!1}),s().default.createElement(m().DependencyCompareNode,{node:a.node,type:a.type}))}Object.defineProperty(n,"__esModule",{value:!0}),n.DependenciesCompare=function(){let t=s().default.useMemo(()=>({ComponentNode:b}),[]),n=(0,s().useRef)(void 0),r=(0,o().useComponentCompare)(),m=r?.base?.model.id,h=r?.compare?.model.id,[g,y]=(0,s().useState)("runtimeOnly"),v="runtimeOnly"===g,{loading:_,graph:w}=(0,u().useGraphQuery)(m&&[m.toString()],g),{loading:x,graph:k}=(0,u().useGraphQuery)(h&&[h.toString()],g),j=_||x,C=(0,f().diffGraph)(w,k,m)??void 0,S=(0,d().calcElements)(C,{rootNode:m});(0,s().useEffect)(()=>()=>n.current=void 0,[]),(0,s().useEffect)(()=>{setTimeout(()=>C&&C.nodes.length<=3?n.current?.fitView({padding:2}):n.current?.fitView(),0)},[C]);let O=(0,s().useCallback)(t=>{n.current=t,(C?.nodes.length??0)<=3?n.current?.fitView({padding:2,maxZoom:1}):t.fitView({maxZoom:1})},[C?.nodes.length]);return((0,s().useEffect)(()=>{setTimeout(()=>(C?.nodes.length??0)<=3?n.current?.fitView({padding:2}):n.current?.fitView(),0)},[h?.toString(),m?.toString()]),j||C)?s().default.createElement("div",{className:(0,a().default)([p().default.page,c().styles.graph])},j&&s().default.createElement("div",{className:p().default.loader},s().default.createElement(i().RoundLoader,null)),!j&&s().default.createElement(l().ReactFlowProvider,null,s().default.createElement(l().default,{draggable:!1,nodesDraggable:!0,selectNodesOnDrag:!1,nodesConnectable:!1,zoomOnDoubleClick:!1,elementsSelectable:!1,maxZoom:100,minZoom:0,className:d().styles.graph,defaultNodes:S.nodes,defaultEdges:S.edges,nodeTypes:t,onInit:O,proOptions:{hideAttribution:!0}},s().default.createElement(l().Background,null),s().default.createElement(l().Controls,{className:d().styles.controls}),s().default.createElement(l().MiniMap,{nodeColor:d().calcMinimapColors,className:d().styles.minimap}),s().default.createElement(c().GraphFilters,{className:c().styles.filters,disable:j,isFiltered:v,onChangeFilter:t=>{y(t?"runtimeOnly":void 0)}})))):s().default.createElement(s().default.Fragment,null)}},33482(t,n,r){"use strict";function a(){let t=r(31692);return a=function(){return t},t}function i(){let t=r(94117);return i=function(){return t},t}function o(){let t=r(38561);return o=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(59004);return l=function(){return t},t}function u(){let t=r(61198);return u=function(){return t},t}function c(){let t=r(43385);return c=function(){return t},t}function d(){let t=r(38348);return d=function(){return t},t}function p(){let t=r(71292);return p=function(){return t},t}function m(){let t=x(r(97500));return m=function(){return t},t}function f(){let t=w(r(12888));return f=function(){return t},t}function h(){let t=r(16322);return h=function(){return t},t}function g(){let t=r(12163);return g=function(){return t},t}function b(){let t=r(69413);return b=function(){return t},t}function y(){let t=x(r(59990));return y=function(){return t},t}function v(){let t=x(r(98736));return v=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DependencyCompareNode=function(t){let{node:n,type:r="defaultNode"}=t,{id:_,component:w,compareVersion:x,status:k,componentId:C}=n,{version:S}=w||{version:C.version},O=s().ComponentID.fromString(_),E=(0,f().useMemo)(()=>(0,h().valid)(S)&&(0,h().valid)(x)&&(0,h().compare)(S,x),[S,x]);return f().default.createElement(i().Card,{className:(0,m().default)(b().styles.compNode,function(t){switch(t){case"defaultNode":return g().defaultNode;case"root":return v().default[t];case"external":return g().external;default:return null}}(r)),elevation:"none"},f().default.createElement("div",{className:b().styles.firstRow},w&&f().default.createElement(p().EnvIcon,{component:w,className:b().styles.envIcon}),f().default.createElement(j,{componentId:O,className:o().mutedText})),f().default.createElement("div",{className:b().styles.nameLine},f().default.createElement(a().NavLink,{className:y().default.link,external:!0,href:l().ComponentUrl.toUrl(O,{includeVersion:!1})},f().default.createElement("span",{className:(0,m().default)(b().styles.name,d().ellipsis)},O.name)),O.version&&f().default.createElement("span",{className:(0,m().default)(b().styles.version,d().ellipsis)},O.version),0!==E&&f().default.createElement("img",{className:(0,m().default)([y().default.arrowIcon,y().default.versionUp]),src:"https://static.bit.dev/bit-icons/version-bump.svg"}),x&&0!==E&&f().default.createElement("span",{className:(0,m().default)(y().default.version,b().styles.version,d().ellipsis,-1===E&&y().default.versionUp,1===E&&y().default.versionDown)},x),f().default.createElement("div",{className:y().default.buffs},w&&f().default.createElement(c().DeprecationIcon,{component:w}),void 0!==k&&f().default.createElement(u().CompareStatusResolver,{status:k}))))};let _=["componentId","className"];function w(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(w=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function x(t){return t&&t.__esModule?t:{default:t}}function k(){return(k=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function j(t){let{componentId:n,className:r}=t,a=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,_),{scope:i,namespace:o}=n;return f().default.createElement("div",k({},a,{className:(0,m().default)(y().default.breadcrumbs,d().ellipsis,r)}),i,!!i&&!!o&&"/",o)}},66e3(t,n,r){"use strict";function a(){let t=r(45550);return a=function(){return t},t}function i(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function o(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?i(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.diffGraph=function(t,n,r){if(!t||!n||!r)return null;let i=t.nodes,c=n.nodes,d=new Map(i.map(t=>[s(t),t])),p=new Map(c.map(t=>[s(t),t])),m=[];for(let t of i){let n=p.get(s(t));n?m.push(o(o({},t),{},{compareVersion:n.componentId.version,status:n.componentId.isEqual(t.componentId)?void 0:"modified"})):m.push(o(o({},t),{},{compareVersion:t.componentId.version,status:"deleted"}))}for(let t of c.filter(t=>!d.has(s(t))))m.push(o(o({},t),{},{compareVersion:"",status:"new"}));let f=new Map(m.map(t=>[s(t),t])),h=new Map(t.edges.map(t=>[u(t),t])),g=n.edges.filter(t=>!h.has(u(t))).map(t=>o(o({},t),{},{sourceId:f.get(l(t.sourceId))?.id.toString()||r.toString(),targetId:f.get(l(t.targetId))?.id.toString()||r.toString()})),b=[...t.edges,...g];return new(a()).CompareGraphModel(m,b)};let s=t=>t.componentId.toStringWithoutVersion(),l=t=>t.split("@")[0],u=t=>`${l(t.sourceId)}::${l(t.targetId)}`},61212(t,n,r){"use strict";function a(){let t=r(85421);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"DependenciesCompare",{enumerable:!0,get:function(){return a().DependenciesCompare}})},43642(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function i(){let t=r(89054);return i=function(){return t},t}function o(){let t=r(24601);return o=function(){return t},t}function s(){let t=r(95737);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcElements=function(t,{rootNode:n}){return(0,a().useMemo)(()=>{if(!t)return{nodes:[],edges:[]};let r=(0,o().calcLayout)(t);return{nodes:Array.from(t.nodes.values()).map(t=>({id:t.id,type:"ComponentNode",data:{node:t,type:n&&t.componentId.isEqual(n,{ignoreVersion:!0})?"root":void 0},position:r.get(t.id)||{x:0,y:0}})),edges:t.edges.map(t=>({id:`_${t.sourceId}__${t.targetId}`,source:t.sourceId,target:t.targetId,label:(0,s().depTypeToLabel)(t.dependencyLifecycleType),labelBgPadding:[4,4],type:"smoothstep",className:(0,s().depTypeToClass)(t.dependencyLifecycleType),arrowHeadType:i().MarkerType.Arrow,markerEnd:{type:i().MarkerType.Arrow}}))}},[t?.nodes.length,t?.edges.length,n?.toString(),t?.nodes.some(t=>t.component)])}},24601(t,n,r){"use strict";function a(){let t=i(r(5109));return a=function(){return t},t}function i(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(i=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function o(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function s(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?o(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcLayout=function(t){let n=new(a()).graphlib.Graph;return n.setGraph({rankdir:"TB",nodesep:25,ranksep:100,edgesep:100,ranker:"longest-path",acyclicer:"greedy"}),n.setDefaultEdgeLabel(()=>({})),t.nodes.forEach(t=>n.setNode(t.id,s(s({},t),{},{width:260,height:90}))),t.edges.forEach(t=>n.setEdge(t.sourceId,t.targetId)),a().default.layout(n),new Map(n.nodes().map(t=>{let r=n.node(t);return[t,{x:r.x-r.width/2,y:r.y-r.height/2}]}))}},37484(t,n,r){"use strict";function a(){let t=r(53495);return a=function(){return t},t}function i(){var t;let n=(t=r(79568))&&t.__esModule?t:{default:t};return i=function(){return n},n}Object.defineProperty(n,"__esModule",{value:!0}),n.depTypeToClass=function(t){switch(t){case"DEV":return i().default.dev;case"PEER":return i().default.peer;case"RUNTIME":return i().default.runtime;default:return}},n.depTypeToLabel=function(t){switch(t){case a().EdgeType.peer:return"Peer Dependency";case a().EdgeType.dev:return"Development Dependency";case a().EdgeType.runtime:return"Dependency";default:return t.toLowerCase()}}},95737(t,n,r){"use strict";function a(){let t=r(37484);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return a().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return a().depTypeToLabel}})},33291(t,n,r){"use strict";function a(){let t=f(r(12888));return a=function(){return t},t}function i(){let t=m(r(97500));return i=function(){return t},t}function o(){let t=f(r(89054));return o=function(){return t},t}function s(){let t=r(69413);return s=function(){return t},t}function l(){let t=r(43642);return l=function(){return t},t}function u(){let t=r(34124);return u=function(){return t},t}function c(){let t=r(49349);return c=function(){return t},t}function d(){let t=m(r(60155));return d=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DependenciesGraph=function(t){let{graph:n,rootNode:r,componentWidgets:s,className:m,onLoad:f,children:b,loadingGraphMetadata:y}=t,v=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,p),_=a().default.useMemo(()=>({ComponentNode:g}),[]),w=(0,a().useRef)(void 0),x=(0,l().calcElements)(n,{rootNode:r}),[k,j]=(0,o().useNodesState)(x.nodes);(0,a().useEffect)(()=>{j(x.nodes)},[x.nodes]);let C=(0,a().useMemo)(()=>({componentWidgets:s,loadingGraphMetadata:y}),[s,y]),S=(0,a().useCallback)(t=>{w.current=t,(x?.nodes.length??0)<=3?t.fitView({padding:2,maxZoom:1}):t.fitView({maxZoom:1}),f?.(t)},[f]);return(0,a().useEffect)(()=>()=>w.current=void 0,[]),(0,a().useEffect)(()=>{setTimeout(()=>{if(x?.nodes.length)return(x?.nodes?.length??0)<=3?w.current?.fitView({padding:2,maxZoom:1}):w.current?.fitView({maxZoom:1})},100)},[x?.nodes.length]),a().default.createElement(c().ComponentGraphContext.Provider,{value:C},a().default.createElement(o().ReactFlowProvider,null,a().default.createElement(o().default,h({draggable:!1,nodesDraggable:!0,selectNodesOnDrag:!1,nodesConnectable:!1,zoomOnDoubleClick:!1,elementsSelectable:!1,maxZoom:100,minZoom:0},v,{className:(0,i().default)(d().default.graph,m),nodes:k,edges:x.edges,nodeTypes:_,onInit:S,fitView:!0,fitViewOptions:{padding:(x?.nodes.length??0)<=3?2:void 0,maxZoom:1},proOptions:{hideAttribution:!0}}),a().default.createElement(o().Background,null),a().default.createElement(o().Controls,{className:d().default.controls}),a().default.createElement(o().MiniMap,{nodeColor:u().calcMinimapColors,className:d().default.minimap}),b)))},r(55244);let p=["graph","rootNode","componentWidgets","className","onLoad","children","loadingGraphMetadata"];function m(t){return t&&t.__esModule?t:{default:t}}function f(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(f=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function h(){return(h=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function g(t){let{sourcePosition:n=o().Position.Top,targetPosition:r=o().Position.Bottom,data:i,id:l}=t,u=o().Handle;return a().default.createElement("div",{key:l},a().default.createElement(u,{type:"target",position:r,isConnectable:!1}),a().default.createElement(u,{type:"source",position:n,isConnectable:!1}),a().default.createElement(s().ComponentNode,{node:i.node,type:i.type}))}},49349(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentGraphContext=void 0,n.ComponentGraphContext=(0,a().createContext)(void 0)},86528(t,n,r){"use strict";function a(){var t;let n=(t=r(60155))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(33291);return i=function(){return t},t}function o(){let t=r(49349);return o=function(){return t},t}function s(){let t=r(95737);return s=function(){return t},t}function l(){let t=r(34124);return l=function(){return t},t}function u(){let t=r(24601);return u=function(){return t},t}function c(){let t=r(43642);return c=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentGraph",{enumerable:!0,get:function(){return o().ComponentGraph}}),Object.defineProperty(n,"ComponentGraphContext",{enumerable:!0,get:function(){return o().ComponentGraphContext}}),Object.defineProperty(n,"DependenciesGraph",{enumerable:!0,get:function(){return i().DependenciesGraph}}),Object.defineProperty(n,"calcElements",{enumerable:!0,get:function(){return c().calcElements}}),Object.defineProperty(n,"calcLayout",{enumerable:!0,get:function(){return u().calcLayout}}),Object.defineProperty(n,"calcMinimapColors",{enumerable:!0,get:function(){return l().calcMinimapColors}}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return s().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return s().depTypeToLabel}}),n.styles=void 0;let{graph:d,minimap:p,controls:m}=a().default;n.styles={graph:d,minimap:p,controls:m}},34124(t,n,r){"use strict";function a(){let t=r(69413);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcMinimapColors=function(t){switch(t.data?.type){case"root":return a().rootNodeColor;case"external":return a().externalNodeColor;default:return a().defaultNodeColor}}},76065(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(94117);return i=function(){return t},t}function o(){let t=r(9819);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphFilters=function(t){let{onChangeFilter:n,isFiltered:r,disable:l}=t,u=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,s);return a().default.createElement(i().Card,u,a().default.createElement("div",null,a().default.createElement(o().CheckboxLabel,{checked:!r,disabled:l,onInputChanged:t=>n(!t.target.checked)}," ","show non-runtime")))};let s=["onChangeFilter","isFiltered","disable"]},58715(t,n,r){"use strict";function a(){let t=h(r(12888));return a=function(){return t},t}function i(){let t=r(80105);return i=function(){return t},t}function o(){let t=r(34926);return o=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(49666);return l=function(){return t},t}function u(){let t=f(r(97500));return u=function(){return t},t}function c(){let t=r(30469);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(){let t=r(76065);return p=function(){return t},t}function m(){let t=f(r(28751));return m=function(){return t},t}function f(t){return t&&t.__esModule?t:{default:t}}function h(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(h=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphPage=function({componentWidgets:t}){let n=(0,a().useContext)(s().ComponentContext),[r,f]=(0,a().useState)("runtimeOnly"),{graph:h,error:g,graphLoading:b,loading:y}=(0,c().useGraphQuery)([n.id.toString()],r);return g?404===g.code?a().default.createElement(i().NotFoundPage,null):a().default.createElement(o().ServerErrorPage,null):a().default.createElement("div",{className:(0,u().default)(m().default.page)},a().default.createElement(d().DependenciesGraph,{componentWidgets:t,graph:h,rootNode:n.id,className:(0,u().default)(m().default.graph,!h&&l().skeleton),loadingGraphMetadata:b},h&&a().default.createElement(p().GraphFilters,{className:(0,u().default)(m().default.filters),disable:y,isFiltered:"runtimeOnly"===r,onChangeFilter:t=>{f(t?"runtimeOnly":void 0)}})))}},99055(t,n,r){"use strict";function a(){var t;let n=(t=r(28751))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(58715);return i=function(){return t},t}function o(){let t=r(76065);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"GraphFilters",{enumerable:!0,get:function(){return o().GraphFilters}}),Object.defineProperty(n,"GraphPage",{enumerable:!0,get:function(){return i().GraphPage}}),n.styles=void 0;let{graph:s,filters:l}=a().default;n.styles={graph:s,filters:l}},2535(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(99055);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphSection=void 0;let GraphSection=class GraphSection{constructor(t){this.componentWidgetSlot=t,o(this,"route",{path:"~graph",element:a().default.createElement(i().GraphPage,{componentWidgets:this.componentWidgetSlot})}),o(this,"navigationLink",{href:"~graph",children:"Graph"}),o(this,"order",40)}};n.GraphSection=GraphSection},49728(t,n){"use strict";function r(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.EdgeModel=void 0;let EdgeModel=class EdgeModel{constructor(){r(this,"sourceId",void 0),r(this,"targetId",void 0),r(this,"dependencyLifecycleType",void 0)}static from(t){let n=new EdgeModel;return n.sourceId=t.sourceId,n.targetId=t.targetId,n.dependencyLifecycleType=t.dependencyLifecycleType,n}};n.EdgeModel=EdgeModel},98922(t,n,r){"use strict";function a(){let t=r(92590);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.GET_GRAPH_IDS=n.GET_GRAPH=void 0,n.GET_GRAPH_IDS=(0,a().gql)`
+`},7422(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useDocs=n.docsFields=void 0;var a=r(90896);Object.defineProperty(n,"docsFields",{enumerable:!0,get:function(){return a.docsFields}}),Object.defineProperty(n,"useDocs",{enumerable:!0,get:function(){return a.useDocs}})},32021(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.DocsAspect=void 0;let i=n.DocsAspect=a().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});n.default=i},50207(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.defaultDocs=void 0,n.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},50833(t,n,r){"use strict";function a(){let t=g(r(12888));return a=function(){return t},t}function i(){let t=r(46746);return i=function(){return t},t}function o(){let t=r(30266);return o=function(){return t},t}function s(){let t=r(72631);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(75740);return u=function(){return t},t}function c(){let t=r(12178);return c=function(){return t},t}function d(){let t=r(32557);return d=function(){return t},t}function p(){let t=r(64199);return p=function(){return t},t}function m(){let t=r(32021);return m=function(){return t},t}function f(){let t=g(r(72644));return f=function(){return t},t}function h(){let t=r(23374);return h=function(){return t},t}function g(t){return t&&t.__esModule?t:{default:t}}function b(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let DocsUI=class DocsUI{constructor(t,n,r,a){this.titleBadgeSlot=t,this.overviewOptionsSlot=n,this.usePreviewSandboxSlot=r,this.usePreviewPropsSlot=a,b(this,"_emptyState",void 0)}registerTitleBadge(t){let n=Array.isArray(t)?t:[t];return this.titleBadgeSlot.register(n),this}listTitleBadges(){return(0,i().flatten)(this.titleBadgeSlot.values())}registerEmptyState(t){return this._emptyState=t}registerPreviewSandbox(t){this.usePreviewSandboxSlot.register(t)}registerPreviewProps(t){this.usePreviewPropsSlot.register(t)}getEmptyState(){return this._emptyState}getDocsCompare(){return a().default.createElement(c().OverviewCompare,{titleBadges:this.titleBadgeSlot,overviewOptions:this.overviewOptionsSlot})}registerOverviewOptions(t){this.overviewOptionsSlot.register(t)}static async provider([t,n,r],i,[o,s,l,u]){let c=new DocsUI(o,s,l,u),p=new(h()).OverviewSection(o,s,c,r,l,u),m=new(d()).OverviewCompareSection(c);return t.registerRoute(p.route),t.registerNavigation(p.navigationLink,p.order),n.registerNavigation(m),n.registerRoutes([m.route]),n.registerCompareTab({id:"inline-docs",order:3,displayName:"Docs",element:a().default.createElement("div",{className:f().default.contain},c.getDocsCompare()),lazy:!0}),c.registerPreviewSandbox((t,n)=>{n?.host==="teambit.scope/scope"&&(t.add("allow-scripts"),t.add("allow-same-origin"))}),c.registerPreviewProps(t=>{t.set("allow","clipboard-write")}),c}};b(DocsUI,"dependencies",[o().ComponentAspect,u().ComponentCompareAspect,p().APIReferenceAspect]),b(DocsUI,"runtime",l().UIRuntime),b(DocsUI,"slots",[s().Slot.withType(),s().Slot.withType(),s().Slot.withType(),s().Slot.withType()]),m().DocsAspect.addRuntime(DocsUI)},82894(t,n,r){"use strict";function a(){let t=r(32021);return a=function(){return t},t}function i(){let t=r(38975);return i=function(){return t},t}function o(){let t=r(50207);return o=function(){return t},t}function s(){let t=r(45688);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BadgePosition",{enumerable:!0,get:function(){return s().BadgePosition}}),Object.defineProperty(n,"Doc",{enumerable:!0,get:function(){return i().Doc}}),Object.defineProperty(n,"DocProp",{enumerable:!0,get:function(){return i().DocProp}}),Object.defineProperty(n,"DocPropList",{enumerable:!0,get:function(){return i().DocPropList}}),Object.defineProperty(n,"DocsAspect",{enumerable:!0,get:function(){return a().DocsAspect}}),Object.defineProperty(n,"Overview",{enumerable:!0,get:function(){return s().Overview}}),n.default=void 0,Object.defineProperty(n,"defaultDocs",{enumerable:!0,get:function(){return o().defaultDocs}}),n.default=a().DocsAspect},23374(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(45688);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.OverviewSection=void 0;let OverviewSection=class OverviewSection{constructor(t,n,r,s,l,u){this.titleBadgeSlot=t,this.overviewOptionsSlot=n,this.docs=r,this.apiRef=s,this.usePreviewSandboxSlot=l,this.usePreviewPropsSlot=u,o(this,"navigationLink",{href:".",exact:!0,children:"Overview"}),o(this,"route",{index:!0,element:a().default.createElement(i().Overview,{titleBadges:this.titleBadgeSlot,overviewOptions:this.overviewOptionsSlot,getEmptyState:this.docs.getEmptyState.bind(this.docs),TaggedAPI:this.apiRef.TaggedAPIPage,usePreviewSandboxSlot:this.usePreviewSandboxSlot,usePreviewPropsSlot:this.usePreviewPropsSlot})}),o(this,"order",10)}};n.OverviewSection=OverviewSection},45688(t,n,r){"use strict";function a(){let t=r(77237);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BadgePosition",{enumerable:!0,get:function(){return a().BadgePosition}}),Object.defineProperty(n,"Overview",{enumerable:!0,get:function(){return a().Overview}})},77237(t,n,r){"use strict";var a;function i(){let t=y(r(12888));return i=function(){return t},t}function o(){let t=b(r(97500));return o=function(){return t},t}function s(){let t=r(46746);return s=function(){return t},t}function l(){let t=r(30266);return l=function(){return t},t}function u(){let t=r(37175);return u=function(){return t},t}function c(){let t=r(4080);return c=function(){return t},t}function d(){let t=r(71169);return d=function(){return t},t}function p(){let t=r(55970);return p=function(){return t},t}function m(){let t=r(60517);return m=function(){return t},t}function f(){let t=r(19014);return f=function(){return t},t}function h(){let t=b(r(22445));return h=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.BadgePosition=void 0,n.Overview=function({titleBadges:t,overviewOptions:n,previewProps:r,getEmptyState:a,TaggedAPI:c,usePreviewSandboxSlot:b,usePreviewPropsSlot:y}){let w=(0,i().useContext)(l().ComponentContext),x=(0,l().useComponentDescriptor)(),k=(0,s().flatten)(n.values())[0],j=!w.preview?.legacyHeader,C=a&&a(),S=w.buildStatus?.toLowerCase()!=="succeed"&&w?.host==="teambit.scope/scope",O=!!w.preview?.isScaling,E=!!w.preview?.includesEnvTemplate,$=i().default.useMemo(()=>O&&!E,[O,E]),{isMinimal:D}=(0,m().useWorkspaceMode)(),[P,N]=(0,i().useState)($),M=b?.values()??[],T=y?.values()??[],I=`onlyOverview=${w.preview?.onlyOverview||"false"}&skipIncludes=${w.preview?.skipIncludes||w.preview?.onlyOverview}`,A=k&&k(),{renderCompositionsFirst:F,defaultPkgManager:R}=A||{},L=r||{},{onLoad:z,style:B}=L,q=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(L,g),G=i().default.useCallback((t,n)=>{N(!1),z?.(t,n)},[z]);return i().default.useEffect(()=>{!P&&$&&N(!0),P&&!$&&N(!1)},[w.id.toString(),$]),i().default.createElement("div",{className:(0,o().default)(h().default.overviewWrapper,P&&h().default.noOverflow),key:`${w.id.toString()}`},j&&i().default.createElement(d().ComponentOverview,{className:(0,o().default)(h().default.componentOverviewBlock,!O&&h().default.legacyPreview),displayName:w.displayName,abstract:w.description,labels:w.labels,packageName:w.packageName,titleBadges:(0,s().flatten)(t.values()),componentDescriptor:x,component:w,pkgManager:R}),!S&&i().default.createElement("div",{className:h().default.readme},P&&i().default.createElement(f().ReadmeSkeleton,null,i().default.createElement(p().CompositionGallerySkeleton,{compositionsLength:Math.min(w.compositions.length,3)})),i().default.createElement(u().SandboxPermissionsAggregator,{hooks:M,component:w},t=>i().default.createElement(u().PreviewPropsAggregator,{hooks:T,component:w},n=>D||F?i().default.createElement(i().default.Fragment,null,w.preview?.onlyOverview&&!P&&i().default.createElement(p().CompositionGallery,{component:w,sandbox:t}),i().default.createElement(u().ComponentPreview,v({},n,{onLoad:G,previewName:"overview",pubsub:!0,queryParams:[I,A?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,propagateError:D,sandbox:t},q,{component:w,style:{width:"100%",height:"100%",minHeight:O?void 0:500}}))):i().default.createElement(i().default.Fragment,null,i().default.createElement(u().ComponentPreview,v({},n,{onLoad:G,previewName:"overview",pubsub:!0,queryParams:[I,A?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:t},q,{component:w,style:{width:"100%",height:"100%",minHeight:O?void 0:500}})),w.preview?.onlyOverview&&!P&&i().default.createElement(p().CompositionGallery,{component:w,sandbox:t})))),w.preview?.onlyOverview&&!P&&c&&i().default.createElement(c,{componentId:w.id.toString()})),S&&(C?i().default.createElement(C,null):i().default.createElement("div",{className:h().default.buildFailed},i().default.createElement(_,{buildStatus:w.buildStatus}))))};let g=["onLoad","style"];function b(t){return t&&t.__esModule?t:{default:t}}function y(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(y=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function v(){return(v=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function _({buildStatus:t}){return t?.toLowerCase()==="pending"?i().default.createElement(c().StatusMessageCard,{status:"PROCESSING",title:"component preview pending"},"this might take some time"):i().default.createElement(c().StatusMessageCard,{status:"FAILURE",title:"failed to get component preview"})}(a={})[a.Title=0]="Title",a[a.SubTitle=1]="SubTitle",a[a.Labels=2]="Labels",a[a.Package=3]="Package",n.BadgePosition=a},19014(t,n,r){"use strict";function a(){let t=s(r(12888));return a=function(){return t},t}function i(){let t=r(91317);return i=function(){return t},t}function o(){let t=s(r(22445));return o=function(){return t},t}function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.ReadmeSkeleton=function({children:t}){return a().default.createElement("div",{className:o().default.readmeSkeleton},a().default.createElement(i().LineSkeleton,{width:"80%"}),a().default.createElement(i().LineSkeleton,{width:"70%"}),a().default.createElement(i().LineSkeleton,{width:"40%",style:{marginBottom:40}}),a().default.createElement(i().LineSkeleton,{width:"30%",style:{marginBottom:16}}),a().default.createElement(i().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),t)}},23657(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.EnvIcon=void 0;let l=r(11684);n.EnvIcon=(0,s(r(12888)).forwardRef)(function({component:t,...n},r){return t&&t.environment?.icon?(0,l.jsx)("img",{ref:r,...n,src:t.environment?.icon,alt:t.environment.id}):(0,l.jsx)("span",{})})},71292(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EnvIcon=void 0;var a=r(23657);Object.defineProperty(n,"EnvIcon",{enumerable:!0,get:function(){return a.EnvIcon}})},91726(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ChangedPill=function(){return(0,i.jsxs)("span",{className:o.default.changedPill,children:[(0,i.jsx)("span",{className:o.default.changedDot}),"changed"]})},n.BuildSpinner=function(){return(0,i.jsx)("div",{className:o.default.spinnerBadge,children:(0,i.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",children:[(0,i.jsx)("circle",{cx:"7",cy:"7",r:"5",stroke:s(20),strokeWidth:"1.5",fill:"none"}),(0,i.jsx)("circle",{cx:"7",cy:"7",r:"5",stroke:"var(--bit-accent-color, #6c5ce7)",strokeWidth:"1.5",fill:"none",strokeDasharray:"8 24",strokeLinecap:"round",className:o.default.spinnerArc})]})})},n.BuildingPreview=function(){return(0,i.jsxs)("div",{className:o.default.buildingPreview,children:[(0,i.jsxs)("svg",{width:"100%",height:"100%",preserveAspectRatio:"none",className:o.default.dotsPattern,children:[(0,i.jsx)("defs",{children:(0,i.jsx)("pattern",{id:"dots-accent",width:"14",height:"14",patternUnits:"userSpaceOnUse",children:(0,i.jsx)("circle",{cx:"7",cy:"7",r:"1",fill:s(20)})})}),(0,i.jsx)("rect",{width:"100%",height:"100%",fill:"url(#dots-accent)"})]}),(0,i.jsxs)("div",{className:o.default.buildingPlaceholder,style:{border:`1.5px dashed ${s(40)}`},children:[(0,i.jsx)("div",{style:{height:6,width:"55%",background:s(27),borderRadius:3}}),(0,i.jsx)("div",{style:{height:4,width:"85%",background:s(13),borderRadius:2}}),(0,i.jsx)("div",{style:{height:4,width:"70%",background:s(13),borderRadius:2}})]})]})},n.QueuedPreview=function(){return(0,i.jsx)("div",{className:o.default.queuedPreview,children:(0,i.jsxs)("svg",{width:"46",height:"46",viewBox:"0 0 46 46",children:[(0,i.jsx)("circle",{cx:"23",cy:"23",r:"20",fill:"none",stroke:s(20),strokeWidth:"1.2",strokeDasharray:"3 4"}),(0,i.jsx)("circle",{cx:"23",cy:"23",r:"3",fill:s(53)})]})})};let i=r(11684);a(r(12888));let o=a(r(11250)),s=t=>`color-mix(in srgb, var(--bit-accent-color, #6c5ce7) ${t}%, transparent)`},44050(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverviewFilterPanel=function({aggregation:t,onAggregationChange:n,availableAggregations:r,items:a,activeNamespaces:i,onNamespacesChange:o,activeScopes:s,onScopesChange:l}){let h=(0,c.useMemo)(()=>[...new Set(a.map(t=>t.component.id.namespace||"/"))].map(t=>({value:t})),[a]),g=(0,c.useMemo)(()=>[...new Set(a.map(t=>t.component.id.scope))].map(t=>({value:t})),[a]),b=i.map(t=>({value:t})),y=s.map(t=>({value:t})),v=Math.max(0,r.findIndex(n=>n===t));return(0,u.jsxs)("div",{className:m.default.commandBar,children:[(0,u.jsxs)("div",{className:m.default.leftCluster,children:[(0,u.jsx)(p.BaseFilter,{id:"namespaces",placeholder:"Namespaces",options:h,activeOptions:b,onChange:t=>{o((Array.isArray(t)?t:t?[t]:[]).map(t=>t.value).filter(t=>"string"==typeof t))},isSearchable:!0}),(0,u.jsx)(p.BaseFilter,{id:"scopes",placeholder:"Scopes",options:g,activeOptions:y,onChange:t=>{l((Array.isArray(t)?t:t?[t]:[]).map(t=>t.value).filter(t=>"string"==typeof t))},isSearchable:!0})]}),(0,u.jsx)("div",{className:m.default.rightCluster,children:(0,u.jsx)(d.ToggleButton,{className:m.default.aggToggle,defaultIndex:v,onOptionSelect:t=>{n(r[t])},options:r.map(t=>({value:t,element:f[t]}))})})]})};let u=r(11684),c=s(r(12888)),d=r(74256),p=r(915),m=l(r(90974)),f={namespaces:"Namespaces",scopes:"Scopes",none:"None"}},10808(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverviewSkeleton=function({count:t=12,header:n,className:r}){return(0,i.jsxs)("div",{className:(0,o.default)(l.default.container,r),"aria-busy":"true","aria-live":"polite",children:[(0,i.jsx)("div",{className:l.default.stickyHeader,children:n||(0,i.jsxs)("div",{className:l.default.commandBar,children:[(0,i.jsxs)("div",{className:l.default.leftCluster,children:[(0,i.jsx)("span",{className:u.default.pill}),(0,i.jsx)("span",{className:u.default.pill})]}),(0,i.jsx)("span",{className:u.default.toggle})]})}),(0,i.jsx)("div",{className:l.default.content,children:(0,i.jsx)(s.ComponentGrid,{className:l.default.cardGrid,children:Array.from({length:t}).map((t,n)=>(0,i.jsxs)("div",{className:u.default.card,style:{animationDelay:`${n%4*70}ms`},children:[(0,i.jsx)("div",{className:u.default.preview,children:(0,i.jsx)("div",{className:u.default.shimmer})}),(0,i.jsxs)("div",{className:u.default.footer,children:[(0,i.jsx)("span",{className:u.default.scopeBadge}),(0,i.jsx)("span",{className:u.default.name}),(0,i.jsx)("span",{className:u.default.hash})]})]},n))})})]})};let i=r(11684);a(r(12888));let o=a(r(97500)),s=r(5370),l=a(r(90974)),u=a(r(73946))},3634(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverview=function({components:t,componentDescriptors:n,getHref:r,header:a,footer:i,emptyState:o,storageNamespace:s="components-overview",showPreview:l,className:x}){let k=`${s}:`,j=(0,c.useRef)(null),C=(0,c.useRef)(null);(0,c.useLayoutEffect)(()=>{let t=j.current,n=C.current;if(!t||!n)return;let r=()=>{t.style.setProperty("--components-overview-sticky-height",`${n.offsetHeight}px`)};r();let a=new ResizeObserver(r);return a.observe(n),()=>a.disconnect()},[]);let S=(0,c.useMemo)(()=>[...new Set(t.map(t=>t.id.scope))],[t]),{cloudScopes:O}=(0,h.useCloudScopes)(S),E=(0,c.useMemo)(()=>new Map((O||[]).map(t=>[t.id.toString(),t])),[O]),$=(0,c.useMemo)(()=>new Map(n.map(t=>[t.id.toString(),t])),[n]),D=(0,c.useMemo)(()=>(0,m.default)(t.map(t=>{if(t.deprecation?.isDeprecate)return null;let n=$.get(t.id.toString());if(!n)return null;let r=E.get(t.id.scope)||f.ScopeID.isValid(t.id.scope)&&{id:f.ScopeID.fromString(t.id.scope)}||void 0;return{component:t,componentDescriptor:n,scope:r?{id:r.id,icon:r.icon,backgroundIconColor:r.backgroundIconColor}:void 0}})),[t,$,E]),[P,N]=(0,b.useQueryParamWithDefault)("aggregation","namespaces",{storageKeyPrefix:k}),[M,T]=(0,b.useListParamWithDefault)("ns",{storageKeyPrefix:k}),[I,A]=(0,b.useListParamWithDefault)("scopes",{storageKeyPrefix:k}),F=(0,c.useMemo)(()=>({namespaces:M,scopes:I,statuses:new Set}),[M,I]),{groups:R,groupType:L,availableAggregations:z,filteredCount:B}=(0,g.useComponentsAggregation)(D,P,F);return(0,u.jsxs)("div",{ref:j,className:(0,d.default)(w.default.container,x),children:[(0,u.jsxs)("div",{ref:C,className:w.default.stickyHeader,children:[a,(0,u.jsx)(_.ComponentsOverviewFilterPanel,{aggregation:P,onAggregationChange:N,availableAggregations:z,items:D,activeNamespaces:M,onNamespacesChange:T,activeScopes:I,onScopesChange:A})]}),(0,u.jsxs)("div",{className:w.default.content,children:[0===B&&o,R.map(t=>(0,u.jsxs)("section",{className:w.default.section,children:["none"!==L&&(0,u.jsx)("div",{className:w.default.sectionHeader,children:(0,u.jsx)(y.NamespaceHeader,{namespace:t.name,items:t.items,scopeIcon:t.scopeIcon,scopeIconColor:t.scopeIconColor})}),(0,u.jsx)(p.ComponentGrid,{className:w.default.cardGrid,children:t.items.map(t=>(0,u.jsx)(v.HopeComponentCard,{component:t.component,componentDescriptor:t.componentDescriptor,scope:t.scope,showPreview:l,getHref:r},t.component.id.toString()))})]},t.name)),i]})]})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(5370),m=l(r(763)),f=r(93171),h=r(61031),g=r(54565),b=r(1049),y=r(39303),v=r(8355),_=r(44050),w=l(r(90974))},21410(t,n){"use strict";function r(t){let n=t.component.buildStatus,r=t.component.status;return"pending"===n?"queued":r?.modifyInfo?.hasModifiedFiles||r?.modifyInfo?.hasModifiedDependencies?"changed":"building"===n?"building":"built"}Object.defineProperty(n,"__esModule",{value:!0}),n.ALL_STATUSES=void 0,n.getComponentStatus=r,n.filterItems=function(t,a){return t.filter(t=>{let i=t.component.id.namespace||"/",o=t.component.id.scope;if(a.namespaces.length&&!a.namespaces.includes(i)||a.scopes.length&&!a.scopes.includes(o))return!1;if(a.statuses.size>0&&a.statuses.size<n.ALL_STATUSES.length){let n=r(t);if(!a.statuses.has(n))return!1}return!0})},n.ALL_STATUSES=["built","changed","building","queued"]},8355(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.HopeComponentCard=function({component:t,componentDescriptor:n,scope:r,showPreview:a,getHref:i}){let[o,s]=(0,c.useState)(!!a),l=(0,c.useRef)(t.server?.url);(0,c.useEffect)(()=>{if(l.current!==t.server?.url&&o){s(!1);let n=setTimeout(()=>s(!0),50);return l.current=t.server?.url,()=>clearTimeout(n)}l.current=t.server?.url},[t.server?.url]),(0,c.useEffect)(()=>{s(!!a)},[a]);let p=(0,g.getComponentStatus)({component:t}),_="var(--bit-accent-color, #6c5ce7)",w="building"===p,x="queued"===p,k="changed"===p,j=i?i(t):`${t.id.fullName}?scope=${t.id.scope}`,C=t.compositions.length>0&&!w&&!o,S=n.get("teambit.envs/envs"),O=S?.data||S,E=O?.id?h.ComponentID.fromString(O.id):void 0,$=w?y.default.cardBuilding:y.default.card,D=w?{borderColor:_,boxShadow:"0 0 0 3px color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 10%, transparent)"}:void 0,P=t.id.namespace?`${t.id.namespace}/${t.id.name}`:t.id.name,N=t.id.version?.slice(0,7),M=t.id.scope?.split(".").pop()?.charAt(0).toUpperCase();return(0,u.jsxs)("div",{className:$,style:D,children:[C&&(0,u.jsx)(f.LoadPreview,{className:y.default.loadPreview,onClick:t=>{t.stopPropagation(),t.preventDefault(),s(!0)}}),(0,u.jsxs)(d.Link,{href:j,className:y.default.linkWrapper,children:[(0,u.jsxs)("div",{className:y.default.preview,children:[(0,u.jsx)("div",{className:y.default.previewInner,children:(0,u.jsx)(v,{component:t,componentDescriptor:n,status:p,shouldShowPreview:o})}),!x&&O?.icon&&(0,u.jsx)("div",{className:y.default.envBadge,children:(0,u.jsx)(m.Tooltip,{delay:300,content:E?.name,children:(0,u.jsx)("img",{src:O.icon,className:y.default.envIcon,alt:""})})}),(k||w)&&(0,u.jsxs)("div",{className:y.default.statusCorner,children:[k&&(0,u.jsx)(b.ChangedPill,{}),w&&(0,u.jsx)(b.BuildSpinner,{})]})]}),(0,u.jsxs)("div",{className:y.default.footer,children:[(0,u.jsx)(m.Tooltip,{delay:300,content:t.id.scope,children:(0,u.jsx)("div",{className:y.default.scopeBadge,style:{background:r?.backgroundIconColor||_},children:r?.icon?(0,u.jsx)("img",{src:r.icon,className:y.default.scopeBadgeIcon,alt:""}):(0,u.jsx)("span",{className:y.default.scopeBadgeInitial,children:M})})}),(0,u.jsx)("span",{className:y.default.name,children:P}),!w&&!x&&N&&(0,u.jsx)("span",{className:y.default.hash,children:N}),w&&(0,u.jsx)("span",{className:y.default.buildingLabel,style:{color:_},children:"BUILDING"})]})]})]})};let u=r(11684),c=s(r(12888)),d=r(19304),p=r(64773),m=r(62634),f=r(54672),h=r(19100),g=r(21410),b=r(91726),y=l(r(91229));function v({component:t,componentDescriptor:n,status:r,shouldShowPreview:a}){return"building"===r?(0,u.jsx)(b.BuildingPreview,{}):(0,u.jsx)(p.PreviewPlaceholder,{component:t,componentDescriptor:n,shouldShowPreview:a})}},54374(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useListParamWithDefault=n.useQueryParamWithDefault=n.useComponentsAggregation=n.ComponentsOverviewFilterPanel=n.NamespaceHeader=n.HopeComponentCard=n.ComponentsOverviewSkeleton=n.ComponentsOverview=void 0;var a=r(3634);Object.defineProperty(n,"ComponentsOverview",{enumerable:!0,get:function(){return a.ComponentsOverview}});var i=r(10808);Object.defineProperty(n,"ComponentsOverviewSkeleton",{enumerable:!0,get:function(){return i.ComponentsOverviewSkeleton}});var o=r(8355);Object.defineProperty(n,"HopeComponentCard",{enumerable:!0,get:function(){return o.HopeComponentCard}});var s=r(39303);Object.defineProperty(n,"NamespaceHeader",{enumerable:!0,get:function(){return s.NamespaceHeader}});var l=r(44050);Object.defineProperty(n,"ComponentsOverviewFilterPanel",{enumerable:!0,get:function(){return l.ComponentsOverviewFilterPanel}});var u=r(54565);Object.defineProperty(n,"useComponentsAggregation",{enumerable:!0,get:function(){return u.useComponentsAggregation}});var c=r(1049);Object.defineProperty(n,"useQueryParamWithDefault",{enumerable:!0,get:function(){return c.useQueryParamWithDefault}}),Object.defineProperty(n,"useListParamWithDefault",{enumerable:!0,get:function(){return c.useListParamWithDefault}})},39303(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.NamespaceHeader=function({namespace:t,items:n,scopeIcon:r,scopeIconColor:a}){let u="var(--bit-accent-color, #6c5ce7)",c=0,d=0;for(let t of n){let n=(0,o.getComponentStatus)(t);"building"===n&&c++,("built"===n||"changed"===n)&&d++}return(0,i.jsxs)("header",{className:s.default.header,children:[(0,i.jsx)(l,{scopeIcon:r,scopeIconColor:a,namespace:t,accent:u}),(0,i.jsx)("span",{className:s.default.name,children:t}),(0,i.jsxs)("span",{className:s.default.count,children:[d,"/",n.length]}),c>0&&(0,i.jsxs)("span",{className:s.default.buildingPill,style:{color:u,background:"color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 12%, transparent)"},children:[(0,i.jsx)("span",{className:s.default.buildingDot,style:{background:u}}),"building"]}),(0,i.jsx)("div",{className:s.default.divider})]})};let i=r(11684);a(r(12888));let o=r(21410),s=a(r(44283));function l({scopeIcon:t,scopeIconColor:n,namespace:r,accent:a}){if(t)return(0,i.jsx)("div",{className:s.default.scopeIconBadge,style:{background:n||a},children:(0,i.jsx)("img",{src:t,className:s.default.scopeIconImg,alt:""})});if(n){let t=r.split(/[./]/).pop()?.charAt(0).toUpperCase()||"?";return(0,i.jsx)("div",{className:s.default.scopeIconBadge,style:{background:n},children:(0,i.jsx)("span",{className:s.default.scopeInitial,children:t})})}return(0,i.jsx)("span",{className:s.default.dot,style:{background:a}})}},8330(t,n){"use strict";function r(t){return t?t.split("/")[0]:""}function a(t){let a=r(t);return a.startsWith("_")?4:n.PRIORITY_HIGH.includes(a)?0:n.PRIORITY_MED.includes(a)?1:n.PRIORITY_LOW.includes(a)?3:2}Object.defineProperty(n,"__esModule",{value:!0}),n.PRIORITY_LOW=n.PRIORITY_MED=n.PRIORITY_HIGH=void 0,n.getRootNamespace=r,n.namespacePriority=a,n.sortNamespacesAdvanced=function(t){return[...t].sort((t,n)=>{let r=a(t),i=a(n);return r!==i?r-i:t.localeCompare(n)})},n.sortItemsByNamespace=function(t){return[...t].sort((t,n)=>{let r=t.component.id.namespace||"/",i=n.component.id.namespace||"/",o=a(r),s=a(i);return o!==s?o-s:t.component.id.name.localeCompare(n.component.id.name)})},n.PRIORITY_HIGH=["ui","pages"],n.PRIORITY_MED=["design"],n.PRIORITY_LOW=["entities","provider","hooks","icons"]},54565(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentsAggregation=function(t,n,r){let s=(0,a.useMemo)(()=>(0,o.filterItems)(t,r),[t,r]);if("none"===n)return{groups:[{name:"all",displayName:"",items:(0,i.sortItemsByNamespace)(s)}],groupType:"none",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length};if("namespaces"===n){let t=new Map;for(let n of s){let r=n.component.id.namespace||"/";t.has(r)||t.set(r,[]),t.get(r).push(n)}return{groups:(0,i.sortNamespacesAdvanced)([...t.keys()]).map(n=>({name:n,displayName:n,items:(0,i.sortItemsByNamespace)(t.get(n))})),groupType:"namespaces",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length}}let l=new Map;for(let t of s){let n=t.component.id.scope;l.has(n)||l.set(n,[]),l.get(n).push(t)}return{groups:[...l.keys()].sort().map(t=>{let n=l.get(t),r=n.find(t=>t.scope?.icon)?.scope;return{name:t,displayName:t,items:(0,i.sortItemsByNamespace)(n),scopeIcon:r?.icon,scopeIconColor:r?.backgroundIconColor}}),groupType:"scopes",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length}};let a=r(12888),i=r(8330),o=r(21410)},1049(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useQueryParamWithDefault=function(t,n,r={}){let{persist:c=!0,storageKeyPrefix:d=o}=r,[p,m]=(0,i.useSearchParams)(),f=d+t;return[(0,a.useMemo)(()=>{let r=p.get(t);if(r)return r;if(c){let t=s(f);if(t)return t}return n},[p,t,f,n,c]),(0,a.useCallback)(n=>{let r=new URLSearchParams(p);null===n?(r.delete(t),c&&u(f)):(r.set(t,n),c&&l(f,n)),m(r)},[p,m,t,f,c])]},n.useListParamWithDefault=function(t,n={}){let{persist:r=!1,storageKeyPrefix:c=o}=n,[d,p]=(0,i.useSearchParams)(),m=c+t;return[(0,a.useMemo)(()=>{let n=d.get(t);if(n)return n.split(",").filter(Boolean);if(r){let t=s(m);if(t)return t.split(",").filter(Boolean)}return[]},[d,t,m,r]),(0,a.useCallback)(n=>{let a=new URLSearchParams(d),i=n.filter(Boolean).join(",");i?(a.set(t,i),r&&l(m,i)):(a.delete(t),r&&u(m)),p(a)},[d,p,t,m,r])]};let a=r(12888),i=r(44178),o="components-overview:";function s(t){try{return localStorage.getItem(t)}catch{return null}}function l(t,n){try{localStorage.setItem(t,n)}catch{}}function u(t){try{localStorage.removeItem(t)}catch{}}},28334(t,n){"use strict";function r(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.DuplicateDependency=void 0;let DuplicateDependency=class DuplicateDependency{constructor(t,n){r(this,"latestVersionId",void 0),r(this,"priorVersions",void 0),this.latestVersionId=t,this.priorVersions=n}};n.DuplicateDependency=DuplicateDependency},53495(t,n){"use strict";var r;Object.defineProperty(n,"__esModule",{value:!0}),n.EdgeType=void 0,(r={}).dev="DEV",r.runtime="RUNTIME",r.peer="PEER",n.EdgeType=r},73977(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.GraphAspect=void 0;let i=n.GraphAspect=a().Aspect.create({id:"teambit.component/graph",dependencies:[],defaultConfig:{}});n.default=i},38285(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function i(){let t=r(72631);return i=function(){return t},t}function o(){let t=r(30266);return o=function(){return t},t}function s(){let t=r(73977);return s=function(){return t},t}function l(){let t=r(2535);return l=function(){return t},t}function u(){let t=r(86528);return u=function(){return t},t}function c(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let GraphUI=class GraphUI{getDependenciesGraph(){return u().DependenciesGraph}registerComponentWidget(t){this.componentWidgetSlot.register(t)}constructor(t){this.componentWidgetSlot=t}static async provider([t],n,[r]){let a=new GraphUI(r),i=new(l()).GraphSection(r);return n.componentTab&&t.registerNavigation(i.navigationLink,i.order),t.registerRoute(i.route),a}};c(GraphUI,"dependencies",[o().ComponentAspect]),c(GraphUI,"runtime",a().UIRuntime),c(GraphUI,"slots",[i().Slot.withType()]),c(GraphUI,"defaultConfig",{componentTab:!0}),s().GraphAspect.addRuntime(GraphUI)},84635(t,n,r){"use strict";function a(){let t=r(61212);return a=function(){return t},t}function i(){let t=r(68812);return i=function(){return t},t}function o(){let t=r(28334);return o=function(){return t},t}function s(){let t=r(73977);return s=function(){return t},t}function l(){let t=r(86528);return l=function(){return t},t}function u(){let t=r(99055);return u=function(){return t},t}function c(){let t=r(30469);return c=function(){return t},t}function d(){let t=r(69413);return d=function(){return t},t}function p(){let t=r(53495);return p=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"DependenciesCompare",{enumerable:!0,get:function(){return a().DependenciesCompare}}),Object.defineProperty(n,"Dependency",{enumerable:!0,get:function(){return i().Dependency}}),Object.defineProperty(n,"DependencyType",{enumerable:!0,get:function(){return i().DependencyType}}),Object.defineProperty(n,"DuplicateDependency",{enumerable:!0,get:function(){return o().DuplicateDependency}}),Object.defineProperty(n,"EdgeModel",{enumerable:!0,get:function(){return c().EdgeModel}}),Object.defineProperty(n,"EdgeType",{enumerable:!0,get:function(){return p().EdgeType}}),Object.defineProperty(n,"GraphAspect",{enumerable:!0,get:function(){return s().GraphAspect}}),Object.defineProperty(n,"GraphFilters",{enumerable:!0,get:function(){return u().GraphFilters}}),Object.defineProperty(n,"GraphModel",{enumerable:!0,get:function(){return c().GraphModel}}),Object.defineProperty(n,"NodeModel",{enumerable:!0,get:function(){return c().NodeModel}}),Object.defineProperty(n,"calcElements",{enumerable:!0,get:function(){return l().calcElements}}),Object.defineProperty(n,"calcLayout",{enumerable:!0,get:function(){return l().calcLayout}}),Object.defineProperty(n,"calcMinimapColors",{enumerable:!0,get:function(){return l().calcMinimapColors}}),Object.defineProperty(n,"componentNodeStyles",{enumerable:!0,get:function(){return d().styles}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return s().GraphAspect}}),Object.defineProperty(n,"defaultNode",{enumerable:!0,get:function(){return d().defaultNode}}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return l().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return l().depTypeToLabel}}),Object.defineProperty(n,"dependenciesGraphStyles",{enumerable:!0,get:function(){return l().styles}}),Object.defineProperty(n,"external",{enumerable:!0,get:function(){return d().external}}),Object.defineProperty(n,"graphPageStyles",{enumerable:!0,get:function(){return u().styles}}),Object.defineProperty(n,"root",{enumerable:!0,get:function(){return d().root}}),Object.defineProperty(n,"useGraph",{enumerable:!0,get:function(){return c().useGraph}}),Object.defineProperty(n,"useGraphQuery",{enumerable:!0,get:function(){return c().useGraphQuery}})},69942(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Dependency=void 0;let Dependency=class Dependency{constructor(t){!function(t,n,r){var a;(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r}(this,"type",void 0),this.type=t}stringify(){return this.type}};n.Dependency=Dependency},68812(t,n,r){"use strict";function a(){let t=r(69942);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Dependency",{enumerable:!0,get:function(){return a().Dependency}}),Object.defineProperty(n,"DependencyType",{enumerable:!0,get:function(){return a().DependencyType}})},22643(t,n,r){"use strict";function a(){let t=v(r(12888));return a=function(){return t},t}function i(){let t=y(r(97500));return i=function(){return t},t}function o(){let t=r(38561);return o=function(){return t},t}function s(){let t=r(43385);return s=function(){return t},t}function l(){let t=r(71292);return l=function(){return t},t}function u(){let t=r(38348);return u=function(){return t},t}function c(){let t=r(94117);return c=function(){return t},t}function d(){let t=r(31692);return d=function(){return t},t}function p(){let t=r(59004);return p=function(){return t},t}function m(){let t=r(86528);return m=function(){return t},t}function f(){let t=y(r(68311));return f=function(){return t},t}function h(){let t=y(r(73027));return h=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentNode=function(t){let{node:n,type:r="defaultNode"}=t,b=w(t,g),y=(0,a().useContext)(m().ComponentGraphContext),{component:v,componentId:k}=n,j=v?.id||k;return a().default.createElement(c().Card,_({className:(0,i().default)(f().default.compNode,h().default[r]),elevation:"none"},b),a().default.createElement("div",{className:f().default.firstRow},v&&a().default.createElement(l().EnvIcon,{component:v,className:f().default.envIcon}),a().default.createElement(x,{componentId:j,className:o().mutedText})),a().default.createElement("div",{className:f().default.nameLine},a().default.createElement(d().NavLink,{className:f().default.link,external:!0,href:p().ComponentUrl.toUrl(j,{includeVersion:!1})},a().default.createElement("span",{className:(0,i().default)(f().default.name,u().ellipsis)},j.name)),j.version&&a().default.createElement("span",{className:(0,i().default)(f().default.version,u().ellipsis)},j.version),a().default.createElement("div",{className:f().default.buffs},v&&a().default.createElement(s().DeprecationIcon,{component:v}),v&&y&&y.componentWidgets.toArray().map(([t,n])=>a().default.createElement(n,{key:t,component:v})))))};let g=["node","type"],b=["componentId","className"];function y(t){return t&&t.__esModule?t:{default:t}}function v(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(v=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function _(){return(_=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function w(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}function x(t){let{componentId:n,className:r}=t,o=w(t,b),{scope:s,namespace:l}=n;return a().default.createElement("div",_({},o,{className:(0,i().default)(f().default.breadcrumbs,u().ellipsis,r)}),s,!!s&&!!l&&"/",l)}},69413(t,n,r){"use strict";function a(){var t;let n=(t=r(68311))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(22643);return i=function(){return t},t}function o(){let t=r(12163);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentNode",{enumerable:!0,get:function(){return i().ComponentNode}}),Object.defineProperty(n,"defaultNode",{enumerable:!0,get:function(){return o().defaultNode}}),Object.defineProperty(n,"defaultNodeColor",{enumerable:!0,get:function(){return o().defaultNodeColor}}),Object.defineProperty(n,"external",{enumerable:!0,get:function(){return o().external}}),Object.defineProperty(n,"externalNodeColor",{enumerable:!0,get:function(){return o().externalNodeColor}}),Object.defineProperty(n,"root",{enumerable:!0,get:function(){return o().root}}),Object.defineProperty(n,"rootNodeColor",{enumerable:!0,get:function(){return o().rootNodeColor}}),n.styles=void 0;let{compNode:s,firstRow:l,envIcon:u,breadcrumbs:c,nameLine:d,name:p,version:m,buffs:f,link:h}=a().default;n.styles={compNode:s,firstRow:l,envIcon:u,breadcrumbs:c,nameLine:d,name:p,version:m,buffs:f,link:h}},12163(t,n,r){"use strict";function a(){var t;let n=(t=r(73027))&&t.__esModule?t:{default:t};return a=function(){return n},n}Object.defineProperty(n,"__esModule",{value:!0}),n.rootNodeColor=n.root=n.externalNodeColor=n.external=n.defaultNodeColor=n.defaultNode=void 0;let{root:i,defaultNode:o,external:s,rootNodeColor:l,defaultNodeColor:u,externalNodeColor:c}=a().default;n.externalNodeColor=c,n.defaultNodeColor=u,n.rootNodeColor=l,n.external=s,n.defaultNode=o,n.root=i},45550(t,n,r){"use strict";function a(){let t=r(30469);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompareGraphModel=void 0;let CompareGraphModel=class CompareGraphModel extends a().GraphModel{constructor(t,n){super(t,n),this.nodes=t,this.edges=n}};n.CompareGraphModel=CompareGraphModel},85421(t,n,r){"use strict";function a(){let t=g(r(97500));return a=function(){return t},t}function i(){let t=r(97292);return i=function(){return t},t}function o(){let t=r(12066);return o=function(){return t},t}function s(){let t=h(r(12888));return s=function(){return t},t}function l(){let t=h(r(89054));return l=function(){return t},t}function u(){let t=r(30469);return u=function(){return t},t}function c(){let t=r(99055);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(){let t=g(r(25025));return p=function(){return t},t}function m(){let t=r(33482);return m=function(){return t},t}function f(){let t=r(66e3);return f=function(){return t},t}function h(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(h=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function g(t){return t&&t.__esModule?t:{default:t}}function b(t){let{sourcePosition:n=l().Position.Top,targetPosition:r=l().Position.Bottom,data:a,id:i}=t,o=l().Handle;return s().default.createElement("div",{key:i},s().default.createElement(o,{type:"target",position:r,isConnectable:!1}),s().default.createElement(o,{type:"source",position:n,isConnectable:!1}),s().default.createElement(m().DependencyCompareNode,{node:a.node,type:a.type}))}Object.defineProperty(n,"__esModule",{value:!0}),n.DependenciesCompare=function(){let t=s().default.useMemo(()=>({ComponentNode:b}),[]),n=(0,s().useRef)(void 0),r=(0,o().useComponentCompare)(),m=r?.base?.model.id,h=r?.compare?.model.id,[g,y]=(0,s().useState)("runtimeOnly"),v="runtimeOnly"===g,{loading:_,graph:w}=(0,u().useGraphQuery)(m&&[m.toString()],g),{loading:x,graph:k}=(0,u().useGraphQuery)(h&&[h.toString()],g),j=_||x,C=(0,f().diffGraph)(w,k,m)??void 0,S=(0,d().calcElements)(C,{rootNode:m});(0,s().useEffect)(()=>()=>n.current=void 0,[]),(0,s().useEffect)(()=>{setTimeout(()=>C&&C.nodes.length<=3?n.current?.fitView({padding:2}):n.current?.fitView(),0)},[C]);let O=(0,s().useCallback)(t=>{n.current=t,(C?.nodes.length??0)<=3?n.current?.fitView({padding:2,maxZoom:1}):t.fitView({maxZoom:1})},[C?.nodes.length]);return((0,s().useEffect)(()=>{setTimeout(()=>(C?.nodes.length??0)<=3?n.current?.fitView({padding:2}):n.current?.fitView(),0)},[h?.toString(),m?.toString()]),j||C)?s().default.createElement("div",{className:(0,a().default)([p().default.page,c().styles.graph])},j&&s().default.createElement("div",{className:p().default.loader},s().default.createElement(i().RoundLoader,null)),!j&&s().default.createElement(l().ReactFlowProvider,null,s().default.createElement(l().default,{draggable:!1,nodesDraggable:!0,selectNodesOnDrag:!1,nodesConnectable:!1,zoomOnDoubleClick:!1,elementsSelectable:!1,maxZoom:100,minZoom:0,className:d().styles.graph,defaultNodes:S.nodes,defaultEdges:S.edges,nodeTypes:t,onInit:O,proOptions:{hideAttribution:!0}},s().default.createElement(l().Background,null),s().default.createElement(l().Controls,{className:d().styles.controls}),s().default.createElement(l().MiniMap,{nodeColor:d().calcMinimapColors,className:d().styles.minimap}),s().default.createElement(c().GraphFilters,{className:c().styles.filters,disable:j,isFiltered:v,onChangeFilter:t=>{y(t?"runtimeOnly":void 0)}})))):s().default.createElement(s().default.Fragment,null)}},33482(t,n,r){"use strict";function a(){let t=r(31692);return a=function(){return t},t}function i(){let t=r(94117);return i=function(){return t},t}function o(){let t=r(38561);return o=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(59004);return l=function(){return t},t}function u(){let t=r(61198);return u=function(){return t},t}function c(){let t=r(43385);return c=function(){return t},t}function d(){let t=r(38348);return d=function(){return t},t}function p(){let t=r(71292);return p=function(){return t},t}function m(){let t=x(r(97500));return m=function(){return t},t}function f(){let t=w(r(12888));return f=function(){return t},t}function h(){let t=r(16322);return h=function(){return t},t}function g(){let t=r(12163);return g=function(){return t},t}function b(){let t=r(69413);return b=function(){return t},t}function y(){let t=x(r(59990));return y=function(){return t},t}function v(){let t=x(r(98736));return v=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DependencyCompareNode=function(t){let{node:n,type:r="defaultNode"}=t,{id:_,component:w,compareVersion:x,status:k,componentId:C}=n,{version:S}=w||{version:C.version},O=s().ComponentID.fromString(_),E=(0,f().useMemo)(()=>(0,h().valid)(S)&&(0,h().valid)(x)&&(0,h().compare)(S,x),[S,x]);return f().default.createElement(i().Card,{className:(0,m().default)(b().styles.compNode,function(t){switch(t){case"defaultNode":return g().defaultNode;case"root":return v().default[t];case"external":return g().external;default:return null}}(r)),elevation:"none"},f().default.createElement("div",{className:b().styles.firstRow},w&&f().default.createElement(p().EnvIcon,{component:w,className:b().styles.envIcon}),f().default.createElement(j,{componentId:O,className:o().mutedText})),f().default.createElement("div",{className:b().styles.nameLine},f().default.createElement(a().NavLink,{className:y().default.link,external:!0,href:l().ComponentUrl.toUrl(O,{includeVersion:!1})},f().default.createElement("span",{className:(0,m().default)(b().styles.name,d().ellipsis)},O.name)),O.version&&f().default.createElement("span",{className:(0,m().default)(b().styles.version,d().ellipsis)},O.version),0!==E&&f().default.createElement("img",{className:(0,m().default)([y().default.arrowIcon,y().default.versionUp]),src:"https://static.bit.dev/bit-icons/version-bump.svg"}),x&&0!==E&&f().default.createElement("span",{className:(0,m().default)(y().default.version,b().styles.version,d().ellipsis,-1===E&&y().default.versionUp,1===E&&y().default.versionDown)},x),f().default.createElement("div",{className:y().default.buffs},w&&f().default.createElement(c().DeprecationIcon,{component:w}),void 0!==k&&f().default.createElement(u().CompareStatusResolver,{status:k}))))};let _=["componentId","className"];function w(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(w=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function x(t){return t&&t.__esModule?t:{default:t}}function k(){return(k=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function j(t){let{componentId:n,className:r}=t,a=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,_),{scope:i,namespace:o}=n;return f().default.createElement("div",k({},a,{className:(0,m().default)(y().default.breadcrumbs,d().ellipsis,r)}),i,!!i&&!!o&&"/",o)}},66e3(t,n,r){"use strict";function a(){let t=r(45550);return a=function(){return t},t}function i(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function o(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?i(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.diffGraph=function(t,n,r){if(!t||!n||!r)return null;let i=t.nodes,c=n.nodes,d=new Map(i.map(t=>[s(t),t])),p=new Map(c.map(t=>[s(t),t])),m=[];for(let t of i){let n=p.get(s(t));n?m.push(o(o({},t),{},{compareVersion:n.componentId.version,status:n.componentId.isEqual(t.componentId)?void 0:"modified"})):m.push(o(o({},t),{},{compareVersion:t.componentId.version,status:"deleted"}))}for(let t of c.filter(t=>!d.has(s(t))))m.push(o(o({},t),{},{compareVersion:"",status:"new"}));let f=new Map(m.map(t=>[s(t),t])),h=new Map(t.edges.map(t=>[u(t),t])),g=n.edges.filter(t=>!h.has(u(t))).map(t=>o(o({},t),{},{sourceId:f.get(l(t.sourceId))?.id.toString()||r.toString(),targetId:f.get(l(t.targetId))?.id.toString()||r.toString()})),b=[...t.edges,...g];return new(a()).CompareGraphModel(m,b)};let s=t=>t.componentId.toStringWithoutVersion(),l=t=>t.split("@")[0],u=t=>`${l(t.sourceId)}::${l(t.targetId)}`},61212(t,n,r){"use strict";function a(){let t=r(85421);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"DependenciesCompare",{enumerable:!0,get:function(){return a().DependenciesCompare}})},43642(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function i(){let t=r(89054);return i=function(){return t},t}function o(){let t=r(24601);return o=function(){return t},t}function s(){let t=r(95737);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcElements=function(t,{rootNode:n}){return(0,a().useMemo)(()=>{if(!t)return{nodes:[],edges:[]};let r=(0,o().calcLayout)(t);return{nodes:Array.from(t.nodes.values()).map(t=>({id:t.id,type:"ComponentNode",data:{node:t,type:n&&t.componentId.isEqual(n,{ignoreVersion:!0})?"root":void 0},position:r.get(t.id)||{x:0,y:0}})),edges:t.edges.map(t=>({id:`_${t.sourceId}__${t.targetId}`,source:t.sourceId,target:t.targetId,label:(0,s().depTypeToLabel)(t.dependencyLifecycleType),labelBgPadding:[4,4],type:"smoothstep",className:(0,s().depTypeToClass)(t.dependencyLifecycleType),arrowHeadType:i().MarkerType.Arrow,markerEnd:{type:i().MarkerType.Arrow}}))}},[t?.nodes.length,t?.edges.length,n?.toString(),t?.nodes.some(t=>t.component)])}},24601(t,n,r){"use strict";function a(){let t=i(r(5109));return a=function(){return t},t}function i(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(i=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function o(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function s(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?o(Object(r),!0).forEach(function(n){var a,i,o;a=t,i=n,o=r[n],(i=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(i))in a?Object.defineProperty(a,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[i]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcLayout=function(t){let n=new(a()).graphlib.Graph;return n.setGraph({rankdir:"TB",nodesep:25,ranksep:100,edgesep:100,ranker:"longest-path",acyclicer:"greedy"}),n.setDefaultEdgeLabel(()=>({})),t.nodes.forEach(t=>n.setNode(t.id,s(s({},t),{},{width:260,height:90}))),t.edges.forEach(t=>n.setEdge(t.sourceId,t.targetId)),a().default.layout(n),new Map(n.nodes().map(t=>{let r=n.node(t);return[t,{x:r.x-r.width/2,y:r.y-r.height/2}]}))}},37484(t,n,r){"use strict";function a(){let t=r(53495);return a=function(){return t},t}function i(){var t;let n=(t=r(79568))&&t.__esModule?t:{default:t};return i=function(){return n},n}Object.defineProperty(n,"__esModule",{value:!0}),n.depTypeToClass=function(t){switch(t){case"DEV":return i().default.dev;case"PEER":return i().default.peer;case"RUNTIME":return i().default.runtime;default:return}},n.depTypeToLabel=function(t){switch(t){case a().EdgeType.peer:return"Peer Dependency";case a().EdgeType.dev:return"Development Dependency";case a().EdgeType.runtime:return"Dependency";default:return t.toLowerCase()}}},95737(t,n,r){"use strict";function a(){let t=r(37484);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return a().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return a().depTypeToLabel}})},33291(t,n,r){"use strict";function a(){let t=f(r(12888));return a=function(){return t},t}function i(){let t=m(r(97500));return i=function(){return t},t}function o(){let t=f(r(89054));return o=function(){return t},t}function s(){let t=r(69413);return s=function(){return t},t}function l(){let t=r(43642);return l=function(){return t},t}function u(){let t=r(34124);return u=function(){return t},t}function c(){let t=r(49349);return c=function(){return t},t}function d(){let t=m(r(60155));return d=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DependenciesGraph=function(t){let{graph:n,rootNode:r,componentWidgets:s,className:m,onLoad:f,children:b,loadingGraphMetadata:y}=t,v=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,p),_=a().default.useMemo(()=>({ComponentNode:g}),[]),w=(0,a().useRef)(void 0),x=(0,l().calcElements)(n,{rootNode:r}),[k,j]=(0,o().useNodesState)(x.nodes);(0,a().useEffect)(()=>{j(x.nodes)},[x.nodes]);let C=(0,a().useMemo)(()=>({componentWidgets:s,loadingGraphMetadata:y}),[s,y]),S=(0,a().useCallback)(t=>{w.current=t,(x?.nodes.length??0)<=3?t.fitView({padding:2,maxZoom:1}):t.fitView({maxZoom:1}),f?.(t)},[f]);return(0,a().useEffect)(()=>()=>w.current=void 0,[]),(0,a().useEffect)(()=>{setTimeout(()=>{if(x?.nodes.length)return(x?.nodes?.length??0)<=3?w.current?.fitView({padding:2,maxZoom:1}):w.current?.fitView({maxZoom:1})},100)},[x?.nodes.length]),a().default.createElement(c().ComponentGraphContext.Provider,{value:C},a().default.createElement(o().ReactFlowProvider,null,a().default.createElement(o().default,h({draggable:!1,nodesDraggable:!0,selectNodesOnDrag:!1,nodesConnectable:!1,zoomOnDoubleClick:!1,elementsSelectable:!1,maxZoom:100,minZoom:0},v,{className:(0,i().default)(d().default.graph,m),nodes:k,edges:x.edges,nodeTypes:_,onInit:S,fitView:!0,fitViewOptions:{padding:(x?.nodes.length??0)<=3?2:void 0,maxZoom:1},proOptions:{hideAttribution:!0}}),a().default.createElement(o().Background,null),a().default.createElement(o().Controls,{className:d().default.controls}),a().default.createElement(o().MiniMap,{nodeColor:u().calcMinimapColors,className:d().default.minimap}),b)))},r(55244);let p=["graph","rootNode","componentWidgets","className","onLoad","children","loadingGraphMetadata"];function m(t){return t&&t.__esModule?t:{default:t}}function f(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(f=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}function h(){return(h=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function g(t){let{sourcePosition:n=o().Position.Top,targetPosition:r=o().Position.Bottom,data:i,id:l}=t,u=o().Handle;return a().default.createElement("div",{key:l},a().default.createElement(u,{type:"target",position:r,isConnectable:!1}),a().default.createElement(u,{type:"source",position:n,isConnectable:!1}),a().default.createElement(s().ComponentNode,{node:i.node,type:i.type}))}},49349(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentGraphContext=void 0,n.ComponentGraphContext=(0,a().createContext)(void 0)},86528(t,n,r){"use strict";function a(){var t;let n=(t=r(60155))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(33291);return i=function(){return t},t}function o(){let t=r(49349);return o=function(){return t},t}function s(){let t=r(95737);return s=function(){return t},t}function l(){let t=r(34124);return l=function(){return t},t}function u(){let t=r(24601);return u=function(){return t},t}function c(){let t=r(43642);return c=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentGraph",{enumerable:!0,get:function(){return o().ComponentGraph}}),Object.defineProperty(n,"ComponentGraphContext",{enumerable:!0,get:function(){return o().ComponentGraphContext}}),Object.defineProperty(n,"DependenciesGraph",{enumerable:!0,get:function(){return i().DependenciesGraph}}),Object.defineProperty(n,"calcElements",{enumerable:!0,get:function(){return c().calcElements}}),Object.defineProperty(n,"calcLayout",{enumerable:!0,get:function(){return u().calcLayout}}),Object.defineProperty(n,"calcMinimapColors",{enumerable:!0,get:function(){return l().calcMinimapColors}}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return s().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return s().depTypeToLabel}}),n.styles=void 0;let{graph:d,minimap:p,controls:m}=a().default;n.styles={graph:d,minimap:p,controls:m}},34124(t,n,r){"use strict";function a(){let t=r(69413);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcMinimapColors=function(t){switch(t.data?.type){case"root":return a().rootNodeColor;case"external":return a().externalNodeColor;default:return a().defaultNodeColor}}},76065(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(94117);return i=function(){return t},t}function o(){let t=r(9819);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphFilters=function(t){let{onChangeFilter:n,isFiltered:r,disable:l}=t,u=function(t,n){if(null==t)return{};var r,a,i=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(a=0;a<o.length;a++)r=o[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(t,s);return a().default.createElement(i().Card,u,a().default.createElement("div",null,a().default.createElement(o().CheckboxLabel,{checked:!r,disabled:l,onInputChanged:t=>n(!t.target.checked)}," ","show non-runtime")))};let s=["onChangeFilter","isFiltered","disable"]},58715(t,n,r){"use strict";function a(){let t=h(r(12888));return a=function(){return t},t}function i(){let t=r(80105);return i=function(){return t},t}function o(){let t=r(34926);return o=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(49666);return l=function(){return t},t}function u(){let t=f(r(97500));return u=function(){return t},t}function c(){let t=r(30469);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(){let t=r(76065);return p=function(){return t},t}function m(){let t=f(r(28751));return m=function(){return t},t}function f(t){return t&&t.__esModule?t:{default:t}}function h(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(h=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphPage=function({componentWidgets:t}){let n=(0,a().useContext)(s().ComponentContext),[r,f]=(0,a().useState)("runtimeOnly"),{graph:h,error:g,graphLoading:b,loading:y}=(0,c().useGraphQuery)([n.id.toString()],r);return g?404===g.code?a().default.createElement(i().NotFoundPage,null):a().default.createElement(o().ServerErrorPage,null):a().default.createElement("div",{className:(0,u().default)(m().default.page)},a().default.createElement(d().DependenciesGraph,{componentWidgets:t,graph:h,rootNode:n.id,className:(0,u().default)(m().default.graph,!h&&l().skeleton),loadingGraphMetadata:b},h&&a().default.createElement(p().GraphFilters,{className:(0,u().default)(m().default.filters),disable:y,isFiltered:"runtimeOnly"===r,onChangeFilter:t=>{f(t?"runtimeOnly":void 0)}})))}},99055(t,n,r){"use strict";function a(){var t;let n=(t=r(28751))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(58715);return i=function(){return t},t}function o(){let t=r(76065);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"GraphFilters",{enumerable:!0,get:function(){return o().GraphFilters}}),Object.defineProperty(n,"GraphPage",{enumerable:!0,get:function(){return i().GraphPage}}),n.styles=void 0;let{graph:s,filters:l}=a().default;n.styles={graph:s,filters:l}},2535(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(99055);return i=function(){return t},t}function o(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphSection=void 0;let GraphSection=class GraphSection{constructor(t){this.componentWidgetSlot=t,o(this,"route",{path:"~graph",element:a().default.createElement(i().GraphPage,{componentWidgets:this.componentWidgetSlot})}),o(this,"navigationLink",{href:"~graph",children:"Graph"}),o(this,"order",40)}};n.GraphSection=GraphSection},49728(t,n){"use strict";function r(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.EdgeModel=void 0;let EdgeModel=class EdgeModel{constructor(){r(this,"sourceId",void 0),r(this,"targetId",void 0),r(this,"dependencyLifecycleType",void 0)}static from(t){let n=new EdgeModel;return n.sourceId=t.sourceId,n.targetId=t.targetId,n.dependencyLifecycleType=t.dependencyLifecycleType,n}};n.EdgeModel=EdgeModel},98922(t,n,r){"use strict";function a(){let t=r(92590);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.GET_GRAPH_IDS=n.GET_GRAPH=void 0,n.GET_GRAPH_IDS=(0,a().gql)`
   query graph($ids: [String], $filter: String) {
     graph(ids: $ids, filter: $filter) {
       nodes {