@teambit/ui 1.0.1231 → 1.0.1232

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

@@ -1001,7 +1001,7 @@ ${l}`}).join("\n\n")+"\n"};let o="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
       }
     }
   }
-`,n.useLaneDiffStatus=({baseId:t,compareId:r,options:l})=>{let{data:u,loading:c}=(0,a.useQuery)(n.QUERY_LANE_DIFF_STATUS,{variables:{source:r,target:t,options:l},skip:!t||!r,context:{batch:!0}}),d=u?.lanes.diffStatus&&{sourceLane:o.LaneId.from(u.lanes.diffStatus.source.name,u.lanes.diffStatus.source.scope).toString(),targetLane:o.LaneId.from(u.lanes.diffStatus.target.name,u.lanes.diffStatus.target.scope).toString(),diff:u.lanes.diffStatus.componentsStatus.map(t=>({...t,changes:t.changes??null,componentId:i.ComponentID.fromObject(t.componentId).toString()}))};return{loading:c,laneDiff:d&&s.LaneDiff.from(d)}}},25425(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LaneComparePage=void 0;var a=r(77045);Object.defineProperty(n,"LaneComparePage",{enumerable:!0,get:function(){return a.LaneComparePage}})},77045(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneComparePage=function({getLaneCompare:t,groupByScope:n=!1,useLanes:r=p.useLanes,searchLanes:a,...o}){let{lanesModel:i,loading:s,fetchMoreLanes:l,hasMore:h,offset:g,limit:b}=r(),y=(0,d.useLocation)(),[v,_]=(0,c.useState)(),w=i?.getDefaultLane(),x=i?.viewedLane,k=i?.getNonMainLanes()||[];(0,c.useEffect)(()=>{let t=x?.id.toString(),n=!!v&&(v.id.toString()===t||v.deleted);if(!v||n){if(!x?.id.isDefault()&&w)_(w);else if(x?.id.isDefault()){let n=k.find(n=>!n.deleted&&n.id.toString()!==t);n&&_(n)}}},[w,x?.id.toString(),k?.length,v?.id.toString()]);let C=t({base:v,compare:x,groupBy:"status"}),j=(0,c.useMemo)(()=>k.filter(t=>t.toString()!==x?.id.toString()&&!t.deleted),[v?.id.toString(),x?.id.toString(),i?.lanes.length]);return((0,c.useEffect)(()=>{let t=document.querySelector('[class*="collapser"]'),n=document.querySelector('[class*="splitPane"]');if(!t||!n)return;let r=n.firstElementChild,a=r&&r.offsetWidth>50;return a&&(r.style.display="none",requestAnimationFrame(()=>{t.click(),requestAnimationFrame(()=>{r.style.display=""})})),()=>{if(a){let r=n.firstElementChild;r&&r.offsetWidth<=50&&t.click()}}},[]),i&&i.viewedLane&&v)?(0,u.jsxs)("div",{...o,className:f.default.laneComparePage,children:[(0,u.jsxs)("div",{className:f.default.top,children:[(0,u.jsx)("div",{className:f.default.subTitle,children:"Compare"}),(0,u.jsxs)("div",{className:f.default.title,children:[(0,u.jsx)("div",{className:f.default.compareLane,children:x?.id.name}),(0,u.jsx)("div",{className:f.default.rightIcon,children:(0,u.jsx)("img",{src:"https://static.bit.dev/bit-icons/arrow-right.svg",alt:"arrow-right"})}),(0,u.jsx)("div",{className:f.default.baseSelectorContainer,children:(0,u.jsx)(m.LaneSelector,{searchLanes:a,selectedLaneId:v.id,className:f.default.baseSelector,nonMainLanes:j,mainLane:w,groupByScope:n,getHref:()=>`${y.pathname}${y.search}`,onLaneSelected:(t,n)=>{_(n)},loading:s,fetchMoreLanes:l,hasMore:h,initialOffset:(g??0)+(b??0)})})]})]}),(0,u.jsx)("div",{className:f.default.bottom,children:C})]}):null};let u=r(11684),c=s(r(12888)),d=r(44178),p=r(30969),m=r(90569),f=l(r(37914))},58352(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.BaseSourceIndicator=function({compareId:t}){let n=(0,l.useCompareData)(),r=n?.compareDataFor(t);return n?.loading&&void 0===r?(0,o.jsx)(s.Tooltip,{content:"Resolving base from the remote scope\u2026",placement:"top",children:(0,o.jsx)("span",{className:u.default.indicator,"data-state":"loading","aria-label":"Resolving base from the remote scope",children:(0,o.jsx)(i.Icon,{of:"spinner",className:u.default.spin})})}):null===r?(0,o.jsx)(s.Tooltip,{content:"Base unavailable from the remote scope",placement:"top",children:(0,o.jsx)("span",{className:u.default.indicator,"data-state":"unavailable","aria-label":"Base unavailable from the remote scope",children:(0,o.jsx)(i.Icon,{of:"exclamation-triangle"})})}):(0,o.jsx)(s.Tooltip,{content:"Base pulled from the remote scope",placement:"top",children:(0,o.jsx)("span",{className:u.default.indicator,"data-state":"remote","aria-label":"Base pulled from the remote scope",children:(0,o.jsx)(i.Icon,{of:"bit-cloud"})})})};let o=r(11684);a(r(12888));let i=r(516),s=r(62634),l=r(27872),u=a(r(93517))},92061(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.laneFilterDepKey=n.extractCompsToDiff=n.displayChangeType=n.ChangeTypeGroupOrder=n.LaneCompareProvider=n.useLaneCompareContext=n.LaneCompareContext=n.LaneCompare=void 0;var a=r(57205);Object.defineProperty(n,"LaneCompare",{enumerable:!0,get:function(){return a.LaneCompare}});var o=r(77604);Object.defineProperty(n,"LaneCompareContext",{enumerable:!0,get:function(){return o.LaneCompareContext}}),Object.defineProperty(n,"useLaneCompareContext",{enumerable:!0,get:function(){return o.useLaneCompareContext}});var i=r(98202);Object.defineProperty(n,"LaneCompareProvider",{enumerable:!0,get:function(){return i.LaneCompareProvider}});var s=r(18297);Object.defineProperty(n,"ChangeTypeGroupOrder",{enumerable:!0,get:function(){return s.ChangeTypeGroupOrder}});var l=r(55802);Object.defineProperty(n,"displayChangeType",{enumerable:!0,get:function(){return l.displayChangeType}}),Object.defineProperty(n,"extractCompsToDiff",{enumerable:!0,get:function(){return l.extractCompsToDiff}}),Object.defineProperty(n,"laneFilterDepKey",{enumerable:!0,get:function(){return l.filterDepKey}})},77604(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useLaneCompareContext=n.LaneCompareContext=void 0;let a=r(12888);n.LaneCompareContext=(0,a.createContext)(void 0),n.useLaneCompareContext=()=>(0,a.useContext)(n.LaneCompareContext)},57205(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneCompare=void 0;let u=r(11684),c=s(r(12888)),d=r(44178),p=l(r(97500)),m=r(27872),f=r(12066),h=r(59004),g=r(61071),b=r(7110),y=r(1428),v=r(77604),_=r(98202),w=r(58352),x=r(18297),k=r(55802),C=l(r(24858));function j(t,n){let r=()=>{let r=n.getBoundingClientRect(),a=t.getBoundingClientRect(),o=r.top-a.top;return t.scrollTo({top:o+t.scrollTop,behavior:"instant"}),Math.abs(o)};r();let a=0,o=()=>{if(!t.isConnected||!n.isConnected)return;let i=r();a+=1,i>2&&a<4&&requestAnimationFrame(o)};requestAnimationFrame(o)}function S(t,n,r=5e3){let a=t.querySelector(n);return a?Promise.resolve(a):new Promise(a=>{let o=new MutationObserver(()=>{let r=t.querySelector(n);r&&(o.disconnect(),a(r))});o.observe(t,{childList:!0,subtree:!0}),setTimeout(()=>{o.disconnect(),a(null)},r)})}function E(t,n,r){if(!t)return;if(!r)return void S(t,`[data-component-id="${CSS.escape(n)}"]`).then(n=>{n&&j(t,n)});let a=`[data-file-id="${CSS.escape(n)}:${CSS.escape(r)}"]`,o=t.querySelector(a);if(o)return void requestAnimationFrame(()=>j(t,o));let i=t.querySelector(`[data-component-id="${CSS.escape(n)}"]`);i&&j(t,i),S(t,a).then(n=>{n&&j(t,n)})}let O={[y.ChangeType.NEW]:"var(--positive-color, #37b26c)",[y.ChangeType.SOURCE_CODE]:"var(--bit-accent-color, #6c5ce7)",[y.ChangeType.DEPENDENCY]:"var(--warning-color, #d6a022)"};function D(t,n=[]){return n.some(t=>t!==y.ChangeType.NONE)||null!=t&&t!==y.ChangeType.NONE}function N({sourceLane:t,targetLane:n,componentCount:r,released:a}){let o=a?`This lane has been released to ${n}`:"No changes to compare",i="Both lanes point to the same components.";return r>0&&(i=a?`${n} already includes all ${r} components from ${t} \u{2014} there's nothing left to compare.`:`${t} and ${n} point to the same versions across ${r} components.`),(0,u.jsxs)("div",{className:C.default.blankState,role:"status",children:[(0,u.jsx)("div",{className:C.default.blankStateIcon,"aria-hidden":"true",children:"\u2713"}),(0,u.jsx)("div",{className:C.default.blankStateTitle,children:o}),(0,u.jsx)("div",{className:C.default.blankStateSubtitle,children:i}),r>0&&(0,u.jsxs)("div",{className:C.default.blankStateMeta,children:[r," component",1!==r?"s":""," \xb7 up to date with ",n]})]})}function P({base:t,compare:n,className:r,host:a,tabs:o,customUseComponent:i,customUseLaneDiff:s,LaneCompareLoader:l,ComponentCompareLoader:_,onStateChanged:j,groupBy:S,envIcons:T,apiDiffInsights:I,...M}){let{loadingLaneDiff:$,componentsToDiff:A,laneComponentDiffByCompId:R}=(0,v.useLaneCompareContext)(),F=(0,c.useMemo)(()=>o?"function"==typeof o?o():o:[],[o]),{componentDescriptors:L}=(0,g.useLaneComponents)(n?.id),z=(0,c.useMemo)(()=>{let t=new Map;return L&&L.forEach(n=>{let r=n.get("teambit.compositions/compositions"),a=r?.data?.compositions;t.set(n.id.toStringWithoutVersion(),Array.isArray(a)&&a.length>0)}),t},[L]),B=(0,c.useMemo)(()=>{let t=new Map(T??[]);return L&&L.forEach(n=>{let r=n.get("teambit.envs/envs"),a=r?.icon||r?.data?.icon||r?.descriptor?.icon||r?.env?.icon||void 0;if(!a)return;let o=n.id.toStringWithoutVersion();t.has(o)||t.set(o,a)}),t},[L,T]),[q]=(0,d.useSearchParams)(),[V,U]=(0,c.useState)(q.get("view")||"code"),[G,H]=(0,c.useState)(q.get("groupBy")||"scope"),[X,Y]=(0,c.useState)(q.get("diffMode")||"split"),[W,Z]=(0,c.useState)(!1),[Q,K]=(0,c.useState)(q.get("componentId")||void 0),[J,ee]=(0,c.useState)(q.get("file")||void 0),[et,en]=(0,c.useState)([]),er=(0,c.useRef)(null),ea=(0,m.useFileRegistry)(),eo=(0,c.useCallback)((t,n)=>{let r=new URL(window.location.href);n?r.searchParams.set(t,n):r.searchParams.delete(t),window.history.replaceState(null,"",r.toString())},[]),ei=(0,c.useCallback)(t=>{U(t),eo("view","code"===t?void 0:t),ee(void 0),eo("file",void 0)},[eo]),es=(0,c.useCallback)(t=>{H(t),eo("groupBy","scope"===t?void 0:t)},[eo]),el=(0,c.useCallback)(t=>{Y(t),eo("diffMode","split"===t?void 0:t)},[eo]),eu=(0,c.useCallback)(t=>{K(t),eo("componentId",t||void 0)},[eo]),ec=(0,c.useCallback)(t=>{ee(t),eo("file",t||void 0)},[eo]),ed=(0,c.useRef)(!1);(0,c.useEffect)(()=>{ed.current||!Q||$||(ed.current=!0,E(er.current,Q,J))},[Q,J,$]);let ep=(0,c.useMemo)(()=>(A||[]).map(([t,n])=>{let r=n?.toStringWithoutVersion()||t?.toStringWithoutVersion()||"",a=R.get(r),o=a?.changes,i=a?.changeType,s=!!a&&null==o,l=a?.baseSource;return{idStr:r,name:n?.fullName||t?.fullName||r,baseId:t?.toString(),compareId:n?.toString()||"",baseSource:l,baseVersion:t?.version?.slice(0,7),compareVersion:n?.version?.slice(0,7),baseUrl:t?h.ComponentUrl.toUrl(t,{includeVersion:!0,useLocationOrigin:!0}):void 0,compareUrl:n?h.ComponentUrl.toUrl(n,{includeVersion:!0,useLocationOrigin:!0}):void 0,changes:o||[],changeType:i,unclassified:s,scope:(n||t)?.scope||"",namespace:(n||t)?.namespace||""}}),[A,R]),em=(0,c.useMemo)(()=>ep.filter(t=>!!t.baseId&&!!t.compareId).map(t=>({baseId:t.baseId,compareId:t.compareId})),[ep]),ef=(0,c.useMemo)(()=>ep.map(t=>({value:t.name,payload:t.idStr})),[ep]),eh=(0,c.useMemo)(()=>{if(0===et.length)return ep;let t=new Set(et.map(t=>t.payload));return ep.filter(n=>t.has(n.idStr))},[ep,et]),eg=(0,c.useCallback)(t=>{if(t.changeType===y.ChangeType.NEW||t.changes.some(t=>t===y.ChangeType.NEW))return!0;let n=ea?.getFiles(t.idStr);return void 0===n?t.changes.some(t=>t===y.ChangeType.SOURCE_CODE)||t.unclassified:n.length>0},[ea,ea?.getVersion()]),eb=(0,c.useCallback)(t=>{let n=ea?.getApiEntries(t.idStr);return void 0===n?t.changes.some(t=>t===y.ChangeType.SOURCE_CODE||t===y.ChangeType.DEPENDENCY)||t.unclassified:n.length>0},[ea,ea?.getVersion()]),ey=(0,c.useCallback)((t,n)=>{switch(n){case"code":return eg(t);case"api":return eb(t);case"preview":return(D(t.changeType,t.changes)||t.unclassified)&&!1!==z.get(t.idStr);case"docs":return D(t.changeType,t.changes)||t.unclassified;case"dependencies":return t.changes.some(t=>t===y.ChangeType.DEPENDENCY)||t.unclassified;case"config":return t.changes.some(t=>t===y.ChangeType.ASPECTS)||t.unclassified;default:return!0}},[z,eg,eb]),ev=(0,c.useMemo)(()=>eh.filter(t=>ey(t,V)),[eh,V,ey]),e_=(0,c.useMemo)(()=>{let t=new Map;return ep.forEach(n=>{let r={},a=D(n.changeType,n.changes)||n.unclassified;eg(n)&&(r["data-has-code"]=""),a&&(r["data-has-docs"]=""),a&&!1!==z.get(n.idStr)&&(r["data-has-preview"]=""),(n.changes.some(t=>t===y.ChangeType.DEPENDENCY)||n.unclassified)&&(r["data-has-deps"]=""),(n.changes.some(t=>t===y.ChangeType.ASPECTS)||n.unclassified)&&(r["data-has-config"]=""),t.set(n.idStr,r)}),t},[ep,z,eg]),ew=(0,c.useCallback)(t=>{let n=new Map;return t.forEach(t=>{let r="status"===G?t.changeType||"unknown":"namespace"===G?t.namespace||"root":"scope"===G?t.scope:"all";n.has(r)||n.set(r,[]),n.get(r).push(t)}),[...n.entries()].sort(([t],[n])=>"status"===G?x.ChangeTypeGroupOrder.indexOf(t)-x.ChangeTypeGroupOrder.indexOf(n):t.localeCompare(n))},[G]),ex=(0,c.useMemo)(()=>ew(ev),[ew,ev]),ek=(0,c.useMemo)(()=>ew(eh),[ew,eh]),eC=(0,c.useMemo)(()=>new Set(ev.map(t=>t.idStr)),[ev]),ej=(0,c.useMemo)(()=>({code:ep.filter(t=>eg(t)).length,preview:ep.filter(t=>(D(t.changeType,t.changes)||t.unclassified)&&!1!==z.get(t.idStr)).length,docs:ep.filter(t=>D(t.changeType,t.changes)||t.unclassified).length,dependencies:ep.filter(t=>t.changes.some(t=>t===y.ChangeType.DEPENDENCY)||t.unclassified).length,tests:ep.length,config:ep.filter(t=>t.changes.some(t=>t===y.ChangeType.ASPECTS)||t.unclassified).length,api:ep.length}),[ep,z,eg]),eS=(0,c.useMemo)(()=>[{id:"api",displayName:"API",icon:"schema"},{id:"code",displayName:"Code",icon:"code"},{id:"preview",displayName:"Preview",icon:"eye"},{id:"docs",displayName:"Docs",icon:"overview"},{id:"dependencies",displayName:"Dependencies",icon:"link"},{id:"config",displayName:"Config",icon:"configuration"}],[]),eE=(0,c.useMemo)(()=>{let t=[{value:"scope",label:"Scope"},{value:"namespace",label:"Namespace"}];return t.push({value:"none",label:"None"}),t},[V]),eO=(0,c.useMemo)(()=>ex.map(([t,n])=>({key:t,label:"status"===G?(0,k.displayChangeType)(t):t,items:n.map(t=>{var n;return{id:t.idStr,name:t.name,envIcon:B.get(t.idStr),status:t.changeType,files:(n=t.idStr,"code"===V?ea?.getFiles(n):"config"===V?ea?.getAspectFiles(n):"api"===V?ea?.getApiEntries(n):void 0),sourceIndicator:"scope"===t.baseSource?(0,u.jsx)(w.BaseSourceIndicator,{compareId:t.compareId}):void 0}})})),[ex,G,B,ea?.getVersion(),V]),eD=(0,c.useMemo)(()=>{let t=[];return R.forEach(n=>{t.push({componentId:n.componentId,sourceHead:n.sourceHead,targetHead:n.targetHead,changes:n.changes})}),t},[R]),eN=(0,c.useCallback)((t,n)=>ea?.registerApiEntries(t,n),[ea]),eP=(0,c.useMemo)(()=>{if(0===ep.length)return{message:"No changes between these lanes",hint:"Both lanes point to the same components."};if(et.length>0)return{message:"No components match the current filters",hint:"Clear the search to see all changed components."};let t=eS.find(t=>t.id===V)?.displayName?.toLowerCase()||V;return{message:`No ${t} changes in this comparison`,hint:"Try a different view above."}},[ep.length,et.length,V,eS]),eT="api"===V;(0,c.useEffect)(()=>{if(!$&&0===ej[V]){let t=eS.find(t=>(ej[t.id]??0)>0);t&&ei(t.id)}},[ej,V,$]);let eI=(0,c.useMemo)(()=>!$&&ep.every(t=>!t.unclassified&&!D(t.changeType,t.changes)),[$,ep]),eM=(0,c.useMemo)(()=>{if(!eI)return!1;let t=!1;return R.forEach(n=>{n?.upToDate!==!1||n?.unrelated||(t=!0)}),t},[eI,R]);return $?(0,u.jsx)("div",{className:(0,p.default)(C.default.rootLaneCompare,r),children:(0,u.jsx)("div",{className:C.default.laneCompareLoading,children:Array.from({length:5}).map((t,n)=>(0,u.jsx)("div",{className:C.default.laneCompareSkeleton,children:(0,u.jsx)("div",{className:C.default.skeletonBar,style:{width:`${40+n%3*20}%`}})},n))})}):eI?(0,u.jsx)("div",{...M,className:(0,p.default)(C.default.rootLaneCompare,r),children:(0,u.jsx)(N,{sourceLane:n?.id?.name||"this lane",targetLane:t?.id?.name||"main",componentCount:ep.length,released:eM})}):(0,u.jsxs)(m.CompareDataProvider,{pairs:em,host:a,children:[(0,u.jsx)(m.RegistryFeeder,{pairs:em}),(0,u.jsxs)("div",{...M,className:(0,p.default)(C.default.rootLaneCompare,r),children:[(0,u.jsx)(m.CompareToolbar,{viewMode:V,onViewModeChange:t=>ei(t),groupBy:G,onGroupByChange:t=>es(t),endActions:(0,u.jsx)(m.CompareToolbarActions,{viewMode:V,diffMode:X,onDiffModeChange:el,depsShowAll:W,onDepsShowAllChange:Z}),viewModes:eS,groupByOptions:eE,counts:ej,loading:$,componentOptions:ef,selectedComponents:et,onSelectedComponentsChange:en}),(0,u.jsxs)("div",{className:C.default.layout,children:[(0,u.jsx)(m.CompareSidebar,{groups:eO,selectedId:Q,selectedFile:J,defaultExpandFiles:"code"===V||"config"===V||"api"===V,onSelect:(t,n)=>{ec(n),eu((Q!==t||n)&&t||void 0),t&&E(er.current,t,n)},loading:$}),(0,u.jsx)("div",{ref:eT?er:void 0,className:C.default.diffPane,style:eT?void 0:{display:"none"},children:(0,u.jsx)(b.ApiDiffLaneView,{diffs:eD,host:a,selectedId:Q,selectedExport:J,insights:I,onApiEntries:eN,active:eT})}),(0,u.jsx)(m.DiffModeProvider,{mode:X,children:(0,u.jsx)(m.DepsFilterProvider,{showAll:W,children:(0,u.jsxs)("div",{ref:eT?void 0:er,className:C.default.diffPane,"data-view-mode":V,style:eT?{display:"none"}:void 0,children:[ek.map(([t,n])=>{let r=n.reduce((t,n)=>t+ +!!eC.has(n.idStr),0);return(0,u.jsxs)("div",{className:(0,p.default)(C.default.laneCompareGroup,0===r&&C.default.groupHidden),children:["none"!==G&&(0,u.jsxs)("div",{className:C.default.laneCompareGroupHeader,children:[(0,u.jsx)("span",{className:C.default.laneCompareGroupLabel,children:"status"===G?(0,k.displayChangeType)(t):t}),(0,u.jsx)("span",{className:C.default.laneCompareGroupCount,children:r})]}),n.map(t=>(0,u.jsx)(m.InlineComponentCompare,{name:t.name,baseId:t.baseId,compareId:t.compareId,baseVersion:t.baseVersion,compareVersion:t.compareVersion,baseUrl:t.baseUrl,compareUrl:t.compareUrl,envIcon:B.get(t.idStr),allTabs:F,accentColor:t.changeType&&O[t.changeType]||void 0,host:a,dataAttributes:e_.get(t.idStr)},t.idStr))]},t)}),0===ev.length&&(0,u.jsx)("div",{className:C.default.emptyState,children:(0,u.jsx)(f.InlineCompareEmpty,{message:eP.message,hint:eP.hint})})]})})})]})]})]})}let T=c.default.memo(P);n.LaneCompare=c.default.memo(function({...t}){return(0,v.useLaneCompareContext)()?(0,u.jsx)(m.FileRegistryProvider,{children:(0,u.jsx)(P,{...t})}):t.base?.id&&t.compare?.id?(0,u.jsx)(_.LaneCompareProvider,{...t,base:t.base.id,compare:t.compare.id,useLaneDiffStatus:t.customUseLaneDiff,children:(0,u.jsx)(m.FileRegistryProvider,{children:(0,u.jsx)(T,{...t})})}):null})},18297(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ChangeTypeGroupOrder=void 0;let a=r(1428);n.ChangeTypeGroupOrder=[a.ChangeType.NEW,a.ChangeType.SOURCE_CODE,a.ChangeType.ASPECTS,a.ChangeType.DEPENDENCY,a.ChangeType.NONE]},98202(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.LaneCompareProvider=void 0;let l=r(11684),u=s(r(12888)),c=r(88518),d=r(28669),p=r(28757),m=r(56881),f=r(77604),h=r(55802);n.LaneCompareProvider=u.default.memo(function({defaultComponentCompareState:t,tabs:n,children:r,useLaneDiffStatus:a=m.useLaneDiffStatus,base:o,compare:i,filters:s,groupBy:g,filter:b}){let{loading:y,laneDiff:v}=a({baseId:o?.toString(),compareId:i?.toString(),options:{skipUpToDate:!0}}),_=(0,u.useMemo)(()=>(0,h.extractCompsToDiff)(v),[y,o?.toString(),i?.toString(),v]),w=(0,u.useMemo)(()=>_.map(([t,n])=>(0,c.computeStateKey)(t,n)).join("\n"),[_]),x=(0,u.useCallback)(r=>{let a=(0,d.extractLazyLoadedData)(n)?.sort(p.sortTabs),o=r&&t?.get(r)||{};return{tabs:{controlled:!0,id:a?.[0]?.id,element:a?.[0]?.element},code:{controlled:!0},aspects:{controlled:!0},preview:{controlled:!0},versionPicker:{element:null},...o}},[t]),[k,C]=(0,u.useState)(()=>{let t=new Map;return _.forEach(([n,r])=>{let a=(0,c.computeStateKey)(n,r),o=(0,c.computeStateKey)(n),i=(0,c.computeStateKey)(void 0,r);t.set(a,x(a)),t.set(o,x(o)),t.set(i,x(i))}),t});(0,u.useEffect)(()=>{if(_.length>0){let n=new Map(t);_.forEach(([t,r])=>{let a=(0,c.computeStateKey)(t,r),o=(0,c.computeStateKey)(t),i=(0,c.computeStateKey)(void 0,r);n.set(a,x(a)),n.set(o,x(o)),n.set(i,x(i))}),C(n)}},[y,w,o?.toString(),i?.toString(),t]);let j=(0,u.useMemo)(()=>v?v.diff.reduce((t,n)=>(t.set(n.componentId.toStringWithoutVersion(),n),t),new Map):new Map,[o?.toString(),i?.toString(),y,v]),S=(0,u.useMemo)(()=>0===j.size?null:_.filter(t=>{if(!b)return t;let n=t[1]||t[0];return n?b(j.get(n.toStringWithoutVersion()),s):t}).reduce((t,[n,r])=>{let a=r?.toStringWithoutVersion(),o=a?j.get(a):void 0,i=o?.changeType,s=g?"status"===g&&i||r?.scope:a;if(!s)return t;let l=t.get(s)||[];return t.set(s,l.concat([[n,r]])),t},new Map),[o?.toString(),i?.toString(),j.size,y,v,(0,h.filterDepKey)(s),g]),E=(0,u.useMemo)(()=>({laneCompareState:k,setLaneCompareState:C,filters:s,groupBy:g,defaultLaneState:x,laneDiff:v,loadingLaneDiff:y,componentsToDiff:_,groupedComponentsToDiff:S,laneComponentDiffByCompId:j}),[k,C,s,g,x,v,y,_,S,j]);return(0,l.jsx)(f.LaneCompareContext.Provider,{value:E,children:r})})},55802(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.filterDepKey=void 0,n.displayChangeType=function(t){switch(t){case a.ChangeType.SOURCE_CODE:return"code";case a.ChangeType.NONE:return"no changes";default:return t.toLowerCase()}},n.extractCompsToDiff=function(t){return t?.diff&&t.diff.map(t=>[t.targetHead&&t.componentId.changeVersion(t.targetHead)||void 0,t.componentId.changeVersion(t.sourceHead)])||[]};let a=r(1428);n.filterDepKey=t=>t?.map(t=>`${t.type}-${t.values.join()}`).join()},90569(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LanePlaceholder=n.LaneMenuItem=n.LaneSelector=void 0;var a=r(43241);Object.defineProperty(n,"LaneSelector",{enumerable:!0,get:function(){return a.LaneSelector}});var o=r(18263);Object.defineProperty(n,"LaneMenuItem",{enumerable:!0,get:function(){return o.LaneMenuItem}});var i=r(93395);Object.defineProperty(n,"LanePlaceholder",{enumerable:!0,get:function(){return i.LanePlaceholder}})},57704(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneGroupedMenuItem=function({selected:t,current:n,className:r,scope:a,timestamp:c,icon:d=(0,o.jsx)(i.Icon,{className:u.default.defaultScopeIcon,of:"collection-full"}),getHref:p,onLaneSelected:m,innerRefs:f,...h}){if(0===n.length)return null;if(1===n.length&&n[0].id.isDefault()){let r=n[0];return(0,o.jsx)(l.LaneMenuItem,{onLaneSelected:m,getHref:p,selected:t,current:r},r.toString())}return(0,o.jsxs)("div",{className:(0,s.default)(u.default.groupedMenuItem,r),...h,children:[(0,o.jsxs)("div",{onClick:t=>t.stopPropagation(),className:u.default.scope,children:[(0,o.jsx)("div",{className:u.default.scopeIcon,children:d}),(0,o.jsx)("div",{className:u.default.scopeName,children:a})]}),n.map(n=>(0,o.jsx)(l.LaneMenuItem,{ref:f?.(n.id,n),onLaneSelected:m,getHref:p,selected:t,current:n,timestamp:c?.(n)},n.id.toString()))]})};let o=r(11684);a(r(12888));let i=r(29751),s=a(r(97500)),l=r(18263),u=a(r(17797))},18263(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneMenuItem=void 0;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(1453),m=r(93766),f=r(19988),h=r(52464),g=r(38348),b=r(516),y=l(r(43560));n.LaneMenuItem=(0,c.forwardRef)(({selected:t,current:n,className:r,onLaneSelected:a,getHref:o=p.LanesModel.getLaneUrl,icon:i,timestamp:s,...l},c)=>{let v=t?.toString()===n.id.toString(),_=n.id.isDefault(),w=(0,u.jsx)(b.Icon,{of:"changed-components"}),x=i||(_?w:void 0),k=o(n.id,void 0,n),C=n.displayName||n.id.name,j=n.id.name,S=n.updatedBy||n.createdBy,E=x||(0,u.jsx)(f.UserAvatar,{size:24,account:{name:S?.name?.split(" ")[0],displayName:S?.name,profileImage:S?.profileImage}}),O=s?.toString();return(0,u.jsx)("div",{...l,ref:c,className:(0,d.default)(r,y.default.laneMenuItemContainer),children:(0,u.jsx)(m.MenuLinkItem,{active:v,href:k,className:y.default.menuItem,onClick:()=>{a?.(n.id,n)},children:(0,u.jsxs)("div",{className:y.default.laneContainer,children:[(0,u.jsxs)("div",{className:(0,d.default)(y.default.top,_&&y.default.mainLane),children:[(0,u.jsx)("div",{className:(0,d.default)(y.default.icon,_&&!i&&y.default.defaultMainLaneIcon),children:E}),(0,u.jsx)("div",{className:(0,d.default)(y.default.laneDisplayName),children:C})]}),(0,u.jsxs)("div",{className:y.default.bottom,children:[!_&&(0,u.jsx)(g.Ellipsis,{className:y.default.laneName,children:j}),O&&(0,u.jsx)("div",{className:y.default.timeStamp,children:(0,u.jsx)(h.TimeAgo,{date:O,className:y.default.laneUpdated})})]})]})})})})},93395(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LanePlaceholder=function({selectedLaneId:t,disabled:n,className:r,showScope:a=!0,loading:d,placeholderText:p,...m}){let f=!t,h=t?.isDefault()?t.name:a&&t?.toString()||t?.name;return d?null:(0,o.jsxs)("div",{...m,className:(0,l.default)(c.default.placeholder,r,n&&c.default.disabled),children:[(0,o.jsx)(s.LaneIcon,{className:c.default.icon}),(0,o.jsx)(u.Ellipsis,{className:c.default.placeholderText,children:f?p||"Select lane":h}),!n&&(0,o.jsx)(i.Icon,{of:"fat-arrow-down"})]})};let o=r(11684);a(r(12888));let i=r(29751),s=r(29362),l=a(r(97500)),u=r(38348),c=a(r(99044))},42294(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneSelectorList=void 0,n._LaneSelectorList=y;let u=r(11684),c=s(r(12888)),d=r(44178),p=l(r(97500)),m=r(46746),f=r(1453),h=r(18263),g=r(57704),b=l(r(41903));function y({selectedLaneId:t,mainLane:n,nonMainLanes:r,className:a,groupByScope:o,getHref:i=f.LanesModel.getLaneUrl,onLaneSelected:s,search:l="",mainIcon:v,scopeIconLookup:_,loading:w,hasMore:x,fetchMore:k,forwardedRef:C,...j}){let S=(0,d.useNavigate)(),E=(0,c.useRef)(null),O=(0,c.useRef)(new Map),D=(0,c.useRef)([]),N=(0,c.useRef)(null),P=(0,c.useCallback)(t=>{!w&&(E.current?.disconnect(),E.current=new IntersectionObserver(t=>{t[0].isIntersecting&&x&&k().catch(()=>{})}),t&&(E.current.observe(t),N.current=t))},[w,x,k]),T=!!t&&r.find(n=>n.id.isEqual(t))||void 0,[I,M]=(0,c.useState)(t);(0,c.useEffect)(()=>{t&&t?.toString()!==I?.toString()&&M(t)},[t?.toString()]);let $=(0,c.useMemo)(()=>{if(D.current=[],0===r.length)return[];let t=t=>{t.forEach((n,r)=>{let a=r===t.length-1?P:c.default.createRef();O.current.set(n.id.toString(),a),D.current.push(n.id)})};if(o){let a=f.LanesModel.groupLanesByScope(r),o=[];if(T){let t=(a.get(T.id.scope)??[]).filter(t=>!t.id.isEqual(T.id));a.set(T.id.scope,t);let r=[T.id.scope,[T]],i=n?["",[n]]:void 0,s=Array.from(a.entries()).map(([t,n])=>[t,n]);o=(0,m.compact)([r,i,...s])}else{let t=n?["",[n]]:void 0,r=Array.from(a.entries()).map(([t,n])=>[t,n]);o=(0,m.compact)([t,...r])}return o.forEach(([,n])=>t(n)),o}let a=r;return n&&(""===l||n?.id.name.toLowerCase().includes(l.toLowerCase()))&&(a=a.filter(t=>t.id.toString()!==n.id.toString())).unshift(n),T&&(a=a.filter(t=>!t.id.isEqual(T.id))).unshift(T),t(a),a},[r.length,l,o,T?.id.toString(),P,n?.id.name]);(0,c.useEffect)(()=>{I&&setTimeout(()=>{let t=D.current.slice(-1)[0];if(I.toString()===t?.toString())return void N.current?.scrollIntoView({behavior:"smooth",block:"nearest"});let n=O.current.get(I.toString())?.current;n?.scrollIntoView({behavior:"smooth",block:"nearest"})},0)},[I?.toString(),$]);let A=(0,c.useCallback)(t=>{switch(t.key){case"Enter":M(t=>{let a=t&&r.find(n=>n.id.isEqual(t))||n;return t&&a&&s?.(t,a),t&&a&&S(i(t,void 0,a)),t});break;case"ArrowUp":M(t=>{let n=t?D.current.findIndex(n=>n.toString()===t.toString()):void 0,r=void 0!==n&&(D.current[n-1]?n-1:D.current.length-1)||0;return D.current[r]});break;case"ArrowDown":M(t=>{let n=t?D.current.findIndex(n=>n.toString()===t.toString()):void 0,r=void 0!==n&&(D.current[n+1]?n+1:0)||0;return D.current[r]})}},[r,r.length,D.current.length]);return((0,c.useEffect)(()=>{let t=C&&!(0,m.isFunction)(C)?C?.current:void 0;return t&&t?.addEventListener("keydown",A),()=>{t&&t?.removeEventListener("keydown",A)}},[C]),w)?null:(0,u.jsxs)("div",{...j,className:(0,p.default)(a,b.default.laneSelectorList),children:[o&&$.map(([t,n],r)=>(0,u.jsx)(g.LaneGroupedMenuItem,{onLaneSelected:s,getHref:i,scope:t,selected:I,current:n,icon:_?.get(t),timestamp:t=>t.updatedAt||t.createdAt,innerRefs:(t,n)=>O.current.get(n.hash||t.toString())},`${t??"main"}-${r}`)),!o&&$.map((t,n)=>(0,u.jsx)(h.LaneMenuItem,{ref:O.current.get(t.id.toString()),onLaneSelected:s,getHref:i,selected:I,current:t,timestamp:t.updatedAt||t.createdAt,icon:t.id.isDefault()&&v||void 0},`${t.id.toString()}-${n}`))]})}n.LaneSelectorList=c.default.forwardRef(function(t,n){return(0,u.jsx)(y,{...t,forwardedRef:n})})},43241(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LIMIT=void 0,n.LaneSelector=function(t){let{className:r,mainLane:a,nonMainLanes:o,selectedLaneId:i,groupByScope:s=!0,getHref:l,onLaneSelected:C,mainIcon:j,scopeIconLookup:S,loading:E,hasMore:O,fetchMoreLanes:D,searchLanes:N,initialOffset:P=0,placeholderText:T,...I}=t,[M,$]=(0,c.useState)(""),[A,R]=(0,c.useState)(P??0),[F,L]=(0,c.useState)(O??!1),[z,B]=(0,c.useState)([]),[q,V]=(0,c.useState)(E??!1),U=c.default.useCallback(t=>{if(!t)return new h.LanesModel({lanes:z,defaultLane:z.find(t=>t.id.isDefault())});let n={keys:["id.name","id.scope","log.username","log.email","log.displayName"],threshold:.3*(1!==t.length),findAllMatches:!0,location:0,distance:100*(1!==t.length),minMatchCharLength:1,ignoreLocation:!0,shouldSort:!1,includeScore:!0},r=new b.default(z,n).search(t).map(t=>t.item);return new h.LanesModel({lanes:r,defaultLane:r.find(t=>t.id.isDefault())})},[z]);(0,c.useEffect)(()=>{O!==F&&L(!!O)},[O]),(0,c.useEffect)(()=>{E!==q&&V(!!E)},[E]),(0,c.useEffect)(()=>{let t=h.LanesModel.concatLanes(o,z);(0,m.isEqual)(z,t)||B(t)},[o,o.length]);let G=(0,c.useCallback)(async()=>{V(!0);let t=await D?.(A,n.LIMIT);return B(n=>(L(()=>(V(!!t?.loading),R(t?.nextOffset??0),t?.hasMore??!1)),h.LanesModel.concatLanes(n,t?.lanesModel?.lanes).filter(t=>!t.id.isDefault())??[])),t},[A,D]),[H,X]=(0,c.useState)(z),[Y,W]=(0,c.useState)(s),Z=(0,p.useLocation)();(0,c.useEffect)(()=>{H.length!==z.length&&X(z)},[z.length]);let Q=c.default.useMemo(()=>o.length>=1,[o.length]),K=(0,c.useRef)(x),J=(N??U)?.(M),ee=t=>{t.stopPropagation();let n=t.target.value;n&&""!==n?K.current=k:K.current=x,$(n||"")},et=t=>{t.stopPropagation(),K.current===k&&($(""),K.current=x,X(z))},en=t=>{t.stopPropagation()};function er(){let t=K.current===k;return Q?(0,u.jsx)("div",{className:w.default.search,children:(0,u.jsx)(g.InputText,{activeLabel:!1,inputSize:"s",className:w.default.searchInputContainer,inputClass:(0,d.default)(w.default.searchInput,t&&w.default.clear),placeholder:"Search",value:M,onChange:ee,onClick:en,autoFocus:!0,icon:(0,u.jsx)(y.Icon,{of:K.current,onClick:et})})}):null}let ea=(0,c.useRef)(null),[eo,ei]=(0,c.useState)(!1);(0,c.useEffect)(()=>{ei(()=>!1)},[Z.pathname]);let es=(t,n)=>{ei(()=>(C?.(t,n),!1))},el=c.default.useMemo(()=>Q||eo?(0,u.jsxs)(c.default.Fragment,{children:[(0,u.jsx)("div",{className:w.default.toolbar,children:(0,u.jsx)(er,{})}),(0,u.jsx)(v.LaneSelectorList,{ref:ea,hasMore:!M&&F,fetchMore:G,nonMainLanes:J?.lanes&&J?.lanes.length>0?J.lanes:H,search:M,groupByScope:Y,scopeIconLookup:S,selectedLaneId:i,loading:E,mainLane:a,getHref:l,onLaneSelected:es,mainIcon:j})]},"lane-selector-dropdown-root"):null,[H,s,Q,i,E,O,G,eo,J]);return(0,u.jsx)("div",{...I,className:(0,d.default)(r,w.default.laneSelector),ref:ea,children:(0,u.jsx)(f.Dropdown,{dropClass:w.default.menu,position:"bottom",clickPlaceholderToggles:Q,onClickOutside:()=>ei(!1),clickToggles:Q,open:eo,onPlaceholderToggle:c.default.useCallback(()=>{Q&&ei(t=>!t)},[Q]),placeholderContent:(0,u.jsx)(_.LanePlaceholder,{loading:E,disabled:!Q,selectedLaneId:i,showScope:s,placeholderText:T}),className:(0,d.default)(w.default.dropdown,!Q&&w.default.disabled),children:el})})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(44178),m=r(46746),f=r(21171),h=r(1453),g=r(83337),b=l(r(2074)),y=r(516),v=r(42294),_=r(93395),w=l(r(22366));n.LIMIT=5;let x="magnifying",k="crossmark"},48790(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.EmptyLaneOverview=function(t){return(0,o.jsx)(i.EmptyComponentGallery,{...t,children:(0,o.jsx)("div",{className:s.default.text,children:"Start by snapping components to this Lane."})})};let o=r(11684);a(r(12888));let i=r(37592),s=a(r(56399))},98156(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EmptyLaneOverview=n.LaneOverview=void 0;var a=r(23282);Object.defineProperty(n,"LaneOverview",{enumerable:!0,get:function(){return a.LaneOverview}});var o=r(48790);Object.defineProperty(n,"EmptyLaneOverview",{enumerable:!0,get:function(){return o.EmptyLaneOverview}})},57290(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneOverviewHeader=function({laneId:t,componentCount:n,className:r}){let a=t.isDefault()?t.name:t.toString();return(0,o.jsxs)("div",{className:(0,i.default)(s.default.header,r),children:[(0,o.jsx)("img",{src:"https://static.bit.dev/bit-icons/lane.svg",className:s.default.icon,alt:""}),(0,o.jsx)("span",{className:s.default.name,children:a}),void 0!==n&&(0,o.jsxs)("span",{className:s.default.count,children:[n," ",1===n?"component":"components"]})]})};let o=r(11684);a(r(12888));let i=a(r(97500)),s=a(r(47955))},23282(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneOverview=function({routeSlot:t,overviewSlot:n,host:r,useLanes:a=m.useLanes}){let{lanesModel:o}=a(),i=o?.viewedLane;return i&&i.id?0===i.components.length?(0,u.jsx)(y.EmptyLaneOverview,{name:i.id.name}):(0,u.jsx)(v,{currentLane:i,host:r,routeSlot:t,overviewSlot:n}):null};let u=r(11684),c=s(r(12888)),d=r(1453),p=r(72164),m=r(30969),f=r(61071),h=l(r(47065)),g=r(57290),b=r(54374),y=r(48790);function v({currentLane:t,host:n,routeSlot:r,overviewSlot:a}){let{loading:o,components:i,componentDescriptors:s}=(0,f.useLaneComponents)(t.id),l=(0,c.useMemo)(()=>(0,h.default)(a?.values()),[a]),m=(0,c.useMemo)(()=>!!r&&(0,h.default)(Array.from(r.values())).length>0,[r]);return o?null:(0,u.jsx)(b.ComponentsOverview,{components:i??[],componentDescriptors:s??[],getHref:n=>d.LanesModel.getLaneComponentUrl(n.id,t.id),storageNamespace:"lane-overview",header:(0,u.jsx)(g.LaneOverviewHeader,{laneId:t.id,componentCount:t.components.length}),footer:(0,u.jsxs)(u.Fragment,{children:[m&&r&&(0,u.jsx)(p.SlotRouter,{slot:r}),l.map((t,n)=>(0,u.jsx)(t,{},n))]}),emptyState:(0,u.jsx)(y.EmptyLaneOverview,{name:t.id.name})})}},1453(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LanesModel=void 0;var a=r(49446);Object.defineProperty(n,"LanesModel",{enumerable:!0,get:function(){return a.LanesModel}})},49446(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LanesModel=void 0;let a=r(30266),o=r(35896),i=r(19100),s=r(68883),l=r(46746);let LanesModel=class LanesModel{static mapToLaneModel(t){let{id:n,laneComponentIds:r=[],readmeComponent:s,hash:l,createdAt:u,displayName:c,updatedAt:d,createdBy:p,updatedBy:m,dependents:f=[],slug:h,deleted:g}=t,b=r?.map(t=>i.ComponentID.fromObject(t))||[],y=s&&a.ComponentModel.from({...s}),v=u&&new Date(+u)||void 0,_=p?{name:p?.name??void 0,email:p.email??void 0,username:p?.username??void 0,displayName:p?.displayName??void 0,profileImage:p.profileImage??void 0}:void 0,w=d&&new Date(+d)||void 0,x=m?.name?{name:m?.name??void 0,username:m?.username??void 0,displayName:m?.displayName??void 0,email:m.email??void 0,profileImage:m.profileImage??void 0}:void 0;return{id:o.LaneId.from(n.name,n.scope),components:b,readmeComponent:y,createdAt:v,updatedAt:w,displayName:c,hash:l,updatedBy:x,createdBy:_,deleted:g,dependents:f?.map(t=>i.ComponentID.fromObject(t)),slug:h}}static groupLaneIdsByScope(t){let n=new Map;return t.forEach(t=>{let{scope:r}=t;if(n.has(r)){let a=n.get(r);n.set(r,[...a,t])}else n.set(r,[t])}),n}static groupLanesByScope(t){let n=new Map;return t.forEach(t=>{let{scope:r}=t.id;if(n.has(r)){let a=n.get(r);n.set(r,[...a,t])}else n.set(r,[t])}),n}static groupByComponentNameAndId(t){let n=new Map,r=new Map;return t.forEach(t=>{let{components:a}=t;a.forEach(a=>{let o=a.fullName,i=a.toString(),s=n.get(o)||[],l=r.get(i)||[];s.push(t),l.push(t),n.set(o,s),r.set(i,l)})}),{byName:n,byId:r}}static from({data:t,scope:n,viewedLaneId:r}){let a=t?.lanes?.list?.map(t=>LanesModel.mapToLaneModel(t))||[],o=t?.lanes?.current?LanesModel.mapToLaneModel(t.lanes.current):void 0,i=t?.lanes?.default?LanesModel.mapToLaneModel(t.lanes.default):n&&LanesModel.mapToLaneModel({id:{name:"main",scope:n},hash:""})||a.find(t=>t.id.isDefault())||void 0,s=r?a.find(t=>t.slug===r.name||t.id.isEqual(r)):t?.lanes?.viewedLane&&LanesModel.mapToLaneModel(t.lanes.viewedLane[0])||o||i;return new LanesModel({lanes:a,currentLane:o,defaultLane:i,viewedLane:s})}constructor({lanes:t=[],viewedLane:n,currentLane:r,defaultLane:a}){this.getLaneComponentUrlByVersion=(t,n,r,a)=>{let o=this.getDefaultLane();if(!t.version||!n||!o||n&&this.currentLane&&n.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(t,void 0,r,a);let i=this.getLanesByComponentId(t)?.find(t=>t.id.isEqual(n));return i?i.id.isDefault()?LanesModel.getMainComponentUrl(t,void 0,r,a):LanesModel.getLaneComponentUrl(t,i.id,r,a):o.components.find(n=>n.isEqual(t))?LanesModel.getMainComponentUrl(t,n,r,a):void 0},this.setViewedLane=t=>{this.viewedLane=t?this.lanes.find(n=>n.slug===t.name||n.id.isEqual(t)):void 0},this.setViewedOrDefaultLane=t=>{this.viewedLane=t?this.lanes.find(n=>n.slug===t.name||n.id.isEqual(t)):this.getDefaultLane()},this.resolveComponentFromUrl=(t,n)=>{let r=(n&&this.lanes.find(t=>t.slug===n.toString()||t.id.isEqual(n))||this.viewedLane)?.components||[];return t.includes(".")?r.find(n=>n.toStringWithoutVersion()===t):r.find(n=>n.fullName===t)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(t=>!t.id.isDefault()),this.isInViewedLane=(t,n)=>n?this.viewedLane?.components.some(r=>n&&r.isEqual(t)):this.viewedLane?.components.some(r=>n&&r.isEqual(t,{ignoreVersion:!0})),this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=t=>this.lanesByComponentName.get(t.fullName),this.getLanesByComponentId=t=>this.lanesByComponentId.get(t.toString()),this.isComponentOnMain=(t,n)=>n?!!this.getLanesByComponentId(t)?.some(t=>t.id.isDefault()):!!this.getLanesByComponentName(t)?.some(t=>t.id.isDefault()),this.isComponentOnMainButNotOnLane=(t,n,r)=>this.isComponentOnMain(t,n)&&!this.isComponentOnNonDefaultLanes(t,n,r),this.isComponentOnLaneButNotOnMain=(t,n,r)=>!this.isComponentOnMain(t,n)&&this.isComponentOnNonDefaultLanes(t,n,r),this.isComponentOnNonDefaultLanes=(t,n,r)=>n?!!this.getLanesByComponentId(t)?.some(t=>!t.id.isDefault()&&(!r||t.id.isEqual(r))):!!this.getLanesByComponentName(t)?.some(t=>!t.id.isDefault()&&(!r||t.id.isEqual(r))),this.isComponentDependent=(t,n,r)=>{let a=r?this.lanes.find(t=>t.id.isEqual(r)):this.viewedLane;return!!a&&(n?!!a.dependents?.some(n=>n.isEqual(t)):!!a.dependents?.some(n=>n.isEqual(t,{ignoreVersion:!0})))},this.viewedLane=n,this.currentLane=r,this.defaultLane=a;const o=(0,l.compact)((0,l.uniqBy)([...t,this.defaultLane,this.currentLane,this.viewedLane],t=>t?.id.toString()));this.lanes=o,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(t=>t.id));const{byId:i,byName:s}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=i,this.lanesByComponentName=s}addLanes(t=[]){this.lanes=LanesModel.concatLanes(this.lanes,t),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(t=>t.id));let{byId:n,byName:r}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=n,this.lanesByComponentName=r}static concatLanes(t=[],n=[]){return(0,l.compact)((0,l.uniqBy)([...t,...n],t=>t?.id.toString()))}};n.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,s.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(t,n)=>{let r=LanesModel.laneFromPathRegex.exec(t);if(r){let[,t,n]=r;return o.LaneId.from(n,t)}if(n){let t=n.get(LanesModel.laneUrlParamsKey);return t?o.LaneId.parse(t):void 0}},LanesModel.getLaneUrl=(t,n,r)=>`${n?"":"/"}${LanesModel.lanesPrefix}/${t.toString()}`,LanesModel.getLaneComponentUrl=(t,n,r,a)=>{let o=t.scope!==n.scope,i=LanesModel.getLaneUrl(n),s=new URLSearchParams;t.version&&s.set("version",t.version),r&&s.set("scope",t.scope);let l=o?`${i}${LanesModel.baseLaneComponentRoute}/${t.toStringWithoutVersion()}`:`${i}${LanesModel.baseLaneComponentRoute}/${t.fullName}`;return`${l}?${s.toString()}`},LanesModel.getMainComponentUrl=(t,n,r,a)=>{let o=t.fullName,i=new URLSearchParams;return n&&i.set(LanesModel.laneUrlParamsKey,n.toString()),r&&i.set("scope",t.scope),`${o}?${i.toString()}`}},79082(t,n,r){"use strict";function a(){let t=r(32751);return a=function(){return t},t}function o(){let t=r(1453);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"LanesAspect",{enumerable:!0,get:function(){return a().LanesAspect}}),Object.defineProperty(n,"LanesModel",{enumerable:!0,get:function(){return o().LanesModel}}),n.default=void 0,n.default=a().LanesAspect},32751(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.LanesAspect=void 0;let o=n.LanesAspect=a().Aspect.create({id:"teambit.lanes/lanes"});n.default=o},41551(t,n,r){"use strict";function a(){let t=D(r(12888));return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}function i(){let t=r(72631);return i=function(){return t},t}function s(){let t=r(92061);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(79845);return u=function(){return t},t}function c(){let t=r(80105);return c=function(){return t},t}function d(){let t=r(71495);return d=function(){return t},t}function p(){let t=r(8956);return p=function(){return t},t}function m(){let t=r(30266);return m=function(){return t},t}function f(){let t=r(46746);return f=function(){return t},t}function h(){let t=r(98156);return h=function(){return t},t}function g(){let t=r(38158);return g=function(){return t},t}function b(){let t=r(85253);return b=function(){return t},t}function y(){let t=r(46661);return y=function(){return t},t}function v(){let t=r(1453);return v=function(){return t},t}function _(){let t=r(30969);return _=function(){return t},t}function w(){let t=r(70444);return w=function(){return t},t}function x(){let t=r(87762);return x=function(){return t},t}function k(){let t=r(75740);return k=function(){return t},t}function C(){let t=r(25425);return C=function(){return t},t}function j(){let t=r(92021);return j=function(){return t},t}function S(){let t=r(13468);return S=function(){return t},t}function E(){let t=r(32751);return E=function(){return t},t}function O(){var t;let n=(t=r(56914))&&t.__esModule?t:{default:t};return O=function(){return n},n}function D(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(D=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function N(){return(N=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function P(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}function T(){let t=(0,m().useIdFromLocation)(void 0,!0),{lanesModel:n,loading:r}=(0,_().useLanes)(),a=(0,x().useViewedLaneFromUrl)(),o=t&&!a?.isDefault()?n?.resolveComponentFromUrl(t,a)??null:null;return null===o||r?{loading:!0}:{loading:!1,log:{head:o.version}}}function I(){return(function(){let t=(0,m().useIdFromLocation)(void 0,!0),{lanesModel:n,loading:r}=(0,_().useLanes)(),a=(0,x().useViewedLaneFromUrl)(),o=(0,b().useQuery)().get("version");if(!t)return null;let i=m().ComponentID.tryFromString(`${t}${o?`@${o}`:""}`);if(i)return i;if(r)return;let s=n?.resolveComponentFromUrl(t,a)??null;return o?s?.changeVersion(o):s})()?.toString()}let LanesUI=class LanesUI{constructor(t,n,r,o,i,l,u,c,m,f){this.componentUI=t,this.componentCompareUI=n,this.routeSlot=r,this.navSlot=o,this.menuWidgetSlot=i,this.overviewSlot=l,this.laneProviderIgnoreSlot=u,this.compareTabSlot=c,this.workspace=m,this.scope=f,P(this,"lanesHost",void 0),P(this,"hostAspect",void 0),P(this,"host",void 0),P(this,"renderContext",({children:t})=>{let n=this.laneProviderIgnoreSlot.values();return a().default.createElement(_().LanesProvider,{ignoreDerivingFromUrl:n},t)}),P(this,"_resolvedCompareTabs",void 0),P(this,"_resolvedCompareTabsKey",void 0),P(this,"getLaneCompare",t=>t.base&&t.compare?a().default.createElement(s().LaneCompare,N({},t,{base:t.base,compare:t.compare,host:t.host||this.host,tabs:t.tabs||this.resolveCompareTabs(),apiDiffInsights:t.apiDiffInsights||this.componentCompareUI.getApiDiffInsights()})):null),this.hostAspect=m||f,this.lanesHost=m?"workspace":"scope",this.host=m?p().WorkspaceAspect.id:d().ScopeAspect.id}registerHostAspectRoutes(){this.hostAspect&&(this.hostAspect.registerRoutes(this.getLaneRoutes()),this.hostAspect.registerMenuRoutes(this.getMenuRoutes()))}getLaneRoutes(){return[{path:v().LanesModel.lanesPrefix,children:a().default.createElement(a().default.Fragment,null,a().default.createElement(o().Route,{path:v().LanesModel.lanePath},a().default.createElement(o().Route,{index:!0,element:this.getLaneOverview()}),a().default.createElement(o().Route,{path:"~component/*",element:this.getLaneComponent()}),a().default.createElement(o().Route,{path:"~compare/*",element:this.getLanesComparePage()}),a().default.createElement(o().Route,{path:"*",element:a().default.createElement(c().NotFoundPage,null)})),a().default.createElement(o().Route,{path:"*",element:a().default.createElement(c().NotFoundPage,null)}))}]}overrideComputeLaneUrl(t){let{prefix:n,path:r,getLaneComponentUrl:a,getLaneIdFromPathname:o,getLaneUrl:i}=t();v().LanesModel.lanesPrefix=n,v().LanesModel.lanePath=r,v().LanesModel.getLaneComponentUrl=a,v().LanesModel.getLaneUrl=i,v().LanesModel.getLaneIdFromPathname=o}getLaneComponent(){return this.componentUI.getComponentUI(this.host,{componentId:I,useComponentFilters:T})}getLaneComponentMenu(){return this.componentUI.getMenu(this.host,{componentId:I,useComponentFilters:T})}getLaneOverview(){return a().default.createElement(h().LaneOverview,{routeSlot:this.routeSlot,overviewSlot:this.overviewSlot,host:this.lanesHost,useLanes:_().useLanes})}getLanesComparePage(){return a().default.createElement(C().LaneComparePage,{getLaneCompare:this.getLaneCompare,groupByScope:"workspace"===this.lanesHost})}getMenuRoutes(){return[{path:v().LanesModel.lanesPrefix,children:a().default.createElement(o().Route,{path:`${v().LanesModel.lanePath}/*`},a().default.createElement(o().Route,{path:"*",element:this.getLanesOverviewMenu()}),a().default.createElement(o().Route,{path:"~component/*",element:this.getLaneComponentMenu()}))}]}getLanesOverviewMenu(){return a().default.createElement(g().LanesOverviewMenu,{navigationSlot:this.navSlot,widgetSlot:this.menuWidgetSlot})}registerMenuWidget(...t){return this.menuWidgetSlot.register(t),this}registerLaneProviderIgnoreSlot(t){return this.laneProviderIgnoreSlot.register(t),this}registerLanesRoutes(){this.registerNavigation([{props:{href:".",exact:!0,children:"Overview"},order:1},{props:{href:"~compare",children:"Compare"},order:2,hide:()=>{let{lanesModel:t}=(0,_().useLanes)();return!t?.viewedLane||t?.lanes.length<2}}])}registerRoutes(){this.registerHostAspectRoutes(),this.registerLanesRoutes()}getLanesSwitcher(){return a().default.createElement(w().LaneSwitcher,{groupByScope:"workspace"===this.lanesHost,mainIcon:"scope"===this.lanesHost?()=>{let t=(0,a().useContext)(d().ScopeContext);return a().default.createElement(j().ScopeIcon,{size:24,scopeImage:t.icon,bgColor:t.backgroundIconColor,className:O().default.mainLaneIcon})}:void 0,useLanes:_().useLanes})}getLanesProvider(){return _().LanesProvider}getUseLanes(){return _().useLanes}registerLanesDropdown(){let t=this.getLanesSwitcher();this.hostAspect?.registerSidebarLink({component:function(){return t},weight:1e3})}registerRoute(t){return this.routeSlot.register(t),this}registerOverviewLine(...t){return this.overviewSlot.register(t),this}registerNavigation(t){this.navSlot.register(t)}registerCompareTab(t){return this.compareTabSlot.register(t),this}resolveCompareTabs(){let t=this.componentCompareUI.resolveCompareTabs(),n=this.compareTabSlot.toArray(),r=(0,f().flatten)(n.map(([,t])=>t).filter(Boolean)),a=`${t.map(t=>`${t.id}:${t.order??0}`).join(",")}|${r.map(t=>`${t.id}:${t.order??0}`).join(",")}`;if(this._resolvedCompareTabs&&this._resolvedCompareTabsKey===a)return this._resolvedCompareTabs;let o=new Set(r.map(t=>t.id)),i=[...r,...t.filter(t=>!o.has(t.id))].sort((t,n)=>(t.order??0)-(n.order??0));return this._resolvedCompareTabs=i,this._resolvedCompareTabsKey=a,i}static async provider([t,n,r,o,i,s],l,[u,c,m,f,h,g],b){let v,w,{config:x}=b,k=String(x.get("teambit.harmony/bit"));k===p().WorkspaceAspect.id&&(v=r),k===d().ScopeAspect.id&&(w=o);let C=new LanesUI(n,i,u,m,f,c,h,g,v,w);return t&&t.registerRenderHooks({reactContext:C.renderContext}),C.registerRoutes(),C.registerMenuWidget(()=>{let{lanesModel:t}=(0,_().useLanes)();if(!t?.viewedLane)return null;let{viewedLane:n,currentLane:r}=t;return a().default.createElement(y().UseLaneMenu,{actionName:"Import",actionIcon:"terminal",host:C.lanesHost,viewedLaneId:n.id,currentLaneId:r?.id})}),C.registerLanesDropdown(),v&&C.registerMenuWidget(s.CommandBarButton),C}};P(LanesUI,"dependencies",[u().UIAspect,m().ComponentAspect,p().WorkspaceAspect,d().ScopeAspect,k().ComponentCompareAspect,S().CommandBarAspect]),P(LanesUI,"runtime",l().UIRuntime),P(LanesUI,"slots",[i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType()]),E().LanesAspect.addRuntime(LanesUI)},30343(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.MDXAspect=void 0;let o=n.MDXAspect=a().Aspect.create({id:"teambit.mdx/mdx"});n.default=o},48567(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(24010);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(29830);return s=function(){return t},t}function l(){let t=r(39084);return l=function(){return t},t}function u(){let t=r(30343);return u=function(){return t},t}function c(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let MDXEnvUI=class MDXEnvUI{static async provider([t,n]){let r=new MDXEnvUI;return n.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any tests.",linkText:"Learn how to add tests to your MDX components",link:"https://bit.dev/docs/dev-services-overview/tester/tester-overview"})),t.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any compositions.",linkText:"Learn how to add compositions to your MDX components",link:"https://bit.dev/docs/dev-services-overview/compositions/compositions-overview"})),r}};c(MDXEnvUI,"runtime",i().UIRuntime),c(MDXEnvUI,"slots",[]),c(MDXEnvUI,"dependencies",[o().CompositionsAspect,s().TesterAspect]),u().MDXAspect.addRuntime(MDXEnvUI)},22941(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.NodeAspect=void 0;let o=n.NodeAspect=a().Aspect.create({id:"teambit.harmony/node",dependencies:[],defaultConfig:{}});n.default=o},4169(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(24010);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(29830);return s=function(){return t},t}function l(){let t=r(39084);return l=function(){return t},t}function u(){let t=r(22941);return u=function(){return t},t}function c(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let NodeEnvUI=class NodeEnvUI{static async provider([t,n]){let r=new NodeEnvUI;return n.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any tests.",linkText:"Learn how to add tests to your node components",link:"https://bit.dev/reference/dev-services-overview/tester/tester-overview"})),t.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any compositions.",linkText:"Learn how to add compositions to your node components",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"})),r}};c(NodeEnvUI,"runtime",i().UIRuntime),c(NodeEnvUI,"slots",[]),c(NodeEnvUI,"dependencies",[o().CompositionsAspect,s().TesterAspect]),u().NodeAspect.addRuntime(NodeEnvUI)},72969(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.notificationReducer=function(t,n){switch(n.type){case"dismiss":return t.filter(t=>t.id!==n.id);case"add":if(!n.content)return t;return t.concat(n.content);case"clear":return[];default:return t}}},78324(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function o(){let t=r(79845);return o=function(){return t},t}function i(){let t=f(r(12888));return i=function(){return t},t}function s(){let t=r(86804);return s=function(){return t},t}function l(){let t=r(33319);return l=function(){return t},t}function u(){let t=r(91757);return u=function(){return t},t}function c(){let t=r(44178);return c=function(){return t},t}function d(){let t=r(22198);return d=function(){return t},t}function p(){let t=r(72969);return p=function(){return t},t}function m(){let t=r(57325);return m=function(){return t},t}function f(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(f=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function h(){return(h=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function g(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let NotificationUI=class NotificationUI{static async provider([t]){return new NotificationUI(t)}constructor(t){g(this,"dispatch",void 0),g(this,"isMinimal",!1),g(this,"add",(t,n)=>{if(this.isMinimal)return"";let r=(0,s().v1)();return this.dispatch?.({type:"add",content:{id:r,message:t,level:n,time:new Date().toISOString()}}),r}),g(this,"log",t=>this.add(t,d().MessageLevel.info)),g(this,"warn",t=>this.add(t,d().MessageLevel.warning)),g(this,"error",t=>this.add(t,d().MessageLevel.error)),g(this,"success",t=>this.add(t,d().MessageLevel.success)),g(this,"clear",()=>{this.dispatch?.({type:"clear"})}),g(this,"render",t=>{let[n,r]=(0,i().useReducer)(p().notificationReducer,[]),[a]=(0,c().useSearchParams)(),o="true"===a.get("minimal-mode");return(this.dispatch=r,this.isMinimal=o,(0,i().useEffect)(()=>{o&&r({type:"clear"})},[o]),o)?null:i().default.createElement(u().NotificationCenter,h({},t,{notifications:n}))}),g(this,"renderContext",({children:t})=>i().default.createElement(l().NotificationContext.Provider,{value:this},t)),t.registerHudItem(i().default.createElement(this.render,{key:"NotificationUI"})),t.registerRenderHooks({reactContext:this.renderContext})}dismiss(t){this.dispatch?.({type:"dismiss",id:t})}};g(NotificationUI,"dependencies",[o().UIAspect]),g(NotificationUI,"runtime",a().UIRuntime),m().NotificationsAspect.addRuntime(NotificationUI)},57325(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.NotificationsAspect=void 0;let o=n.NotificationsAspect=a().Aspect.create({id:"teambit.ui-foundation/notifications"});n.default=o},618(t,n,r){"use strict";function a(){let t=r(75041);return a=function(){return t},t}function o(){let t=r(31025);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"PanelUiAspect",{enumerable:!0,get:function(){return a().PanelUiAspect}}),Object.defineProperty(n,"Tab",{enumerable:!0,get:function(){return o().Tab}}),Object.defineProperty(n,"TabContainer",{enumerable:!0,get:function(){return o().TabContainer}}),Object.defineProperty(n,"TabList",{enumerable:!0,get:function(){return o().TabList}}),Object.defineProperty(n,"TabPanel",{enumerable:!0,get:function(){return o().TabPanel}})},75041(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.PanelUiAspect=void 0,n.PanelUiAspect=a().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},31025(t,n,r){"use strict";function a(){let t=l(r(97500));return a=function(){return t},t}function o(){let t=l(r(12888));return o=function(){return t},t}function i(){let t=r(23936);return i=function(){return t},t}function s(){let t=l(r(68422));return s=function(){return t},t}function l(t){return t&&t.__esModule?t:{default:t}}function u(){return(u=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function c(t){return o().default.createElement(i().TabList,u({},t,{className:(0,a().default)(s().default.tabContainer,t.className)}))}function d(t){return o().default.createElement(i().Tab,u({},t,{className:(0,a().default)(t.className,s().default.tab),selectedClassName:s().default.active,disabledClassName:s().default.disabled}))}Object.defineProperty(n,"__esModule",{value:!0}),n.Tab=d,n.TabContainer=void 0,n.TabList=c,n.TabPanel=void 0,n.TabContainer=i().Tabs,c.tabsRole="TabList",n.TabPanel=i().TabPanel,d.tabsRole="Tab"},34907(t,n,r){"use strict";function a(){let t=r(54388);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"getLatestVersion",{enumerable:!0,get:function(){return a().getLatestVersion}}),Object.defineProperty(n,"getValidVersionOrReleaseType",{enumerable:!0,get:function(){return a().getValidVersionOrReleaseType}}),Object.defineProperty(n,"isRange1GreaterThanRange2Naively",{enumerable:!0,get:function(){return a().isRange1GreaterThanRange2Naively}}),Object.defineProperty(n,"validateVersion",{enumerable:!0,get:function(){return a().validateVersion}})},54388(t,n,r){"use strict";function a(){let t=r(16322);return a=function(){return t},t}function o(){let t=r(25699);return o=function(){return t},t}function i(t){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(t)}function s(t){return["patch","minor","major","prerelease"].includes(t)}function l(t){if(!s(t))throw Error(`the release-type "${t}" is not supported`)}function u(t){if(t){let n=(0,a().valid)(t);if(!n)throw new(o()).InvalidVersion(t);return n}}Object.defineProperty(n,"__esModule",{value:!0}),n.getLatestVersion=function(t){let n=(0,a().maxSatisfying)(t,"*",{includePrerelease:!0});if(!n)throw Error(`unable to find the latest version from ${t.join(", ")}`);return n},n.getValidVersionOrReleaseType=function(t){return i(t)?(l(t),{releaseType:t}):{exactVersion:u(t)}},n.isRange1GreaterThanRange2Naively=function(t,n){let r=(0,a().minVersion)(t),o=(0,a().minVersion)(n);return!!r&&!!o&&(0,a().gt)(r,o)},n.isReleaseTypeSupported=s,n.isStrReleaseType=i,n.throwForUnsupportedReleaseType=l,n.validateVersion=u},34085(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.PkgAspect=void 0;let o=n.PkgAspect=a().Aspect.create({id:"teambit.pkg/pkg"});n.default=o},93377(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(14451);return o=function(){return t},t}function i(){let t=r(2839);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(34085);return l=function(){return t},t}function u(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let PkgUI=class PkgUI{static async provider([t]){let n=new PkgUI(t);return t.registerConsumeMethod(n.npmConsumeMethod),n}constructor(t){this.compUI=t,u(this,"npmConsumeMethod",({packageName:t,latest:n,id:r,options:o,componentModel:s,authToken:l})=>{let u=s?.packageName||t,c=s?.latest||n,d=u.split("/")[0],p=r.version===c?"":`@${this.compUI.formatToInstallableVersion(r.version)}`,m=this.getNpmConfig(d,l);return{Title:a().default.createElement("img",{style:{width:"30px"},src:"https://static.bit.dev/brands/logo-npm-new.svg"}),Component:o?.hide?null:a().default.createElement(i().Install,{config:m,componentName:r.name,packageManager:"npm",copyString:`npm i ${u}${p}`,registryName:d,isInstallable:!o?.disableInstall}),order:30}})}getNpmConfig(t,n){let r=[`${t}:registry="https://node-registry.bit.cloud"`,n?`"//node-registry.bit.cloud/:_authToken=${n}"`:void 0].filter(Boolean);return`npm config set ${r.join(" ")}`}};u(PkgUI,"runtime",o().UIRuntime),u(PkgUI,"dependencies",[s().ComponentAspect]),l().PkgAspect.addRuntime(PkgUI)},66937(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.PnpmAspect=void 0;let o=n.PnpmAspect=a().Aspect.create({id:"teambit.dependencies/pnpm",dependencies:[],defaultConfig:{}});n.default=o},30637(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(14451);return o=function(){return t},t}function i(){let t=r(2839);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(66937);return l=function(){return t},t}function u(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let PnpmUI=class PnpmUI{static async provider([t]){let n=new PnpmUI(t);return t.registerConsumeMethod(n.consumeMethod),n}constructor(t){this.compUI=t,u(this,"consumeMethod",({id:t,packageName:n,latest:r,options:o,componentModel:s,authToken:l})=>{let u=s?.packageName||n,c=s?.latest||r,d=u.split("/")[0],p=t.version===c?"":`@${this.compUI.formatToInstallableVersion(t.version)}`,m=this.getNpmConfig(d,l);return{Title:a().default.createElement("img",{style:{height:"16px",marginTop:"-2px"},src:"https://static.bit.dev/brands/pnpm.svg"}),Component:o?.hide?null:a().default.createElement(i().Install,{config:m,componentName:t.name,packageManager:"pnpm",copyString:`pnpm i ${u}${p}`,registryName:d,isInstallable:!o?.disableInstall}),order:10}})}getNpmConfig(t,n){let r=[`${t}:registry="https://node-registry.bit.cloud"`,n?`"//node-registry.bit.cloud/:_authToken=${n}"`:void 0].filter(Boolean);return`npm config set ${r.join(" ")}`}};u(PnpmUI,"runtime",o().UIRuntime),u(PnpmUI,"dependencies",[s().ComponentAspect]),l().PnpmAspect.addRuntime(PnpmUI)},38848(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.computePreviewScale=function(t,n){let r=.95*n/t;return r>1?"scale(1)":`scale(${r})`}},37175(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPropsAggregator=n.PreviewPropsExecutor=n.PreviewPropsManager=n.SandboxPermissionsAggregator=n.SandboxPermissionExecutor=n.SandboxManager=n.toPreviewHash=n.toPreviewServer=n.toPreviewUrl=n.ComponentPreview=void 0;var a=r(21119);Object.defineProperty(n,"ComponentPreview",{enumerable:!0,get:function(){return a.ComponentPreview}});var o=r(46229);Object.defineProperty(n,"toPreviewUrl",{enumerable:!0,get:function(){return o.toPreviewUrl}}),Object.defineProperty(n,"toPreviewServer",{enumerable:!0,get:function(){return o.toPreviewServer}}),Object.defineProperty(n,"toPreviewHash",{enumerable:!0,get:function(){return o.toPreviewHash}});var i=r(83402);Object.defineProperty(n,"SandboxManager",{enumerable:!0,get:function(){return i.SandboxManager}}),Object.defineProperty(n,"SandboxPermissionExecutor",{enumerable:!0,get:function(){return i.SandboxPermissionExecutor}}),Object.defineProperty(n,"SandboxPermissionsAggregator",{enumerable:!0,get:function(){return i.SandboxPermissionsAggregator}}),Object.defineProperty(n,"PreviewPropsManager",{enumerable:!0,get:function(){return i.PreviewPropsManager}}),Object.defineProperty(n,"PreviewPropsExecutor",{enumerable:!0,get:function(){return i.PreviewPropsExecutor}}),Object.defineProperty(n,"PreviewPropsAggregator",{enumerable:!0,get:function(){return i.PreviewPropsAggregator}})},21119(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentPreview=function({component:t,previewName:n,className:r,forceHeight:a,includeEnv:o=!0,queryParams:i,disableScroll:s=!1,pubsub:l,innerBottomPadding:w=0,viewport:x=1280,fullContentHeight:k=!1,onLoad:C,style:j,sandbox:S,propagateError:E,onPreviewError:O,...D}){let[N,P]=(0,v.useIframeContentHeight)({skip:!1,viewport:x}),T=(0,c.useRef)(null),[I,M]=(0,c.useState)(0),[$,A]=(0,c.useState)(0),R=(0,c.useRef)(null),F=t.preview?.isScaling,L=F?T:N,[z,B]=(0,c.useState)(!1);(0,f.usePubSubIframe)(l?L:void 0),(0,c.useEffect)(()=>{let r=r=>{if((r.data&&r.data.event===g.LOAD_EVENT||r.data&&"webpackInvalid"===r.data.event)&&C&&C(r),r.data&&(r.data.event===g.ERROR_EVENT||"AI_FIX_REQUEST"===r.data.event)){let a=r.data.payload;if(O?.(a),B(!0),E&&window.parent&&window!==window.parent)try{window.parent.postMessage({event:r.data.event,payload:{...a,forwardedFrom:{component:t.id,preview:n}}},"*")}catch(t){console.error("failed to propagate error to parent",t)}}};return window.addEventListener("message",r),()=>{window.removeEventListener("message",r)}},[t.id.toString(),C,E,O]),(0,c.useEffect)(()=>{T.current&&(0,m.connectToChild)({iframe:T.current,methods:{pub:(t,n)=>{"preview-size"===n.type&&(M(n.data.width),A(n.data.height)),C&&t&&C(t,{height:n.data.height,width:n.data.width})}}})},[T?.current]);let q=(0,h.useThemePicker)(),V=q?.current?.themeName?`theme=${q.current.themeName}`:"",U=Array.isArray(i)?i.concat(V):(0,p.compact)([i,V]),G=Array.isArray(U)?U.concat(`viewport=${x}`):(0,p.compact)([U,`viewport=${x}`]),H=null===x?U:G,X=(0,b.toPreviewUrl)(t,n,F?H:U,o),Y=R.current?.offsetWidth||0,W=R.current?.offsetHeight||0,Z=k?"100%":I||1280,Q="string"==typeof Z?Z:Math.max(Z,Y),K=0!==$?$:5e3,J=a||5e3;return(0,u.jsx)("div",{ref:R,className:(0,d.default)(_.default.preview,r),style:{height:a},children:(0,u.jsx)("iframe",{...D,sandbox:S||void 0,ref:L,style:{...j,height:a||(F?(!k&&K<W?W:K)+w:(P||0)>400?P:J),width:F?Q:"100%",visibility:0!==I||!F||k||z?void 0:"hidden",transform:k?"":(0,y.computePreviewScale)(I||1280,Y||1280),border:0,transformOrigin:"top left"},src:X,scrolling:s?"no":void 0})})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(46746),m=r(93652),f=r(78410),h=r(70589),g=r(28452),b=r(46229),y=r(38848),v=r(52833),_=l(r(55984))},83402(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPropsManager=n.SandboxManager=void 0,n.SandboxPermissionExecutor=c,n.SandboxPermissionsAggregator=function({hooks:t,onSandboxChange:n,component:r,children:a}){let o=new SandboxManager;return(0,l.jsxs)(l.Fragment,{children:[t.map((t,n)=>(0,l.jsx)(c,{usePermissionHook:t,manager:o,component:r},`sanbox-permission-executor-${n}`)),(0,l.jsx)(d,{manager:o,onSandboxChange:n,children:a})]})},n.PreviewPropsExecutor=p,n.PreviewPropsAggregator=function({hooks:t,component:n,children:r}){let a=new PreviewPropsManager;return(0,l.jsxs)(l.Fragment,{children:[t.map((t,r)=>(0,l.jsx)(p,{usePropsHook:t,manager:a,component:n},`preview-props-executor-${r}`)),(0,l.jsx)(m,{manager:a,children:r})]})};let l=r(11684),u=s(r(12888));let SandboxManager=class SandboxManager{constructor(t=[]){this.permissions=new Set(t)}add(t){return this.permissions.add(t),this}remove(t){return this.permissions.delete(t),this}has(t){return this.permissions.has(t)}toString(){return Array.from(this.permissions).join(" ")}};function c({usePermissionHook:t,manager:n,component:r}){return t(n,r),null}function d({manager:t,onSandboxChange:n,children:r}){let a=t.toString();return(0,u.useEffect)(()=>{n?.(a)}),(0,l.jsx)(l.Fragment,{children:r?.(a)})}n.SandboxManager=SandboxManager;let PreviewPropsManager=class PreviewPropsManager{constructor(){this.attrs={}}set(t,n){return this.attrs[t]=n,this}get(t){return this.attrs[t]}toAttrs(){return{...this.attrs}}};function p({usePropsHook:t,manager:n,component:r}){return t(n,r),null}function m({manager:t,children:n}){var r;let a,o,i=t.toAttrs(),s=(0,u.useRef)(i);return r=s.current,a=Object.keys(r),o=Object.keys(i),a.length===o.length&&a.every(t=>r[t]===i[t])||(s.current=i),(0,l.jsx)(l.Fragment,{children:n(s.current)})}n.PreviewPropsManager=PreviewPropsManager},46229(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.toPreviewUrl=function(t,n,r,a=!0){let i=o(t,n),l=function(t,n=!0){if(!(!n||t.server?.host||t.server?.basePath)&&t.server?.url)return t.environment?.id}(t,a),u=s(t,n,l,r);return`${i}#${u}`},n.toPreviewServer=o,n.toPreviewHash=s;let a=r(21812);function o(t,n){var r,a,o;let s,l,u,c,d=t.server?.url;return d&&!t.server.host?d:t.preview?.includesEnvTemplate===!1?(r=t,a=n,s=r.environment?.id,l=`compId=${r.id.toString()}`,u=i(r.server?.basePath,r.server?.host),`${u}/${s}/~aspect/env-template/${a}/?${l}`):(o=t,c=i(o.server?.basePath,o.server?.host),`${c}/${o.id.toString()}/~aspect/preview/`)}function i(t,n){let r=t||"/api",a=r.startsWith("/")?r:`/${r}`,o=n?.endsWith("/")?n.slice(0,-1):n,i=o?`${o}${a}`:a;return i.endsWith("/")?i.slice(0,-1):i}function s(t,n,r,o=""){let i=[(0,a.affix)("preview=",n),(0,a.affix)("env=",r)].concat(o).filter(t=>!!t).join("&");return`${t.id.toString()}${(0,a.affix)("?",i)}`}},52833(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useIframeContentHeight=function({interval:t=250,skip:n,viewport:r}){let i=(0,a.useRef)(null),[s,l]=(0,a.useState)(0),[u,c]=(0,a.useState)(0);if(n)return[i,void 0,u];let d=!0;return o(()=>{try{let t=i.current;if(!t||!t.contentWindow||!t.contentWindow.document)return;null!==r&&(t.contentWindow.document.body.style.width="fit-content"),d||t?.style.height!=="5000px"||(t.style.height="100%");let n=t.contentWindow.document.body.scrollHeight,a=t?.contentWindow?.document.body.offsetWidth;l(n),c(a||0),d=!1}catch{}},t),[i,s,u]},n.useInterval=o;let a=r(12888);function o(t,n){let r=(0,a.useRef)(()=>t);(0,a.useEffect)(()=>{r.current=t}),(0,a.useEffect)(()=>{if(null!==n){let t=setInterval(function(){r.current()},n);return()=>clearInterval(t)}return()=>{}},[n])}},70567(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.InlinePreviewCompare=void 0;var a=r(49233);Object.defineProperty(n,"InlinePreviewCompare",{enumerable:!0,get:function(){return a.InlinePreviewCompare}})},49233(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.InlinePreviewCompare=function({minHeight:t=200}){let n=(0,c.useComponentCompare)(),r=(0,u.useRef)(null),[a,o]=(0,u.useState)(!1);(0,u.useEffect)(()=>{let t;if(a)return;let n=r.current;if(!n)return;let i=r=>{if(r.data?.event==="_DOM_LOADED_")for(let a of n.querySelectorAll("iframe"))try{if(a.contentWindow===r.source){t=setTimeout(()=>o(!0),500);return}}catch{}};window.addEventListener("message",i);let s=setTimeout(()=>o(!0),8e3);return()=>{window.removeEventListener("message",i),clearTimeout(s),t&&clearTimeout(t)}},[a]);let i=n?.base?.model||n?.compare?.model;return n&&i?(n.base?.model?.compositions?.length||0)>0||(n.compare?.model?.compositions?.length||0)>0?(0,l.jsx)("div",{ref:r,children:(0,l.jsx)(d.PreviewCompareRenderer,{loaded:a,children:(0,l.jsx)(p.CompositionCompare,{})})}):(0,l.jsx)(c.InlineCompareEmpty,{message:"No compositions to preview"}):(0,l.jsx)(d.PreviewCompareRenderer,{loaded:!1,children:null})};let l=r(11684),u=s(r(12888)),c=r(12066),d=r(50343),p=r(1278)},50343(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BrowserSkeleton=n.BrowserSkeletonSplit=n.PreviewCompareRenderer=void 0;var a=r(44593);Object.defineProperty(n,"PreviewCompareRenderer",{enumerable:!0,get:function(){return a.PreviewCompareRenderer}}),Object.defineProperty(n,"BrowserSkeletonSplit",{enumerable:!0,get:function(){return a.BrowserSkeletonSplit}}),Object.defineProperty(n,"BrowserSkeleton",{enumerable:!0,get:function(){return a.BrowserSkeleton}})},44593(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewCompareRenderer=function({loaded:t,children:n}){return(0,o.jsxs)("div",{className:i.default.previewCompare,children:[!t&&(0,o.jsx)(s,{}),(0,o.jsx)("div",{style:t?void 0:{height:0,overflow:"hidden"},children:n})]})},n.BrowserSkeletonSplit=s,n.BrowserSkeleton=l;let o=r(11684);a(r(12888));let i=a(r(3526));function s(){return(0,o.jsxs)("div",{className:i.default.browserSkeletonSplit,children:[(0,o.jsx)(l,{}),(0,o.jsx)(l,{})]})}function l(){return(0,o.jsxs)("div",{className:i.default.browserSkeleton,children:[(0,o.jsxs)("div",{className:i.default.browserToolbar,children:[(0,o.jsx)("span",{className:i.default.browserDot}),(0,o.jsx)("span",{className:i.default.browserDot}),(0,o.jsx)("span",{className:i.default.browserDot}),(0,o.jsx)("div",{className:i.default.browserUrlBar})]}),(0,o.jsxs)("div",{className:i.default.browserBody,children:[(0,o.jsx)("div",{className:i.default.browserLine1}),(0,o.jsx)("div",{className:i.default.browserLine2}),(0,o.jsx)("div",{className:i.default.browserLine3}),(0,o.jsx)("div",{className:i.default.browserLine4})]})]})}},64773(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPlaceholder=void 0;var a=r(61925);Object.defineProperty(n,"PreviewPlaceholder",{enumerable:!0,get:function(){return a.PreviewPlaceholder}})},61925(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.getCompositions=function(t){let n=t.get(d.CompositionsAspect.id);if(!n)return[];let r=n.data.compositions;return r?d.Composition.fromArray(r):[]},n.getDisplayName=_,n.getDescription=w,n.PreviewPlaceholder=function({component:t,componentDescriptor:n,Container:r=({children:t,className:n})=>(0,u.jsx)("div",{className:n,children:t}),shouldShowPreview:a=(t?.compositions.length??0)>0&&t?.buildStatus!=="pending"}){let o=t?.compositions,i=n&&w(n),s=n&&_(n),l=t?.server?.url,m=(0,c.useRef)(l),[f,b]=c.default.useState(0),[y,x]=(0,c.useState)(!1);(0,c.useEffect)(()=>{m.current!==l&&a&&(m.current=l,b(t=>t+1))},[l,a]);let k=(0,c.useMemo)(()=>{if(a&&t)return function(t){let{compositions:n}=t;return n.find(t=>t.identifier.endsWith("Preview"))}(t)},[t,a,f]);if(!t||!n)return null;if(!a||!o||!o.length)return(0,u.jsxs)(r,{className:h.default.noPreview,component:t,children:[(0,u.jsx)("div",{className:h.default.scope,children:(0,u.jsx)(p.H5,{className:h.default.scopeTitle,children:t.id.scope})}),(0,u.jsxs)("div",{className:h.default.component,children:[(0,u.jsx)(p.H3,{className:h.default.componentTitle,children:s}),(0,u.jsx)("span",{className:h.default.description,children:i})]})]});let C=t.id.toString();return l&&(a||"pending"!==t.buildStatus)?(0,u.jsxs)("div",{className:h.default.previewCard,children:[(0,u.jsx)(v,{previewAssetsUrl:`/api/${C}/~aspect/preview-assets`,children:(0,u.jsx)(d.ComponentComposition,{component:t,composition:k,pubsub:!1,includeEnv:!0,loading:"lazy",viewport:1280,queryParams:"disableCta=true",onLoad:()=>x(!0)})}),!y&&(0,u.jsx)("div",{className:h.default.skeletonOverlay,children:(0,u.jsx)(g,{})}),(0,u.jsx)("div",{className:h.default.previewOverlay})]},`${C}-${l}-${f}`):(0,u.jsx)("div",{className:h.default.previewPlaceholder,"data-tip":"","data-for":C,children:(0,u.jsx)(g,{})})};let u=r(11684),c=s(r(12888)),d=r(24010),p=r(91564),m=r(5913),f=r(82894),h=l(r(77738));function g(){return(0,u.jsxs)("div",{className:h.default.browserSkeleton,children:[(0,u.jsxs)("div",{className:h.default.browserToolbar,children:[(0,u.jsx)("span",{className:h.default.browserDot}),(0,u.jsx)("span",{className:h.default.browserDot}),(0,u.jsx)("span",{className:h.default.browserDot}),(0,u.jsx)("div",{className:h.default.browserUrlBar})]}),(0,u.jsxs)("div",{className:h.default.browserBody,children:[(0,u.jsx)("div",{className:h.default.browserLine1}),(0,u.jsx)("div",{className:h.default.browserLine2}),(0,u.jsx)("div",{className:h.default.browserLine3}),(0,u.jsx)("div",{className:h.default.browserLine4})]})]})}let b=new Set;function y(t){b.has(t)||(b.add(t),fetch(t).then(t=>t.ok?t.json():null).then(t=>{if(t?.files)for(let n of t.files){if(document.querySelector(`link[href*="${n}"]`))continue;let t=document.createElement("link");t.rel="prefetch",t.href=n,document.head.appendChild(t)}}).catch(()=>{}))}function v({previewAssetsUrl:t,rootMargin:n="0px 0px 50% 0px",children:r}){let a=(0,c.useRef)(null),[o,i]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{let r=a.current;if(!r)return;let o=t?new IntersectionObserver(([n])=>{n.isIntersecting&&(y(t),o.disconnect())},{rootMargin:"0px 0px 150% 0px"}):null,s=new IntersectionObserver(([n])=>{n.isIntersecting&&(s.disconnect(),o?.disconnect(),t&&y(t),i(!0))},{rootMargin:n});return o?.observe(r),s.observe(r),()=>{o?.disconnect(),s.disconnect()}},[]),(0,u.jsx)("div",{ref:a,className:h.default.viewportGate,children:o?r:null})}function _(t){return t.id.name.split("-").map(t=>(0,m.capitalize)(t)).join(" ")}function w(t){let n=function(t,n){let r=t.get(f.DocsAspect.id)?.data||{};if(r&&r?.doc?.props)return r.doc.props.find(t=>t.name===n)}(t,"description");return n&&n.value||""}},78434(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BitBaseEvent=void 0;let BitBaseEvent=class BitBaseEvent{constructor(t,n,r,a){this.type=t,this.version=n,this.timestamp=r,this.data=a}};n.BitBaseEvent=BitBaseEvent},19992(t,n,r){"use strict";var a,o;function i(){let t=r(78434);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ClickInsideAnIframeEvent=void 0;let ClickInsideAnIframeEventData=class ClickInsideAnIframeEventData{constructor(t){this.clickEvent=t}};let ClickInsideAnIframeEvent=class ClickInsideAnIframeEvent extends i().BitBaseEvent{constructor(t=Date.now(),n){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",t,new ClickInsideAnIframeEventData(n)),this.timestamp=t,this.clickEvent=n}};n.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,(a="symbol"==typeof(o=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(a="TYPE","string"))?o:o+"")in ClickInsideAnIframeEvent?Object.defineProperty(ClickInsideAnIframeEvent,a,{value:"click-inside-an-iframe",enumerable:!0,configurable:!0,writable:!0}):ClickInsideAnIframeEvent[a]="click-inside-an-iframe"},78410(t,n,r){"use strict";function a(){let t=r(6525);return a=function(){return t},t}function o(){let t=r(78434);return o=function(){return t},t}function i(){let t=r(19992);return i=function(){return t},t}function s(){let t=r(19665);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BitBaseEvent",{enumerable:!0,get:function(){return o().BitBaseEvent}}),Object.defineProperty(n,"ClickInsideAnIframeEvent",{enumerable:!0,get:function(){return i().ClickInsideAnIframeEvent}}),Object.defineProperty(n,"PubsubAspect",{enumerable:!0,get:function(){return a().PubsubAspect}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return a().PubsubAspect}}),Object.defineProperty(n,"usePubSub",{enumerable:!0,get:function(){return s().usePubSub}}),Object.defineProperty(n,"usePubSubIframe",{enumerable:!0,get:function(){return s().usePubSubIframe}})},19665(t,n,r){"use strict";function a(){let t=o(r(12888));return a=function(){return t},t}function o(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(o=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.createProvider=function(t){return({children:n})=>a().default.createElement(i.Provider,{value:t},n)},n.pubsubRegistry=void 0,n.usePubSub=s,n.usePubSubIframe=function(t){let n=s();(0,a().useEffect)(()=>{if(!t?.current||!n)return()=>{};let r=n.connect(t.current);return()=>r()},[t?.current,n])};let i=n.pubsubRegistry=(0,a().createContext)(void 0);function s(){return(0,a().useContext)(i)}},6525(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.PubsubAspect=void 0;let o=n.PubsubAspect=a().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});n.default=o},2121(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function o(){let t=r(77551);return o=function(){return t},t}function i(){let t=r(93652);return i=function(){return t},t}function s(){let t=r(19992);return s=function(){return t},t}function l(){let t=r(6525);return l=function(){return t},t}function u(){let t=r(19665);return u=function(){return t},t}function c(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let PubsubUI=class PubsubUI{constructor(){c(this,"childApi",void 0),c(this,"events",new(o()).EventEmitter2),c(this,"sub",(t,n)=>{let r=this.events;return r.on(t,n),()=>{r.off(t,n)}}),c(this,"pub",(t,n,{propagate:r}={})=>{this.emitEvent(t,n),r&&this.pubToChild(t,n)}),c(this,"connectToIframe",t=>{let n=(0,i().connectToChild)({iframe:t,methods:{pub:this.emitChildEvent}});return n.promise.then(t=>this.childApi=t).catch(t=>{console.error("[Pubsub.ui]","failed connecting to child iframe:",t)}),()=>{n&&n.destroy()}}),c(this,"emitEvent",(t,n)=>{this.events.emit(t,n)}),c(this,"emitChildEvent",(t,n)=>{this.emitEvent(t,n),n.type===s().ClickInsideAnIframeEvent.TYPE&&document.body?.dispatchEvent(new MouseEvent("mousedown",{view:window,bubbles:!0,cancelable:!0}))}),c(this,"pubToChild",(t,n)=>this.childApi?.pub(t,n))}getPubSubContext(){return(0,u().createProvider)({connect:this.connectToIframe})}static async provider(){return new PubsubUI}};c(PubsubUI,"runtime",a().UIRuntime),c(PubsubUI,"dependencies",[]),l().PubsubAspect.addRuntime(PubsubUI)},50099(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.LocationHooks=function({onLocationChange:t,onNavigatorChange:n}){let r=(0,o().useLocation)(),i=(0,o().useNavigationType)(),s=(0,o().useNavigate)();return(0,a().useEffect)(()=>{t(r,i)},[r,i,t]),(0,a().useEffect)(()=>{n(s)},[s,n]),null}},75894(t,n,r){"use strict";function a(){let t=r(30129);return a=function(){return t},t}function o(){let t=r(58336);return o=function(){return t},t}function i(){let t=l(r(19304));return i=function(){return t},t}function s(){let t=l(r(44178));return s=function(){return t},t}function l(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(l=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.ReactRouter=void 0,Object.defineProperty(n,"ReactRouterAspect",{enumerable:!0,get:function(){return a().ReactRouterAspect}}),Object.defineProperty(n,"Routing",{enumerable:!0,get:function(){return o().Routing}}),n.navigation=n.default=void 0,Object.defineProperty(n,"navigation",{enumerable:!0,get:function(){return i()}}),Object.defineProperty(n,"ReactRouter",{enumerable:!0,get:function(){return s()}}),n.default=a().ReactRouterAspect},30129(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.ReactRouterAspect=void 0;let o=n.ReactRouterAspect=a().Aspect.create({id:"teambit.ui-foundation/react-router"});n.default=o},37109(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(72631);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(30129);return s=function(){return t},t}function l(){let t=r(88317);return l=function(){return t},t}function u(){let t=r(58336);return u=function(){return t},t}function c(){let t=r(50099);return c=function(){return t},t}function d(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let ReactRouterUI=class ReactRouterUI{constructor(t,n){this.routeSlot=t,this.routeChangeListener=n,d(this,"routingMode",u().Routing.url),d(this,"navigateTo",(t,n)=>{let r="string"!=typeof t?t.state:void 0;switch(n){case"POP":return;case"REPLACE":this.navigate?.(t,{replace:!0,state:r});return;default:this.navigate?.(t,{state:r})}}),d(this,"navigate",void 0),d(this,"handleLocationChange",(t,n)=>{this.routeChangeListener.values().forEach(r=>r(t,n))}),d(this,"RoutingContext",({children:t,renderCtx:n})=>a().default.createElement(l().RouteContext,{reactRouterUi:this,routing:this.routingMode,location:n?.initialLocation},t,a().default.createElement(c().LocationHooks,{onLocationChange:this.handleLocationChange,onNavigatorChange:t=>this.navigate=t}))),d(this,"ServerRouting",({children:t,renderCtx:n})=>a().default.createElement(l().RouteContext,{reactRouterUi:this,routing:u().Routing.static,location:n?.initialLocation},t,a().default.createElement(c().LocationHooks,{onLocationChange:this.handleLocationChange,onNavigatorChange:t=>this.navigate=t}))),d(this,"renderPlugin",{browserInit:()=>({initialLocation:`${window.location.pathname}${window.location.search}${window.location.hash}`}),serverInit:({browser:t})=>({initialLocation:t?.location?`${t.location.pathname}${t.location.search}${t.location.hash}`:void 0}),reactClientContext:this.RoutingContext,reactServerContext:this.ServerRouting})}renderRoutes(t){return a().default.createElement(l().RootRoute,{routeSlot:this.routeSlot,rootRoutes:t})}setRoutingMode(t){this.routingMode=t}register(t){return this.routeSlot.register(t),this}registerListener(t){this.routeChangeListener.register(t)}static async provider(t,n,[r,a]){return new ReactRouterUI(r,a)}};d(ReactRouterUI,"slots",[o().Slot.withType(),o().Slot.withType()]),d(ReactRouterUI,"runtime",i().UIRuntime),s().ReactRouterAspect.addRuntime(ReactRouterUI)},88317(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(44178);return o=function(){return t},t}function i(){let t=r(44442);return i=function(){return t},t}function s(){let t=r(72164);return s=function(){return t},t}function l(){let t=r(19304);return l=function(){return t},t}function u(){let t=r(72555);return u=function(){return t},t}function c(){let t=r(58336);return c=function(){return t},t}function d({type:t,children:n,location:r}){switch(t){case c().Routing.static:return a().default.createElement(i().StaticRouter,{location:r||"/"},n);case c().Routing.inMemory:return a().default.createElement(o().MemoryRouter,{initialEntries:[r||"/"],initialIndex:1},n);case c().Routing.hash:return a().default.createElement(o().HashRouter,null,n);case c().Routing.url:default:return a().default.createElement(o().BrowserRouter,null,n)}}Object.defineProperty(n,"__esModule",{value:!0}),n.RootRoute=function({rootRoutes:t,routeSlot:n}){return a().default.createElement(s().SlotRouter,{slot:n,rootRoutes:t})},n.RouteContext=function({routing:t=c().Routing.url,children:n,location:r}){return a().default.createElement(d,{type:t,location:r},a().default.createElement(l().NavigationProvider,{implementation:u().reactRouterAdapter},n))}},58336(t,n){"use strict";var r;Object.defineProperty(n,"__esModule",{value:!0}),n.Routing=void 0,(r={})[r.url=0]="url",r[r.hash=1]="hash",r[r.inMemory=2]="inMemory",r[r.static=3]="static",n.Routing=r},8386(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(76712);return o=function(){return t},t}function i(){let t=r(62634);return i=function(){return t},t}function s(){let t=r(45348);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.HighlighterWidget=function(){let[t,n]=(0,s().usePreviewQueryParams)("highlighter");return a().default.createElement(i().Tooltip,{content:"Component Highlighter (beta)"},a().default.createElement("span",null,a().default.createElement(o().OptionButton,{icon:"highlighter-toggle",onClick:()=>n(!t),active:t})))}},57075(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.ReactAspect=void 0;let o=n.ReactAspect=a().Aspect.create({id:"teambit.react/react"});n.default=o},16420(t,n,r){"use strict";function a(){let t=r(9003);return a=function(){return t},t}function o(){var t;let n=(t=r(52404))&&t.__esModule?t:{default:t};return o=function(){return n},n}function i(){let t=r(46746);return i=function(){return t},t}function s(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function l(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?s(Object(r),!0).forEach(function(n){u(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function u(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.ReactSchema=void 0;let ReactSchema=class ReactSchema extends a().SchemaNode{constructor(t,n,r,o,s,l=[],c,d){super(),this.location=t,this.name=n,this.modifiers=l,this.typeParams=d,u(this,"returnType",void 0),u(this,"props",void 0),u(this,"doc",void 0),u(this,"signature",void 0),u(this,"displaySchemaName","React"),this.props=o,this.returnType=r,this.doc=c,this.signature=s||a().FunctionLikeSchema.createSignature(n,(0,i().compact)([o]),r)}getNodes(){return(0,i().compact)([this.props,this.returnType])}toString(t){let n=t?.color?o().default.bold:t=>t,r=this.props?.toString(),a=this.typeParams?`<${this.typeParams.join(", ")}>`:"";return`${this.modifiersToString()}${a}${n(this.name)}(${r}): ${this.returnType.toString()}`}toFullSignature(t){let n="";this.doc&&t?.showDocs&&(n+=`${this.doc.toFullSignature()}
+`,n.useLaneDiffStatus=({baseId:t,compareId:r,options:l})=>{let{data:u,loading:c}=(0,a.useQuery)(n.QUERY_LANE_DIFF_STATUS,{variables:{source:r,target:t,options:l},skip:!t||!r,context:{batch:!0}}),d=u?.lanes.diffStatus&&{sourceLane:o.LaneId.from(u.lanes.diffStatus.source.name,u.lanes.diffStatus.source.scope).toString(),targetLane:o.LaneId.from(u.lanes.diffStatus.target.name,u.lanes.diffStatus.target.scope).toString(),diff:u.lanes.diffStatus.componentsStatus.map(t=>({...t,changes:t.changes??null,componentId:i.ComponentID.fromObject(t.componentId).toString()}))};return{loading:c,laneDiff:d&&s.LaneDiff.from(d)}}},25425(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LaneComparePage=void 0;var a=r(77045);Object.defineProperty(n,"LaneComparePage",{enumerable:!0,get:function(){return a.LaneComparePage}})},77045(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneComparePage=function({getLaneCompare:t,groupByScope:n=!1,useLanes:r=p.useLanes,searchLanes:a,...o}){let{lanesModel:i,loading:s,fetchMoreLanes:l,hasMore:h,offset:g,limit:b}=r(),y=(0,d.useLocation)(),[v,_]=(0,c.useState)(),w=i?.getDefaultLane(),x=i?.viewedLane,k=i?.getNonMainLanes()||[];(0,c.useEffect)(()=>{let t=x?.id.toString(),n=!!v&&(v.id.toString()===t||v.deleted);if(!v||n){if(!x?.id.isDefault()&&w)_(w);else if(x?.id.isDefault()){let n=k.find(n=>!n.deleted&&n.id.toString()!==t);n&&_(n)}}},[w,x?.id.toString(),k?.length,v?.id.toString()]);let C=t({base:v,compare:x,groupBy:"status"}),j=(0,c.useMemo)(()=>k.filter(t=>t.toString()!==x?.id.toString()&&!t.deleted),[v?.id.toString(),x?.id.toString(),i?.lanes.length]);return((0,c.useEffect)(()=>{let t=document.querySelector('[class*="collapser"]'),n=document.querySelector('[class*="splitPane"]');if(!t||!n)return;let r=n.firstElementChild,a=r&&r.offsetWidth>50;return a&&(r.style.display="none",requestAnimationFrame(()=>{t.click(),requestAnimationFrame(()=>{r.style.display=""})})),()=>{if(a){let r=n.firstElementChild;r&&r.offsetWidth<=50&&t.click()}}},[]),i&&i.viewedLane&&v)?(0,u.jsxs)("div",{...o,className:f.default.laneComparePage,children:[(0,u.jsxs)("div",{className:f.default.top,children:[(0,u.jsx)("div",{className:f.default.subTitle,children:"Compare"}),(0,u.jsxs)("div",{className:f.default.title,children:[(0,u.jsx)("div",{className:f.default.compareLane,children:x?.id.name}),(0,u.jsx)("div",{className:f.default.rightIcon,children:(0,u.jsx)("img",{src:"https://static.bit.dev/bit-icons/arrow-right.svg",alt:"arrow-right"})}),(0,u.jsx)("div",{className:f.default.baseSelectorContainer,children:(0,u.jsx)(m.LaneSelector,{searchLanes:a,selectedLaneId:v.id,className:f.default.baseSelector,nonMainLanes:j,mainLane:w,groupByScope:n,getHref:()=>`${y.pathname}${y.search}`,onLaneSelected:(t,n)=>{_(n)},loading:s,fetchMoreLanes:l,hasMore:h,initialOffset:(g??0)+(b??0)})})]})]}),(0,u.jsx)("div",{className:f.default.bottom,children:C})]}):null};let u=r(11684),c=s(r(12888)),d=r(44178),p=r(30969),m=r(90569),f=l(r(37914))},58352(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.BaseSourceIndicator=function({compareId:t}){let n=(0,l.useCompareData)(),r=n?.compareDataFor(t);return n?.loading&&void 0===r?(0,o.jsx)(s.Tooltip,{content:"Resolving base from the remote scope\u2026",placement:"top",children:(0,o.jsx)("span",{className:u.default.indicator,"data-state":"loading","aria-label":"Resolving base from the remote scope",children:(0,o.jsx)(i.Icon,{of:"spinner",className:u.default.spin})})}):null===r?(0,o.jsx)(s.Tooltip,{content:"Base unavailable from the remote scope",placement:"top",children:(0,o.jsx)("span",{className:u.default.indicator,"data-state":"unavailable","aria-label":"Base unavailable from the remote scope",children:(0,o.jsx)(i.Icon,{of:"exclamation-triangle"})})}):(0,o.jsx)(s.Tooltip,{content:"Base pulled from the remote scope",placement:"top",children:(0,o.jsx)("span",{className:u.default.indicator,"data-state":"remote","aria-label":"Base pulled from the remote scope",children:(0,o.jsx)(i.Icon,{of:"bit-cloud"})})})};let o=r(11684);a(r(12888));let i=r(516),s=r(62634),l=r(27872),u=a(r(93517))},92061(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.laneFilterDepKey=n.extractCompsToDiff=n.displayChangeType=n.ChangeTypeGroupOrder=n.LaneCompareProvider=n.useLaneCompareContext=n.LaneCompareContext=n.LaneCompare=void 0;var a=r(57205);Object.defineProperty(n,"LaneCompare",{enumerable:!0,get:function(){return a.LaneCompare}});var o=r(77604);Object.defineProperty(n,"LaneCompareContext",{enumerable:!0,get:function(){return o.LaneCompareContext}}),Object.defineProperty(n,"useLaneCompareContext",{enumerable:!0,get:function(){return o.useLaneCompareContext}});var i=r(98202);Object.defineProperty(n,"LaneCompareProvider",{enumerable:!0,get:function(){return i.LaneCompareProvider}});var s=r(18297);Object.defineProperty(n,"ChangeTypeGroupOrder",{enumerable:!0,get:function(){return s.ChangeTypeGroupOrder}});var l=r(55802);Object.defineProperty(n,"displayChangeType",{enumerable:!0,get:function(){return l.displayChangeType}}),Object.defineProperty(n,"extractCompsToDiff",{enumerable:!0,get:function(){return l.extractCompsToDiff}}),Object.defineProperty(n,"laneFilterDepKey",{enumerable:!0,get:function(){return l.filterDepKey}})},77604(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useLaneCompareContext=n.LaneCompareContext=void 0;let a=r(12888);n.LaneCompareContext=(0,a.createContext)(void 0),n.useLaneCompareContext=()=>(0,a.useContext)(n.LaneCompareContext)},57205(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneCompare=void 0;let u=r(11684),c=s(r(12888)),d=r(44178),p=l(r(97500)),m=r(27872),f=r(12066),h=r(59004),g=r(61071),b=r(7110),y=r(1428),v=r(77604),_=r(98202),w=r(58352),x=r(18297),k=r(55802),C=l(r(24858));function j(t,n){let r=()=>{let r=n.getBoundingClientRect(),a=t.getBoundingClientRect(),o=r.top-a.top;return t.scrollTo({top:o+t.scrollTop,behavior:"instant"}),Math.abs(o)};r();let a=0,o=()=>{if(!t.isConnected||!n.isConnected)return;let i=r();a+=1,i>2&&a<4&&requestAnimationFrame(o)};requestAnimationFrame(o)}function S(t,n,r=5e3){let a=t.querySelector(n);return a?Promise.resolve(a):new Promise(a=>{let o=new MutationObserver(()=>{let r=t.querySelector(n);r&&(o.disconnect(),a(r))});o.observe(t,{childList:!0,subtree:!0}),setTimeout(()=>{o.disconnect(),a(null)},r)})}function E(t,n,r){if(!t)return;if(!r)return void S(t,`[data-component-id="${CSS.escape(n)}"]`).then(n=>{n&&j(t,n)});let a=`[data-file-id="${CSS.escape(n)}:${CSS.escape(r)}"]`,o=t.querySelector(a);if(o)return void requestAnimationFrame(()=>j(t,o));let i=t.querySelector(`[data-component-id="${CSS.escape(n)}"]`);i&&j(t,i),S(t,a).then(n=>{n&&j(t,n)})}let O={[y.ChangeType.NEW]:"var(--positive-color, #37b26c)",[y.ChangeType.SOURCE_CODE]:"var(--bit-accent-color, #6c5ce7)",[y.ChangeType.DEPENDENCY]:"var(--warning-color, #d6a022)"};function D(t,n=[]){return n.some(t=>t!==y.ChangeType.NONE)||null!=t&&t!==y.ChangeType.NONE}function N({sourceLane:t,targetLane:n,componentCount:r,released:a}){let o=a?`This lane has been released to ${n}`:"No changes to compare",i="Both lanes point to the same components.";return r>0&&(i=a?`${n} already includes all ${r} components from ${t} \u{2014} there's nothing left to compare.`:`${t} and ${n} point to the same versions across ${r} components.`),(0,u.jsxs)("div",{className:C.default.blankState,role:"status",children:[(0,u.jsx)("div",{className:C.default.blankStateIcon,"aria-hidden":"true",children:"\u2713"}),(0,u.jsx)("div",{className:C.default.blankStateTitle,children:o}),(0,u.jsx)("div",{className:C.default.blankStateSubtitle,children:i}),r>0&&(0,u.jsxs)("div",{className:C.default.blankStateMeta,children:[r," component",1!==r?"s":""," \xb7 up to date with ",n]})]})}function P({base:t,compare:n,className:r,host:a,tabs:o,customUseComponent:i,customUseLaneDiff:s,LaneCompareLoader:l,ComponentCompareLoader:_,onStateChanged:j,groupBy:S,envIcons:T,apiDiffInsights:I,...M}){let{loadingLaneDiff:$,componentsToDiff:A,laneComponentDiffByCompId:R}=(0,v.useLaneCompareContext)(),F=(0,c.useMemo)(()=>o?"function"==typeof o?o():o:[],[o]),{componentDescriptors:L}=(0,g.useLaneComponents)(n?.id),z=(0,c.useMemo)(()=>{let t=new Map;return L&&L.forEach(n=>{let r=n.get("teambit.compositions/compositions"),a=r?.data?.compositions;t.set(n.id.toStringWithoutVersion(),Array.isArray(a)&&a.length>0)}),t},[L]),B=(0,c.useMemo)(()=>{let t=new Map(T??[]);return L&&L.forEach(n=>{let r=n.get("teambit.envs/envs"),a=r?.icon||r?.data?.icon||r?.descriptor?.icon||r?.env?.icon||void 0;if(!a)return;let o=n.id.toStringWithoutVersion();t.has(o)||t.set(o,a)}),t},[L,T]),[q]=(0,d.useSearchParams)(),[V,U]=(0,c.useState)(q.get("view")||"code"),[G,H]=(0,c.useState)(q.get("groupBy")||"scope"),[X,Y]=(0,c.useState)(q.get("diffMode")||"split"),[W,Z]=(0,c.useState)(!1),[Q,K]=(0,c.useState)(q.get("componentId")||void 0),[J,ee]=(0,c.useState)(q.get("file")||void 0),[et,en]=(0,c.useState)([]),er=(0,c.useRef)(null),ea=(0,m.useFileRegistry)(),eo=(0,c.useCallback)((t,n)=>{let r=new URL(window.location.href);n?r.searchParams.set(t,n):r.searchParams.delete(t),window.history.replaceState(null,"",r.toString())},[]),ei=(0,c.useCallback)(t=>{U(t),eo("view","code"===t?void 0:t),ee(void 0),eo("file",void 0)},[eo]),es=(0,c.useCallback)(t=>{H(t),eo("groupBy","scope"===t?void 0:t)},[eo]),el=(0,c.useCallback)(t=>{Y(t),eo("diffMode","split"===t?void 0:t)},[eo]),eu=(0,c.useCallback)(t=>{K(t),eo("componentId",t||void 0)},[eo]),ec=(0,c.useCallback)(t=>{ee(t),eo("file",t||void 0)},[eo]),ed=(0,c.useRef)(!1);(0,c.useEffect)(()=>{ed.current||!Q||$||(ed.current=!0,E(er.current,Q,J))},[Q,J,$]);let ep=(0,c.useMemo)(()=>(A||[]).map(([t,n])=>{let r=n?.toStringWithoutVersion()||t?.toStringWithoutVersion()||"",a=R.get(r),o=a?.changes,i=a?.changeType,s=!!a&&null==o,l=a?.baseSource;return{idStr:r,name:n?.fullName||t?.fullName||r,baseId:t?.toString(),compareId:n?.toString()||"",baseSource:l,baseVersion:t?.version?.slice(0,7),compareVersion:n?.version?.slice(0,7),baseUrl:t?h.ComponentUrl.toUrl(t,{includeVersion:!0,useLocationOrigin:!0}):void 0,compareUrl:n?h.ComponentUrl.toUrl(n,{includeVersion:!0,useLocationOrigin:!0}):void 0,changes:o||[],changeType:i,unclassified:s,scope:(n||t)?.scope||"",namespace:(n||t)?.namespace||""}}),[A,R]),em=(0,c.useMemo)(()=>ep.filter(t=>!!t.baseId&&!!t.compareId).map(t=>({baseId:t.baseId,compareId:t.compareId})),[ep]),ef=(0,c.useMemo)(()=>ep.map(t=>({value:t.name,payload:t.idStr})),[ep]),eh=(0,c.useMemo)(()=>{if(0===et.length)return ep;let t=new Set(et.map(t=>t.payload));return ep.filter(n=>t.has(n.idStr))},[ep,et]),eg=(0,c.useCallback)(t=>{if(t.changeType===y.ChangeType.NEW||t.changes.some(t=>t===y.ChangeType.NEW))return!0;let n=ea?.getFiles(t.idStr);return void 0===n?t.changes.some(t=>t===y.ChangeType.SOURCE_CODE)||t.unclassified:n.length>0},[ea,ea?.getVersion()]),eb=(0,c.useCallback)(t=>{let n=ea?.getApiEntries(t.idStr);return void 0===n?t.changes.some(t=>t===y.ChangeType.SOURCE_CODE||t===y.ChangeType.DEPENDENCY)||t.unclassified:n.length>0},[ea,ea?.getVersion()]),ey=(0,c.useCallback)((t,n)=>{switch(n){case"code":return eg(t);case"api":return eb(t);case"preview":return(D(t.changeType,t.changes)||t.unclassified)&&!1!==z.get(t.idStr);case"docs":return D(t.changeType,t.changes)||t.unclassified;case"dependencies":return t.changes.some(t=>t===y.ChangeType.DEPENDENCY)||t.unclassified;case"config":return t.changes.some(t=>t===y.ChangeType.ASPECTS)||t.unclassified;default:return!0}},[z,eg,eb]),ev=(0,c.useMemo)(()=>eh.filter(t=>ey(t,V)),[eh,V,ey]),e_=(0,c.useMemo)(()=>{let t=new Map;return ep.forEach(n=>{let r={},a=D(n.changeType,n.changes)||n.unclassified;eg(n)&&(r["data-has-code"]=""),a&&(r["data-has-docs"]=""),a&&!1!==z.get(n.idStr)&&(r["data-has-preview"]=""),(n.changes.some(t=>t===y.ChangeType.DEPENDENCY)||n.unclassified)&&(r["data-has-deps"]=""),(n.changes.some(t=>t===y.ChangeType.ASPECTS)||n.unclassified)&&(r["data-has-config"]=""),t.set(n.idStr,r)}),t},[ep,z,eg]),ew=(0,c.useCallback)(t=>{let n=new Map;return t.forEach(t=>{let r="status"===G?t.changeType||"unknown":"namespace"===G?t.namespace||"root":"scope"===G?t.scope:"all";n.has(r)||n.set(r,[]),n.get(r).push(t)}),[...n.entries()].sort(([t],[n])=>"status"===G?x.ChangeTypeGroupOrder.indexOf(t)-x.ChangeTypeGroupOrder.indexOf(n):t.localeCompare(n))},[G]),ex=(0,c.useMemo)(()=>ew(ev),[ew,ev]),ek=(0,c.useMemo)(()=>ew(eh),[ew,eh]),eC=(0,c.useMemo)(()=>new Set(ev.map(t=>t.idStr)),[ev]),ej=(0,c.useMemo)(()=>({code:ep.filter(t=>eg(t)).length,preview:ep.filter(t=>(D(t.changeType,t.changes)||t.unclassified)&&!1!==z.get(t.idStr)).length,docs:ep.filter(t=>D(t.changeType,t.changes)||t.unclassified).length,dependencies:ep.filter(t=>t.changes.some(t=>t===y.ChangeType.DEPENDENCY)||t.unclassified).length,tests:ep.length,config:ep.filter(t=>t.changes.some(t=>t===y.ChangeType.ASPECTS)||t.unclassified).length,api:ep.length}),[ep,z,eg]),eS=(0,c.useMemo)(()=>[{id:"api",displayName:"API",icon:"schema"},{id:"code",displayName:"Code",icon:"code"},{id:"preview",displayName:"Preview",icon:"eye"},{id:"docs",displayName:"Docs",icon:"overview"},{id:"dependencies",displayName:"Dependencies",icon:"link"},{id:"config",displayName:"Config",icon:"configuration"}],[]),eE=(0,c.useMemo)(()=>{let t=[{value:"scope",label:"Scope"},{value:"namespace",label:"Namespace"}];return t.push({value:"none",label:"None"}),t},[V]),eO=(0,c.useMemo)(()=>ex.map(([t,n])=>({key:t,label:"status"===G?(0,k.displayChangeType)(t):t,items:n.map(t=>{var n;return{id:t.idStr,name:t.name,envIcon:B.get(t.idStr),status:t.changeType,files:(n=t.idStr,"code"===V?ea?.getFiles(n):"config"===V?ea?.getAspectFiles(n):"api"===V?ea?.getApiEntries(n):void 0),sourceIndicator:"scope"===t.baseSource?(0,u.jsx)(w.BaseSourceIndicator,{compareId:t.compareId}):void 0}})})),[ex,G,B,ea?.getVersion(),V]),eD=(0,c.useMemo)(()=>{let t=[];return R.forEach(n=>{t.push({componentId:n.componentId,sourceHead:n.sourceHead,targetHead:n.targetHead,changes:n.changes})}),t},[R]),eN=(0,c.useCallback)((t,n)=>ea?.registerApiEntries(t,n),[ea]),eP=(0,c.useMemo)(()=>{if(0===ep.length)return{message:"No changes between these lanes",hint:"Both lanes point to the same components."};if(et.length>0)return{message:"No components match the current filters",hint:"Clear the search to see all changed components."};let t=eS.find(t=>t.id===V)?.displayName?.toLowerCase()||V;return{message:`No ${t} changes in this comparison`,hint:"Try a different view above."}},[ep.length,et.length,V,eS]),eT="api"===V;(0,c.useEffect)(()=>{if(!$&&0===ej[V]){let t=eS.find(t=>(ej[t.id]??0)>0);t&&ei(t.id)}},[ej,V,$]);let eI=(0,c.useMemo)(()=>!$&&ep.every(t=>!t.unclassified&&!D(t.changeType,t.changes)),[$,ep]),eM=(0,c.useMemo)(()=>{if(!eI)return!1;let t=!1;return R.forEach(n=>{n?.upToDate!==!1||n?.unrelated||(t=!0)}),t},[eI,R]);return $?(0,u.jsx)("div",{className:(0,p.default)(C.default.rootLaneCompare,r),children:(0,u.jsx)("div",{className:C.default.laneCompareLoading,children:Array.from({length:5}).map((t,n)=>(0,u.jsx)("div",{className:C.default.laneCompareSkeleton,children:(0,u.jsx)("div",{className:C.default.skeletonBar,style:{width:`${40+n%3*20}%`}})},n))})}):eI?(0,u.jsx)("div",{...M,className:(0,p.default)(C.default.rootLaneCompare,r),children:(0,u.jsx)(N,{sourceLane:n?.id?.name||"this lane",targetLane:t?.id?.name||"main",componentCount:ep.length,released:eM})}):(0,u.jsxs)(m.CompareDataProvider,{pairs:em,host:a,children:[(0,u.jsx)(m.RegistryFeeder,{pairs:em}),(0,u.jsxs)("div",{...M,className:(0,p.default)(C.default.rootLaneCompare,r),children:[(0,u.jsx)(m.CompareToolbar,{viewMode:V,onViewModeChange:t=>ei(t),groupBy:G,onGroupByChange:t=>es(t),endActions:(0,u.jsx)(m.CompareToolbarActions,{viewMode:V,diffMode:X,onDiffModeChange:el,depsShowAll:W,onDepsShowAllChange:Z}),viewModes:eS,groupByOptions:eE,counts:ej,loading:$,componentOptions:ef,selectedComponents:et,onSelectedComponentsChange:en}),(0,u.jsxs)("div",{className:C.default.layout,children:[(0,u.jsx)(m.CompareSidebar,{groups:eO,selectedId:Q,selectedFile:J,defaultExpandFiles:"code"===V||"config"===V||"api"===V,onSelect:(t,n)=>{ec(n),eu((Q!==t||n)&&t||void 0),t&&E(er.current,t,n)},loading:$}),(0,u.jsx)("div",{ref:eT?er:void 0,className:C.default.diffPane,style:eT?void 0:{display:"none"},children:(0,u.jsx)(b.ApiDiffLaneView,{diffs:eD,host:a,selectedId:Q,selectedExport:J,insights:I,onApiEntries:eN,active:eT})}),(0,u.jsx)(m.DiffModeProvider,{mode:X,children:(0,u.jsx)(m.DepsFilterProvider,{showAll:W,children:(0,u.jsxs)("div",{ref:eT?void 0:er,className:C.default.diffPane,"data-view-mode":V,style:eT?{display:"none"}:void 0,children:[ek.map(([t,n])=>{let r=n.reduce((t,n)=>t+ +!!eC.has(n.idStr),0);return(0,u.jsxs)("div",{className:(0,p.default)(C.default.laneCompareGroup,0===r&&C.default.groupHidden),children:["none"!==G&&(0,u.jsxs)("div",{className:C.default.laneCompareGroupHeader,children:[(0,u.jsx)("span",{className:C.default.laneCompareGroupLabel,children:"status"===G?(0,k.displayChangeType)(t):t}),(0,u.jsx)("span",{className:C.default.laneCompareGroupCount,children:r})]}),n.map(t=>(0,u.jsx)(m.InlineComponentCompare,{name:t.name,baseId:t.baseId,compareId:t.compareId,baseVersion:t.baseVersion,compareVersion:t.compareVersion,baseUrl:t.baseUrl,compareUrl:t.compareUrl,envIcon:B.get(t.idStr),allTabs:F,accentColor:t.changeType&&O[t.changeType]||void 0,host:a,dataAttributes:e_.get(t.idStr)},t.idStr))]},t)}),0===ev.length&&(0,u.jsx)("div",{className:C.default.emptyState,children:(0,u.jsx)(f.InlineCompareEmpty,{message:eP.message,hint:eP.hint})})]})})})]})]})]})}let T=c.default.memo(P);n.LaneCompare=c.default.memo(function({...t}){return(0,v.useLaneCompareContext)()?(0,u.jsx)(m.FileRegistryProvider,{children:(0,u.jsx)(P,{...t})}):t.base?.id&&t.compare?.id?(0,u.jsx)(_.LaneCompareProvider,{...t,base:t.base.id,compare:t.compare.id,useLaneDiffStatus:t.customUseLaneDiff,children:(0,u.jsx)(m.FileRegistryProvider,{children:(0,u.jsx)(T,{...t})})}):null})},18297(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ChangeTypeGroupOrder=void 0;let a=r(1428);n.ChangeTypeGroupOrder=[a.ChangeType.NEW,a.ChangeType.SOURCE_CODE,a.ChangeType.ASPECTS,a.ChangeType.DEPENDENCY,a.ChangeType.NONE]},98202(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.LaneCompareProvider=void 0;let l=r(11684),u=s(r(12888)),c=r(88518),d=r(28669),p=r(28757),m=r(56881),f=r(77604),h=r(55802);n.LaneCompareProvider=u.default.memo(function({defaultComponentCompareState:t,tabs:n,children:r,useLaneDiffStatus:a=m.useLaneDiffStatus,base:o,compare:i,filters:s,groupBy:g,filter:b}){let{loading:y,laneDiff:v}=a({baseId:o?.toString(),compareId:i?.toString(),options:{skipUpToDate:!0}}),_=(0,u.useMemo)(()=>(0,h.extractCompsToDiff)(v),[y,o?.toString(),i?.toString(),v]),w=(0,u.useMemo)(()=>_.map(([t,n])=>(0,c.computeStateKey)(t,n)).join("\n"),[_]),x=(0,u.useCallback)(r=>{let a=(0,d.extractLazyLoadedData)(n)?.sort(p.sortTabs),o=r&&t?.get(r)||{};return{tabs:{controlled:!0,id:a?.[0]?.id,element:a?.[0]?.element},code:{controlled:!0},aspects:{controlled:!0},preview:{controlled:!0},versionPicker:{element:null},...o}},[t]),[k,C]=(0,u.useState)(()=>{let t=new Map;return _.forEach(([n,r])=>{let a=(0,c.computeStateKey)(n,r),o=(0,c.computeStateKey)(n),i=(0,c.computeStateKey)(void 0,r);t.set(a,x(a)),t.set(o,x(o)),t.set(i,x(i))}),t});(0,u.useEffect)(()=>{if(_.length>0){let n=new Map(t);_.forEach(([t,r])=>{let a=(0,c.computeStateKey)(t,r),o=(0,c.computeStateKey)(t),i=(0,c.computeStateKey)(void 0,r);n.set(a,x(a)),n.set(o,x(o)),n.set(i,x(i))}),C(n)}},[y,w,o?.toString(),i?.toString(),t]);let j=(0,u.useMemo)(()=>v?v.diff.reduce((t,n)=>(t.set(n.componentId.toStringWithoutVersion(),n),t),new Map):new Map,[o?.toString(),i?.toString(),y,v]),S=(0,u.useMemo)(()=>0===j.size?null:_.filter(t=>{if(!b)return t;let n=t[1]||t[0];return n?b(j.get(n.toStringWithoutVersion()),s):t}).reduce((t,[n,r])=>{let a=r?.toStringWithoutVersion(),o=a?j.get(a):void 0,i=o?.changeType,s=g?"status"===g&&i||r?.scope:a;if(!s)return t;let l=t.get(s)||[];return t.set(s,l.concat([[n,r]])),t},new Map),[o?.toString(),i?.toString(),j.size,y,v,(0,h.filterDepKey)(s),g]),E=(0,u.useMemo)(()=>({laneCompareState:k,setLaneCompareState:C,filters:s,groupBy:g,defaultLaneState:x,laneDiff:v,loadingLaneDiff:y,componentsToDiff:_,groupedComponentsToDiff:S,laneComponentDiffByCompId:j}),[k,C,s,g,x,v,y,_,S,j]);return(0,l.jsx)(f.LaneCompareContext.Provider,{value:E,children:r})})},55802(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.filterDepKey=void 0,n.displayChangeType=function(t){switch(t){case a.ChangeType.SOURCE_CODE:return"code";case a.ChangeType.NONE:return"no changes";default:return t.toLowerCase()}},n.extractCompsToDiff=function(t){return t?.diff&&t.diff.map(t=>[t.targetHead&&t.componentId.changeVersion(t.targetHead)||void 0,t.componentId.changeVersion(t.sourceHead)])||[]};let a=r(1428);n.filterDepKey=t=>t?.map(t=>`${t.type}-${t.values.join()}`).join()},90569(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LanePlaceholder=n.LaneMenuItem=n.LaneSelector=void 0;var a=r(43241);Object.defineProperty(n,"LaneSelector",{enumerable:!0,get:function(){return a.LaneSelector}});var o=r(18263);Object.defineProperty(n,"LaneMenuItem",{enumerable:!0,get:function(){return o.LaneMenuItem}});var i=r(93395);Object.defineProperty(n,"LanePlaceholder",{enumerable:!0,get:function(){return i.LanePlaceholder}})},57704(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneGroupedMenuItem=function({selected:t,current:n,className:r,scope:a,timestamp:c,icon:d=(0,o.jsx)(i.Icon,{className:u.default.defaultScopeIcon,of:"collection-full"}),getHref:p,onLaneSelected:m,innerRefs:f,...h}){if(0===n.length)return null;if(1===n.length&&n[0].id.isDefault()){let r=n[0];return(0,o.jsx)(l.LaneMenuItem,{onLaneSelected:m,getHref:p,selected:t,current:r},r.toString())}return(0,o.jsxs)("div",{className:(0,s.default)(u.default.groupedMenuItem,r),...h,children:[(0,o.jsxs)("div",{onClick:t=>t.stopPropagation(),className:u.default.scope,children:[(0,o.jsx)("div",{className:u.default.scopeIcon,children:d}),(0,o.jsx)("div",{className:u.default.scopeName,children:a})]}),n.map(n=>(0,o.jsx)(l.LaneMenuItem,{ref:f?.(n.id,n),onLaneSelected:m,getHref:p,selected:t,current:n,timestamp:c?.(n)},n.id.toString()))]})};let o=r(11684);a(r(12888));let i=r(29751),s=a(r(97500)),l=r(18263),u=a(r(17797))},18263(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneMenuItem=void 0;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(1453),m=r(93766),f=r(19988),h=r(52464),g=r(38348),b=r(516),y=l(r(43560));n.LaneMenuItem=(0,c.forwardRef)(({selected:t,current:n,className:r,onLaneSelected:a,getHref:o=p.LanesModel.getLaneUrl,icon:i,timestamp:s,...l},c)=>{let v=t?.toString()===n.id.toString(),_=n.id.isDefault(),w=(0,u.jsx)(b.Icon,{of:"changed-components"}),x=i||(_?w:void 0),k=o(n.id,void 0,n),C=n.displayName||n.id.name,j=n.id.name,S=n.updatedBy||n.createdBy,E=x||(0,u.jsx)(f.UserAvatar,{size:24,account:{name:S?.name?.split(" ")[0],displayName:S?.name,profileImage:S?.profileImage}}),O=s?.toString();return(0,u.jsx)("div",{...l,ref:c,className:(0,d.default)(r,y.default.laneMenuItemContainer),children:(0,u.jsx)(m.MenuLinkItem,{active:v,href:k,className:y.default.menuItem,onClick:()=>{a?.(n.id,n)},children:(0,u.jsxs)("div",{className:y.default.laneContainer,children:[(0,u.jsxs)("div",{className:(0,d.default)(y.default.top,_&&y.default.mainLane),children:[(0,u.jsx)("div",{className:(0,d.default)(y.default.icon,_&&!i&&y.default.defaultMainLaneIcon),children:E}),(0,u.jsx)("div",{className:(0,d.default)(y.default.laneDisplayName),children:C})]}),(0,u.jsxs)("div",{className:y.default.bottom,children:[!_&&(0,u.jsx)(g.Ellipsis,{className:y.default.laneName,children:j}),O&&(0,u.jsx)("div",{className:y.default.timeStamp,children:(0,u.jsx)(h.TimeAgo,{date:O,className:y.default.laneUpdated})})]})]})})})})},93395(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LanePlaceholder=function({selectedLaneId:t,disabled:n,className:r,showScope:a=!0,loading:d,placeholderText:p,...m}){let f=!t,h=t?.isDefault()?t.name:a&&t?.toString()||t?.name;return d?null:(0,o.jsxs)("div",{...m,className:(0,l.default)(c.default.placeholder,r,n&&c.default.disabled),children:[(0,o.jsx)(s.LaneIcon,{className:c.default.icon}),(0,o.jsx)(u.Ellipsis,{className:c.default.placeholderText,children:f?p||"Select lane":h}),!n&&(0,o.jsx)(i.Icon,{of:"fat-arrow-down"})]})};let o=r(11684);a(r(12888));let i=r(29751),s=r(29362),l=a(r(97500)),u=r(38348),c=a(r(99044))},42294(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneSelectorList=void 0,n._LaneSelectorList=y;let u=r(11684),c=s(r(12888)),d=r(44178),p=l(r(97500)),m=r(46746),f=r(1453),h=r(18263),g=r(57704),b=l(r(41903));function y({selectedLaneId:t,mainLane:n,nonMainLanes:r,className:a,groupByScope:o,getHref:i=f.LanesModel.getLaneUrl,onLaneSelected:s,search:l="",mainIcon:v,scopeIconLookup:_,loading:w,hasMore:x,fetchMore:k,forwardedRef:C,...j}){let S=(0,d.useNavigate)(),E=(0,c.useRef)(null),O=(0,c.useRef)(new Map),D=(0,c.useRef)([]),N=(0,c.useRef)(null),P=(0,c.useCallback)(t=>{!w&&(E.current?.disconnect(),E.current=new IntersectionObserver(t=>{t[0].isIntersecting&&x&&k().catch(()=>{})}),t&&(E.current.observe(t),N.current=t))},[w,x,k]),T=!!t&&r.find(n=>n.id.isEqual(t))||void 0,[I,M]=(0,c.useState)(t);(0,c.useEffect)(()=>{t&&t?.toString()!==I?.toString()&&M(t)},[t?.toString()]);let $=(0,c.useMemo)(()=>{if(D.current=[],0===r.length)return[];let t=t=>{t.forEach((n,r)=>{let a=r===t.length-1?P:c.default.createRef();O.current.set(n.id.toString(),a),D.current.push(n.id)})};if(o){let a=f.LanesModel.groupLanesByScope(r),o=[];if(T){let t=(a.get(T.id.scope)??[]).filter(t=>!t.id.isEqual(T.id));a.set(T.id.scope,t);let r=[T.id.scope,[T]],i=n?["",[n]]:void 0,s=Array.from(a.entries()).map(([t,n])=>[t,n]);o=(0,m.compact)([r,i,...s])}else{let t=n?["",[n]]:void 0,r=Array.from(a.entries()).map(([t,n])=>[t,n]);o=(0,m.compact)([t,...r])}return o.forEach(([,n])=>t(n)),o}let a=r;return n&&(""===l||n?.id.name.toLowerCase().includes(l.toLowerCase()))&&(a=a.filter(t=>t.id.toString()!==n.id.toString())).unshift(n),T&&(a=a.filter(t=>!t.id.isEqual(T.id))).unshift(T),t(a),a},[r.length,l,o,T?.id.toString(),P,n?.id.name]);(0,c.useEffect)(()=>{I&&setTimeout(()=>{let t=D.current.slice(-1)[0];if(I.toString()===t?.toString())return void N.current?.scrollIntoView({behavior:"smooth",block:"nearest"});let n=O.current.get(I.toString())?.current;n?.scrollIntoView({behavior:"smooth",block:"nearest"})},0)},[I?.toString(),$]);let A=(0,c.useCallback)(t=>{switch(t.key){case"Enter":M(t=>{let a=t&&r.find(n=>n.id.isEqual(t))||n;return t&&a&&s?.(t,a),t&&a&&S(i(t,void 0,a)),t});break;case"ArrowUp":M(t=>{let n=t?D.current.findIndex(n=>n.toString()===t.toString()):void 0,r=void 0!==n&&(D.current[n-1]?n-1:D.current.length-1)||0;return D.current[r]});break;case"ArrowDown":M(t=>{let n=t?D.current.findIndex(n=>n.toString()===t.toString()):void 0,r=void 0!==n&&(D.current[n+1]?n+1:0)||0;return D.current[r]})}},[r,r.length,D.current.length]);return((0,c.useEffect)(()=>{let t=C&&!(0,m.isFunction)(C)?C?.current:void 0;return t&&t?.addEventListener("keydown",A),()=>{t&&t?.removeEventListener("keydown",A)}},[C]),w)?null:(0,u.jsxs)("div",{...j,className:(0,p.default)(a,b.default.laneSelectorList),children:[o&&$.map(([t,n],r)=>(0,u.jsx)(g.LaneGroupedMenuItem,{onLaneSelected:s,getHref:i,scope:t,selected:I,current:n,icon:_?.get(t),timestamp:t=>t.updatedAt||t.createdAt,innerRefs:(t,n)=>O.current.get(n.hash||t.toString())},`${t??"main"}-${r}`)),!o&&$.map((t,n)=>(0,u.jsx)(h.LaneMenuItem,{ref:O.current.get(t.id.toString()),onLaneSelected:s,getHref:i,selected:I,current:t,timestamp:t.updatedAt||t.createdAt,icon:t.id.isDefault()&&v||void 0},`${t.id.toString()}-${n}`))]})}n.LaneSelectorList=c.default.forwardRef(function(t,n){return(0,u.jsx)(y,{...t,forwardedRef:n})})},43241(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LIMIT=void 0,n.LaneSelector=function(t){let{className:r,mainLane:a,nonMainLanes:o,selectedLaneId:i,groupByScope:s=!0,getHref:l,onLaneSelected:C,mainIcon:j,scopeIconLookup:S,loading:E,hasMore:O,fetchMoreLanes:D,searchLanes:N,initialOffset:P=0,placeholderText:T,...I}=t,[M,$]=(0,c.useState)(""),[A,R]=(0,c.useState)(P??0),[F,L]=(0,c.useState)(O??!1),[z,B]=(0,c.useState)([]),[q,V]=(0,c.useState)(E??!1),U=c.default.useCallback(t=>{if(!t)return new h.LanesModel({lanes:z,defaultLane:z.find(t=>t.id.isDefault())});let n={keys:["id.name","id.scope","log.username","log.email","log.displayName"],threshold:.3*(1!==t.length),findAllMatches:!0,location:0,distance:100*(1!==t.length),minMatchCharLength:1,ignoreLocation:!0,shouldSort:!1,includeScore:!0},r=new b.default(z,n).search(t).map(t=>t.item);return new h.LanesModel({lanes:r,defaultLane:r.find(t=>t.id.isDefault())})},[z]);(0,c.useEffect)(()=>{O!==F&&L(!!O)},[O]),(0,c.useEffect)(()=>{E!==q&&V(!!E)},[E]),(0,c.useEffect)(()=>{let t=h.LanesModel.concatLanes(o,z);(0,m.isEqual)(z,t)||B(t)},[o,o.length]);let G=(0,c.useCallback)(async()=>{V(!0);let t=await D?.(A,n.LIMIT);return B(n=>(L(()=>(V(!!t?.loading),R(t?.nextOffset??0),t?.hasMore??!1)),h.LanesModel.concatLanes(n,t?.lanesModel?.lanes).filter(t=>!t.id.isDefault())??[])),t},[A,D]),[H,X]=(0,c.useState)(z),[Y,W]=(0,c.useState)(s),Z=(0,p.useLocation)();(0,c.useEffect)(()=>{H.length!==z.length&&X(z)},[z.length]);let Q=c.default.useMemo(()=>o.length>=1,[o.length]),K=(0,c.useRef)(x),J=(N??U)?.(M),ee=t=>{t.stopPropagation();let n=t.target.value;n&&""!==n?K.current=k:K.current=x,$(n||"")},et=t=>{t.stopPropagation(),K.current===k&&($(""),K.current=x,X(z))},en=t=>{t.stopPropagation()};function er(){let t=K.current===k;return Q?(0,u.jsx)("div",{className:w.default.search,children:(0,u.jsx)(g.InputText,{activeLabel:!1,inputSize:"s",className:w.default.searchInputContainer,inputClass:(0,d.default)(w.default.searchInput,t&&w.default.clear),placeholder:"Search",value:M,onChange:ee,onClick:en,autoFocus:!0,icon:(0,u.jsx)(y.Icon,{of:K.current,onClick:et})})}):null}let ea=(0,c.useRef)(null),[eo,ei]=(0,c.useState)(!1);(0,c.useEffect)(()=>{ei(()=>!1)},[Z.pathname]);let es=(t,n)=>{ei(()=>(C?.(t,n),!1))},el=c.default.useMemo(()=>Q||eo?(0,u.jsxs)(c.default.Fragment,{children:[(0,u.jsx)("div",{className:w.default.toolbar,children:(0,u.jsx)(er,{})}),(0,u.jsx)(v.LaneSelectorList,{ref:ea,hasMore:!M&&F,fetchMore:G,nonMainLanes:J?.lanes&&J?.lanes.length>0?J.lanes:H,search:M,groupByScope:Y,scopeIconLookup:S,selectedLaneId:i,loading:E,mainLane:a,getHref:l,onLaneSelected:es,mainIcon:j})]},"lane-selector-dropdown-root"):null,[H,s,Q,i,E,O,G,eo,J]);return(0,u.jsx)("div",{...I,className:(0,d.default)(r,w.default.laneSelector),ref:ea,children:(0,u.jsx)(f.Dropdown,{dropClass:w.default.menu,position:"bottom",clickPlaceholderToggles:Q,onClickOutside:()=>ei(!1),clickToggles:Q,open:eo,onPlaceholderToggle:c.default.useCallback(()=>{Q&&ei(t=>!t)},[Q]),placeholderContent:(0,u.jsx)(_.LanePlaceholder,{loading:E,disabled:!Q,selectedLaneId:i,showScope:s,placeholderText:T}),className:(0,d.default)(w.default.dropdown,!Q&&w.default.disabled),children:el})})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(44178),m=r(46746),f=r(21171),h=r(1453),g=r(83337),b=l(r(2074)),y=r(516),v=r(42294),_=r(93395),w=l(r(22366));n.LIMIT=5;let x="magnifying",k="crossmark"},48790(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.EmptyLaneOverview=function(t){return(0,o.jsx)(i.EmptyComponentGallery,{...t,children:(0,o.jsx)("div",{className:s.default.text,children:"Start by snapping components to this Lane."})})};let o=r(11684);a(r(12888));let i=r(37592),s=a(r(56399))},98156(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EmptyLaneOverview=n.LaneOverview=void 0;var a=r(23282);Object.defineProperty(n,"LaneOverview",{enumerable:!0,get:function(){return a.LaneOverview}});var o=r(48790);Object.defineProperty(n,"EmptyLaneOverview",{enumerable:!0,get:function(){return o.EmptyLaneOverview}})},57290(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneOverviewHeader=function({laneId:t,componentCount:n,className:r}){let a=t.isDefault()?t.name:t.toString();return(0,o.jsxs)("div",{className:(0,i.default)(s.default.header,r),children:[(0,o.jsx)("img",{src:"https://static.bit.dev/bit-icons/lane.svg",className:s.default.icon,alt:""}),(0,o.jsx)("span",{className:s.default.name,children:a}),void 0!==n&&(0,o.jsxs)("span",{className:s.default.count,children:[n," ",1===n?"component":"components"]})]})};let o=r(11684);a(r(12888));let i=a(r(97500)),s=a(r(47955))},23282(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneOverview=function({routeSlot:t,overviewSlot:n,host:r,useLanes:a=m.useLanes}){let{lanesModel:o}=a(),i=o?.viewedLane;return i&&i.id?0===i.components.length?(0,u.jsx)(y.EmptyLaneOverview,{name:i.id.name}):(0,u.jsx)(v,{currentLane:i,host:r,routeSlot:t,overviewSlot:n}):null};let u=r(11684),c=s(r(12888)),d=r(1453),p=r(72164),m=r(30969),f=r(61071),h=l(r(47065)),g=r(57290),b=r(54374),y=r(48790);function v({currentLane:t,host:n,routeSlot:r,overviewSlot:a}){let{loading:o,components:i,componentDescriptors:s}=(0,f.useLaneComponents)(t.id),l=(0,c.useMemo)(()=>(0,h.default)(a?.values()),[a]),m=(0,c.useMemo)(()=>!!r&&(0,h.default)(Array.from(r.values())).length>0,[r]);return o?null:(0,u.jsx)(b.ComponentsOverview,{components:i??[],componentDescriptors:s??[],getHref:n=>d.LanesModel.getLaneComponentUrl(n.id,t.id),storageNamespace:"lane-overview",header:(0,u.jsx)(g.LaneOverviewHeader,{laneId:t.id,componentCount:t.components.length}),footer:(0,u.jsxs)(u.Fragment,{children:[m&&r&&(0,u.jsx)(p.SlotRouter,{slot:r}),l.map((t,n)=>(0,u.jsx)(t,{},n))]}),emptyState:(0,u.jsx)(y.EmptyLaneOverview,{name:t.id.name})})}},1453(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LanesModel=void 0;var a=r(49446);Object.defineProperty(n,"LanesModel",{enumerable:!0,get:function(){return a.LanesModel}})},49446(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LanesModel=void 0;let a=r(30266),o=r(35896),i=r(19100),s=r(68883),l=r(46746);let LanesModel=class LanesModel{static mapToLaneModel(t){let{id:n,laneComponentIds:r=[],readmeComponent:s,hash:l,createdAt:u,displayName:c,updatedAt:d,createdBy:p,updatedBy:m,dependents:f=[],slug:h,deleted:g}=t,b=r?.map(t=>i.ComponentID.fromObject(t))||[],y=s&&a.ComponentModel.from({...s}),v=u&&new Date(+u)||void 0,_=p?{name:p?.name??void 0,email:p.email??void 0,username:p?.username??void 0,displayName:p?.displayName??void 0,profileImage:p.profileImage??void 0}:void 0,w=d&&new Date(+d)||void 0,x=m?.name?{name:m?.name??void 0,username:m?.username??void 0,displayName:m?.displayName??void 0,email:m.email??void 0,profileImage:m.profileImage??void 0}:void 0;return{id:o.LaneId.from(n.name,n.scope),components:b,readmeComponent:y,createdAt:v,updatedAt:w,displayName:c,hash:l,updatedBy:x,createdBy:_,deleted:g,dependents:f?.map(t=>i.ComponentID.fromObject(t)),slug:h}}static groupLaneIdsByScope(t){let n=new Map;return t.forEach(t=>{let{scope:r}=t;if(n.has(r)){let a=n.get(r);n.set(r,[...a,t])}else n.set(r,[t])}),n}static groupLanesByScope(t){let n=new Map;return t.forEach(t=>{let{scope:r}=t.id;if(n.has(r)){let a=n.get(r);n.set(r,[...a,t])}else n.set(r,[t])}),n}static groupByComponentNameAndId(t){let n=new Map,r=new Map;return t.forEach(t=>{let{components:a}=t;a.forEach(a=>{let o=a.fullName,i=a.toString(),s=n.get(o)||[],l=r.get(i)||[];s.push(t),l.push(t),n.set(o,s),r.set(i,l)})}),{byName:n,byId:r}}static from({data:t,scope:n,viewedLaneId:r}){let a=t?.lanes?.list?.map(t=>LanesModel.mapToLaneModel(t))||[],o=t?.lanes?.current?LanesModel.mapToLaneModel(t.lanes.current):void 0,i=t?.lanes?.default?LanesModel.mapToLaneModel(t.lanes.default):n&&LanesModel.mapToLaneModel({id:{name:"main",scope:n},hash:""})||a.find(t=>t.id.isDefault())||void 0,s=r?a.find(t=>t.slug===r.name||t.id.isEqual(r)):t?.lanes?.viewedLane&&LanesModel.mapToLaneModel(t.lanes.viewedLane[0])||o||i;return new LanesModel({lanes:a,currentLane:o,defaultLane:i,viewedLane:s})}constructor({lanes:t=[],viewedLane:n,currentLane:r,defaultLane:a}){this.getLaneComponentUrlByVersion=(t,n,r,a)=>{let o=this.getDefaultLane();if(!t.version||!n||!o||n&&this.currentLane&&n.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(t,void 0,r,a);let i=this.getLanesByComponentId(t)?.find(t=>t.id.isEqual(n));return i?i.id.isDefault()?LanesModel.getMainComponentUrl(t,void 0,r,a):LanesModel.getLaneComponentUrl(t,i.id,r,a):o.components.find(n=>n.isEqual(t))?LanesModel.getMainComponentUrl(t,n,r,a):void 0},this.setViewedLane=t=>{this.viewedLane=t?this.lanes.find(n=>n.slug===t.name||n.id.isEqual(t)):void 0},this.setViewedOrDefaultLane=t=>{this.viewedLane=t?this.lanes.find(n=>n.slug===t.name||n.id.isEqual(t)):this.getDefaultLane()},this.resolveComponentFromUrl=(t,n)=>{let r=(n&&this.lanes.find(t=>t.slug===n.toString()||t.id.isEqual(n))||this.viewedLane)?.components||[];return t.includes(".")?r.find(n=>n.toStringWithoutVersion()===t):r.find(n=>n.fullName===t)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(t=>!t.id.isDefault()),this.isInViewedLane=(t,n)=>n?this.viewedLane?.components.some(r=>n&&r.isEqual(t)):this.viewedLane?.components.some(r=>n&&r.isEqual(t,{ignoreVersion:!0})),this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=t=>this.lanesByComponentName.get(t.fullName),this.getLanesByComponentId=t=>this.lanesByComponentId.get(t.toString()),this.isComponentOnMain=(t,n)=>n?!!this.getLanesByComponentId(t)?.some(t=>t.id.isDefault()):!!this.getLanesByComponentName(t)?.some(t=>t.id.isDefault()),this.isComponentOnMainButNotOnLane=(t,n,r)=>this.isComponentOnMain(t,n)&&!this.isComponentOnNonDefaultLanes(t,n,r),this.isComponentOnLaneButNotOnMain=(t,n,r)=>!this.isComponentOnMain(t,n)&&this.isComponentOnNonDefaultLanes(t,n,r),this.isComponentOnNonDefaultLanes=(t,n,r)=>n?!!this.getLanesByComponentId(t)?.some(t=>!t.id.isDefault()&&(!r||t.id.isEqual(r))):!!this.getLanesByComponentName(t)?.some(t=>!t.id.isDefault()&&(!r||t.id.isEqual(r))),this.isComponentDependent=(t,n,r)=>{let a=r?this.lanes.find(t=>t.id.isEqual(r)):this.viewedLane;return!!a&&(n?!!a.dependents?.some(n=>n.isEqual(t)):!!a.dependents?.some(n=>n.isEqual(t,{ignoreVersion:!0})))},this.viewedLane=n,this.currentLane=r,this.defaultLane=a;const o=(0,l.compact)((0,l.uniqBy)([...t,this.defaultLane,this.currentLane,this.viewedLane],t=>t?.id.toString()));this.lanes=o,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(t=>t.id));const{byId:i,byName:s}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=i,this.lanesByComponentName=s}addLanes(t=[]){this.lanes=LanesModel.concatLanes(this.lanes,t),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(t=>t.id));let{byId:n,byName:r}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=n,this.lanesByComponentName=r}static concatLanes(t=[],n=[]){return(0,l.compact)((0,l.uniqBy)([...t,...n],t=>t?.id.toString()))}};n.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,s.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(t,n)=>{let r=LanesModel.laneFromPathRegex.exec(t);if(r){let[,t,n]=r;return o.LaneId.from(n,t)}if(n){let t=n.get(LanesModel.laneUrlParamsKey);return t?o.LaneId.parse(t):void 0}},LanesModel.getLaneUrl=(t,n,r)=>`${n?"":"/"}${LanesModel.lanesPrefix}/${t.toString()}`,LanesModel.getLaneComponentUrl=(t,n,r,a)=>{let o=t.scope!==n.scope,i=LanesModel.getLaneUrl(n),s=new URLSearchParams;t.version&&s.set("version",t.version),r&&s.set("scope",t.scope);let l=o?`${i}${LanesModel.baseLaneComponentRoute}/${t.toStringWithoutVersion()}`:`${i}${LanesModel.baseLaneComponentRoute}/${t.fullName}`;return`${l}?${s.toString()}`},LanesModel.getMainComponentUrl=(t,n,r,a)=>{let o=t.fullName,i=new URLSearchParams;return n&&i.set(LanesModel.laneUrlParamsKey,n.toString()),r&&i.set("scope",t.scope),`${o}?${i.toString()}`}},79082(t,n,r){"use strict";function a(){let t=r(32751);return a=function(){return t},t}function o(){let t=r(1453);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"LanesAspect",{enumerable:!0,get:function(){return a().LanesAspect}}),Object.defineProperty(n,"LanesModel",{enumerable:!0,get:function(){return o().LanesModel}}),n.default=void 0,n.default=a().LanesAspect},32751(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.LanesAspect=void 0;let o=n.LanesAspect=a().Aspect.create({id:"teambit.lanes/lanes"});n.default=o},41551(t,n,r){"use strict";function a(){let t=D(r(12888));return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}function i(){let t=r(72631);return i=function(){return t},t}function s(){let t=r(92061);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(79845);return u=function(){return t},t}function c(){let t=r(80105);return c=function(){return t},t}function d(){let t=r(71495);return d=function(){return t},t}function p(){let t=r(8956);return p=function(){return t},t}function m(){let t=r(30266);return m=function(){return t},t}function f(){let t=r(46746);return f=function(){return t},t}function h(){let t=r(98156);return h=function(){return t},t}function g(){let t=r(38158);return g=function(){return t},t}function b(){let t=r(85253);return b=function(){return t},t}function y(){let t=r(46661);return y=function(){return t},t}function v(){let t=r(1453);return v=function(){return t},t}function _(){let t=r(30969);return _=function(){return t},t}function w(){let t=r(70444);return w=function(){return t},t}function x(){let t=r(87762);return x=function(){return t},t}function k(){let t=r(75740);return k=function(){return t},t}function C(){let t=r(25425);return C=function(){return t},t}function j(){let t=r(92021);return j=function(){return t},t}function S(){let t=r(13468);return S=function(){return t},t}function E(){let t=r(32751);return E=function(){return t},t}function O(){var t;let n=(t=r(56914))&&t.__esModule?t:{default:t};return O=function(){return n},n}function D(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(D=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function N(){return(N=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function P(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}function T(){let t=(0,m().useIdFromLocation)(void 0,!0),{lanesModel:n,loading:r}=(0,_().useLanes)(),a=(0,x().useViewedLaneFromUrl)(),o=t&&!a?.isDefault()?n?.resolveComponentFromUrl(t,a)??null:null;return null===o||r?{loading:!0}:{loading:!1,log:{head:o.version}}}function I(){return(function(){let t=(0,m().useIdFromLocation)(void 0,!0),{lanesModel:n,loading:r}=(0,_().useLanes)(),a=(0,x().useViewedLaneFromUrl)(),o=(0,b().useQuery)().get("version");if(!t)return null;let i=m().ComponentID.tryFromString(`${t}${o?`@${o}`:""}`);if(i)return i;if(r)return;let s=n?.resolveComponentFromUrl(t,a)??null;return o?s?.changeVersion(o):s})()?.toString()}let LanesUI=class LanesUI{constructor(t,n,r,o,i,l,u,c,m,f){this.componentUI=t,this.componentCompareUI=n,this.routeSlot=r,this.navSlot=o,this.menuWidgetSlot=i,this.overviewSlot=l,this.laneProviderIgnoreSlot=u,this.compareTabSlot=c,this.workspace=m,this.scope=f,P(this,"lanesHost",void 0),P(this,"hostAspect",void 0),P(this,"host",void 0),P(this,"renderContext",({children:t})=>{let n=this.laneProviderIgnoreSlot.values();return a().default.createElement(_().LanesProvider,{ignoreDerivingFromUrl:n},t)}),P(this,"_resolvedCompareTabs",void 0),P(this,"_resolvedCompareTabsKey",void 0),P(this,"getLaneCompare",t=>t.base&&t.compare?a().default.createElement(s().LaneCompare,N({},t,{base:t.base,compare:t.compare,host:t.host||this.host,tabs:t.tabs||this.resolveCompareTabs(),apiDiffInsights:t.apiDiffInsights||this.componentCompareUI.getApiDiffInsights()})):null),this.hostAspect=m||f,this.lanesHost=m?"workspace":"scope",this.host=m?p().WorkspaceAspect.id:d().ScopeAspect.id}registerHostAspectRoutes(){this.hostAspect&&(this.hostAspect.registerRoutes(this.getLaneRoutes()),this.hostAspect.registerMenuRoutes(this.getMenuRoutes()))}getLaneRoutes(){return[{path:v().LanesModel.lanesPrefix,children:a().default.createElement(a().default.Fragment,null,a().default.createElement(o().Route,{path:v().LanesModel.lanePath},a().default.createElement(o().Route,{index:!0,element:this.getLaneOverview()}),a().default.createElement(o().Route,{path:"~component/*",element:this.getLaneComponent()}),a().default.createElement(o().Route,{path:"~compare/*",element:this.getLanesComparePage()}),a().default.createElement(o().Route,{path:"*",element:a().default.createElement(c().NotFoundPage,null)})),a().default.createElement(o().Route,{path:"*",element:a().default.createElement(c().NotFoundPage,null)}))}]}overrideComputeLaneUrl(t){let{prefix:n,path:r,getLaneComponentUrl:a,getLaneIdFromPathname:o,getLaneUrl:i}=t();v().LanesModel.lanesPrefix=n,v().LanesModel.lanePath=r,v().LanesModel.getLaneComponentUrl=a,v().LanesModel.getLaneUrl=i,v().LanesModel.getLaneIdFromPathname=o}getLaneComponent(){return this.componentUI.getComponentUI(this.host,{componentId:I,useComponentFilters:T})}getLaneComponentMenu(){return this.componentUI.getMenu(this.host,{componentId:I,useComponentFilters:T})}getLaneOverview(){return a().default.createElement(h().LaneOverview,{routeSlot:this.routeSlot,overviewSlot:this.overviewSlot,host:this.lanesHost,useLanes:_().useLanes})}getLanesComparePage(){return a().default.createElement(C().LaneComparePage,{getLaneCompare:this.getLaneCompare,groupByScope:"workspace"===this.lanesHost})}getMenuRoutes(){return[{path:v().LanesModel.lanesPrefix,children:a().default.createElement(o().Route,{path:`${v().LanesModel.lanePath}/*`},a().default.createElement(o().Route,{path:"*",element:this.getLanesOverviewMenu()}),a().default.createElement(o().Route,{path:"~component/*",element:this.getLaneComponentMenu()}))}]}getLanesOverviewMenu(){return a().default.createElement(g().LanesOverviewMenu,{navigationSlot:this.navSlot,widgetSlot:this.menuWidgetSlot})}registerMenuWidget(...t){return this.menuWidgetSlot.register(t),this}registerLaneProviderIgnoreSlot(t){return this.laneProviderIgnoreSlot.register(t),this}registerLanesRoutes(){this.registerNavigation([{props:{href:".",exact:!0,children:"Overview"},order:1},{props:{href:"~compare",children:"Compare"},order:2,hide:()=>{let{lanesModel:t}=(0,_().useLanes)();return!t?.viewedLane||t?.lanes.length<2}}])}registerRoutes(){this.registerHostAspectRoutes(),this.registerLanesRoutes()}getLanesSwitcher(){return a().default.createElement(w().LaneSwitcher,{groupByScope:"workspace"===this.lanesHost,mainIcon:"scope"===this.lanesHost?()=>{let t=(0,a().useContext)(d().ScopeContext);return a().default.createElement(j().ScopeIcon,{size:24,scopeImage:t.icon,bgColor:t.backgroundIconColor,className:O().default.mainLaneIcon})}:void 0,useLanes:_().useLanes})}getLanesProvider(){return _().LanesProvider}getUseLanes(){return _().useLanes}registerLanesDropdown(){let t=this.getLanesSwitcher();this.hostAspect?.registerSidebarLink({component:function(){return t},weight:1e3})}registerRoute(t){return this.routeSlot.register(t),this}registerOverviewLine(...t){return this.overviewSlot.register(t),this}registerNavigation(t){this.navSlot.register(t)}registerCompareTab(t){return this.compareTabSlot.register(t),this}resolveCompareTabs(){let t=this.componentCompareUI.resolveCompareTabs(),n=this.compareTabSlot.toArray(),r=(0,f().flatten)(n.map(([,t])=>t).filter(Boolean)),a=`${t.map(t=>`${t.id}:${t.order??0}`).join(",")}|${r.map(t=>`${t.id}:${t.order??0}`).join(",")}`;if(this._resolvedCompareTabs&&this._resolvedCompareTabsKey===a)return this._resolvedCompareTabs;let o=new Set(r.map(t=>t.id)),i=[...r,...t.filter(t=>!o.has(t.id))].sort((t,n)=>(t.order??0)-(n.order??0));return this._resolvedCompareTabs=i,this._resolvedCompareTabsKey=a,i}static async provider([t,n,r,o,i,s],l,[u,c,m,f,h,g],b){let v,w,{config:x}=b,k=String(x.get("teambit.harmony/bit"));k===p().WorkspaceAspect.id&&(v=r),k===d().ScopeAspect.id&&(w=o);let C=new LanesUI(n,i,u,m,f,c,h,g,v,w);return t&&t.registerRenderHooks({reactContext:C.renderContext}),C.registerRoutes(),C.registerMenuWidget(()=>{let{lanesModel:t}=(0,_().useLanes)();if(!t?.viewedLane)return null;let{viewedLane:n,currentLane:r}=t;return a().default.createElement(y().UseLaneMenu,{actionName:"Import",actionIcon:"terminal",host:C.lanesHost,viewedLaneId:n.id,currentLaneId:r?.id})}),C.registerLanesDropdown(),v&&C.registerMenuWidget(s.CommandBarButton),C}};P(LanesUI,"dependencies",[u().UIAspect,m().ComponentAspect,p().WorkspaceAspect,d().ScopeAspect,k().ComponentCompareAspect,S().CommandBarAspect]),P(LanesUI,"runtime",l().UIRuntime),P(LanesUI,"slots",[i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType()]),E().LanesAspect.addRuntime(LanesUI)},30343(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.MDXAspect=void 0;let o=n.MDXAspect=a().Aspect.create({id:"teambit.mdx/mdx"});n.default=o},48567(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(24010);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(29830);return s=function(){return t},t}function l(){let t=r(39084);return l=function(){return t},t}function u(){let t=r(30343);return u=function(){return t},t}function c(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let MDXEnvUI=class MDXEnvUI{static async provider([t,n]){let r=new MDXEnvUI;return n.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any tests.",linkText:"Learn how to add tests to your MDX components",link:"https://bit.dev/docs/dev-services-overview/tester/tester-overview"})),t.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any compositions.",linkText:"Learn how to add compositions to your MDX components",link:"https://bit.dev/docs/dev-services-overview/compositions/compositions-overview"})),r}};c(MDXEnvUI,"runtime",i().UIRuntime),c(MDXEnvUI,"slots",[]),c(MDXEnvUI,"dependencies",[o().CompositionsAspect,s().TesterAspect]),u().MDXAspect.addRuntime(MDXEnvUI)},22941(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.NodeAspect=void 0;let o=n.NodeAspect=a().Aspect.create({id:"teambit.harmony/node",dependencies:[],defaultConfig:{}});n.default=o},4169(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(24010);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(29830);return s=function(){return t},t}function l(){let t=r(39084);return l=function(){return t},t}function u(){let t=r(22941);return u=function(){return t},t}function c(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let NodeEnvUI=class NodeEnvUI{static async provider([t,n]){let r=new NodeEnvUI;return n.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any tests.",linkText:"Learn how to add tests to your node components",link:"https://bit.dev/reference/dev-services-overview/tester/tester-overview"})),t.registerEmptyState(()=>a().default.createElement(l().EmptyBox,{title:"This component doesn\u2019t have any compositions.",linkText:"Learn how to add compositions to your node components",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"})),r}};c(NodeEnvUI,"runtime",i().UIRuntime),c(NodeEnvUI,"slots",[]),c(NodeEnvUI,"dependencies",[o().CompositionsAspect,s().TesterAspect]),u().NodeAspect.addRuntime(NodeEnvUI)},72969(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.notificationReducer=function(t,n){switch(n.type){case"dismiss":return t.filter(t=>t.id!==n.id);case"add":if(!n.content)return t;return t.concat(n.content);case"clear":return[];default:return t}}},78324(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function o(){let t=r(79845);return o=function(){return t},t}function i(){let t=f(r(12888));return i=function(){return t},t}function s(){let t=r(86804);return s=function(){return t},t}function l(){let t=r(33319);return l=function(){return t},t}function u(){let t=r(91757);return u=function(){return t},t}function c(){let t=r(44178);return c=function(){return t},t}function d(){let t=r(22198);return d=function(){return t},t}function p(){let t=r(72969);return p=function(){return t},t}function m(){let t=r(57325);return m=function(){return t},t}function f(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(f=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function h(){return(h=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function g(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let NotificationUI=class NotificationUI{static async provider([t]){return new NotificationUI(t)}constructor(t){g(this,"dispatch",void 0),g(this,"isMinimal",!1),g(this,"add",(t,n)=>{if(this.isMinimal)return"";let r=(0,s().v1)();return this.dispatch?.({type:"add",content:{id:r,message:t,level:n,time:new Date().toISOString()}}),r}),g(this,"log",t=>this.add(t,d().MessageLevel.info)),g(this,"warn",t=>this.add(t,d().MessageLevel.warning)),g(this,"error",t=>this.add(t,d().MessageLevel.error)),g(this,"success",t=>this.add(t,d().MessageLevel.success)),g(this,"clear",()=>{this.dispatch?.({type:"clear"})}),g(this,"render",t=>{let[n,r]=(0,i().useReducer)(p().notificationReducer,[]),[a]=(0,c().useSearchParams)(),o="true"===a.get("minimal-mode");return(this.dispatch=r,this.isMinimal=o,(0,i().useEffect)(()=>{o&&r({type:"clear"})},[o]),o)?null:i().default.createElement(u().NotificationCenter,h({},t,{notifications:n}))}),g(this,"renderContext",({children:t})=>i().default.createElement(l().NotificationContext.Provider,{value:this},t)),t.registerHudItem(i().default.createElement(this.render,{key:"NotificationUI"})),t.registerRenderHooks({reactContext:this.renderContext})}dismiss(t){this.dispatch?.({type:"dismiss",id:t})}};g(NotificationUI,"dependencies",[o().UIAspect]),g(NotificationUI,"runtime",a().UIRuntime),m().NotificationsAspect.addRuntime(NotificationUI)},57325(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.NotificationsAspect=void 0;let o=n.NotificationsAspect=a().Aspect.create({id:"teambit.ui-foundation/notifications"});n.default=o},618(t,n,r){"use strict";function a(){let t=r(75041);return a=function(){return t},t}function o(){let t=r(31025);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"PanelUiAspect",{enumerable:!0,get:function(){return a().PanelUiAspect}}),Object.defineProperty(n,"Tab",{enumerable:!0,get:function(){return o().Tab}}),Object.defineProperty(n,"TabContainer",{enumerable:!0,get:function(){return o().TabContainer}}),Object.defineProperty(n,"TabList",{enumerable:!0,get:function(){return o().TabList}}),Object.defineProperty(n,"TabPanel",{enumerable:!0,get:function(){return o().TabPanel}})},75041(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.PanelUiAspect=void 0,n.PanelUiAspect=a().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},31025(t,n,r){"use strict";function a(){let t=l(r(97500));return a=function(){return t},t}function o(){let t=l(r(12888));return o=function(){return t},t}function i(){let t=r(23936);return i=function(){return t},t}function s(){let t=l(r(68422));return s=function(){return t},t}function l(t){return t&&t.__esModule?t:{default:t}}function u(){return(u=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function c(t){return o().default.createElement(i().TabList,u({},t,{className:(0,a().default)(s().default.tabContainer,t.className)}))}function d(t){return o().default.createElement(i().Tab,u({},t,{className:(0,a().default)(t.className,s().default.tab),selectedClassName:s().default.active,disabledClassName:s().default.disabled}))}Object.defineProperty(n,"__esModule",{value:!0}),n.Tab=d,n.TabContainer=void 0,n.TabList=c,n.TabPanel=void 0,n.TabContainer=i().Tabs,c.tabsRole="TabList",n.TabPanel=i().TabPanel,d.tabsRole="Tab"},34907(t,n,r){"use strict";function a(){let t=r(54388);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"getLatestVersion",{enumerable:!0,get:function(){return a().getLatestVersion}}),Object.defineProperty(n,"getValidVersionOrReleaseType",{enumerable:!0,get:function(){return a().getValidVersionOrReleaseType}}),Object.defineProperty(n,"isRange1GreaterThanRange2Naively",{enumerable:!0,get:function(){return a().isRange1GreaterThanRange2Naively}}),Object.defineProperty(n,"validateVersion",{enumerable:!0,get:function(){return a().validateVersion}})},54388(t,n,r){"use strict";function a(){let t=r(16322);return a=function(){return t},t}function o(){let t=r(25699);return o=function(){return t},t}function i(t){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(t)}function s(t){return["patch","minor","major","prerelease"].includes(t)}function l(t){if(!s(t))throw Error(`the release-type "${t}" is not supported`)}function u(t){if(t){let n=(0,a().valid)(t);if(!n)throw new(o()).InvalidVersion(t);return n}}Object.defineProperty(n,"__esModule",{value:!0}),n.getLatestVersion=function(t){let n=(0,a().maxSatisfying)(t,"*",{includePrerelease:!0});if(!n)throw Error(`unable to find the latest version from ${t.join(", ")}`);return n},n.getValidVersionOrReleaseType=function(t){return i(t)?(l(t),{releaseType:t}):{exactVersion:u(t)}},n.isRange1GreaterThanRange2Naively=function(t,n){let r=(0,a().minVersion)(t),o=(0,a().minVersion)(n);return!!r&&!!o&&(0,a().gt)(r,o)},n.isReleaseTypeSupported=s,n.isStrReleaseType=i,n.throwForUnsupportedReleaseType=l,n.validateVersion=u},34085(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.PkgAspect=void 0;let o=n.PkgAspect=a().Aspect.create({id:"teambit.pkg/pkg"});n.default=o},93377(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(14451);return o=function(){return t},t}function i(){let t=r(2839);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(34085);return l=function(){return t},t}function u(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let PkgUI=class PkgUI{static async provider([t]){let n=new PkgUI(t);return t.registerConsumeMethod(n.npmConsumeMethod),n}constructor(t){this.compUI=t,u(this,"npmConsumeMethod",({packageName:t,latest:n,id:r,options:o,componentModel:s,authToken:l})=>{let u=s?.packageName||t,c=s?.latest||n,d=u.split("/")[0],p=r.version===c?"":`@${this.compUI.formatToInstallableVersion(r.version)}`,m=this.getNpmConfig(d,l);return{Title:a().default.createElement("img",{style:{width:"30px"},src:"https://static.bit.dev/brands/logo-npm-new.svg"}),Component:o?.hide?null:a().default.createElement(i().Install,{config:m,componentName:r.name,packageManager:"npm",copyString:`npm i ${u}${p}`,registryName:d,isInstallable:!o?.disableInstall}),order:30}})}getNpmConfig(t,n){let r=[`${t}:registry="https://node-registry.bit.cloud"`,n?`"//node-registry.bit.cloud/:_authToken=${n}"`:void 0].filter(Boolean);return`npm config set ${r.join(" ")}`}};u(PkgUI,"runtime",o().UIRuntime),u(PkgUI,"dependencies",[s().ComponentAspect]),l().PkgAspect.addRuntime(PkgUI)},66937(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.PnpmAspect=void 0;let o=n.PnpmAspect=a().Aspect.create({id:"teambit.dependencies/pnpm",dependencies:[],defaultConfig:{}});n.default=o},30637(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(14451);return o=function(){return t},t}function i(){let t=r(2839);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(66937);return l=function(){return t},t}function u(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let PnpmUI=class PnpmUI{static async provider([t]){let n=new PnpmUI(t);return t.registerConsumeMethod(n.consumeMethod),n}constructor(t){this.compUI=t,u(this,"consumeMethod",({id:t,packageName:n,latest:r,options:o,componentModel:s,authToken:l})=>{let u=s?.packageName||n,c=s?.latest||r,d=u.split("/")[0],p=t.version===c?"":`@${this.compUI.formatToInstallableVersion(t.version)}`,m=this.getNpmConfig(d,l);return{Title:a().default.createElement("img",{style:{height:"16px",marginTop:"-2px"},src:"https://static.bit.dev/brands/pnpm.svg"}),Component:o?.hide?null:a().default.createElement(i().Install,{config:m,componentName:t.name,packageManager:"pnpm",copyString:`pnpm i ${u}${p}`,registryName:d,isInstallable:!o?.disableInstall}),order:10}})}getNpmConfig(t,n){let r=[`${t}:registry="https://node-registry.bit.cloud"`,n?`"//node-registry.bit.cloud/:_authToken=${n}"`:void 0].filter(Boolean);return`npm config set ${r.join(" ")}`}};u(PnpmUI,"runtime",o().UIRuntime),u(PnpmUI,"dependencies",[s().ComponentAspect]),l().PnpmAspect.addRuntime(PnpmUI)},38848(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.computePreviewScale=function(t,n){let r=.95*n/t;return r>1?"scale(1)":`scale(${r})`}},37175(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPropsAggregator=n.PreviewPropsExecutor=n.PreviewPropsManager=n.SandboxPermissionsAggregator=n.SandboxPermissionExecutor=n.SandboxManager=n.toPreviewHash=n.toPreviewServer=n.toPreviewUrl=n.ComponentPreview=void 0;var a=r(21119);Object.defineProperty(n,"ComponentPreview",{enumerable:!0,get:function(){return a.ComponentPreview}});var o=r(46229);Object.defineProperty(n,"toPreviewUrl",{enumerable:!0,get:function(){return o.toPreviewUrl}}),Object.defineProperty(n,"toPreviewServer",{enumerable:!0,get:function(){return o.toPreviewServer}}),Object.defineProperty(n,"toPreviewHash",{enumerable:!0,get:function(){return o.toPreviewHash}});var i=r(83402);Object.defineProperty(n,"SandboxManager",{enumerable:!0,get:function(){return i.SandboxManager}}),Object.defineProperty(n,"SandboxPermissionExecutor",{enumerable:!0,get:function(){return i.SandboxPermissionExecutor}}),Object.defineProperty(n,"SandboxPermissionsAggregator",{enumerable:!0,get:function(){return i.SandboxPermissionsAggregator}}),Object.defineProperty(n,"PreviewPropsManager",{enumerable:!0,get:function(){return i.PreviewPropsManager}}),Object.defineProperty(n,"PreviewPropsExecutor",{enumerable:!0,get:function(){return i.PreviewPropsExecutor}}),Object.defineProperty(n,"PreviewPropsAggregator",{enumerable:!0,get:function(){return i.PreviewPropsAggregator}})},21119(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentPreview=function({component:t,previewName:n,className:r,forceHeight:a,includeEnv:o=!0,queryParams:i,disableScroll:s=!1,pubsub:l,innerBottomPadding:w=0,viewport:x=1280,fullContentHeight:k=!1,onLoad:C,style:j,sandbox:S,propagateError:E,onPreviewError:O,...D}){let[N,P]=(0,v.useIframeContentHeight)({skip:!1,viewport:x}),T=(0,c.useRef)(null),[I,M]=(0,c.useState)(0),[$,A]=(0,c.useState)(0),R=(0,c.useRef)(null),F=t.preview?.isScaling,L=F?T:N,[z,B]=(0,c.useState)(!1),q=(0,c.useRef)([]),V=(0,c.useRef)(void 0);(0,f.usePubSubIframe)(l?L:void 0),(0,c.useEffect)(()=>{let r=r=>{if((r.data&&r.data.event===g.LOAD_EVENT||r.data&&"webpackInvalid"===r.data.event)&&C&&C(r),r.data&&(r.data.event===g.ERROR_EVENT||"AI_FIX_REQUEST"===r.data.event)){let a=r.data.payload;if(O?.(a),B(!0),E&&window.parent&&window!==window.parent)try{window.parent.postMessage({event:r.data.event,payload:{...a,forwardedFrom:{component:t.id,preview:n}}},"*")}catch(t){console.error("failed to propagate error to parent",t)}}};return window.addEventListener("message",r),()=>{window.removeEventListener("message",r)}},[t.id.toString(),C,E,O]),(0,c.useEffect)(()=>{T.current&&(0,m.connectToChild)({iframe:T.current,methods:{pub:(t,n)=>{if("preview-size"===n.type){M(n.data.width);let t=(t=>{let n=V.current,r=n&&n.slope*t.iframeHeight+n.offset;if(void 0!==r&&Math.abs(t.height-r)<=2)return;V.current=void 0;let a=[...q.current,t].slice(-3);q.current=a;let o=function([t,n,r]){if(!t||!n||!r||n.iframeHeight<=t.iframeHeight||r.iframeHeight<=n.iframeHeight)return;let a=(n.height-t.height)/(n.iframeHeight-t.iframeHeight),o=(r.height-n.height)/(r.iframeHeight-n.iframeHeight);if(!(a<1||Math.abs(a-o)>.01*a))return{slope:o,offset:r.height-o*r.iframeHeight}}(a);return o?(V.current=o,a[0].iframeHeight):t.height})({iframeHeight:T.current?.offsetHeight||0,height:n.data.height});void 0!==t&&A(t)}C&&t&&C(t,{height:n.data.height,width:n.data.width})}}})},[T?.current]);let U=(0,h.useThemePicker)(),G=U?.current?.themeName?`theme=${U.current.themeName}`:"",H=Array.isArray(i)?i.concat(G):(0,p.compact)([i,G]),X=Array.isArray(H)?H.concat(`viewport=${x}`):(0,p.compact)([H,`viewport=${x}`]),Y=null===x?H:X,W=(0,b.toPreviewUrl)(t,n,F?Y:H,o);(0,c.useEffect)(()=>{q.current=[],V.current=void 0},[W]);let Z=R.current?.offsetWidth||0,Q=R.current?.offsetHeight||0,K=k?"100%":I||1280,J="string"==typeof K?K:Math.max(K,Z),ee=0!==$?$:5e3,et=a||5e3,en=0===I&&F&&!k&&!z;return(0,u.jsx)("div",{ref:R,className:(0,d.default)(_.default.preview,r),style:{height:a},children:(0,u.jsx)("iframe",{...D,sandbox:S||void 0,ref:L,inert:en,style:{...j,height:a||(F?(!k&&ee<Q?Q:ee)+w:(P||0)>400?P:et),width:F?J:"100%",opacity:en?0:void 0,transform:k?"":(0,y.computePreviewScale)(I||1280,Z||1280),border:0,transformOrigin:"top left"},src:W,scrolling:s?"no":void 0})})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(46746),m=r(93652),f=r(78410),h=r(70589),g=r(28452),b=r(46229),y=r(38848),v=r(52833),_=l(r(55984))},83402(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPropsManager=n.SandboxManager=void 0,n.SandboxPermissionExecutor=c,n.SandboxPermissionsAggregator=function({hooks:t,onSandboxChange:n,component:r,children:a}){let o=new SandboxManager;return(0,l.jsxs)(l.Fragment,{children:[t.map((t,n)=>(0,l.jsx)(c,{usePermissionHook:t,manager:o,component:r},`sanbox-permission-executor-${n}`)),(0,l.jsx)(d,{manager:o,onSandboxChange:n,children:a})]})},n.PreviewPropsExecutor=p,n.PreviewPropsAggregator=function({hooks:t,component:n,children:r}){let a=new PreviewPropsManager;return(0,l.jsxs)(l.Fragment,{children:[t.map((t,r)=>(0,l.jsx)(p,{usePropsHook:t,manager:a,component:n},`preview-props-executor-${r}`)),(0,l.jsx)(m,{manager:a,children:r})]})};let l=r(11684),u=s(r(12888));let SandboxManager=class SandboxManager{constructor(t=[]){this.permissions=new Set(t)}add(t){return this.permissions.add(t),this}remove(t){return this.permissions.delete(t),this}has(t){return this.permissions.has(t)}toString(){return Array.from(this.permissions).join(" ")}};function c({usePermissionHook:t,manager:n,component:r}){return t(n,r),null}function d({manager:t,onSandboxChange:n,children:r}){let a=t.toString();return(0,u.useEffect)(()=>{n?.(a)}),(0,l.jsx)(l.Fragment,{children:r?.(a)})}n.SandboxManager=SandboxManager;let PreviewPropsManager=class PreviewPropsManager{constructor(){this.attrs={}}set(t,n){return this.attrs[t]=n,this}get(t){return this.attrs[t]}toAttrs(){return{...this.attrs}}};function p({usePropsHook:t,manager:n,component:r}){return t(n,r),null}function m({manager:t,children:n}){var r;let a,o,i=t.toAttrs(),s=(0,u.useRef)(i);return r=s.current,a=Object.keys(r),o=Object.keys(i),a.length===o.length&&a.every(t=>r[t]===i[t])||(s.current=i),(0,l.jsx)(l.Fragment,{children:n(s.current)})}n.PreviewPropsManager=PreviewPropsManager},46229(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.toPreviewUrl=function(t,n,r,a=!0){let i=o(t,n),l=function(t,n=!0){if(!(!n||t.server?.host||t.server?.basePath)&&t.server?.url)return t.environment?.id}(t,a),u=s(t,n,l,r);return`${i}#${u}`},n.toPreviewServer=o,n.toPreviewHash=s;let a=r(21812);function o(t,n){var r,a,o;let s,l,u,c,d=t.server?.url;return d&&!t.server.host?d:t.preview?.includesEnvTemplate===!1?(r=t,a=n,s=r.environment?.id,l=`compId=${r.id.toString()}`,u=i(r.server?.basePath,r.server?.host),`${u}/${s}/~aspect/env-template/${a}/?${l}`):(o=t,c=i(o.server?.basePath,o.server?.host),`${c}/${o.id.toString()}/~aspect/preview/`)}function i(t,n){let r=t||"/api",a=r.startsWith("/")?r:`/${r}`,o=n?.endsWith("/")?n.slice(0,-1):n,i=o?`${o}${a}`:a;return i.endsWith("/")?i.slice(0,-1):i}function s(t,n,r,o=""){let i=[(0,a.affix)("preview=",n),(0,a.affix)("env=",r)].concat(o).filter(t=>!!t).join("&");return`${t.id.toString()}${(0,a.affix)("?",i)}`}},52833(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useIframeContentHeight=function({interval:t=250,skip:n,viewport:r}){let i=(0,a.useRef)(null),[s,l]=(0,a.useState)(0),[u,c]=(0,a.useState)(0);if(n)return[i,void 0,u];let d=!0;return o(()=>{try{let t=i.current;if(!t||!t.contentWindow||!t.contentWindow.document)return;null!==r&&(t.contentWindow.document.body.style.width="fit-content"),d||t?.style.height!=="5000px"||(t.style.height="100%");let n=t.contentWindow.document.body.scrollHeight,a=t?.contentWindow?.document.body.offsetWidth;l(n),c(a||0),d=!1}catch{}},t),[i,s,u]},n.useInterval=o;let a=r(12888);function o(t,n){let r=(0,a.useRef)(()=>t);(0,a.useEffect)(()=>{r.current=t}),(0,a.useEffect)(()=>{if(null!==n){let t=setInterval(function(){r.current()},n);return()=>clearInterval(t)}return()=>{}},[n])}},70567(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.InlinePreviewCompare=void 0;var a=r(49233);Object.defineProperty(n,"InlinePreviewCompare",{enumerable:!0,get:function(){return a.InlinePreviewCompare}})},49233(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.InlinePreviewCompare=function({minHeight:t=200}){let n=(0,c.useComponentCompare)(),r=(0,u.useRef)(null),[a,o]=(0,u.useState)(!1);(0,u.useEffect)(()=>{let t;if(a)return;let n=r.current;if(!n)return;let i=r=>{if(r.data?.event==="_DOM_LOADED_")for(let a of n.querySelectorAll("iframe"))try{if(a.contentWindow===r.source){t=setTimeout(()=>o(!0),500);return}}catch{}};window.addEventListener("message",i);let s=setTimeout(()=>o(!0),8e3);return()=>{window.removeEventListener("message",i),clearTimeout(s),t&&clearTimeout(t)}},[a]);let i=n?.base?.model||n?.compare?.model;return n&&i?(n.base?.model?.compositions?.length||0)>0||(n.compare?.model?.compositions?.length||0)>0?(0,l.jsx)("div",{ref:r,children:(0,l.jsx)(d.PreviewCompareRenderer,{loaded:a,children:(0,l.jsx)(p.CompositionCompare,{})})}):(0,l.jsx)(c.InlineCompareEmpty,{message:"No compositions to preview"}):(0,l.jsx)(d.PreviewCompareRenderer,{loaded:!1,children:null})};let l=r(11684),u=s(r(12888)),c=r(12066),d=r(50343),p=r(1278)},50343(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BrowserSkeleton=n.BrowserSkeletonSplit=n.PreviewCompareRenderer=void 0;var a=r(44593);Object.defineProperty(n,"PreviewCompareRenderer",{enumerable:!0,get:function(){return a.PreviewCompareRenderer}}),Object.defineProperty(n,"BrowserSkeletonSplit",{enumerable:!0,get:function(){return a.BrowserSkeletonSplit}}),Object.defineProperty(n,"BrowserSkeleton",{enumerable:!0,get:function(){return a.BrowserSkeleton}})},44593(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewCompareRenderer=function({loaded:t,children:n}){return(0,o.jsxs)("div",{className:i.default.previewCompare,children:[!t&&(0,o.jsx)(s,{}),(0,o.jsx)("div",{style:t?void 0:{height:0,overflow:"hidden"},children:n})]})},n.BrowserSkeletonSplit=s,n.BrowserSkeleton=l;let o=r(11684);a(r(12888));let i=a(r(3526));function s(){return(0,o.jsxs)("div",{className:i.default.browserSkeletonSplit,children:[(0,o.jsx)(l,{}),(0,o.jsx)(l,{})]})}function l(){return(0,o.jsxs)("div",{className:i.default.browserSkeleton,children:[(0,o.jsxs)("div",{className:i.default.browserToolbar,children:[(0,o.jsx)("span",{className:i.default.browserDot}),(0,o.jsx)("span",{className:i.default.browserDot}),(0,o.jsx)("span",{className:i.default.browserDot}),(0,o.jsx)("div",{className:i.default.browserUrlBar})]}),(0,o.jsxs)("div",{className:i.default.browserBody,children:[(0,o.jsx)("div",{className:i.default.browserLine1}),(0,o.jsx)("div",{className:i.default.browserLine2}),(0,o.jsx)("div",{className:i.default.browserLine3}),(0,o.jsx)("div",{className:i.default.browserLine4})]})]})}},64773(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPlaceholder=void 0;var a=r(61925);Object.defineProperty(n,"PreviewPlaceholder",{enumerable:!0,get:function(){return a.PreviewPlaceholder}})},61925(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.getCompositions=function(t){let n=t.get(d.CompositionsAspect.id);if(!n)return[];let r=n.data.compositions;return r?d.Composition.fromArray(r):[]},n.getDisplayName=_,n.getDescription=w,n.PreviewPlaceholder=function({component:t,componentDescriptor:n,Container:r=({children:t,className:n})=>(0,u.jsx)("div",{className:n,children:t}),shouldShowPreview:a=(t?.compositions.length??0)>0&&t?.buildStatus!=="pending"}){let o=t?.compositions,i=n&&w(n),s=n&&_(n),l=t?.server?.url,m=(0,c.useRef)(l),[f,b]=c.default.useState(0),[y,x]=(0,c.useState)(!1);(0,c.useEffect)(()=>{m.current!==l&&a&&(m.current=l,b(t=>t+1))},[l,a]);let k=(0,c.useMemo)(()=>{if(a&&t)return function(t){let{compositions:n}=t;return n.find(t=>t.identifier.endsWith("Preview"))}(t)},[t,a,f]);if(!t||!n)return null;if(!a||!o||!o.length)return(0,u.jsxs)(r,{className:h.default.noPreview,component:t,children:[(0,u.jsx)("div",{className:h.default.scope,children:(0,u.jsx)(p.H5,{className:h.default.scopeTitle,children:t.id.scope})}),(0,u.jsxs)("div",{className:h.default.component,children:[(0,u.jsx)(p.H3,{className:h.default.componentTitle,children:s}),(0,u.jsx)("span",{className:h.default.description,children:i})]})]});let C=t.id.toString();return l&&(a||"pending"!==t.buildStatus)?(0,u.jsxs)("div",{className:h.default.previewCard,children:[(0,u.jsx)(v,{previewAssetsUrl:`/api/${C}/~aspect/preview-assets`,children:(0,u.jsx)(d.ComponentComposition,{component:t,composition:k,pubsub:!1,includeEnv:!0,loading:"lazy",viewport:1280,queryParams:"disableCta=true",onLoad:()=>x(!0)})}),!y&&(0,u.jsx)("div",{className:h.default.skeletonOverlay,children:(0,u.jsx)(g,{})}),(0,u.jsx)("div",{className:h.default.previewOverlay})]},`${C}-${l}-${f}`):(0,u.jsx)("div",{className:h.default.previewPlaceholder,"data-tip":"","data-for":C,children:(0,u.jsx)(g,{})})};let u=r(11684),c=s(r(12888)),d=r(24010),p=r(91564),m=r(5913),f=r(82894),h=l(r(77738));function g(){return(0,u.jsxs)("div",{className:h.default.browserSkeleton,children:[(0,u.jsxs)("div",{className:h.default.browserToolbar,children:[(0,u.jsx)("span",{className:h.default.browserDot}),(0,u.jsx)("span",{className:h.default.browserDot}),(0,u.jsx)("span",{className:h.default.browserDot}),(0,u.jsx)("div",{className:h.default.browserUrlBar})]}),(0,u.jsxs)("div",{className:h.default.browserBody,children:[(0,u.jsx)("div",{className:h.default.browserLine1}),(0,u.jsx)("div",{className:h.default.browserLine2}),(0,u.jsx)("div",{className:h.default.browserLine3}),(0,u.jsx)("div",{className:h.default.browserLine4})]})]})}let b=new Set;function y(t){b.has(t)||(b.add(t),fetch(t).then(t=>t.ok?t.json():null).then(t=>{if(t?.files)for(let n of t.files){if(document.querySelector(`link[href*="${n}"]`))continue;let t=document.createElement("link");t.rel="prefetch",t.href=n,document.head.appendChild(t)}}).catch(()=>{}))}function v({previewAssetsUrl:t,rootMargin:n="0px 0px 50% 0px",children:r}){let a=(0,c.useRef)(null),[o,i]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{let r=a.current;if(!r)return;let o=t?new IntersectionObserver(([n])=>{n.isIntersecting&&(y(t),o.disconnect())},{rootMargin:"0px 0px 150% 0px"}):null,s=new IntersectionObserver(([n])=>{n.isIntersecting&&(s.disconnect(),o?.disconnect(),t&&y(t),i(!0))},{rootMargin:n});return o?.observe(r),s.observe(r),()=>{o?.disconnect(),s.disconnect()}},[]),(0,u.jsx)("div",{ref:a,className:h.default.viewportGate,children:o?r:null})}function _(t){return t.id.name.split("-").map(t=>(0,m.capitalize)(t)).join(" ")}function w(t){let n=function(t,n){let r=t.get(f.DocsAspect.id)?.data||{};if(r&&r?.doc?.props)return r.doc.props.find(t=>t.name===n)}(t,"description");return n&&n.value||""}},78434(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BitBaseEvent=void 0;let BitBaseEvent=class BitBaseEvent{constructor(t,n,r,a){this.type=t,this.version=n,this.timestamp=r,this.data=a}};n.BitBaseEvent=BitBaseEvent},19992(t,n,r){"use strict";var a,o;function i(){let t=r(78434);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ClickInsideAnIframeEvent=void 0;let ClickInsideAnIframeEventData=class ClickInsideAnIframeEventData{constructor(t){this.clickEvent=t}};let ClickInsideAnIframeEvent=class ClickInsideAnIframeEvent extends i().BitBaseEvent{constructor(t=Date.now(),n){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",t,new ClickInsideAnIframeEventData(n)),this.timestamp=t,this.clickEvent=n}};n.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,(a="symbol"==typeof(o=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(a="TYPE","string"))?o:o+"")in ClickInsideAnIframeEvent?Object.defineProperty(ClickInsideAnIframeEvent,a,{value:"click-inside-an-iframe",enumerable:!0,configurable:!0,writable:!0}):ClickInsideAnIframeEvent[a]="click-inside-an-iframe"},78410(t,n,r){"use strict";function a(){let t=r(6525);return a=function(){return t},t}function o(){let t=r(78434);return o=function(){return t},t}function i(){let t=r(19992);return i=function(){return t},t}function s(){let t=r(19665);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BitBaseEvent",{enumerable:!0,get:function(){return o().BitBaseEvent}}),Object.defineProperty(n,"ClickInsideAnIframeEvent",{enumerable:!0,get:function(){return i().ClickInsideAnIframeEvent}}),Object.defineProperty(n,"PubsubAspect",{enumerable:!0,get:function(){return a().PubsubAspect}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return a().PubsubAspect}}),Object.defineProperty(n,"usePubSub",{enumerable:!0,get:function(){return s().usePubSub}}),Object.defineProperty(n,"usePubSubIframe",{enumerable:!0,get:function(){return s().usePubSubIframe}})},19665(t,n,r){"use strict";function a(){let t=o(r(12888));return a=function(){return t},t}function o(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(o=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.createProvider=function(t){return({children:n})=>a().default.createElement(i.Provider,{value:t},n)},n.pubsubRegistry=void 0,n.usePubSub=s,n.usePubSubIframe=function(t){let n=s();(0,a().useEffect)(()=>{if(!t?.current||!n)return()=>{};let r=n.connect(t.current);return()=>r()},[t?.current,n])};let i=n.pubsubRegistry=(0,a().createContext)(void 0);function s(){return(0,a().useContext)(i)}},6525(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.PubsubAspect=void 0;let o=n.PubsubAspect=a().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});n.default=o},2121(t,n,r){"use strict";function a(){let t=r(14451);return a=function(){return t},t}function o(){let t=r(77551);return o=function(){return t},t}function i(){let t=r(93652);return i=function(){return t},t}function s(){let t=r(19992);return s=function(){return t},t}function l(){let t=r(6525);return l=function(){return t},t}function u(){let t=r(19665);return u=function(){return t},t}function c(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let PubsubUI=class PubsubUI{constructor(){c(this,"childApi",void 0),c(this,"events",new(o()).EventEmitter2),c(this,"sub",(t,n)=>{let r=this.events;return r.on(t,n),()=>{r.off(t,n)}}),c(this,"pub",(t,n,{propagate:r}={})=>{this.emitEvent(t,n),r&&this.pubToChild(t,n)}),c(this,"connectToIframe",t=>{let n=(0,i().connectToChild)({iframe:t,methods:{pub:this.emitChildEvent}});return n.promise.then(t=>this.childApi=t).catch(t=>{console.error("[Pubsub.ui]","failed connecting to child iframe:",t)}),()=>{n&&n.destroy()}}),c(this,"emitEvent",(t,n)=>{this.events.emit(t,n)}),c(this,"emitChildEvent",(t,n)=>{this.emitEvent(t,n),n.type===s().ClickInsideAnIframeEvent.TYPE&&document.body?.dispatchEvent(new MouseEvent("mousedown",{view:window,bubbles:!0,cancelable:!0}))}),c(this,"pubToChild",(t,n)=>this.childApi?.pub(t,n))}getPubSubContext(){return(0,u().createProvider)({connect:this.connectToIframe})}static async provider(){return new PubsubUI}};c(PubsubUI,"runtime",a().UIRuntime),c(PubsubUI,"dependencies",[]),l().PubsubAspect.addRuntime(PubsubUI)},50099(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.LocationHooks=function({onLocationChange:t,onNavigatorChange:n}){let r=(0,o().useLocation)(),i=(0,o().useNavigationType)(),s=(0,o().useNavigate)();return(0,a().useEffect)(()=>{t(r,i)},[r,i,t]),(0,a().useEffect)(()=>{n(s)},[s,n]),null}},75894(t,n,r){"use strict";function a(){let t=r(30129);return a=function(){return t},t}function o(){let t=r(58336);return o=function(){return t},t}function i(){let t=l(r(19304));return i=function(){return t},t}function s(){let t=l(r(44178));return s=function(){return t},t}function l(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(l=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.ReactRouter=void 0,Object.defineProperty(n,"ReactRouterAspect",{enumerable:!0,get:function(){return a().ReactRouterAspect}}),Object.defineProperty(n,"Routing",{enumerable:!0,get:function(){return o().Routing}}),n.navigation=n.default=void 0,Object.defineProperty(n,"navigation",{enumerable:!0,get:function(){return i()}}),Object.defineProperty(n,"ReactRouter",{enumerable:!0,get:function(){return s()}}),n.default=a().ReactRouterAspect},30129(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.ReactRouterAspect=void 0;let o=n.ReactRouterAspect=a().Aspect.create({id:"teambit.ui-foundation/react-router"});n.default=o},37109(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(72631);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(30129);return s=function(){return t},t}function l(){let t=r(88317);return l=function(){return t},t}function u(){let t=r(58336);return u=function(){return t},t}function c(){let t=r(50099);return c=function(){return t},t}function d(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let ReactRouterUI=class ReactRouterUI{constructor(t,n){this.routeSlot=t,this.routeChangeListener=n,d(this,"routingMode",u().Routing.url),d(this,"navigateTo",(t,n)=>{let r="string"!=typeof t?t.state:void 0;switch(n){case"POP":return;case"REPLACE":this.navigate?.(t,{replace:!0,state:r});return;default:this.navigate?.(t,{state:r})}}),d(this,"navigate",void 0),d(this,"handleLocationChange",(t,n)=>{this.routeChangeListener.values().forEach(r=>r(t,n))}),d(this,"RoutingContext",({children:t,renderCtx:n})=>a().default.createElement(l().RouteContext,{reactRouterUi:this,routing:this.routingMode,location:n?.initialLocation},t,a().default.createElement(c().LocationHooks,{onLocationChange:this.handleLocationChange,onNavigatorChange:t=>this.navigate=t}))),d(this,"ServerRouting",({children:t,renderCtx:n})=>a().default.createElement(l().RouteContext,{reactRouterUi:this,routing:u().Routing.static,location:n?.initialLocation},t,a().default.createElement(c().LocationHooks,{onLocationChange:this.handleLocationChange,onNavigatorChange:t=>this.navigate=t}))),d(this,"renderPlugin",{browserInit:()=>({initialLocation:`${window.location.pathname}${window.location.search}${window.location.hash}`}),serverInit:({browser:t})=>({initialLocation:t?.location?`${t.location.pathname}${t.location.search}${t.location.hash}`:void 0}),reactClientContext:this.RoutingContext,reactServerContext:this.ServerRouting})}renderRoutes(t){return a().default.createElement(l().RootRoute,{routeSlot:this.routeSlot,rootRoutes:t})}setRoutingMode(t){this.routingMode=t}register(t){return this.routeSlot.register(t),this}registerListener(t){this.routeChangeListener.register(t)}static async provider(t,n,[r,a]){return new ReactRouterUI(r,a)}};d(ReactRouterUI,"slots",[o().Slot.withType(),o().Slot.withType()]),d(ReactRouterUI,"runtime",i().UIRuntime),s().ReactRouterAspect.addRuntime(ReactRouterUI)},88317(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(44178);return o=function(){return t},t}function i(){let t=r(44442);return i=function(){return t},t}function s(){let t=r(72164);return s=function(){return t},t}function l(){let t=r(19304);return l=function(){return t},t}function u(){let t=r(72555);return u=function(){return t},t}function c(){let t=r(58336);return c=function(){return t},t}function d({type:t,children:n,location:r}){switch(t){case c().Routing.static:return a().default.createElement(i().StaticRouter,{location:r||"/"},n);case c().Routing.inMemory:return a().default.createElement(o().MemoryRouter,{initialEntries:[r||"/"],initialIndex:1},n);case c().Routing.hash:return a().default.createElement(o().HashRouter,null,n);case c().Routing.url:default:return a().default.createElement(o().BrowserRouter,null,n)}}Object.defineProperty(n,"__esModule",{value:!0}),n.RootRoute=function({rootRoutes:t,routeSlot:n}){return a().default.createElement(s().SlotRouter,{slot:n,rootRoutes:t})},n.RouteContext=function({routing:t=c().Routing.url,children:n,location:r}){return a().default.createElement(d,{type:t,location:r},a().default.createElement(l().NavigationProvider,{implementation:u().reactRouterAdapter},n))}},58336(t,n){"use strict";var r;Object.defineProperty(n,"__esModule",{value:!0}),n.Routing=void 0,(r={})[r.url=0]="url",r[r.hash=1]="hash",r[r.inMemory=2]="inMemory",r[r.static=3]="static",n.Routing=r},8386(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(76712);return o=function(){return t},t}function i(){let t=r(62634);return i=function(){return t},t}function s(){let t=r(45348);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.HighlighterWidget=function(){let[t,n]=(0,s().usePreviewQueryParams)("highlighter");return a().default.createElement(i().Tooltip,{content:"Component Highlighter (beta)"},a().default.createElement("span",null,a().default.createElement(o().OptionButton,{icon:"highlighter-toggle",onClick:()=>n(!t),active:t})))}},57075(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.ReactAspect=void 0;let o=n.ReactAspect=a().Aspect.create({id:"teambit.react/react"});n.default=o},16420(t,n,r){"use strict";function a(){let t=r(9003);return a=function(){return t},t}function o(){var t;let n=(t=r(52404))&&t.__esModule?t:{default:t};return o=function(){return n},n}function i(){let t=r(46746);return i=function(){return t},t}function s(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function l(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?s(Object(r),!0).forEach(function(n){u(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function u(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.ReactSchema=void 0;let ReactSchema=class ReactSchema extends a().SchemaNode{constructor(t,n,r,o,s,l=[],c,d){super(),this.location=t,this.name=n,this.modifiers=l,this.typeParams=d,u(this,"returnType",void 0),u(this,"props",void 0),u(this,"doc",void 0),u(this,"signature",void 0),u(this,"displaySchemaName","React"),this.props=o,this.returnType=r,this.doc=c,this.signature=s||a().FunctionLikeSchema.createSignature(n,(0,i().compact)([o]),r)}getNodes(){return(0,i().compact)([this.props,this.returnType])}toString(t){let n=t?.color?o().default.bold:t=>t,r=this.props?.toString(),a=this.typeParams?`<${this.typeParams.join(", ")}>`:"";return`${this.modifiersToString()}${a}${n(this.name)}(${r}): ${this.returnType.toString()}`}toFullSignature(t){let n="";this.doc&&t?.showDocs&&(n+=`${this.doc.toFullSignature()}
 `);let r=this.modifiersToString(),a=this.typeParams?`<${this.typeParams.join(", ")}>`:"",o=this.props?this.props.toFullSignature():"",i=this.returnType.toFullSignature();return n+`${r}const ${this.name}${a} = (${o}): ${i};`}isDeprecated(){return!!this.doc?.hasTag(a().TagName.deprecated)}isPrivate(){return!!(this.modifiers.find(t=>"private"===t)||this.doc?.hasTag(a().TagName.private))}modifiersToString(){let t=this.modifiers.filter(t=>"export"!==t);return t.length?`${t.join(" ")} `:""}toObject(){return l(l({},super.toObject()),{},{name:this.name,props:this.props?.toObject(),returnType:this.returnType.toObject(),signature:this.signature,modifiers:this.modifiers,doc:this.doc?.toObject(),typeParams:this.typeParams})}static fromObject(t){let n=t.location,r=t.name,o=t.props?a().ParameterSchema.fromObject(t.props):void 0;return new ReactSchema(n,r,a().SchemaRegistry.fromObject(t.returnType),o,t.signature,t.modifiers,t.doc?a().DocSchema.fromObject(t.doc):void 0,t.typeParams)}};n.ReactSchema=ReactSchema},50043(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(24010);return o=function(){return t},t}function i(){let t=r(14451);return i=function(){return t},t}function s(){let t=r(29830);return s=function(){return t},t}function l(){let t=r(41622);return l=function(){return t},t}function u(){let t=r(25271);return u=function(){return t},t}function c(){let t=r(64199);return c=function(){return t},t}function d(){let t=r(58562);return d=function(){return t},t}function p(){let t=r(57075);return p=function(){return t},t}function m(){let t=r(8386);return m=function(){return t},t}function f(){let t=r(16420);return f=function(){return t},t}function h(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let ReactUI=class ReactUI{static async provider([t,n,r]){let o=new ReactUI;return n.registerEmptyState(()=>a().default.createElement(l().AddingTests,null)),t.registerEmptyState(()=>a().default.createElement(u().AddingCompositions,null)),r.registerSchemaClasses(()=>[f().ReactSchema]),r.registerAPINodeRenderer([d().reactRenderer]),t.registerMenuWidget({location:"start",content:a().default.createElement(m().HighlighterWidget,null)}),o}};h(ReactUI,"runtime",i().UIRuntime),h(ReactUI,"slots",[]),h(ReactUI,"dependencies",[o().CompositionsAspect,s().TesterAspect,c().APIReferenceAspect]),p().ReactAspect.addRuntime(ReactUI)},8357(t,n,r){"use strict";function a(){let t=r(47546);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ScopeModel",{enumerable:!0,get:function(){return a().ScopeModel}})},47546(t,n,r){"use strict";function a(){let t=r(30266);return a=function(){return t},t}function o(){let t=r(95350);return o=function(){return t},t}function i(){let t=r(19100);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ScopeModel=void 0;let ScopeModel=class ScopeModel{constructor(t,n,r,a,o,i){this.name=t,this.icon=n,this.backgroundIconColor=r,this.description=a,this.components=o,this.componentDescriptors=i}static from({scope:t}){let n=t.components||[],r=t.components.map(t=>{let n=i().ComponentID.fromObject(t.id);return o().ComponentDescriptor.fromObject({id:n.toString()})});return new ScopeModel(t.name,t.icon,t.backgroundIconColor,t.description,n.map(t=>a().ComponentModel.from(t)),r)}static empty(){return new ScopeModel("","","","",[],[])}};n.ScopeModel=ScopeModel},86201(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ScopeProvider=n.useScope=n.ScopeContext=void 0;var a=r(62887);Object.defineProperty(n,"ScopeContext",{enumerable:!0,get:function(){return a.ScopeContext}}),Object.defineProperty(n,"useScope",{enumerable:!0,get:function(){return a.useScope}});var o=r(66356);Object.defineProperty(n,"ScopeProvider",{enumerable:!0,get:function(){return o.ScopeProvider}})},62887(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useScope=n.ScopeContext=void 0;let a=r(12888),o=r(8357);n.ScopeContext=(0,a.createContext)(o.ScopeModel.empty()),n.useScope=()=>(0,a.useContext)(n.ScopeContext)},66356(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ScopeProvider=function({scope:t,children:n}){return(0,o.jsx)(i.ScopeContext.Provider,{value:t,children:n})};let o=r(11684);a(r(12888));let i=r(62887)},78852(t,n,r){"use strict";function a(){let t=r(24490);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentNotFound=void 0;let ComponentNotFound=class ComponentNotFound extends a().BitError{constructor(t){super(`component with id: ${t} was not found`)}};n.ComponentNotFound=ComponentNotFound},38833(t,n,r){"use strict";function a(){let t=r(78852);return a=function(){return t},t}function o(){let t=r(84146);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentNotFound",{enumerable:!0,get:function(){return a().ComponentNotFound}}),Object.defineProperty(n,"NoIdMatchPattern",{enumerable:!0,get:function(){return o().NoIdMatchPattern}})},84146(t,n,r){"use strict";function a(){let t=r(24490);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.NoIdMatchPattern=void 0;let NoIdMatchPattern=class NoIdMatchPattern extends a().BitError{constructor(t){super(`unable to find any component matching the "${t}" pattern`)}};n.NoIdMatchPattern=NoIdMatchPattern},71495(t,n,r){"use strict";function a(){let t=r(15269);return a=function(){return t},t}function o(){let t=r(38833);return o=function(){return t},t}function i(){let t=r(38955);return i=function(){return t},t}function s(){let t=r(86201);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentNotFound",{enumerable:!0,get:function(){return o().ComponentNotFound}}),Object.defineProperty(n,"NoIdMatchPattern",{enumerable:!0,get:function(){return o().NoIdMatchPattern}}),Object.defineProperty(n,"ScopeAspect",{enumerable:!0,get:function(){return a().ScopeAspect}}),Object.defineProperty(n,"ScopeComponentCard",{enumerable:!0,get:function(){return i().ScopeComponentCard}}),Object.defineProperty(n,"ScopeContext",{enumerable:!0,get:function(){return s().ScopeContext}}),n.default=void 0,n.default=a().ScopeAspect},15269(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.ScopeAspect=void 0;let o=n.ScopeAspect=a().Aspect.create({id:"teambit.scope/scope"});n.default=o},24820(t,n,r){"use strict";function a(){let t=c(r(12888));return a=function(){return t},t}function o(){let t=r(71161);return o=function(){return t},t}function i(){let t=r(92064);return i=function(){return t},t}function s(){let t=r(30969);return s=function(){return t},t}function l(){let t=r(61071);return l=function(){return t},t}function u(){let t=r(86201);return u=function(){return t},t}function c(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(c=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function d(){return(d=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}Object.defineProperty(n,"__esModule",{value:!0}),n.scopeDrawer=void 0,n.scopeDrawer=({treeWidgets:t,filtersSlot:n,drawerWidgetSlot:r,assumeScopeInUrl:c=!1,overrideUseComponents:p,overrideUseLanes:m})=>{let f=m||s().useLanes;return new(o()).ComponentsDrawer({assumeScopeInUrl:c,order:0,id:"scope-components-drawer",name:"COMPONENTS",plugins:{tree:{widgets:t,customRenderer:(t,n)=>function r(o){let s=o.node.children;return s?o.node.payload instanceof i().ScopePayload?o.node.id.slice(0,-1)!==n?.name?a().default.createElement(i().ScopeTreeNode,o):a().default.createElement(a().default.Fragment,null,s.map(t=>a().default.createElement(r,d({key:t.id},o,{node:t})))):a().default.createElement(i().NamespaceTreeNode,o):a().default.createElement(i().ComponentView,d({},o,{treeNodeSlot:t,scopeName:n?.name}))}},filters:n,drawerWidgets:r},useHost:()=>(0,u().useScope)(),useLanes:f,emptyMessage:"Scope is empty",transformTree:t=>n=>{let r=n.children?.findIndex(n=>{if(n.payload instanceof i().ScopePayload)return n.id.slice(0,-1)===t?.name}),a=n.children&&void 0!==r?n.children[r]:void 0;if(a&&a.children&&n.children){delete n.children[r];let t=n.children.concat(a.children);n.children=t}return n},useComponents:p||(()=>{var t,n;let r,{lanesModel:o,loading:i}=f(),s=o?.viewedLane?.id,{components:c=[],loading:d}=(0,l().useLaneComponents)(s?.isDefault()?void 0:s),{components:p}=(0,a().useContext)(u().ScopeContext);return{loading:i||d,components:(t=p,n=c,r=t.filter(t=>!n.find(n=>n.id.toStringWithoutVersion()===t.id.toStringWithoutVersion())),n.concat(r))}})})}},49121(t,n,r){"use strict";function a(){let t=r(46746);return a=function(){return t},t}function o(){let t=r(30266);return o=function(){return t},t}function i(){let t=r(72631);return i=function(){return t},t}function s(){let t=r(33903);return s=function(){return t},t}function l(){let t=r(14451);return l=function(){return t},t}function u(){let t=r(79845);return u=function(){return t},t}function c(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return c=function(){return n},n}function d(){let t=r(93766);return d=function(){return t},t}function p(){let t=r(13468);return p=function(){return t},t}function m(){let t=r(71161);return m=function(){return t},t}function f(){let t=r(95719);return f=function(){return t},t}function h(){let t=r(8367);return h=function(){return t},t}function g(){let t=r(59004);return g=function(){return t},t}function b(){let t=r(79453);return b=function(){return t},t}function y(){let t=r(61348);return y=function(){return t},t}function v(){let t=r(15269);return v=function(){return t},t}function _(){let t=r(87130);return _=function(){return t},t}function w(){let t=r(24820);return w=function(){return t},t}function x(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let ScopeUI=class ScopeUI{constructor(t,n,r,a,o,i,s,l,u,c,d,p,m,f,h){this.routeSlot=t,this.componentUi=n,this.menuSlot=r,this.sidebar=a,this.sidebarSlot=o,this.commandBarUI=i,this.scopeBadgeSlot=s,this.menuWidgetSlot=l,this.sidebarItemSlot=u,this.menuItemSlot=c,this.cornerSlot=d,this.overviewSlot=p,this.contextSlot=m,this.drawerWidgetSlot=f,this.drawerComponentsFiltersSlot=h,x(this,"setSidebarToggle",()=>{}),x(this,"registerMenuRoutes",t=>(this.menuSlot.register(t),this)),x(this,"componentUrlFunc",void 0),x(this,"registerMenuItem",t=>{this.menuItemSlot.register(t)}),x(this,"registerSidebarWidget",t=>(t.map(t=>this.sidebarSlot.register(t)),this)),x(this,"registerSidebarLink",(...t)=>{this.sidebarItemSlot.register(t)}),x(this,"registerDrawers",(...t)=>(this.sidebar.registerDrawer(...t),this)),x(this,"registerDrawerComponentFilters",t=>{this.drawerComponentsFiltersSlot.register(t)}),x(this,"registerDrawerWidgets",t=>{this.drawerWidgetSlot.register(t)}),x(this,"setComponents",t=>{this.componentUi.updateComponents(t)}),x(this,"menuItems",[{category:"general",title:"Open command bar",keyChar:"mod+k",handler:()=>this.commandBarUI?.run("command-bar.open")},{category:"general",title:"Toggle component list",keyChar:"alt+s",handler:()=>this.commandBarUI?.run("sidebar.toggle")}])}registerBadge(...t){return this.scopeBadgeSlot.register(t),this}getScope(t){return c().default.createElement(_().Scope,{TargetScopeOverview:t.TargetScopeOverview,scopeClassName:t.scopeClassName,TargetCorner:t.Corner,routeSlot:this.routeSlot,menuSlot:this.menuSlot,sidebar:c().default.createElement(this.sidebar.render,{items:this.listSidebarLinks(),overrideDrawerSlot:t.overrideDrawers}),scopeUi:this,userUseScopeQuery:t.useScope,badgeSlot:this.scopeBadgeSlot,overviewLineSlot:this.overviewSlot,context:this.getContext(t.getComponentUrl),onSidebarTogglerChange:t.onSidebarToggle||this.setSidebarToggle,cornerSlot:this.cornerSlot,paneClassName:t.paneClassName,PaneWrapper:t.PaneWrapper})}registerOverviewLine(...t){return this.overviewSlot.register(t),this}registerRoutes(t){return this.routeSlot.register(t),this}applyMenuRoutes(){this.registerMenuRoutes([{path:this.componentUi.routePath,element:this.componentUi.getMenu(v().ScopeAspect.id)},{path:"/",element:this.getScopeMenu()}])}getScopeMenu(){return c().default.createElement(y().ScopeMenu,{widgetSlot:this.menuWidgetSlot,menuItemSlot:this.menuItemSlot})}registerExplicitRoutes(){this.applyMenuRoutes(),this.registerRoutes([{path:this.componentUi.routePath,element:this.componentUi.getComponentUI(v().ScopeAspect.id)}])}registerMenuWidget(...t){this.menuWidgetSlot.register(t)}registerCorner(t){this.cornerSlot.register(t)}registerComponentUrl(t){this.componentUrlFunc=t}replaceOverview(){}replaceDescription(){}replaceMetadataSection(){}registerMetadataItem(){}replaceComponentGrid(){}registerMetadata(){}addContext(...t){return this.contextSlot.register(t),this}getContext(t){let n=this.contextSlot.values(),r=({children:n})=>c().default.createElement(g().ComponentUrlProvider,{value:t||this.componentUrlFunc},n);return(0,a().flatten)(n).concat(r)}registerDefaultDrawers(t=!1,n,r){this.sidebar.registerDrawer(this.getDefaultDrawer(t,n,r))}getDefaultDrawer(t=!1,n,r){return(0,w().scopeDrawer)({treeWidgets:this.sidebarSlot,filtersSlot:this.drawerComponentsFiltersSlot,drawerWidgetSlot:this.drawerWidgetSlot,assumeScopeInUrl:t,overrideUseComponents:n,overrideUseLanes:r})}uiRoot(){this.registerDefaultDrawers();let[t]=this.commandBarUI.addCommand({id:"sidebar.toggle",action:()=>{},displayName:"Toggle component list",keybinding:"alt+s"});return this.setSidebarToggle=t,{routes:[{path:"/*",element:c().default.createElement(_().Scope,{routeSlot:this.routeSlot,menuSlot:this.menuSlot,sidebar:c().default.createElement(this.sidebar.render,{items:this.listSidebarLinks()}),scopeUi:this,badgeSlot:this.scopeBadgeSlot,overviewLineSlot:this.overviewSlot,context:this.getContext(),onSidebarTogglerChange:this.setSidebarToggle,cornerSlot:this.cornerSlot})}]}}listSidebarLinks(){let t=(0,a().flatten)(this.sidebarItemSlot.values()).sort((t,n)=>(t?.weight||0)-(n?.weight||0));return(0,a().compact)(t.map(t=>t.component))}static async provider([t,n,r,a],o,[i,s,l,u,p,g,v,_,w,x,k,C]){let j=new ScopeUI(i,n,s,r,l,a,u,p,v,g,_,w,x,k,C);return j.registerDrawerComponentFilters([f().DeprecateFilter,h().EnvsFilter,(0,b().ShowMainFilter)(!1)]),j.registerDrawerWidgets([c().default.createElement(m().FilterWidget,{key:"workspace-filter-widget"}),c().default.createElement(m().TreeToggleWidget,{key:"workspace-tree-toggle-widget"})]),t&&t.registerRoot(j.uiRoot.bind(j)),j.registerMenuItem(j.menuItems),j.registerMenuWidget(()=>c().default.createElement(y().ScopeUseBox,{actionName:o.useBoxAction,actionIcon:o.useBoxIcon})),o.showGallery&&j.registerSidebarLink({component:function(){return c().default.createElement(d().MenuLinkItem,{exact:!0,href:"/",icon:"comps"},"Overview")}}),t&&j.registerExplicitRoutes(),j}};x(ScopeUI,"dependencies",[u().UIAspect,o().ComponentAspect,s().SidebarAspect,p().CommandBarAspect]),x(ScopeUI,"runtime",l().UIRuntime),x(ScopeUI,"slots",[i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType(),i().Slot.withType()]),x(ScopeUI,"defaultConfig",{showGallery:!0}),v().ScopeAspect.addRuntime(ScopeUI)},61348(t,n,r){"use strict";function a(){let t=r(11649);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ScopeMenu",{enumerable:!0,get:function(){return a().ScopeMenu}}),Object.defineProperty(n,"ScopeUseBox",{enumerable:!0,get:function(){return a().ScopeUseBox}})},11649(t,n,r){"use strict";function a(){let t=r(10993);return a=function(){return t},t}function o(){let t=r(86201);return o=function(){return t},t}function i(){let t=m(r(97500));return i=function(){return t},t}function s(){let t=p(r(12888));return s=function(){return t},t}function l(){let t=r(54664);return l=function(){return t},t}function u(){let t=r(97754);return u=function(){return t},t}function c(){let t=m(r(4342));return c=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ScopeMenu=function(t){let{className:n}=t,r=function(t,n){if(null==t)return{};var r,a,o=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,d);return s().default.createElement(a().Menu,f({},r,{className:(0,i().default)(c().default.scopMenu,n)}))},n.ScopeUseBox=function({actionName:t,actionIcon:n}){let r=(0,s().useContext)(o().ScopeContext);return s().default.createElement(l().UseBoxDropdown,{position:"bottom-end",className:c().default.useBox,actionIcon:n,actionName:t,Menu:s().default.createElement(u().Menu,{scopeName:r.name})})};let d=["className"];function p(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(p=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function m(t){return t&&t.__esModule?t:{default:t}}function f(){return(f=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}},33819(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=r(38955);Object.keys(a).forEach(function(t){"default"===t||"__esModule"===t||t in n&&n[t]===a[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return a[t]}})})},38955(t,n,r){"use strict";function a(){let t=f(r(12888));return a=function(){return t},t}function o(){let t=r(5370);return o=function(){return t},t}function i(){let t=r(16788);return i=function(){return t},t}function s(){let t=r(64773);return s=function(){return t},t}function l(){let t=r(54198);return l=function(){return t},t}function u(){let t=r(62634);return u=function(){return t},t}function c(){let t=r(19100);return c=function(){return t},t}function d(){let t=r(98788);return d=function(){return t},t}function p(){let t=r(86201);return p=function(){return t},t}function m(){var t;let n=(t=r(54172))&&t.__esModule?t:{default:t};return m=function(){return n},n}function f(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(f=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.LinkPlugin=void 0,n.ScopeComponentCard=h,n.ScopeOverview=function({badgeSlot:t,overviewSlot:n,TargetOverview:r}){let s=(0,a().useContext)(p().ScopeContext),{components:u,componentDescriptors:c}=s;if(r)return a().default.createElement(r,null);if(!u||0===u.length)return a().default.createElement(l().EmptyScope,{name:s.name});let d=new Map(c.map(t=>[t.id.toString(),t])),f=g({compModelsById:new Map(u.map(t=>[t.id.toString(),t]))});return a().default.createElement("div",{className:m().default.container},a().default.createElement(i().ScopeDetails,{scopeName:s.name,icon:s.icon,backgroundIconColor:s.backgroundIconColor,badgeSlot:t,overviewSlot:n,description:s.description,componentCount:s.components.length}),a().default.createElement(o().ComponentGrid,{className:m().default.cardGrid},u.map(t=>t.deprecation?.isDeprecate?null:a().default.createElement("div",{key:t.id.toString()},a().default.createElement(h,{component:t,plugins:f,componentDescriptor:d.get(t.id.toString())})))))},n.useCardPlugins=g;let LinkPlugin=class LinkPlugin{link(t){return t.fullName}};function h({componentDescriptor:t,plugins:n}){return t?a().default.createElement(d().ComponentCard,{plugins:n,component:t}):null}function g({compModelsById:t}){return a().default.useMemo(()=>[{preview:function({component:n}){let r=t.get(n.id.toString());return r?a().default.createElement(s().PreviewPlaceholder,{componentDescriptor:n,component:r,shouldShowPreview:r.compositions.length>0}):null}},{previewBottomRight:function({component:t}){let n=t.get("teambit.envs/envs"),r=n?.id?c().ComponentID.fromString(n?.id):void 0;return a().default.createElement("div",{className:m().default.rightPreviewPlugins},a().default.createElement("div",{className:m().default.badge},a().default.createElement(u().Tooltip,{delay:300,content:r?.name},a().default.createElement("img",{src:n?.icon,className:m().default.envIcon}))))}},new LinkPlugin],[t.size])}n.LinkPlugin=LinkPlugin},87130(t,n,r){"use strict";function a(){let t=w(r(12888));return a=function(){return t},t}function o(){let t=_(r(97500));return o=function(){return t},t}function i(){let t=r(52696);return i=function(){return t},t}function s(){let t=r(72164);return s=function(){return t},t}function l(){let t=r(90420);return l=function(){return t},t}function u(){let t=r(21245);return u=function(){return t},t}function c(){let t=r(25877);return c=function(){return t},t}function d(){let t=r(96518);return d=function(){return t},t}function p(){let t=r(40218);return p=function(){return t},t}function m(){let t=r(94526);return m=function(){return t},t}function f(){let t=r(44178);return f=function(){return t},t}function h(){let t=r(53663);return h=function(){return t},t}function g(){let t=r(86201);return g=function(){return t},t}function b(){let t=r(42012);return b=function(){return t},t}function y(){let t=r(33819);return y=function(){return t},t}function v(){let t=_(r(83363));return v=function(){return t},t}function _(t){return t&&t.__esModule?t:{default:t}}function w(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(w=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function x({children:t,Wrapper:n}){return a().default.createElement(n,null,t)}Object.defineProperty(n,"__esModule",{value:!0}),n.Scope=function({routeSlot:t,menuSlot:n,sidebar:r,scopeUi:_,badgeSlot:w,overviewLineSlot:k,cornerSlot:C,PaneWrapper:j,context:S=[],paneClassName:E,TargetScopeOverview:O,TargetCorner:D,onSidebarTogglerChange:N,userUseScopeQuery:P,scopeClassName:T}){let{scope:I}=P?P():(0,b().useScopeQuery)(),M=(0,h().useIsMobile)(),[$,A]=(0,a().useReducer)(t=>!t,!M),R=$?i().Layout.row:i().Layout.right;if(!I)return a().default.createElement(m().FullLoader,null);let F=D||C?.values()[0];_.setComponents(I.components);let L=S.map(t=>[t,{scope:I}]);return N(A),a().default.createElement(g().ScopeProvider,{scope:I},a().default.createElement(p().Composer,{components:L},a().default.createElement("div",{className:(0,o().default)(v().default.scope,T)},a().default.createElement(d().TopBar,{className:v().default.topbar,Corner:()=>F?a().default.createElement(F,null):a().default.createElement(l().Corner,{name:I.name,className:v().default.whiteCorner}),menu:n}),a().default.createElement(i().SplitPane,{className:v().default.main,size:264,layout:R},a().default.createElement(i().Pane,{className:(0,o().default)(v().default.sidebar,!$&&v().default.collapsed)},r),a().default.createElement(c().HoverSplitter,{className:v().default.splitter},a().default.createElement(u().Collapser,{isOpen:$,onMouseDown:t=>t.stopPropagation(),onClick:A,tooltipContent:`${$?"Hide":"Show"} side panel`})),j&&a().default.createElement(x,{Wrapper:j},a().default.createElement(i().Pane,{className:(0,o().default)(E,v().default.pane)},a().default.createElement(s().SlotRouter,{slot:t},a().default.createElement(f().Route,{index:!0,element:a().default.createElement(y().ScopeOverview,{badgeSlot:w,overviewSlot:k,TargetOverview:O})}))))||a().default.createElement(i().Pane,{className:(0,o().default)(E,v().default.pane)},a().default.createElement(s().SlotRouter,{slot:t},a().default.createElement(f().Route,{index:!0,element:a().default.createElement(y().ScopeOverview,{badgeSlot:w,overviewSlot:k,TargetOverview:O})})))))))},r(97439)},35447(t,n,r){"use strict";function a(){var t;let n=(t=r(52404))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(19100);return o=function(){return t},t}function i(){let t=r(56480);return i=function(){return t},t}function s(){let t=r(37185);return s=function(){return t},t}function l(){let t=r(86902);return l=function(){return t},t}function u(){let t=r(81170);return u=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.APISchema=void 0;let APISchema=class APISchema extends s().SchemaNode{constructor(t,n,r,a,o=[]){super(),this.location=t,this.module=n,this.internals=r,this.componentId=a,o=o.length&&o||this.listTaggedExports(n),this.taggedModuleExports=o}listTaggedExports(t){return t?t.exports.filter(t=>i().ExportSchema.isExportSchema(t)&&t.exportNode.doc?.hasTag(l().TagName.exports)||t.doc?.hasTag(l().TagName.exports)).map(t=>i().ExportSchema.isExportSchema(t)?t.exportNode:t):[]}toString(){return JSON.stringify(this.module.exports.map(t=>t.toObject()),void 0,2)}toStringPerType(){let t=a().default.inverse(`API Schema of ${this.componentId.toString()}
 `),n=this.module.exports.reduce((t,n)=>{let r=(i().ExportSchema.isExportSchema(n)?n.exportNode:n).displaySchemaName;return(t[r]=t[r]||[]).push(n),t},{}),r=Object.keys(n).sort();return 0===r.length?t:t+r.map(t=>{let r=n[t].map(t=>t.toString({color:!0})).join("\n");return`${a().default.green.bold(t)}
 ${r}`}).join("\n\n")+"\n\n"}toFullSignature(t={showDocs:!0}){let n=`API Schema of ${this.componentId.toString()}