@teambit/ui 1.0.1243 → 1.0.1244

package/artifacts/ui-bundle/public/bit/static/js/{528.9d4b59d7.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}
@@ -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 {