@teambit/ui 1.0.1158 → 1.0.1160

package/artifacts/ui-bundle/public/bit/static/js/{528.c7575c2c.js → 528.a8a5faad.js}

@@ -664,7 +664,7 @@ ${l}`}).join("\n\n")+"\n"};let o="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
     }
   }
   ${o}
-`},92308(t,n,r){"use strict";function a(){let t=r(85253);return a=function(){return t},t}function o(){let t=r(94653);return o=function(){return t},t}function i(){let t=r(88439);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Filters",{enumerable:!0,get:function(){return i().Filters}}),Object.defineProperty(n,"UseComponentType",{enumerable:!0,get:function(){return i().UseComponentType}}),n.useComponent=function(t,n,r){var i,s;let l=(0,a().useQuery)(),{version:u,logFilters:c,customUseComponent:d,skip:p,context:f}=r||{},m=(u||l.get("version"))??void 0,h=n&&(i=n,!(s=m)||i.includes("@")?i:`${i}@${s}`);return(d||o().useComponentQuery)(h||"",t,c,p||!n,f)}},88439(){},23403(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getOffsetValue=function(t,n,r=!1){return void 0!==t?r?-(t+n):t:void 0!==n?0:void 0}},68089(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCardSkeleton=function(){return(0,o.jsxs)("div",{className:s.default.compositionCardSkeleton,children:[(0,o.jsx)(l,{}),(0,o.jsx)("div",{className:s.default.bottom,children:(0,o.jsx)(i.LineSkeleton,{width:"104px"})})]})},n.PreviewSkeleton=l;let o=r(11684),i=r(91317),s=a(r(70045));function l(){return(0,o.jsxs)("div",{className:s.default.preview,children:[(0,o.jsx)(i.BlockSkeleton,{lines:2,className:s.default.block}),(0,o.jsx)(i.LineSkeleton,{width:"208px"}),(0,o.jsx)(i.LineSkeleton,{width:"152px"}),(0,o.jsx)(i.LineSkeleton,{width:"88px"})]})}},48216(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewSkeleton=n.CompositionCardSkeleton=void 0;var a=r(68089);Object.defineProperty(n,"CompositionCardSkeleton",{enumerable:!0,get:function(){return a.CompositionCardSkeleton}}),Object.defineProperty(n,"PreviewSkeleton",{enumerable:!0,get:function(){return a.PreviewSkeleton}})},38527(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCard=void 0;let o=r(11684),i=a(r(12888)),s=a(r(97500)),l=r(29751),u=r(24010),c=r(38348),d=a(r(98685));n.CompositionCard=i.default.memo(function({composition:t,component:n,className:r,openCompositionLink:a,previewClass:p,queryParams:f,sandbox:m,...h}){let g=i.default.useMemo(()=>(0,o.jsx)(u.ComponentComposition,{disableScroll:!0,className:p,includeEnv:!0,loading:"lazy",composition:t,component:n,viewport:1280,queryParams:f,previewName:"compositions",sandbox:m}),[t.identifier,n.id.toString(),p,m]);return(0,o.jsxs)("div",{...h,className:(0,s.default)(d.default.compositionCard,r),children:[(0,o.jsx)("div",{className:d.default.compositionPreview,children:g}),(0,o.jsxs)("div",{className:d.default.bottom,children:[(0,o.jsx)("span",{className:(0,s.default)(c.ellipsis,d.default.displayName),children:t.displayName}),a&&(0,o.jsx)("a",{className:d.default.link,target:"_blank",rel:"noopener noreferrer",href:a,children:(0,o.jsx)(l.Icon,{className:d.default.icon,of:"open-tab"})})]})]},t.identifier)})},23778(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCardSkeleton=n.CompositionCard=void 0;var a=r(38527);Object.defineProperty(n,"CompositionCard",{enumerable:!0,get:function(){return a.CompositionCard}});var o=r(48216);Object.defineProperty(n,"CompositionCardSkeleton",{enumerable:!0,get:function(){return o.CompositionCardSkeleton}})},70532(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.humanizeCompositionId=function(t){return(0,o.default)(t)};let o=a(r(64744))},36261(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.humanizeCompositionId=void 0;var a=r(70532);Object.defineProperty(n,"humanizeCompositionId",{enumerable:!0,get:function(){return a.humanizeCompositionId}})},22645(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionGallerySkeleton=function({compositionsLength:t,className:n,...r}){let a=Array.from(Array(t));return(0,o.jsxs)("div",{...r,className:(0,i.default)(u.default.compositionGallerySkeleton,n),children:[(0,o.jsx)(s.LineSkeleton,{width:"100px",className:u.default.title}),(0,o.jsx)("div",{className:(0,i.default)(u.default.compositionGalleryGrid),children:a.map((t,n)=>(0,o.jsx)(l.CompositionCardSkeleton,{},`comp-card-skeleton-${n}`))})]})};let o=r(11684),i=a(r(97500)),s=r(91317),l=r(23778),u=a(r(53787))},13156(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionGallerySkeleton=void 0;var a=r(22645);Object.defineProperty(n,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return a.CompositionGallerySkeleton}})},91339(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionGallery=function({component:t,sandbox:n}){let r=(0,l.useNavigate)();return t.compositions.length>0?(0,o.jsxs)("div",{className:c.default.compositionGallery,children:[(0,o.jsxs)(s.LinkedHeading,{size:"sm",className:c.default.title,children:[(0,o.jsx)(i.Icon,{of:"eye"})," ",(0,o.jsx)("span",{children:"PREVIEW"})]}),(0,o.jsx)("div",{className:c.default.carousel,children:t.compositions.map(a=>(0,o.jsx)(u.CompositionCard,{onClick:()=>r(`~compositions/${a.identifier.toLowerCase()}`),className:c.default.compositionGalleryCard,previewClass:c.default.preview,composition:a,component:t,queryParams:"disableCta=true",sandbox:n},a.identifier.toLowerCase()))})]}):null};let o=r(11684),i=r(516),s=r(36463),l=r(19304),u=r(23778),c=a(r(61349))},55970(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionGallerySkeleton=n.CompositionGallery=void 0;var a=r(91339);Object.defineProperty(n,"CompositionGallery",{enumerable:!0,get:function(){return a.CompositionGallery}});var o=r(13156);Object.defineProperty(n,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return o.CompositionGallerySkeleton}})},2186(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompareSection=void 0;let CompositionCompareSection=class CompositionCompareSection{constructor(t){this.ui=t,this.navigationLink={href:"compositions",children:"Preview"},this.props=this.navigationLink,this.route={path:"compositions/*",element:this.ui.getCompositionsCompare()},this.order=1,this.id="preview"}};n.CompositionCompareSection=CompositionCompareSection},54016(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompareSection=void 0;var a=r(2186);Object.defineProperty(n,"CompositionCompareSection",{enumerable:!0,get:function(){return a.CompositionCompareSection}})},15943(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useCompositionCompare=n.CompositionCompareContext=void 0;let a=r(12888);n.CompositionCompareContext=(0,a.createContext)(void 0),n.useCompositionCompare=()=>(0,a.useContext)(n.CompositionCompareContext)},88134(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompare=function(t){let{emptyState:n,PreviewView:r=f.CompositionContent,Widgets:a,previewViewProps:o={}}=t,i=(0,p.useComponentCompare)(),s=(0,_.useQuery)(),l=(0,v.useLocation)()||{pathname:"/"},{base:m,compare:w,baseContext:k,compareContext:j,loading:O}=i||{},[E,L]=(0,c.useState)(!0),[z,B]=(0,c.useState)("loading"),[q,U]=(0,c.useState)(!1),{panelRef:V,panelHeight:H,isResizing:G,handleResizeStart:W}=function(){let[t,n]=(0,c.useState)(240),[r,a]=(0,c.useState)(!1),o=(0,c.useRef)(null),i=(0,c.useRef)(!1),s=(0,c.useRef)(240),l=(0,c.useRef)(null),u=(0,c.useRef)(null),d=(0,c.useRef)(!1),p=(0,c.useRef)(!1),f=(0,c.useCallback)(()=>{let t=o.current?.parentElement?.clientHeight;return t?Math.max(80,t-150):240},[150,80,240]),m=(0,c.useCallback)(()=>{let t=o.current?.parentElement?.clientHeight;return!t||t<=0?240:Math.max(240,Math.round(.34*t))},[240,.34]),h=(0,c.useCallback)(t=>Math.max(80,Math.min(f(),t)),[80,f]),g=(0,c.useCallback)((t,r=!1)=>{let a=h(t);return s.current=a,o.current&&(o.current.style.height=`${a}px`),r&&n(a),a},[h]),b=(0,c.useCallback)(()=>{i.current||g(p.current?s.current:m(),!0)},[g,m]);(0,c.useEffect)(()=>{d.current||(d.current=!0,b())},[b]),(0,c.useEffect)(()=>{let t=()=>{b()};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[b]),(0,c.useEffect)(()=>{if("u"<typeof ResizeObserver)return;let t=o.current?.parentElement;if(!t)return;let n=new ResizeObserver(()=>{b()});return n.observe(t),()=>n.disconnect()},[b]);let y=(0,c.useCallback)(t=>{t.preventDefault(),t.stopPropagation(),i.current=!0,a(!0);let n=t.clientY,r=s.current,o=t=>{if(!i.current)return;t.preventDefault();let a=r+(n-t.clientY);null!==u.current&&cancelAnimationFrame(u.current),u.current=requestAnimationFrame(()=>{g(a),u.current=null})},c=()=>{null!==u.current&&(cancelAnimationFrame(u.current),u.current=null),p.current=!0,i.current=!1,g(s.current,!0),a(!1),window.removeEventListener("mousemove",o),window.removeEventListener("mouseup",c),window.removeEventListener("blur",c),document.body.style.cursor="",document.body.style.userSelect=""};l.current?.(),document.body.style.cursor="ns-resize",document.body.style.userSelect="none",window.addEventListener("mousemove",o),window.addEventListener("mouseup",c),window.addEventListener("blur",c),l.current=()=>{window.removeEventListener("mousemove",o),window.removeEventListener("mouseup",c),window.removeEventListener("blur",c)}},[g]);return(0,c.useEffect)(()=>()=>{i.current=!1,null!==u.current&&(cancelAnimationFrame(u.current),u.current=null),l.current?.(),l.current=null,document.body.style.cursor="",document.body.style.userSelect=""},[]),{panelRef:o,panelHeight:t,isResizing:r,handleResizeStart:y}}(),X=!O&&void 0!==m&&void 0!==w,Y=m?.model.compositions,Z=w?.model.compositions,{selectedCompositionBaseFile:Q,selectedCompositionCompareFile:K}={selectedCompositionBaseFile:(0,h.useCompareQueryParam)("compositionBaseFile"),selectedCompositionCompareFile:(0,h.useCompareQueryParam)("compositionCompareFile")},J=j?.state?.preview,ee=k?.hooks?.preview,et=j?.hooks?.preview,en=(0,c.useMemo)(()=>(function({selectedCompositionCompareFile:t,selectedCompositionBaseFile:n,compareStateId:r,baseStateId:a,compareCompositions:o,baseCompositions:i}){let s=o?.[0]?.identifier||i?.[0]?.identifier;return t||n||r||a||s})({selectedCompositionCompareFile:K,selectedCompositionBaseFile:Q,compareStateId:J?.id,baseStateId:k?.state?.preview?.id,compareCompositions:Z,baseCompositions:Y}),[K,Q,J?.id,k?.state?.preview?.id,Z,Y]),er=N(Y,en),ea=N(Z,en),eo=!!(!en||!er),ei=!!(!en||!ea),es=(0,c.useMemo)(()=>new Set((Y||[]).map(t=>t.identifier)),[Y]),el=(0,c.useMemo)(()=>new Set((Z||[]).map(t=>t.identifier)),[Z]),eu=(0,c.useMemo)(()=>(0,C.uniqBy)((Y||[]).concat(Z||[]),"identifier")?.map(t=>{let n=function(t,n){if(!t||!n){if(t)return"Base only";if(n)return"Compare only"}}(es.has(t.identifier),el.has(t.identifier)),r=J?.controlled?T(s,l.pathname,{}):T(s,l.pathname,{compositionBaseFile:t.identifier,compositionCompareFile:t.identifier}),a=J?.controlled?(t,n)=>{et?.onClick?.(t,n),ee?.onClick?.(t,n)}:void 0;return{id:t.identifier,label:t.displayName,href:r,onClick:a,tag:n}}),[Y,Z,es,el,J?.controlled,et,ee,s,l.pathname]),ec=(0,c.useMemo)(()=>{let t=eu.find(t=>t.id===ea?.identifier)||eu.find(t=>t.id===er?.identifier);return t||(en?{id:en,label:en,tag:"Missing"}:void 0)},[eu,ea?.identifier,er?.identifier,en]),ed=m?.model.id?.toString(),ep=w?.model.id?.toString();(0,f.useDefaultControlsSchemaResponder)(ed,!!ed),(0,f.useDefaultControlsSchemaResponder)(ep,!!ep);let ef=A(er,en),em=A(ea,en),eh=(0,c.useMemo)(()=>M("base",ed,ef),[ed,ef]),eg=(0,c.useMemo)(()=>M("compare",ep,em),[ep,em]),eb=(0,c.useMemo)(()=>I(eh),[eh]),ey=(0,c.useMemo)(()=>I(eg),[eg]),ev=`${eh||""}-${eg||""}`,e_=!!(eh&&eg);(0,c.useEffect)(()=>{U(!1),B("loading")},[ev]);let ew=(0,c.useCallback)(t=>{B(t),"available"===t&&U(!0)},[]),ex=m?.model,ek=w?.model,eC=function(t,n,r){let a=(0,c.useMemo)(()=>R($(t)),[t]),o=(0,c.useMemo)(()=>R($(n),{forceWorkspace:r}),[n,r]),[i,s]=(0,c.useState)({base:a,compare:o});(0,c.useEffect)(()=>{s(t=>{let n=a??t.base,r=o??t.compare;return n===t.base&&r===t.compare?t:{base:n,compare:r}})},[a,o]);let l=a??i.base,u=o??i.compare;return(0,c.useMemo)(()=>({common:"Common",base:l?`Base version: ${l}`:"Base version",compare:u?`Compare version: ${u}`:"Compare version"}),[l,u])}(ex,ek,w?.hasLocalChanges),ej=(0,c.useMemo)(()=>X?eo?(0,u.jsx)(P,{compositionId:en,version:"base"}):(0,u.jsx)(F,{model:ex,selected:er,queryParams:eb.queryString,compositionParams:eb.params,previewViewProps:o,emptyState:n,PreviewView:r,contextKey:`base-${ed}-${ef}`,isBase:!0}):null,[X,ex,ed,ef,eh,er?.identifier,eb,o,n,eo,en]),eS=(0,c.useMemo)(()=>X?ei?(0,u.jsx)(P,{compositionId:en,version:"compare"}):(0,u.jsx)(F,{model:ek,selected:ea,queryParams:ey.queryString,compositionParams:ey.params,previewViewProps:o,emptyState:n,PreviewView:r,contextKey:`compare-${ep}-${em}`,isCompare:!0}):null,[X,ek,ep,em,eg,ea?.identifier,ey,o,n,ei,en]),eO=(0,c.useCallback)(()=>L(t=>!t),[]),eE=(0,c.useCallback)(t=>{("Enter"===t.key||" "===t.key)&&eO()},[eO]),eD=`${m?.model.id.toString()}-${w?.model.id.toString()}-composition-compare`;return O||Y?.length||Z?.length?(0,u.jsxs)("div",{className:(0,d.default)(S.default.container,{[S.default.isResizing]:G}),children:[O&&(0,u.jsx)("div",{className:S.default.loader,children:(0,u.jsx)(b.RoundLoader,{})}),(0,u.jsxs)("div",{className:S.default.toolbar,children:[(0,u.jsxs)("div",{className:S.default.left,children:[(0,u.jsx)("div",{className:S.default.dropdown,children:eu.length>0&&(0,u.jsx)(x.CompositionDropdown,{dropdownItems:eu,selected:ec})}),(0,u.jsx)("div",{className:S.default.widgets,children:a?.Left})]}),(0,u.jsx)("div",{className:S.default.right,children:(0,u.jsx)("div",{className:S.default.widgets,children:a?.Right})})]}),(0,u.jsxs)("div",{className:S.default.compareLayout,children:[(0,u.jsx)("div",{className:S.default.compareMain,children:(0,u.jsx)(g.CompareSplitLayoutPreset,{className:S.default.splitLayout,base:ej,compare:eS})}),e_&&(0,u.jsxs)("div",{ref:V,className:S.default.controlsPanel,style:"available"===z||q?E?{height:H}:void 0:{display:"none"},children:[(0,u.jsx)("div",{className:S.default.controlsResizeHandle,onMouseDown:W,role:"separator","aria-orientation":"horizontal"}),(0,u.jsxs)("div",{className:S.default.controlsPanelHeader,onClick:eO,onKeyDown:eE,role:"button",tabIndex:0,children:[(0,u.jsxs)("div",{className:S.default.controlsTitleRow,children:[(0,u.jsx)(y.Icon,{of:"settings",className:S.default.controlsIcon}),(0,u.jsx)("span",{className:S.default.controlsPanelTitle,children:"Live Controls"})]}),(0,u.jsx)(y.Icon,{of:E?"fat-arrow-down":"fat-arrow-up",className:S.default.controlsArrow})]}),(0,u.jsx)("div",{className:S.default.controlsPanelContent,style:{display:E?void 0:"none"},children:(0,u.jsx)(f.LiveControlsDiffPanel,{resetKey:ev,baseChannel:eh,compareChannel:eg,commonLabel:eC.common,baseLabel:eC.base,compareLabel:eC.compare,showEmptyState:!1,onStatusChange:ew})})]})]})]},eD):(0,u.jsx)(D,{title:"No Compositions Available"})};let u=r(11684),c=r(12888),d=l(r(97500)),p=r(12066),f=r(24010),m=r(45348),h=r(13837),g=r(45918),b=r(97292),y=r(29751),v=r(19304),_=r(85253),w=l(r(83268)),x=r(61772),k=r(15943),C=r(92935),j=s(r(16322)),S=l(r(64354)),O=()=>{},E="workspace";function D({message:t,title:n}={}){return(0,u.jsx)("div",{className:S.default.subView,children:(0,u.jsxs)("div",{className:S.default.missingComposition,children:[(0,u.jsx)("div",{className:S.default.missingCompositionTitle,children:n||"Composition not available"}),t&&(0,u.jsx)("div",{className:S.default.missingCompositionSubtitle,children:t})]})})}function P({compositionId:t,version:n}){let r=t?`The selected composition "${t}" does not exist for the ${n} version.`:`The selected composition does not exist for the ${n} version.`;return(0,u.jsx)(D,{message:r})}function N(t,n){return n&&t?t.find(t=>t.identifier===n)||void 0:t?.[0]}function M(t,n,r){if(n&&r)return`${t}:${n}:${r}`}function I(t){let n={livecontrols:!0,...t?{lcchannel:t}:{}};return{params:n,queryString:w.default.stringify(n)}}function T(t,n,r){let a=new URLSearchParams({...Object.fromEntries(t.entries()),...r}).toString();return`${n}?${a}`}function $(t){let n=t?.id,r=n?.version?.toString?.(),a="function"==typeof n?.toString?n.toString().split("@")[1]:void 0;return r||a}function A(t,n){return t?.identifier||n}function R(t,n){return n?.forceWorkspace?E:t?t===E?E:j.valid(t)?t:t.slice(0,6):void 0}function F({model:t,selected:n,queryParams:r,compositionParams:a,previewViewProps:o,emptyState:i,PreviewView:s,contextKey:l,isBase:c,isCompare:d}){return(0,u.jsx)("div",{className:S.default.subView,children:(0,u.jsx)(k.CompositionCompareContext.Provider,{value:{compositionProps:{forceHeight:void 0,innerBottomPadding:50,...o,emptyState:i,component:t,queryParams:r,selected:n},isBase:c,isCompare:d},children:(0,u.jsx)(m.CompositionContextProvider,{queryParams:a,setQueryParams:O,children:(0,u.jsx)(s,{forceHeight:void 0,innerBottomPadding:50,...o,emptyState:i,component:t,selected:n,queryParams:r},l)})})})}},61772(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionDropdown=function(t){let{selected:n,dropdownItems:r}=t;return(0,o.jsx)(u.Dropdown,{dropClass:c.default.menu,placeholder:(0,o.jsxs)("div",{className:c.default.placeholder,children:[(0,o.jsxs)("div",{className:c.default.placeholderText,children:[(0,o.jsx)("span",{className:c.default.placeholderLabel,children:n&&n.label}),n?.tag&&(0,o.jsx)("span",{className:c.default.tag,children:n.tag})]}),(0,o.jsx)(l.Icon,{of:"fat-arrow-down"})]}),children:r.map(t=>(0,o.jsx)(d,{current:t,selected:n},`${t.id}-${t.href}`))})};let o=r(11684),i=r(12888),s=r(93766),l=r(516),u=r(57699),c=a(r(26290));function d(t){let{selected:n,current:r}=t,a=(0,i.useRef)(null),l=!!r.onClick&&(t=>r.onClick?.(r.id,t))||void 0;return(0,o.jsx)("div",{ref:a,children:(0,o.jsx)(s.MenuLinkItem,{active:r.id===n?.id,href:r.href,onClick:l,children:(0,o.jsxs)("div",{className:c.default.menuItem,children:[(0,o.jsx)("span",{children:r.label}),r.tag&&(0,o.jsx)("span",{className:c.default.tag,children:r.tag})]})},r.href)},`${r.href}-container`)}},1278(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompareContext=n.useCompositionCompare=n.CompositionCompare=void 0;var a=r(88134);Object.defineProperty(n,"CompositionCompare",{enumerable:!0,get:function(){return a.CompositionCompare}});var o=r(15943);Object.defineProperty(n,"useCompositionCompare",{enumerable:!0,get:function(){return o.useCompositionCompare}}),Object.defineProperty(n,"CompositionCompareContext",{enumerable:!0,get:function(){return o.CompositionCompareContext}})},75320(t,n,r){"use strict";function a(){let t=r(36261);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.Composition=void 0;let Composition=class Composition{constructor(t,n,r){this.identifier=t,this.filepath=n,this._displayName=r}get displayName(){return this._displayName||(0,a().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(t){return t.map(t=>new Composition(t.identifier,t.filepath,t.displayName))}};n.Composition=Composition},8349(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(75216);return o=function(){return t},t}function i(){let t=r(57223);return i=function(){return t},t}function s(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionsSection=void 0;let CompositionsSection=class CompositionsSection{constructor(t,n,r,l,u,c=!1){this.compositions=t,this.options=n,this.emptyStateSlot=r,this.usePreviewSandboxSlot=l,this.usePreviewPropsSlot=u,this.pinned=c,s(this,"navigationLink",{href:"~compositions",children:this.pinned?a().default.createElement(o().MenuWidgetIcon,{icon:"preview",tooltipContent:"Preview"}):"Preview",displayName:"Preview",hideInMinimalMode:!this.pinned}),s(this,"route",{path:"~compositions/*",element:a().default.createElement(i().Compositions,{menuBarWidgets:this.options.menuBarWidgetSlot,emptyState:this.emptyStateSlot,usePreviewSandboxSlot:this.usePreviewSandboxSlot,usePreviewPropsSlot:this.usePreviewPropsSlot,enableLiveControls:!0})}),s(this,"order",this.pinned?10:20)}};n.CompositionsSection=CompositionsSection},83453(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.CompositionsAspect=void 0;let o=n.CompositionsAspect=a().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});n.default=o},57223(t,n,r){"use strict";function a(){let t=L(r(12888));return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}function i(){let t=F(r(97500));return i=function(){return t},t}function s(){let t=F(r(994));return s=function(){return t},t}function l(){let t=F(r(83268));return l=function(){return t},t}function u(){let t=r(10286);return u=function(){return t},t}function c(){let t=r(52696);return c=function(){return t},t}function d(){let t=r(25877);return d=function(){return t},t}function p(){let t=r(30266);return p=function(){return t},t}function f(){let t=r(5678);return f=function(){return t},t}function m(){let t=r(618);return m=function(){return t},t}function h(){let t=r(7422);return h=function(){return t},t}function g(){let t=r(21245);return g=function(){return t},t}function b(){let t=r(39084);return b=function(){return t},t}function y(){let t=r(37175);return y=function(){return t},t}function v(){let t=r(53663);return v=function(){return t},t}function _(){let t=r(48852);return _=function(){return t},t}function w(){let t=r(45348);return w=function(){return t},t}function x(){let t=r(37357);return x=function(){return t},t}function k(){let t=r(15065);return k=function(){return t},t}function C(){let t=r(82747);return C=function(){return t},t}function j(){let t=r(938);return j=function(){return t},t}function S(){let t=r(19304);return S=function(){return t},t}function O(){let t=r(76712);return O=function(){return t},t}function E(){let t=r(4080);return E=function(){return t},t}function D(){let t=r(62634);return D=function(){return t},t}function P(){let t=r(29751);return P=function(){return t},t}function N(){let t=r(93119);return N=function(){return t},t}function M(){let t=F(r(49397));return M=function(){return t},t}function I(){let t=r(489);return I=function(){return t},t}function T(){let t=r(46592);return T=function(){return t},t}function $(){let t=r(44849);return $=function(){return t},t}function A(){let t=r(39809);return A=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionContent=H,n.Compositions=function({menuBarWidgets:t,emptyState:n,usePreviewSandboxSlot:r,usePreviewPropsSlot:i,enableLiveControls:b=!0}){let x=(0,a().useContext)(p().ComponentContext),k=x.id.toString(),[C]=(0,o().useSearchParams)(),j=(0,o().useParams)(),E=C.get("version"),P=(0,S().useNavigate)(),I=(0,S().useLocation)(),$=j["*"],R=x.compositions.find(t=>t.identifier.toLowerCase()===$)||(0,s().default)(x.compositions),[F,L]=(0,a().useState)("");(0,a().useRef)(R).current=R,(0,A().useDefaultControlsSchemaResponder)(k,b);let B=(0,h().useDocs)(x.id),G=r?.values()??[],W=i?.values()??[],X=!(0,v().useIsMobile)()&&x.compositions.length>0,[Y,Z]=(0,a().useState)(X),Q=Y?c().Layout.row:c().Layout.left,K=(0,y().toPreviewUrl)(x,"compositions"),J=x?.preview?.isScaling,ee=x?.preview?.includesEnvTemplate,et=x?.preview?.useNameParam,en=et||J&&!1===ee?`name=${R?.identifier}`:R?.identifier,er=(0,y().toPreviewUrl)(x,"compositions",en),[ea,eo]=(0,a().useState)(()=>b?{fullscreen:!0,livecontrols:!0}:{fullscreen:!0}),ei=(0,a().useMemo)(()=>l().default.stringify(ea),[ea]),[es,el]=(0,a().useState)(()=>new Set),[eu,ec]=(0,a().useState)(!1),ed=(0,a().useRef)(null),[ep,ef]=(0,a().useState)(null),{ready:em,defs:eh,values:eg,onChange:eb}=(0,N().useLiveControls)(),ey=(0,a().useCallback)(t=>{if(0!==t.button)return;t.preventDefault();let n=t.clientY,r=ed.current?.offsetHeight??0,a=ed.current?.parentElement,o=Math.max(120,(a?.clientHeight??window.innerHeight)-80);ec(!0),document.body.style.cursor="ns-resize",document.body.style.userSelect="none";let i=r,s=!1,l=()=>{s=!1,ed.current&&(ed.current.style.height=`${i}px`)},u=t=>{i=Math.max(120,Math.min(o,r+(n-t.clientY))),s||(s=!0,requestAnimationFrame(l))},c=()=>{ec(!1),ef(i),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",c)};document.addEventListener("mousemove",u),document.addEventListener("mouseup",c)},[]);(0,a().useEffect)(()=>Z(X),[X]),(0,a().useEffect)(()=>{b?eo(t=>!0===t.livecontrols?t:q(q({},t),{},{livecontrols:!0})):eo(t=>{if(!("livecontrols"in t))return t;let n=q({},t);return delete n.livecontrols,n})},[b]);let ev=em&&eh.length>0,e_=R?.identifier,ew=!!e_&&es.has(e_),ex=ev&&ew,ek=(0,a().useCallback)(()=>{e_&&el(t=>{let n=new Set(t);return n.has(e_)?n.delete(e_):n.add(e_),n})},[e_]);return a().default.createElement(w().CompositionContextProvider,{queryParams:ea,setQueryParams:eo},a().default.createElement(c().SplitPane,{layout:Q,size:"80%",className:M().default.compositionsPage},a().default.createElement(c().Pane,{className:M().default.left},a().default.createElement(_().CompositionsMenuBar,{menuBarWidgets:t,className:M().default.menuBar},a().default.createElement(D().Tooltip,{content:"Open in new tab",placement:"bottom"},a().default.createElement(U,{external:!0,href:er,className:M().default.toolbarButton},a().default.createElement(O().OptionButton,{icon:"open-tab"})))),a().default.createElement(y().SandboxPermissionsAggregator,{hooks:G,onSandboxChange:L,component:x}),a().default.createElement("div",{className:M().default.previewArea},eu&&a().default.createElement("div",{className:M().default.dragOverlay}),a().default.createElement(y().PreviewPropsAggregator,{hooks:W,component:x},t=>a().default.createElement(H,z({},t,{className:M().default.compositionPanel,emptyState:n,component:x,selected:R,queryParams:ei,sandbox:F}))),ev&&a().default.createElement(V,{trayRef:ed,collapsed:ex,height:ep,ready:em,defs:eh,values:eg,onChange:eb,onResizeStripMouseDown:ey,onToggleExpanded:ek}))),a().default.createElement(d().HoverSplitter,{className:M().default.splitter},a().default.createElement(g().Collapser,{placement:"left",isOpen:Y,onMouseDown:t=>t.stopPropagation(),onClick:()=>Z(t=>!t),tooltipContent:`${Y?"Hide":"Show"} side compositions`,className:M().default.collapser})),a().default.createElement(c().Pane,{className:M().default.right},a().default.createElement(u().ThemeContext,null,a().default.createElement(m().TabContainer,{className:M().default.tabsContainer},a().default.createElement(m().TabList,{className:M().default.tabs},a().default.createElement(m().Tab,null,"compositions"),a().default.createElement(m().Tab,null,"properties")),a().default.createElement(m().TabPanel,{className:M().default.tabContent},a().default.createElement(T().CompositionsPanel,{isScaling:J,useNameParam:et,includesEnvTemplate:x.preview?.includesEnvTemplate,hasLiveControls:ev,liveControlsActive:ev&&!ew,onToggleLiveControls:ek,onSelectComposition:t=>{if(!R||!I)return;let n=j["*"],r=I.pathname.split("/").filter(t=>t);n?r[r.length-1]=t.identifier.toLowerCase():r.push(t.identifier.toLowerCase());let a=new URLSearchParams(C);E&&a.set("version",E);let o=r.join("/");P(`/${o}?${a.toString()}`)},url:K,compositions:x.compositions,active:R})),a().default.createElement(m().TabPanel,{className:M().default.tabContent},B&&B.length>0?a().default.createElement(f().PropTable,{rows:B,showListView:!0}):a().default.createElement("div",null)))))))};let R=["component","selected","queryParams","emptyState","sandbox"];function F(t){return t&&t.__esModule?t:{default:t}}function L(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(L=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function z(){return(z=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function B(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function q(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?B(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):B(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}let U=S().Link;function V({trayRef:t,collapsed:n,height:r,ready:o,defs:s,values:l,onChange:u,onResizeStripMouseDown:c,onToggleExpanded:d}){let p=n||null===r?void 0:{height:r};return a().default.createElement("div",{ref:t,className:(0,i().default)(M().default.controlsTray,n&&M().default.controlsTrayCollapsed),style:p},!n&&a().default.createElement("div",{className:M().default.trayResizeStrip,onMouseDown:c,role:"separator","aria-orientation":"horizontal","aria-label":"Resize live controls",title:"Drag to resize"},a().default.createElement("div",{className:M().default.trayDragBar})),a().default.createElement("div",{className:M().default.trayHeaderInner,onClick:d,role:"button",tabIndex:0,onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),d())},title:n?"Click to expand":"Click to collapse"},a().default.createElement("div",{className:M().default.trayTitleRow},a().default.createElement(P().Icon,{of:"settings",className:M().default.trayIcon}),a().default.createElement("span",{className:M().default.trayTitle},"Live Controls"),o&&s.length>0&&a().default.createElement("span",{className:M().default.trayBadge},s.length)),a().default.createElement("span",{className:(0,i().default)(M().default.trayCollapseIcon,n&&M().default.trayCollapseIconCollapsed),"aria-hidden":!0},a().default.createElement(P().Icon,{of:"right-rounded-corners"}))),!n&&a().default.createElement("div",{className:M().default.trayBody},o?a().default.createElement($().LiveControls,{defs:s,values:l,onChange:u}):a().default.createElement("div",{className:M().default.trayEmpty},"No live controls available for this composition")))}function H(t){let{component:n,selected:r,queryParams:o,emptyState:i,sandbox:s}=t,l=function(t,n){if(null==t)return{};var r,a,o=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,R),u=n.environment?.id,c=i?.get(u||"");return 0===n.compositions.length&&"teambit.workspace/workspace"===n.host&&c?a().default.createElement("div",{className:M().default.noCompositionsPage},a().default.createElement("div",null,a().default.createElement(C().H1,{className:M().default.title},"Compositions"),a().default.createElement(k().Separator,{isPresentational:!0,className:M().default.separator}),a().default.createElement(j().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},a().default.createElement(x().MDXLayout,null,a().default.createElement(c,null))))):n?.buildStatus==="pending"&&n?.host==="teambit.scope/scope"?a().default.createElement(E().StatusMessageCard,{className:M().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):n?.buildStatus==="failed"&&n?.host==="teambit.scope/scope"?a().default.createElement(E().StatusMessageCard,{className:M().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):0===n.compositions.length?a().default.createElement(b().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):a().default.createElement(I().ComponentComposition,z({className:M().default.compositionsIframe,viewport:null,component:n,forceHeight:"100%",composition:r,fullContentHeight:!0,pubsub:!0,queryParams:o,sandbox:s},l))}},15849(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(72631);return o=function(){return t},t}function i(){let t=r(30266);return i=function(){return t},t}function s(){let t=r(79845);return s=function(){return t},t}function l(){let t=r(54016);return l=function(){return t},t}function u(){let t=r(1278);return u=function(){return t},t}function c(){let t=r(70567);return c=function(){return t},t}function d(){let t=r(75740);return d=function(){return t},t}function p(){let t=r(8349);return p=function(){return t},t}function f(){let t=r(83453);return f=function(){return t},t}function m(){let t=r(57223);return m=function(){return t},t}function h(){return(h=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function g(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let CompositionsUI=class CompositionsUI{constructor(t,n,r,o){this.menuBarWidgetSlot=t,this.emptyStateSlot=n,this.usePreviewSandboxSlot=r,this.usePreviewPropsSlot=o,g(this,"getCompositionsCompare",()=>a().default.createElement(u().CompositionCompare,{emptyState:this.emptyStateSlot,PreviewView:t=>a().default.createElement(m().CompositionContent,h({},t,{fullContentHeight:!0,forceHeight:"100%"}))}))}registerEmptyState(t){return this.emptyStateSlot.register(t),this}registerMenuWidget(...t){this.menuBarWidgetSlot.register(t)}registerPreviewSandbox(t){this.usePreviewSandboxSlot.register(t)}registerPreviewProps(t){this.usePreviewPropsSlot.register(t)}static async provider([t,n],r,[o,i,s,u]){let d=new CompositionsUI(o,i,s,u),f=new(p()).CompositionsSection(d,{menuBarWidgetSlot:d.menuBarWidgetSlot},i,s,u),m=new(p()).CompositionsSection(d,{menuBarWidgetSlot:d.menuBarWidgetSlot},i,s,u,!0),h=new(l()).CompositionCompareSection(d);return t.registerRoute(f.route),t.registerNavigation(f.navigationLink,f.order),t.registerPinnedWidget(m.navigationLink,m.order),n.registerNavigation(h),n.registerRoutes([h.route]),n.registerCompareTab({id:"inline-preview",order:2,displayName:"Preview",element:a().default.createElement(c().InlinePreviewCompare,null),lazy:!0}),d.registerPreviewSandbox((t,n)=>{n?.host==="teambit.scope/scope"&&(t.add("allow-scripts"),t.add("allow-same-origin"))}),d.registerPreviewProps(t=>{t.set("allow","clipboard-write")}),d}};g(CompositionsUI,"dependencies",[i().ComponentAspect,d().ComponentCompareAspect]),g(CompositionsUI,"runtime",s().UIRuntime),g(CompositionsUI,"slots",[o().Slot.withType(),o().Slot.withType(),o().Slot.withType(),o().Slot.withType()]),f().CompositionsAspect.addRuntime(CompositionsUI)},24010(t,n,r){"use strict";function a(){let t=r(83453);return a=function(){return t},t}function o(){let t=r(75320);return o=function(){return t},t}function i(){let t=r(57223);return i=function(){return t},t}function s(){let t=r(39809);return s=function(){return t},t}function l(){let t=r(489);return l=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentComposition",{enumerable:!0,get:function(){return l().ComponentComposition}}),Object.defineProperty(n,"Composition",{enumerable:!0,get:function(){return o().Composition}}),Object.defineProperty(n,"CompositionContent",{enumerable:!0,get:function(){return i().CompositionContent}}),Object.defineProperty(n,"CompositionsAspect",{enumerable:!0,get:function(){return a().CompositionsAspect}}),Object.defineProperty(n,"LiveControls",{enumerable:!0,get:function(){return l().LiveControls}}),Object.defineProperty(n,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return l().LiveControlsDiffPanel}}),Object.defineProperty(n,"LiveControlsRenderer",{enumerable:!0,get:function(){return l().LiveControlsRenderer}}),n.default=void 0,Object.defineProperty(n,"useDefaultControlsSchemaResponder",{enumerable:!0,get:function(){return s().useDefaultControlsSchemaResponder}}),n.default=a().CompositionsAspect},32362(t,n,r){"use strict";function a(){let t=l(r(12888));return a=function(){return t},t}function o(){let t=r(37175);return o=function(){return t},t}function i(){let t=r(60517);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentComposition=function(t){let{composition:n,component:r,queryParams:l=[]}=t,c=function(t,n){if(null==t)return{};var r,a,o=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,s),{isMinimal:d}=(0,i().useWorkspaceMode)(),p=r.preview?.includesEnvTemplate,f=r.preview?.isScaling,m=r.preview?.useNameParam||f&&!1===p,h=(0,a().useMemo)(()=>(n?[m?`name=${n.identifier}`:n.identifier]:[]).concat(l),[n?.identifier,l]);return a().default.createElement(o().ComponentPreview,u({},c,{component:r,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:h,propagateError:d}))};let s=["composition","component","queryParams"];function l(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(l=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function u(){return(u=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}},46592(t,n,r){"use strict";function a(){let t=r(29751);return a=function(){return t},t}function o(){let t=h(r(97500));return o=function(){return t},t}function i(){let t=r(44178);return i=function(){return t},t}function s(){let t=m(r(12888));return s=function(){return t},t}function l(){let t=r(75216);return l=function(){return t},t}function u(){let t=r(62634);return u=function(){return t},t}function c(){let t=r(19304);return c=function(){return t},t}function d(){let t=r(93119);return d=function(){return t},t}function p(){let t=h(r(15628));return p=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionsPanel=function(t){let{url:n,compositions:r,isScaling:m,onSelectComposition:h,onToggleLiveControls:b,hasLiveControls:y,liveControlsActive:v,active:_,includesEnvTemplate:w,useNameParam:x,className:k}=t,C=function(t,n){if(null==t)return{};var r,a,o=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,f),{setTimestamp:j}=(0,d().useLiveControls)(),S=x||m&&!1===w,O=(0,c().useLocation)(),[E]=(0,i().useSearchParams)(),D=E.get("version"),P=(0,c().useNavigate)(),N=(0,s().useCallback)(t=>{h&&h(t),t!==_&&j(0)},[h,_,j]),M=(0,s().useCallback)(t=>n=>{n.preventDefault(),j(0);let r=new URLSearchParams;D&&r.set("version",D);let a=O?.pathname.split("/~compositions")[0];P(`${a}/~code/${t.filepath}?${r.toString()}#search=${t.identifier}`)},[O?.pathname,P,j,D]);return s().default.createElement("div",{className:p().default.container},s().default.createElement("ul",g({},C,{className:(0,o().default)(p().default.compositionsList,k)}),r.map(t=>{let r=S?`${n}&name=${t.identifier}`:`${n}&${t.identifier}`;return s().default.createElement("li",{key:t.identifier,className:(0,o().default)(p().default.compositionItem,t===_&&p().default.active)},s().default.createElement("a",{className:p().default.panelLink,onClick:()=>N(t)},s().default.createElement("span",{className:p().default.name},t.displayName)),s().default.createElement("div",{className:p().default.itemActions},y&&b&&t===_&&s().default.createElement(u().Tooltip,{content:v?"Hide live controls":"Show live controls",placement:"bottom"},s().default.createElement("button",{type:"button","aria-label":v?"Hide live controls":"Show live controls",className:(0,o().default)(p().default.actionIcon,p().default.iconButton,v&&p().default.actionIconActive),onClick:t=>{t.preventDefault(),t.stopPropagation(),b()}},s().default.createElement(a().Icon,{of:"settings"}))),s().default.createElement(l().MenuWidgetIcon,{className:p().default.actionIcon,icon:"Code",tooltipContent:"View source",onClick:M(t)}),s().default.createElement(u().Tooltip,{content:"Open in new tab",placement:"bottom"},s().default.createElement("a",{className:(0,o().default)(p().default.actionIcon,p().default.iconLink),target:"_blank",rel:"noopener noreferrer",href:r},s().default.createElement(a().Icon,{of:"open-tab"})))))})))};let f=["url","compositions","isScaling","onSelectComposition","onToggleLiveControls","hasLiveControls","liveControlsActive","active","includesEnvTemplate","useNameParam","className"];function m(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(m=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function h(t){return t&&t.__esModule?t:{default:t}}function g(){return(g=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}},30227(t,n,r){"use strict";function a(){let t=g(r(12888));return a=function(){return t},t}function o(){let t=g(r(97500));return o=function(){return t},t}function i(){let t=r(17684);return i=function(){return t},t}function s(){let t=r(72099);return s=function(){return t},t}function l(){let t=r(57240);return l=function(){return t},t}function u(){let t=r(60909);return u=function(){return t},t}function c(){let t=r(56482);return c=function(){return t},t}function d(){let t=r(82661);return d=function(){return t},t}function p(){let t=r(11685);return p=function(){return t},t}function f(){let t=r(8228);return f=function(){return t},t}function m(){let t=g(r(82309));return m=function(){return t},t}function h(){let t=g(r(84340));return h=function(){return t},t}function g(t){return t&&t.__esModule?t:{default:t}}function b(){return(b=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function y({value:t,onChange:n,id:r}){let[o,s]=a().default.useState(t||"");return a().default.useEffect(()=>{s(t||"")},[t]),a().default.createElement("div",{className:m().default.wrapper},a().default.createElement(i().InputText,{className:m().default.inputText,id:r,value:o,onChange:t=>{let r=t.target.value;n(r||""),s(r||"")}}))}function v({value:t,onChange:n,id:r}){let[o,i]=a().default.useState(t||"");return a().default.useEffect(()=>{i(t||"")},[t]),a().default.createElement("div",{className:m().default.wrapper},a().default.createElement(s().TextArea,{id:r,value:o,onChange:t=>{let r=t.target.value;n(r||""),i(r||"")}}))}function _({value:t,onChange:n,meta:r}){let i=a().default.useRef(null),[s,c]=a().default.useState(t||""),[d,p]=a().default.useState(!1);a().default.useEffect(()=>{c(t||"")},[t]);let g=a().default.useMemo(()=>r?.options?r.options.map(t=>"string"==typeof t?{label:t,value:t}:t):[],[r]),b=g.find(t=>t.value===s)?.label,{position:y,style:v}=(0,f().useOverlay)(i,d,0,{paddingTop:8,paddingBottom:8});return a().default.createElement("div",{ref:i,className:(0,o().default)(m().default.wrapper)},a().default.createElement("div",{className:m().default.fullWidthControl},a().default.createElement(l().Dropdown,{className:m().default.dropdownField,placeholderContent:b,open:d,onChange:(t,n)=>p(n),position:y,dropClass:h().default.suppressNativeMenu})),d&&v&&a().default.createElement(f().BitPortal,null,a().default.createElement("div",{className:h().default.overlay,style:v,onMouseDown:t=>t.stopPropagation()},g.map(t=>a().default.createElement(u().MenuItem,{className:m().default.portalMenuItem,key:t.value,active:t.value===s,onClick:()=>{var r;n(r=t.value),c(r),p(!1)}},t.label)))))}function w({value:t,onChange:n,id:r}){let[o,s]=a().default.useState(t||0);return a().default.useEffect(()=>{s(t||0)},[t]),a().default.createElement("div",{className:m().default.wrapper},a().default.createElement(i().InputText,{id:r,type:"number",value:o,onChange:t=>{let r=t.target.value;isNaN(Number(r))?console.error("Invalid number input",r):(n(Number(r)||0),s(Number(r)||0))}}))}function x(t){let[n,r]=a().default.useState(!1),o=a().default.useRef(null),{position:i,style:s}=(0,f().useOverlay)(o,n,4,{padding:16});return a().default.createElement("div",{ref:o},a().default.createElement(c().ColorPicker,b({},t,{open:n,onChange:(t,n)=>r(n),position:i,dropClass:h().default.suppressNativeMenu})),n&&s&&a().default.createElement(f().BitPortal,null,a().default.createElement("div",{className:h().default.overlay,style:s,onMouseDown:t=>t.stopPropagation()},a().default.createElement(c().ColorsBox,{onColorSelect:n=>{t.onColorSelect?.(n),r(!1)},colorsList:t.colorsList,showNoColor:t.showNoColor,selected:t.value??""}))))}function k({value:t,onChange:n}){let[r,o]=a().default.useState(t||"");return a().default.useEffect(()=>{o(t||"")},[t]),a().default.createElement("div",{className:m().default.wrapper},a().default.createElement(x,{value:r,onColorSelect:t=>{n(t),o(t)},allowCustomColor:!0}))}function C({value:t,onChange:n}){let[r,i]=a().default.useState(new Date(t));return a().default.useEffect(()=>{i(new Date(t))},[t]),a().default.createElement("div",{className:(0,o().default)(m().default.wrapper)},a().default.createElement(d().DatePicker,{date:r,onChange:t=>{t&&n(t.toISOString().split("T")[0]),i(t)}}))}function j({value:t,onChange:n}){let[r,i]=a().default.useState(!!t);return a().default.useEffect(()=>{i(!!t)},[t]),a().default.createElement("div",{className:(0,o().default)(m().default.wrapper,m().default.toggleWrapper)},a().default.createElement("div",{className:m().default.toggleControl},a().default.createElement(p().Toggle,{checked:r,onInputChanged:t=>{let a=t?.target?.checked??!r;i(a),n(a)}})))}function S({value:t,onChange:n,meta:r,id:i}){let[s,l]=a().default.useState("number"==typeof t?t:0);return a().default.useEffect(()=>{l("number"==typeof t?t:0)},[t]),a().default.createElement("div",{className:(0,o().default)(m().default.wrapper,m().default.rangeWrapper)},a().default.createElement("input",{id:i,className:m().default.rangeInput,type:"range",value:s,min:r?.min,max:r?.max,step:r?.step,onChange:t=>{let r=Number(t.target.value);isNaN(r)||(n(r),l(r))}}),a().default.createElement("div",{className:m().default.rangeValue},s))}function O({value:t,onChange:n,meta:r,id:i}){let[s,l]=a().default.useState(Array.isArray(t)?t:[]);a().default.useEffect(()=>{l(Array.isArray(t)?t:[])},[t]);let u=a().default.useMemo(()=>r?.options?r.options.map(t=>"string"==typeof t?{label:t,value:t}:t):[],[r]);return a().default.createElement("div",{className:(0,o().default)(m().default.wrapper)},a().default.createElement("select",{id:i,className:m().default.multiSelect,multiple:!0,value:s,onChange:t=>{let r=Array.from(t.target.selectedOptions).map(t=>t.value);n(r),l(r)}},u.map(t=>a().default.createElement("option",{key:t.value,value:t.value},t.label))))}function E({value:t,onChange:n,meta:r,id:i}){return"function"==typeof r?.render?a().default.createElement("div",{className:(0,o().default)(m().default.wrapper)},r.render({value:t,onChange:n,id:i,options:r.renderOptions})):a().default.createElement(y,{id:i,value:t,onChange:n})}function D({value:t,onChange:n,id:r}){let[o,i]=a().default.useState(JSON.stringify(t,null,2));a().default.useEffect(()=>{i(JSON.stringify(t,null,2))},[t]);let[l,u]=a().default.useState("");return a().default.createElement("div",{className:m().default.wrapper},a().default.createElement(s().TextArea,{id:r,value:o,onChange:t=>{let r=t.target.value;try{let t=JSON.parse(r);n(t),u("")}catch{u("Invalid JSON")}i(r)}}),l&&a().default.createElement("div",{style:{color:"red"}},l))}Object.defineProperty(n,"__esModule",{value:!0}),n.SelectInput=_,n.getInputComponent=function(t){switch(t){case"text":return y;case"longtext":return v;case"select":return _;case"number":return w;case"color":return k;case"date":return C;case"boolean":return j;case"range":return S;case"multiselect":return O;case"json":return D;case"custom":return E;default:return console.warn(`Unknown input type: ${t}`),y}}},44849(t,n,r){"use strict";function a(){let t=l(r(12888));return a=function(){return t},t}function o(){let t=l(r(97500));return o=function(){return t},t}function i(){let t=l(r(33399));return i=function(){return t},t}function s(){let t=r(30227);return s=function(){return t},t}function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.LiveControls=function({defs:t,values:n,onChange:r,renderLabel:l}){return a().default.createElement("ul",{className:(0,o().default)(i().default.container)},t.map(t=>{let u=t.id,c=(0,s().getInputComponent)(t.input||"text"),d=l?l(t):t.label||t.id;return a().default.createElement("li",{key:u,className:(0,o().default)(i().default.item)},a().default.createElement("div",{className:(0,o().default)(i().default.label)},a().default.createElement("label",{htmlFor:`control-${u}`},d)),a().default.createElement("div",null,a().default.createElement(c,{id:`control-${u}`,value:n[u],onChange:t=>r(u,t),meta:t})))}))}},68414(t,n,r){"use strict";function a(){let t=p(r(12888));return a=function(){return t},t}function o(){let t=r(93119);return o=function(){return t},t}function i(){let t=r(91317);return i=function(){return t},t}function s(){let t=r(29751);return s=function(){return t},t}function l(){let t=d(r(97500));return l=function(){return t},t}function u(){let t=r(30227);return u=function(){return t},t}function c(){let t=d(r(87914));return c=function(){return t},t}function d(t){return t&&t.__esModule?t:{default:t}}function p(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(p=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.LiveControlsDiffPanel=function({resetKey:t,baseChannel:n,compareChannel:r,commonLabel:d="Common",baseLabel:p="Base",compareLabel:f="Compare",showEmptyState:m=!0,onStatusChange:h}){let g=(0,a().useRef)(null),[b,y]=(0,a().useState)(!0),v=(0,a().useRef)(null),_=`${n||""}-${r||""}-${t||""}`,w=(0,a().useMemo)(()=>new(o()).DiffControlsModel(n,r),[n,r]),x=(0,a().useMemo)(()=>{let t=[w.baseChannel,w.compareChannel];return t.includes("default")||t.push("default"),[...new Set(t)]},[w.baseChannel,w.compareChannel]),{ready:k,setTimestamp:C}=(0,o().useLiveControls)(x);(0,a().useEffect)(()=>{g.current!==_&&(g.current=_,y(!0),C(0))},[_,C]);let j=!!(n&&r),S=k||w.isReady,O=w.controls,E=O.length>0,D=w.hasSubscribers,P=(0,a().useRef)(S);(0,a().useEffect)(()=>{S&&!P.current&&b&&y(!1),P.current=S},[S,b]),(0,a().useEffect)(()=>{if(!j||S||!b){null!==v.current&&(window.clearTimeout(v.current),v.current=null);return}return v.current=window.setTimeout(()=>{y(!1),v.current=null},1200),()=>{null!==v.current&&(window.clearTimeout(v.current),v.current=null)}},[j,S,b,_]);let N=(0,a().useMemo)(()=>j?b?"loading":(S||D)&&E?"available":"empty":"empty",[j,b,S,D,E]);(0,a().useEffect)(()=>{h?.(N)},[N,h]);let M=(0,a().useCallback)((t,n)=>{w.updateControl(t.id,n,t.source)},[w]);if("loading"===N)return a().default.createElement("div",{className:c().default.loader},a().default.createElement(i().LineSkeleton,{width:"68px"}),a().default.createElement(i().LineSkeleton,{width:"52px"}),a().default.createElement(i().LineSkeleton,{width:"72px"}));if("empty"===N)return m?a().default.createElement("div",{className:c().default.emptyState},a().default.createElement("div",{className:c().default.emptyStateIconWrap},a().default.createElement(s().Icon,{of:"scan-component",className:c().default.emptyStateIcon,"aria-hidden":!0})),a().default.createElement("div",{className:c().default.emptyStateText},a().default.createElement("div",{className:c().default.emptyStateTitle},"No live controls"),a().default.createElement("div",{className:c().default.emptyStateSubtitle},"This composition does not expose live controls."))):null;let I=O.filter(t=>"common"===t.source),T=O.filter(t=>"base"===t.source),$=O.filter(t=>"compare"===t.source),A=T.length>0||$.length>0,R=T.length>0&&$.length>0,F=t=>a().default.createElement("ul",{className:c().default.controlsList},t.map(t=>{let n=t.input||"text",r="longtext"===n||"multiselect"===n||"json"===n,o=(0,u().getInputComponent)(n),i=`${t.id}-${t.source}`,s=w.getValueForControl(t.id,t.source);return a().default.createElement("li",{key:i,className:(0,l().default)(c().default.controlRow,r&&c().default.controlRowWide)},a().default.createElement("div",{className:c().default.controlMain},a().default.createElement("div",{className:c().default.controlLabel},a().default.createElement("label",{htmlFor:`control-${i}`},t.label||t.id)),a().default.createElement("div",{className:c().default.controlInput},a().default.createElement(o,{id:`control-${i}`,value:s,onChange:n=>M(t,n),meta:t}))))}));return a().default.createElement("div",{className:c().default.container},a().default.createElement("div",{className:c().default.columnsLayout},I.length>0&&a().default.createElement("div",{className:c().default.column},a().default.createElement("div",{className:c().default.columnHeader},d),F(I)),I.length>0&&A&&a().default.createElement("div",{className:c().default.columnDivider}),T.length>0&&a().default.createElement("div",{className:c().default.column},a().default.createElement("div",{className:c().default.columnHeader},p),F(T)),R&&a().default.createElement("div",{className:c().default.columnDivider}),$.length>0&&a().default.createElement("div",{className:c().default.column},a().default.createElement("div",{className:c().default.columnHeader},f),F($))))}},57297(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(44849);return o=function(){return t},t}function i(){let t=r(93119);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.LiveControlsRenderer=function(){let{hasLiveControls:t,ready:n,defs:r,values:s,onChange:l}=(0,i().useLiveControls)();return t?n?a().default.createElement(o().LiveControls,{defs:r,values:s,onChange:l}):a().default.createElement("div",{style:{padding:12,opacity:.7}},"No live controls available."):null}},8228(t,n,r){"use strict";function a(){let t=i(r(12888));return a=function(){return t},t}function o(){let t=i(r(2163));return o=function(){return t},t}function i(t){return t&&t.__esModule?t:{default:t}}function s(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function l(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?s(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.BitPortal=function({children:t}){return o().default.createPortal(t,document.body)},n.useOverlay=function(t,n,r=4,o){let[i,s]=a().default.useState("bottom"),[u,c]=a().default.useState(null);return a().default.useLayoutEffect(()=>{if(!n||!t.current)return;let a=t.current.getBoundingClientRect(),i=window.innerHeight-a.bottom-r,u=a.top-r,d=i<240&&u>i?"top":"bottom";s(d),c(l(l({},o),{},{left:a.left,maxWidth:a.width,maxHeight:240,top:"bottom"===d?a.bottom+r:void 0,bottom:"top"===d?window.innerHeight-a.top+r:void 0}))},[n]),{position:i,style:u}}},489(t,n,r){"use strict";function a(){let t=r(32362);return a=function(){return t},t}function o(){let t=r(44849);return o=function(){return t},t}function i(){let t=r(68414);return i=function(){return t},t}function s(){let t=r(57297);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentComposition",{enumerable:!0,get:function(){return a().ComponentComposition}}),Object.defineProperty(n,"LiveControls",{enumerable:!0,get:function(){return o().LiveControls}}),Object.defineProperty(n,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return i().LiveControlsDiffPanel}}),Object.defineProperty(n,"LiveControlsRenderer",{enumerable:!0,get:function(){return s().LiveControlsRenderer}})},39809(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(19633);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useDefaultControlsSchemaResponder=function(t,n=!0){let r=(0,a().useRef)([]),i=n&&t?t:void 0,{apiModel:s}=(0,o().useAPI)(i,[],{skipInternals:!1}),l=(0,a().useMemo)(()=>s?._api?.toObject(),[s]),u=(0,a().useCallback)(t=>{if(!l)return!1;try{return t.source.postMessage({type:"composition-live-controls:default-controls",payload:{id:t.id,name:t.name,schema:l}},t.origin||"*"),!0}catch{return!1}},[l]),c=(0,a().useCallback)(a=>{if(!n||!t)return;let{data:o}=a;if(!o||"composition-live-controls:request-default-controls"!==o.type)return;let i=o.payload;if(!i?.id||!i?.name||i.id!==t)return;let s=a.source;if(!s||s===window)return;let c={id:i.id,name:i.name,source:s,origin:a.origin||"*"};l?u(c):r.current.push(c)},[t,n,u,l]);(0,a().useEffect)(()=>{if(!n||!t){r.current=[];return}return window.addEventListener("message",c),()=>{window.removeEventListener("message",c)}},[t,n,c]),(0,a().useEffect)(()=>{if(!l||0===r.current.length)return;let t=r.current;r.current=[],t.forEach(u)},[l,u])}},27129(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompareTestsPage=function(t){let{component:n,emptyState:r,className:a,isCompareVersionWorkspace:g}=t,b=g?n.id.toStringWithoutVersion():n.id.toString(),y=(0,i.useSubscription)(m,{variables:{id:b}}),{data:v}=(0,i.useQuery)(h,{variables:{id:b}}),_=y.data?.testsChanged||v?.getHost?.getTests,w=_?.testsResults?.testFiles;if(_?.loading)return(0,o.jsx)(s.TestLoader,{});let x=n.environment?.id,k=r.get(x||"");return(null===w||_?.testsResults===null)&&"teambit.workspace/workspace"===n.host&&k?(0,o.jsx)("div",{className:(0,f.default)(p.styles.testsPage,a),children:(0,o.jsx)("div",{children:(0,o.jsx)(u.AlertCard,{level:"info",title:"There are no\n                    tests for this Component. Learn how to add tests:",children:(0,o.jsx)(d.MDXLayout,{children:(0,o.jsx)(k,{})})})})}):null===w||_?.testsResults===null?(0,o.jsx)(c.EmptyBox,{title:"This component doesn\u2019t have any tests.",linkText:"Learn how to add tests to your components",link:"https://bit.dev/reference/dev-services-overview/tester/tester-overview"}):(0,o.jsx)("div",{className:(0,f.default)(p.styles.testsPage,a),children:(0,o.jsx)("div",{children:(0,o.jsx)(l.TestTable,{testResults:w,className:p.styles.testBlock})})})};let o=r(11684),i=r(92590),s=r(61098),l=r(52243),u=r(938),c=r(39084),d=r(37357),p=r(13818),f=a(r(97500)),m=(0,i.gql)`
+`},92308(t,n,r){"use strict";function a(){let t=r(85253);return a=function(){return t},t}function o(){let t=r(94653);return o=function(){return t},t}function i(){let t=r(88439);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Filters",{enumerable:!0,get:function(){return i().Filters}}),Object.defineProperty(n,"UseComponentType",{enumerable:!0,get:function(){return i().UseComponentType}}),n.useComponent=function(t,n,r){var i,s;let l=(0,a().useQuery)(),{version:u,logFilters:c,customUseComponent:d,skip:p,context:f}=r||{},m=(u||l.get("version"))??void 0,h=n&&(i=n,!(s=m)||i.includes("@")?i:`${i}@${s}`);return(d||o().useComponentQuery)(h||"",t,c,p||!n,f)}},88439(){},23403(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.getOffsetValue=function(t,n,r=!1){return void 0!==t?r?-(t+n):t:void 0!==n?0:void 0}},68089(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCardSkeleton=function(){return(0,o.jsxs)("div",{className:s.default.compositionCardSkeleton,children:[(0,o.jsx)(l,{}),(0,o.jsx)("div",{className:s.default.bottom,children:(0,o.jsx)(i.LineSkeleton,{width:"104px"})})]})},n.PreviewSkeleton=l;let o=r(11684),i=r(91317),s=a(r(70045));function l(){return(0,o.jsxs)("div",{className:s.default.preview,children:[(0,o.jsx)(i.BlockSkeleton,{lines:2,className:s.default.block}),(0,o.jsx)(i.LineSkeleton,{width:"208px"}),(0,o.jsx)(i.LineSkeleton,{width:"152px"}),(0,o.jsx)(i.LineSkeleton,{width:"88px"})]})}},48216(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewSkeleton=n.CompositionCardSkeleton=void 0;var a=r(68089);Object.defineProperty(n,"CompositionCardSkeleton",{enumerable:!0,get:function(){return a.CompositionCardSkeleton}}),Object.defineProperty(n,"PreviewSkeleton",{enumerable:!0,get:function(){return a.PreviewSkeleton}})},38527(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCard=void 0;let o=r(11684),i=a(r(12888)),s=a(r(97500)),l=r(29751),u=r(24010),c=r(38348),d=a(r(98685));n.CompositionCard=i.default.memo(function({composition:t,component:n,className:r,openCompositionLink:a,previewClass:p,queryParams:f,sandbox:m,...h}){let g=i.default.useMemo(()=>(0,o.jsx)(u.ComponentComposition,{disableScroll:!0,className:p,includeEnv:!0,loading:"lazy",composition:t,component:n,viewport:1280,queryParams:f,previewName:"compositions",sandbox:m}),[t.identifier,n.id.toString(),p,m]);return(0,o.jsxs)("div",{...h,className:(0,s.default)(d.default.compositionCard,r),children:[(0,o.jsx)("div",{className:d.default.compositionPreview,children:g}),(0,o.jsxs)("div",{className:d.default.bottom,children:[(0,o.jsx)("span",{className:(0,s.default)(c.ellipsis,d.default.displayName),children:t.displayName}),a&&(0,o.jsx)("a",{className:d.default.link,target:"_blank",rel:"noopener noreferrer",href:a,children:(0,o.jsx)(l.Icon,{className:d.default.icon,of:"open-tab"})})]})]},t.identifier)})},23778(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCardSkeleton=n.CompositionCard=void 0;var a=r(38527);Object.defineProperty(n,"CompositionCard",{enumerable:!0,get:function(){return a.CompositionCard}});var o=r(48216);Object.defineProperty(n,"CompositionCardSkeleton",{enumerable:!0,get:function(){return o.CompositionCardSkeleton}})},70532(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.humanizeCompositionId=function(t){return(0,o.default)(t)};let o=a(r(64744))},36261(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.humanizeCompositionId=void 0;var a=r(70532);Object.defineProperty(n,"humanizeCompositionId",{enumerable:!0,get:function(){return a.humanizeCompositionId}})},22645(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionGallerySkeleton=function({compositionsLength:t,className:n,...r}){let a=Array.from(Array(t));return(0,o.jsxs)("div",{...r,className:(0,i.default)(u.default.compositionGallerySkeleton,n),children:[(0,o.jsx)(s.LineSkeleton,{width:"100px",className:u.default.title}),(0,o.jsx)("div",{className:(0,i.default)(u.default.compositionGalleryGrid),children:a.map((t,n)=>(0,o.jsx)(l.CompositionCardSkeleton,{},`comp-card-skeleton-${n}`))})]})};let o=r(11684),i=a(r(97500)),s=r(91317),l=r(23778),u=a(r(53787))},13156(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionGallerySkeleton=void 0;var a=r(22645);Object.defineProperty(n,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return a.CompositionGallerySkeleton}})},91339(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionGallery=function({component:t,sandbox:n}){let r=(0,l.useNavigate)();return t.compositions.length>0?(0,o.jsxs)("div",{className:c.default.compositionGallery,children:[(0,o.jsxs)(s.LinkedHeading,{size:"sm",className:c.default.title,children:[(0,o.jsx)(i.Icon,{of:"eye"})," ",(0,o.jsx)("span",{children:"PREVIEW"})]}),(0,o.jsx)("div",{className:c.default.carousel,children:t.compositions.map(a=>(0,o.jsx)(u.CompositionCard,{onClick:()=>r(`~compositions/${a.identifier.toLowerCase()}`),className:c.default.compositionGalleryCard,previewClass:c.default.preview,composition:a,component:t,queryParams:"disableCta=true",sandbox:n},a.identifier.toLowerCase()))})]}):null};let o=r(11684),i=r(516),s=r(36463),l=r(19304),u=r(23778),c=a(r(61349))},55970(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionGallerySkeleton=n.CompositionGallery=void 0;var a=r(91339);Object.defineProperty(n,"CompositionGallery",{enumerable:!0,get:function(){return a.CompositionGallery}});var o=r(13156);Object.defineProperty(n,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return o.CompositionGallerySkeleton}})},2186(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompareSection=void 0;let CompositionCompareSection=class CompositionCompareSection{constructor(t){this.ui=t,this.navigationLink={href:"compositions",children:"Preview"},this.props=this.navigationLink,this.route={path:"compositions/*",element:this.ui.getCompositionsCompare()},this.order=1,this.id="preview"}};n.CompositionCompareSection=CompositionCompareSection},54016(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompareSection=void 0;var a=r(2186);Object.defineProperty(n,"CompositionCompareSection",{enumerable:!0,get:function(){return a.CompositionCompareSection}})},15943(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useCompositionCompare=n.CompositionCompareContext=void 0;let a=r(12888);n.CompositionCompareContext=(0,a.createContext)(void 0),n.useCompositionCompare=()=>(0,a.useContext)(n.CompositionCompareContext)},88134(t,n,r){"use strict";var a,o=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(n,r);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,o)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),i=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&o(n,t,r[s]);return i(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompare=function(t){let{emptyState:n,PreviewView:r=f.CompositionContent,Widgets:a,previewViewProps:o={}}=t,i=(0,p.useComponentCompare)(),s=(0,_.useQuery)(),l=(0,v.useLocation)()||{pathname:"/"},{base:m,compare:w,baseContext:k,compareContext:j,loading:O}=i||{},[E,L]=(0,c.useState)(!0),[z,B]=(0,c.useState)("loading"),[q,U]=(0,c.useState)(!1),{panelRef:V,panelHeight:H,isResizing:G,handleResizeStart:W}=function(){let[t,n]=(0,c.useState)(240),[r,a]=(0,c.useState)(!1),o=(0,c.useRef)(null),i=(0,c.useRef)(!1),s=(0,c.useRef)(240),l=(0,c.useRef)(null),u=(0,c.useRef)(null),d=(0,c.useRef)(!1),p=(0,c.useRef)(!1),f=(0,c.useCallback)(()=>{let t=o.current?.parentElement?.clientHeight;return t?Math.max(80,t-150):240},[150,80,240]),m=(0,c.useCallback)(()=>{let t=o.current?.parentElement?.clientHeight;return!t||t<=0?240:Math.max(240,Math.round(.34*t))},[240,.34]),h=(0,c.useCallback)(t=>Math.max(80,Math.min(f(),t)),[80,f]),g=(0,c.useCallback)((t,r=!1)=>{let a=h(t);return s.current=a,o.current&&(o.current.style.height=`${a}px`),r&&n(a),a},[h]),b=(0,c.useCallback)(()=>{i.current||g(p.current?s.current:m(),!0)},[g,m]);(0,c.useEffect)(()=>{d.current||(d.current=!0,b())},[b]),(0,c.useEffect)(()=>{let t=()=>{b()};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[b]),(0,c.useEffect)(()=>{if("u"<typeof ResizeObserver)return;let t=o.current?.parentElement;if(!t)return;let n=new ResizeObserver(()=>{b()});return n.observe(t),()=>n.disconnect()},[b]);let y=(0,c.useCallback)(t=>{t.preventDefault(),t.stopPropagation(),i.current=!0,a(!0);let n=t.clientY,r=s.current,o=t=>{if(!i.current)return;t.preventDefault();let a=r+(n-t.clientY);null!==u.current&&cancelAnimationFrame(u.current),u.current=requestAnimationFrame(()=>{g(a),u.current=null})},c=()=>{null!==u.current&&(cancelAnimationFrame(u.current),u.current=null),p.current=!0,i.current=!1,g(s.current,!0),a(!1),window.removeEventListener("mousemove",o),window.removeEventListener("mouseup",c),window.removeEventListener("blur",c),document.body.style.cursor="",document.body.style.userSelect=""};l.current?.(),document.body.style.cursor="ns-resize",document.body.style.userSelect="none",window.addEventListener("mousemove",o),window.addEventListener("mouseup",c),window.addEventListener("blur",c),l.current=()=>{window.removeEventListener("mousemove",o),window.removeEventListener("mouseup",c),window.removeEventListener("blur",c)}},[g]);return(0,c.useEffect)(()=>()=>{i.current=!1,null!==u.current&&(cancelAnimationFrame(u.current),u.current=null),l.current?.(),l.current=null,document.body.style.cursor="",document.body.style.userSelect=""},[]),{panelRef:o,panelHeight:t,isResizing:r,handleResizeStart:y}}(),X=!O&&void 0!==m&&void 0!==w,Y=m?.model.compositions,Z=w?.model.compositions,{selectedCompositionBaseFile:Q,selectedCompositionCompareFile:K}={selectedCompositionBaseFile:(0,h.useCompareQueryParam)("compositionBaseFile"),selectedCompositionCompareFile:(0,h.useCompareQueryParam)("compositionCompareFile")},J=j?.state?.preview,ee=k?.hooks?.preview,et=j?.hooks?.preview,en=(0,c.useMemo)(()=>(function({selectedCompositionCompareFile:t,selectedCompositionBaseFile:n,compareStateId:r,baseStateId:a,compareCompositions:o,baseCompositions:i}){let s=o?.[0]?.identifier||i?.[0]?.identifier;return t||n||r||a||s})({selectedCompositionCompareFile:K,selectedCompositionBaseFile:Q,compareStateId:J?.id,baseStateId:k?.state?.preview?.id,compareCompositions:Z,baseCompositions:Y}),[K,Q,J?.id,k?.state?.preview?.id,Z,Y]),er=N(Y,en),ea=N(Z,en),eo=!!(!en||!er),ei=!!(!en||!ea),es=(0,c.useMemo)(()=>new Set((Y||[]).map(t=>t.identifier)),[Y]),el=(0,c.useMemo)(()=>new Set((Z||[]).map(t=>t.identifier)),[Z]),eu=(0,c.useMemo)(()=>(0,C.uniqBy)((Y||[]).concat(Z||[]),"identifier")?.map(t=>{let n=function(t,n){if(!t||!n){if(t)return"Base only";if(n)return"Compare only"}}(es.has(t.identifier),el.has(t.identifier)),r=J?.controlled?T(s,l.pathname,{}):T(s,l.pathname,{compositionBaseFile:t.identifier,compositionCompareFile:t.identifier}),a=J?.controlled?(t,n)=>{et?.onClick?.(t,n),ee?.onClick?.(t,n)}:void 0;return{id:t.identifier,label:t.displayName,href:r,onClick:a,tag:n}}),[Y,Z,es,el,J?.controlled,et,ee,s,l.pathname]),ec=(0,c.useMemo)(()=>{let t=eu.find(t=>t.id===ea?.identifier)||eu.find(t=>t.id===er?.identifier);return t||(en?{id:en,label:en,tag:"Missing"}:void 0)},[eu,ea?.identifier,er?.identifier,en]),ed=m?.model.id?.toString(),ep=w?.model.id?.toString();(0,f.useDefaultControlsSchemaResponder)(ed,!!ed),(0,f.useDefaultControlsSchemaResponder)(ep,!!ep);let ef=A(er,en),em=A(ea,en),eh=(0,c.useMemo)(()=>M("base",ed,ef),[ed,ef]),eg=(0,c.useMemo)(()=>M("compare",ep,em),[ep,em]),eb=(0,c.useMemo)(()=>I(eh),[eh]),ey=(0,c.useMemo)(()=>I(eg),[eg]),ev=`${eh||""}-${eg||""}`,e_=!!(eh&&eg);(0,c.useEffect)(()=>{U(!1),B("loading")},[ev]);let ew=(0,c.useCallback)(t=>{B(t),"available"===t&&U(!0)},[]),ex=m?.model,ek=w?.model,eC=function(t,n,r){let a=(0,c.useMemo)(()=>R($(t)),[t]),o=(0,c.useMemo)(()=>R($(n),{forceWorkspace:r}),[n,r]),[i,s]=(0,c.useState)({base:a,compare:o});(0,c.useEffect)(()=>{s(t=>{let n=a??t.base,r=o??t.compare;return n===t.base&&r===t.compare?t:{base:n,compare:r}})},[a,o]);let l=a??i.base,u=o??i.compare;return(0,c.useMemo)(()=>({common:"Common",base:l?`Base version: ${l}`:"Base version",compare:u?`Compare version: ${u}`:"Compare version"}),[l,u])}(ex,ek,w?.hasLocalChanges),ej=(0,c.useMemo)(()=>X?eo?(0,u.jsx)(P,{compositionId:en,version:"base"}):(0,u.jsx)(F,{model:ex,selected:er,queryParams:eb.queryString,compositionParams:eb.params,previewViewProps:o,emptyState:n,PreviewView:r,contextKey:`base-${ed}-${ef}`,isBase:!0}):null,[X,ex,ed,ef,eh,er?.identifier,eb,o,n,eo,en]),eS=(0,c.useMemo)(()=>X?ei?(0,u.jsx)(P,{compositionId:en,version:"compare"}):(0,u.jsx)(F,{model:ek,selected:ea,queryParams:ey.queryString,compositionParams:ey.params,previewViewProps:o,emptyState:n,PreviewView:r,contextKey:`compare-${ep}-${em}`,isCompare:!0}):null,[X,ek,ep,em,eg,ea?.identifier,ey,o,n,ei,en]),eO=(0,c.useCallback)(()=>L(t=>!t),[]),eE=(0,c.useCallback)(t=>{("Enter"===t.key||" "===t.key)&&eO()},[eO]),eD=`${m?.model.id.toString()}-${w?.model.id.toString()}-composition-compare`;return O||Y?.length||Z?.length?(0,u.jsxs)("div",{className:(0,d.default)(S.default.container,{[S.default.isResizing]:G}),children:[O&&(0,u.jsx)("div",{className:S.default.loader,children:(0,u.jsx)(b.RoundLoader,{})}),(0,u.jsxs)("div",{className:S.default.toolbar,children:[(0,u.jsxs)("div",{className:S.default.left,children:[(0,u.jsx)("div",{className:S.default.dropdown,children:eu.length>0&&(0,u.jsx)(x.CompositionDropdown,{dropdownItems:eu,selected:ec})}),(0,u.jsx)("div",{className:S.default.widgets,children:a?.Left})]}),(0,u.jsx)("div",{className:S.default.right,children:(0,u.jsx)("div",{className:S.default.widgets,children:a?.Right})})]}),(0,u.jsxs)("div",{className:S.default.compareLayout,children:[(0,u.jsx)("div",{className:S.default.compareMain,children:(0,u.jsx)(g.CompareSplitLayoutPreset,{className:S.default.splitLayout,base:ej,compare:eS})}),e_&&(0,u.jsxs)("div",{ref:V,className:S.default.controlsPanel,style:"available"===z||q?E?{height:H}:void 0:{display:"none"},children:[(0,u.jsx)("div",{className:S.default.controlsResizeHandle,onMouseDown:W,role:"separator","aria-orientation":"horizontal"}),(0,u.jsxs)("div",{className:S.default.controlsPanelHeader,onClick:eO,onKeyDown:eE,role:"button",tabIndex:0,children:[(0,u.jsxs)("div",{className:S.default.controlsTitleRow,children:[(0,u.jsx)(y.Icon,{of:"settings",className:S.default.controlsIcon}),(0,u.jsx)("span",{className:S.default.controlsPanelTitle,children:"Live Controls"})]}),(0,u.jsx)(y.Icon,{of:E?"fat-arrow-down":"fat-arrow-up",className:S.default.controlsArrow})]}),(0,u.jsx)("div",{className:S.default.controlsPanelContent,style:{display:E?void 0:"none"},children:(0,u.jsx)(f.LiveControlsDiffPanel,{resetKey:ev,baseChannel:eh,compareChannel:eg,commonLabel:eC.common,baseLabel:eC.base,compareLabel:eC.compare,showEmptyState:!1,onStatusChange:ew})})]})]})]},eD):(0,u.jsx)(D,{title:"No Compositions Available"})};let u=r(11684),c=r(12888),d=l(r(97500)),p=r(12066),f=r(24010),m=r(45348),h=r(13837),g=r(45918),b=r(97292),y=r(29751),v=r(19304),_=r(85253),w=l(r(83268)),x=r(61772),k=r(15943),C=r(92935),j=s(r(16322)),S=l(r(64354)),O=()=>{},E="workspace";function D({message:t,title:n}={}){return(0,u.jsx)("div",{className:S.default.subView,children:(0,u.jsxs)("div",{className:S.default.missingComposition,children:[(0,u.jsx)("div",{className:S.default.missingCompositionTitle,children:n||"Composition not available"}),t&&(0,u.jsx)("div",{className:S.default.missingCompositionSubtitle,children:t})]})})}function P({compositionId:t,version:n}){let r=t?`The selected composition "${t}" does not exist for the ${n} version.`:`The selected composition does not exist for the ${n} version.`;return(0,u.jsx)(D,{message:r})}function N(t,n){return n&&t?t.find(t=>t.identifier===n)||void 0:t?.[0]}function M(t,n,r){if(n&&r)return`${t}:${n}:${r}`}function I(t){let n={livecontrols:!0,...t?{lcchannel:t}:{}};return{params:n,queryString:w.default.stringify(n)}}function T(t,n,r){let a=new URLSearchParams({...Object.fromEntries(t.entries()),...r}).toString();return`${n}?${a}`}function $(t){let n=t?.id,r=n?.version?.toString?.(),a="function"==typeof n?.toString?n.toString().split("@")[1]:void 0;return r||a}function A(t,n){return t?.identifier||n}function R(t,n){return n?.forceWorkspace?E:t?t===E?E:j.valid(t)?t:t.slice(0,6):void 0}function F({model:t,selected:n,queryParams:r,compositionParams:a,previewViewProps:o,emptyState:i,PreviewView:s,contextKey:l,isBase:c,isCompare:d}){return(0,u.jsx)("div",{className:S.default.subView,children:(0,u.jsx)(k.CompositionCompareContext.Provider,{value:{compositionProps:{forceHeight:void 0,innerBottomPadding:50,...o,emptyState:i,component:t,queryParams:r,selected:n},isBase:c,isCompare:d},children:(0,u.jsx)(m.CompositionContextProvider,{queryParams:a,setQueryParams:O,children:(0,u.jsx)(s,{forceHeight:void 0,innerBottomPadding:50,...o,emptyState:i,component:t,selected:n,queryParams:r},l)})})})}},61772(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionDropdown=function(t){let{selected:n,dropdownItems:r}=t;return(0,o.jsx)(u.Dropdown,{dropClass:c.default.menu,placeholder:(0,o.jsxs)("div",{className:c.default.placeholder,children:[(0,o.jsxs)("div",{className:c.default.placeholderText,children:[(0,o.jsx)("span",{className:c.default.placeholderLabel,children:n&&n.label}),n?.tag&&(0,o.jsx)("span",{className:c.default.tag,children:n.tag})]}),(0,o.jsx)(l.Icon,{of:"fat-arrow-down"})]}),children:r.map(t=>(0,o.jsx)(d,{current:t,selected:n},`${t.id}-${t.href}`))})};let o=r(11684),i=r(12888),s=r(93766),l=r(516),u=r(57699),c=a(r(26290));function d(t){let{selected:n,current:r}=t,a=(0,i.useRef)(null),l=!!r.onClick&&(t=>r.onClick?.(r.id,t))||void 0;return(0,o.jsx)("div",{ref:a,children:(0,o.jsx)(s.MenuLinkItem,{active:r.id===n?.id,href:r.href,onClick:l,children:(0,o.jsxs)("div",{className:c.default.menuItem,children:[(0,o.jsx)("span",{children:r.label}),r.tag&&(0,o.jsx)("span",{className:c.default.tag,children:r.tag})]})},r.href)},`${r.href}-container`)}},1278(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionCompareContext=n.useCompositionCompare=n.CompositionCompare=void 0;var a=r(88134);Object.defineProperty(n,"CompositionCompare",{enumerable:!0,get:function(){return a.CompositionCompare}});var o=r(15943);Object.defineProperty(n,"useCompositionCompare",{enumerable:!0,get:function(){return o.useCompositionCompare}}),Object.defineProperty(n,"CompositionCompareContext",{enumerable:!0,get:function(){return o.CompositionCompareContext}})},75320(t,n,r){"use strict";function a(){let t=r(36261);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.Composition=void 0;let Composition=class Composition{constructor(t,n,r){this.identifier=t,this.filepath=n,this._displayName=r}get displayName(){return this._displayName||(0,a().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(t){return t.map(t=>new Composition(t.identifier,t.filepath,t.displayName))}};n.Composition=Composition},8349(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(75216);return o=function(){return t},t}function i(){let t=r(57223);return i=function(){return t},t}function s(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionsSection=void 0;let CompositionsSection=class CompositionsSection{constructor(t,n,r,l,u,c=!1){this.compositions=t,this.options=n,this.emptyStateSlot=r,this.usePreviewSandboxSlot=l,this.usePreviewPropsSlot=u,this.pinned=c,s(this,"navigationLink",{href:"~compositions",children:this.pinned?a().default.createElement(o().MenuWidgetIcon,{icon:"preview",tooltipContent:"Preview"}):"Preview",displayName:"Preview",hideInMinimalMode:!this.pinned}),s(this,"route",{path:"~compositions/*",element:a().default.createElement(i().Compositions,{menuBarWidgets:this.options.menuBarWidgetSlot,emptyState:this.emptyStateSlot,usePreviewSandboxSlot:this.usePreviewSandboxSlot,usePreviewPropsSlot:this.usePreviewPropsSlot,enableLiveControls:!0})}),s(this,"order",this.pinned?10:20)}};n.CompositionsSection=CompositionsSection},83453(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.CompositionsAspect=void 0;let o=n.CompositionsAspect=a().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});n.default=o},57223(t,n,r){"use strict";function a(){let t=L(r(12888));return a=function(){return t},t}function o(){let t=r(44178);return o=function(){return t},t}function i(){let t=F(r(97500));return i=function(){return t},t}function s(){let t=F(r(994));return s=function(){return t},t}function l(){let t=F(r(83268));return l=function(){return t},t}function u(){let t=r(10286);return u=function(){return t},t}function c(){let t=r(52696);return c=function(){return t},t}function d(){let t=r(25877);return d=function(){return t},t}function p(){let t=r(30266);return p=function(){return t},t}function f(){let t=r(5678);return f=function(){return t},t}function m(){let t=r(618);return m=function(){return t},t}function h(){let t=r(7422);return h=function(){return t},t}function g(){let t=r(21245);return g=function(){return t},t}function b(){let t=r(39084);return b=function(){return t},t}function y(){let t=r(37175);return y=function(){return t},t}function v(){let t=r(53663);return v=function(){return t},t}function _(){let t=r(48852);return _=function(){return t},t}function w(){let t=r(45348);return w=function(){return t},t}function x(){let t=r(37357);return x=function(){return t},t}function k(){let t=r(15065);return k=function(){return t},t}function C(){let t=r(82747);return C=function(){return t},t}function j(){let t=r(938);return j=function(){return t},t}function S(){let t=r(19304);return S=function(){return t},t}function O(){let t=r(76712);return O=function(){return t},t}function E(){let t=r(4080);return E=function(){return t},t}function D(){let t=r(62634);return D=function(){return t},t}function P(){let t=r(29751);return P=function(){return t},t}function N(){let t=r(93119);return N=function(){return t},t}function M(){let t=F(r(49397));return M=function(){return t},t}function I(){let t=r(489);return I=function(){return t},t}function T(){let t=r(46592);return T=function(){return t},t}function $(){let t=r(44849);return $=function(){return t},t}function A(){let t=r(39809);return A=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionContent=H,n.Compositions=function({menuBarWidgets:t,emptyState:n,usePreviewSandboxSlot:r,usePreviewPropsSlot:i,enableLiveControls:b=!0}){let x=(0,a().useContext)(p().ComponentContext),k=x.id.toString(),[C]=(0,o().useSearchParams)(),j=(0,o().useParams)(),E=C.get("version"),P=(0,S().useNavigate)(),I=(0,S().useLocation)(),$=j["*"],R=x.compositions.find(t=>t.identifier.toLowerCase()===$)||(0,s().default)(x.compositions);(0,a().useRef)(R).current=R,(0,A().useDefaultControlsSchemaResponder)(k,b);let F=(0,h().useDocs)(x.id),L=r?.values()??[],B=i?.values()??[],G=!(0,v().useIsMobile)()&&x.compositions.length>0,[W,X]=(0,a().useState)(G),Y=W?c().Layout.row:c().Layout.left,Z=(0,y().toPreviewUrl)(x,"compositions"),Q=x?.preview?.isScaling,K=x?.preview?.includesEnvTemplate,J=x?.preview?.useNameParam,ee=J||Q&&!1===K?`name=${R?.identifier}`:R?.identifier,et=(0,y().toPreviewUrl)(x,"compositions",ee),[en,er]=(0,a().useState)(()=>b?{fullscreen:!0,livecontrols:!0}:{fullscreen:!0}),ea=(0,a().useMemo)(()=>l().default.stringify(en),[en]),[eo,ei]=(0,a().useState)(()=>new Set),[es,el]=(0,a().useState)(!1),eu=(0,a().useRef)(null),[ec,ed]=(0,a().useState)(null),{ready:ep,defs:ef,values:em,onChange:eh}=(0,N().useLiveControls)(),eg=(0,a().useCallback)(t=>{if(0!==t.button)return;t.preventDefault();let n=t.clientY,r=eu.current?.offsetHeight??0,a=eu.current?.parentElement,o=Math.max(120,(a?.clientHeight??window.innerHeight)-80);el(!0),document.body.style.cursor="ns-resize",document.body.style.userSelect="none";let i=r,s=!1,l=()=>{s=!1,eu.current&&(eu.current.style.height=`${i}px`)},u=t=>{i=Math.max(120,Math.min(o,r+(n-t.clientY))),s||(s=!0,requestAnimationFrame(l))},c=()=>{el(!1),ed(i),document.body.style.cursor="",document.body.style.userSelect="",document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",c)};document.addEventListener("mousemove",u),document.addEventListener("mouseup",c)},[]);(0,a().useEffect)(()=>X(G),[G]),(0,a().useEffect)(()=>{b?er(t=>!0===t.livecontrols?t:q(q({},t),{},{livecontrols:!0})):er(t=>{if(!("livecontrols"in t))return t;let n=q({},t);return delete n.livecontrols,n})},[b]);let eb=ep&&ef.length>0,ey=R?.identifier,ev=!!ey&&eo.has(ey),e_=eb&&ev,ew=(0,a().useCallback)(()=>{ey&&ei(t=>{let n=new Set(t);return n.has(ey)?n.delete(ey):n.add(ey),n})},[ey]);return a().default.createElement(w().CompositionContextProvider,{queryParams:en,setQueryParams:er},a().default.createElement(c().SplitPane,{layout:Y,size:"80%",className:M().default.compositionsPage},a().default.createElement(c().Pane,{className:M().default.left},a().default.createElement(_().CompositionsMenuBar,{menuBarWidgets:t,className:M().default.menuBar},a().default.createElement(D().Tooltip,{content:"Open in new tab",placement:"bottom"},a().default.createElement(U,{external:!0,href:et,className:M().default.toolbarButton},a().default.createElement(O().OptionButton,{icon:"open-tab"})))),a().default.createElement("div",{className:M().default.previewArea},es&&a().default.createElement("div",{className:M().default.dragOverlay}),a().default.createElement(y().SandboxPermissionsAggregator,{hooks:L,component:x},t=>a().default.createElement(y().PreviewPropsAggregator,{hooks:B,component:x},r=>a().default.createElement(H,z({},r,{className:M().default.compositionPanel,emptyState:n,component:x,selected:R,queryParams:ea,sandbox:t})))),eb&&a().default.createElement(V,{trayRef:eu,collapsed:e_,height:ec,ready:ep,defs:ef,values:em,onChange:eh,onResizeStripMouseDown:eg,onToggleExpanded:ew}))),a().default.createElement(d().HoverSplitter,{className:M().default.splitter},a().default.createElement(g().Collapser,{placement:"left",isOpen:W,onMouseDown:t=>t.stopPropagation(),onClick:()=>X(t=>!t),tooltipContent:`${W?"Hide":"Show"} side compositions`,className:M().default.collapser})),a().default.createElement(c().Pane,{className:M().default.right},a().default.createElement(u().ThemeContext,null,a().default.createElement(m().TabContainer,{className:M().default.tabsContainer},a().default.createElement(m().TabList,{className:M().default.tabs},a().default.createElement(m().Tab,null,"compositions"),a().default.createElement(m().Tab,null,"properties")),a().default.createElement(m().TabPanel,{className:M().default.tabContent},a().default.createElement(T().CompositionsPanel,{isScaling:Q,useNameParam:J,includesEnvTemplate:x.preview?.includesEnvTemplate,hasLiveControls:eb,liveControlsActive:eb&&!ev,onToggleLiveControls:ew,onSelectComposition:t=>{if(!R||!I)return;let n=j["*"],r=I.pathname.split("/").filter(t=>t);n?r[r.length-1]=t.identifier.toLowerCase():r.push(t.identifier.toLowerCase());let a=new URLSearchParams(C);E&&a.set("version",E);let o=r.join("/");P(`/${o}?${a.toString()}`)},url:Z,compositions:x.compositions,active:R})),a().default.createElement(m().TabPanel,{className:M().default.tabContent},F&&F.length>0?a().default.createElement(f().PropTable,{rows:F,showListView:!0}):a().default.createElement("div",null)))))))};let R=["component","selected","queryParams","emptyState","sandbox"];function F(t){return t&&t.__esModule?t:{default:t}}function L(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(L=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function z(){return(z=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function B(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function q(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?B(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):B(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}let U=S().Link;function V({trayRef:t,collapsed:n,height:r,ready:o,defs:s,values:l,onChange:u,onResizeStripMouseDown:c,onToggleExpanded:d}){let p=n||null===r?void 0:{height:r};return a().default.createElement("div",{ref:t,className:(0,i().default)(M().default.controlsTray,n&&M().default.controlsTrayCollapsed),style:p},!n&&a().default.createElement("div",{className:M().default.trayResizeStrip,onMouseDown:c,role:"separator","aria-orientation":"horizontal","aria-label":"Resize live controls",title:"Drag to resize"},a().default.createElement("div",{className:M().default.trayDragBar})),a().default.createElement("div",{className:M().default.trayHeaderInner,onClick:d,role:"button",tabIndex:0,onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),d())},title:n?"Click to expand":"Click to collapse"},a().default.createElement("div",{className:M().default.trayTitleRow},a().default.createElement(P().Icon,{of:"settings",className:M().default.trayIcon}),a().default.createElement("span",{className:M().default.trayTitle},"Live Controls"),o&&s.length>0&&a().default.createElement("span",{className:M().default.trayBadge},s.length)),a().default.createElement("span",{className:(0,i().default)(M().default.trayCollapseIcon,n&&M().default.trayCollapseIconCollapsed),"aria-hidden":!0},a().default.createElement(P().Icon,{of:"right-rounded-corners"}))),!n&&a().default.createElement("div",{className:M().default.trayBody},o?a().default.createElement($().LiveControls,{defs:s,values:l,onChange:u}):a().default.createElement("div",{className:M().default.trayEmpty},"No live controls available for this composition")))}function H(t){let{component:n,selected:r,queryParams:o,emptyState:i,sandbox:s}=t,l=function(t,n){if(null==t)return{};var r,a,o=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,R),u=n.environment?.id,c=i?.get(u||"");return 0===n.compositions.length&&"teambit.workspace/workspace"===n.host&&c?a().default.createElement("div",{className:M().default.noCompositionsPage},a().default.createElement("div",null,a().default.createElement(C().H1,{className:M().default.title},"Compositions"),a().default.createElement(k().Separator,{isPresentational:!0,className:M().default.separator}),a().default.createElement(j().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},a().default.createElement(x().MDXLayout,null,a().default.createElement(c,null))))):n?.buildStatus==="pending"&&n?.host==="teambit.scope/scope"?a().default.createElement(E().StatusMessageCard,{className:M().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):n?.buildStatus==="failed"&&n?.host==="teambit.scope/scope"?a().default.createElement(E().StatusMessageCard,{className:M().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):0===n.compositions.length?a().default.createElement(b().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):a().default.createElement(I().ComponentComposition,z({className:M().default.compositionsIframe,viewport:null,component:n,forceHeight:"100%",composition:r,fullContentHeight:!0,pubsub:!0,queryParams:o,sandbox:s},l))}},15849(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(72631);return o=function(){return t},t}function i(){let t=r(30266);return i=function(){return t},t}function s(){let t=r(79845);return s=function(){return t},t}function l(){let t=r(54016);return l=function(){return t},t}function u(){let t=r(1278);return u=function(){return t},t}function c(){let t=r(70567);return c=function(){return t},t}function d(){let t=r(75740);return d=function(){return t},t}function p(){let t=r(8349);return p=function(){return t},t}function f(){let t=r(83453);return f=function(){return t},t}function m(){let t=r(57223);return m=function(){return t},t}function h(){return(h=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function g(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let CompositionsUI=class CompositionsUI{constructor(t,n,r,o){this.menuBarWidgetSlot=t,this.emptyStateSlot=n,this.usePreviewSandboxSlot=r,this.usePreviewPropsSlot=o,g(this,"getCompositionsCompare",()=>a().default.createElement(u().CompositionCompare,{emptyState:this.emptyStateSlot,PreviewView:t=>a().default.createElement(m().CompositionContent,h({},t,{fullContentHeight:!0,forceHeight:"100%"}))}))}registerEmptyState(t){return this.emptyStateSlot.register(t),this}registerMenuWidget(...t){this.menuBarWidgetSlot.register(t)}registerPreviewSandbox(t){this.usePreviewSandboxSlot.register(t)}registerPreviewProps(t){this.usePreviewPropsSlot.register(t)}static async provider([t,n],r,[o,i,s,u]){let d=new CompositionsUI(o,i,s,u),f=new(p()).CompositionsSection(d,{menuBarWidgetSlot:d.menuBarWidgetSlot},i,s,u),m=new(p()).CompositionsSection(d,{menuBarWidgetSlot:d.menuBarWidgetSlot},i,s,u,!0),h=new(l()).CompositionCompareSection(d);return t.registerRoute(f.route),t.registerNavigation(f.navigationLink,f.order),t.registerPinnedWidget(m.navigationLink,m.order),n.registerNavigation(h),n.registerRoutes([h.route]),n.registerCompareTab({id:"inline-preview",order:2,displayName:"Preview",element:a().default.createElement(c().InlinePreviewCompare,null),lazy:!0}),d.registerPreviewSandbox((t,n)=>{n?.host==="teambit.scope/scope"&&(t.add("allow-scripts"),t.add("allow-same-origin"))}),d.registerPreviewProps(t=>{t.set("allow","clipboard-write")}),d}};g(CompositionsUI,"dependencies",[i().ComponentAspect,d().ComponentCompareAspect]),g(CompositionsUI,"runtime",s().UIRuntime),g(CompositionsUI,"slots",[o().Slot.withType(),o().Slot.withType(),o().Slot.withType(),o().Slot.withType()]),f().CompositionsAspect.addRuntime(CompositionsUI)},24010(t,n,r){"use strict";function a(){let t=r(83453);return a=function(){return t},t}function o(){let t=r(75320);return o=function(){return t},t}function i(){let t=r(57223);return i=function(){return t},t}function s(){let t=r(39809);return s=function(){return t},t}function l(){let t=r(489);return l=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentComposition",{enumerable:!0,get:function(){return l().ComponentComposition}}),Object.defineProperty(n,"Composition",{enumerable:!0,get:function(){return o().Composition}}),Object.defineProperty(n,"CompositionContent",{enumerable:!0,get:function(){return i().CompositionContent}}),Object.defineProperty(n,"CompositionsAspect",{enumerable:!0,get:function(){return a().CompositionsAspect}}),Object.defineProperty(n,"LiveControls",{enumerable:!0,get:function(){return l().LiveControls}}),Object.defineProperty(n,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return l().LiveControlsDiffPanel}}),Object.defineProperty(n,"LiveControlsRenderer",{enumerable:!0,get:function(){return l().LiveControlsRenderer}}),n.default=void 0,Object.defineProperty(n,"useDefaultControlsSchemaResponder",{enumerable:!0,get:function(){return s().useDefaultControlsSchemaResponder}}),n.default=a().CompositionsAspect},32362(t,n,r){"use strict";function a(){let t=l(r(12888));return a=function(){return t},t}function o(){let t=r(37175);return o=function(){return t},t}function i(){let t=r(60517);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentComposition=function(t){let{composition:n,component:r,queryParams:l=[]}=t,c=function(t,n){if(null==t)return{};var r,a,o=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,s),{isMinimal:d}=(0,i().useWorkspaceMode)(),p=r.preview?.includesEnvTemplate,f=r.preview?.isScaling,m=r.preview?.useNameParam||f&&!1===p,h=(0,a().useMemo)(()=>(n?[m?`name=${n.identifier}`:n.identifier]:[]).concat(l),[n?.identifier,l]);return a().default.createElement(o().ComponentPreview,u({},c,{component:r,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:h,propagateError:d}))};let s=["composition","component","queryParams"];function l(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(l=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function u(){return(u=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}},46592(t,n,r){"use strict";function a(){let t=r(29751);return a=function(){return t},t}function o(){let t=h(r(97500));return o=function(){return t},t}function i(){let t=r(44178);return i=function(){return t},t}function s(){let t=m(r(12888));return s=function(){return t},t}function l(){let t=r(75216);return l=function(){return t},t}function u(){let t=r(62634);return u=function(){return t},t}function c(){let t=r(19304);return c=function(){return t},t}function d(){let t=r(93119);return d=function(){return t},t}function p(){let t=h(r(15628));return p=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompositionsPanel=function(t){let{url:n,compositions:r,isScaling:m,onSelectComposition:h,onToggleLiveControls:b,hasLiveControls:y,liveControlsActive:v,active:_,includesEnvTemplate:w,useNameParam:x,className:k}=t,C=function(t,n){if(null==t)return{};var r,a,o=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,f),{setTimestamp:j}=(0,d().useLiveControls)(),S=x||m&&!1===w,O=(0,c().useLocation)(),[E]=(0,i().useSearchParams)(),D=E.get("version"),P=(0,c().useNavigate)(),N=(0,s().useCallback)(t=>{h&&h(t),t!==_&&j(0)},[h,_,j]),M=(0,s().useCallback)(t=>n=>{n.preventDefault(),j(0);let r=new URLSearchParams;D&&r.set("version",D);let a=O?.pathname.split("/~compositions")[0];P(`${a}/~code/${t.filepath}?${r.toString()}#search=${t.identifier}`)},[O?.pathname,P,j,D]);return s().default.createElement("div",{className:p().default.container},s().default.createElement("ul",g({},C,{className:(0,o().default)(p().default.compositionsList,k)}),r.map(t=>{let r=S?`${n}&name=${t.identifier}`:`${n}&${t.identifier}`;return s().default.createElement("li",{key:t.identifier,className:(0,o().default)(p().default.compositionItem,t===_&&p().default.active)},s().default.createElement("a",{className:p().default.panelLink,onClick:()=>N(t)},s().default.createElement("span",{className:p().default.name},t.displayName)),s().default.createElement("div",{className:p().default.itemActions},y&&b&&t===_&&s().default.createElement(u().Tooltip,{content:v?"Hide live controls":"Show live controls",placement:"bottom"},s().default.createElement("button",{type:"button","aria-label":v?"Hide live controls":"Show live controls",className:(0,o().default)(p().default.actionIcon,p().default.iconButton,v&&p().default.actionIconActive),onClick:t=>{t.preventDefault(),t.stopPropagation(),b()}},s().default.createElement(a().Icon,{of:"settings"}))),s().default.createElement(l().MenuWidgetIcon,{className:p().default.actionIcon,icon:"Code",tooltipContent:"View source",onClick:M(t)}),s().default.createElement(u().Tooltip,{content:"Open in new tab",placement:"bottom"},s().default.createElement("a",{className:(0,o().default)(p().default.actionIcon,p().default.iconLink),target:"_blank",rel:"noopener noreferrer",href:r},s().default.createElement(a().Icon,{of:"open-tab"})))))})))};let f=["url","compositions","isScaling","onSelectComposition","onToggleLiveControls","hasLiveControls","liveControlsActive","active","includesEnvTemplate","useNameParam","className"];function m(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(m=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function h(t){return t&&t.__esModule?t:{default:t}}function g(){return(g=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}},30227(t,n,r){"use strict";function a(){let t=g(r(12888));return a=function(){return t},t}function o(){let t=g(r(97500));return o=function(){return t},t}function i(){let t=r(17684);return i=function(){return t},t}function s(){let t=r(72099);return s=function(){return t},t}function l(){let t=r(57240);return l=function(){return t},t}function u(){let t=r(60909);return u=function(){return t},t}function c(){let t=r(56482);return c=function(){return t},t}function d(){let t=r(82661);return d=function(){return t},t}function p(){let t=r(11685);return p=function(){return t},t}function f(){let t=r(8228);return f=function(){return t},t}function m(){let t=g(r(82309));return m=function(){return t},t}function h(){let t=g(r(84340));return h=function(){return t},t}function g(t){return t&&t.__esModule?t:{default:t}}function b(){return(b=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function y({value:t,onChange:n,id:r}){let[o,s]=a().default.useState(t||"");return a().default.useEffect(()=>{s(t||"")},[t]),a().default.createElement("div",{className:m().default.wrapper},a().default.createElement(i().InputText,{className:m().default.inputText,id:r,value:o,onChange:t=>{let r=t.target.value;n(r||""),s(r||"")}}))}function v({value:t,onChange:n,id:r}){let[o,i]=a().default.useState(t||"");return a().default.useEffect(()=>{i(t||"")},[t]),a().default.createElement("div",{className:m().default.wrapper},a().default.createElement(s().TextArea,{id:r,value:o,onChange:t=>{let r=t.target.value;n(r||""),i(r||"")}}))}function _({value:t,onChange:n,meta:r}){let i=a().default.useRef(null),[s,c]=a().default.useState(t||""),[d,p]=a().default.useState(!1);a().default.useEffect(()=>{c(t||"")},[t]);let g=a().default.useMemo(()=>r?.options?r.options.map(t=>"string"==typeof t?{label:t,value:t}:t):[],[r]),b=g.find(t=>t.value===s)?.label,{position:y,style:v}=(0,f().useOverlay)(i,d,0,{paddingTop:8,paddingBottom:8});return a().default.createElement("div",{ref:i,className:(0,o().default)(m().default.wrapper)},a().default.createElement("div",{className:m().default.fullWidthControl},a().default.createElement(l().Dropdown,{className:m().default.dropdownField,placeholderContent:b,open:d,onChange:(t,n)=>p(n),position:y,dropClass:h().default.suppressNativeMenu})),d&&v&&a().default.createElement(f().BitPortal,null,a().default.createElement("div",{className:h().default.overlay,style:v,onMouseDown:t=>t.stopPropagation()},g.map(t=>a().default.createElement(u().MenuItem,{className:m().default.portalMenuItem,key:t.value,active:t.value===s,onClick:()=>{var r;n(r=t.value),c(r),p(!1)}},t.label)))))}function w({value:t,onChange:n,id:r}){let[o,s]=a().default.useState(t||0);return a().default.useEffect(()=>{s(t||0)},[t]),a().default.createElement("div",{className:m().default.wrapper},a().default.createElement(i().InputText,{id:r,type:"number",value:o,onChange:t=>{let r=t.target.value;isNaN(Number(r))?console.error("Invalid number input",r):(n(Number(r)||0),s(Number(r)||0))}}))}function x(t){let[n,r]=a().default.useState(!1),o=a().default.useRef(null),{position:i,style:s}=(0,f().useOverlay)(o,n,4,{padding:16});return a().default.createElement("div",{ref:o},a().default.createElement(c().ColorPicker,b({},t,{open:n,onChange:(t,n)=>r(n),position:i,dropClass:h().default.suppressNativeMenu})),n&&s&&a().default.createElement(f().BitPortal,null,a().default.createElement("div",{className:h().default.overlay,style:s,onMouseDown:t=>t.stopPropagation()},a().default.createElement(c().ColorsBox,{onColorSelect:n=>{t.onColorSelect?.(n),r(!1)},colorsList:t.colorsList,showNoColor:t.showNoColor,selected:t.value??""}))))}function k({value:t,onChange:n}){let[r,o]=a().default.useState(t||"");return a().default.useEffect(()=>{o(t||"")},[t]),a().default.createElement("div",{className:m().default.wrapper},a().default.createElement(x,{value:r,onColorSelect:t=>{n(t),o(t)},allowCustomColor:!0}))}function C({value:t,onChange:n}){let[r,i]=a().default.useState(new Date(t));return a().default.useEffect(()=>{i(new Date(t))},[t]),a().default.createElement("div",{className:(0,o().default)(m().default.wrapper)},a().default.createElement(d().DatePicker,{date:r,onChange:t=>{t&&n(t.toISOString().split("T")[0]),i(t)}}))}function j({value:t,onChange:n}){let[r,i]=a().default.useState(!!t);return a().default.useEffect(()=>{i(!!t)},[t]),a().default.createElement("div",{className:(0,o().default)(m().default.wrapper,m().default.toggleWrapper)},a().default.createElement("div",{className:m().default.toggleControl},a().default.createElement(p().Toggle,{checked:r,onInputChanged:t=>{let a=t?.target?.checked??!r;i(a),n(a)}})))}function S({value:t,onChange:n,meta:r,id:i}){let[s,l]=a().default.useState("number"==typeof t?t:0);return a().default.useEffect(()=>{l("number"==typeof t?t:0)},[t]),a().default.createElement("div",{className:(0,o().default)(m().default.wrapper,m().default.rangeWrapper)},a().default.createElement("input",{id:i,className:m().default.rangeInput,type:"range",value:s,min:r?.min,max:r?.max,step:r?.step,onChange:t=>{let r=Number(t.target.value);isNaN(r)||(n(r),l(r))}}),a().default.createElement("div",{className:m().default.rangeValue},s))}function O({value:t,onChange:n,meta:r,id:i}){let[s,l]=a().default.useState(Array.isArray(t)?t:[]);a().default.useEffect(()=>{l(Array.isArray(t)?t:[])},[t]);let u=a().default.useMemo(()=>r?.options?r.options.map(t=>"string"==typeof t?{label:t,value:t}:t):[],[r]);return a().default.createElement("div",{className:(0,o().default)(m().default.wrapper)},a().default.createElement("select",{id:i,className:m().default.multiSelect,multiple:!0,value:s,onChange:t=>{let r=Array.from(t.target.selectedOptions).map(t=>t.value);n(r),l(r)}},u.map(t=>a().default.createElement("option",{key:t.value,value:t.value},t.label))))}function E({value:t,onChange:n,meta:r,id:i}){return"function"==typeof r?.render?a().default.createElement("div",{className:(0,o().default)(m().default.wrapper)},r.render({value:t,onChange:n,id:i,options:r.renderOptions})):a().default.createElement(y,{id:i,value:t,onChange:n})}function D({value:t,onChange:n,id:r}){let[o,i]=a().default.useState(JSON.stringify(t,null,2));a().default.useEffect(()=>{i(JSON.stringify(t,null,2))},[t]);let[l,u]=a().default.useState("");return a().default.createElement("div",{className:m().default.wrapper},a().default.createElement(s().TextArea,{id:r,value:o,onChange:t=>{let r=t.target.value;try{let t=JSON.parse(r);n(t),u("")}catch{u("Invalid JSON")}i(r)}}),l&&a().default.createElement("div",{style:{color:"red"}},l))}Object.defineProperty(n,"__esModule",{value:!0}),n.SelectInput=_,n.getInputComponent=function(t){switch(t){case"text":return y;case"longtext":return v;case"select":return _;case"number":return w;case"color":return k;case"date":return C;case"boolean":return j;case"range":return S;case"multiselect":return O;case"json":return D;case"custom":return E;default:return console.warn(`Unknown input type: ${t}`),y}}},44849(t,n,r){"use strict";function a(){let t=l(r(12888));return a=function(){return t},t}function o(){let t=l(r(97500));return o=function(){return t},t}function i(){let t=l(r(33399));return i=function(){return t},t}function s(){let t=r(30227);return s=function(){return t},t}function l(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.LiveControls=function({defs:t,values:n,onChange:r,renderLabel:l}){return a().default.createElement("ul",{className:(0,o().default)(i().default.container)},t.map(t=>{let u=t.id,c=(0,s().getInputComponent)(t.input||"text"),d=l?l(t):t.label||t.id;return a().default.createElement("li",{key:u,className:(0,o().default)(i().default.item)},a().default.createElement("div",{className:(0,o().default)(i().default.label)},a().default.createElement("label",{htmlFor:`control-${u}`},d)),a().default.createElement("div",null,a().default.createElement(c,{id:`control-${u}`,value:n[u],onChange:t=>r(u,t),meta:t})))}))}},68414(t,n,r){"use strict";function a(){let t=p(r(12888));return a=function(){return t},t}function o(){let t=r(93119);return o=function(){return t},t}function i(){let t=r(91317);return i=function(){return t},t}function s(){let t=r(29751);return s=function(){return t},t}function l(){let t=d(r(97500));return l=function(){return t},t}function u(){let t=r(30227);return u=function(){return t},t}function c(){let t=d(r(87914));return c=function(){return t},t}function d(t){return t&&t.__esModule?t:{default:t}}function p(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(p=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.LiveControlsDiffPanel=function({resetKey:t,baseChannel:n,compareChannel:r,commonLabel:d="Common",baseLabel:p="Base",compareLabel:f="Compare",showEmptyState:m=!0,onStatusChange:h}){let g=(0,a().useRef)(null),[b,y]=(0,a().useState)(!0),v=(0,a().useRef)(null),_=`${n||""}-${r||""}-${t||""}`,w=(0,a().useMemo)(()=>new(o()).DiffControlsModel(n,r),[n,r]),x=(0,a().useMemo)(()=>{let t=[w.baseChannel,w.compareChannel];return t.includes("default")||t.push("default"),[...new Set(t)]},[w.baseChannel,w.compareChannel]),{ready:k,setTimestamp:C}=(0,o().useLiveControls)(x);(0,a().useEffect)(()=>{g.current!==_&&(g.current=_,y(!0),C(0))},[_,C]);let j=!!(n&&r),S=k||w.isReady,O=w.controls,E=O.length>0,D=w.hasSubscribers,P=(0,a().useRef)(S);(0,a().useEffect)(()=>{S&&!P.current&&b&&y(!1),P.current=S},[S,b]),(0,a().useEffect)(()=>{if(!j||S||!b){null!==v.current&&(window.clearTimeout(v.current),v.current=null);return}return v.current=window.setTimeout(()=>{y(!1),v.current=null},1200),()=>{null!==v.current&&(window.clearTimeout(v.current),v.current=null)}},[j,S,b,_]);let N=(0,a().useMemo)(()=>j?b?"loading":(S||D)&&E?"available":"empty":"empty",[j,b,S,D,E]);(0,a().useEffect)(()=>{h?.(N)},[N,h]);let M=(0,a().useCallback)((t,n)=>{w.updateControl(t.id,n,t.source)},[w]);if("loading"===N)return a().default.createElement("div",{className:c().default.loader},a().default.createElement(i().LineSkeleton,{width:"68px"}),a().default.createElement(i().LineSkeleton,{width:"52px"}),a().default.createElement(i().LineSkeleton,{width:"72px"}));if("empty"===N)return m?a().default.createElement("div",{className:c().default.emptyState},a().default.createElement("div",{className:c().default.emptyStateIconWrap},a().default.createElement(s().Icon,{of:"scan-component",className:c().default.emptyStateIcon,"aria-hidden":!0})),a().default.createElement("div",{className:c().default.emptyStateText},a().default.createElement("div",{className:c().default.emptyStateTitle},"No live controls"),a().default.createElement("div",{className:c().default.emptyStateSubtitle},"This composition does not expose live controls."))):null;let I=O.filter(t=>"common"===t.source),T=O.filter(t=>"base"===t.source),$=O.filter(t=>"compare"===t.source),A=T.length>0||$.length>0,R=T.length>0&&$.length>0,F=t=>a().default.createElement("ul",{className:c().default.controlsList},t.map(t=>{let n=t.input||"text",r="longtext"===n||"multiselect"===n||"json"===n,o=(0,u().getInputComponent)(n),i=`${t.id}-${t.source}`,s=w.getValueForControl(t.id,t.source);return a().default.createElement("li",{key:i,className:(0,l().default)(c().default.controlRow,r&&c().default.controlRowWide)},a().default.createElement("div",{className:c().default.controlMain},a().default.createElement("div",{className:c().default.controlLabel},a().default.createElement("label",{htmlFor:`control-${i}`},t.label||t.id)),a().default.createElement("div",{className:c().default.controlInput},a().default.createElement(o,{id:`control-${i}`,value:s,onChange:n=>M(t,n),meta:t}))))}));return a().default.createElement("div",{className:c().default.container},a().default.createElement("div",{className:c().default.columnsLayout},I.length>0&&a().default.createElement("div",{className:c().default.column},a().default.createElement("div",{className:c().default.columnHeader},d),F(I)),I.length>0&&A&&a().default.createElement("div",{className:c().default.columnDivider}),T.length>0&&a().default.createElement("div",{className:c().default.column},a().default.createElement("div",{className:c().default.columnHeader},p),F(T)),R&&a().default.createElement("div",{className:c().default.columnDivider}),$.length>0&&a().default.createElement("div",{className:c().default.column},a().default.createElement("div",{className:c().default.columnHeader},f),F($))))}},57297(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(44849);return o=function(){return t},t}function i(){let t=r(93119);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.LiveControlsRenderer=function(){let{hasLiveControls:t,ready:n,defs:r,values:s,onChange:l}=(0,i().useLiveControls)();return t?n?a().default.createElement(o().LiveControls,{defs:r,values:s,onChange:l}):a().default.createElement("div",{style:{padding:12,opacity:.7}},"No live controls available."):null}},8228(t,n,r){"use strict";function a(){let t=i(r(12888));return a=function(){return t},t}function o(){let t=i(r(2163));return o=function(){return t},t}function i(t){return t&&t.__esModule?t:{default:t}}function s(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function l(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?s(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.BitPortal=function({children:t}){return o().default.createPortal(t,document.body)},n.useOverlay=function(t,n,r=4,o){let[i,s]=a().default.useState("bottom"),[u,c]=a().default.useState(null);return a().default.useLayoutEffect(()=>{if(!n||!t.current)return;let a=t.current.getBoundingClientRect(),i=window.innerHeight-a.bottom-r,u=a.top-r,d=i<240&&u>i?"top":"bottom";s(d),c(l(l({},o),{},{left:a.left,maxWidth:a.width,maxHeight:240,top:"bottom"===d?a.bottom+r:void 0,bottom:"top"===d?window.innerHeight-a.top+r:void 0}))},[n]),{position:i,style:u}}},489(t,n,r){"use strict";function a(){let t=r(32362);return a=function(){return t},t}function o(){let t=r(44849);return o=function(){return t},t}function i(){let t=r(68414);return i=function(){return t},t}function s(){let t=r(57297);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentComposition",{enumerable:!0,get:function(){return a().ComponentComposition}}),Object.defineProperty(n,"LiveControls",{enumerable:!0,get:function(){return o().LiveControls}}),Object.defineProperty(n,"LiveControlsDiffPanel",{enumerable:!0,get:function(){return i().LiveControlsDiffPanel}}),Object.defineProperty(n,"LiveControlsRenderer",{enumerable:!0,get:function(){return s().LiveControlsRenderer}})},39809(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(19633);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useDefaultControlsSchemaResponder=function(t,n=!0){let r=(0,a().useRef)([]),i=n&&t?t:void 0,{apiModel:s}=(0,o().useAPI)(i,[],{skipInternals:!1}),l=(0,a().useMemo)(()=>s?._api?.toObject(),[s]),u=(0,a().useCallback)(t=>{if(!l)return!1;try{return t.source.postMessage({type:"composition-live-controls:default-controls",payload:{id:t.id,name:t.name,schema:l}},t.origin||"*"),!0}catch{return!1}},[l]),c=(0,a().useCallback)(a=>{if(!n||!t)return;let{data:o}=a;if(!o||"composition-live-controls:request-default-controls"!==o.type)return;let i=o.payload;if(!i?.id||!i?.name||i.id!==t)return;let s=a.source;if(!s||s===window)return;let c={id:i.id,name:i.name,source:s,origin:a.origin||"*"};l?u(c):r.current.push(c)},[t,n,u,l]);(0,a().useEffect)(()=>{if(!n||!t){r.current=[];return}return window.addEventListener("message",c),()=>{window.removeEventListener("message",c)}},[t,n,c]),(0,a().useEffect)(()=>{if(!l||0===r.current.length)return;let t=r.current;r.current=[],t.forEach(u)},[l,u])}},27129(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompareTestsPage=function(t){let{component:n,emptyState:r,className:a,isCompareVersionWorkspace:g}=t,b=g?n.id.toStringWithoutVersion():n.id.toString(),y=(0,i.useSubscription)(m,{variables:{id:b}}),{data:v}=(0,i.useQuery)(h,{variables:{id:b}}),_=y.data?.testsChanged||v?.getHost?.getTests,w=_?.testsResults?.testFiles;if(_?.loading)return(0,o.jsx)(s.TestLoader,{});let x=n.environment?.id,k=r.get(x||"");return(null===w||_?.testsResults===null)&&"teambit.workspace/workspace"===n.host&&k?(0,o.jsx)("div",{className:(0,f.default)(p.styles.testsPage,a),children:(0,o.jsx)("div",{children:(0,o.jsx)(u.AlertCard,{level:"info",title:"There are no\n                    tests for this Component. Learn how to add tests:",children:(0,o.jsx)(d.MDXLayout,{children:(0,o.jsx)(k,{})})})})}):null===w||_?.testsResults===null?(0,o.jsx)(c.EmptyBox,{title:"This component doesn\u2019t have any tests.",linkText:"Learn how to add tests to your components",link:"https://bit.dev/reference/dev-services-overview/tester/tester-overview"}):(0,o.jsx)("div",{className:(0,f.default)(p.styles.testsPage,a),children:(0,o.jsx)("div",{children:(0,o.jsx)(l.TestTable,{testResults:w,className:p.styles.testBlock})})})};let o=r(11684),i=r(92590),s=r(61098),l=r(52243),u=r(938),c=r(39084),d=r(37357),p=r(13818),f=a(r(97500)),m=(0,i.gql)`
   subscription OnTestsChanged($id: String!) {
     testsChanged(id: $id) {
       testsResults {
@@ -832,7 +832,7 @@ ${l}`}).join("\n\n")+"\n"};let o="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
     }
   }
   ${n.docsFields}
-`},7422(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useDocs=n.docsFields=void 0;var a=r(90896);Object.defineProperty(n,"docsFields",{enumerable:!0,get:function(){return a.docsFields}}),Object.defineProperty(n,"useDocs",{enumerable:!0,get:function(){return a.useDocs}})},32021(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.DocsAspect=void 0;let o=n.DocsAspect=a().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});n.default=o},50207(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.defaultDocs=void 0,n.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},50833(t,n,r){"use strict";function a(){let t=g(r(12888));return a=function(){return t},t}function o(){let t=r(92935);return o=function(){return t},t}function i(){let t=r(30266);return i=function(){return t},t}function s(){let t=r(72631);return s=function(){return t},t}function l(){let t=r(79845);return l=function(){return t},t}function u(){let t=r(75740);return u=function(){return t},t}function c(){let t=r(12178);return c=function(){return t},t}function d(){let t=r(32557);return d=function(){return t},t}function p(){let t=r(64199);return p=function(){return t},t}function f(){let t=r(32021);return f=function(){return t},t}function m(){let t=g(r(72644));return m=function(){return t},t}function h(){let t=r(23374);return h=function(){return t},t}function g(t){return t&&t.__esModule?t:{default:t}}function b(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let DocsUI=class DocsUI{constructor(t,n,r,a){this.titleBadgeSlot=t,this.overviewOptionsSlot=n,this.usePreviewSandboxSlot=r,this.usePreviewPropsSlot=a,b(this,"_emptyState",void 0)}registerTitleBadge(t){let n=Array.isArray(t)?t:[t];return this.titleBadgeSlot.register(n),this}listTitleBadges(){return(0,o().flatten)(this.titleBadgeSlot.values())}registerEmptyState(t){return this._emptyState=t}registerPreviewSandbox(t){this.usePreviewSandboxSlot.register(t)}registerPreviewProps(t){this.usePreviewPropsSlot.register(t)}getEmptyState(){return this._emptyState}getDocsCompare(){return a().default.createElement(c().OverviewCompare,{titleBadges:this.titleBadgeSlot,overviewOptions:this.overviewOptionsSlot})}registerOverviewOptions(t){this.overviewOptionsSlot.register(t)}static async provider([t,n,r],o,[i,s,l,u]){let c=new DocsUI(i,s,l,u),p=new(h()).OverviewSection(i,s,c,r,l,u),f=new(d()).OverviewCompareSection(c);return t.registerRoute(p.route),t.registerNavigation(p.navigationLink,p.order),n.registerNavigation(f),n.registerRoutes([f.route]),n.registerCompareTab({id:"inline-docs",order:3,displayName:"Docs",element:a().default.createElement("div",{className:m().default.contain},c.getDocsCompare()),lazy:!0}),c.registerPreviewSandbox((t,n)=>{n?.host==="teambit.scope/scope"&&(t.add("allow-scripts"),t.add("allow-same-origin"))}),c.registerPreviewProps(t=>{t.set("allow","clipboard-write")}),c}};b(DocsUI,"dependencies",[i().ComponentAspect,u().ComponentCompareAspect,p().APIReferenceAspect]),b(DocsUI,"runtime",l().UIRuntime),b(DocsUI,"slots",[s().Slot.withType(),s().Slot.withType(),s().Slot.withType(),s().Slot.withType()]),f().DocsAspect.addRuntime(DocsUI)},82894(t,n,r){"use strict";function a(){let t=r(32021);return a=function(){return t},t}function o(){let t=r(38975);return o=function(){return t},t}function i(){let t=r(50207);return i=function(){return t},t}function s(){let t=r(45688);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BadgePosition",{enumerable:!0,get:function(){return s().BadgePosition}}),Object.defineProperty(n,"Doc",{enumerable:!0,get:function(){return o().Doc}}),Object.defineProperty(n,"DocProp",{enumerable:!0,get:function(){return o().DocProp}}),Object.defineProperty(n,"DocPropList",{enumerable:!0,get:function(){return o().DocPropList}}),Object.defineProperty(n,"DocsAspect",{enumerable:!0,get:function(){return a().DocsAspect}}),Object.defineProperty(n,"Overview",{enumerable:!0,get:function(){return s().Overview}}),n.default=void 0,Object.defineProperty(n,"defaultDocs",{enumerable:!0,get:function(){return i().defaultDocs}}),n.default=a().DocsAspect},23374(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(45688);return o=function(){return t},t}function i(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.OverviewSection=void 0;let OverviewSection=class OverviewSection{constructor(t,n,r,s,l,u){this.titleBadgeSlot=t,this.overviewOptionsSlot=n,this.docs=r,this.apiRef=s,this.usePreviewSandboxSlot=l,this.usePreviewPropsSlot=u,i(this,"navigationLink",{href:".",exact:!0,children:"Overview"}),i(this,"route",{index:!0,element:a().default.createElement(o().Overview,{titleBadges:this.titleBadgeSlot,overviewOptions:this.overviewOptionsSlot,getEmptyState:this.docs.getEmptyState.bind(this.docs),TaggedAPI:this.apiRef.TaggedAPIPage,usePreviewSandboxSlot:this.usePreviewSandboxSlot,usePreviewPropsSlot:this.usePreviewPropsSlot})}),i(this,"order",10)}};n.OverviewSection=OverviewSection},45688(t,n,r){"use strict";function a(){let t=r(77237);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BadgePosition",{enumerable:!0,get:function(){return a().BadgePosition}}),Object.defineProperty(n,"Overview",{enumerable:!0,get:function(){return a().Overview}})},77237(t,n,r){"use strict";var a;function o(){let t=y(r(12888));return o=function(){return t},t}function i(){let t=b(r(97500));return i=function(){return t},t}function s(){let t=r(92935);return s=function(){return t},t}function l(){let t=r(30266);return l=function(){return t},t}function u(){let t=r(37175);return u=function(){return t},t}function c(){let t=r(4080);return c=function(){return t},t}function d(){let t=r(71169);return d=function(){return t},t}function p(){let t=r(55970);return p=function(){return t},t}function f(){let t=r(60517);return f=function(){return t},t}function m(){let t=r(19014);return m=function(){return t},t}function h(){let t=b(r(22445));return h=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.BadgePosition=void 0,n.Overview=function({titleBadges:t,overviewOptions:n,previewProps:r,getEmptyState:a,TaggedAPI:c,usePreviewSandboxSlot:b,usePreviewPropsSlot:y}){let w=(0,o().useContext)(l().ComponentContext),x=(0,l().useComponentDescriptor)(),k=(0,s().flatten)(n.values())[0],C=!w.preview?.legacyHeader,j=a&&a(),S=w.buildStatus?.toLowerCase()!=="succeed"&&w?.host==="teambit.scope/scope",O=!!w.preview?.isScaling,E=!!w.preview?.includesEnvTemplate,D=o().default.useMemo(()=>O&&!E,[O,E]),{isMinimal:P}=(0,f().useWorkspaceMode)(),[N,M]=(0,o().useState)(D),I=b?.values()??[],T=y?.values()??[],[$,A]=(0,o().useState)(""),R=`onlyOverview=${w.preview?.onlyOverview||"false"}&skipIncludes=${w.preview?.skipIncludes||w.preview?.onlyOverview}`,F=k&&k(),{renderCompositionsFirst:L,defaultPkgManager:z}=F||{},B=r||{},{onLoad:q,style:U}=B,V=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}(B,g),H=o().default.useCallback((t,n)=>{M(!1),q?.(t,n)},[q]);return o().default.useEffect(()=>{!N&&D&&M(!0),N&&!D&&M(!1)},[w.id.toString(),D]),o().default.createElement("div",{className:(0,i().default)(h().default.overviewWrapper,N&&h().default.noOverflow),key:`${w.id.toString()}`},o().default.createElement(u().SandboxPermissionsAggregator,{hooks:I,onSandboxChange:A,component:w}),C&&o().default.createElement(d().ComponentOverview,{className:(0,i().default)(h().default.componentOverviewBlock,!O&&h().default.legacyPreview),displayName:w.displayName,abstract:w.description,labels:w.labels,packageName:w.packageName,titleBadges:(0,s().flatten)(t.values()),componentDescriptor:x,component:w,pkgManager:z}),!S&&o().default.createElement("div",{className:h().default.readme},N&&o().default.createElement(m().ReadmeSkeleton,null,o().default.createElement(p().CompositionGallerySkeleton,{compositionsLength:Math.min(w.compositions.length,3)})),o().default.createElement(u().PreviewPropsAggregator,{hooks:T,component:w},t=>P||L?o().default.createElement(o().default.Fragment,null,w.preview?.onlyOverview&&!N&&o().default.createElement(p().CompositionGallery,{component:w,sandbox:$}),o().default.createElement(u().ComponentPreview,v({},t,{onLoad:H,previewName:"overview",pubsub:!0,queryParams:[R,F?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,propagateError:P,sandbox:$},V,{component:w,style:{width:"100%",height:"100%",minHeight:O?void 0:500}}))):o().default.createElement(o().default.Fragment,null,o().default.createElement(u().ComponentPreview,v({},t,{onLoad:H,previewName:"overview",pubsub:!0,queryParams:[R,F?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:$},V,{component:w,style:{width:"100%",height:"100%",minHeight:O?void 0:500}})),w.preview?.onlyOverview&&!N&&o().default.createElement(p().CompositionGallery,{component:w,sandbox:$}))),w.preview?.onlyOverview&&!N&&c&&o().default.createElement(c,{componentId:w.id.toString()})),S&&(j?o().default.createElement(j,null):o().default.createElement("div",{className:h().default.buildFailed},o().default.createElement(_,{buildStatus:w.buildStatus}))))};let g=["onLoad","style"];function b(t){return t&&t.__esModule?t:{default:t}}function y(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(y=function(t,n){if(!n&&t&&t.__esModule)return t;var 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 v(){return(v=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function _({buildStatus:t}){return t?.toLowerCase()==="pending"?o().default.createElement(c().StatusMessageCard,{status:"PROCESSING",title:"component preview pending"},"this might take some time"):o().default.createElement(c().StatusMessageCard,{status:"FAILURE",title:"failed to get component preview"})}(a={})[a.Title=0]="Title",a[a.SubTitle=1]="SubTitle",a[a.Labels=2]="Labels",a[a.Package=3]="Package",n.BadgePosition=a},19014(t,n,r){"use strict";function a(){let t=s(r(12888));return a=function(){return t},t}function o(){let t=r(91317);return o=function(){return t},t}function i(){let t=s(r(22445));return i=function(){return t},t}function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.ReadmeSkeleton=function({children:t}){return a().default.createElement("div",{className:i().default.readmeSkeleton},a().default.createElement(o().LineSkeleton,{width:"80%"}),a().default.createElement(o().LineSkeleton,{width:"70%"}),a().default.createElement(o().LineSkeleton,{width:"40%",style:{marginBottom:40}}),a().default.createElement(o().LineSkeleton,{width:"30%",style:{marginBottom:16}}),a().default.createElement(o().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),t)}},23657(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EnvIcon=void 0;let a=r(11684);n.EnvIcon=(0,r(12888).forwardRef)(function({component:t,...n},r){return t&&t.environment?.icon?(0,a.jsx)("img",{ref:r,...n,src:t.environment?.icon,alt:t.environment.id}):(0,a.jsx)("span",{})})},71292(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EnvIcon=void 0;var a=r(23657);Object.defineProperty(n,"EnvIcon",{enumerable:!0,get:function(){return a.EnvIcon}})},91726(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ChangedPill=function(){return(0,o.jsxs)("span",{className:i.default.changedPill,children:[(0,o.jsx)("span",{className:i.default.changedDot}),"changed"]})},n.BuildSpinner=function(){return(0,o.jsx)("div",{className:i.default.spinnerBadge,children:(0,o.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",children:[(0,o.jsx)("circle",{cx:"7",cy:"7",r:"5",stroke:s(20),strokeWidth:"1.5",fill:"none"}),(0,o.jsx)("circle",{cx:"7",cy:"7",r:"5",stroke:"var(--bit-accent-color, #6c5ce7)",strokeWidth:"1.5",fill:"none",strokeDasharray:"8 24",strokeLinecap:"round",className:i.default.spinnerArc})]})})},n.BuildingPreview=function(){return(0,o.jsxs)("div",{className:i.default.buildingPreview,children:[(0,o.jsxs)("svg",{width:"100%",height:"100%",preserveAspectRatio:"none",className:i.default.dotsPattern,children:[(0,o.jsx)("defs",{children:(0,o.jsx)("pattern",{id:"dots-accent",width:"14",height:"14",patternUnits:"userSpaceOnUse",children:(0,o.jsx)("circle",{cx:"7",cy:"7",r:"1",fill:s(20)})})}),(0,o.jsx)("rect",{width:"100%",height:"100%",fill:"url(#dots-accent)"})]}),(0,o.jsxs)("div",{className:i.default.buildingPlaceholder,style:{border:`1.5px dashed ${s(40)}`},children:[(0,o.jsx)("div",{style:{height:6,width:"55%",background:s(27),borderRadius:3}}),(0,o.jsx)("div",{style:{height:4,width:"85%",background:s(13),borderRadius:2}}),(0,o.jsx)("div",{style:{height:4,width:"70%",background:s(13),borderRadius:2}})]})]})},n.QueuedPreview=function(){return(0,o.jsx)("div",{className:i.default.queuedPreview,children:(0,o.jsxs)("svg",{width:"46",height:"46",viewBox:"0 0 46 46",children:[(0,o.jsx)("circle",{cx:"23",cy:"23",r:"20",fill:"none",stroke:s(20),strokeWidth:"1.2",strokeDasharray:"3 4"}),(0,o.jsx)("circle",{cx:"23",cy:"23",r:"3",fill:s(53)})]})})};let o=r(11684),i=a(r(11250)),s=t=>`color-mix(in srgb, var(--bit-accent-color, #6c5ce7) ${t}%, transparent)`},44050(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.ComponentsOverviewFilterPanel=function({aggregation:t,onAggregationChange:n,availableAggregations:r,items:a,activeNamespaces:d,onNamespacesChange:p,activeScopes:f,onScopesChange:m}){let h=(0,i.useMemo)(()=>[...new Set(a.map(t=>t.component.id.namespace||"/"))].map(t=>({value:t})),[a]),g=(0,i.useMemo)(()=>[...new Set(a.map(t=>t.component.id.scope))].map(t=>({value:t})),[a]),b=d.map(t=>({value:t})),y=f.map(t=>({value:t})),v=Math.max(0,r.findIndex(n=>n===t));return(0,o.jsxs)("div",{className:u.default.commandBar,children:[(0,o.jsxs)("div",{className:u.default.leftCluster,children:[(0,o.jsx)(l.BaseFilter,{id:"namespaces",placeholder:"Namespaces",options:h,activeOptions:b,onChange:t=>{p((Array.isArray(t)?t:t?[t]:[]).map(t=>t.value).filter(t=>"string"==typeof t))},isSearchable:!0}),(0,o.jsx)(l.BaseFilter,{id:"scopes",placeholder:"Scopes",options:g,activeOptions:y,onChange:t=>{m((Array.isArray(t)?t:t?[t]:[]).map(t=>t.value).filter(t=>"string"==typeof t))},isSearchable:!0})]}),(0,o.jsx)("div",{className:u.default.rightCluster,children:(0,o.jsx)(s.ToggleButton,{className:u.default.aggToggle,defaultIndex:v,onOptionSelect:t=>{n(r[t])},options:r.map(t=>({value:t,element:c[t]}))})})]})};let o=r(11684),i=r(12888),s=r(74256),l=r(915),u=a(r(90974)),c={namespaces:"Namespaces",scopes:"Scopes",none:"None"}},10808(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverviewSkeleton=function({count:t=12,header:n,className:r}){return(0,o.jsxs)("div",{className:(0,i.default)(l.default.container,r),"aria-busy":"true","aria-live":"polite",children:[(0,o.jsx)("div",{className:l.default.stickyHeader,children:n||(0,o.jsxs)("div",{className:l.default.commandBar,children:[(0,o.jsxs)("div",{className:l.default.leftCluster,children:[(0,o.jsx)("span",{className:u.default.pill}),(0,o.jsx)("span",{className:u.default.pill})]}),(0,o.jsx)("span",{className:u.default.toggle})]})}),(0,o.jsx)("div",{className:l.default.content,children:(0,o.jsx)(s.ComponentGrid,{className:l.default.cardGrid,children:Array.from({length:t}).map((t,n)=>(0,o.jsxs)("div",{className:u.default.card,style:{animationDelay:`${n%4*70}ms`},children:[(0,o.jsx)("div",{className:u.default.preview,children:(0,o.jsx)("div",{className:u.default.shimmer})}),(0,o.jsxs)("div",{className:u.default.footer,children:[(0,o.jsx)("span",{className:u.default.scopeBadge}),(0,o.jsx)("span",{className:u.default.name}),(0,o.jsx)("span",{className:u.default.hash})]})]},n))})})]})};let o=r(11684),i=a(r(97500)),s=r(5370),l=a(r(90974)),u=a(r(73946))},3634(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.ComponentsOverview=function({components:t,componentDescriptors:n,getHref:r,header:a,footer:y,emptyState:v,storageNamespace:_="components-overview",showPreview:w,className:x}){let k=`${_}:`,C=(0,i.useRef)(null),j=(0,i.useRef)(null);(0,i.useLayoutEffect)(()=>{let t=C.current,n=j.current;if(!t||!n)return;let r=()=>{t.style.setProperty("--components-overview-sticky-height",`${n.offsetHeight}px`)};r();let a=new ResizeObserver(r);return a.observe(n),()=>a.disconnect()},[]);let S=(0,i.useMemo)(()=>[...new Set(t.map(t=>t.id.scope))],[t]),{cloudScopes:O}=(0,d.useCloudScopes)(S),E=(0,i.useMemo)(()=>new Map((O||[]).map(t=>[t.id.toString(),t])),[O]),D=(0,i.useMemo)(()=>new Map(n.map(t=>[t.id.toString(),t])),[n]),P=(0,i.useMemo)(()=>(0,u.default)(t.map(t=>{if(t.deprecation?.isDeprecate)return null;let n=D.get(t.id.toString());if(!n)return null;let r=E.get(t.id.scope)||c.ScopeID.isValid(t.id.scope)&&{id:c.ScopeID.fromString(t.id.scope)}||void 0;return{component:t,componentDescriptor:n,scope:r?{id:r.id,icon:r.icon,backgroundIconColor:r.backgroundIconColor}:void 0}})),[t,D,E]),[N,M]=(0,f.useQueryParamWithDefault)("aggregation","namespaces",{storageKeyPrefix:k}),[I,T]=(0,f.useListParamWithDefault)("ns",{storageKeyPrefix:k}),[$,A]=(0,f.useListParamWithDefault)("scopes",{storageKeyPrefix:k}),R=(0,i.useMemo)(()=>({namespaces:I,scopes:$,statuses:new Set}),[I,$]),{groups:F,groupType:L,availableAggregations:z,filteredCount:B}=(0,p.useComponentsAggregation)(P,N,R);return(0,o.jsxs)("div",{ref:C,className:(0,s.default)(b.default.container,x),children:[(0,o.jsxs)("div",{ref:j,className:b.default.stickyHeader,children:[a,(0,o.jsx)(g.ComponentsOverviewFilterPanel,{aggregation:N,onAggregationChange:M,availableAggregations:z,items:P,activeNamespaces:I,onNamespacesChange:T,activeScopes:$,onScopesChange:A})]}),(0,o.jsxs)("div",{className:b.default.content,children:[0===B&&v,F.map(t=>(0,o.jsxs)("section",{className:b.default.section,children:["none"!==L&&(0,o.jsx)("div",{className:b.default.sectionHeader,children:(0,o.jsx)(m.NamespaceHeader,{namespace:t.name,items:t.items,scopeIcon:t.scopeIcon,scopeIconColor:t.scopeIconColor})}),(0,o.jsx)(l.ComponentGrid,{className:b.default.cardGrid,children:t.items.map(t=>(0,o.jsx)(h.HopeComponentCard,{component:t.component,componentDescriptor:t.componentDescriptor,scope:t.scope,showPreview:w,getHref:r},t.component.id.toString()))})]},t.name)),y]})]})};let o=r(11684),i=r(12888),s=a(r(97500)),l=r(5370),u=a(r(763)),c=r(93171),d=r(61031),p=r(54565),f=r(1049),m=r(39303),h=r(8355),g=r(44050),b=a(r(90974))},21410(t,n){"use strict";function r(t){let n=t.component.buildStatus,r=t.component.status;return"pending"===n?"queued":r?.modifyInfo?.hasModifiedFiles||r?.modifyInfo?.hasModifiedDependencies?"changed":"building"===n?"building":"built"}Object.defineProperty(n,"__esModule",{value:!0}),n.ALL_STATUSES=void 0,n.getComponentStatus=r,n.filterItems=function(t,a){return t.filter(t=>{let o=t.component.id.namespace||"/",i=t.component.id.scope;if(a.namespaces.length&&!a.namespaces.includes(o)||a.scopes.length&&!a.scopes.includes(i))return!1;if(a.statuses.size>0&&a.statuses.size<n.ALL_STATUSES.length){let n=r(t);if(!a.statuses.has(n))return!1}return!0})},n.ALL_STATUSES=["built","changed","building","queued"]},8355(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.HopeComponentCard=function({component:t,componentDescriptor:n,scope:r,showPreview:a,getHref:l}){let[g,b]=(0,i.useState)(!!a),y=(0,i.useRef)(t.server?.url);(0,i.useEffect)(()=>{if(y.current!==t.server?.url&&g){b(!1);let n=setTimeout(()=>b(!0),50);return y.current=t.server?.url,()=>clearTimeout(n)}y.current=t.server?.url},[t.server?.url]),(0,i.useEffect)(()=>{b(!!a)},[a]);let v=(0,p.getComponentStatus)({component:t}),_="var(--bit-accent-color, #6c5ce7)",w="building"===v,x="queued"===v,k="changed"===v,C=l?l(t):`${t.id.fullName}?scope=${t.id.scope}`,j=t.compositions.length>0&&!w&&!g,S=n.get("teambit.envs/envs"),O=S?.data||S,E=O?.id?d.ComponentID.fromString(O.id):void 0,D=w?m.default.cardBuilding:m.default.card,P=w?{borderColor:_,boxShadow:"0 0 0 3px color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 10%, transparent)"}:void 0,N=t.id.namespace?`${t.id.namespace}/${t.id.name}`:t.id.name,M=t.id.version?.slice(0,7),I=t.id.scope?.split(".").pop()?.charAt(0).toUpperCase();return(0,o.jsxs)("div",{className:D,style:P,children:[j&&(0,o.jsx)(c.LoadPreview,{className:m.default.loadPreview,onClick:t=>{t.stopPropagation(),t.preventDefault(),b(!0)}}),(0,o.jsxs)(s.Link,{href:C,className:m.default.linkWrapper,children:[(0,o.jsxs)("div",{className:m.default.preview,children:[(0,o.jsx)("div",{className:m.default.previewInner,children:(0,o.jsx)(h,{component:t,componentDescriptor:n,status:v,shouldShowPreview:g})}),!x&&O?.icon&&(0,o.jsx)("div",{className:m.default.envBadge,children:(0,o.jsx)(u.Tooltip,{delay:300,content:E?.name,children:(0,o.jsx)("img",{src:O.icon,className:m.default.envIcon,alt:""})})}),(k||w)&&(0,o.jsxs)("div",{className:m.default.statusCorner,children:[k&&(0,o.jsx)(f.ChangedPill,{}),w&&(0,o.jsx)(f.BuildSpinner,{})]})]}),(0,o.jsxs)("div",{className:m.default.footer,children:[(0,o.jsx)(u.Tooltip,{delay:300,content:t.id.scope,children:(0,o.jsx)("div",{className:m.default.scopeBadge,style:{background:r?.backgroundIconColor||_},children:r?.icon?(0,o.jsx)("img",{src:r.icon,className:m.default.scopeBadgeIcon,alt:""}):(0,o.jsx)("span",{className:m.default.scopeBadgeInitial,children:I})})}),(0,o.jsx)("span",{className:m.default.name,children:N}),!w&&!x&&M&&(0,o.jsx)("span",{className:m.default.hash,children:M}),w&&(0,o.jsx)("span",{className:m.default.buildingLabel,style:{color:_},children:"BUILDING"})]})]})]})};let o=r(11684),i=r(12888),s=r(19304),l=r(64773),u=r(62634),c=r(54672),d=r(62435),p=r(21410),f=r(91726),m=a(r(91229));function h({component:t,componentDescriptor:n,status:r,shouldShowPreview:a}){return"building"===r?(0,o.jsx)(f.BuildingPreview,{}):(0,o.jsx)(l.PreviewPlaceholder,{component:t,componentDescriptor:n,shouldShowPreview:a})}},54374(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useListParamWithDefault=n.useQueryParamWithDefault=n.useComponentsAggregation=n.ComponentsOverviewFilterPanel=n.NamespaceHeader=n.HopeComponentCard=n.ComponentsOverviewSkeleton=n.ComponentsOverview=void 0;var a=r(3634);Object.defineProperty(n,"ComponentsOverview",{enumerable:!0,get:function(){return a.ComponentsOverview}});var o=r(10808);Object.defineProperty(n,"ComponentsOverviewSkeleton",{enumerable:!0,get:function(){return o.ComponentsOverviewSkeleton}});var i=r(8355);Object.defineProperty(n,"HopeComponentCard",{enumerable:!0,get:function(){return i.HopeComponentCard}});var s=r(39303);Object.defineProperty(n,"NamespaceHeader",{enumerable:!0,get:function(){return s.NamespaceHeader}});var l=r(44050);Object.defineProperty(n,"ComponentsOverviewFilterPanel",{enumerable:!0,get:function(){return l.ComponentsOverviewFilterPanel}});var u=r(54565);Object.defineProperty(n,"useComponentsAggregation",{enumerable:!0,get:function(){return u.useComponentsAggregation}});var c=r(1049);Object.defineProperty(n,"useQueryParamWithDefault",{enumerable:!0,get:function(){return c.useQueryParamWithDefault}}),Object.defineProperty(n,"useListParamWithDefault",{enumerable:!0,get:function(){return c.useListParamWithDefault}})},39303(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.NamespaceHeader=function({namespace:t,items:n,scopeIcon:r,scopeIconColor:a}){let u="var(--bit-accent-color, #6c5ce7)",c=0,d=0;for(let t of n){let n=(0,i.getComponentStatus)(t);"building"===n&&c++,("built"===n||"changed"===n)&&d++}return(0,o.jsxs)("header",{className:s.default.header,children:[(0,o.jsx)(l,{scopeIcon:r,scopeIconColor:a,namespace:t,accent:u}),(0,o.jsx)("span",{className:s.default.name,children:t}),(0,o.jsxs)("span",{className:s.default.count,children:[d,"/",n.length]}),c>0&&(0,o.jsxs)("span",{className:s.default.buildingPill,style:{color:u,background:"color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 12%, transparent)"},children:[(0,o.jsx)("span",{className:s.default.buildingDot,style:{background:u}}),"building"]}),(0,o.jsx)("div",{className:s.default.divider})]})};let o=r(11684),i=r(21410),s=a(r(44283));function l({scopeIcon:t,scopeIconColor:n,namespace:r,accent:a}){if(t)return(0,o.jsx)("div",{className:s.default.scopeIconBadge,style:{background:n||a},children:(0,o.jsx)("img",{src:t,className:s.default.scopeIconImg,alt:""})});if(n){let t=r.split(/[./]/).pop()?.charAt(0).toUpperCase()||"?";return(0,o.jsx)("div",{className:s.default.scopeIconBadge,style:{background:n},children:(0,o.jsx)("span",{className:s.default.scopeInitial,children:t})})}return(0,o.jsx)("span",{className:s.default.dot,style:{background:a}})}},8330(t,n){"use strict";function r(t){return t?t.split("/")[0]:""}function a(t){let a=r(t);return a.startsWith("_")?4:n.PRIORITY_HIGH.includes(a)?0:n.PRIORITY_MED.includes(a)?1:n.PRIORITY_LOW.includes(a)?3:2}Object.defineProperty(n,"__esModule",{value:!0}),n.PRIORITY_LOW=n.PRIORITY_MED=n.PRIORITY_HIGH=void 0,n.getRootNamespace=r,n.namespacePriority=a,n.sortNamespacesAdvanced=function(t){return[...t].sort((t,n)=>{let r=a(t),o=a(n);return r!==o?r-o:t.localeCompare(n)})},n.sortItemsByNamespace=function(t){return[...t].sort((t,n)=>{let r=t.component.id.namespace||"/",o=n.component.id.namespace||"/",i=a(r),s=a(o);return i!==s?i-s:t.component.id.name.localeCompare(n.component.id.name)})},n.PRIORITY_HIGH=["ui","pages"],n.PRIORITY_MED=["design"],n.PRIORITY_LOW=["entities","provider","hooks","icons"]},54565(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentsAggregation=function(t,n,r){let s=(0,a.useMemo)(()=>(0,i.filterItems)(t,r),[t,r]);if("none"===n)return{groups:[{name:"all",displayName:"",items:(0,o.sortItemsByNamespace)(s)}],groupType:"none",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length};if("namespaces"===n){let t=new Map;for(let n of s){let r=n.component.id.namespace||"/";t.has(r)||t.set(r,[]),t.get(r).push(n)}return{groups:(0,o.sortNamespacesAdvanced)([...t.keys()]).map(n=>({name:n,displayName:n,items:(0,o.sortItemsByNamespace)(t.get(n))})),groupType:"namespaces",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length}}let l=new Map;for(let t of s){let n=t.component.id.scope;l.has(n)||l.set(n,[]),l.get(n).push(t)}return{groups:[...l.keys()].sort().map(t=>{let n=l.get(t),r=n.find(t=>t.scope?.icon)?.scope;return{name:t,displayName:t,items:(0,o.sortItemsByNamespace)(n),scopeIcon:r?.icon,scopeIconColor:r?.backgroundIconColor}}),groupType:"scopes",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length}};let a=r(12888),o=r(8330),i=r(21410)},1049(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useQueryParamWithDefault=function(t,n,r={}){let{persist:c=!0,storageKeyPrefix:d=i}=r,[p,f]=(0,o.useSearchParams)(),m=d+t;return[(0,a.useMemo)(()=>{let r=p.get(t);if(r)return r;if(c){let t=s(m);if(t)return t}return n},[p,t,m,n,c]),(0,a.useCallback)(n=>{let r=new URLSearchParams(p);null===n?(r.delete(t),c&&u(m)):(r.set(t,n),c&&l(m,n)),f(r)},[p,f,t,m,c])]},n.useListParamWithDefault=function(t,n={}){let{persist:r=!1,storageKeyPrefix:c=i}=n,[d,p]=(0,o.useSearchParams)(),f=c+t;return[(0,a.useMemo)(()=>{let n=d.get(t);if(n)return n.split(",").filter(Boolean);if(r){let t=s(f);if(t)return t.split(",").filter(Boolean)}return[]},[d,t,f,r]),(0,a.useCallback)(n=>{let a=new URLSearchParams(d),o=n.filter(Boolean).join(",");o?(a.set(t,o),r&&l(f,o)):(a.delete(t),r&&u(f)),p(a)},[d,p,t,f,r])]};let a=r(12888),o=r(44178),i="components-overview:";function s(t){try{return localStorage.getItem(t)}catch{return null}}function l(t,n){try{localStorage.setItem(t,n)}catch{}}function u(t){try{localStorage.removeItem(t)}catch{}}},28334(t,n){"use strict";function r(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.DuplicateDependency=void 0;let DuplicateDependency=class DuplicateDependency{constructor(t,n){r(this,"latestVersionId",void 0),r(this,"priorVersions",void 0),this.latestVersionId=t,this.priorVersions=n}};n.DuplicateDependency=DuplicateDependency},53495(t,n){"use strict";var r;Object.defineProperty(n,"__esModule",{value:!0}),n.EdgeType=void 0,(r={}).dev="DEV",r.runtime="RUNTIME",r.peer="PEER",n.EdgeType=r},73977(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.GraphAspect=void 0;let o=n.GraphAspect=a().Aspect.create({id:"teambit.component/graph",dependencies:[],defaultConfig:{}});n.default=o},58223(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(33320);return o=function(){return t},t}function i(){let t=r(61212);return i=function(){return t},t}function s(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphCompareSection=void 0;let GraphCompareSection=class GraphCompareSection{constructor(){s(this,"navigationLink",{href:"dependencies",children:"Dependencies"}),s(this,"props",this.navigationLink),s(this,"route",{path:"dependencies/*",element:a().default.createElement(i().DependenciesCompare,null)}),s(this,"order",25),s(this,"changeType",o().ChangeType.DEPENDENCY),s(this,"id","dependencies")}};n.GraphCompareSection=GraphCompareSection},38285(t,n,r){"use strict";function a(){let t=r(79845);return a=function(){return t},t}function o(){let t=r(72631);return o=function(){return t},t}function i(){let t=r(75740);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(73977);return l=function(){return t},t}function u(){let t=r(2535);return u=function(){return t},t}function c(){let t=r(58223);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let GraphUI=class GraphUI{getDependenciesGraph(){return d().DependenciesGraph}registerComponentWidget(t){this.componentWidgetSlot.register(t)}constructor(t){this.componentWidgetSlot=t}static async provider([t,n],r,[a]){let o=new GraphUI(a),i=new(u()).GraphSection(a),s=new(c()).GraphCompareSection;return r.componentTab&&t.registerNavigation(i.navigationLink,i.order),t.registerRoute(i.route),n.registerNavigation(s),n.registerRoutes([s.route]),o}};p(GraphUI,"dependencies",[s().ComponentAspect,i().ComponentCompareAspect]),p(GraphUI,"runtime",a().UIRuntime),p(GraphUI,"slots",[o().Slot.withType()]),p(GraphUI,"defaultConfig",{componentTab:!0}),l().GraphAspect.addRuntime(GraphUI)},84635(t,n,r){"use strict";function a(){let t=r(61212);return a=function(){return t},t}function o(){let t=r(68812);return o=function(){return t},t}function i(){let t=r(28334);return i=function(){return t},t}function s(){let t=r(73977);return s=function(){return t},t}function l(){let t=r(86528);return l=function(){return t},t}function u(){let t=r(99055);return u=function(){return t},t}function c(){let t=r(30469);return c=function(){return t},t}function d(){let t=r(69413);return d=function(){return t},t}function p(){let t=r(53495);return p=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"DependenciesCompare",{enumerable:!0,get:function(){return a().DependenciesCompare}}),Object.defineProperty(n,"Dependency",{enumerable:!0,get:function(){return o().Dependency}}),Object.defineProperty(n,"DependencyType",{enumerable:!0,get:function(){return o().DependencyType}}),Object.defineProperty(n,"DuplicateDependency",{enumerable:!0,get:function(){return i().DuplicateDependency}}),Object.defineProperty(n,"EdgeModel",{enumerable:!0,get:function(){return c().EdgeModel}}),Object.defineProperty(n,"EdgeType",{enumerable:!0,get:function(){return p().EdgeType}}),Object.defineProperty(n,"GraphAspect",{enumerable:!0,get:function(){return s().GraphAspect}}),Object.defineProperty(n,"GraphFilters",{enumerable:!0,get:function(){return u().GraphFilters}}),Object.defineProperty(n,"GraphModel",{enumerable:!0,get:function(){return c().GraphModel}}),Object.defineProperty(n,"NodeModel",{enumerable:!0,get:function(){return c().NodeModel}}),Object.defineProperty(n,"calcElements",{enumerable:!0,get:function(){return l().calcElements}}),Object.defineProperty(n,"calcLayout",{enumerable:!0,get:function(){return l().calcLayout}}),Object.defineProperty(n,"calcMinimapColors",{enumerable:!0,get:function(){return l().calcMinimapColors}}),Object.defineProperty(n,"componentNodeStyles",{enumerable:!0,get:function(){return d().styles}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return s().GraphAspect}}),Object.defineProperty(n,"defaultNode",{enumerable:!0,get:function(){return d().defaultNode}}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return l().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return l().depTypeToLabel}}),Object.defineProperty(n,"dependenciesGraphStyles",{enumerable:!0,get:function(){return l().styles}}),Object.defineProperty(n,"external",{enumerable:!0,get:function(){return d().external}}),Object.defineProperty(n,"graphPageStyles",{enumerable:!0,get:function(){return u().styles}}),Object.defineProperty(n,"root",{enumerable:!0,get:function(){return d().root}}),Object.defineProperty(n,"useGraph",{enumerable:!0,get:function(){return c().useGraph}}),Object.defineProperty(n,"useGraphQuery",{enumerable:!0,get:function(){return c().useGraphQuery}})},69942(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Dependency=void 0;let Dependency=class Dependency{constructor(t){!function(t,n,r){var a;(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r}(this,"type",void 0),this.type=t}stringify(){return this.type}};n.Dependency=Dependency},68812(t,n,r){"use strict";function a(){let t=r(69942);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Dependency",{enumerable:!0,get:function(){return a().Dependency}}),Object.defineProperty(n,"DependencyType",{enumerable:!0,get:function(){return a().DependencyType}})},22643(t,n,r){"use strict";function a(){let t=v(r(12888));return a=function(){return t},t}function o(){let t=y(r(97500));return o=function(){return t},t}function i(){let t=r(38561);return i=function(){return t},t}function s(){let t=r(43385);return s=function(){return t},t}function l(){let t=r(71292);return l=function(){return t},t}function u(){let t=r(38348);return u=function(){return t},t}function c(){let t=r(94117);return c=function(){return t},t}function d(){let t=r(31692);return d=function(){return t},t}function p(){let t=r(59004);return p=function(){return t},t}function f(){let t=r(86528);return f=function(){return t},t}function m(){let t=y(r(68311));return m=function(){return t},t}function h(){let t=y(r(73027));return h=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentNode=function(t){let{node:n,type:r="defaultNode"}=t,b=w(t,g),y=(0,a().useContext)(f().ComponentGraphContext),{component:v,componentId:k}=n,C=v?.id||k;return a().default.createElement(c().Card,_({className:(0,o().default)(m().default.compNode,h().default[r]),elevation:"none"},b),a().default.createElement("div",{className:m().default.firstRow},v&&a().default.createElement(l().EnvIcon,{component:v,className:m().default.envIcon}),a().default.createElement(x,{componentId:C,className:i().mutedText})),a().default.createElement("div",{className:m().default.nameLine},a().default.createElement(d().NavLink,{className:m().default.link,external:!0,href:p().ComponentUrl.toUrl(C,{includeVersion:!1})},a().default.createElement("span",{className:(0,o().default)(m().default.name,u().ellipsis)},C.name)),C.version&&a().default.createElement("span",{className:(0,o().default)(m().default.version,u().ellipsis)},C.version),a().default.createElement("div",{className:m().default.buffs},v&&a().default.createElement(s().DeprecationIcon,{component:v}),v&&y&&y.componentWidgets.toArray().map(([t,n])=>a().default.createElement(n,{key:t,component:v})))))};let g=["node","type"],b=["componentId","className"];function y(t){return t&&t.__esModule?t:{default:t}}function v(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(v=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function _(){return(_=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function w(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}function x(t){let{componentId:n,className:r}=t,i=w(t,b),{scope:s,namespace:l}=n;return a().default.createElement("div",_({},i,{className:(0,o().default)(m().default.breadcrumbs,u().ellipsis,r)}),s,!!s&&!!l&&"/",l)}},69413(t,n,r){"use strict";function a(){var t;let n=(t=r(68311))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(22643);return o=function(){return t},t}function i(){let t=r(12163);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentNode",{enumerable:!0,get:function(){return o().ComponentNode}}),Object.defineProperty(n,"defaultNode",{enumerable:!0,get:function(){return i().defaultNode}}),Object.defineProperty(n,"defaultNodeColor",{enumerable:!0,get:function(){return i().defaultNodeColor}}),Object.defineProperty(n,"external",{enumerable:!0,get:function(){return i().external}}),Object.defineProperty(n,"externalNodeColor",{enumerable:!0,get:function(){return i().externalNodeColor}}),Object.defineProperty(n,"root",{enumerable:!0,get:function(){return i().root}}),Object.defineProperty(n,"rootNodeColor",{enumerable:!0,get:function(){return i().rootNodeColor}}),n.styles=void 0;let{compNode:s,firstRow:l,envIcon:u,breadcrumbs:c,nameLine:d,name:p,version:f,buffs:m,link:h}=a().default;n.styles={compNode:s,firstRow:l,envIcon:u,breadcrumbs:c,nameLine:d,name:p,version:f,buffs:m,link:h}},12163(t,n,r){"use strict";function a(){var t;let n=(t=r(73027))&&t.__esModule?t:{default:t};return a=function(){return n},n}Object.defineProperty(n,"__esModule",{value:!0}),n.rootNodeColor=n.root=n.externalNodeColor=n.external=n.defaultNodeColor=n.defaultNode=void 0;let{root:o,defaultNode:i,external:s,rootNodeColor:l,defaultNodeColor:u,externalNodeColor:c}=a().default;n.externalNodeColor=c,n.defaultNodeColor=u,n.rootNodeColor=l,n.external=s,n.defaultNode=i,n.root=o},45550(t,n,r){"use strict";function a(){let t=r(30469);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompareGraphModel=void 0;let CompareGraphModel=class CompareGraphModel extends a().GraphModel{constructor(t,n){super(t,n),this.nodes=t,this.edges=n}};n.CompareGraphModel=CompareGraphModel},85421(t,n,r){"use strict";function a(){let t=g(r(97500));return a=function(){return t},t}function o(){let t=r(97292);return o=function(){return t},t}function i(){let t=r(12066);return i=function(){return t},t}function s(){let t=h(r(12888));return s=function(){return t},t}function l(){let t=h(r(89054));return l=function(){return t},t}function u(){let t=r(30469);return u=function(){return t},t}function c(){let t=r(99055);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(){let t=g(r(25025));return p=function(){return t},t}function f(){let t=r(33482);return f=function(){return t},t}function m(){let t=r(66e3);return m=function(){return t},t}function h(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(h=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function g(t){return t&&t.__esModule?t:{default:t}}function b(t){let{sourcePosition:n=l().Position.Top,targetPosition:r=l().Position.Bottom,data:a,id:o}=t,i=l().Handle;return s().default.createElement("div",{key:o},s().default.createElement(i,{type:"target",position:r,isConnectable:!1}),s().default.createElement(i,{type:"source",position:n,isConnectable:!1}),s().default.createElement(f().DependencyCompareNode,{node:a.node,type:a.type}))}Object.defineProperty(n,"__esModule",{value:!0}),n.DependenciesCompare=function(){let t=s().default.useMemo(()=>({ComponentNode:b}),[]),n=(0,s().useRef)(void 0),r=(0,i().useComponentCompare)(),f=r?.base?.model.id,h=r?.compare?.model.id,[g,y]=(0,s().useState)("runtimeOnly"),v="runtimeOnly"===g,{loading:_,graph:w}=(0,u().useGraphQuery)(f&&[f.toString()],g),{loading:x,graph:k}=(0,u().useGraphQuery)(h&&[h.toString()],g),C=_||x,j=(0,m().diffGraph)(w,k,f)??void 0,S=(0,d().calcElements)(j,{rootNode:f});(0,s().useEffect)(()=>()=>n.current=void 0,[]),(0,s().useEffect)(()=>{setTimeout(()=>j&&j.nodes.length<=3?n.current?.fitView({padding:2}):n.current?.fitView(),0)},[j]);let O=(0,s().useCallback)(t=>{n.current=t,(j?.nodes.length??0)<=3?n.current?.fitView({padding:2,maxZoom:1}):t.fitView({maxZoom:1})},[j?.nodes.length]);return((0,s().useEffect)(()=>{setTimeout(()=>(j?.nodes.length??0)<=3?n.current?.fitView({padding:2}):n.current?.fitView(),0)},[h?.toString(),f?.toString()]),C||j)?s().default.createElement("div",{className:(0,a().default)([p().default.page,c().styles.graph])},C&&s().default.createElement("div",{className:p().default.loader},s().default.createElement(o().RoundLoader,null)),!C&&s().default.createElement(l().ReactFlowProvider,null,s().default.createElement(l().default,{draggable:!1,nodesDraggable:!0,selectNodesOnDrag:!1,nodesConnectable:!1,zoomOnDoubleClick:!1,elementsSelectable:!1,maxZoom:100,minZoom:0,className:d().styles.graph,defaultNodes:S.nodes,defaultEdges:S.edges,nodeTypes:t,onInit:O,proOptions:{hideAttribution:!0}},s().default.createElement(l().Background,null),s().default.createElement(l().Controls,{className:d().styles.controls}),s().default.createElement(l().MiniMap,{nodeColor:d().calcMinimapColors,className:d().styles.minimap}),s().default.createElement(c().GraphFilters,{className:c().styles.filters,disable:C,isFiltered:v,onChangeFilter:t=>{y(t?"runtimeOnly":void 0)}})))):s().default.createElement(s().default.Fragment,null)}},33482(t,n,r){"use strict";function a(){let t=r(31692);return a=function(){return t},t}function o(){let t=r(94117);return o=function(){return t},t}function i(){let t=r(38561);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(59004);return l=function(){return t},t}function u(){let t=r(61198);return u=function(){return t},t}function c(){let t=r(43385);return c=function(){return t},t}function d(){let t=r(38348);return d=function(){return t},t}function p(){let t=r(71292);return p=function(){return t},t}function f(){let t=x(r(97500));return f=function(){return t},t}function m(){let t=w(r(12888));return m=function(){return t},t}function h(){let t=r(16322);return h=function(){return t},t}function g(){let t=r(12163);return g=function(){return t},t}function b(){let t=r(69413);return b=function(){return t},t}function y(){let t=x(r(59990));return y=function(){return t},t}function v(){let t=x(r(98736));return v=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DependencyCompareNode=function(t){let{node:n,type:r="defaultNode"}=t,{id:_,component:w,compareVersion:x,status:k,componentId:j}=n,{version:S}=w||{version:j.version},O=s().ComponentID.fromString(_),E=(0,m().useMemo)(()=>(0,h().valid)(S)&&(0,h().valid)(x)&&(0,h().compare)(S,x),[S,x]);return m().default.createElement(o().Card,{className:(0,f().default)(b().styles.compNode,function(t){switch(t){case"defaultNode":return g().defaultNode;case"root":return v().default[t];case"external":return g().external;default:return null}}(r)),elevation:"none"},m().default.createElement("div",{className:b().styles.firstRow},w&&m().default.createElement(p().EnvIcon,{component:w,className:b().styles.envIcon}),m().default.createElement(C,{componentId:O,className:i().mutedText})),m().default.createElement("div",{className:b().styles.nameLine},m().default.createElement(a().NavLink,{className:y().default.link,external:!0,href:l().ComponentUrl.toUrl(O,{includeVersion:!1})},m().default.createElement("span",{className:(0,f().default)(b().styles.name,d().ellipsis)},O.name)),O.version&&m().default.createElement("span",{className:(0,f().default)(b().styles.version,d().ellipsis)},O.version),0!==E&&m().default.createElement("img",{className:(0,f().default)([y().default.arrowIcon,y().default.versionUp]),src:"https://static.bit.dev/bit-icons/version-bump.svg"}),x&&0!==E&&m().default.createElement("span",{className:(0,f().default)(y().default.version,b().styles.version,d().ellipsis,-1===E&&y().default.versionUp,1===E&&y().default.versionDown)},x),m().default.createElement("div",{className:y().default.buffs},w&&m().default.createElement(c().DeprecationIcon,{component:w}),void 0!==k&&m().default.createElement(u().CompareStatusResolver,{status:k}))))};let _=["componentId","className"];function w(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(w=function(t,n){if(!n&&t&&t.__esModule)return t;var 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(t){return t&&t.__esModule?t:{default:t}}function k(){return(k=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function C(t){let{componentId:n,className:r}=t,a=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,_),{scope:o,namespace:i}=n;return m().default.createElement("div",k({},a,{className:(0,f().default)(y().default.breadcrumbs,d().ellipsis,r)}),o,!!o&&!!i&&"/",i)}},66e3(t,n,r){"use strict";function a(){let t=r(45550);return a=function(){return t},t}function o(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function i(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?o(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.diffGraph=function(t,n,r){if(!t||!n||!r)return null;let o=t.nodes,c=n.nodes,d=new Map(o.map(t=>[s(t),t])),p=new Map(c.map(t=>[s(t),t])),f=[];for(let t of o){let n=p.get(s(t));n?f.push(i(i({},t),{},{compareVersion:n.componentId.version,status:n.componentId.isEqual(t.componentId)?void 0:"modified"})):f.push(i(i({},t),{},{compareVersion:t.componentId.version,status:"deleted"}))}for(let t of c.filter(t=>!d.has(s(t))))f.push(i(i({},t),{},{compareVersion:"",status:"new"}));let m=new Map(f.map(t=>[s(t),t])),h=new Map(t.edges.map(t=>[u(t),t])),g=n.edges.filter(t=>!h.has(u(t))).map(t=>i(i({},t),{},{sourceId:m.get(l(t.sourceId))?.id.toString()||r.toString(),targetId:m.get(l(t.targetId))?.id.toString()||r.toString()})),b=[...t.edges,...g];return new(a()).CompareGraphModel(f,b)};let s=t=>t.componentId.toStringWithoutVersion(),l=t=>t.split("@")[0],u=t=>`${l(t.sourceId)}::${l(t.targetId)}`},61212(t,n,r){"use strict";function a(){let t=r(85421);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"DependenciesCompare",{enumerable:!0,get:function(){return a().DependenciesCompare}})},43642(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(89054);return o=function(){return t},t}function i(){let t=r(24601);return i=function(){return t},t}function s(){let t=r(95737);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcElements=function(t,{rootNode:n}){return(0,a().useMemo)(()=>{if(!t)return{nodes:[],edges:[]};let r=(0,i().calcLayout)(t);return{nodes:Array.from(t.nodes.values()).map(t=>({id:t.id,type:"ComponentNode",data:{node:t,type:n&&t.componentId.isEqual(n,{ignoreVersion:!0})?"root":void 0},position:r.get(t.id)||{x:0,y:0}})),edges:t.edges.map(t=>({id:`_${t.sourceId}__${t.targetId}`,source:t.sourceId,target:t.targetId,label:(0,s().depTypeToLabel)(t.dependencyLifecycleType),labelBgPadding:[4,4],type:"smoothstep",className:(0,s().depTypeToClass)(t.dependencyLifecycleType),arrowHeadType:o().MarkerType.Arrow,markerEnd:{type:o().MarkerType.Arrow}}))}},[t?.nodes.length,t?.edges.length,n?.toString(),t?.nodes.some(t=>t.component)])}},24601(t,n,r){"use strict";function a(){let t=o(r(5109));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)}function i(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function s(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?i(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcLayout=function(t){let n=new(a()).graphlib.Graph;return n.setGraph({rankdir:"TB",nodesep:25,ranksep:100,edgesep:100,ranker:"longest-path",acyclicer:"greedy"}),n.setDefaultEdgeLabel(()=>({})),t.nodes.forEach(t=>n.setNode(t.id,s(s({},t),{},{width:260,height:90}))),t.edges.forEach(t=>n.setEdge(t.sourceId,t.targetId)),a().default.layout(n),new Map(n.nodes().map(t=>{let r=n.node(t);return[t,{x:r.x-r.width/2,y:r.y-r.height/2}]}))}},37484(t,n,r){"use strict";function a(){let t=r(53495);return a=function(){return t},t}function o(){var t;let n=(t=r(79568))&&t.__esModule?t:{default:t};return o=function(){return n},n}Object.defineProperty(n,"__esModule",{value:!0}),n.depTypeToClass=function(t){switch(t){case"DEV":return o().default.dev;case"PEER":return o().default.peer;case"RUNTIME":return o().default.runtime;default:return}},n.depTypeToLabel=function(t){switch(t){case a().EdgeType.peer:return"Peer Dependency";case a().EdgeType.dev:return"Development Dependency";case a().EdgeType.runtime:return"Dependency";default:return t.toLowerCase()}}},95737(t,n,r){"use strict";function a(){let t=r(37484);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return a().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return a().depTypeToLabel}})},33291(t,n,r){"use strict";function a(){let t=m(r(12888));return a=function(){return t},t}function o(){let t=f(r(97500));return o=function(){return t},t}function i(){let t=m(r(89054));return i=function(){return t},t}function s(){let t=r(69413);return s=function(){return t},t}function l(){let t=r(43642);return l=function(){return t},t}function u(){let t=r(34124);return u=function(){return t},t}function c(){let t=r(49349);return c=function(){return t},t}function d(){let t=f(r(60155));return d=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DependenciesGraph=function(t){let{graph:n,rootNode:r,componentWidgets:s,className:f,onLoad:m,children:b,loadingGraphMetadata:y}=t,v=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,p),_=a().default.useMemo(()=>({ComponentNode:g}),[]),w=(0,a().useRef)(void 0),x=(0,l().calcElements)(n,{rootNode:r}),[k,C]=(0,i().useNodesState)(x.nodes);(0,a().useEffect)(()=>{C(x.nodes)},[x.nodes]);let j=(0,a().useMemo)(()=>({componentWidgets:s,loadingGraphMetadata:y}),[s,y]),S=(0,a().useCallback)(t=>{w.current=t,(x?.nodes.length??0)<=3?t.fitView({padding:2,maxZoom:1}):t.fitView({maxZoom:1}),m?.(t)},[m]);return(0,a().useEffect)(()=>()=>w.current=void 0,[]),(0,a().useEffect)(()=>{setTimeout(()=>{if(x?.nodes.length)return(x?.nodes?.length??0)<=3?w.current?.fitView({padding:2,maxZoom:1}):w.current?.fitView({maxZoom:1})},100)},[x?.nodes.length]),a().default.createElement(c().ComponentGraphContext.Provider,{value:j},a().default.createElement(i().ReactFlowProvider,null,a().default.createElement(i().default,h({draggable:!1,nodesDraggable:!0,selectNodesOnDrag:!1,nodesConnectable:!1,zoomOnDoubleClick:!1,elementsSelectable:!1,maxZoom:100,minZoom:0},v,{className:(0,o().default)(d().default.graph,f),nodes:k,edges:x.edges,nodeTypes:_,onInit:S,fitView:!0,fitViewOptions:{padding:(x?.nodes.length??0)<=3?2:void 0,maxZoom:1},proOptions:{hideAttribution:!0}}),a().default.createElement(i().Background,null),a().default.createElement(i().Controls,{className:d().default.controls}),a().default.createElement(i().MiniMap,{nodeColor:u().calcMinimapColors,className:d().default.minimap}),b)))},r(55244);let p=["graph","rootNode","componentWidgets","className","onLoad","children","loadingGraphMetadata"];function f(t){return t&&t.__esModule?t:{default:t}}function m(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(m=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function h(){return(h=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function g(t){let{sourcePosition:n=i().Position.Top,targetPosition:r=i().Position.Bottom,data:o,id:l}=t,u=i().Handle;return a().default.createElement("div",{key:l},a().default.createElement(u,{type:"target",position:r,isConnectable:!1}),a().default.createElement(u,{type:"source",position:n,isConnectable:!1}),a().default.createElement(s().ComponentNode,{node:o.node,type:o.type}))}},49349(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentGraphContext=void 0,n.ComponentGraphContext=(0,a().createContext)(void 0)},86528(t,n,r){"use strict";function a(){var t;let n=(t=r(60155))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(33291);return o=function(){return t},t}function i(){let t=r(49349);return i=function(){return t},t}function s(){let t=r(95737);return s=function(){return t},t}function l(){let t=r(34124);return l=function(){return t},t}function u(){let t=r(24601);return u=function(){return t},t}function c(){let t=r(43642);return c=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentGraph",{enumerable:!0,get:function(){return i().ComponentGraph}}),Object.defineProperty(n,"ComponentGraphContext",{enumerable:!0,get:function(){return i().ComponentGraphContext}}),Object.defineProperty(n,"DependenciesGraph",{enumerable:!0,get:function(){return o().DependenciesGraph}}),Object.defineProperty(n,"calcElements",{enumerable:!0,get:function(){return c().calcElements}}),Object.defineProperty(n,"calcLayout",{enumerable:!0,get:function(){return u().calcLayout}}),Object.defineProperty(n,"calcMinimapColors",{enumerable:!0,get:function(){return l().calcMinimapColors}}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return s().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return s().depTypeToLabel}}),n.styles=void 0;let{graph:d,minimap:p,controls:f}=a().default;n.styles={graph:d,minimap:p,controls:f}},34124(t,n,r){"use strict";function a(){let t=r(69413);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcMinimapColors=function(t){switch(t.data?.type){case"root":return a().rootNodeColor;case"external":return a().externalNodeColor;default:return a().defaultNodeColor}}},76065(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(94117);return o=function(){return t},t}function i(){let t=r(9819);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphFilters=function(t){let{onChangeFilter:n,isFiltered:r,disable:l}=t,u=function(t,n){if(null==t)return{};var r,a,o=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,s);return a().default.createElement(o().Card,u,a().default.createElement("div",null,a().default.createElement(i().CheckboxLabel,{checked:!r,disabled:l,onInputChanged:t=>n(!t.target.checked)}," ","show non-runtime")))};let s=["onChangeFilter","isFiltered","disable"]},58715(t,n,r){"use strict";function a(){let t=h(r(12888));return a=function(){return t},t}function o(){let t=r(80105);return o=function(){return t},t}function i(){let t=r(34926);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(49666);return l=function(){return t},t}function u(){let t=m(r(97500));return u=function(){return t},t}function c(){let t=r(30469);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(){let t=r(76065);return p=function(){return t},t}function f(){let t=m(r(28751));return f=function(){return t},t}function m(t){return t&&t.__esModule?t:{default:t}}function h(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(h=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphPage=function({componentWidgets:t}){let n=(0,a().useContext)(s().ComponentContext),[r,m]=(0,a().useState)("runtimeOnly"),{graph:h,error:g,graphLoading:b,loading:y}=(0,c().useGraphQuery)([n.id.toString()],r);return g?404===g.code?a().default.createElement(o().NotFoundPage,null):a().default.createElement(i().ServerErrorPage,null):a().default.createElement("div",{className:(0,u().default)(f().default.page)},a().default.createElement(d().DependenciesGraph,{componentWidgets:t,graph:h,rootNode:n.id,className:(0,u().default)(f().default.graph,!h&&l().skeleton),loadingGraphMetadata:b},h&&a().default.createElement(p().GraphFilters,{className:(0,u().default)(f().default.filters),disable:y,isFiltered:"runtimeOnly"===r,onChangeFilter:t=>{m(t?"runtimeOnly":void 0)}})))}},99055(t,n,r){"use strict";function a(){var t;let n=(t=r(28751))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(58715);return o=function(){return t},t}function i(){let t=r(76065);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"GraphFilters",{enumerable:!0,get:function(){return i().GraphFilters}}),Object.defineProperty(n,"GraphPage",{enumerable:!0,get:function(){return o().GraphPage}}),n.styles=void 0;let{graph:s,filters:l}=a().default;n.styles={graph:s,filters:l}},2535(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(99055);return o=function(){return t},t}function i(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphSection=void 0;let GraphSection=class GraphSection{constructor(t){this.componentWidgetSlot=t,i(this,"route",{path:"~graph",element:a().default.createElement(o().GraphPage,{componentWidgets:this.componentWidgetSlot})}),i(this,"navigationLink",{href:"~graph",children:"Graph"}),i(this,"order",40)}};n.GraphSection=GraphSection},49728(t,n){"use strict";function r(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.EdgeModel=void 0;let EdgeModel=class EdgeModel{constructor(){r(this,"sourceId",void 0),r(this,"targetId",void 0),r(this,"dependencyLifecycleType",void 0)}static from(t){let n=new EdgeModel;return n.sourceId=t.sourceId,n.targetId=t.targetId,n.dependencyLifecycleType=t.dependencyLifecycleType,n}};n.EdgeModel=EdgeModel},98922(t,n,r){"use strict";function a(){let t=r(92590);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.GET_GRAPH_IDS=n.GET_GRAPH=void 0,n.GET_GRAPH_IDS=(0,a().gql)`
+`},7422(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useDocs=n.docsFields=void 0;var a=r(90896);Object.defineProperty(n,"docsFields",{enumerable:!0,get:function(){return a.docsFields}}),Object.defineProperty(n,"useDocs",{enumerable:!0,get:function(){return a.useDocs}})},32021(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.DocsAspect=void 0;let o=n.DocsAspect=a().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});n.default=o},50207(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.defaultDocs=void 0,n.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},50833(t,n,r){"use strict";function a(){let t=g(r(12888));return a=function(){return t},t}function o(){let t=r(92935);return o=function(){return t},t}function i(){let t=r(30266);return i=function(){return t},t}function s(){let t=r(72631);return s=function(){return t},t}function l(){let t=r(79845);return l=function(){return t},t}function u(){let t=r(75740);return u=function(){return t},t}function c(){let t=r(12178);return c=function(){return t},t}function d(){let t=r(32557);return d=function(){return t},t}function p(){let t=r(64199);return p=function(){return t},t}function f(){let t=r(32021);return f=function(){return t},t}function m(){let t=g(r(72644));return m=function(){return t},t}function h(){let t=r(23374);return h=function(){return t},t}function g(t){return t&&t.__esModule?t:{default:t}}function b(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let DocsUI=class DocsUI{constructor(t,n,r,a){this.titleBadgeSlot=t,this.overviewOptionsSlot=n,this.usePreviewSandboxSlot=r,this.usePreviewPropsSlot=a,b(this,"_emptyState",void 0)}registerTitleBadge(t){let n=Array.isArray(t)?t:[t];return this.titleBadgeSlot.register(n),this}listTitleBadges(){return(0,o().flatten)(this.titleBadgeSlot.values())}registerEmptyState(t){return this._emptyState=t}registerPreviewSandbox(t){this.usePreviewSandboxSlot.register(t)}registerPreviewProps(t){this.usePreviewPropsSlot.register(t)}getEmptyState(){return this._emptyState}getDocsCompare(){return a().default.createElement(c().OverviewCompare,{titleBadges:this.titleBadgeSlot,overviewOptions:this.overviewOptionsSlot})}registerOverviewOptions(t){this.overviewOptionsSlot.register(t)}static async provider([t,n,r],o,[i,s,l,u]){let c=new DocsUI(i,s,l,u),p=new(h()).OverviewSection(i,s,c,r,l,u),f=new(d()).OverviewCompareSection(c);return t.registerRoute(p.route),t.registerNavigation(p.navigationLink,p.order),n.registerNavigation(f),n.registerRoutes([f.route]),n.registerCompareTab({id:"inline-docs",order:3,displayName:"Docs",element:a().default.createElement("div",{className:m().default.contain},c.getDocsCompare()),lazy:!0}),c.registerPreviewSandbox((t,n)=>{n?.host==="teambit.scope/scope"&&(t.add("allow-scripts"),t.add("allow-same-origin"))}),c.registerPreviewProps(t=>{t.set("allow","clipboard-write")}),c}};b(DocsUI,"dependencies",[i().ComponentAspect,u().ComponentCompareAspect,p().APIReferenceAspect]),b(DocsUI,"runtime",l().UIRuntime),b(DocsUI,"slots",[s().Slot.withType(),s().Slot.withType(),s().Slot.withType(),s().Slot.withType()]),f().DocsAspect.addRuntime(DocsUI)},82894(t,n,r){"use strict";function a(){let t=r(32021);return a=function(){return t},t}function o(){let t=r(38975);return o=function(){return t},t}function i(){let t=r(50207);return i=function(){return t},t}function s(){let t=r(45688);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BadgePosition",{enumerable:!0,get:function(){return s().BadgePosition}}),Object.defineProperty(n,"Doc",{enumerable:!0,get:function(){return o().Doc}}),Object.defineProperty(n,"DocProp",{enumerable:!0,get:function(){return o().DocProp}}),Object.defineProperty(n,"DocPropList",{enumerable:!0,get:function(){return o().DocPropList}}),Object.defineProperty(n,"DocsAspect",{enumerable:!0,get:function(){return a().DocsAspect}}),Object.defineProperty(n,"Overview",{enumerable:!0,get:function(){return s().Overview}}),n.default=void 0,Object.defineProperty(n,"defaultDocs",{enumerable:!0,get:function(){return i().defaultDocs}}),n.default=a().DocsAspect},23374(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(45688);return o=function(){return t},t}function i(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.OverviewSection=void 0;let OverviewSection=class OverviewSection{constructor(t,n,r,s,l,u){this.titleBadgeSlot=t,this.overviewOptionsSlot=n,this.docs=r,this.apiRef=s,this.usePreviewSandboxSlot=l,this.usePreviewPropsSlot=u,i(this,"navigationLink",{href:".",exact:!0,children:"Overview"}),i(this,"route",{index:!0,element:a().default.createElement(o().Overview,{titleBadges:this.titleBadgeSlot,overviewOptions:this.overviewOptionsSlot,getEmptyState:this.docs.getEmptyState.bind(this.docs),TaggedAPI:this.apiRef.TaggedAPIPage,usePreviewSandboxSlot:this.usePreviewSandboxSlot,usePreviewPropsSlot:this.usePreviewPropsSlot})}),i(this,"order",10)}};n.OverviewSection=OverviewSection},45688(t,n,r){"use strict";function a(){let t=r(77237);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BadgePosition",{enumerable:!0,get:function(){return a().BadgePosition}}),Object.defineProperty(n,"Overview",{enumerable:!0,get:function(){return a().Overview}})},77237(t,n,r){"use strict";var a;function o(){let t=y(r(12888));return o=function(){return t},t}function i(){let t=b(r(97500));return i=function(){return t},t}function s(){let t=r(92935);return s=function(){return t},t}function l(){let t=r(30266);return l=function(){return t},t}function u(){let t=r(37175);return u=function(){return t},t}function c(){let t=r(4080);return c=function(){return t},t}function d(){let t=r(71169);return d=function(){return t},t}function p(){let t=r(55970);return p=function(){return t},t}function f(){let t=r(60517);return f=function(){return t},t}function m(){let t=r(19014);return m=function(){return t},t}function h(){let t=b(r(22445));return h=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.BadgePosition=void 0,n.Overview=function({titleBadges:t,overviewOptions:n,previewProps:r,getEmptyState:a,TaggedAPI:c,usePreviewSandboxSlot:b,usePreviewPropsSlot:y}){let w=(0,o().useContext)(l().ComponentContext),x=(0,l().useComponentDescriptor)(),k=(0,s().flatten)(n.values())[0],C=!w.preview?.legacyHeader,j=a&&a(),S=w.buildStatus?.toLowerCase()!=="succeed"&&w?.host==="teambit.scope/scope",O=!!w.preview?.isScaling,E=!!w.preview?.includesEnvTemplate,D=o().default.useMemo(()=>O&&!E,[O,E]),{isMinimal:P}=(0,f().useWorkspaceMode)(),[N,M]=(0,o().useState)(D),I=b?.values()??[],T=y?.values()??[],$=`onlyOverview=${w.preview?.onlyOverview||"false"}&skipIncludes=${w.preview?.skipIncludes||w.preview?.onlyOverview}`,A=k&&k(),{renderCompositionsFirst:R,defaultPkgManager:F}=A||{},L=r||{},{onLoad:z,style:B}=L,q=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}(L,g),U=o().default.useCallback((t,n)=>{M(!1),z?.(t,n)},[z]);return o().default.useEffect(()=>{!N&&D&&M(!0),N&&!D&&M(!1)},[w.id.toString(),D]),o().default.createElement("div",{className:(0,i().default)(h().default.overviewWrapper,N&&h().default.noOverflow),key:`${w.id.toString()}`},C&&o().default.createElement(d().ComponentOverview,{className:(0,i().default)(h().default.componentOverviewBlock,!O&&h().default.legacyPreview),displayName:w.displayName,abstract:w.description,labels:w.labels,packageName:w.packageName,titleBadges:(0,s().flatten)(t.values()),componentDescriptor:x,component:w,pkgManager:F}),!S&&o().default.createElement("div",{className:h().default.readme},N&&o().default.createElement(m().ReadmeSkeleton,null,o().default.createElement(p().CompositionGallerySkeleton,{compositionsLength:Math.min(w.compositions.length,3)})),o().default.createElement(u().SandboxPermissionsAggregator,{hooks:I,component:w},t=>o().default.createElement(u().PreviewPropsAggregator,{hooks:T,component:w},n=>P||R?o().default.createElement(o().default.Fragment,null,w.preview?.onlyOverview&&!N&&o().default.createElement(p().CompositionGallery,{component:w,sandbox:t}),o().default.createElement(u().ComponentPreview,v({},n,{onLoad:U,previewName:"overview",pubsub:!0,queryParams:[$,A?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,propagateError:P,sandbox:t},q,{component:w,style:{width:"100%",height:"100%",minHeight:O?void 0:500}}))):o().default.createElement(o().default.Fragment,null,o().default.createElement(u().ComponentPreview,v({},n,{onLoad:U,previewName:"overview",pubsub:!0,queryParams:[$,A?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0,sandbox:t},q,{component:w,style:{width:"100%",height:"100%",minHeight:O?void 0:500}})),w.preview?.onlyOverview&&!N&&o().default.createElement(p().CompositionGallery,{component:w,sandbox:t})))),w.preview?.onlyOverview&&!N&&c&&o().default.createElement(c,{componentId:w.id.toString()})),S&&(j?o().default.createElement(j,null):o().default.createElement("div",{className:h().default.buildFailed},o().default.createElement(_,{buildStatus:w.buildStatus}))))};let g=["onLoad","style"];function b(t){return t&&t.__esModule?t:{default:t}}function y(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(y=function(t,n){if(!n&&t&&t.__esModule)return t;var 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 v(){return(v=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function _({buildStatus:t}){return t?.toLowerCase()==="pending"?o().default.createElement(c().StatusMessageCard,{status:"PROCESSING",title:"component preview pending"},"this might take some time"):o().default.createElement(c().StatusMessageCard,{status:"FAILURE",title:"failed to get component preview"})}(a={})[a.Title=0]="Title",a[a.SubTitle=1]="SubTitle",a[a.Labels=2]="Labels",a[a.Package=3]="Package",n.BadgePosition=a},19014(t,n,r){"use strict";function a(){let t=s(r(12888));return a=function(){return t},t}function o(){let t=r(91317);return o=function(){return t},t}function i(){let t=s(r(22445));return i=function(){return t},t}function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(n,"__esModule",{value:!0}),n.ReadmeSkeleton=function({children:t}){return a().default.createElement("div",{className:i().default.readmeSkeleton},a().default.createElement(o().LineSkeleton,{width:"80%"}),a().default.createElement(o().LineSkeleton,{width:"70%"}),a().default.createElement(o().LineSkeleton,{width:"40%",style:{marginBottom:40}}),a().default.createElement(o().LineSkeleton,{width:"30%",style:{marginBottom:16}}),a().default.createElement(o().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),t)}},23657(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EnvIcon=void 0;let a=r(11684);n.EnvIcon=(0,r(12888).forwardRef)(function({component:t,...n},r){return t&&t.environment?.icon?(0,a.jsx)("img",{ref:r,...n,src:t.environment?.icon,alt:t.environment.id}):(0,a.jsx)("span",{})})},71292(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EnvIcon=void 0;var a=r(23657);Object.defineProperty(n,"EnvIcon",{enumerable:!0,get:function(){return a.EnvIcon}})},91726(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ChangedPill=function(){return(0,o.jsxs)("span",{className:i.default.changedPill,children:[(0,o.jsx)("span",{className:i.default.changedDot}),"changed"]})},n.BuildSpinner=function(){return(0,o.jsx)("div",{className:i.default.spinnerBadge,children:(0,o.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",children:[(0,o.jsx)("circle",{cx:"7",cy:"7",r:"5",stroke:s(20),strokeWidth:"1.5",fill:"none"}),(0,o.jsx)("circle",{cx:"7",cy:"7",r:"5",stroke:"var(--bit-accent-color, #6c5ce7)",strokeWidth:"1.5",fill:"none",strokeDasharray:"8 24",strokeLinecap:"round",className:i.default.spinnerArc})]})})},n.BuildingPreview=function(){return(0,o.jsxs)("div",{className:i.default.buildingPreview,children:[(0,o.jsxs)("svg",{width:"100%",height:"100%",preserveAspectRatio:"none",className:i.default.dotsPattern,children:[(0,o.jsx)("defs",{children:(0,o.jsx)("pattern",{id:"dots-accent",width:"14",height:"14",patternUnits:"userSpaceOnUse",children:(0,o.jsx)("circle",{cx:"7",cy:"7",r:"1",fill:s(20)})})}),(0,o.jsx)("rect",{width:"100%",height:"100%",fill:"url(#dots-accent)"})]}),(0,o.jsxs)("div",{className:i.default.buildingPlaceholder,style:{border:`1.5px dashed ${s(40)}`},children:[(0,o.jsx)("div",{style:{height:6,width:"55%",background:s(27),borderRadius:3}}),(0,o.jsx)("div",{style:{height:4,width:"85%",background:s(13),borderRadius:2}}),(0,o.jsx)("div",{style:{height:4,width:"70%",background:s(13),borderRadius:2}})]})]})},n.QueuedPreview=function(){return(0,o.jsx)("div",{className:i.default.queuedPreview,children:(0,o.jsxs)("svg",{width:"46",height:"46",viewBox:"0 0 46 46",children:[(0,o.jsx)("circle",{cx:"23",cy:"23",r:"20",fill:"none",stroke:s(20),strokeWidth:"1.2",strokeDasharray:"3 4"}),(0,o.jsx)("circle",{cx:"23",cy:"23",r:"3",fill:s(53)})]})})};let o=r(11684),i=a(r(11250)),s=t=>`color-mix(in srgb, var(--bit-accent-color, #6c5ce7) ${t}%, transparent)`},44050(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.ComponentsOverviewFilterPanel=function({aggregation:t,onAggregationChange:n,availableAggregations:r,items:a,activeNamespaces:d,onNamespacesChange:p,activeScopes:f,onScopesChange:m}){let h=(0,i.useMemo)(()=>[...new Set(a.map(t=>t.component.id.namespace||"/"))].map(t=>({value:t})),[a]),g=(0,i.useMemo)(()=>[...new Set(a.map(t=>t.component.id.scope))].map(t=>({value:t})),[a]),b=d.map(t=>({value:t})),y=f.map(t=>({value:t})),v=Math.max(0,r.findIndex(n=>n===t));return(0,o.jsxs)("div",{className:u.default.commandBar,children:[(0,o.jsxs)("div",{className:u.default.leftCluster,children:[(0,o.jsx)(l.BaseFilter,{id:"namespaces",placeholder:"Namespaces",options:h,activeOptions:b,onChange:t=>{p((Array.isArray(t)?t:t?[t]:[]).map(t=>t.value).filter(t=>"string"==typeof t))},isSearchable:!0}),(0,o.jsx)(l.BaseFilter,{id:"scopes",placeholder:"Scopes",options:g,activeOptions:y,onChange:t=>{m((Array.isArray(t)?t:t?[t]:[]).map(t=>t.value).filter(t=>"string"==typeof t))},isSearchable:!0})]}),(0,o.jsx)("div",{className:u.default.rightCluster,children:(0,o.jsx)(s.ToggleButton,{className:u.default.aggToggle,defaultIndex:v,onOptionSelect:t=>{n(r[t])},options:r.map(t=>({value:t,element:c[t]}))})})]})};let o=r(11684),i=r(12888),s=r(74256),l=r(915),u=a(r(90974)),c={namespaces:"Namespaces",scopes:"Scopes",none:"None"}},10808(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsOverviewSkeleton=function({count:t=12,header:n,className:r}){return(0,o.jsxs)("div",{className:(0,i.default)(l.default.container,r),"aria-busy":"true","aria-live":"polite",children:[(0,o.jsx)("div",{className:l.default.stickyHeader,children:n||(0,o.jsxs)("div",{className:l.default.commandBar,children:[(0,o.jsxs)("div",{className:l.default.leftCluster,children:[(0,o.jsx)("span",{className:u.default.pill}),(0,o.jsx)("span",{className:u.default.pill})]}),(0,o.jsx)("span",{className:u.default.toggle})]})}),(0,o.jsx)("div",{className:l.default.content,children:(0,o.jsx)(s.ComponentGrid,{className:l.default.cardGrid,children:Array.from({length:t}).map((t,n)=>(0,o.jsxs)("div",{className:u.default.card,style:{animationDelay:`${n%4*70}ms`},children:[(0,o.jsx)("div",{className:u.default.preview,children:(0,o.jsx)("div",{className:u.default.shimmer})}),(0,o.jsxs)("div",{className:u.default.footer,children:[(0,o.jsx)("span",{className:u.default.scopeBadge}),(0,o.jsx)("span",{className:u.default.name}),(0,o.jsx)("span",{className:u.default.hash})]})]},n))})})]})};let o=r(11684),i=a(r(97500)),s=r(5370),l=a(r(90974)),u=a(r(73946))},3634(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.ComponentsOverview=function({components:t,componentDescriptors:n,getHref:r,header:a,footer:y,emptyState:v,storageNamespace:_="components-overview",showPreview:w,className:x}){let k=`${_}:`,C=(0,i.useRef)(null),j=(0,i.useRef)(null);(0,i.useLayoutEffect)(()=>{let t=C.current,n=j.current;if(!t||!n)return;let r=()=>{t.style.setProperty("--components-overview-sticky-height",`${n.offsetHeight}px`)};r();let a=new ResizeObserver(r);return a.observe(n),()=>a.disconnect()},[]);let S=(0,i.useMemo)(()=>[...new Set(t.map(t=>t.id.scope))],[t]),{cloudScopes:O}=(0,d.useCloudScopes)(S),E=(0,i.useMemo)(()=>new Map((O||[]).map(t=>[t.id.toString(),t])),[O]),D=(0,i.useMemo)(()=>new Map(n.map(t=>[t.id.toString(),t])),[n]),P=(0,i.useMemo)(()=>(0,u.default)(t.map(t=>{if(t.deprecation?.isDeprecate)return null;let n=D.get(t.id.toString());if(!n)return null;let r=E.get(t.id.scope)||c.ScopeID.isValid(t.id.scope)&&{id:c.ScopeID.fromString(t.id.scope)}||void 0;return{component:t,componentDescriptor:n,scope:r?{id:r.id,icon:r.icon,backgroundIconColor:r.backgroundIconColor}:void 0}})),[t,D,E]),[N,M]=(0,f.useQueryParamWithDefault)("aggregation","namespaces",{storageKeyPrefix:k}),[I,T]=(0,f.useListParamWithDefault)("ns",{storageKeyPrefix:k}),[$,A]=(0,f.useListParamWithDefault)("scopes",{storageKeyPrefix:k}),R=(0,i.useMemo)(()=>({namespaces:I,scopes:$,statuses:new Set}),[I,$]),{groups:F,groupType:L,availableAggregations:z,filteredCount:B}=(0,p.useComponentsAggregation)(P,N,R);return(0,o.jsxs)("div",{ref:C,className:(0,s.default)(b.default.container,x),children:[(0,o.jsxs)("div",{ref:j,className:b.default.stickyHeader,children:[a,(0,o.jsx)(g.ComponentsOverviewFilterPanel,{aggregation:N,onAggregationChange:M,availableAggregations:z,items:P,activeNamespaces:I,onNamespacesChange:T,activeScopes:$,onScopesChange:A})]}),(0,o.jsxs)("div",{className:b.default.content,children:[0===B&&v,F.map(t=>(0,o.jsxs)("section",{className:b.default.section,children:["none"!==L&&(0,o.jsx)("div",{className:b.default.sectionHeader,children:(0,o.jsx)(m.NamespaceHeader,{namespace:t.name,items:t.items,scopeIcon:t.scopeIcon,scopeIconColor:t.scopeIconColor})}),(0,o.jsx)(l.ComponentGrid,{className:b.default.cardGrid,children:t.items.map(t=>(0,o.jsx)(h.HopeComponentCard,{component:t.component,componentDescriptor:t.componentDescriptor,scope:t.scope,showPreview:w,getHref:r},t.component.id.toString()))})]},t.name)),y]})]})};let o=r(11684),i=r(12888),s=a(r(97500)),l=r(5370),u=a(r(763)),c=r(93171),d=r(61031),p=r(54565),f=r(1049),m=r(39303),h=r(8355),g=r(44050),b=a(r(90974))},21410(t,n){"use strict";function r(t){let n=t.component.buildStatus,r=t.component.status;return"pending"===n?"queued":r?.modifyInfo?.hasModifiedFiles||r?.modifyInfo?.hasModifiedDependencies?"changed":"building"===n?"building":"built"}Object.defineProperty(n,"__esModule",{value:!0}),n.ALL_STATUSES=void 0,n.getComponentStatus=r,n.filterItems=function(t,a){return t.filter(t=>{let o=t.component.id.namespace||"/",i=t.component.id.scope;if(a.namespaces.length&&!a.namespaces.includes(o)||a.scopes.length&&!a.scopes.includes(i))return!1;if(a.statuses.size>0&&a.statuses.size<n.ALL_STATUSES.length){let n=r(t);if(!a.statuses.has(n))return!1}return!0})},n.ALL_STATUSES=["built","changed","building","queued"]},8355(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.HopeComponentCard=function({component:t,componentDescriptor:n,scope:r,showPreview:a,getHref:l}){let[g,b]=(0,i.useState)(!!a),y=(0,i.useRef)(t.server?.url);(0,i.useEffect)(()=>{if(y.current!==t.server?.url&&g){b(!1);let n=setTimeout(()=>b(!0),50);return y.current=t.server?.url,()=>clearTimeout(n)}y.current=t.server?.url},[t.server?.url]),(0,i.useEffect)(()=>{b(!!a)},[a]);let v=(0,p.getComponentStatus)({component:t}),_="var(--bit-accent-color, #6c5ce7)",w="building"===v,x="queued"===v,k="changed"===v,C=l?l(t):`${t.id.fullName}?scope=${t.id.scope}`,j=t.compositions.length>0&&!w&&!g,S=n.get("teambit.envs/envs"),O=S?.data||S,E=O?.id?d.ComponentID.fromString(O.id):void 0,D=w?m.default.cardBuilding:m.default.card,P=w?{borderColor:_,boxShadow:"0 0 0 3px color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 10%, transparent)"}:void 0,N=t.id.namespace?`${t.id.namespace}/${t.id.name}`:t.id.name,M=t.id.version?.slice(0,7),I=t.id.scope?.split(".").pop()?.charAt(0).toUpperCase();return(0,o.jsxs)("div",{className:D,style:P,children:[j&&(0,o.jsx)(c.LoadPreview,{className:m.default.loadPreview,onClick:t=>{t.stopPropagation(),t.preventDefault(),b(!0)}}),(0,o.jsxs)(s.Link,{href:C,className:m.default.linkWrapper,children:[(0,o.jsxs)("div",{className:m.default.preview,children:[(0,o.jsx)("div",{className:m.default.previewInner,children:(0,o.jsx)(h,{component:t,componentDescriptor:n,status:v,shouldShowPreview:g})}),!x&&O?.icon&&(0,o.jsx)("div",{className:m.default.envBadge,children:(0,o.jsx)(u.Tooltip,{delay:300,content:E?.name,children:(0,o.jsx)("img",{src:O.icon,className:m.default.envIcon,alt:""})})}),(k||w)&&(0,o.jsxs)("div",{className:m.default.statusCorner,children:[k&&(0,o.jsx)(f.ChangedPill,{}),w&&(0,o.jsx)(f.BuildSpinner,{})]})]}),(0,o.jsxs)("div",{className:m.default.footer,children:[(0,o.jsx)(u.Tooltip,{delay:300,content:t.id.scope,children:(0,o.jsx)("div",{className:m.default.scopeBadge,style:{background:r?.backgroundIconColor||_},children:r?.icon?(0,o.jsx)("img",{src:r.icon,className:m.default.scopeBadgeIcon,alt:""}):(0,o.jsx)("span",{className:m.default.scopeBadgeInitial,children:I})})}),(0,o.jsx)("span",{className:m.default.name,children:N}),!w&&!x&&M&&(0,o.jsx)("span",{className:m.default.hash,children:M}),w&&(0,o.jsx)("span",{className:m.default.buildingLabel,style:{color:_},children:"BUILDING"})]})]})]})};let o=r(11684),i=r(12888),s=r(19304),l=r(64773),u=r(62634),c=r(54672),d=r(62435),p=r(21410),f=r(91726),m=a(r(91229));function h({component:t,componentDescriptor:n,status:r,shouldShowPreview:a}){return"building"===r?(0,o.jsx)(f.BuildingPreview,{}):(0,o.jsx)(l.PreviewPlaceholder,{component:t,componentDescriptor:n,shouldShowPreview:a})}},54374(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useListParamWithDefault=n.useQueryParamWithDefault=n.useComponentsAggregation=n.ComponentsOverviewFilterPanel=n.NamespaceHeader=n.HopeComponentCard=n.ComponentsOverviewSkeleton=n.ComponentsOverview=void 0;var a=r(3634);Object.defineProperty(n,"ComponentsOverview",{enumerable:!0,get:function(){return a.ComponentsOverview}});var o=r(10808);Object.defineProperty(n,"ComponentsOverviewSkeleton",{enumerable:!0,get:function(){return o.ComponentsOverviewSkeleton}});var i=r(8355);Object.defineProperty(n,"HopeComponentCard",{enumerable:!0,get:function(){return i.HopeComponentCard}});var s=r(39303);Object.defineProperty(n,"NamespaceHeader",{enumerable:!0,get:function(){return s.NamespaceHeader}});var l=r(44050);Object.defineProperty(n,"ComponentsOverviewFilterPanel",{enumerable:!0,get:function(){return l.ComponentsOverviewFilterPanel}});var u=r(54565);Object.defineProperty(n,"useComponentsAggregation",{enumerable:!0,get:function(){return u.useComponentsAggregation}});var c=r(1049);Object.defineProperty(n,"useQueryParamWithDefault",{enumerable:!0,get:function(){return c.useQueryParamWithDefault}}),Object.defineProperty(n,"useListParamWithDefault",{enumerable:!0,get:function(){return c.useListParamWithDefault}})},39303(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.NamespaceHeader=function({namespace:t,items:n,scopeIcon:r,scopeIconColor:a}){let u="var(--bit-accent-color, #6c5ce7)",c=0,d=0;for(let t of n){let n=(0,i.getComponentStatus)(t);"building"===n&&c++,("built"===n||"changed"===n)&&d++}return(0,o.jsxs)("header",{className:s.default.header,children:[(0,o.jsx)(l,{scopeIcon:r,scopeIconColor:a,namespace:t,accent:u}),(0,o.jsx)("span",{className:s.default.name,children:t}),(0,o.jsxs)("span",{className:s.default.count,children:[d,"/",n.length]}),c>0&&(0,o.jsxs)("span",{className:s.default.buildingPill,style:{color:u,background:"color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 12%, transparent)"},children:[(0,o.jsx)("span",{className:s.default.buildingDot,style:{background:u}}),"building"]}),(0,o.jsx)("div",{className:s.default.divider})]})};let o=r(11684),i=r(21410),s=a(r(44283));function l({scopeIcon:t,scopeIconColor:n,namespace:r,accent:a}){if(t)return(0,o.jsx)("div",{className:s.default.scopeIconBadge,style:{background:n||a},children:(0,o.jsx)("img",{src:t,className:s.default.scopeIconImg,alt:""})});if(n){let t=r.split(/[./]/).pop()?.charAt(0).toUpperCase()||"?";return(0,o.jsx)("div",{className:s.default.scopeIconBadge,style:{background:n},children:(0,o.jsx)("span",{className:s.default.scopeInitial,children:t})})}return(0,o.jsx)("span",{className:s.default.dot,style:{background:a}})}},8330(t,n){"use strict";function r(t){return t?t.split("/")[0]:""}function a(t){let a=r(t);return a.startsWith("_")?4:n.PRIORITY_HIGH.includes(a)?0:n.PRIORITY_MED.includes(a)?1:n.PRIORITY_LOW.includes(a)?3:2}Object.defineProperty(n,"__esModule",{value:!0}),n.PRIORITY_LOW=n.PRIORITY_MED=n.PRIORITY_HIGH=void 0,n.getRootNamespace=r,n.namespacePriority=a,n.sortNamespacesAdvanced=function(t){return[...t].sort((t,n)=>{let r=a(t),o=a(n);return r!==o?r-o:t.localeCompare(n)})},n.sortItemsByNamespace=function(t){return[...t].sort((t,n)=>{let r=t.component.id.namespace||"/",o=n.component.id.namespace||"/",i=a(r),s=a(o);return i!==s?i-s:t.component.id.name.localeCompare(n.component.id.name)})},n.PRIORITY_HIGH=["ui","pages"],n.PRIORITY_MED=["design"],n.PRIORITY_LOW=["entities","provider","hooks","icons"]},54565(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentsAggregation=function(t,n,r){let s=(0,a.useMemo)(()=>(0,i.filterItems)(t,r),[t,r]);if("none"===n)return{groups:[{name:"all",displayName:"",items:(0,o.sortItemsByNamespace)(s)}],groupType:"none",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length};if("namespaces"===n){let t=new Map;for(let n of s){let r=n.component.id.namespace||"/";t.has(r)||t.set(r,[]),t.get(r).push(n)}return{groups:(0,o.sortNamespacesAdvanced)([...t.keys()]).map(n=>({name:n,displayName:n,items:(0,o.sortItemsByNamespace)(t.get(n))})),groupType:"namespaces",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length}}let l=new Map;for(let t of s){let n=t.component.id.scope;l.has(n)||l.set(n,[]),l.get(n).push(t)}return{groups:[...l.keys()].sort().map(t=>{let n=l.get(t),r=n.find(t=>t.scope?.icon)?.scope;return{name:t,displayName:t,items:(0,o.sortItemsByNamespace)(n),scopeIcon:r?.icon,scopeIconColor:r?.backgroundIconColor}}),groupType:"scopes",availableAggregations:["namespaces","scopes","none"],filteredCount:s.length}};let a=r(12888),o=r(8330),i=r(21410)},1049(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useQueryParamWithDefault=function(t,n,r={}){let{persist:c=!0,storageKeyPrefix:d=i}=r,[p,f]=(0,o.useSearchParams)(),m=d+t;return[(0,a.useMemo)(()=>{let r=p.get(t);if(r)return r;if(c){let t=s(m);if(t)return t}return n},[p,t,m,n,c]),(0,a.useCallback)(n=>{let r=new URLSearchParams(p);null===n?(r.delete(t),c&&u(m)):(r.set(t,n),c&&l(m,n)),f(r)},[p,f,t,m,c])]},n.useListParamWithDefault=function(t,n={}){let{persist:r=!1,storageKeyPrefix:c=i}=n,[d,p]=(0,o.useSearchParams)(),f=c+t;return[(0,a.useMemo)(()=>{let n=d.get(t);if(n)return n.split(",").filter(Boolean);if(r){let t=s(f);if(t)return t.split(",").filter(Boolean)}return[]},[d,t,f,r]),(0,a.useCallback)(n=>{let a=new URLSearchParams(d),o=n.filter(Boolean).join(",");o?(a.set(t,o),r&&l(f,o)):(a.delete(t),r&&u(f)),p(a)},[d,p,t,f,r])]};let a=r(12888),o=r(44178),i="components-overview:";function s(t){try{return localStorage.getItem(t)}catch{return null}}function l(t,n){try{localStorage.setItem(t,n)}catch{}}function u(t){try{localStorage.removeItem(t)}catch{}}},28334(t,n){"use strict";function r(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.DuplicateDependency=void 0;let DuplicateDependency=class DuplicateDependency{constructor(t,n){r(this,"latestVersionId",void 0),r(this,"priorVersions",void 0),this.latestVersionId=t,this.priorVersions=n}};n.DuplicateDependency=DuplicateDependency},53495(t,n){"use strict";var r;Object.defineProperty(n,"__esModule",{value:!0}),n.EdgeType=void 0,(r={}).dev="DEV",r.runtime="RUNTIME",r.peer="PEER",n.EdgeType=r},73977(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.GraphAspect=void 0;let o=n.GraphAspect=a().Aspect.create({id:"teambit.component/graph",dependencies:[],defaultConfig:{}});n.default=o},58223(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(33320);return o=function(){return t},t}function i(){let t=r(61212);return i=function(){return t},t}function s(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphCompareSection=void 0;let GraphCompareSection=class GraphCompareSection{constructor(){s(this,"navigationLink",{href:"dependencies",children:"Dependencies"}),s(this,"props",this.navigationLink),s(this,"route",{path:"dependencies/*",element:a().default.createElement(i().DependenciesCompare,null)}),s(this,"order",25),s(this,"changeType",o().ChangeType.DEPENDENCY),s(this,"id","dependencies")}};n.GraphCompareSection=GraphCompareSection},38285(t,n,r){"use strict";function a(){let t=r(79845);return a=function(){return t},t}function o(){let t=r(72631);return o=function(){return t},t}function i(){let t=r(75740);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(73977);return l=function(){return t},t}function u(){let t=r(2535);return u=function(){return t},t}function c(){let t=r(58223);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let GraphUI=class GraphUI{getDependenciesGraph(){return d().DependenciesGraph}registerComponentWidget(t){this.componentWidgetSlot.register(t)}constructor(t){this.componentWidgetSlot=t}static async provider([t,n],r,[a]){let o=new GraphUI(a),i=new(u()).GraphSection(a),s=new(c()).GraphCompareSection;return r.componentTab&&t.registerNavigation(i.navigationLink,i.order),t.registerRoute(i.route),n.registerNavigation(s),n.registerRoutes([s.route]),o}};p(GraphUI,"dependencies",[s().ComponentAspect,i().ComponentCompareAspect]),p(GraphUI,"runtime",a().UIRuntime),p(GraphUI,"slots",[o().Slot.withType()]),p(GraphUI,"defaultConfig",{componentTab:!0}),l().GraphAspect.addRuntime(GraphUI)},84635(t,n,r){"use strict";function a(){let t=r(61212);return a=function(){return t},t}function o(){let t=r(68812);return o=function(){return t},t}function i(){let t=r(28334);return i=function(){return t},t}function s(){let t=r(73977);return s=function(){return t},t}function l(){let t=r(86528);return l=function(){return t},t}function u(){let t=r(99055);return u=function(){return t},t}function c(){let t=r(30469);return c=function(){return t},t}function d(){let t=r(69413);return d=function(){return t},t}function p(){let t=r(53495);return p=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"DependenciesCompare",{enumerable:!0,get:function(){return a().DependenciesCompare}}),Object.defineProperty(n,"Dependency",{enumerable:!0,get:function(){return o().Dependency}}),Object.defineProperty(n,"DependencyType",{enumerable:!0,get:function(){return o().DependencyType}}),Object.defineProperty(n,"DuplicateDependency",{enumerable:!0,get:function(){return i().DuplicateDependency}}),Object.defineProperty(n,"EdgeModel",{enumerable:!0,get:function(){return c().EdgeModel}}),Object.defineProperty(n,"EdgeType",{enumerable:!0,get:function(){return p().EdgeType}}),Object.defineProperty(n,"GraphAspect",{enumerable:!0,get:function(){return s().GraphAspect}}),Object.defineProperty(n,"GraphFilters",{enumerable:!0,get:function(){return u().GraphFilters}}),Object.defineProperty(n,"GraphModel",{enumerable:!0,get:function(){return c().GraphModel}}),Object.defineProperty(n,"NodeModel",{enumerable:!0,get:function(){return c().NodeModel}}),Object.defineProperty(n,"calcElements",{enumerable:!0,get:function(){return l().calcElements}}),Object.defineProperty(n,"calcLayout",{enumerable:!0,get:function(){return l().calcLayout}}),Object.defineProperty(n,"calcMinimapColors",{enumerable:!0,get:function(){return l().calcMinimapColors}}),Object.defineProperty(n,"componentNodeStyles",{enumerable:!0,get:function(){return d().styles}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return s().GraphAspect}}),Object.defineProperty(n,"defaultNode",{enumerable:!0,get:function(){return d().defaultNode}}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return l().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return l().depTypeToLabel}}),Object.defineProperty(n,"dependenciesGraphStyles",{enumerable:!0,get:function(){return l().styles}}),Object.defineProperty(n,"external",{enumerable:!0,get:function(){return d().external}}),Object.defineProperty(n,"graphPageStyles",{enumerable:!0,get:function(){return u().styles}}),Object.defineProperty(n,"root",{enumerable:!0,get:function(){return d().root}}),Object.defineProperty(n,"useGraph",{enumerable:!0,get:function(){return c().useGraph}}),Object.defineProperty(n,"useGraphQuery",{enumerable:!0,get:function(){return c().useGraphQuery}})},69942(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Dependency=void 0;let Dependency=class Dependency{constructor(t){!function(t,n,r){var a;(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r}(this,"type",void 0),this.type=t}stringify(){return this.type}};n.Dependency=Dependency},68812(t,n,r){"use strict";function a(){let t=r(69942);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Dependency",{enumerable:!0,get:function(){return a().Dependency}}),Object.defineProperty(n,"DependencyType",{enumerable:!0,get:function(){return a().DependencyType}})},22643(t,n,r){"use strict";function a(){let t=v(r(12888));return a=function(){return t},t}function o(){let t=y(r(97500));return o=function(){return t},t}function i(){let t=r(38561);return i=function(){return t},t}function s(){let t=r(43385);return s=function(){return t},t}function l(){let t=r(71292);return l=function(){return t},t}function u(){let t=r(38348);return u=function(){return t},t}function c(){let t=r(94117);return c=function(){return t},t}function d(){let t=r(31692);return d=function(){return t},t}function p(){let t=r(59004);return p=function(){return t},t}function f(){let t=r(86528);return f=function(){return t},t}function m(){let t=y(r(68311));return m=function(){return t},t}function h(){let t=y(r(73027));return h=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentNode=function(t){let{node:n,type:r="defaultNode"}=t,b=w(t,g),y=(0,a().useContext)(f().ComponentGraphContext),{component:v,componentId:k}=n,C=v?.id||k;return a().default.createElement(c().Card,_({className:(0,o().default)(m().default.compNode,h().default[r]),elevation:"none"},b),a().default.createElement("div",{className:m().default.firstRow},v&&a().default.createElement(l().EnvIcon,{component:v,className:m().default.envIcon}),a().default.createElement(x,{componentId:C,className:i().mutedText})),a().default.createElement("div",{className:m().default.nameLine},a().default.createElement(d().NavLink,{className:m().default.link,external:!0,href:p().ComponentUrl.toUrl(C,{includeVersion:!1})},a().default.createElement("span",{className:(0,o().default)(m().default.name,u().ellipsis)},C.name)),C.version&&a().default.createElement("span",{className:(0,o().default)(m().default.version,u().ellipsis)},C.version),a().default.createElement("div",{className:m().default.buffs},v&&a().default.createElement(s().DeprecationIcon,{component:v}),v&&y&&y.componentWidgets.toArray().map(([t,n])=>a().default.createElement(n,{key:t,component:v})))))};let g=["node","type"],b=["componentId","className"];function y(t){return t&&t.__esModule?t:{default:t}}function v(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(v=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function _(){return(_=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function w(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}function x(t){let{componentId:n,className:r}=t,i=w(t,b),{scope:s,namespace:l}=n;return a().default.createElement("div",_({},i,{className:(0,o().default)(m().default.breadcrumbs,u().ellipsis,r)}),s,!!s&&!!l&&"/",l)}},69413(t,n,r){"use strict";function a(){var t;let n=(t=r(68311))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(22643);return o=function(){return t},t}function i(){let t=r(12163);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentNode",{enumerable:!0,get:function(){return o().ComponentNode}}),Object.defineProperty(n,"defaultNode",{enumerable:!0,get:function(){return i().defaultNode}}),Object.defineProperty(n,"defaultNodeColor",{enumerable:!0,get:function(){return i().defaultNodeColor}}),Object.defineProperty(n,"external",{enumerable:!0,get:function(){return i().external}}),Object.defineProperty(n,"externalNodeColor",{enumerable:!0,get:function(){return i().externalNodeColor}}),Object.defineProperty(n,"root",{enumerable:!0,get:function(){return i().root}}),Object.defineProperty(n,"rootNodeColor",{enumerable:!0,get:function(){return i().rootNodeColor}}),n.styles=void 0;let{compNode:s,firstRow:l,envIcon:u,breadcrumbs:c,nameLine:d,name:p,version:f,buffs:m,link:h}=a().default;n.styles={compNode:s,firstRow:l,envIcon:u,breadcrumbs:c,nameLine:d,name:p,version:f,buffs:m,link:h}},12163(t,n,r){"use strict";function a(){var t;let n=(t=r(73027))&&t.__esModule?t:{default:t};return a=function(){return n},n}Object.defineProperty(n,"__esModule",{value:!0}),n.rootNodeColor=n.root=n.externalNodeColor=n.external=n.defaultNodeColor=n.defaultNode=void 0;let{root:o,defaultNode:i,external:s,rootNodeColor:l,defaultNodeColor:u,externalNodeColor:c}=a().default;n.externalNodeColor=c,n.defaultNodeColor=u,n.rootNodeColor=l,n.external=s,n.defaultNode=i,n.root=o},45550(t,n,r){"use strict";function a(){let t=r(30469);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.CompareGraphModel=void 0;let CompareGraphModel=class CompareGraphModel extends a().GraphModel{constructor(t,n){super(t,n),this.nodes=t,this.edges=n}};n.CompareGraphModel=CompareGraphModel},85421(t,n,r){"use strict";function a(){let t=g(r(97500));return a=function(){return t},t}function o(){let t=r(97292);return o=function(){return t},t}function i(){let t=r(12066);return i=function(){return t},t}function s(){let t=h(r(12888));return s=function(){return t},t}function l(){let t=h(r(89054));return l=function(){return t},t}function u(){let t=r(30469);return u=function(){return t},t}function c(){let t=r(99055);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(){let t=g(r(25025));return p=function(){return t},t}function f(){let t=r(33482);return f=function(){return t},t}function m(){let t=r(66e3);return m=function(){return t},t}function h(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(h=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function g(t){return t&&t.__esModule?t:{default:t}}function b(t){let{sourcePosition:n=l().Position.Top,targetPosition:r=l().Position.Bottom,data:a,id:o}=t,i=l().Handle;return s().default.createElement("div",{key:o},s().default.createElement(i,{type:"target",position:r,isConnectable:!1}),s().default.createElement(i,{type:"source",position:n,isConnectable:!1}),s().default.createElement(f().DependencyCompareNode,{node:a.node,type:a.type}))}Object.defineProperty(n,"__esModule",{value:!0}),n.DependenciesCompare=function(){let t=s().default.useMemo(()=>({ComponentNode:b}),[]),n=(0,s().useRef)(void 0),r=(0,i().useComponentCompare)(),f=r?.base?.model.id,h=r?.compare?.model.id,[g,y]=(0,s().useState)("runtimeOnly"),v="runtimeOnly"===g,{loading:_,graph:w}=(0,u().useGraphQuery)(f&&[f.toString()],g),{loading:x,graph:k}=(0,u().useGraphQuery)(h&&[h.toString()],g),C=_||x,j=(0,m().diffGraph)(w,k,f)??void 0,S=(0,d().calcElements)(j,{rootNode:f});(0,s().useEffect)(()=>()=>n.current=void 0,[]),(0,s().useEffect)(()=>{setTimeout(()=>j&&j.nodes.length<=3?n.current?.fitView({padding:2}):n.current?.fitView(),0)},[j]);let O=(0,s().useCallback)(t=>{n.current=t,(j?.nodes.length??0)<=3?n.current?.fitView({padding:2,maxZoom:1}):t.fitView({maxZoom:1})},[j?.nodes.length]);return((0,s().useEffect)(()=>{setTimeout(()=>(j?.nodes.length??0)<=3?n.current?.fitView({padding:2}):n.current?.fitView(),0)},[h?.toString(),f?.toString()]),C||j)?s().default.createElement("div",{className:(0,a().default)([p().default.page,c().styles.graph])},C&&s().default.createElement("div",{className:p().default.loader},s().default.createElement(o().RoundLoader,null)),!C&&s().default.createElement(l().ReactFlowProvider,null,s().default.createElement(l().default,{draggable:!1,nodesDraggable:!0,selectNodesOnDrag:!1,nodesConnectable:!1,zoomOnDoubleClick:!1,elementsSelectable:!1,maxZoom:100,minZoom:0,className:d().styles.graph,defaultNodes:S.nodes,defaultEdges:S.edges,nodeTypes:t,onInit:O,proOptions:{hideAttribution:!0}},s().default.createElement(l().Background,null),s().default.createElement(l().Controls,{className:d().styles.controls}),s().default.createElement(l().MiniMap,{nodeColor:d().calcMinimapColors,className:d().styles.minimap}),s().default.createElement(c().GraphFilters,{className:c().styles.filters,disable:C,isFiltered:v,onChangeFilter:t=>{y(t?"runtimeOnly":void 0)}})))):s().default.createElement(s().default.Fragment,null)}},33482(t,n,r){"use strict";function a(){let t=r(31692);return a=function(){return t},t}function o(){let t=r(94117);return o=function(){return t},t}function i(){let t=r(38561);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(59004);return l=function(){return t},t}function u(){let t=r(61198);return u=function(){return t},t}function c(){let t=r(43385);return c=function(){return t},t}function d(){let t=r(38348);return d=function(){return t},t}function p(){let t=r(71292);return p=function(){return t},t}function f(){let t=x(r(97500));return f=function(){return t},t}function m(){let t=w(r(12888));return m=function(){return t},t}function h(){let t=r(16322);return h=function(){return t},t}function g(){let t=r(12163);return g=function(){return t},t}function b(){let t=r(69413);return b=function(){return t},t}function y(){let t=x(r(59990));return y=function(){return t},t}function v(){let t=x(r(98736));return v=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DependencyCompareNode=function(t){let{node:n,type:r="defaultNode"}=t,{id:_,component:w,compareVersion:x,status:k,componentId:j}=n,{version:S}=w||{version:j.version},O=s().ComponentID.fromString(_),E=(0,m().useMemo)(()=>(0,h().valid)(S)&&(0,h().valid)(x)&&(0,h().compare)(S,x),[S,x]);return m().default.createElement(o().Card,{className:(0,f().default)(b().styles.compNode,function(t){switch(t){case"defaultNode":return g().defaultNode;case"root":return v().default[t];case"external":return g().external;default:return null}}(r)),elevation:"none"},m().default.createElement("div",{className:b().styles.firstRow},w&&m().default.createElement(p().EnvIcon,{component:w,className:b().styles.envIcon}),m().default.createElement(C,{componentId:O,className:i().mutedText})),m().default.createElement("div",{className:b().styles.nameLine},m().default.createElement(a().NavLink,{className:y().default.link,external:!0,href:l().ComponentUrl.toUrl(O,{includeVersion:!1})},m().default.createElement("span",{className:(0,f().default)(b().styles.name,d().ellipsis)},O.name)),O.version&&m().default.createElement("span",{className:(0,f().default)(b().styles.version,d().ellipsis)},O.version),0!==E&&m().default.createElement("img",{className:(0,f().default)([y().default.arrowIcon,y().default.versionUp]),src:"https://static.bit.dev/bit-icons/version-bump.svg"}),x&&0!==E&&m().default.createElement("span",{className:(0,f().default)(y().default.version,b().styles.version,d().ellipsis,-1===E&&y().default.versionUp,1===E&&y().default.versionDown)},x),m().default.createElement("div",{className:y().default.buffs},w&&m().default.createElement(c().DeprecationIcon,{component:w}),void 0!==k&&m().default.createElement(u().CompareStatusResolver,{status:k}))))};let _=["componentId","className"];function w(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(w=function(t,n){if(!n&&t&&t.__esModule)return t;var 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(t){return t&&t.__esModule?t:{default:t}}function k(){return(k=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function C(t){let{componentId:n,className:r}=t,a=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,_),{scope:o,namespace:i}=n;return m().default.createElement("div",k({},a,{className:(0,f().default)(y().default.breadcrumbs,d().ellipsis,r)}),o,!!o&&!!i&&"/",i)}},66e3(t,n,r){"use strict";function a(){let t=r(45550);return a=function(){return t},t}function o(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function i(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?o(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.diffGraph=function(t,n,r){if(!t||!n||!r)return null;let o=t.nodes,c=n.nodes,d=new Map(o.map(t=>[s(t),t])),p=new Map(c.map(t=>[s(t),t])),f=[];for(let t of o){let n=p.get(s(t));n?f.push(i(i({},t),{},{compareVersion:n.componentId.version,status:n.componentId.isEqual(t.componentId)?void 0:"modified"})):f.push(i(i({},t),{},{compareVersion:t.componentId.version,status:"deleted"}))}for(let t of c.filter(t=>!d.has(s(t))))f.push(i(i({},t),{},{compareVersion:"",status:"new"}));let m=new Map(f.map(t=>[s(t),t])),h=new Map(t.edges.map(t=>[u(t),t])),g=n.edges.filter(t=>!h.has(u(t))).map(t=>i(i({},t),{},{sourceId:m.get(l(t.sourceId))?.id.toString()||r.toString(),targetId:m.get(l(t.targetId))?.id.toString()||r.toString()})),b=[...t.edges,...g];return new(a()).CompareGraphModel(f,b)};let s=t=>t.componentId.toStringWithoutVersion(),l=t=>t.split("@")[0],u=t=>`${l(t.sourceId)}::${l(t.targetId)}`},61212(t,n,r){"use strict";function a(){let t=r(85421);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"DependenciesCompare",{enumerable:!0,get:function(){return a().DependenciesCompare}})},43642(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}function o(){let t=r(89054);return o=function(){return t},t}function i(){let t=r(24601);return i=function(){return t},t}function s(){let t=r(95737);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcElements=function(t,{rootNode:n}){return(0,a().useMemo)(()=>{if(!t)return{nodes:[],edges:[]};let r=(0,i().calcLayout)(t);return{nodes:Array.from(t.nodes.values()).map(t=>({id:t.id,type:"ComponentNode",data:{node:t,type:n&&t.componentId.isEqual(n,{ignoreVersion:!0})?"root":void 0},position:r.get(t.id)||{x:0,y:0}})),edges:t.edges.map(t=>({id:`_${t.sourceId}__${t.targetId}`,source:t.sourceId,target:t.targetId,label:(0,s().depTypeToLabel)(t.dependencyLifecycleType),labelBgPadding:[4,4],type:"smoothstep",className:(0,s().depTypeToClass)(t.dependencyLifecycleType),arrowHeadType:o().MarkerType.Arrow,markerEnd:{type:o().MarkerType.Arrow}}))}},[t?.nodes.length,t?.edges.length,n?.toString(),t?.nodes.some(t=>t.component)])}},24601(t,n,r){"use strict";function a(){let t=o(r(5109));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)}function i(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);n&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,a)}return r}function s(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?i(Object(r),!0).forEach(function(n){var a,o,i;a=t,o=n,i=r[n],(o=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}(o))in a?Object.defineProperty(a,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):a[o]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcLayout=function(t){let n=new(a()).graphlib.Graph;return n.setGraph({rankdir:"TB",nodesep:25,ranksep:100,edgesep:100,ranker:"longest-path",acyclicer:"greedy"}),n.setDefaultEdgeLabel(()=>({})),t.nodes.forEach(t=>n.setNode(t.id,s(s({},t),{},{width:260,height:90}))),t.edges.forEach(t=>n.setEdge(t.sourceId,t.targetId)),a().default.layout(n),new Map(n.nodes().map(t=>{let r=n.node(t);return[t,{x:r.x-r.width/2,y:r.y-r.height/2}]}))}},37484(t,n,r){"use strict";function a(){let t=r(53495);return a=function(){return t},t}function o(){var t;let n=(t=r(79568))&&t.__esModule?t:{default:t};return o=function(){return n},n}Object.defineProperty(n,"__esModule",{value:!0}),n.depTypeToClass=function(t){switch(t){case"DEV":return o().default.dev;case"PEER":return o().default.peer;case"RUNTIME":return o().default.runtime;default:return}},n.depTypeToLabel=function(t){switch(t){case a().EdgeType.peer:return"Peer Dependency";case a().EdgeType.dev:return"Development Dependency";case a().EdgeType.runtime:return"Dependency";default:return t.toLowerCase()}}},95737(t,n,r){"use strict";function a(){let t=r(37484);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return a().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return a().depTypeToLabel}})},33291(t,n,r){"use strict";function a(){let t=m(r(12888));return a=function(){return t},t}function o(){let t=f(r(97500));return o=function(){return t},t}function i(){let t=m(r(89054));return i=function(){return t},t}function s(){let t=r(69413);return s=function(){return t},t}function l(){let t=r(43642);return l=function(){return t},t}function u(){let t=r(34124);return u=function(){return t},t}function c(){let t=r(49349);return c=function(){return t},t}function d(){let t=f(r(60155));return d=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.DependenciesGraph=function(t){let{graph:n,rootNode:r,componentWidgets:s,className:f,onLoad:m,children:b,loadingGraphMetadata:y}=t,v=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,p),_=a().default.useMemo(()=>({ComponentNode:g}),[]),w=(0,a().useRef)(void 0),x=(0,l().calcElements)(n,{rootNode:r}),[k,C]=(0,i().useNodesState)(x.nodes);(0,a().useEffect)(()=>{C(x.nodes)},[x.nodes]);let j=(0,a().useMemo)(()=>({componentWidgets:s,loadingGraphMetadata:y}),[s,y]),S=(0,a().useCallback)(t=>{w.current=t,(x?.nodes.length??0)<=3?t.fitView({padding:2,maxZoom:1}):t.fitView({maxZoom:1}),m?.(t)},[m]);return(0,a().useEffect)(()=>()=>w.current=void 0,[]),(0,a().useEffect)(()=>{setTimeout(()=>{if(x?.nodes.length)return(x?.nodes?.length??0)<=3?w.current?.fitView({padding:2,maxZoom:1}):w.current?.fitView({maxZoom:1})},100)},[x?.nodes.length]),a().default.createElement(c().ComponentGraphContext.Provider,{value:j},a().default.createElement(i().ReactFlowProvider,null,a().default.createElement(i().default,h({draggable:!1,nodesDraggable:!0,selectNodesOnDrag:!1,nodesConnectable:!1,zoomOnDoubleClick:!1,elementsSelectable:!1,maxZoom:100,minZoom:0},v,{className:(0,o().default)(d().default.graph,f),nodes:k,edges:x.edges,nodeTypes:_,onInit:S,fitView:!0,fitViewOptions:{padding:(x?.nodes.length??0)<=3?2:void 0,maxZoom:1},proOptions:{hideAttribution:!0}}),a().default.createElement(i().Background,null),a().default.createElement(i().Controls,{className:d().default.controls}),a().default.createElement(i().MiniMap,{nodeColor:u().calcMinimapColors,className:d().default.minimap}),b)))},r(55244);let p=["graph","rootNode","componentWidgets","className","onLoad","children","loadingGraphMetadata"];function f(t){return t&&t.__esModule?t:{default:t}}function m(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(m=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}function h(){return(h=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t}).apply(null,arguments)}function g(t){let{sourcePosition:n=i().Position.Top,targetPosition:r=i().Position.Bottom,data:o,id:l}=t,u=i().Handle;return a().default.createElement("div",{key:l},a().default.createElement(u,{type:"target",position:r,isConnectable:!1}),a().default.createElement(u,{type:"source",position:n,isConnectable:!1}),a().default.createElement(s().ComponentNode,{node:o.node,type:o.type}))}},49349(t,n,r){"use strict";function a(){let t=r(12888);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentGraphContext=void 0,n.ComponentGraphContext=(0,a().createContext)(void 0)},86528(t,n,r){"use strict";function a(){var t;let n=(t=r(60155))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(33291);return o=function(){return t},t}function i(){let t=r(49349);return i=function(){return t},t}function s(){let t=r(95737);return s=function(){return t},t}function l(){let t=r(34124);return l=function(){return t},t}function u(){let t=r(24601);return u=function(){return t},t}function c(){let t=r(43642);return c=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentGraph",{enumerable:!0,get:function(){return i().ComponentGraph}}),Object.defineProperty(n,"ComponentGraphContext",{enumerable:!0,get:function(){return i().ComponentGraphContext}}),Object.defineProperty(n,"DependenciesGraph",{enumerable:!0,get:function(){return o().DependenciesGraph}}),Object.defineProperty(n,"calcElements",{enumerable:!0,get:function(){return c().calcElements}}),Object.defineProperty(n,"calcLayout",{enumerable:!0,get:function(){return u().calcLayout}}),Object.defineProperty(n,"calcMinimapColors",{enumerable:!0,get:function(){return l().calcMinimapColors}}),Object.defineProperty(n,"depTypeToClass",{enumerable:!0,get:function(){return s().depTypeToClass}}),Object.defineProperty(n,"depTypeToLabel",{enumerable:!0,get:function(){return s().depTypeToLabel}}),n.styles=void 0;let{graph:d,minimap:p,controls:f}=a().default;n.styles={graph:d,minimap:p,controls:f}},34124(t,n,r){"use strict";function a(){let t=r(69413);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.calcMinimapColors=function(t){switch(t.data?.type){case"root":return a().rootNodeColor;case"external":return a().externalNodeColor;default:return a().defaultNodeColor}}},76065(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(94117);return o=function(){return t},t}function i(){let t=r(9819);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphFilters=function(t){let{onChangeFilter:n,isFiltered:r,disable:l}=t,u=function(t,n){if(null==t)return{};var r,a,o=function(t,n){if(null==t)return{};var r={};for(var a in t)if(({}).hasOwnProperty.call(t,a)){if(-1!==n.indexOf(a))continue;r[a]=t[a]}return r}(t,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(a=0;a<i.length;a++)r=i[a],-1===n.indexOf(r)&&({}).propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,s);return a().default.createElement(o().Card,u,a().default.createElement("div",null,a().default.createElement(i().CheckboxLabel,{checked:!r,disabled:l,onInputChanged:t=>n(!t.target.checked)}," ","show non-runtime")))};let s=["onChangeFilter","isFiltered","disable"]},58715(t,n,r){"use strict";function a(){let t=h(r(12888));return a=function(){return t},t}function o(){let t=r(80105);return o=function(){return t},t}function i(){let t=r(34926);return i=function(){return t},t}function s(){let t=r(30266);return s=function(){return t},t}function l(){let t=r(49666);return l=function(){return t},t}function u(){let t=m(r(97500));return u=function(){return t},t}function c(){let t=r(30469);return c=function(){return t},t}function d(){let t=r(86528);return d=function(){return t},t}function p(){let t=r(76065);return p=function(){return t},t}function f(){let t=m(r(28751));return f=function(){return t},t}function m(t){return t&&t.__esModule?t:{default:t}}function h(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(h=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphPage=function({componentWidgets:t}){let n=(0,a().useContext)(s().ComponentContext),[r,m]=(0,a().useState)("runtimeOnly"),{graph:h,error:g,graphLoading:b,loading:y}=(0,c().useGraphQuery)([n.id.toString()],r);return g?404===g.code?a().default.createElement(o().NotFoundPage,null):a().default.createElement(i().ServerErrorPage,null):a().default.createElement("div",{className:(0,u().default)(f().default.page)},a().default.createElement(d().DependenciesGraph,{componentWidgets:t,graph:h,rootNode:n.id,className:(0,u().default)(f().default.graph,!h&&l().skeleton),loadingGraphMetadata:b},h&&a().default.createElement(p().GraphFilters,{className:(0,u().default)(f().default.filters),disable:y,isFiltered:"runtimeOnly"===r,onChangeFilter:t=>{m(t?"runtimeOnly":void 0)}})))}},99055(t,n,r){"use strict";function a(){var t;let n=(t=r(28751))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(58715);return o=function(){return t},t}function i(){let t=r(76065);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"GraphFilters",{enumerable:!0,get:function(){return i().GraphFilters}}),Object.defineProperty(n,"GraphPage",{enumerable:!0,get:function(){return o().GraphPage}}),n.styles=void 0;let{graph:s,filters:l}=a().default;n.styles={graph:s,filters:l}},2535(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function o(){let t=r(99055);return o=function(){return t},t}function i(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.GraphSection=void 0;let GraphSection=class GraphSection{constructor(t){this.componentWidgetSlot=t,i(this,"route",{path:"~graph",element:a().default.createElement(o().GraphPage,{componentWidgets:this.componentWidgetSlot})}),i(this,"navigationLink",{href:"~graph",children:"Graph"}),i(this,"order",40)}};n.GraphSection=GraphSection},49728(t,n){"use strict";function r(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.EdgeModel=void 0;let EdgeModel=class EdgeModel{constructor(){r(this,"sourceId",void 0),r(this,"targetId",void 0),r(this,"dependencyLifecycleType",void 0)}static from(t){let n=new EdgeModel;return n.sourceId=t.sourceId,n.targetId=t.targetId,n.dependencyLifecycleType=t.dependencyLifecycleType,n}};n.EdgeModel=EdgeModel},98922(t,n,r){"use strict";function a(){let t=r(92590);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.GET_GRAPH_IDS=n.GET_GRAPH=void 0,n.GET_GRAPH_IDS=(0,a().gql)`
   query graph($ids: [String], $filter: String) {
     graph(ids: $ids, filter: $filter) {
       nodes {
@@ -1045,7 +1045,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=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=l.useLanes,searchLanes:a,...d}){let{lanesModel:p,loading:f,fetchMoreLanes:m,hasMore:h,offset:g,limit:b}=r(),y=(0,s.useLocation)(),[v,_]=(0,i.useState)(),w=p?.getDefaultLane(),x=p?.viewedLane,k=p?.getNonMainLanes()||[];(0,i.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,i.useMemo)(()=>k.filter(t=>t.toString()!==x?.id.toString()&&!t.deleted),[v?.id.toString(),x?.id.toString(),p?.lanes.length]);return((0,i.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()}}},[]),p&&p.viewedLane&&v)?(0,o.jsxs)("div",{...d,className:c.default.laneComparePage,children:[(0,o.jsxs)("div",{className:c.default.top,children:[(0,o.jsx)("div",{className:c.default.subTitle,children:"Compare"}),(0,o.jsxs)("div",{className:c.default.title,children:[(0,o.jsx)("div",{className:c.default.compareLane,children:x?.id.name}),(0,o.jsx)("div",{className:c.default.rightIcon,children:(0,o.jsx)("img",{src:"https://static.bit.dev/bit-icons/arrow-right.svg",alt:"arrow-right"})}),(0,o.jsx)("div",{className:c.default.baseSelectorContainer,children:(0,o.jsx)(u.LaneSelector,{searchLanes:a,selectedLaneId:v.id,className:c.default.baseSelector,nonMainLanes:j,mainLane:w,groupByScope:n,getHref:()=>`${y.pathname}${y.search}`,onLaneSelected:(t,n)=>{_(n)},loading:f,fetchMoreLanes:m,hasMore:h,initialOffset:(g??0)+(b??0)})})]})]}),(0,o.jsx)("div",{className:c.default.bottom,children:C})]}):null};let o=r(11684),i=r(12888),s=r(44178),l=r(30969),u=r(90569),c=a(r(13477))},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),i=r(516),s=r(62634),l=r(27872),u=a(r(84912))},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)),f=r(27872),m=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(15525));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 O(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 E={[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 P({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 N({base:t,compare:n,className:r,host:a,tabs:o,customUseComponent:i,customUseLaneDiff:s,LaneCompareLoader:l,ComponentCompareLoader:_,onStateChanged:j,groupBy:S,envIcons:M,apiDiffInsights:I,...T}){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(M??[]);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,M]),[q]=(0,d.useSearchParams)(),[U,V]=(0,c.useState)(q.get("view")||"code"),[H,G]=(0,c.useState)(q.get("groupBy")||"scope"),[W,X]=(0,c.useState)(q.get("diffMode")||"split"),[Y,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,f.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=>{V(t),eo("view","code"===t?void 0:t),ee(void 0),eo("file",void 0)},[eo]),es=(0,c.useCallback)(t=>{G(t),eo("groupBy","scope"===t?void 0:t)},[eo]),el=(0,c.useCallback)(t=>{X(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,O(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]),ef=(0,c.useMemo)(()=>ep.filter(t=>!!t.baseId&&!!t.compareId).map(t=>({baseId:t.baseId,compareId:t.compareId})),[ep]),em=(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,U)),[eh,U,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"===H?t.changeType||"unknown":"namespace"===H?t.namespace||"root":"scope"===H?t.scope:"all";n.has(r)||n.set(r,[]),n.get(r).push(t)}),[...n.entries()].sort(([t],[n])=>"status"===H?x.ChangeTypeGroupOrder.indexOf(t)-x.ChangeTypeGroupOrder.indexOf(n):t.localeCompare(n))},[H]),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"}],[]),eO=(0,c.useMemo)(()=>{let t=[{value:"scope",label:"Scope"},{value:"namespace",label:"Namespace"}];return t.push({value:"none",label:"None"}),t},[U]),eE=(0,c.useMemo)(()=>ex.map(([t,n])=>({key:t,label:"status"===H?(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"===U?ea?.getFiles(n):"config"===U?ea?.getAspectFiles(n):"api"===U?ea?.getApiEntries(n):void 0),sourceIndicator:"scope"===t.baseSource?(0,u.jsx)(w.BaseSourceIndicator,{compareId:t.compareId}):void 0}})})),[ex,H,B,ea?.getVersion(),U]),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]),eP=(0,c.useCallback)((t,n)=>ea?.registerApiEntries(t,n),[ea]),eN=(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===U)?.displayName?.toLowerCase()||U;return{message:`No ${t} changes in this comparison`,hint:"Try a different view above."}},[ep.length,et.length,U,eS]),eM="api"===U;(0,c.useEffect)(()=>{if(!$&&0===ej[U]){let t=eS.find(t=>(ej[t.id]??0)>0);t&&ei(t.id)}},[ej,U,$]);let eI=(0,c.useMemo)(()=>!$&&ep.every(t=>!t.unclassified&&!D(t.changeType,t.changes)),[$,ep]),eT=(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",{...T,className:(0,p.default)(C.default.rootLaneCompare,r),children:(0,u.jsx)(P,{sourceLane:n?.id?.name||"this lane",targetLane:t?.id?.name||"main",componentCount:ep.length,released:eT})}):(0,u.jsxs)(f.CompareDataProvider,{pairs:ef,host:a,children:[(0,u.jsx)(f.RegistryFeeder,{pairs:ef}),(0,u.jsxs)("div",{...T,className:(0,p.default)(C.default.rootLaneCompare,r),children:[(0,u.jsx)(f.CompareToolbar,{viewMode:U,onViewModeChange:t=>ei(t),groupBy:H,onGroupByChange:t=>es(t),endActions:(0,u.jsx)(f.CompareToolbarActions,{viewMode:U,diffMode:W,onDiffModeChange:el,depsShowAll:Y,onDepsShowAllChange:Z}),viewModes:eS,groupByOptions:eO,counts:ej,loading:$,componentOptions:em,selectedComponents:et,onSelectedComponentsChange:en}),(0,u.jsxs)("div",{className:C.default.layout,children:[(0,u.jsx)(f.CompareSidebar,{groups:eE,selectedId:Q,selectedFile:J,defaultExpandFiles:"code"===U||"config"===U||"api"===U,onSelect:(t,n)=>{ec(n),eu((Q!==t||n)&&t||void 0),t&&O(er.current,t,n)},loading:$}),(0,u.jsx)("div",{ref:eM?er:void 0,className:C.default.diffPane,style:eM?void 0:{display:"none"},children:(0,u.jsx)(b.ApiDiffLaneView,{diffs:eD,host:a,selectedId:Q,selectedExport:J,insights:I,onApiEntries:eP,active:eM})}),(0,u.jsx)(f.DiffModeProvider,{mode:W,children:(0,u.jsx)(f.DepsFilterProvider,{showAll:Y,children:(0,u.jsxs)("div",{ref:eM?void 0:er,className:C.default.diffPane,"data-view-mode":U,style:eM?{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"!==H&&(0,u.jsxs)("div",{className:C.default.laneCompareGroupHeader,children:[(0,u.jsx)("span",{className:C.default.laneCompareGroupLabel,children:"status"===H?(0,k.displayChangeType)(t):t}),(0,u.jsx)("span",{className:C.default.laneCompareGroupCount,children:r})]}),n.map(t=>(0,u.jsx)(f.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&&E[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)(m.InlineCompareEmpty,{message:eN.message,hint:eN.hint})})]})})})]})]})]})}let M=c.default.memo(N);n.LaneCompare=c.default.memo(function({...t}){return(0,v.useLaneCompareContext)()?(0,u.jsx)(f.FileRegistryProvider,{children:(0,u.jsx)(N,{...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)(f.FileRegistryProvider,{children:(0,u.jsx)(M,{...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),f=r(56881),m=r(77604),h=r(55802);n.LaneCompareProvider=u.default.memo(function({defaultComponentCompareState:t,tabs:n,children:r,useLaneDiffStatus:a=f.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]),O=(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)(m.LaneCompareContext.Provider,{value:O,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:f,innerRefs:m,...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:f,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:m?.(n.id,n),onLaneSelected:f,getHref:p,selected:t,current:n,timestamp:c?.(n)},n.id.toString()))]})};let o=r(11684),i=r(29751),s=a(r(97500)),l=r(18263),u=a(r(58582))},18263(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.LaneMenuItem=void 0;let o=r(11684),i=r(12888),s=a(r(97500)),l=r(1453),u=r(93766),c=r(19988),d=r(52464),p=r(38348),f=r(516),m=a(r(71247));n.LaneMenuItem=(0,i.forwardRef)(({selected:t,current:n,className:r,onLaneSelected:a,getHref:i=l.LanesModel.getLaneUrl,icon:h,timestamp:g,...b},y)=>{let v=t?.toString()===n.id.toString(),_=n.id.isDefault(),w=(0,o.jsx)(f.Icon,{of:"changed-components"}),x=h||(_?w:void 0),k=i(n.id,void 0,n),C=n.displayName||n.id.name,j=n.id.name,S=n.updatedBy||n.createdBy,O=x||(0,o.jsx)(c.UserAvatar,{size:24,account:{name:S?.name?.split(" ")[0],displayName:S?.name,profileImage:S?.profileImage}}),E=g?.toString();return(0,o.jsx)("div",{...b,ref:y,className:(0,s.default)(r,m.default.laneMenuItemContainer),children:(0,o.jsx)(u.MenuLinkItem,{active:v,href:k,className:m.default.menuItem,onClick:()=>{a?.(n.id,n)},children:(0,o.jsxs)("div",{className:m.default.laneContainer,children:[(0,o.jsxs)("div",{className:(0,s.default)(m.default.top,_&&m.default.mainLane),children:[(0,o.jsx)("div",{className:(0,s.default)(m.default.icon,_&&!h&&m.default.defaultMainLaneIcon),children:O}),(0,o.jsx)("div",{className:(0,s.default)(m.default.laneDisplayName),children:C})]}),(0,o.jsxs)("div",{className:m.default.bottom,children:[!_&&(0,o.jsx)(p.Ellipsis,{className:m.default.laneName,children:j}),E&&(0,o.jsx)("div",{className:m.default.timeStamp,children:(0,o.jsx)(d.TimeAgo,{date:E,className:m.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,...f}){let m=!t,h=t?.isDefault()?t.name:a&&t?.toString()||t?.name;return d?null:(0,o.jsxs)("div",{...f,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:m?p||"Select lane":h}),!n&&(0,o.jsx)(i.Icon,{of:"fat-arrow-down"})]})};let o=r(11684),i=r(29751),s=r(29362),l=a(r(97500)),u=r(38348),c=a(r(72663))},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)),f=r(92935),m=r(1453),h=r(18263),g=r(57704),b=l(r(89864));function y({selectedLaneId:t,mainLane:n,nonMainLanes:r,className:a,groupByScope:o,getHref:i=m.LanesModel.getLaneUrl,onLaneSelected:s,search:l="",mainIcon:v,scopeIconLookup:_,loading:w,hasMore:x,fetchMore:k,forwardedRef:C,...j}){let S=(0,d.useNavigate)(),O=(0,c.useRef)(null),E=(0,c.useRef)(new Map),D=(0,c.useRef)([]),P=(0,c.useRef)(null),N=(0,c.useCallback)(t=>{!w&&(O.current?.disconnect(),O.current=new IntersectionObserver(t=>{t[0].isIntersecting&&x&&k().catch(()=>{})}),t&&(O.current.observe(t),P.current=t))},[w,x,k]),M=!!t&&r.find(n=>n.id.isEqual(t))||void 0,[I,T]=(0,c.useState)(t);(0,c.useEffect)(()=>{t&&t?.toString()!==I?.toString()&&T(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?N:c.default.createRef();E.current.set(n.id.toString(),a),D.current.push(n.id)})};if(o){let a=m.LanesModel.groupLanesByScope(r),o=[];if(M){let t=(a.get(M.id.scope)??[]).filter(t=>!t.id.isEqual(M.id));a.set(M.id.scope,t);let r=[M.id.scope,[M]],i=n?["",[n]]:void 0,s=Array.from(a.entries()).map(([t,n])=>[t,n]);o=(0,f.compact)([r,i,...s])}else{let t=n?["",[n]]:void 0,r=Array.from(a.entries()).map(([t,n])=>[t,n]);o=(0,f.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),M&&(a=a.filter(t=>!t.id.isEqual(M.id))).unshift(M),t(a),a},[r.length,l,o,M?.id.toString(),N,n?.id.name]);(0,c.useEffect)(()=>{I&&setTimeout(()=>{let t=D.current.slice(-1)[0];if(I.toString()===t?.toString())return void P.current?.scrollIntoView({behavior:"smooth",block:"nearest"});let n=E.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":T(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":T(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":T(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,f.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)=>E.current.get(n.hash||t.toString())},`${t??"main"}-${r}`)),!o&&$.map((t,n)=>(0,u.jsx)(h.LaneMenuItem,{ref:E.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:O,hasMore:E,fetchMoreLanes:D,searchLanes:P,initialOffset:N=0,placeholderText:M,...I}=t,[T,$]=(0,c.useState)(""),[A,R]=(0,c.useState)(N??0),[F,L]=(0,c.useState)(E??!1),[z,B]=(0,c.useState)([]),[q,U]=(0,c.useState)(O??!1),V=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)(()=>{E!==F&&L(!!E)},[E]),(0,c.useEffect)(()=>{O!==q&&U(!!O)},[O]),(0,c.useEffect)(()=>{let t=h.LanesModel.concatLanes(o,z);(0,f.isEqual)(z,t)||B(t)},[o,o.length]);let H=(0,c.useCallback)(async()=>{U(!0);let t=await D?.(A,n.LIMIT);return B(n=>(L(()=>(U(!!t?.loading),R(t?.nextOffset??0),t?.hasMore??!1)),h.LanesModel.concatLanes(n,t?.lanesModel?.lanes).filter(t=>!t.id.isDefault())??[])),t},[A,D]),[G,W]=(0,c.useState)(z),[X,Y]=(0,c.useState)(s),Z=(0,p.useLocation)();(0,c.useEffect)(()=>{G.length!==z.length&&W(z)},[z.length]);let Q=c.default.useMemo(()=>o.length>=1,[o.length]),K=(0,c.useRef)(x),J=(P??V)?.(T),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,W(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:T,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:!T&&F,fetchMore:H,nonMainLanes:J?.lanes&&J?.lanes.length>0?J.lanes:G,search:T,groupByScope:X,scopeIconLookup:S,selectedLaneId:i,loading:O,mainLane:a,getHref:l,onLaneSelected:es,mainIcon:j})]},"lane-selector-dropdown-root"):null,[G,s,Q,i,O,E,H,eo,J]);return(0,u.jsx)("div",{...I,className:(0,d.default)(r,w.default.laneSelector),ref:ea,children:(0,u.jsx)(m.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:O,disabled:!Q,selectedLaneId:i,showScope:s,placeholderText:M}),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),f=r(92935),m=r(57240),h=r(1453),g=r(17684),b=l(r(2074)),y=r(516),v=r(42294),_=r(93395),w=l(r(4791));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),i=r(25477),s=a(r(40760))},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),i=a(r(97500)),s=a(r(66298))},23282(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.LaneOverview=function({routeSlot:t,overviewSlot:n,host:r,useLanes:a=u.useLanes}){let{lanesModel:i}=a(),s=i?.viewedLane;return s&&s.id?0===s.components.length?(0,o.jsx)(m.EmptyLaneOverview,{name:s.id.name}):(0,o.jsx)(h,{currentLane:s,host:r,routeSlot:t,overviewSlot:n}):null};let o=r(11684),i=r(12888),s=r(1453),l=r(72164),u=r(30969),c=r(61071),d=a(r(47065)),p=r(57290),f=r(54374),m=r(48790);function h({currentLane:t,host:n,routeSlot:r,overviewSlot:a}){let{loading:u,components:g,componentDescriptors:b}=(0,c.useLaneComponents)(t.id),y=(0,i.useMemo)(()=>(0,d.default)(a?.values()),[a]),v=(0,i.useMemo)(()=>!!r&&(0,d.default)(Array.from(r.values())).length>0,[r]);return u?null:(0,o.jsx)(f.ComponentsOverview,{components:g??[],componentDescriptors:b??[],getHref:n=>s.LanesModel.getLaneComponentUrl(n.id,t.id),storageNamespace:"lane-overview",header:(0,o.jsx)(p.LaneOverviewHeader,{laneId:t.id,componentCount:t.components.length}),footer:(0,o.jsxs)(o.Fragment,{children:[v&&r&&(0,o.jsx)(l.SlotRouter,{slot:r}),y.map((t,n)=>(0,o.jsx)(t,{},n))]}),emptyState:(0,o.jsx)(m.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(62435),s=r(68883),l=r(92935);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:f,dependents:m=[],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=f?.name?{name:f?.name??void 0,username:f?.username??void 0,displayName:f?.displayName??void 0,email:f.email??void 0,profileImage:f.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:m?.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=E(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(79845);return l=function(){return t},t}function u(){let t=r(80105);return u=function(){return t},t}function c(){let t=r(71495);return c=function(){return t},t}function d(){let t=r(8956);return d=function(){return t},t}function p(){let t=r(30266);return p=function(){return t},t}function f(){let t=r(92935);return f=function(){return t},t}function m(){let t=r(98156);return m=function(){return t},t}function h(){let t=r(38158);return h=function(){return t},t}function g(){let t=r(85253);return g=function(){return t},t}function b(){let t=r(46661);return b=function(){return t},t}function y(){let t=r(1453);return y=function(){return t},t}function v(){let t=r(30969);return v=function(){return t},t}function _(){let t=r(52171);return _=function(){return t},t}function w(){let t=r(87762);return w=function(){return t},t}function x(){let t=r(75740);return x=function(){return t},t}function k(){let t=r(25425);return k=function(){return t},t}function C(){let t=r(24454);return C=function(){return t},t}function j(){let t=r(13468);return j=function(){return t},t}function S(){let t=r(32751);return S=function(){return t},t}function O(){var t;let n=(t=r(57829))&&t.__esModule?t:{default:t};return O=function(){return n},n}function E(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(E=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)}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 N(){let t=(0,p().useIdFromLocation)(void 0,!0),{lanesModel:n,loading:r}=(0,v().useLanes)(),a=(0,w().useViewedLaneFromUrl)(),o=t&&!a?.isDefault()?n?.resolveComponentFromUrl(t,a)??null:null;return null===o||r?{loading:!0}:{loading:!1,log:{head:o.version}}}function M(){return(function(){let t=(0,p().useIdFromLocation)(void 0,!0),{lanesModel:n,loading:r}=(0,v().useLanes)(),a=(0,w().useViewedLaneFromUrl)(),o=(0,g().useQuery)().get("version");if(!t)return null;let i=p().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,p,f,m){this.componentUI=t,this.componentCompareUI=n,this.routeSlot=r,this.navSlot=o,this.menuWidgetSlot=i,this.overviewSlot=l,this.laneProviderIgnoreSlot=u,this.compareTabSlot=p,this.workspace=f,this.scope=m,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(v().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,D({},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=f||m,this.lanesHost=f?"workspace":"scope",this.host=f?d().WorkspaceAspect.id:c().ScopeAspect.id}registerHostAspectRoutes(){this.hostAspect&&(this.hostAspect.registerRoutes(this.getLaneRoutes()),this.hostAspect.registerMenuRoutes(this.getMenuRoutes()))}getLaneRoutes(){return[{path:y().LanesModel.lanesPrefix,children:a().default.createElement(a().default.Fragment,null,a().default.createElement(o().Route,{path:y().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(u().NotFoundPage,null)})),a().default.createElement(o().Route,{path:"*",element:a().default.createElement(u().NotFoundPage,null)}))}]}overrideComputeLaneUrl(t){let{prefix:n,path:r,getLaneComponentUrl:a,getLaneIdFromPathname:o,getLaneUrl:i}=t();y().LanesModel.lanesPrefix=n,y().LanesModel.lanePath=r,y().LanesModel.getLaneComponentUrl=a,y().LanesModel.getLaneUrl=i,y().LanesModel.getLaneIdFromPathname=o}getLaneComponent(){return this.componentUI.getComponentUI(this.host,{componentId:M,useComponentFilters:N})}getLaneComponentMenu(){return this.componentUI.getMenu(this.host,{componentId:M,useComponentFilters:N})}getLaneOverview(){return a().default.createElement(m().LaneOverview,{routeSlot:this.routeSlot,overviewSlot:this.overviewSlot,host:this.lanesHost,useLanes:v().useLanes})}getLanesComparePage(){return a().default.createElement(k().LaneComparePage,{getLaneCompare:this.getLaneCompare,groupByScope:"workspace"===this.lanesHost})}getMenuRoutes(){return[{path:y().LanesModel.lanesPrefix,children:a().default.createElement(o().Route,{path:`${y().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(h().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,v().useLanes)();return!t?.viewedLane||t?.lanes.length<2}}])}registerRoutes(){this.registerHostAspectRoutes(),this.registerLanesRoutes()}getLanesSwitcher(){return a().default.createElement(_().LaneSwitcher,{groupByScope:"workspace"===this.lanesHost,mainIcon:"scope"===this.lanesHost?()=>{let t=(0,a().useContext)(c().ScopeContext);return a().default.createElement(C().ScopeIcon,{size:24,scopeImage:t.icon,bgColor:t.backgroundIconColor,className:O().default.mainLaneIcon})}:void 0,useLanes:v().useLanes})}getLanesProvider(){return v().LanesProvider}getUseLanes(){return v().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,p,f,m,h,g],y){let _,w,{config:x}=y,k=String(x.get("teambit.harmony/bit"));k===d().WorkspaceAspect.id&&(_=r),k===c().ScopeAspect.id&&(w=o);let C=new LanesUI(n,i,u,f,m,p,h,g,_,w);return t&&t.registerRenderHooks({reactContext:C.renderContext}),C.registerRoutes(),C.registerMenuWidget(()=>{let{lanesModel:t}=(0,v().useLanes)();if(!t?.viewedLane)return null;let{viewedLane:n,currentLane:r}=t;return a().default.createElement(b().UseLaneMenu,{actionName:"Import",actionIcon:"terminal",host:C.lanesHost,viewedLaneId:n.id,currentLaneId:r?.id})}),C.registerLanesDropdown(),_&&C.registerMenuWidget(s.CommandBarButton),C}};P(LanesUI,"dependencies",[l().UIAspect,p().ComponentAspect,d().WorkspaceAspect,c().ScopeAspect,x().ComponentCompareAspect,j().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()]),S().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(79845);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(79845);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(79845);return a=function(){return t},t}function o(){let t=f(r(12888));return o=function(){return t},t}function i(){let t=r(58798);return i=function(){return t},t}function s(){let t=r(33319);return s=function(){return t},t}function l(){let t=r(91757);return l=function(){return t},t}function u(){let t=r(44178);return u=function(){return t},t}function c(){let t=r(22198);return c=function(){return t},t}function d(){let t=r(72969);return d=function(){return t},t}function p(){let t=r(57325);return p=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 m(){return(m=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 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 NotificationUI=class NotificationUI{static async provider([t]){return new NotificationUI(t)}constructor(t){h(this,"dispatch",void 0),h(this,"isMinimal",!1),h(this,"add",(t,n)=>{if(this.isMinimal)return"";let r=(0,i().v1)();return this.dispatch?.({type:"add",content:{id:r,message:t,level:n,time:new Date().toISOString()}}),r}),h(this,"log",t=>this.add(t,c().MessageLevel.info)),h(this,"warn",t=>this.add(t,c().MessageLevel.warning)),h(this,"error",t=>this.add(t,c().MessageLevel.error)),h(this,"success",t=>this.add(t,c().MessageLevel.success)),h(this,"clear",()=>{this.dispatch?.({type:"clear"})}),h(this,"render",t=>{let[n,r]=(0,o().useReducer)(d().notificationReducer,[]),[a]=(0,u().useSearchParams)(),i="true"===a.get("minimal-mode");return(this.dispatch=r,this.isMinimal=i,(0,o().useEffect)(()=>{i&&r({type:"clear"})},[i]),i)?null:o().default.createElement(l().NotificationCenter,m({},t,{notifications:n}))}),h(this,"renderContext",({children:t})=>o().default.createElement(s().NotificationContext.Provider,{value:this},t)),t.registerHudItem(o().default.createElement(this.render,{key:"NotificationUI"})),t.registerRenderHooks({reactContext:this.renderContext})}dismiss(t){this.dispatch?.({type:"dismiss",id:t})}};h(NotificationUI,"dependencies",[a().UIAspect]),h(NotificationUI,"runtime",a().UIRuntime),p().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(9581));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(79845);return o=function(){return t},t}function i(){let t=r(9375);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)}`,f=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:f,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(79845);return o=function(){return t},t}function i(){let t=r(9375);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)}`,f=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:f,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=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:b=!0,queryParams:y,disableScroll:v=!1,pubsub:_,innerBottomPadding:w=0,viewport:x=1280,fullContentHeight:k=!1,onLoad:C,style:j,sandbox:S,propagateError:O,onPreviewError:E,...D}){let[P,N]=(0,h.useIframeContentHeight)({skip:!1,viewport:x}),M=(0,i.useRef)(null),[I,T]=(0,i.useState)(0),[$,A]=(0,i.useState)(0),R=(0,i.useRef)(null),F=t.preview?.isScaling,L=F?M:P,[z,B]=(0,i.useState)(!1);(0,c.usePubSubIframe)(_?L:void 0),(0,i.useEffect)(()=>{let r=r=>{if((r.data&&r.data.event===p.LOAD_EVENT||r.data&&"webpackInvalid"===r.data.event)&&C&&C(r),r.data&&(r.data.event===p.ERROR_EVENT||"AI_FIX_REQUEST"===r.data.event)){let a=r.data.payload;if(E?.(a),B(!0),O&&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,O,E]),(0,i.useEffect)(()=>{M.current&&(0,u.connectToChild)({iframe:M.current,methods:{pub:(t,n)=>{"preview-size"===n.type&&(T(n.data.width),A(n.data.height)),C&&t&&C(t,{height:n.data.height,width:n.data.width})}}})},[M?.current]);let q=(0,d.useThemePicker)(),U=q?.current?.themeName?`theme=${q.current.themeName}`:"",V=Array.isArray(y)?y.concat(U):(0,l.compact)([y,U]),H=Array.isArray(V)?V.concat(`viewport=${x}`):(0,l.compact)([V,`viewport=${x}`]),G=null===x?V:H,W=(0,f.toPreviewUrl)(t,n,F?G:V,b),X=R.current?.offsetWidth||0,Y=R.current?.offsetHeight||0,Z=k?"100%":I||1280,Q="string"==typeof Z?Z:Math.max(Z,X),K=0!==$?$:5e3,J=a||5e3;return(0,o.jsx)("div",{ref:R,className:(0,s.default)(g.default.preview,r),style:{height:a},children:(0,o.jsx)("iframe",{...D,sandbox:S||void 0,ref:L,style:{...j,height:a||(F?(!k&&K<Y?Y:K)+w:(N||0)>400?N:J),width:F?Q:"100%",visibility:0!==I||!F||k||z?void 0:"hidden",transform:k?"":(0,m.computePreviewScale)(I||1280,X||1280),border:0,transformOrigin:"top left"},src:W,scrolling:v?"no":void 0})})};let o=r(11684),i=r(12888),s=a(r(97500)),l=r(92935),u=r(93652),c=r(78410),d=r(70589),p=r(28452),f=r(46229),m=r(38848),h=r(52833),g=a(r(94291))},83402(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPropsManager=n.SandboxManager=void 0,n.SandboxPermissionExecutor=i,n.SandboxPermissionsAggregator=function({hooks:t,onSandboxChange:n,component:r}){let s=(0,o.useRef)(new SandboxManager);return(0,o.useEffect)(()=>{n?.(s.current.toString())}),(0,a.jsx)(a.Fragment,{children:t.map((t,n)=>(0,a.jsx)(i,{usePermissionHook:t,manager:s.current,component:r},`sanbox-permission-executor-${n}`))})},n.PreviewPropsExecutor=s,n.PreviewPropsAggregator=function({hooks:t,component:n,children:r}){let o=new PreviewPropsManager;return(0,a.jsxs)(a.Fragment,{children:[t.map((t,r)=>(0,a.jsx)(s,{usePropsHook:t,manager:o,component:n},`preview-props-executor-${r}`)),(0,a.jsx)(l,{manager:o,children:r})]})};let a=r(11684),o=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 i({usePermissionHook:t,manager:n,component:r}){return t(n,r),null}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 s({usePropsHook:t,manager:n,component:r}){return t(n,r),null}function l({manager:t,children:n}){var r;let i,s,u=t.toAttrs(),c=(0,o.useRef)(u);return r=c.current,i=Object.keys(r),s=Object.keys(u),i.length===s.length&&i.every(t=>r[t]===u[t])||(c.current=u),(0,a.jsx)(a.Fragment,{children:n(c.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";Object.defineProperty(n,"__esModule",{value:!0}),n.InlinePreviewCompare=function({minHeight:t=200}){let n=(0,i.useComponentCompare)(),r=(0,o.useRef)(null),[u,c]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let t;if(u)return;let n=r.current;if(!n)return;let a=r=>{if(r.data?.event==="_DOM_LOADED_")for(let a of n.querySelectorAll("iframe"))try{if(a.contentWindow===r.source){t=setTimeout(()=>c(!0),500);return}}catch{}};window.addEventListener("message",a);let o=setTimeout(()=>c(!0),8e3);return()=>{window.removeEventListener("message",a),clearTimeout(o),t&&clearTimeout(t)}},[u]);let d=n?.base?.model||n?.compare?.model;return n&&d?(n.base?.model?.compositions?.length||0)>0||(n.compare?.model?.compositions?.length||0)>0?(0,a.jsx)("div",{ref:r,children:(0,a.jsx)(s.PreviewCompareRenderer,{loaded:u,children:(0,a.jsx)(l.CompositionCompare,{})})}):(0,a.jsx)(i.InlineCompareEmpty,{message:"No compositions to preview"}):(0,a.jsx)(s.PreviewCompareRenderer,{loaded:!1,children:null})};let a=r(11684),o=r(12888),i=r(12066),s=r(50343),l=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),i=a(r(18041));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,f=(0,c.useRef)(l),[m,b]=c.default.useState(0),[y,x]=(0,c.useState)(!1);(0,c.useEffect)(()=>{f.current!==l&&a&&(f.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,m]);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}-${m}`):(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),f=r(5913),m=r(82894),h=l(r(26077));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,f.capitalize)(t)).join(" ")}function w(t){let n=function(t,n){let r=t.get(m.DocsAspect.id)?.data||{};if(r&&r?.doc?.props)return r.doc.props.find(t=>t.name===n)}(t,"description");return n&&n.value||""}},78925(t,n,r){"use strict";var a,o;function i(){let t=r(78410);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ClickInsideAnIframeEvent=void 0;let ClickInsideAnIframeEventData=class ClickInsideAnIframeEventData{constructor(t){this.clickEvent=t}};let ClickInsideAnIframeEvent=class ClickInsideAnIframeEvent extends i().BitBaseEvent{constructor(t=Date.now(),n){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",t,new ClickInsideAnIframeEventData(n)),this.timestamp=t,this.clickEvent=n}};n.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,(a="symbol"==typeof(o=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(a="TYPE","string"))?o:o+"")in ClickInsideAnIframeEvent?Object.defineProperty(ClickInsideAnIframeEvent,a,{value:"click-inside-an-iframe",enumerable:!0,configurable:!0,writable:!0}):ClickInsideAnIframeEvent[a]="click-inside-an-iframe"},42709(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=r(78925);Object.keys(a).forEach(function(t){"default"===t||"__esModule"===t||t in n&&n[t]===a[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return a[t]}})})},19887(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={PreviewAspect:!0,PreviewRuntime:!0,ENV_PREVIEW_STRATEGY_NAME:!0,COMPONENT_PREVIEW_STRATEGY_NAME:!0};function o(){let t=r(33389);return o=function(){return t},t}Object.defineProperty(n,"COMPONENT_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return s().COMPONENT_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(n,"ENV_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return s().ENV_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(n,"PreviewAspect",{enumerable:!0,get:function(){return o().PreviewAspect}}),Object.defineProperty(n,"PreviewRuntime",{enumerable:!0,get:function(){return o().PreviewRuntime}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return o().PreviewAspect}});var i=r(42709);function s(){let t=r(99285);return s=function(){return t},t}Object.keys(i).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(a,t)||t in n&&n[t]===i[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return i[t]}})})},33389(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.PreviewRuntime=n.PreviewAspect=void 0;let o=n.PreviewRuntime=new(a()).RuntimeDefinition("preview"),i=n.PreviewAspect=a().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:o});n.default=i},99285(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ENV_PREVIEW_STRATEGY_NAME=n.COMPONENT_PREVIEW_STRATEGY_NAME=void 0,n.ENV_PREVIEW_STRATEGY_NAME="env",n.COMPONENT_PREVIEW_STRATEGY_NAME="component"},78434(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BitBaseEvent=void 0;let BitBaseEvent=class BitBaseEvent{constructor(t,n,r,a){this.type=t,this.version=n,this.timestamp=r,this.data=a}};n.BitBaseEvent=BitBaseEvent},78410(t,n,r){"use strict";function a(){let t=r(6525);return a=function(){return t},t}function o(){let t=r(78434);return o=function(){return t},t}function i(){let t=r(19665);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BitBaseEvent",{enumerable:!0,get:function(){return o().BitBaseEvent}}),Object.defineProperty(n,"PubsubAspect",{enumerable:!0,get:function(){return a().PubsubAspect}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return a().PubsubAspect}}),Object.defineProperty(n,"usePubSub",{enumerable:!0,get:function(){return i().usePubSub}}),Object.defineProperty(n,"usePubSubIframe",{enumerable:!0,get:function(){return i().usePubSubIframe}})},19665(t,n,r){"use strict";function a(){let t=o(r(12888));return a=function(){return t},t}function o(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(o=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.createProvider=function(t){return({children:n})=>a().default.createElement(i.Provider,{value:t},n)},n.pubsubRegistry=void 0,n.usePubSub=s,n.usePubSubIframe=function(t){let n=s();(0,a().useEffect)(()=>{if(!t?.current||!n)return()=>{};let r=n.connect(t.current);return()=>r()},[t?.current,n])};let i=n.pubsubRegistry=(0,a().createContext)(void 0);function s(){return(0,a().useContext)(i)}},6525(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.PubsubAspect=void 0;let o=n.PubsubAspect=a().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});n.default=o},2121(t,n,r){"use strict";function a(){let t=r(79845);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(6525);return s=function(){return t},t}function l(){let t=r(19665);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 PubsubUI=class PubsubUI{constructor(){u(this,"childApi",void 0),u(this,"events",new(o()).EventEmitter2),u(this,"sub",(t,n)=>{let r=this.events;return r.on(t,n),()=>{r.off(t,n)}}),u(this,"pub",(t,n,{propagate:r}={})=>{this.emitEvent(t,n),r&&this.pubToChild(t,n)}),u(this,"connectToIframe",t=>{let n=(0,i().connectToChild)({iframe:t,methods:{pub:this.emitEvent}});return n.promise.then(t=>this.childApi=t).catch(t=>{console.error("[Pubsub.ui]","failed connecting to child iframe:",t)}),()=>{n&&n.destroy()}}),u(this,"emitEvent",(t,n)=>{this.events.emit(t,n)}),u(this,"pubToChild",(t,n)=>this.childApi?.pub(t,n))}getPubSubContext(){return(0,l().createProvider)({connect:this.connectToIframe})}static async provider([t]){let n=new PubsubUI,r=n.getPubSubContext();return t&&t.registerRenderHooks({reactContext:r}),n}};u(PubsubUI,"runtime",a().UIRuntime),u(PubsubUI,"dependencies",[a().UIAspect]),s().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(79845);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},86005(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(92935);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=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=l.useLanes,searchLanes:a,...d}){let{lanesModel:p,loading:f,fetchMoreLanes:m,hasMore:h,offset:g,limit:b}=r(),y=(0,s.useLocation)(),[v,_]=(0,i.useState)(),w=p?.getDefaultLane(),x=p?.viewedLane,k=p?.getNonMainLanes()||[];(0,i.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,i.useMemo)(()=>k.filter(t=>t.toString()!==x?.id.toString()&&!t.deleted),[v?.id.toString(),x?.id.toString(),p?.lanes.length]);return((0,i.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()}}},[]),p&&p.viewedLane&&v)?(0,o.jsxs)("div",{...d,className:c.default.laneComparePage,children:[(0,o.jsxs)("div",{className:c.default.top,children:[(0,o.jsx)("div",{className:c.default.subTitle,children:"Compare"}),(0,o.jsxs)("div",{className:c.default.title,children:[(0,o.jsx)("div",{className:c.default.compareLane,children:x?.id.name}),(0,o.jsx)("div",{className:c.default.rightIcon,children:(0,o.jsx)("img",{src:"https://static.bit.dev/bit-icons/arrow-right.svg",alt:"arrow-right"})}),(0,o.jsx)("div",{className:c.default.baseSelectorContainer,children:(0,o.jsx)(u.LaneSelector,{searchLanes:a,selectedLaneId:v.id,className:c.default.baseSelector,nonMainLanes:j,mainLane:w,groupByScope:n,getHref:()=>`${y.pathname}${y.search}`,onLaneSelected:(t,n)=>{_(n)},loading:f,fetchMoreLanes:m,hasMore:h,initialOffset:(g??0)+(b??0)})})]})]}),(0,o.jsx)("div",{className:c.default.bottom,children:C})]}):null};let o=r(11684),i=r(12888),s=r(44178),l=r(30969),u=r(90569),c=a(r(13477))},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),i=r(516),s=r(62634),l=r(27872),u=a(r(84912))},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)),f=r(27872),m=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(15525));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 O(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 E={[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 P({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 N({base:t,compare:n,className:r,host:a,tabs:o,customUseComponent:i,customUseLaneDiff:s,LaneCompareLoader:l,ComponentCompareLoader:_,onStateChanged:j,groupBy:S,envIcons:M,apiDiffInsights:I,...T}){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(M??[]);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,M]),[q]=(0,d.useSearchParams)(),[U,V]=(0,c.useState)(q.get("view")||"code"),[H,G]=(0,c.useState)(q.get("groupBy")||"scope"),[W,X]=(0,c.useState)(q.get("diffMode")||"split"),[Y,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,f.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=>{V(t),eo("view","code"===t?void 0:t),ee(void 0),eo("file",void 0)},[eo]),es=(0,c.useCallback)(t=>{G(t),eo("groupBy","scope"===t?void 0:t)},[eo]),el=(0,c.useCallback)(t=>{X(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,O(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]),ef=(0,c.useMemo)(()=>ep.filter(t=>!!t.baseId&&!!t.compareId).map(t=>({baseId:t.baseId,compareId:t.compareId})),[ep]),em=(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,U)),[eh,U,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"===H?t.changeType||"unknown":"namespace"===H?t.namespace||"root":"scope"===H?t.scope:"all";n.has(r)||n.set(r,[]),n.get(r).push(t)}),[...n.entries()].sort(([t],[n])=>"status"===H?x.ChangeTypeGroupOrder.indexOf(t)-x.ChangeTypeGroupOrder.indexOf(n):t.localeCompare(n))},[H]),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"}],[]),eO=(0,c.useMemo)(()=>{let t=[{value:"scope",label:"Scope"},{value:"namespace",label:"Namespace"}];return t.push({value:"none",label:"None"}),t},[U]),eE=(0,c.useMemo)(()=>ex.map(([t,n])=>({key:t,label:"status"===H?(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"===U?ea?.getFiles(n):"config"===U?ea?.getAspectFiles(n):"api"===U?ea?.getApiEntries(n):void 0),sourceIndicator:"scope"===t.baseSource?(0,u.jsx)(w.BaseSourceIndicator,{compareId:t.compareId}):void 0}})})),[ex,H,B,ea?.getVersion(),U]),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]),eP=(0,c.useCallback)((t,n)=>ea?.registerApiEntries(t,n),[ea]),eN=(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===U)?.displayName?.toLowerCase()||U;return{message:`No ${t} changes in this comparison`,hint:"Try a different view above."}},[ep.length,et.length,U,eS]),eM="api"===U;(0,c.useEffect)(()=>{if(!$&&0===ej[U]){let t=eS.find(t=>(ej[t.id]??0)>0);t&&ei(t.id)}},[ej,U,$]);let eI=(0,c.useMemo)(()=>!$&&ep.every(t=>!t.unclassified&&!D(t.changeType,t.changes)),[$,ep]),eT=(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",{...T,className:(0,p.default)(C.default.rootLaneCompare,r),children:(0,u.jsx)(P,{sourceLane:n?.id?.name||"this lane",targetLane:t?.id?.name||"main",componentCount:ep.length,released:eT})}):(0,u.jsxs)(f.CompareDataProvider,{pairs:ef,host:a,children:[(0,u.jsx)(f.RegistryFeeder,{pairs:ef}),(0,u.jsxs)("div",{...T,className:(0,p.default)(C.default.rootLaneCompare,r),children:[(0,u.jsx)(f.CompareToolbar,{viewMode:U,onViewModeChange:t=>ei(t),groupBy:H,onGroupByChange:t=>es(t),endActions:(0,u.jsx)(f.CompareToolbarActions,{viewMode:U,diffMode:W,onDiffModeChange:el,depsShowAll:Y,onDepsShowAllChange:Z}),viewModes:eS,groupByOptions:eO,counts:ej,loading:$,componentOptions:em,selectedComponents:et,onSelectedComponentsChange:en}),(0,u.jsxs)("div",{className:C.default.layout,children:[(0,u.jsx)(f.CompareSidebar,{groups:eE,selectedId:Q,selectedFile:J,defaultExpandFiles:"code"===U||"config"===U||"api"===U,onSelect:(t,n)=>{ec(n),eu((Q!==t||n)&&t||void 0),t&&O(er.current,t,n)},loading:$}),(0,u.jsx)("div",{ref:eM?er:void 0,className:C.default.diffPane,style:eM?void 0:{display:"none"},children:(0,u.jsx)(b.ApiDiffLaneView,{diffs:eD,host:a,selectedId:Q,selectedExport:J,insights:I,onApiEntries:eP,active:eM})}),(0,u.jsx)(f.DiffModeProvider,{mode:W,children:(0,u.jsx)(f.DepsFilterProvider,{showAll:Y,children:(0,u.jsxs)("div",{ref:eM?void 0:er,className:C.default.diffPane,"data-view-mode":U,style:eM?{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"!==H&&(0,u.jsxs)("div",{className:C.default.laneCompareGroupHeader,children:[(0,u.jsx)("span",{className:C.default.laneCompareGroupLabel,children:"status"===H?(0,k.displayChangeType)(t):t}),(0,u.jsx)("span",{className:C.default.laneCompareGroupCount,children:r})]}),n.map(t=>(0,u.jsx)(f.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&&E[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)(m.InlineCompareEmpty,{message:eN.message,hint:eN.hint})})]})})})]})]})]})}let M=c.default.memo(N);n.LaneCompare=c.default.memo(function({...t}){return(0,v.useLaneCompareContext)()?(0,u.jsx)(f.FileRegistryProvider,{children:(0,u.jsx)(N,{...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)(f.FileRegistryProvider,{children:(0,u.jsx)(M,{...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),f=r(56881),m=r(77604),h=r(55802);n.LaneCompareProvider=u.default.memo(function({defaultComponentCompareState:t,tabs:n,children:r,useLaneDiffStatus:a=f.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]),O=(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)(m.LaneCompareContext.Provider,{value:O,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:f,innerRefs:m,...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:f,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:m?.(n.id,n),onLaneSelected:f,getHref:p,selected:t,current:n,timestamp:c?.(n)},n.id.toString()))]})};let o=r(11684),i=r(29751),s=a(r(97500)),l=r(18263),u=a(r(58582))},18263(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.LaneMenuItem=void 0;let o=r(11684),i=r(12888),s=a(r(97500)),l=r(1453),u=r(93766),c=r(19988),d=r(52464),p=r(38348),f=r(516),m=a(r(71247));n.LaneMenuItem=(0,i.forwardRef)(({selected:t,current:n,className:r,onLaneSelected:a,getHref:i=l.LanesModel.getLaneUrl,icon:h,timestamp:g,...b},y)=>{let v=t?.toString()===n.id.toString(),_=n.id.isDefault(),w=(0,o.jsx)(f.Icon,{of:"changed-components"}),x=h||(_?w:void 0),k=i(n.id,void 0,n),C=n.displayName||n.id.name,j=n.id.name,S=n.updatedBy||n.createdBy,O=x||(0,o.jsx)(c.UserAvatar,{size:24,account:{name:S?.name?.split(" ")[0],displayName:S?.name,profileImage:S?.profileImage}}),E=g?.toString();return(0,o.jsx)("div",{...b,ref:y,className:(0,s.default)(r,m.default.laneMenuItemContainer),children:(0,o.jsx)(u.MenuLinkItem,{active:v,href:k,className:m.default.menuItem,onClick:()=>{a?.(n.id,n)},children:(0,o.jsxs)("div",{className:m.default.laneContainer,children:[(0,o.jsxs)("div",{className:(0,s.default)(m.default.top,_&&m.default.mainLane),children:[(0,o.jsx)("div",{className:(0,s.default)(m.default.icon,_&&!h&&m.default.defaultMainLaneIcon),children:O}),(0,o.jsx)("div",{className:(0,s.default)(m.default.laneDisplayName),children:C})]}),(0,o.jsxs)("div",{className:m.default.bottom,children:[!_&&(0,o.jsx)(p.Ellipsis,{className:m.default.laneName,children:j}),E&&(0,o.jsx)("div",{className:m.default.timeStamp,children:(0,o.jsx)(d.TimeAgo,{date:E,className:m.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,...f}){let m=!t,h=t?.isDefault()?t.name:a&&t?.toString()||t?.name;return d?null:(0,o.jsxs)("div",{...f,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:m?p||"Select lane":h}),!n&&(0,o.jsx)(i.Icon,{of:"fat-arrow-down"})]})};let o=r(11684),i=r(29751),s=r(29362),l=a(r(97500)),u=r(38348),c=a(r(72663))},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)),f=r(92935),m=r(1453),h=r(18263),g=r(57704),b=l(r(89864));function y({selectedLaneId:t,mainLane:n,nonMainLanes:r,className:a,groupByScope:o,getHref:i=m.LanesModel.getLaneUrl,onLaneSelected:s,search:l="",mainIcon:v,scopeIconLookup:_,loading:w,hasMore:x,fetchMore:k,forwardedRef:C,...j}){let S=(0,d.useNavigate)(),O=(0,c.useRef)(null),E=(0,c.useRef)(new Map),D=(0,c.useRef)([]),P=(0,c.useRef)(null),N=(0,c.useCallback)(t=>{!w&&(O.current?.disconnect(),O.current=new IntersectionObserver(t=>{t[0].isIntersecting&&x&&k().catch(()=>{})}),t&&(O.current.observe(t),P.current=t))},[w,x,k]),M=!!t&&r.find(n=>n.id.isEqual(t))||void 0,[I,T]=(0,c.useState)(t);(0,c.useEffect)(()=>{t&&t?.toString()!==I?.toString()&&T(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?N:c.default.createRef();E.current.set(n.id.toString(),a),D.current.push(n.id)})};if(o){let a=m.LanesModel.groupLanesByScope(r),o=[];if(M){let t=(a.get(M.id.scope)??[]).filter(t=>!t.id.isEqual(M.id));a.set(M.id.scope,t);let r=[M.id.scope,[M]],i=n?["",[n]]:void 0,s=Array.from(a.entries()).map(([t,n])=>[t,n]);o=(0,f.compact)([r,i,...s])}else{let t=n?["",[n]]:void 0,r=Array.from(a.entries()).map(([t,n])=>[t,n]);o=(0,f.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),M&&(a=a.filter(t=>!t.id.isEqual(M.id))).unshift(M),t(a),a},[r.length,l,o,M?.id.toString(),N,n?.id.name]);(0,c.useEffect)(()=>{I&&setTimeout(()=>{let t=D.current.slice(-1)[0];if(I.toString()===t?.toString())return void P.current?.scrollIntoView({behavior:"smooth",block:"nearest"});let n=E.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":T(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":T(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":T(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,f.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)=>E.current.get(n.hash||t.toString())},`${t??"main"}-${r}`)),!o&&$.map((t,n)=>(0,u.jsx)(h.LaneMenuItem,{ref:E.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:O,hasMore:E,fetchMoreLanes:D,searchLanes:P,initialOffset:N=0,placeholderText:M,...I}=t,[T,$]=(0,c.useState)(""),[A,R]=(0,c.useState)(N??0),[F,L]=(0,c.useState)(E??!1),[z,B]=(0,c.useState)([]),[q,U]=(0,c.useState)(O??!1),V=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)(()=>{E!==F&&L(!!E)},[E]),(0,c.useEffect)(()=>{O!==q&&U(!!O)},[O]),(0,c.useEffect)(()=>{let t=h.LanesModel.concatLanes(o,z);(0,f.isEqual)(z,t)||B(t)},[o,o.length]);let H=(0,c.useCallback)(async()=>{U(!0);let t=await D?.(A,n.LIMIT);return B(n=>(L(()=>(U(!!t?.loading),R(t?.nextOffset??0),t?.hasMore??!1)),h.LanesModel.concatLanes(n,t?.lanesModel?.lanes).filter(t=>!t.id.isDefault())??[])),t},[A,D]),[G,W]=(0,c.useState)(z),[X,Y]=(0,c.useState)(s),Z=(0,p.useLocation)();(0,c.useEffect)(()=>{G.length!==z.length&&W(z)},[z.length]);let Q=c.default.useMemo(()=>o.length>=1,[o.length]),K=(0,c.useRef)(x),J=(P??V)?.(T),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,W(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:T,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:!T&&F,fetchMore:H,nonMainLanes:J?.lanes&&J?.lanes.length>0?J.lanes:G,search:T,groupByScope:X,scopeIconLookup:S,selectedLaneId:i,loading:O,mainLane:a,getHref:l,onLaneSelected:es,mainIcon:j})]},"lane-selector-dropdown-root"):null,[G,s,Q,i,O,E,H,eo,J]);return(0,u.jsx)("div",{...I,className:(0,d.default)(r,w.default.laneSelector),ref:ea,children:(0,u.jsx)(m.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:O,disabled:!Q,selectedLaneId:i,showScope:s,placeholderText:M}),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),f=r(92935),m=r(57240),h=r(1453),g=r(17684),b=l(r(2074)),y=r(516),v=r(42294),_=r(93395),w=l(r(4791));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),i=r(25477),s=a(r(40760))},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),i=a(r(97500)),s=a(r(66298))},23282(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.LaneOverview=function({routeSlot:t,overviewSlot:n,host:r,useLanes:a=u.useLanes}){let{lanesModel:i}=a(),s=i?.viewedLane;return s&&s.id?0===s.components.length?(0,o.jsx)(m.EmptyLaneOverview,{name:s.id.name}):(0,o.jsx)(h,{currentLane:s,host:r,routeSlot:t,overviewSlot:n}):null};let o=r(11684),i=r(12888),s=r(1453),l=r(72164),u=r(30969),c=r(61071),d=a(r(47065)),p=r(57290),f=r(54374),m=r(48790);function h({currentLane:t,host:n,routeSlot:r,overviewSlot:a}){let{loading:u,components:g,componentDescriptors:b}=(0,c.useLaneComponents)(t.id),y=(0,i.useMemo)(()=>(0,d.default)(a?.values()),[a]),v=(0,i.useMemo)(()=>!!r&&(0,d.default)(Array.from(r.values())).length>0,[r]);return u?null:(0,o.jsx)(f.ComponentsOverview,{components:g??[],componentDescriptors:b??[],getHref:n=>s.LanesModel.getLaneComponentUrl(n.id,t.id),storageNamespace:"lane-overview",header:(0,o.jsx)(p.LaneOverviewHeader,{laneId:t.id,componentCount:t.components.length}),footer:(0,o.jsxs)(o.Fragment,{children:[v&&r&&(0,o.jsx)(l.SlotRouter,{slot:r}),y.map((t,n)=>(0,o.jsx)(t,{},n))]}),emptyState:(0,o.jsx)(m.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(62435),s=r(68883),l=r(92935);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:f,dependents:m=[],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=f?.name?{name:f?.name??void 0,username:f?.username??void 0,displayName:f?.displayName??void 0,email:f.email??void 0,profileImage:f.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:m?.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=E(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(79845);return l=function(){return t},t}function u(){let t=r(80105);return u=function(){return t},t}function c(){let t=r(71495);return c=function(){return t},t}function d(){let t=r(8956);return d=function(){return t},t}function p(){let t=r(30266);return p=function(){return t},t}function f(){let t=r(92935);return f=function(){return t},t}function m(){let t=r(98156);return m=function(){return t},t}function h(){let t=r(38158);return h=function(){return t},t}function g(){let t=r(85253);return g=function(){return t},t}function b(){let t=r(46661);return b=function(){return t},t}function y(){let t=r(1453);return y=function(){return t},t}function v(){let t=r(30969);return v=function(){return t},t}function _(){let t=r(52171);return _=function(){return t},t}function w(){let t=r(87762);return w=function(){return t},t}function x(){let t=r(75740);return x=function(){return t},t}function k(){let t=r(25425);return k=function(){return t},t}function C(){let t=r(24454);return C=function(){return t},t}function j(){let t=r(13468);return j=function(){return t},t}function S(){let t=r(32751);return S=function(){return t},t}function O(){var t;let n=(t=r(57829))&&t.__esModule?t:{default:t};return O=function(){return n},n}function E(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(E=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)}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 N(){let t=(0,p().useIdFromLocation)(void 0,!0),{lanesModel:n,loading:r}=(0,v().useLanes)(),a=(0,w().useViewedLaneFromUrl)(),o=t&&!a?.isDefault()?n?.resolveComponentFromUrl(t,a)??null:null;return null===o||r?{loading:!0}:{loading:!1,log:{head:o.version}}}function M(){return(function(){let t=(0,p().useIdFromLocation)(void 0,!0),{lanesModel:n,loading:r}=(0,v().useLanes)(),a=(0,w().useViewedLaneFromUrl)(),o=(0,g().useQuery)().get("version");if(!t)return null;let i=p().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,p,f,m){this.componentUI=t,this.componentCompareUI=n,this.routeSlot=r,this.navSlot=o,this.menuWidgetSlot=i,this.overviewSlot=l,this.laneProviderIgnoreSlot=u,this.compareTabSlot=p,this.workspace=f,this.scope=m,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(v().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,D({},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=f||m,this.lanesHost=f?"workspace":"scope",this.host=f?d().WorkspaceAspect.id:c().ScopeAspect.id}registerHostAspectRoutes(){this.hostAspect&&(this.hostAspect.registerRoutes(this.getLaneRoutes()),this.hostAspect.registerMenuRoutes(this.getMenuRoutes()))}getLaneRoutes(){return[{path:y().LanesModel.lanesPrefix,children:a().default.createElement(a().default.Fragment,null,a().default.createElement(o().Route,{path:y().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(u().NotFoundPage,null)})),a().default.createElement(o().Route,{path:"*",element:a().default.createElement(u().NotFoundPage,null)}))}]}overrideComputeLaneUrl(t){let{prefix:n,path:r,getLaneComponentUrl:a,getLaneIdFromPathname:o,getLaneUrl:i}=t();y().LanesModel.lanesPrefix=n,y().LanesModel.lanePath=r,y().LanesModel.getLaneComponentUrl=a,y().LanesModel.getLaneUrl=i,y().LanesModel.getLaneIdFromPathname=o}getLaneComponent(){return this.componentUI.getComponentUI(this.host,{componentId:M,useComponentFilters:N})}getLaneComponentMenu(){return this.componentUI.getMenu(this.host,{componentId:M,useComponentFilters:N})}getLaneOverview(){return a().default.createElement(m().LaneOverview,{routeSlot:this.routeSlot,overviewSlot:this.overviewSlot,host:this.lanesHost,useLanes:v().useLanes})}getLanesComparePage(){return a().default.createElement(k().LaneComparePage,{getLaneCompare:this.getLaneCompare,groupByScope:"workspace"===this.lanesHost})}getMenuRoutes(){return[{path:y().LanesModel.lanesPrefix,children:a().default.createElement(o().Route,{path:`${y().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(h().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,v().useLanes)();return!t?.viewedLane||t?.lanes.length<2}}])}registerRoutes(){this.registerHostAspectRoutes(),this.registerLanesRoutes()}getLanesSwitcher(){return a().default.createElement(_().LaneSwitcher,{groupByScope:"workspace"===this.lanesHost,mainIcon:"scope"===this.lanesHost?()=>{let t=(0,a().useContext)(c().ScopeContext);return a().default.createElement(C().ScopeIcon,{size:24,scopeImage:t.icon,bgColor:t.backgroundIconColor,className:O().default.mainLaneIcon})}:void 0,useLanes:v().useLanes})}getLanesProvider(){return v().LanesProvider}getUseLanes(){return v().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,p,f,m,h,g],y){let _,w,{config:x}=y,k=String(x.get("teambit.harmony/bit"));k===d().WorkspaceAspect.id&&(_=r),k===c().ScopeAspect.id&&(w=o);let C=new LanesUI(n,i,u,f,m,p,h,g,_,w);return t&&t.registerRenderHooks({reactContext:C.renderContext}),C.registerRoutes(),C.registerMenuWidget(()=>{let{lanesModel:t}=(0,v().useLanes)();if(!t?.viewedLane)return null;let{viewedLane:n,currentLane:r}=t;return a().default.createElement(b().UseLaneMenu,{actionName:"Import",actionIcon:"terminal",host:C.lanesHost,viewedLaneId:n.id,currentLaneId:r?.id})}),C.registerLanesDropdown(),_&&C.registerMenuWidget(s.CommandBarButton),C}};P(LanesUI,"dependencies",[l().UIAspect,p().ComponentAspect,d().WorkspaceAspect,c().ScopeAspect,x().ComponentCompareAspect,j().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()]),S().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(79845);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(79845);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(79845);return a=function(){return t},t}function o(){let t=f(r(12888));return o=function(){return t},t}function i(){let t=r(58798);return i=function(){return t},t}function s(){let t=r(33319);return s=function(){return t},t}function l(){let t=r(91757);return l=function(){return t},t}function u(){let t=r(44178);return u=function(){return t},t}function c(){let t=r(22198);return c=function(){return t},t}function d(){let t=r(72969);return d=function(){return t},t}function p(){let t=r(57325);return p=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 m(){return(m=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 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 NotificationUI=class NotificationUI{static async provider([t]){return new NotificationUI(t)}constructor(t){h(this,"dispatch",void 0),h(this,"isMinimal",!1),h(this,"add",(t,n)=>{if(this.isMinimal)return"";let r=(0,i().v1)();return this.dispatch?.({type:"add",content:{id:r,message:t,level:n,time:new Date().toISOString()}}),r}),h(this,"log",t=>this.add(t,c().MessageLevel.info)),h(this,"warn",t=>this.add(t,c().MessageLevel.warning)),h(this,"error",t=>this.add(t,c().MessageLevel.error)),h(this,"success",t=>this.add(t,c().MessageLevel.success)),h(this,"clear",()=>{this.dispatch?.({type:"clear"})}),h(this,"render",t=>{let[n,r]=(0,o().useReducer)(d().notificationReducer,[]),[a]=(0,u().useSearchParams)(),i="true"===a.get("minimal-mode");return(this.dispatch=r,this.isMinimal=i,(0,o().useEffect)(()=>{i&&r({type:"clear"})},[i]),i)?null:o().default.createElement(l().NotificationCenter,m({},t,{notifications:n}))}),h(this,"renderContext",({children:t})=>o().default.createElement(s().NotificationContext.Provider,{value:this},t)),t.registerHudItem(o().default.createElement(this.render,{key:"NotificationUI"})),t.registerRenderHooks({reactContext:this.renderContext})}dismiss(t){this.dispatch?.({type:"dismiss",id:t})}};h(NotificationUI,"dependencies",[a().UIAspect]),h(NotificationUI,"runtime",a().UIRuntime),p().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(9581));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(79845);return o=function(){return t},t}function i(){let t=r(9375);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)}`,f=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:f,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(79845);return o=function(){return t},t}function i(){let t=r(9375);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)}`,f=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:f,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=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:b=!0,queryParams:y,disableScroll:v=!1,pubsub:_,innerBottomPadding:w=0,viewport:x=1280,fullContentHeight:k=!1,onLoad:C,style:j,sandbox:S,propagateError:O,onPreviewError:E,...D}){let[P,N]=(0,h.useIframeContentHeight)({skip:!1,viewport:x}),M=(0,i.useRef)(null),[I,T]=(0,i.useState)(0),[$,A]=(0,i.useState)(0),R=(0,i.useRef)(null),F=t.preview?.isScaling,L=F?M:P,[z,B]=(0,i.useState)(!1);(0,c.usePubSubIframe)(_?L:void 0),(0,i.useEffect)(()=>{let r=r=>{if((r.data&&r.data.event===p.LOAD_EVENT||r.data&&"webpackInvalid"===r.data.event)&&C&&C(r),r.data&&(r.data.event===p.ERROR_EVENT||"AI_FIX_REQUEST"===r.data.event)){let a=r.data.payload;if(E?.(a),B(!0),O&&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,O,E]),(0,i.useEffect)(()=>{M.current&&(0,u.connectToChild)({iframe:M.current,methods:{pub:(t,n)=>{"preview-size"===n.type&&(T(n.data.width),A(n.data.height)),C&&t&&C(t,{height:n.data.height,width:n.data.width})}}})},[M?.current]);let q=(0,d.useThemePicker)(),U=q?.current?.themeName?`theme=${q.current.themeName}`:"",V=Array.isArray(y)?y.concat(U):(0,l.compact)([y,U]),H=Array.isArray(V)?V.concat(`viewport=${x}`):(0,l.compact)([V,`viewport=${x}`]),G=null===x?V:H,W=(0,f.toPreviewUrl)(t,n,F?G:V,b),X=R.current?.offsetWidth||0,Y=R.current?.offsetHeight||0,Z=k?"100%":I||1280,Q="string"==typeof Z?Z:Math.max(Z,X),K=0!==$?$:5e3,J=a||5e3;return(0,o.jsx)("div",{ref:R,className:(0,s.default)(g.default.preview,r),style:{height:a},children:(0,o.jsx)("iframe",{...D,sandbox:S||void 0,ref:L,style:{...j,height:a||(F?(!k&&K<Y?Y:K)+w:(N||0)>400?N:J),width:F?Q:"100%",visibility:0!==I||!F||k||z?void 0:"hidden",transform:k?"":(0,m.computePreviewScale)(I||1280,X||1280),border:0,transformOrigin:"top left"},src:W,scrolling:v?"no":void 0})})};let o=r(11684),i=r(12888),s=a(r(97500)),l=r(92935),u=r(93652),c=r(78410),d=r(70589),p=r(28452),f=r(46229),m=r(38848),h=r(52833),g=a(r(94291))},83402(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.PreviewPropsManager=n.SandboxManager=void 0,n.SandboxPermissionExecutor=i,n.SandboxPermissionsAggregator=function({hooks:t,onSandboxChange:n,component:r,children:o}){let l=new SandboxManager;return(0,a.jsxs)(a.Fragment,{children:[t.map((t,n)=>(0,a.jsx)(i,{usePermissionHook:t,manager:l,component:r},`sanbox-permission-executor-${n}`)),(0,a.jsx)(s,{manager:l,onSandboxChange:n,children:o})]})},n.PreviewPropsExecutor=l,n.PreviewPropsAggregator=function({hooks:t,component:n,children:r}){let o=new PreviewPropsManager;return(0,a.jsxs)(a.Fragment,{children:[t.map((t,r)=>(0,a.jsx)(l,{usePropsHook:t,manager:o,component:n},`preview-props-executor-${r}`)),(0,a.jsx)(u,{manager:o,children:r})]})};let a=r(11684),o=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 i({usePermissionHook:t,manager:n,component:r}){return t(n,r),null}function s({manager:t,onSandboxChange:n,children:r}){let i=t.toString();return(0,o.useEffect)(()=>{n?.(i)}),(0,a.jsx)(a.Fragment,{children:r?.(i)})}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 l({usePropsHook:t,manager:n,component:r}){return t(n,r),null}function u({manager:t,children:n}){var r;let i,s,l=t.toAttrs(),c=(0,o.useRef)(l);return r=c.current,i=Object.keys(r),s=Object.keys(l),i.length===s.length&&i.every(t=>r[t]===l[t])||(c.current=l),(0,a.jsx)(a.Fragment,{children:n(c.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";Object.defineProperty(n,"__esModule",{value:!0}),n.InlinePreviewCompare=function({minHeight:t=200}){let n=(0,i.useComponentCompare)(),r=(0,o.useRef)(null),[u,c]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let t;if(u)return;let n=r.current;if(!n)return;let a=r=>{if(r.data?.event==="_DOM_LOADED_")for(let a of n.querySelectorAll("iframe"))try{if(a.contentWindow===r.source){t=setTimeout(()=>c(!0),500);return}}catch{}};window.addEventListener("message",a);let o=setTimeout(()=>c(!0),8e3);return()=>{window.removeEventListener("message",a),clearTimeout(o),t&&clearTimeout(t)}},[u]);let d=n?.base?.model||n?.compare?.model;return n&&d?(n.base?.model?.compositions?.length||0)>0||(n.compare?.model?.compositions?.length||0)>0?(0,a.jsx)("div",{ref:r,children:(0,a.jsx)(s.PreviewCompareRenderer,{loaded:u,children:(0,a.jsx)(l.CompositionCompare,{})})}):(0,a.jsx)(i.InlineCompareEmpty,{message:"No compositions to preview"}):(0,a.jsx)(s.PreviewCompareRenderer,{loaded:!1,children:null})};let a=r(11684),o=r(12888),i=r(12066),s=r(50343),l=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),i=a(r(18041));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,f=(0,c.useRef)(l),[m,b]=c.default.useState(0),[y,x]=(0,c.useState)(!1);(0,c.useEffect)(()=>{f.current!==l&&a&&(f.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,m]);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}-${m}`):(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),f=r(5913),m=r(82894),h=l(r(26077));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,f.capitalize)(t)).join(" ")}function w(t){let n=function(t,n){let r=t.get(m.DocsAspect.id)?.data||{};if(r&&r?.doc?.props)return r.doc.props.find(t=>t.name===n)}(t,"description");return n&&n.value||""}},78925(t,n,r){"use strict";var a,o;function i(){let t=r(78410);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ClickInsideAnIframeEvent=void 0;let ClickInsideAnIframeEventData=class ClickInsideAnIframeEventData{constructor(t){this.clickEvent=t}};let ClickInsideAnIframeEvent=class ClickInsideAnIframeEvent extends i().BitBaseEvent{constructor(t=Date.now(),n){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",t,new ClickInsideAnIframeEventData(n)),this.timestamp=t,this.clickEvent=n}};n.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,(a="symbol"==typeof(o=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(a="TYPE","string"))?o:o+"")in ClickInsideAnIframeEvent?Object.defineProperty(ClickInsideAnIframeEvent,a,{value:"click-inside-an-iframe",enumerable:!0,configurable:!0,writable:!0}):ClickInsideAnIframeEvent[a]="click-inside-an-iframe"},42709(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=r(78925);Object.keys(a).forEach(function(t){"default"===t||"__esModule"===t||t in n&&n[t]===a[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return a[t]}})})},19887(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={PreviewAspect:!0,PreviewRuntime:!0,ENV_PREVIEW_STRATEGY_NAME:!0,COMPONENT_PREVIEW_STRATEGY_NAME:!0};function o(){let t=r(33389);return o=function(){return t},t}Object.defineProperty(n,"COMPONENT_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return s().COMPONENT_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(n,"ENV_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return s().ENV_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(n,"PreviewAspect",{enumerable:!0,get:function(){return o().PreviewAspect}}),Object.defineProperty(n,"PreviewRuntime",{enumerable:!0,get:function(){return o().PreviewRuntime}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return o().PreviewAspect}});var i=r(42709);function s(){let t=r(99285);return s=function(){return t},t}Object.keys(i).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(a,t)||t in n&&n[t]===i[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return i[t]}})})},33389(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.PreviewRuntime=n.PreviewAspect=void 0;let o=n.PreviewRuntime=new(a()).RuntimeDefinition("preview"),i=n.PreviewAspect=a().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:o});n.default=i},99285(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ENV_PREVIEW_STRATEGY_NAME=n.COMPONENT_PREVIEW_STRATEGY_NAME=void 0,n.ENV_PREVIEW_STRATEGY_NAME="env",n.COMPONENT_PREVIEW_STRATEGY_NAME="component"},78434(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BitBaseEvent=void 0;let BitBaseEvent=class BitBaseEvent{constructor(t,n,r,a){this.type=t,this.version=n,this.timestamp=r,this.data=a}};n.BitBaseEvent=BitBaseEvent},78410(t,n,r){"use strict";function a(){let t=r(6525);return a=function(){return t},t}function o(){let t=r(78434);return o=function(){return t},t}function i(){let t=r(19665);return i=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"BitBaseEvent",{enumerable:!0,get:function(){return o().BitBaseEvent}}),Object.defineProperty(n,"PubsubAspect",{enumerable:!0,get:function(){return a().PubsubAspect}}),Object.defineProperty(n,"default",{enumerable:!0,get:function(){return a().PubsubAspect}}),Object.defineProperty(n,"usePubSub",{enumerable:!0,get:function(){return i().usePubSub}}),Object.defineProperty(n,"usePubSubIframe",{enumerable:!0,get:function(){return i().usePubSubIframe}})},19665(t,n,r){"use strict";function a(){let t=o(r(12888));return a=function(){return t},t}function o(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(o=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.createProvider=function(t){return({children:n})=>a().default.createElement(i.Provider,{value:t},n)},n.pubsubRegistry=void 0,n.usePubSub=s,n.usePubSubIframe=function(t){let n=s();(0,a().useEffect)(()=>{if(!t?.current||!n)return()=>{};let r=n.connect(t.current);return()=>r()},[t?.current,n])};let i=n.pubsubRegistry=(0,a().createContext)(void 0);function s(){return(0,a().useContext)(i)}},6525(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.PubsubAspect=void 0;let o=n.PubsubAspect=a().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});n.default=o},2121(t,n,r){"use strict";function a(){let t=r(79845);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(6525);return s=function(){return t},t}function l(){let t=r(19665);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 PubsubUI=class PubsubUI{constructor(){u(this,"childApi",void 0),u(this,"events",new(o()).EventEmitter2),u(this,"sub",(t,n)=>{let r=this.events;return r.on(t,n),()=>{r.off(t,n)}}),u(this,"pub",(t,n,{propagate:r}={})=>{this.emitEvent(t,n),r&&this.pubToChild(t,n)}),u(this,"connectToIframe",t=>{let n=(0,i().connectToChild)({iframe:t,methods:{pub:this.emitEvent}});return n.promise.then(t=>this.childApi=t).catch(t=>{console.error("[Pubsub.ui]","failed connecting to child iframe:",t)}),()=>{n&&n.destroy()}}),u(this,"emitEvent",(t,n)=>{this.events.emit(t,n)}),u(this,"pubToChild",(t,n)=>this.childApi?.pub(t,n))}getPubSubContext(){return(0,l().createProvider)({connect:this.connectToIframe})}static async provider([t]){let n=new PubsubUI,r=n.getPubSubContext();return t&&t.registerRenderHooks({reactContext:r}),n}};u(PubsubUI,"runtime",a().UIRuntime),u(PubsubUI,"dependencies",[a().UIAspect]),s().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(79845);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},86005(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(92935);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(79845);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(22372);return d=function(){return t},t}function p(){let t=r(57075);return p=function(){return t},t}function f(){let t=r(86005);return f=function(){return t},t}function m(){let t=r(16420);return m=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(()=>[m().ReactSchema]),r.registerAPINodeRenderer([d().reactRenderer]),t.registerMenuWidget({location:"start",content:a().default.createElement(f().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(62435);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";Object.defineProperty(n,"__esModule",{value:!0}),n.ScopeProvider=function({scope:t,children:n}){return(0,a.jsx)(o.ScopeContext.Provider,{value:t,children:n})};let a=r(11684),o=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:f})=>{let m=f||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:m,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}=m(),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(92935);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(79845);return l=function(){return t},t}function u(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return u=function(){return n},n}function c(){let t=r(93766);return c=function(){return t},t}function d(){let t=r(13468);return d=function(){return t},t}function p(){let t=r(71161);return p=function(){return t},t}function f(){let t=r(95719);return f=function(){return t},t}function m(){let t=r(8367);return m=function(){return t},t}function h(){let t=r(59004);return h=function(){return t},t}function g(){let t=r(79453);return g=function(){return t},t}function b(){let t=r(61348);return b=function(){return t},t}function y(){let t=r(15269);return y=function(){return t},t}function v(){let t=r(87130);return v=function(){return t},t}function _(){let t=r(24820);return _=function(){return t},t}function w(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let ScopeUI=class ScopeUI{constructor(t,n,r,a,o,i,s,l,u,c,d,p,f,m,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=f,this.drawerWidgetSlot=m,this.drawerComponentsFiltersSlot=h,w(this,"setSidebarToggle",()=>{}),w(this,"registerMenuRoutes",t=>(this.menuSlot.register(t),this)),w(this,"componentUrlFunc",void 0),w(this,"registerMenuItem",t=>{this.menuItemSlot.register(t)}),w(this,"registerSidebarWidget",t=>(t.map(t=>this.sidebarSlot.register(t)),this)),w(this,"registerSidebarLink",(...t)=>{this.sidebarItemSlot.register(t)}),w(this,"registerDrawers",(...t)=>(this.sidebar.registerDrawer(...t),this)),w(this,"registerDrawerComponentFilters",t=>{this.drawerComponentsFiltersSlot.register(t)}),w(this,"registerDrawerWidgets",t=>{this.drawerWidgetSlot.register(t)}),w(this,"setComponents",t=>{this.componentUi.updateComponents(t)}),w(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 u().default.createElement(v().Scope,{TargetScopeOverview:t.TargetScopeOverview,scopeClassName:t.scopeClassName,TargetCorner:t.Corner,routeSlot:this.routeSlot,menuSlot:this.menuSlot,sidebar:u().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(y().ScopeAspect.id)},{path:"/",element:this.getScopeMenu()}])}getScopeMenu(){return u().default.createElement(b().ScopeMenu,{widgetSlot:this.menuWidgetSlot,menuItemSlot:this.menuItemSlot})}registerExplicitRoutes(){this.applyMenuRoutes(),this.registerRoutes([{path:this.componentUi.routePath,element:this.componentUi.getComponentUI(y().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})=>u().default.createElement(h().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,_().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:u().default.createElement(v().Scope,{routeSlot:this.routeSlot,menuSlot:this.menuSlot,sidebar:u().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,d,h,y,v,_,w,x,k,C]){let j=new ScopeUI(i,n,s,r,l,a,d,h,v,y,_,w,x,k,C);return j.registerDrawerComponentFilters([f().DeprecateFilter,m().EnvsFilter,(0,g().ShowMainFilter)(!1)]),j.registerDrawerWidgets([u().default.createElement(p().FilterWidget,{key:"workspace-filter-widget"}),u().default.createElement(p().TreeToggleWidget,{key:"workspace-tree-toggle-widget"})]),t&&t.registerRoot(j.uiRoot.bind(j)),j.registerMenuItem(j.menuItems),j.registerMenuWidget(()=>u().default.createElement(b().ScopeUseBox,{actionName:o.useBoxAction,actionIcon:o.useBoxIcon})),o.showGallery&&j.registerSidebarLink({component:function(){return u().default.createElement(c().MenuLinkItem,{exact:!0,href:"/",icon:"comps"},"Overview")}}),t&&j.registerExplicitRoutes(),j}};w(ScopeUI,"dependencies",[l().UIAspect,o().ComponentAspect,s().SidebarAspect,d().CommandBarAspect]),w(ScopeUI,"runtime",l().UIRuntime),w(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()]),w(ScopeUI,"defaultConfig",{showGallery:!0}),y().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=f(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=f(r(47173));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,m({},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 f(t){return t&&t.__esModule?t:{default:t}}function m(){return(m=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=m(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(62435);return c=function(){return t},t}function d(){let t=r(17408);return d=function(){return t},t}function p(){let t=r(86201);return p=function(){return t},t}function f(){var t;let n=(t=r(55531))&&t.__esModule?t:{default:t};return f=function(){return n},n}function m(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(m=function(t,n){if(!n&&t&&t.__esModule)return t;var o,i,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(o=n?a:r){if(o.has(t))return o.get(t);o.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(i.get||i.set)?o(s,n,i):s[n]=t[n]);return s})(t,n)}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])),m=g({compModelsById:new Map(u.map(t=>[t.id.toString(),t]))});return a().default.createElement("div",{className:f().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:f().default.cardGrid},u.map(t=>t.deprecation?.isDeprecate?null:a().default.createElement("div",{key:t.id.toString()},a().default.createElement(h,{component:t,plugins:m,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:f().default.rightPreviewPlugins},a().default.createElement("div",{className:f().default.badge},a().default.createElement(u().Tooltip,{delay:300,content:r?.name},a().default.createElement("img",{src:n?.icon,className:f().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 f(){let t=r(94526);return f=function(){return t},t}function m(){let t=r(44178);return m=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(23368));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:O,TargetScopeOverview:E,TargetCorner:D,onSidebarTogglerChange:P,userUseScopeQuery:N,scopeClassName:M}){let{scope:I}=N?N():(0,b().useScopeQuery)(),T=(0,h().useIsMobile)(),[$,A]=(0,a().useReducer)(t=>!t,!T),R=$?i().Layout.row:i().Layout.right;if(!I)return a().default.createElement(f().FullLoader,null);let F=D||C?.values()[0];_.setComponents(I.components);let L=S.map(t=>[t,{scope:I}]);return P(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,M)},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)(O,v().default.pane)},a().default.createElement(s().SlotRouter,{slot:t},a().default.createElement(m().Route,{index:!0,element:a().default.createElement(y().ScopeOverview,{badgeSlot:w,overviewSlot:k,TargetOverview:E})}))))||a().default.createElement(i().Pane,{className:(0,o().default)(O,v().default.pane)},a().default.createElement(s().SlotRouter,{slot:t},a().default.createElement(m().Route,{index:!0,element:a().default.createElement(y().ScopeOverview,{badgeSlot:w,overviewSlot:k,TargetOverview:E})})))))))},r(39330)},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(62435);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()}