@ds-mo/ui 15.3.0 → 15.4.0

package/dist/components/{p-CrL9wxZg.js → p-BERXvOCf.js}

@@ -1,2 +1,2 @@
-import{p as o,H as t,h as s,a as i,t as r}from"./index.js";import{d as a}from"./p-Cihjy4WY.js";import{T as e,r as c}from"./p-CeXf9-X3.js";import{C as n,a as d}from"./p-CuwopElg.js";const l=()=>`.sc-ds-tooltip-chart-h,.sc-ds-tooltip-chart:where(.ds-table),.sc-ds-tooltip-chart:where(.tooltip-popup),.sc-ds-tooltip-chart:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-tooltip-chart,.ds-control--lg.sc-ds-tooltip-chart-h,.ds-control--md.sc-ds-tooltip-chart-h,.ds-control--md.sc-ds-tooltip-chart,.ds-control--sm.sc-ds-tooltip-chart-h,.ds-control--sm.sc-ds-tooltip-chart,.ds-control--xs.sc-ds-tooltip-chart-h,.ds-control--xs.sc-ds-tooltip-chart{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-tooltip-chart-h,.ds-control--lg.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-tooltip-chart-h,.ds-control--md.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-tooltip-chart-h,.ds-control--sm.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-tooltip-chart-h,.ds-control--xs.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control-frame.sc-ds-tooltip-chart{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-tooltip-chart{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-control-icon-box.sc-ds-tooltip-chart{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-tooltip-chart{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-tooltip-chart{position:relative;padding-inline-end:calc(     var(--ds-control-label-inset, var(--dimension-space-025)) +       var(--ds-control-gap, var(--dimension-space-050))   )}.ds-control-label-dot__badge.sc-ds-tooltip-chart{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-chrome-space--sm.sc-ds-tooltip-chart-h,.ds-chrome-space--sm.sc-ds-tooltip-chart{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-tooltip-chart-h,.ds-chrome-space--md.sc-ds-tooltip-chart{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-tooltip-chart-h,.ds-chrome-space--lg.sc-ds-tooltip-chart{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-tooltip-chart-h,.ds-chrome-row.sc-ds-tooltip-chart,.ds-chrome-column.sc-ds-tooltip-chart-h,.ds-chrome-column.sc-ds-tooltip-chart,.ds-chrome-grid.sc-ds-tooltip-chart-h,.ds-chrome-grid.sc-ds-tooltip-chart{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-tooltip-chart-h,.ds-chrome-row.sc-ds-tooltip-chart{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-tooltip-chart-h,.ds-chrome-column.sc-ds-tooltip-chart{flex-direction:column}.ds-chrome-grid.sc-ds-tooltip-chart-h,.ds-chrome-grid.sc-ds-tooltip-chart{display:grid;align-items:center}@media (forced-colors: active){.sc-ds-tooltip-chart:root,.sc-ds-tooltip-chart-h,.ds-forced-colors-scope.sc-ds-tooltip-chart{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-tooltip-chart-h{position:absolute;z-index:var(--dimension-z-index-tooltip);background-color:var(--color-translucent-translucent);backdrop-filter:blur(var(--effect-blur-md));-webkit-backdrop-filter:blur(var(--effect-blur-md));border-radius:var(--ds-radius-tooltip-menu);box-shadow:var(--effect-elevation-elevated-floating);white-space:nowrap;pointer-events:none;opacity:0}.tooltip-chart--visible.sc-ds-tooltip-chart-h{animation:tooltip-chart-fade-in var(--effect-motion-short-2) forwards}.tooltip-chart__item.sc-ds-tooltip-chart{width:100%;border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.tooltip-chart__items.sc-ds-tooltip-chart{display:contents}.tooltip-chart__swatch-box.sc-ds-tooltip-chart{pointer-events:none}.tooltip-chart__swatch.sc-ds-tooltip-chart{width:var(--dimension-size-100);height:var(--dimension-size-100);flex:none;border-radius:var(--dimension-radius-half);background:var(--ds-tooltip-chart-swatch)}.tooltip-chart__value.sc-ds-tooltip-chart{margin-inline-start:auto;text-align:end}.tooltip-chart__label.sc-ds-tooltip-chart,.tooltip-chart__value.sc-ds-tooltip-chart{flex:none}@keyframes tooltip-chart-fade-in{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.tooltip-chart--visible.sc-ds-tooltip-chart-h{animation:none;opacity:1}}@media (forced-colors: active){.sc-ds-tooltip-chart-h{box-shadow:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}`;const h=12;const p=8;const m=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.value="";this.label="";this.x=0;this.y=0;this.delay=e.animationDelayInstant;this.side="right";this.align="bottom";this.visible=false;this.delayTimer=null}componentDidLoad(){this.scheduleShow();this.calculatePlacement()}disconnectedCallback(){this.clearDelayTimer()}onAnchorChange(){requestAnimationFrame((()=>this.calculatePlacement()))}onDelayChange(){if(!this.visible)this.scheduleShow()}get showDelayMs(){return c(this.delay,e.animationDelayInstant)}clearDelayTimer(){if(this.delayTimer){clearTimeout(this.delayTimer);this.delayTimer=null}}scheduleShow(){this.clearDelayTimer();this.visible=false;const o=this.showDelayMs;if(o<=0){this.visible=true;return}this.delayTimer=setTimeout((()=>{this.delayTimer=null;this.visible=true;requestAnimationFrame((()=>this.calculatePlacement()))}),o)}calculatePlacement(){const o=this.el.getBoundingClientRect();if(!o.width||!o.height)return;const t=o.right>window.innerWidth-p?"left":"right";const s=o.bottom>window.innerHeight-p?"top":"bottom";if(t!==this.side)this.side=t;if(s!==this.align)this.align=s}render(){const o=this.side==="right"?`${h}px`:`calc(-100% - ${h}px)`;const t=this.align==="bottom"?`${h}px`:`calc(-100% - ${h}px)`;const r=this.items??[{label:this.label,value:this.value}];const a=r.some((o=>Boolean(o.color)));return s(i,{key:"ccb165e1087025a147de42fedca8c93593f4b621",class:{"tooltip-chart":true,"tooltip-chart--visible":this.visible,"ds-chrome-column":true,"ds-chrome-space--sm":true},style:{left:`${this.x}px`,top:`${this.y}px`,transform:`translate(${o}, ${t})`}},this.heading&&s("ds-text",{key:"960d9b608fb70a930da7efdffdc61bf7d474a5ad",class:"tooltip-chart__heading ds-control-section-heading ds-control--md",as:"span",variant:d.md,emphasis:true,color:"var(--color-foreground-primary)"},this.heading),s("div",{key:"ad00a730e155dcbdf344b0dbd7664dd20dc2cef7",class:"tooltip-chart__items"},r.map(((o,t)=>s("div",{class:"tooltip-chart__item ds-control-frame ds-control--md",key:`${o.label}-${t}`},a&&s("span",{class:"tooltip-chart__swatch-box ds-control-icon-box","aria-hidden":"true"},o.color&&s("span",{class:"tooltip-chart__swatch",style:{"--ds-tooltip-chart-swatch":o.color}})),s("ds-text",{class:"tooltip-chart__label ds-control-label-box",as:"span",variant:n.md,color:"var(--color-foreground-secondary)"},o.label),s("ds-text",{class:"tooltip-chart__value ds-control-label-box",as:"span",variant:n.md,emphasis:true,color:"var(--color-foreground-primary)"},o.value))))))}get el(){return this}static get watchers(){return{x:[{onAnchorChange:0}],y:[{onAnchorChange:0}],delay:[{onDelayChange:0}]}}static get style(){return l()}},[2,"ds-tooltip-chart",{value:[8],label:[1],heading:[1],items:[16],x:[2],y:[2],delay:[8],side:[32],align:[32],visible:[32]},undefined,{x:[{onAnchorChange:0}],y:[{onAnchorChange:0}],delay:[{onDelayChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const o=["ds-tooltip-chart","ds-text"];o.forEach((o=>{switch(o){case"ds-tooltip-chart":if(!customElements.get(r(o))){customElements.define(r(o),m)}break;case"ds-text":if(!customElements.get(r(o))){a()}break}}))}v();export{m as T,v as d};
-//# sourceMappingURL=p-CrL9wxZg.js.map
+import{p as o,H as t,h as s,a as i,t as r}from"./index.js";import{d as a}from"./p-D8OWhnID.js";import{T as e,r as c}from"./p-CeXf9-X3.js";import{C as n,a as d}from"./p-CuwopElg.js";const l=()=>`.sc-ds-tooltip-chart-h,.sc-ds-tooltip-chart:where(.ds-table),.sc-ds-tooltip-chart:where(.tooltip-popup),.sc-ds-tooltip-chart:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-tooltip-chart,.ds-control--lg.sc-ds-tooltip-chart-h,.ds-control--md.sc-ds-tooltip-chart-h,.ds-control--md.sc-ds-tooltip-chart,.ds-control--sm.sc-ds-tooltip-chart-h,.ds-control--sm.sc-ds-tooltip-chart,.ds-control--xs.sc-ds-tooltip-chart-h,.ds-control--xs.sc-ds-tooltip-chart{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-tooltip-chart-h,.ds-control--lg.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-tooltip-chart-h,.ds-control--md.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-tooltip-chart-h,.ds-control--sm.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-tooltip-chart-h,.ds-control--xs.sc-ds-tooltip-chart{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control-frame.sc-ds-tooltip-chart{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-tooltip-chart{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-control-icon-box.sc-ds-tooltip-chart{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-tooltip-chart{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-tooltip-chart{position:relative;padding-inline-end:calc(     var(--ds-control-label-inset, var(--dimension-space-025)) +       var(--ds-control-gap, var(--dimension-space-050))   )}.ds-control-label-dot__badge.sc-ds-tooltip-chart{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-chrome-space--sm.sc-ds-tooltip-chart-h,.ds-chrome-space--sm.sc-ds-tooltip-chart{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-tooltip-chart-h,.ds-chrome-space--md.sc-ds-tooltip-chart{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-tooltip-chart-h,.ds-chrome-space--lg.sc-ds-tooltip-chart{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-tooltip-chart-h,.ds-chrome-row.sc-ds-tooltip-chart,.ds-chrome-column.sc-ds-tooltip-chart-h,.ds-chrome-column.sc-ds-tooltip-chart,.ds-chrome-grid.sc-ds-tooltip-chart-h,.ds-chrome-grid.sc-ds-tooltip-chart{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-tooltip-chart-h,.ds-chrome-row.sc-ds-tooltip-chart{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-tooltip-chart-h,.ds-chrome-column.sc-ds-tooltip-chart{flex-direction:column}.ds-chrome-grid.sc-ds-tooltip-chart-h,.ds-chrome-grid.sc-ds-tooltip-chart{display:grid;align-items:center}@media (forced-colors: active){.sc-ds-tooltip-chart:root,.sc-ds-tooltip-chart-h,.ds-forced-colors-scope.sc-ds-tooltip-chart{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-tooltip-chart-h{position:absolute;z-index:var(--dimension-z-index-tooltip);background-color:var(--color-translucent-translucent);backdrop-filter:blur(var(--effect-blur-md));-webkit-backdrop-filter:blur(var(--effect-blur-md));border-radius:var(--ds-radius-tooltip-menu);box-shadow:var(--effect-elevation-elevated-floating);white-space:nowrap;pointer-events:none;opacity:0}.tooltip-chart--visible.sc-ds-tooltip-chart-h{animation:tooltip-chart-fade-in var(--effect-motion-short-2) forwards}.tooltip-chart__item.sc-ds-tooltip-chart{width:100%;border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.tooltip-chart__items.sc-ds-tooltip-chart{display:contents}.tooltip-chart__swatch-box.sc-ds-tooltip-chart{pointer-events:none}.tooltip-chart__swatch.sc-ds-tooltip-chart{width:var(--dimension-size-100);height:var(--dimension-size-100);flex:none;border-radius:var(--dimension-radius-half);background:var(--ds-tooltip-chart-swatch)}.tooltip-chart__value.sc-ds-tooltip-chart{margin-inline-start:auto;text-align:end}.tooltip-chart__label.sc-ds-tooltip-chart,.tooltip-chart__value.sc-ds-tooltip-chart{flex:none}@keyframes tooltip-chart-fade-in{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.tooltip-chart--visible.sc-ds-tooltip-chart-h{animation:none;opacity:1}}@media (forced-colors: active){.sc-ds-tooltip-chart-h{box-shadow:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}`;const h=12;const p=8;const m=o(class o extends t{constructor(o){super();if(o!==false){this.__registerHost()}this.value="";this.label="";this.x=0;this.y=0;this.delay=e.animationDelayInstant;this.side="right";this.align="bottom";this.visible=false;this.delayTimer=null}componentDidLoad(){this.scheduleShow();this.calculatePlacement()}disconnectedCallback(){this.clearDelayTimer()}onAnchorChange(){requestAnimationFrame((()=>this.calculatePlacement()))}onDelayChange(){if(!this.visible)this.scheduleShow()}get showDelayMs(){return c(this.delay,e.animationDelayInstant)}clearDelayTimer(){if(this.delayTimer){clearTimeout(this.delayTimer);this.delayTimer=null}}scheduleShow(){this.clearDelayTimer();this.visible=false;const o=this.showDelayMs;if(o<=0){this.visible=true;return}this.delayTimer=setTimeout((()=>{this.delayTimer=null;this.visible=true;requestAnimationFrame((()=>this.calculatePlacement()))}),o)}calculatePlacement(){const o=this.el.getBoundingClientRect();if(!o.width||!o.height)return;const t=o.right>window.innerWidth-p?"left":"right";const s=o.bottom>window.innerHeight-p?"top":"bottom";if(t!==this.side)this.side=t;if(s!==this.align)this.align=s}render(){const o=this.side==="right"?`${h}px`:`calc(-100% - ${h}px)`;const t=this.align==="bottom"?`${h}px`:`calc(-100% - ${h}px)`;const r=this.items??[{label:this.label,value:this.value}];const a=r.some((o=>Boolean(o.color)));return s(i,{key:"45f8ba5cfe0bef9d954e3374a8fd2272f503d28a",class:{"tooltip-chart":true,"tooltip-chart--visible":this.visible,"ds-chrome-column":true,"ds-chrome-space--sm":true},style:{left:`${this.x}px`,top:`${this.y}px`,transform:`translate(${o}, ${t})`}},this.heading&&s("ds-text",{key:"0483fb7fb3a4faa6c1595e715a5b10866f6fddfd",class:"tooltip-chart__heading ds-control-section-heading ds-control--md",as:"span",variant:d.md,emphasis:true,color:"var(--color-foreground-primary)"},this.heading),s("div",{key:"ceb4ca5142a4a0171f2440e6f05abed3c594fdc6",class:"tooltip-chart__items"},r.map(((o,t)=>s("div",{class:"tooltip-chart__item ds-control-frame ds-control--md",key:`${o.label}-${t}`},a&&s("span",{class:"tooltip-chart__swatch-box ds-control-icon-box","aria-hidden":"true"},o.color&&s("span",{class:"tooltip-chart__swatch",style:{"--ds-tooltip-chart-swatch":o.color}})),s("ds-text",{class:"tooltip-chart__label ds-control-label-box",as:"span",variant:n.md,color:"var(--color-foreground-secondary)"},o.label),s("ds-text",{class:"tooltip-chart__value ds-control-label-box",as:"span",variant:n.md,emphasis:true,color:"var(--color-foreground-primary)"},o.value))))))}get el(){return this}static get watchers(){return{x:[{onAnchorChange:0}],y:[{onAnchorChange:0}],delay:[{onDelayChange:0}]}}static get style(){return l()}},[2,"ds-tooltip-chart",{value:[8],label:[1],heading:[1],items:[16],x:[2],y:[2],delay:[8],side:[32],align:[32],visible:[32]},undefined,{x:[{onAnchorChange:0}],y:[{onAnchorChange:0}],delay:[{onDelayChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const o=["ds-tooltip-chart","ds-text"];o.forEach((o=>{switch(o){case"ds-tooltip-chart":if(!customElements.get(r(o))){customElements.define(r(o),m)}break;case"ds-text":if(!customElements.get(r(o))){a()}break}}))}v();export{m as T,v as d};
+//# sourceMappingURL=p-BERXvOCf.js.map

package/dist/components/{p-AM_ht6Im.js → p-BFHpU-uU.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as t,a as i,t as a}from"./index.js";import{r as l}from"./p-CochmPyg.js";function h(e,s,t){if(e!=="auto")return e;if(s==="constrained")return"constrained";if(s==="compact"||!t)return"compact";return"expanded"}const n=()=>`.sc-ds-shell-page-h{--_shell-page-content-background:var(--color-background-primary);--_shell-page-header-background:var(--color-background-primary);--_shell-page-responsive-content-block-start-inset:var(--dimension-space-200);--_shell-page-content-block-start-inset:var(     --ds-shell-page-content-block-start-inset,     var(--_shell-page-responsive-content-block-start-inset)   );--ds-shell-page-sticky-header-block-size:var(--dimension-size-600);--ds-shell-page-content-block-start-offset:calc(     var(--ds-shell-page-sticky-header-block-size) + var(--_shell-page-content-block-start-inset)   );display:block;position:relative;min-width:0;min-height:100%;box-sizing:border-box;background:var(--_shell-page-content-background)}.shell-page-host--surface-secondary.sc-ds-shell-page-h{--_shell-page-content-background:var(--color-background-secondary)}.shell-page-host--surface-secondary[responsive-mode='desktop'].sc-ds-shell-page-h,.shell-page-host--surface-secondary[responsive-mode='tablet'].sc-ds-shell-page-h{--_shell-page-header-background:var(--color-background-secondary)}[responsive-mode='tablet'].sc-ds-shell-page-h,[responsive-mode='mobile'].sc-ds-shell-page-h{--_shell-page-responsive-content-block-start-inset:var(--dimension-space-200)}[responsive-mode='mobile'].sc-ds-shell-page-h{--ds-shell-page-sticky-header-block-size:calc(     var(--dimension-size-500) + var(--dimension-space-200)   )}.shell-page-host--header-compact.sc-ds-shell-page-h,.shell-page-host--header-constrained.sc-ds-shell-page-h{--_shell-page-content-block-start-inset:var(     --ds-shell-page-compact-content-block-start-inset,     var(--_shell-page-responsive-content-block-start-inset)   )}.shell-page-host--inset-none.sc-ds-shell-page-h,.shell-page-host--block-start-inset-none.sc-ds-shell-page-h{--_shell-page-content-block-start-inset:0px}.shell-page-host--desktop-header-shell-bar.sc-ds-shell-page-h{--ds-shell-page-sticky-header-block-size:0px}.shell-page-host--desktop-header-shell-bar.shell-page-host--inset-default.sc-ds-shell-page-h{--_shell-page-content-block-start-inset:var(--_shell-page-responsive-content-block-start-inset)}.shell-page__scroll-sentinel.sc-ds-shell-page{position:absolute;inset-block-start:var(--ds-shell-page-header-travel, 0);inset-inline-start:0;width:var(--dimension-stroke-width-012);height:var(--dimension-stroke-width-012);pointer-events:none}.shell-page__sticky-header.sc-ds-shell-page{position:sticky;inset-block-start:var(--ds-shell-page-sticky-offset, 0);z-index:var(--dimension-z-index-overlay);min-width:0;background:var(--_shell-page-header-background);overflow:visible;overflow-anchor:none}.shell-page__desktop-header.sc-ds-shell-page-s>ds-bar-title,.shell-page__desktop-header .sc-ds-shell-page-s>ds-bar-title,.shell-page__desktop-header.sc-ds-shell-page-s>ds-bar-workflow,.shell-page__desktop-header .sc-ds-shell-page-s>ds-bar-workflow,.shell-page__mobile-header.sc-ds-shell-page-s>ds-mobile-header,.shell-page__mobile-header .sc-ds-shell-page-s>ds-mobile-header{display:block;min-width:0}.shell-page__desktop-header[hidden].sc-ds-shell-page,.shell-page__mobile-header[hidden].sc-ds-shell-page{display:none}.shell-page-host--mobile.sc-ds-shell-page-h .shell-page__scroll-sentinel.sc-ds-shell-page,.shell-page-host--mobile.sc-ds-shell-page-h .shell-page__flow-spacer.sc-ds-shell-page{display:none}.shell-page__flow-spacer.sc-ds-shell-page{height:var(--ds-shell-page-flow-spacer, 0);background:var(--_shell-page-content-background)}.shell-page__content.sc-ds-shell-page{min-width:0;box-sizing:border-box;background:var(--_shell-page-content-background)}.shell-page-host--inset-default.sc-ds-shell-page-h .shell-page__content.sc-ds-shell-page{padding:var(--dimension-space-200);padding-block-start:var(--_shell-page-content-block-start-inset)}.shell-page-host--inset-default[responsive-mode='tablet'].sc-ds-shell-page-h .shell-page__content.sc-ds-shell-page,.shell-page-host--inset-default[responsive-mode='mobile'].sc-ds-shell-page-h .shell-page__content.sc-ds-shell-page{padding:var(--dimension-space-200);padding-block-start:var(--_shell-page-content-block-start-inset)}.shell-page-host--inset-none.sc-ds-shell-page-h .shell-page__content.sc-ds-shell-page{padding:0}`;const r=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.headerPresentation="auto";this.desktopHeaderPlacement="page";this.contentInset="default";this.contentInsetBlockStart="default";this.scrollCompaction=true;this.contentSurface="primary";this.responsiveMode="desktop";this.pageTopVisible=true;this.sentinelEl=null;this.spacerEl=null;this.stickyHeaderEl=null;this.headerEl=null;this.expandedHeaderHeight=0;this.headerTravel=0;this.expandedGeometryFrozen=false;this.pageHeaderResizeObserver=null;this.headerResizeObserver=null;this.headerMutationObserver=null;this.headerRevealFrame=null;this.headerGeometryFrame=null;this.reconnectFrame=null;this.scrollRoot=null;this.hasLoaded=false;this.handleScroll=()=>{if(!this.sentinelEl||!this.scrollRoot)return;const e=this.scrollRoot===window?0:this.scrollRoot.getBoundingClientRect().top;this.syncHeaderDividerInset(e);const s=this.sentinelEl.getBoundingClientRect().top>=e;if(this.effectiveScrollCompaction&&!s&&this.pageTopVisible&&this.headerEl?.classList.contains(this.variantClass("expanded"))){this.captureExpandedHeaderGeometry(this.headerEl);this.expandedGeometryFrozen=true}if(s&&this.expandedGeometryFrozen&&this.el.getBoundingClientRect().top>=e){this.expandedGeometryFrozen=false;if(this.headerEl?.classList.contains(this.variantClass("expanded"))){this.captureExpandedHeaderGeometry(this.headerEl)}}this.pageTopVisible=s};this.handleHeaderSlotChange=e=>{if(this.responsiveMode==="mobile")return;const s=e.target;const t=s.assignedElements().find((e=>e.tagName.toLowerCase()==="ds-bar-title"));this.observeHeader(t??null)}}handleHeaderContractChange(){this.syncHeaderVariant(true)}handleResponsiveModeChange(){this.el.style.removeProperty("--ds-shell-page-sticky-header-block-size");this.observeHeader(this.responsiveMode==="mobile"||this.desktopHeaderExternal?null:this.findHeader());this.syncPageHeaderBlockSize()}handleDesktopHeaderPlacementChange(){this.observeHeader(this.desktopHeaderExternal?null:this.findHeader());this.syncPageHeaderBlockSize()}componentDidLoad(){this.hasLoaded=true;this.connectRuntime()}componentDidRender(){this.syncHeaderVariant();this.syncPageHeaderBlockSize()}connectedCallback(){if(!this.hasLoaded)return;if(this.reconnectFrame!==null)cancelAnimationFrame(this.reconnectFrame);this.reconnectFrame=requestAnimationFrame((()=>{this.reconnectFrame=null;if(this.el.isConnected)this.connectRuntime()}))}disconnectedCallback(){if(this.reconnectFrame!==null)cancelAnimationFrame(this.reconnectFrame);this.reconnectFrame=null;this.headerResizeObserver?.disconnect();this.headerResizeObserver=null;this.pageHeaderResizeObserver?.disconnect();this.pageHeaderResizeObserver=null;this.headerMutationObserver?.disconnect();this.headerMutationObserver=null;this.cancelHeaderReveal();this.cancelHeaderGeometrySync();this.headerEl?.style.removeProperty("--ds-bar-title-divider-inset");this.scrollRoot?.removeEventListener("scroll",this.handleScroll);this.scrollRoot=null}connectRuntime(){this.observePageHeaderGeometry();this.observeHeader(this.responsiveMode==="mobile"?null:this.findHeader());this.connectScrollRoot()}get effectiveVariant(){if(this.desktopHeaderExternal)return"compact";return h(this.headerPresentation,this.headerCapacity??"roomy",this.effectiveScrollCompaction?this.pageTopVisible:true)}get desktopHeaderExternal(){return this.responsiveMode!=="mobile"&&this.desktopHeaderPlacement==="shell-bar"}get effectiveScrollCompaction(){return this.scrollCompaction&&!this.desktopHeaderExternal}get headerContractResolved(){return this.headerPresentation!=="auto"||this.headerCapacity!==undefined}get isScrollCompacted(){return this.effectiveScrollCompaction&&this.headerPresentation==="auto"&&this.headerCapacity==="roomy"&&!this.pageTopVisible}get contentInsetStyles(){const e={};const s=this.contentInsetBlockStartSize?.trim();const t=this.compactContentInsetBlockStartSize?.trim();if(s)e["--ds-shell-page-content-block-start-inset"]=s;if(t)e["--ds-shell-page-compact-content-block-start-inset"]=t;return e}composedParent(e){return e.assignedSlot?.parentElement??e.parentElement}findScrollRoot(){let e=this.composedParent(this.el);while(e&&e!==document.documentElement){const s=getComputedStyle(e).overflowY;if(s==="auto"||s==="scroll"||s==="overlay"){return e}e=this.composedParent(e)}return window}connectScrollRoot(){const e=this.findScrollRoot();if(e===this.scrollRoot)return;this.scrollRoot?.removeEventListener("scroll",this.handleScroll);this.scrollRoot=e;this.scrollRoot.addEventListener("scroll",this.handleScroll,{passive:true});this.handleScroll()}get scrollRootResolved(){const e=this.el.closest("ds-shell-app");if(!e)return true;const s=e.querySelector(".shell-app__content");return s!==null&&this.scrollRoot===s}findHeader(){return this.el.querySelector("ds-bar-title")}get compactHeaderHeight(){return l("--dimension-size-600",0)}syncHeaderDividerInset(e){const s=this.headerEl;if(!s)return;const t=this.effectiveScrollCompaction&&this.headerPresentation==="auto"&&this.headerCapacity==="roomy";const i=l("--dimension-space-200",0);if(!t||!this.sentinelEl||!this.scrollRoot||this.headerTravel<=0||i<=0){s.style.removeProperty("--ds-bar-title-divider-inset");return}const a=e??(this.scrollRoot===window?0:this.scrollRoot.getBoundingClientRect().top);const h=this.sentinelEl.getBoundingClientRect().top-a;const n=Math.min(1,Math.max(0,1-h/this.headerTravel));s.style.setProperty("--ds-bar-title-divider-inset",`${i*(1-n)}px`)}setHeaderTravel(e){const s=Math.max(0,e);if(Math.abs(s-this.headerTravel)<.5)return;this.headerTravel=s;this.el.style.setProperty("--ds-shell-page-header-travel",`${s}px`);this.handleScroll()}measureHeaderTravel(e){const s=e.querySelector("[data-shell-page-header-anchor]");const t=this.compactHeaderHeight;if(!s||t<=0)return;const i=e.getBoundingClientRect();const a=s.getBoundingClientRect();if(i.height<=0||a.height<=0)return;const l=a.top-i.top;const h=Math.max(0,(t-a.height)/2);this.setHeaderTravel(l-h)}captureExpandedHeaderGeometry(e){this.expandedHeaderHeight=Math.max(this.expandedHeaderHeight,e.getBoundingClientRect().height);this.measureHeaderTravel(e)}setSpacerHeight(e){if(!this.spacerEl)return;this.spacerEl.style.setProperty("--ds-shell-page-flow-spacer",`${Math.max(0,e)}px`)}variantClass(e){return`bar-title-host--${e}`}setStickyHeaderOffset(e){this.stickyHeaderEl?.style.setProperty("--ds-shell-page-sticky-offset",e==="expanded"&&this.effectiveScrollCompaction&&this.headerPresentation==="auto"&&this.headerCapacity==="roomy"?`${-this.headerTravel}px`:"0px")}syncPageHeaderBlockSize(){if(this.desktopHeaderExternal){this.el.style.setProperty("--ds-shell-page-sticky-header-block-size","0px");return}const e=this.stickyHeaderEl?.getBoundingClientRect().height??0;if(e>0){this.el.style.setProperty("--ds-shell-page-sticky-header-block-size",`${e}px`)}else{this.el.style.removeProperty("--ds-shell-page-sticky-header-block-size")}}observePageHeaderGeometry(){this.pageHeaderResizeObserver?.disconnect();this.pageHeaderResizeObserver=null;this.syncPageHeaderBlockSize();if(!this.stickyHeaderEl||typeof ResizeObserver==="undefined")return;this.pageHeaderResizeObserver=new ResizeObserver((()=>{this.syncPageHeaderBlockSize()}));this.pageHeaderResizeObserver.observe(this.stickyHeaderEl)}syncRenderedHeaderGeometry(e){const s=this.effectiveVariant;if(!e.classList.contains(this.variantClass(s)))return;this.syncPageHeaderBlockSize();this.setSpacerHeight(this.isScrollCompacted?this.expandedHeaderHeight-this.compactHeaderHeight:0);this.setStickyHeaderOffset(s);if(s==="expanded"&&!this.expandedGeometryFrozen){this.captureExpandedHeaderGeometry(e);this.setStickyHeaderOffset(s)}}cancelHeaderGeometrySync(){if(this.headerGeometryFrame!==null)cancelAnimationFrame(this.headerGeometryFrame);this.headerGeometryFrame=null}scheduleHeaderGeometrySync(s){this.cancelHeaderGeometrySync();let t=e.MAX_HEADER_GEOMETRY_FRAMES;let i=0;const a=()=>{if(this.headerEl!==s)return;t-=1;i+=1;this.connectScrollRoot();this.syncRenderedHeaderGeometry(s);const e=this.effectiveVariant!=="expanded"||this.expandedHeaderHeight>0&&this.headerTravel>0;if(e&&this.scrollRootResolved&&i>=2||t<=0){this.headerGeometryFrame=null;return}this.headerGeometryFrame=requestAnimationFrame(a)};this.headerGeometryFrame=requestAnimationFrame(a)}cancelHeaderReveal(){if(this.headerRevealFrame!==null)cancelAnimationFrame(this.headerRevealFrame);this.headerRevealFrame=null;this.headerEl?.removeAttribute("data-shell-page-syncing")}revealHeaderWhenSynced(s,t){let i=e.MAX_HEADER_REVEAL_FRAMES;const a=()=>{if(this.headerEl!==s){s.removeAttribute("data-shell-page-syncing");return}i-=1;if(s.classList.contains(this.variantClass(t))){s.removeAttribute("data-shell-page-syncing");this.headerRevealFrame=null;return}if(i<=0){this.headerRevealFrame=null;return}this.headerRevealFrame=requestAnimationFrame(a)};this.headerRevealFrame=requestAnimationFrame(a)}syncHeaderVariant(e=false){const s=this.headerEl;if(!s)return;this.syncHeaderDividerInset();if(!this.headerContractResolved){this.cancelHeaderReveal();s.setAttribute("data-shell-page-syncing","");return}const t=this.effectiveVariant;const i=!s.classList.contains(this.variantClass(t));if(!i)this.syncRenderedHeaderGeometry(s);if(i&&this.isScrollCompacted){this.setSpacerHeight(this.expandedHeaderHeight-this.compactHeaderHeight);this.setStickyHeaderOffset(t)}if(e){this.cancelHeaderReveal();s.setAttribute("data-shell-page-syncing","")}if(s.variant!==t){s.variant=t;this.scheduleHeaderGeometrySync(s)}if(e){this.revealHeaderWhenSynced(s,t)}}observeHeader(e){this.cancelHeaderReveal();this.cancelHeaderGeometrySync();this.headerResizeObserver?.disconnect();this.headerResizeObserver=null;this.headerMutationObserver?.disconnect();this.headerMutationObserver=null;this.headerEl?.style.removeProperty("--ds-bar-title-divider-inset");this.headerEl=e;this.expandedHeaderHeight=0;this.expandedGeometryFrozen=false;this.setHeaderTravel(0);this.setSpacerHeight(0);this.stickyHeaderEl?.style.setProperty("--ds-shell-page-sticky-offset","0px");if(!e)return;if(e.classList.contains(this.variantClass("expanded"))){this.captureExpandedHeaderGeometry(e)}if(typeof ResizeObserver!=="undefined"){this.headerResizeObserver=new ResizeObserver((()=>{this.syncRenderedHeaderGeometry(e)}));this.headerResizeObserver.observe(e)}if(typeof MutationObserver!=="undefined"){this.headerMutationObserver=new MutationObserver((()=>{this.syncRenderedHeaderGeometry(e)}));this.headerMutationObserver.observe(e,{attributes:true,attributeFilter:["class"],childList:true,subtree:true})}this.syncHeaderVariant(true);this.scheduleHeaderGeometrySync(e)}render(){const e=this.responsiveMode==="mobile";return t(i,{key:"d83bdf5b6204859dc26ea1e67dead0d845e745df",role:"main",style:this.contentInsetStyles,class:{"shell-page-host--inset-default":this.contentInset==="default","shell-page-host--inset-none":this.contentInset==="none","shell-page-host--block-start-inset-none":this.contentInsetBlockStart==="none","shell-page-host--surface-primary":this.contentSurface==="primary","shell-page-host--surface-secondary":this.contentSurface==="secondary","shell-page-host--mobile":e,"shell-page-host--desktop-header-shell-bar":this.desktopHeaderExternal,[`shell-page-host--header-${this.effectiveVariant}`]:true}},t("div",{key:"88cb3d88942780c6b3ba869e9ee88fd08da97a75",ref:e=>{this.sentinelEl=e??null},class:"shell-page__scroll-sentinel","aria-hidden":"true"}),t("div",{key:"c3799a77e6d9ca2cc11a583564938e96fa2f17bc",ref:e=>{this.stickyHeaderEl=e??null},class:"shell-page__sticky-header"},t("div",{key:"352ca9605845be527a4e067b50db2d39778e59f5",class:"shell-page__desktop-header",hidden:e,"aria-hidden":e?"true":undefined,inert:e?true:undefined},t("slot",{key:"21f91f3952c27572bf7fcf2625a00b02d0d1fe2b",name:"header",onSlotchange:this.handleHeaderSlotChange})),t("div",{key:"fb514dba1d31140766abf5a8b959ad1b0a4a3cc0",class:"shell-page__mobile-header",hidden:!e,"aria-hidden":!e?"true":undefined,inert:!e?true:undefined},t("slot",{key:"2cd3aaa850364d513c85390c9172846043d70c9e",name:"mobile-header"}))),t("div",{key:"651c6c5fc707f0a3ef665eb5883752dd56b8b0fc",ref:e=>{this.spacerEl=e??null},class:"shell-page__flow-spacer","aria-hidden":"true"}),t("div",{key:"9d6819d400b935e985b5c04b6fd09e0ff2dd1662",class:"shell-page__content"},t("slot",{key:"a143bdd6f2851d7a6ea11f9d4ce2a6d4465a68cc"})))}get el(){return this}static get watchers(){return{headerCapacity:[{handleHeaderContractChange:0}],headerPresentation:[{handleHeaderContractChange:0}],scrollCompaction:[{handleHeaderContractChange:0}],responsiveMode:[{handleResponsiveModeChange:0}],desktopHeaderPlacement:[{handleDesktopHeaderPlacementChange:0}]}}static get style(){return n()}},[262,"ds-shell-page",{headerPresentation:[1,"header-presentation"],headerCapacity:[1,"header-capacity"],desktopHeaderPlacement:[513,"desktop-header-placement"],contentInset:[1,"content-inset"],contentInsetBlockStart:[1,"content-inset-block-start"],contentInsetBlockStartSize:[1,"content-inset-block-start-size"],compactContentInsetBlockStartSize:[1,"compact-content-inset-block-start-size"],scrollCompaction:[4,"scroll-compaction"],contentSurface:[1,"content-surface"],responsiveMode:[513,"responsive-mode"],pageTopVisible:[32]},undefined,{headerCapacity:[{handleHeaderContractChange:0}],headerPresentation:[{handleHeaderContractChange:0}],scrollCompaction:[{handleHeaderContractChange:0}],responsiveMode:[{handleResponsiveModeChange:0}],desktopHeaderPlacement:[{handleDesktopHeaderPlacementChange:0}]}]);r.MAX_HEADER_REVEAL_FRAMES=12;r.MAX_HEADER_GEOMETRY_FRAMES=12;function o(){if(typeof customElements==="undefined"){return}const e=["ds-shell-page"];e.forEach((e=>{switch(e){case"ds-shell-page":if(!customElements.get(a(e))){customElements.define(a(e),r)}break}}))}o();export{r as S,o as d};
-//# sourceMappingURL=p-AM_ht6Im.js.map
+import{p as e,H as s,h as t,a as i,t as a}from"./index.js";import{r as l}from"./p-CochmPyg.js";function h(e,s,t){if(e!=="auto")return e;if(s==="constrained")return"constrained";if(s==="compact"||!t)return"compact";return"expanded"}const n=()=>`.sc-ds-shell-page-h{--_shell-page-content-background:var(--color-background-primary);--_shell-page-header-background:var(--color-background-primary);--_shell-page-responsive-content-block-start-inset:var(--dimension-space-200);--_shell-page-content-block-start-inset:var(     --ds-shell-page-content-block-start-inset,     var(--_shell-page-responsive-content-block-start-inset)   );--ds-shell-page-sticky-header-block-size:var(--dimension-size-600);--ds-shell-page-content-block-start-offset:calc(     var(--ds-shell-page-sticky-header-block-size) + var(--_shell-page-content-block-start-inset)   );display:block;position:relative;min-width:0;min-height:100%;box-sizing:border-box;background:var(--_shell-page-content-background)}.shell-page-host--surface-secondary.sc-ds-shell-page-h{--_shell-page-content-background:var(--color-background-secondary)}.shell-page-host--surface-secondary[responsive-mode='desktop'].sc-ds-shell-page-h,.shell-page-host--surface-secondary[responsive-mode='tablet'].sc-ds-shell-page-h{--_shell-page-header-background:var(--color-background-secondary)}[responsive-mode='tablet'].sc-ds-shell-page-h,[responsive-mode='mobile'].sc-ds-shell-page-h{--_shell-page-responsive-content-block-start-inset:var(--dimension-space-200)}[responsive-mode='mobile'].sc-ds-shell-page-h{--ds-shell-page-sticky-header-block-size:calc(     var(--dimension-size-500) + var(--dimension-space-200)   )}.shell-page-host--header-compact.sc-ds-shell-page-h,.shell-page-host--header-constrained.sc-ds-shell-page-h{--_shell-page-content-block-start-inset:var(     --ds-shell-page-compact-content-block-start-inset,     var(--_shell-page-responsive-content-block-start-inset)   )}.shell-page-host--inset-none.sc-ds-shell-page-h,.shell-page-host--block-start-inset-none.sc-ds-shell-page-h{--_shell-page-content-block-start-inset:0px}.shell-page-host--desktop-header-shell-bar.sc-ds-shell-page-h{--ds-shell-page-sticky-header-block-size:0px}.shell-page-host--desktop-header-shell-bar.shell-page-host--inset-default.sc-ds-shell-page-h{--_shell-page-content-block-start-inset:var(--_shell-page-responsive-content-block-start-inset)}.shell-page__scroll-sentinel.sc-ds-shell-page{position:absolute;inset-block-start:var(--ds-shell-page-header-travel, 0);inset-inline-start:0;width:var(--dimension-stroke-width-012);height:var(--dimension-stroke-width-012);pointer-events:none}.shell-page__sticky-header.sc-ds-shell-page{position:sticky;inset-block-start:var(--ds-shell-page-sticky-offset, 0);z-index:var(--dimension-z-index-overlay);min-width:0;background:var(--_shell-page-header-background);overflow:visible;overflow-anchor:none}.shell-page__desktop-header.sc-ds-shell-page-s>ds-bar-title,.shell-page__desktop-header .sc-ds-shell-page-s>ds-bar-title,.shell-page__desktop-header.sc-ds-shell-page-s>ds-bar-workflow,.shell-page__desktop-header .sc-ds-shell-page-s>ds-bar-workflow,.shell-page__mobile-header.sc-ds-shell-page-s>ds-mobile-header,.shell-page__mobile-header .sc-ds-shell-page-s>ds-mobile-header{display:block;min-width:0}.shell-page__desktop-header[hidden].sc-ds-shell-page,.shell-page__mobile-header[hidden].sc-ds-shell-page{display:none}.shell-page-host--mobile.sc-ds-shell-page-h .shell-page__scroll-sentinel.sc-ds-shell-page,.shell-page-host--mobile.sc-ds-shell-page-h .shell-page__flow-spacer.sc-ds-shell-page{display:none}.shell-page__flow-spacer.sc-ds-shell-page{height:var(--ds-shell-page-flow-spacer, 0);background:var(--_shell-page-content-background)}.shell-page__content.sc-ds-shell-page{min-width:0;box-sizing:border-box;background:var(--_shell-page-content-background)}.shell-page-host--inset-default.sc-ds-shell-page-h .shell-page__content.sc-ds-shell-page{padding:var(--dimension-space-200);padding-block-start:var(--_shell-page-content-block-start-inset)}.shell-page-host--inset-default[responsive-mode='tablet'].sc-ds-shell-page-h .shell-page__content.sc-ds-shell-page,.shell-page-host--inset-default[responsive-mode='mobile'].sc-ds-shell-page-h .shell-page__content.sc-ds-shell-page{padding:var(--dimension-space-200);padding-block-start:var(--_shell-page-content-block-start-inset)}.shell-page-host--inset-none.sc-ds-shell-page-h .shell-page__content.sc-ds-shell-page{padding:0}`;const r=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.headerPresentation="auto";this.desktopHeaderPlacement="page";this.contentInset="default";this.contentInsetBlockStart="default";this.scrollCompaction=true;this.contentSurface="primary";this.responsiveMode="desktop";this.pageTopVisible=true;this.sentinelEl=null;this.spacerEl=null;this.stickyHeaderEl=null;this.headerEl=null;this.expandedHeaderHeight=0;this.headerTravel=0;this.expandedGeometryFrozen=false;this.pageHeaderResizeObserver=null;this.headerResizeObserver=null;this.headerMutationObserver=null;this.headerRevealFrame=null;this.headerGeometryFrame=null;this.reconnectFrame=null;this.scrollRoot=null;this.hasLoaded=false;this.handleScroll=()=>{if(!this.sentinelEl||!this.scrollRoot)return;const e=this.scrollRoot===window?0:this.scrollRoot.getBoundingClientRect().top;this.syncHeaderDividerInset(e);const s=this.sentinelEl.getBoundingClientRect().top>=e;if(this.effectiveScrollCompaction&&!s&&this.pageTopVisible&&this.headerEl?.classList.contains(this.variantClass("expanded"))){this.captureExpandedHeaderGeometry(this.headerEl);this.expandedGeometryFrozen=true}if(s&&this.expandedGeometryFrozen&&this.el.getBoundingClientRect().top>=e){this.expandedGeometryFrozen=false;if(this.headerEl?.classList.contains(this.variantClass("expanded"))){this.captureExpandedHeaderGeometry(this.headerEl)}}this.pageTopVisible=s};this.handleHeaderSlotChange=e=>{if(this.responsiveMode==="mobile")return;const s=e.target;const t=s.assignedElements().find((e=>e.tagName.toLowerCase()==="ds-bar-title"));this.observeHeader(t??null)}}handleHeaderContractChange(){this.syncHeaderVariant(true)}handleResponsiveModeChange(){this.el.style.removeProperty("--ds-shell-page-sticky-header-block-size");this.observeHeader(this.responsiveMode==="mobile"||this.desktopHeaderExternal?null:this.findHeader());this.syncPageHeaderBlockSize()}handleDesktopHeaderPlacementChange(){this.observeHeader(this.desktopHeaderExternal?null:this.findHeader());this.syncPageHeaderBlockSize()}componentDidLoad(){this.hasLoaded=true;this.connectRuntime()}componentDidRender(){this.syncHeaderVariant();this.syncPageHeaderBlockSize()}connectedCallback(){if(!this.hasLoaded)return;if(this.reconnectFrame!==null)cancelAnimationFrame(this.reconnectFrame);this.reconnectFrame=requestAnimationFrame((()=>{this.reconnectFrame=null;if(this.el.isConnected)this.connectRuntime()}))}disconnectedCallback(){if(this.reconnectFrame!==null)cancelAnimationFrame(this.reconnectFrame);this.reconnectFrame=null;this.headerResizeObserver?.disconnect();this.headerResizeObserver=null;this.pageHeaderResizeObserver?.disconnect();this.pageHeaderResizeObserver=null;this.headerMutationObserver?.disconnect();this.headerMutationObserver=null;this.cancelHeaderReveal();this.cancelHeaderGeometrySync();this.headerEl?.style.removeProperty("--ds-bar-title-divider-inset");this.scrollRoot?.removeEventListener("scroll",this.handleScroll);this.scrollRoot=null}connectRuntime(){this.observePageHeaderGeometry();this.observeHeader(this.responsiveMode==="mobile"?null:this.findHeader());this.connectScrollRoot()}get effectiveVariant(){if(this.desktopHeaderExternal)return"compact";return h(this.headerPresentation,this.headerCapacity??"roomy",this.effectiveScrollCompaction?this.pageTopVisible:true)}get desktopHeaderExternal(){return this.responsiveMode!=="mobile"&&this.desktopHeaderPlacement==="shell-bar"}get effectiveScrollCompaction(){return this.scrollCompaction&&!this.desktopHeaderExternal}get headerContractResolved(){return this.headerPresentation!=="auto"||this.headerCapacity!==undefined}get isScrollCompacted(){return this.effectiveScrollCompaction&&this.headerPresentation==="auto"&&this.headerCapacity==="roomy"&&!this.pageTopVisible}get contentInsetStyles(){const e={};const s=this.contentInsetBlockStartSize?.trim();const t=this.compactContentInsetBlockStartSize?.trim();if(s)e["--ds-shell-page-content-block-start-inset"]=s;if(t)e["--ds-shell-page-compact-content-block-start-inset"]=t;return e}composedParent(e){return e.assignedSlot?.parentElement??e.parentElement}findScrollRoot(){let e=this.composedParent(this.el);while(e&&e!==document.documentElement){const s=getComputedStyle(e).overflowY;if(s==="auto"||s==="scroll"||s==="overlay"){return e}e=this.composedParent(e)}return window}connectScrollRoot(){const e=this.findScrollRoot();if(e===this.scrollRoot)return;this.scrollRoot?.removeEventListener("scroll",this.handleScroll);this.scrollRoot=e;this.scrollRoot.addEventListener("scroll",this.handleScroll,{passive:true});this.handleScroll()}get scrollRootResolved(){const e=this.el.closest("ds-shell-app");if(!e)return true;const s=e.querySelector(".shell-app__content");return s!==null&&this.scrollRoot===s}findHeader(){return this.el.querySelector("ds-bar-title")}get compactHeaderHeight(){return l("--dimension-size-600",0)}syncHeaderDividerInset(e){const s=this.headerEl;if(!s)return;const t=this.effectiveScrollCompaction&&this.headerPresentation==="auto"&&this.headerCapacity==="roomy";const i=l("--dimension-space-200",0);if(!t||!this.sentinelEl||!this.scrollRoot||this.headerTravel<=0||i<=0){s.style.removeProperty("--ds-bar-title-divider-inset");return}const a=e??(this.scrollRoot===window?0:this.scrollRoot.getBoundingClientRect().top);const h=this.sentinelEl.getBoundingClientRect().top-a;const n=Math.min(1,Math.max(0,1-h/this.headerTravel));s.style.setProperty("--ds-bar-title-divider-inset",`${i*(1-n)}px`)}setHeaderTravel(e){const s=Math.max(0,e);if(Math.abs(s-this.headerTravel)<.5)return;this.headerTravel=s;this.el.style.setProperty("--ds-shell-page-header-travel",`${s}px`);this.handleScroll()}measureHeaderTravel(e){const s=e.querySelector("[data-shell-page-header-anchor]");const t=this.compactHeaderHeight;if(!s||t<=0)return;const i=e.getBoundingClientRect();const a=s.getBoundingClientRect();if(i.height<=0||a.height<=0)return;const l=a.top-i.top;const h=Math.max(0,(t-a.height)/2);this.setHeaderTravel(l-h)}captureExpandedHeaderGeometry(e){this.expandedHeaderHeight=Math.max(this.expandedHeaderHeight,e.getBoundingClientRect().height);this.measureHeaderTravel(e)}setSpacerHeight(e){if(!this.spacerEl)return;this.spacerEl.style.setProperty("--ds-shell-page-flow-spacer",`${Math.max(0,e)}px`)}variantClass(e){return`bar-title-host--${e}`}setStickyHeaderOffset(e){this.stickyHeaderEl?.style.setProperty("--ds-shell-page-sticky-offset",e==="expanded"&&this.effectiveScrollCompaction&&this.headerPresentation==="auto"&&this.headerCapacity==="roomy"?`${-this.headerTravel}px`:"0px")}syncPageHeaderBlockSize(){if(this.desktopHeaderExternal){this.el.style.setProperty("--ds-shell-page-sticky-header-block-size","0px");return}const e=this.stickyHeaderEl?.getBoundingClientRect().height??0;if(e>0){this.el.style.setProperty("--ds-shell-page-sticky-header-block-size",`${e}px`)}else{this.el.style.removeProperty("--ds-shell-page-sticky-header-block-size")}}observePageHeaderGeometry(){this.pageHeaderResizeObserver?.disconnect();this.pageHeaderResizeObserver=null;this.syncPageHeaderBlockSize();if(!this.stickyHeaderEl||typeof ResizeObserver==="undefined")return;this.pageHeaderResizeObserver=new ResizeObserver((()=>{this.syncPageHeaderBlockSize()}));this.pageHeaderResizeObserver.observe(this.stickyHeaderEl)}syncRenderedHeaderGeometry(e){const s=this.effectiveVariant;if(!e.classList.contains(this.variantClass(s)))return;this.syncPageHeaderBlockSize();this.setSpacerHeight(this.isScrollCompacted?this.expandedHeaderHeight-this.compactHeaderHeight:0);this.setStickyHeaderOffset(s);if(s==="expanded"&&!this.expandedGeometryFrozen){this.captureExpandedHeaderGeometry(e);this.setStickyHeaderOffset(s)}}cancelHeaderGeometrySync(){if(this.headerGeometryFrame!==null)cancelAnimationFrame(this.headerGeometryFrame);this.headerGeometryFrame=null}scheduleHeaderGeometrySync(s){this.cancelHeaderGeometrySync();let t=e.MAX_HEADER_GEOMETRY_FRAMES;let i=0;const a=()=>{if(this.headerEl!==s)return;t-=1;i+=1;this.connectScrollRoot();this.syncRenderedHeaderGeometry(s);const e=this.effectiveVariant!=="expanded"||this.expandedHeaderHeight>0&&this.headerTravel>0;if(e&&this.scrollRootResolved&&i>=2||t<=0){this.headerGeometryFrame=null;return}this.headerGeometryFrame=requestAnimationFrame(a)};this.headerGeometryFrame=requestAnimationFrame(a)}cancelHeaderReveal(){if(this.headerRevealFrame!==null)cancelAnimationFrame(this.headerRevealFrame);this.headerRevealFrame=null;this.headerEl?.removeAttribute("data-shell-page-syncing")}revealHeaderWhenSynced(s,t){let i=e.MAX_HEADER_REVEAL_FRAMES;const a=()=>{if(this.headerEl!==s){s.removeAttribute("data-shell-page-syncing");return}i-=1;if(s.classList.contains(this.variantClass(t))){s.removeAttribute("data-shell-page-syncing");this.headerRevealFrame=null;return}if(i<=0){this.headerRevealFrame=null;return}this.headerRevealFrame=requestAnimationFrame(a)};this.headerRevealFrame=requestAnimationFrame(a)}syncHeaderVariant(e=false){const s=this.headerEl;if(!s)return;this.syncHeaderDividerInset();if(!this.headerContractResolved){this.cancelHeaderReveal();s.setAttribute("data-shell-page-syncing","");return}const t=this.effectiveVariant;const i=!s.classList.contains(this.variantClass(t));if(!i)this.syncRenderedHeaderGeometry(s);if(i&&this.isScrollCompacted){this.setSpacerHeight(this.expandedHeaderHeight-this.compactHeaderHeight);this.setStickyHeaderOffset(t)}if(e){this.cancelHeaderReveal();s.setAttribute("data-shell-page-syncing","")}if(s.variant!==t){s.variant=t;this.scheduleHeaderGeometrySync(s)}if(e){this.revealHeaderWhenSynced(s,t)}}observeHeader(e){this.cancelHeaderReveal();this.cancelHeaderGeometrySync();this.headerResizeObserver?.disconnect();this.headerResizeObserver=null;this.headerMutationObserver?.disconnect();this.headerMutationObserver=null;this.headerEl?.style.removeProperty("--ds-bar-title-divider-inset");this.headerEl=e;this.expandedHeaderHeight=0;this.expandedGeometryFrozen=false;this.setHeaderTravel(0);this.setSpacerHeight(0);this.stickyHeaderEl?.style.setProperty("--ds-shell-page-sticky-offset","0px");if(!e)return;if(e.classList.contains(this.variantClass("expanded"))){this.captureExpandedHeaderGeometry(e)}if(typeof ResizeObserver!=="undefined"){this.headerResizeObserver=new ResizeObserver((()=>{this.syncRenderedHeaderGeometry(e)}));this.headerResizeObserver.observe(e)}if(typeof MutationObserver!=="undefined"){this.headerMutationObserver=new MutationObserver((()=>{this.syncRenderedHeaderGeometry(e)}));this.headerMutationObserver.observe(e,{attributes:true,attributeFilter:["class"],childList:true,subtree:true})}this.syncHeaderVariant(true);this.scheduleHeaderGeometrySync(e)}render(){const e=this.responsiveMode==="mobile";return t(i,{key:"54a56136c96c697ef7b025e43b5db65553e7c52b",role:"main",style:this.contentInsetStyles,class:{"shell-page-host--inset-default":this.contentInset==="default","shell-page-host--inset-none":this.contentInset==="none","shell-page-host--block-start-inset-none":this.contentInsetBlockStart==="none","shell-page-host--surface-primary":this.contentSurface==="primary","shell-page-host--surface-secondary":this.contentSurface==="secondary","shell-page-host--mobile":e,"shell-page-host--desktop-header-shell-bar":this.desktopHeaderExternal,[`shell-page-host--header-${this.effectiveVariant}`]:true}},t("div",{key:"336b3d9114e539d2cc014922c0289b64b3c16704",ref:e=>{this.sentinelEl=e??null},class:"shell-page__scroll-sentinel","aria-hidden":"true"}),t("div",{key:"49f073e4e01ca6203c98d29b63cdfebfe1ce001a",ref:e=>{this.stickyHeaderEl=e??null},class:"shell-page__sticky-header"},t("div",{key:"6519efbab7e1189ef240fe990fc2685b9c1b6726",class:"shell-page__desktop-header",hidden:e,"aria-hidden":e?"true":undefined,inert:e?true:undefined},t("slot",{key:"8f45be5657a972d0d8ef15158fb6dcdfbf46ccb1",name:"header",onSlotchange:this.handleHeaderSlotChange})),t("div",{key:"eff8874d679a990baf2406f49405c774107f75ec",class:"shell-page__mobile-header",hidden:!e,"aria-hidden":!e?"true":undefined,inert:!e?true:undefined},t("slot",{key:"3864869f7b5d833b676ae093fcb79a7659cf3e77",name:"mobile-header"}))),t("div",{key:"35628129b10d957bedd14e0cd625f8c492ffa4ec",ref:e=>{this.spacerEl=e??null},class:"shell-page__flow-spacer","aria-hidden":"true"}),t("div",{key:"fadd6d8b7d2ffb010ef09efa8129dbc3429e674b",class:"shell-page__content"},t("slot",{key:"b4a4e605a0442fe943b477d6c10e9d82c633956a"})))}get el(){return this}static get watchers(){return{headerCapacity:[{handleHeaderContractChange:0}],headerPresentation:[{handleHeaderContractChange:0}],scrollCompaction:[{handleHeaderContractChange:0}],responsiveMode:[{handleResponsiveModeChange:0}],desktopHeaderPlacement:[{handleDesktopHeaderPlacementChange:0}]}}static get style(){return n()}},[262,"ds-shell-page",{headerPresentation:[1,"header-presentation"],headerCapacity:[1,"header-capacity"],desktopHeaderPlacement:[513,"desktop-header-placement"],contentInset:[1,"content-inset"],contentInsetBlockStart:[1,"content-inset-block-start"],contentInsetBlockStartSize:[1,"content-inset-block-start-size"],compactContentInsetBlockStartSize:[1,"compact-content-inset-block-start-size"],scrollCompaction:[4,"scroll-compaction"],contentSurface:[1,"content-surface"],responsiveMode:[513,"responsive-mode"],pageTopVisible:[32]},undefined,{headerCapacity:[{handleHeaderContractChange:0}],headerPresentation:[{handleHeaderContractChange:0}],scrollCompaction:[{handleHeaderContractChange:0}],responsiveMode:[{handleResponsiveModeChange:0}],desktopHeaderPlacement:[{handleDesktopHeaderPlacementChange:0}]}]);r.MAX_HEADER_REVEAL_FRAMES=12;r.MAX_HEADER_GEOMETRY_FRAMES=12;function o(){if(typeof customElements==="undefined"){return}const e=["ds-shell-page"];e.forEach((e=>{switch(e){case"ds-shell-page":if(!customElements.get(a(e))){customElements.define(a(e),r)}break}}))}o();export{r as S,o as d};
+//# sourceMappingURL=p-BFHpU-uU.js.map

package/dist/components/{p-B-HOVYoH.js → p-BQspV5U7.js}

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as r,a as o,t as a}from"./index.js";import{d}from"./p-D0KD-Nr_.js";import{d as t}from"./p-CI7c9kp-.js";import{d as n}from"./p-Co5MiPNa.js";import{d as i}from"./p-DjkUFlDW.js";import{d as c}from"./p-0XTyQNRG.js";import{d as h}from"./p-Cihjy4WY.js";import{d as m}from"./p-BXSHN1OK.js";import{r as l}from"./p-rCeztgVn.js";const p=()=>`.sc-ds-markdown:where(.ds-prose){display:block;box-sizing:border-box;max-inline-size:100%;min-inline-size:0;color:inherit;overflow-wrap:anywhere}.sc-ds-markdown:where(.ds-prose)>:where(h1,h2.sc-ds-markdown,h3.sc-ds-markdown,h4.sc-ds-markdown,h5.sc-ds-markdown,h6.sc-ds-markdown,p.sc-ds-markdown,ul.sc-ds-markdown,ol.sc-ds-markdown,dl.sc-ds-markdown,blockquote).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{max-inline-size:var(--ds-prose-text-max-inline-size, 100%)}.sc-ds-markdown:where(.ds-prose) :where(p,ul.sc-ds-markdown,ol.sc-ds-markdown,dl.sc-ds-markdown,blockquote.sc-ds-markdown,figure.sc-ds-markdown,figcaption.sc-ds-markdown,table).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin:0;color:inherit;font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);font-weight:var(--typography-weight-regular);line-height:var(--typography-lineheight-md);letter-spacing:var(--typography-letterspacing-negative-half)}.sc-ds-markdown:where(.ds-prose) :where(h1,h2.sc-ds-markdown,h3.sc-ds-markdown,h4.sc-ds-markdown,h5.sc-ds-markdown,h6).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin:0;color:var(--color-foreground-primary);font-family:var(--typography-font-family-ui);font-weight:var(--typography-weight-semibold)}.sc-ds-markdown:where(.ds-prose) :where(h1,h2).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl);letter-spacing:var(--typography-letterspacing-negative-double)}.sc-ds-markdown:where(.ds-prose) :where(h3,h4).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.sc-ds-markdown:where(.ds-prose) :where(h2):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg);letter-spacing:var(--typography-letterspacing-negative)}.sc-ds-markdown:where(.ds-prose) :where(h5,h6).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);letter-spacing:var(--typography-letterspacing-negative)}.sc-ds-markdown:where(.ds-prose)>.sc-ds-markdown:where(*+*){margin-block-start:var(--dimension-space-150)}.sc-ds-markdown:where(.ds-prose)>:where(*)+:where(h1,h2.sc-ds-markdown,h3.sc-ds-markdown,h4.sc-ds-markdown,h5.sc-ds-markdown,h6).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin-block-start:var(--dimension-space-200)}.sc-ds-markdown:where(.ds-prose)>:where(h1,h2.sc-ds-markdown,h3.sc-ds-markdown,h4.sc-ds-markdown,h5.sc-ds-markdown,h6).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown+.sc-ds-markdown:where(*){margin-block-start:var(--dimension-space-100)}.sc-ds-markdown:where(.ds-prose) :where(blockquote,li.sc-ds-markdown,dd)>.sc-ds-markdown:where(*+*):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin-block-start:var(--dimension-space-050)}.sc-ds-markdown:where(.ds-prose) :where(li+li.sc-ds-markdown,dt+dd).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin-block-start:var(--dimension-space-050)}.sc-ds-markdown:where(.ds-prose) :where(ul,ol).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{padding-inline-start:var(--dimension-space-300)}.sc-ds-markdown:where(.ds-prose) :where(ol>li):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{padding-block-end:var(--dimension-space-100)}.sc-ds-markdown:where(.ds-prose) :where(ol>li:has(>:is(h3,h4).sc-ds-markdown:first-child)):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown::marker{color:var(--color-foreground-primary);font-size:var(--typography-fontsize-md);font-weight:var(--typography-weight-medium)}.sc-ds-markdown:where(.ds-prose) :where(li>ul.sc-ds-markdown,li>ol).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin-block-start:var(--dimension-space-050)}.sc-ds-markdown:where(.ds-prose) :where(li>input[type='checkbox']):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin-inline-end:var(--dimension-space-050)}.sc-ds-markdown:where(.ds-prose) :where(blockquote):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{padding-inline-start:var(--dimension-space-150);border-inline-start:var(--dimension-stroke-width-025) solid var(--color-border-secondary);color:var(--color-foreground-secondary)}.sc-ds-markdown:where(.ds-prose) :where(strong,b).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{font-weight:var(--typography-weight-medium)}.sc-ds-markdown:where(.ds-prose) :where(h1,h2.sc-ds-markdown,h3.sc-ds-markdown,h4.sc-ds-markdown,h5.sc-ds-markdown,h6) .sc-ds-markdown:where(strong,b).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{font-weight:inherit}.sc-ds-markdown:where(.ds-prose) :where(a):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{color:var(--color-foreground-bold-brand);text-decoration-line:none;text-decoration-color:currentcolor;text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}@media (hover: hover) and (pointer: fine){.sc-ds-markdown:where(.ds-prose) :where(a):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown:hover{text-decoration-line:underline}}@media (forced-colors: active){.sc-ds-markdown:where(.ds-prose) :where(a):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{text-decoration-line:underline}}.sc-ds-markdown:where(.ds-prose) :where(code):not(:where(pre code.sc-ds-markdown,[data-ds-prose='off'].sc-ds-markdown,[data-ds-prose='off'] *)).sc-ds-markdown{padding:var(--dimension-space-012) var(--dimension-space-025);border-radius:var(--dimension-radius-025);background:var(--color-background-secondary);font-family:var(     --typography-font-family-code,     'Fira Code',     ui-monospace,     'SFMono-Regular',     'Cascadia Code',     'Roboto Mono',     Menlo,     Monaco,     Consolas,     'Liberation Mono',     monospace   );font-size:var(--typography-fontsize-sm);font-variant-ligatures:var(--ds-code-font-variant-ligatures, normal);font-weight:var(--typography-weight-regular);line-height:var(--typography-lineheight-sm);letter-spacing:var(--typography-letterspacing-none)}.sc-ds-markdown:where(.ds-prose) :where(pre):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{box-sizing:border-box;max-inline-size:100%;min-inline-size:0;margin:0;padding:var(--dimension-space-150);overflow:auto;border-radius:var(--dimension-radius-050);background:var(--color-background-strong-neutral);color:var(--color-foreground-faint-neutral);font-family:var(     --typography-font-family-code,     'Fira Code',     ui-monospace,     'SFMono-Regular',     'Cascadia Code',     'Roboto Mono',     Menlo,     Monaco,     Consolas,     'Liberation Mono',     monospace   );font-size:var(--typography-fontsize-sm);font-variant-ligatures:var(--ds-code-font-variant-ligatures, normal);font-weight:var(--typography-weight-regular);line-height:var(--typography-lineheight-sm);letter-spacing:var(--typography-letterspacing-none);tab-size:2}.sc-ds-markdown:where(.ds-prose) :where(pre code):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{padding:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;white-space:pre}.sc-ds-markdown:where(.ds-prose) :where(hr):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin:0;border:0;border-block-start:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.sc-ds-markdown:where(.ds-prose__table-scroll){box-sizing:border-box;max-inline-size:100%;min-inline-size:0;overflow-x:auto}.sc-ds-markdown:where(.ds-prose) :where(table):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{inline-size:100%;border-collapse:collapse}.sc-ds-markdown:where(.ds-prose) :where(th,td).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{padding:var(--dimension-space-075);border:var(--dimension-stroke-width-012) solid var(--color-border-tertiary);text-align:start;vertical-align:top;overflow-wrap:anywhere}.sc-ds-markdown:where(.ds-prose) :where(th):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{color:var(--color-foreground-primary);font-weight:var(--typography-weight-medium)}.sc-ds-markdown:where(.ds-prose) :where(img,video.sc-ds-markdown,svg).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{max-inline-size:100%;block-size:auto}.sc-ds-markdown:where(.ds-prose) :where(figcaption):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin-block-start:var(--dimension-space-050);color:var(--color-foreground-secondary);font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm);letter-spacing:var(--typography-letterspacing-none)}.sc-ds-markdown-h{display:block;min-width:0;color:inherit;box-sizing:border-box;-webkit-user-select:text;user-select:text}`;let w;function f(){w??(w=Promise.all([import("./p-BjtXYFhw.js"),import("./p-DVsje4AY.js"),import("./p-gidVv1FX.js")]).then((([e,s,r])=>({fromMarkdown:e.fromMarkdown,gfmFromMarkdown:s.gfmFromMarkdown,gfm:r.gfm}))));return w}const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.content="";this.streaming=false;this.tree=null;this.parseRevision=0}componentWillLoad(){if(typeof document!=="undefined")return this.parse()}disconnectedCallback(){this.parseRevision+=1;if(this.parseFrame&&typeof cancelAnimationFrame==="function"){cancelAnimationFrame(this.parseFrame)}}scheduleParse(){if(typeof requestAnimationFrame!=="function")return;if(this.parseFrame)cancelAnimationFrame(this.parseFrame);this.parseFrame=requestAnimationFrame((()=>{this.parseFrame=undefined;void this.parse()}))}async parse(){const e=++this.parseRevision;try{const{fromMarkdown:s,gfmFromMarkdown:r,gfm:o}=await f();const a=s(this.content,{extensions:[o()],mdastExtensions:[r()]});if(e===this.parseRevision)this.tree=a}catch{if(e===this.parseRevision)this.tree=null}}children(e){if(!("children"in e))return[];return e.children.map((e=>this.renderNode(e)))}renderNode(e){switch(e.type){case"root":return this.children(e);case"text":return r("span",{class:"markdown__text"},e.value);case"paragraph":return r("p",{class:"markdown__paragraph"},this.children(e));case"heading":{const s=`h${e.depth}`;return r(s,{class:"markdown__heading"},this.children(e))}case"strong":return r("strong",{class:"markdown__strong"},this.children(e));case"emphasis":return r("em",{class:"markdown__emphasis"},this.children(e));case"delete":return r("del",{class:"markdown__delete"},this.children(e));case"blockquote":return r("blockquote",{class:"markdown__blockquote"},this.children(e));case"break":return r("br",{class:"markdown__break"});case"thematicBreak":return r("hr",{class:"markdown__thematic-break"});case"inlineCode":return r("code",{class:"markdown__inline-code"},e.value);case"code":return r("ds-code-block",{class:"markdown__code-block","data-ds-prose":"off",code:e.value,language:e.lang??"",filename:e.meta??""});case"link":{const s=l(e.url,{protocols:["http:","https:","mailto:"]});return s?r("a",{class:"markdown__link",href:s,target:"_blank",rel:"noopener noreferrer"},this.children(e)):this.children(e)}case"list":{const s=e.ordered?"ol":"ul";return r(s,{class:"markdown__list",start:e.ordered&&e.start?e.start:undefined},this.children(e))}case"listItem":return r("li",{class:"markdown__list-item"},typeof e.checked==="boolean"?r("input",{class:"markdown__task-indicator",type:"checkbox",checked:e.checked,disabled:true,"aria-hidden":"true",tabIndex:-1}):null,this.children(e));case"table":{const[s,...o]=e.children;return r("div",{class:"markdown__table-wrap ds-prose__table-scroll",tabIndex:0},r("table",{class:"markdown__table"},s?r("thead",{class:"markdown__table-head"},r("tr",{class:"markdown__table-row"},s.children.map((e=>r("th",{class:"markdown__table-heading",scope:"col"},this.children(e)))))):null,r("tbody",{class:"markdown__table-body"},o.map((e=>this.renderNode(e))))))}case"tableRow":return r("tr",{class:"markdown__table-row"},this.children(e));case"tableCell":return r("td",{class:"markdown__table-cell"},this.children(e));case"image":{const s=l(e.url,{protocols:["http:","https:","mailto:"]});return s?r("a",{class:"markdown__image-link",href:s,target:"_blank",rel:"noopener noreferrer"},e.alt||"View image"):e.alt||null}case"html":case"definition":case"footnoteDefinition":return null;case"footnoteReference":return r("sup",{class:"markdown__footnote"},e.label);default:return this.children(e)}}render(){return r(o,{key:"d0ad936f48d0db53c3cb8c8a77f108f048a5dc3b","aria-busy":this.streaming?"true":undefined},r("div",{key:"b224385682f38a43819a7d11f096b7393e005f98",class:"markdown ds-prose"},this.tree?this.renderNode(this.tree):r("p",{class:"markdown__paragraph"},r("span",{class:"markdown__text"},this.content))))}static get watchers(){return{content:[{scheduleParse:0}]}}static get style(){return p()}},[2,"ds-markdown",{content:[1],streaming:[4],tree:[32]},undefined,{content:[{scheduleParse:0}]}]);function g(){if(typeof customElements==="undefined"){return}const e=["ds-markdown","ds-badge","ds-button-unfilled","ds-code-block","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-markdown":if(!customElements.get(a(e))){customElements.define(a(e),k)}break;case"ds-badge":if(!customElements.get(a(e))){d()}break;case"ds-button-unfilled":if(!customElements.get(a(e))){t()}break;case"ds-code-block":if(!customElements.get(a(e))){n()}break;case"ds-icon":if(!customElements.get(a(e))){i()}break;case"ds-loader":if(!customElements.get(a(e))){c()}break;case"ds-text":if(!customElements.get(a(e))){h()}break;case"ds-tooltip":if(!customElements.get(a(e))){m()}break}}))}g();export{k as M,g as d};
-//# sourceMappingURL=p-B-HOVYoH.js.map
+import{p as e,H as s,h as r,a as o,t as a}from"./index.js";import{d}from"./p-CwdRaJER.js";import{d as t}from"./p-D6FRqNhN.js";import{d as n}from"./p-B0EpvBDs.js";import{d as i}from"./p-DjkUFlDW.js";import{d as c}from"./p-0XTyQNRG.js";import{d as h}from"./p-D8OWhnID.js";import{d as m}from"./p-DIQiHX0q.js";import{r as l}from"./p-rCeztgVn.js";const p=()=>`.sc-ds-markdown:where(.ds-prose){display:block;box-sizing:border-box;max-inline-size:100%;min-inline-size:0;color:inherit;overflow-wrap:anywhere}.sc-ds-markdown:where(.ds-prose)>:where(h1,h2.sc-ds-markdown,h3.sc-ds-markdown,h4.sc-ds-markdown,h5.sc-ds-markdown,h6.sc-ds-markdown,p.sc-ds-markdown,ul.sc-ds-markdown,ol.sc-ds-markdown,dl.sc-ds-markdown,blockquote).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{max-inline-size:var(--ds-prose-text-max-inline-size, 100%)}.sc-ds-markdown:where(.ds-prose) :where(p,ul.sc-ds-markdown,ol.sc-ds-markdown,dl.sc-ds-markdown,blockquote.sc-ds-markdown,figure.sc-ds-markdown,figcaption.sc-ds-markdown,table).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin:0;color:inherit;font-family:var(--typography-font-family-ui);font-size:var(--typography-fontsize-md);font-weight:var(--typography-weight-regular);line-height:var(--typography-lineheight-md);letter-spacing:var(--typography-letterspacing-negative-half)}.sc-ds-markdown:where(.ds-prose) :where(h1,h2.sc-ds-markdown,h3.sc-ds-markdown,h4.sc-ds-markdown,h5.sc-ds-markdown,h6).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin:0;color:var(--color-foreground-primary);font-family:var(--typography-font-family-ui);font-weight:var(--typography-weight-semibold)}.sc-ds-markdown:where(.ds-prose) :where(h1,h2).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl);letter-spacing:var(--typography-letterspacing-negative-double)}.sc-ds-markdown:where(.ds-prose) :where(h3,h4).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.sc-ds-markdown:where(.ds-prose) :where(h2):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg);letter-spacing:var(--typography-letterspacing-negative)}.sc-ds-markdown:where(.ds-prose) :where(h5,h6).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md);letter-spacing:var(--typography-letterspacing-negative)}.sc-ds-markdown:where(.ds-prose)>.sc-ds-markdown:where(*+*){margin-block-start:var(--dimension-space-150)}.sc-ds-markdown:where(.ds-prose)>:where(*)+:where(h1,h2.sc-ds-markdown,h3.sc-ds-markdown,h4.sc-ds-markdown,h5.sc-ds-markdown,h6).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin-block-start:var(--dimension-space-200)}.sc-ds-markdown:where(.ds-prose)>:where(h1,h2.sc-ds-markdown,h3.sc-ds-markdown,h4.sc-ds-markdown,h5.sc-ds-markdown,h6).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown+.sc-ds-markdown:where(*){margin-block-start:var(--dimension-space-100)}.sc-ds-markdown:where(.ds-prose) :where(blockquote,li.sc-ds-markdown,dd)>.sc-ds-markdown:where(*+*):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin-block-start:var(--dimension-space-050)}.sc-ds-markdown:where(.ds-prose) :where(li+li.sc-ds-markdown,dt+dd).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin-block-start:var(--dimension-space-050)}.sc-ds-markdown:where(.ds-prose) :where(ul,ol).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{padding-inline-start:var(--dimension-space-300)}.sc-ds-markdown:where(.ds-prose) :where(ol>li):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{padding-block-end:var(--dimension-space-100)}.sc-ds-markdown:where(.ds-prose) :where(ol>li:has(>:is(h3,h4).sc-ds-markdown:first-child)):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown::marker{color:var(--color-foreground-primary);font-size:var(--typography-fontsize-md);font-weight:var(--typography-weight-medium)}.sc-ds-markdown:where(.ds-prose) :where(li>ul.sc-ds-markdown,li>ol).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin-block-start:var(--dimension-space-050)}.sc-ds-markdown:where(.ds-prose) :where(li>input[type='checkbox']):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin-inline-end:var(--dimension-space-050)}.sc-ds-markdown:where(.ds-prose) :where(blockquote):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{padding-inline-start:var(--dimension-space-150);border-inline-start:var(--dimension-stroke-width-025) solid var(--color-border-secondary);color:var(--color-foreground-secondary)}.sc-ds-markdown:where(.ds-prose) :where(strong,b).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{font-weight:var(--typography-weight-medium)}.sc-ds-markdown:where(.ds-prose) :where(h1,h2.sc-ds-markdown,h3.sc-ds-markdown,h4.sc-ds-markdown,h5.sc-ds-markdown,h6) .sc-ds-markdown:where(strong,b).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{font-weight:inherit}.sc-ds-markdown:where(.ds-prose) :where(a):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{color:var(--color-foreground-bold-brand);text-decoration-line:none;text-decoration-color:currentcolor;text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}@media (hover: hover) and (pointer: fine){.sc-ds-markdown:where(.ds-prose) :where(a):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown:hover{text-decoration-line:underline}}@media (forced-colors: active){.sc-ds-markdown:where(.ds-prose) :where(a):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{text-decoration-line:underline}}.sc-ds-markdown:where(.ds-prose) :where(code):not(:where(pre code.sc-ds-markdown,[data-ds-prose='off'].sc-ds-markdown,[data-ds-prose='off'] *)).sc-ds-markdown{padding:var(--dimension-space-012) var(--dimension-space-025);border-radius:var(--dimension-radius-025);background:var(--color-background-secondary);font-family:var(     --typography-font-family-code,     'Fira Code',     ui-monospace,     'SFMono-Regular',     'Cascadia Code',     'Roboto Mono',     Menlo,     Monaco,     Consolas,     'Liberation Mono',     monospace   );font-size:var(--typography-fontsize-sm);font-variant-ligatures:var(--ds-code-font-variant-ligatures, normal);font-weight:var(--typography-weight-regular);line-height:var(--typography-lineheight-sm);letter-spacing:var(--typography-letterspacing-none)}.sc-ds-markdown:where(.ds-prose) :where(pre):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{box-sizing:border-box;max-inline-size:100%;min-inline-size:0;margin:0;padding:var(--dimension-space-150);overflow:auto;border-radius:var(--dimension-radius-050);background:var(--color-background-strong-neutral);color:var(--color-foreground-faint-neutral);font-family:var(     --typography-font-family-code,     'Fira Code',     ui-monospace,     'SFMono-Regular',     'Cascadia Code',     'Roboto Mono',     Menlo,     Monaco,     Consolas,     'Liberation Mono',     monospace   );font-size:var(--typography-fontsize-sm);font-variant-ligatures:var(--ds-code-font-variant-ligatures, normal);font-weight:var(--typography-weight-regular);line-height:var(--typography-lineheight-sm);letter-spacing:var(--typography-letterspacing-none);tab-size:2}.sc-ds-markdown:where(.ds-prose) :where(pre code):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{padding:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;white-space:pre}.sc-ds-markdown:where(.ds-prose) :where(hr):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin:0;border:0;border-block-start:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.sc-ds-markdown:where(.ds-prose__table-scroll){box-sizing:border-box;max-inline-size:100%;min-inline-size:0;overflow-x:auto}.sc-ds-markdown:where(.ds-prose) :where(table):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{inline-size:100%;border-collapse:collapse}.sc-ds-markdown:where(.ds-prose) :where(th,td).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{padding:var(--dimension-space-075);border:var(--dimension-stroke-width-012) solid var(--color-border-tertiary);text-align:start;vertical-align:top;overflow-wrap:anywhere}.sc-ds-markdown:where(.ds-prose) :where(th):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{color:var(--color-foreground-primary);font-weight:var(--typography-weight-medium)}.sc-ds-markdown:where(.ds-prose) :where(img,video.sc-ds-markdown,svg).sc-ds-markdown:not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{max-inline-size:100%;block-size:auto}.sc-ds-markdown:where(.ds-prose) :where(figcaption):not(:where([data-ds-prose='off'],[data-ds-prose='off'] *)).sc-ds-markdown{margin-block-start:var(--dimension-space-050);color:var(--color-foreground-secondary);font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm);letter-spacing:var(--typography-letterspacing-none)}.sc-ds-markdown-h{display:block;min-width:0;color:inherit;box-sizing:border-box;-webkit-user-select:text;user-select:text}`;let w;function f(){w??(w=Promise.all([import("./p-BjtXYFhw.js"),import("./p-DVsje4AY.js"),import("./p-gidVv1FX.js")]).then((([e,s,r])=>({fromMarkdown:e.fromMarkdown,gfmFromMarkdown:s.gfmFromMarkdown,gfm:r.gfm}))));return w}const k=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.content="";this.streaming=false;this.tree=null;this.parseRevision=0}componentWillLoad(){if(typeof document!=="undefined")return this.parse()}disconnectedCallback(){this.parseRevision+=1;if(this.parseFrame&&typeof cancelAnimationFrame==="function"){cancelAnimationFrame(this.parseFrame)}}scheduleParse(){if(typeof requestAnimationFrame!=="function")return;if(this.parseFrame)cancelAnimationFrame(this.parseFrame);this.parseFrame=requestAnimationFrame((()=>{this.parseFrame=undefined;void this.parse()}))}async parse(){const e=++this.parseRevision;try{const{fromMarkdown:s,gfmFromMarkdown:r,gfm:o}=await f();const a=s(this.content,{extensions:[o()],mdastExtensions:[r()]});if(e===this.parseRevision)this.tree=a}catch{if(e===this.parseRevision)this.tree=null}}children(e){if(!("children"in e))return[];return e.children.map((e=>this.renderNode(e)))}renderNode(e){switch(e.type){case"root":return this.children(e);case"text":return r("span",{class:"markdown__text"},e.value);case"paragraph":return r("p",{class:"markdown__paragraph"},this.children(e));case"heading":{const s=`h${e.depth}`;return r(s,{class:"markdown__heading"},this.children(e))}case"strong":return r("strong",{class:"markdown__strong"},this.children(e));case"emphasis":return r("em",{class:"markdown__emphasis"},this.children(e));case"delete":return r("del",{class:"markdown__delete"},this.children(e));case"blockquote":return r("blockquote",{class:"markdown__blockquote"},this.children(e));case"break":return r("br",{class:"markdown__break"});case"thematicBreak":return r("hr",{class:"markdown__thematic-break"});case"inlineCode":return r("code",{class:"markdown__inline-code"},e.value);case"code":return r("ds-code-block",{class:"markdown__code-block","data-ds-prose":"off",code:e.value,language:e.lang??"",filename:e.meta??""});case"link":{const s=l(e.url,{protocols:["http:","https:","mailto:"]});return s?r("a",{class:"markdown__link",href:s,target:"_blank",rel:"noopener noreferrer"},this.children(e)):this.children(e)}case"list":{const s=e.ordered?"ol":"ul";return r(s,{class:"markdown__list",start:e.ordered&&e.start?e.start:undefined},this.children(e))}case"listItem":return r("li",{class:"markdown__list-item"},typeof e.checked==="boolean"?r("input",{class:"markdown__task-indicator",type:"checkbox",checked:e.checked,disabled:true,"aria-hidden":"true",tabIndex:-1}):null,this.children(e));case"table":{const[s,...o]=e.children;return r("div",{class:"markdown__table-wrap ds-prose__table-scroll",tabIndex:0},r("table",{class:"markdown__table"},s?r("thead",{class:"markdown__table-head"},r("tr",{class:"markdown__table-row"},s.children.map((e=>r("th",{class:"markdown__table-heading",scope:"col"},this.children(e)))))):null,r("tbody",{class:"markdown__table-body"},o.map((e=>this.renderNode(e))))))}case"tableRow":return r("tr",{class:"markdown__table-row"},this.children(e));case"tableCell":return r("td",{class:"markdown__table-cell"},this.children(e));case"image":{const s=l(e.url,{protocols:["http:","https:","mailto:"]});return s?r("a",{class:"markdown__image-link",href:s,target:"_blank",rel:"noopener noreferrer"},e.alt||"View image"):e.alt||null}case"html":case"definition":case"footnoteDefinition":return null;case"footnoteReference":return r("sup",{class:"markdown__footnote"},e.label);default:return this.children(e)}}render(){return r(o,{key:"33a8886206a5e7f06dcf53fb9510f5944b981af6","aria-busy":this.streaming?"true":undefined},r("div",{key:"119c1dc415fe6b9539bc6137c437438ce935f408",class:"markdown ds-prose"},this.tree?this.renderNode(this.tree):r("p",{class:"markdown__paragraph"},r("span",{class:"markdown__text"},this.content))))}static get watchers(){return{content:[{scheduleParse:0}]}}static get style(){return p()}},[2,"ds-markdown",{content:[1],streaming:[4],tree:[32]},undefined,{content:[{scheduleParse:0}]}]);function g(){if(typeof customElements==="undefined"){return}const e=["ds-markdown","ds-badge","ds-button-unfilled","ds-code-block","ds-icon","ds-loader","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-markdown":if(!customElements.get(a(e))){customElements.define(a(e),k)}break;case"ds-badge":if(!customElements.get(a(e))){d()}break;case"ds-button-unfilled":if(!customElements.get(a(e))){t()}break;case"ds-code-block":if(!customElements.get(a(e))){n()}break;case"ds-icon":if(!customElements.get(a(e))){i()}break;case"ds-loader":if(!customElements.get(a(e))){c()}break;case"ds-text":if(!customElements.get(a(e))){h()}break;case"ds-tooltip":if(!customElements.get(a(e))){m()}break}}))}g();export{k as M,g as d};
+//# sourceMappingURL=p-BQspV5U7.js.map

package/dist/components/p-BWSIw8AQ.js

@@ -0,0 +1,2 @@
+import{h as n}from"./index.js";function e(n){return"type"in n&&n.type==="divider"}function t(n,e,t){if(n!==undefined)return n;const i=[];if(e){const{type:n,...t}=e;i.push({...t,type:"button",buttonType:n,appearance:"filled"})}for(const n of t){i.push("type"in n?n:{...n,type:"overflow"})}return i}function i(n){return n.type==="menu"||n.type==="split"?n.choices:undefined}function o(n){const t=new Set;const o=[];const s=n=>{if(!n.trim()){o.push("Action ids must be non-empty.");return}if(t.has(n)){o.push(`Duplicate action id: ${n}`);return}t.add(n)};for(const t of n){if(e(t))continue;s(t.id);for(const n of i(t)??[]){if(!e(n))s(n.id)}}return o}function s(n,t){if(e(n)||n.type==="overflow")return false;if(t==="mobile"){if(n.type!=="icon")return true;return(n.mobile??"auto")==="overflow"}return t==="constrained"&&(n.collapse??"auto")==="auto"}function r(n,t){const i=n.find((n=>!e(n)&&n.type!=="overflow"&&!s(n,t)));return i?[i]:[]}function c(n,e=true){return{label:n.label,value:n.id,icon:e?n.icon:undefined,isInactive:n.isInactive,isDestructive:n.isDestructive}}function u(n,t,i=true){for(const o of t){n.push(e(o)?o:c(o,i))}}function l(n){const e=[];let t=[];const i=()=>{if(t.length>0)e.push({items:t});t=[]};for(const e of n){if("type"in e&&e.type==="divider")i();else t.push(e)}i();return e}function a(n){const e=[];u(e,n);return l(e)}function f(n,t){const i=[];const[o]=r(n,t);for(const t of n){if(e(t)){i.push(t);continue}if(t.type==="overflow"){i.push(c(t,false));continue}if(t===o)continue;if(t.type==="menu"){u(i,t.choices,false);continue}if(t.type==="split"){i.push(c(t,false));u(i,t.choices,false);continue}i.push(c(t,false))}return l(i)}function d(n,t){const i=new Set;if(t)i.add("__overflow");for(const t of n){if(!e(t)&&(t.type==="menu"||t.type==="split")){i.add(t.id)}}return i}function p(n,t){for(const o of n){if(e(o))continue;if(o.id===t)return o;const n=i(o)?.find((n=>!e(n)&&n.id===t));if(n&&!e(n))return n}return undefined}function b(n){return"type"in n&&n.type==="divider"}function m(n,e,t,i){const o=t.findIndex((n=>!b(n)&&n.id===i));return`${n}-action-menu-${e}-${o}`}function v(n,e,t){if(n==="__overflow")return e??undefined;const i=t.get(n);if(!i)return undefined;const o=i.querySelector(".ds-button-split__menu");return o??i}async function y(n){if(n.menuId==="__overflow"){await(n.overflowTrigger?.setFocus?.());return}const e=n.actionTriggers.get(n.menuId);if(!e||!("setFocus"in e))return;const t=n.resolvedActionItems.some((e=>!b(e)&&e.id===n.menuId&&e.type==="split"));await(e.setFocus?.(t?"menu":undefined))}function $(n,e){return`${n}__${e}`}function _(e){if(!e.showBack)return null;return n("ds-tooltip",{label:"Go back",side:"bottom",size:"sm"},n("ds-button-unfilled",{class:$(e.classPrefix,"back"),variant:"icon",icon:"ChevronLeft","aria-label":e.backAriaLabel,size:"md",activeFill:false,hasBorder:false,background:e.background,onDsClick:n=>e.onBack(n.detail)}))}function k(e){const t=e.classPrefix;return n("div",{class:$(t,"section-selector")},n("button",{ref:n=>{e.setTriggerEl(n??null)},id:e.triggerId,class:{[$(t,"section-trigger")]:true,[`${$(t,"section-trigger")}--expanded`]:e.open,"ds-interaction-fill--surface-open":e.surfaceOpen,"ds-interaction-fill--on-chrome":e.background==="chrome","ds-control--md":true,"ds-focus-ring-inset":true,"ds-interaction-fill":true},type:"button","aria-haspopup":"menu","aria-controls":e.menuId,"aria-expanded":String(e.open),"aria-label":e.ariaLabel,onClick:e.onToggle},n("ds-text",{class:`${$(t,"section-label")} ds-interaction-fill__content`,as:"span",variant:"text-body-medium",emphasis:true,color:e.labelColor??"primary",lineTruncation:1},e.selectedLabel),n("ds-icon",{class:`${$(t,"section-chevron")} ds-interaction-fill__content`,name:"ChevronUpDown",size:"md",color:"inherit","aria-hidden":"true"})))}function w(e,t){if(b(e)||e.type==="overflow")return null;const i=e.appearance??(e.type==="split"?"filled":"unfilled");const o=e.type==="icon"?"icon":e.icon?"icon-label":"label";const s=e.type==="menu";const r=s?m(t.classPrefix,t.instanceId,t.resolvedActionItems,e.id):undefined;const c=t.classPrefix;if(e.type==="split"){const s=m(t.classPrefix,t.instanceId,t.resolvedActionItems,e.id);const r={key:e.id,ref:n=>{if(n)t.actionTriggers.set(e.id,n);else t.actionTriggers.delete(e.id)},class:`${$(c,"action")} ${$(c,"split-action")}`,split:true,variant:o,label:e.label,icon:e.icon??"",menuAriaLabel:e.menuAriaLabel,controls:s,expanded:t.openActionMenuId===e.id,surfaceOpen:t.surfaceActionMenuId===e.id,size:"md",type:e.buttonType??"button",isInactive:e.isInactive,isLoading:e.isLoading,onDsClick:()=>t.emitAction(e.id),onDsMenuClick:n=>t.toggleActionMenu(e.id,n.detail)};return i==="filled"?n("ds-button-filled",{...r,intent:e.intent??"brand",contrast:e.contrast??"bold"}):n("ds-button-unfilled",{...r,background:t.buttonBackground})}const u={key:e.id,ref:n=>{if(n)t.actionTriggers.set(e.id,n);else t.actionTriggers.delete(e.id)},class:`${$(c,"action")} ${$(c,"action")}--${e.type}${t.actionItems===undefined&&e.id===t.primaryAction?.id?` ${$(c,"primary-action")}`:""}`,variant:o,icon:e.icon??"",label:e.label,ariaLabel:e.ariaLabel??(e.type==="icon"?e.label:undefined),size:"md",type:e.buttonType??"button",isInactive:e.isInactive,isLoading:e.isLoading,controls:r,expanded:s?t.openActionMenuId===e.id:undefined,surfaceOpen:s&&t.surfaceActionMenuId===e.id,hasMenu:s,onDsClick:n=>{if(s)t.toggleActionMenu(e.id,n.detail);else t.emitAction(e.id)}};const l=i==="filled"?n("ds-button-filled",{...u,intent:e.intent??"brand",contrast:e.contrast??"bold"}):n("ds-button-unfilled",{...u,background:t.buttonBackground});return e.type==="icon"?n("ds-tooltip",{key:e.id,label:e.label,side:"bottom",size:"sm"},l):l}function g(e){if(e.visibleActions.length===0&&!e.showOverflowTrigger)return null;const t=e.classPrefix;return n("div",{class:$(t,"actions")},e.visibleActions.map((n=>w(n,e))),e.showOverflowTrigger?n("ds-tooltip",{label:"Page options",side:"bottom",size:"sm"},n("ds-button-unfilled",{ref:n=>{e.setOverflowTriggerEl(n??null)},id:e.actionMenuTriggerId,class:$(t,"more-actions"),variant:"icon",icon:"Ellipses","aria-label":e.actionsAriaLabel,size:"md",activeFill:!e.compact,hasBorder:e.visibleActions.length>0,haspopup:"menu",controls:e.actionMenuId,expanded:e.openActionMenuId==="__overflow",surfaceOpen:e.surfaceActionMenuId==="__overflow",background:e.buttonBackground,onDsClick:n=>e.toggleActionMenu("__overflow",n.detail)})):null)}function h(e){const t=e.classPrefix;return e.visibleActions.flatMap((i=>{if(b(i)||i.type!=="menu"&&i.type!=="split"){return[]}const o=i;const s=o.menuAriaLabel??o.ariaLabel??o.label;return[n("ds-menu",{key:i.id,id:m(e.classPrefix,e.instanceId,e.resolvedActionItems,i.id),class:$(t,"action-menu"),anchor:v(i.id,e.overflowTrigger,e.actionTriggers),align:"end",sideOffset:e.sideOffset,menuLabel:s,open:e.openActionMenuId===i.id,initialFocusVisible:e.actionMenuInitialFocusVisible,sections:a(o.choices),onDsClose:e.closeActionMenu,onDsAfterClose:e.finishActionMenuClose,onDsSelect:e.handleActionSelect})]}))}function D(e){if(!e.showOverflowTrigger)return null;return n("ds-menu",{id:e.actionMenuId,class:$(e.classPrefix,"action-menu"),anchorId:e.actionMenuTriggerId,align:"end",sideOffset:e.sideOffset,menuLabel:e.actionsAriaLabel,open:e.open,initialFocusVisible:e.actionMenuInitialFocusVisible,sections:e.actionMenuSections,onDsClose:e.closeActionMenu,onDsAfterClose:e.finishActionMenuClose,onDsSelect:e.handleActionSelect})}function C(n){return n.filter((n=>!b(n)))}function x(n,e){const t=C(n);return t.some((n=>n.id===e))?e:t[0]?.id??""}function z(n,e){const t=x(n,e);return C(n).find((n=>n.id===t))?.label??""}function L(n,e){return`${n}. Current section: ${e}`}function I(n,e){const t=[];let i=[];const o=()=>{if(i.length>0)t.push({items:i});i=[]};for(const t of n){if(b(t)){o()}else{i.push({label:t.label,value:t.id,isSelected:t.id===e,isInactive:t.isInactive})}}o();return t}function S(n){return n.map((n=>b(n)?{type:"divider"}:{id:n.id,label:n.label,isInactive:n.isInactive}))}function F(n){return(n??[]).map((n=>b(n)?"|":`${n.id}\0${n.label}\0${n.isInactive?"1":"0"}`)).join("\n")}export{F as a,m as b,o as c,S as d,x as e,p as f,z as g,L as h,I as i,t as j,d as k,_ as l,k as m,D as n,f as o,h as p,g as q,y as r,C as s,r as v};
+//# sourceMappingURL=p-BWSIw8AQ.js.map

package/dist/components/p-BWSIw8AQ.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isBarTitleActionDivider","item","type","resolveBarTitleActionItems","actionItems","primaryAction","actions","undefined","resolved","primary","push","buttonType","appearance","action","nestedChoices","choices","barTitleActionIdIssues","items","seen","Set","issues","visit","id","trim","has","add","choice","actionCollapses","presentation","mobile","collapse","visibleBarTitleActions","find","menuItem","includeIcon","label","value","icon","isInactive","isDestructive","appendChoices","output","includeIcons","toSections","sections","current","commit","length","barTitleChoiceSections","rows","overflowBarTitleActionSections","visibleAction","availableBarTitleActionMenuIds","visibleActions","showOverflowTrigger","ids","findBarTitleAction","candidate","isBarTitleDivider","barTitleActionMenuDomId","classPrefix","instanceId","resolvedActionItems","index","findIndex","barTitleActionMenuAnchor","overflowTrigger","actionTriggers","trigger","get","splitMenu","querySelector","async","restoreBarTitleActionFocus","options","menuId","setFocus","split","some","className","prefix","part","renderBarTitleBack","showBack","h","side","size","class","variant","backAriaLabel","activeFill","hasBorder","background","onDsClick","event","onBack","detail","renderBarTitleSectionTrigger","ref","el","setTriggerEl","triggerId","open","surfaceOpen","String","ariaLabel","onClick","onToggle","as","emphasis","color","labelColor","lineTruncation","selectedLabel","name","renderVisibleAction","menu","splitMenuId","splitProps","key","set","delete","menuAriaLabel","controls","expanded","openActionMenuId","surfaceActionMenuId","isLoading","emitAction","onDsMenuClick","toggleActionMenu","intent","contrast","buttonBackground","buttonProps","hasMenu","button","renderBarTitleActions","map","setOverflowTriggerEl","actionMenuTriggerId","actionsAriaLabel","compact","haspopup","actionMenuId","renderBarTitleActionMenus","flatMap","menuAction","menuLabel","anchor","align","sideOffset","initialFocusVisible","actionMenuInitialFocusVisible","onDsClose","closeActionMenu","onDsAfterClose","finishActionMenuClose","onDsSelect","handleActionSelect","renderBarTitleOverflowMenu","anchorId","actionMenuSections","selectableBarTitleSections","filter","effectiveBarTitleSectionValue","selectable","section","selectedBarTitleSectionLabel","selectedId","barTitleSectionTriggerAriaLabel","sectionsAriaLabel","barTitleSectionMenuSections","groups","isSelected","barTitleSectionsToTabs","barTitleSectionsDigest","join"],"sources":["src/wc/components/BarTitle/bar-title-actions.ts","src/wc/components/BarTitle/bar-title-types.ts","src/wc/components/BarTitle/bar-title-action-chrome.tsx","src/wc/components/BarTitle/bar-title-sections.ts"],"sourcesContent":["import type { MenuItemData, MenuSection } from '../Menu/menu-types';\nimport type {\n  BarTitleAction,\n  BarTitleActionConfigItem,\n  BarTitleActionItem,\n  BarTitleDivider,\n  BarTitleMenuChoiceItem,\n  BarTitlePrimaryAction,\n  BarTitleVariant,\n} from './bar-title-types';\n\nexport type BarTitleActionPresentation = BarTitleVariant | 'mobile';\n\nexport function isBarTitleActionDivider(\n  item: BarTitleActionConfigItem | BarTitleMenuChoiceItem\n): item is BarTitleDivider {\n  return 'type' in item && item.type === 'divider';\n}\n\nexport function resolveBarTitleActionItems(\n  actionItems: BarTitleActionConfigItem[] | undefined,\n  primaryAction: BarTitlePrimaryAction | null,\n  actions: BarTitleActionItem[]\n): BarTitleActionConfigItem[] {\n  if (actionItems !== undefined) return actionItems;\n\n  const resolved: BarTitleActionConfigItem[] = [];\n  if (primaryAction) {\n    const { type, ...primary } = primaryAction;\n    resolved.push({\n      ...primary,\n      type: 'button',\n      buttonType: type,\n      appearance: 'filled',\n    });\n  }\n  for (const action of actions) {\n    resolved.push(\n      'type' in action\n        ? action\n        : {\n            ...action,\n            type: 'overflow',\n          }\n    );\n  }\n  return resolved;\n}\n\nfunction nestedChoices(item: BarTitleActionConfigItem): BarTitleMenuChoiceItem[] | undefined {\n  return item.type === 'menu' || item.type === 'split' ? item.choices : undefined;\n}\n\nexport function barTitleActionIdIssues(items: BarTitleActionConfigItem[]): string[] {\n  const seen = new Set<string>();\n  const issues: string[] = [];\n  const visit = (id: string) => {\n    if (!id.trim()) {\n      issues.push('Action ids must be non-empty.');\n      return;\n    }\n    if (seen.has(id)) {\n      issues.push(`Duplicate action id: ${id}`);\n      return;\n    }\n    seen.add(id);\n  };\n\n  for (const item of items) {\n    if (isBarTitleActionDivider(item)) continue;\n    visit(item.id);\n    for (const choice of nestedChoices(item) ?? []) {\n      if (!isBarTitleActionDivider(choice)) visit(choice.id);\n    }\n  }\n  return issues;\n}\n\nfunction actionCollapses(\n  item: BarTitleActionConfigItem,\n  presentation: BarTitleActionPresentation\n): boolean {\n  if (isBarTitleActionDivider(item) || item.type === 'overflow') return false;\n  if (presentation === 'mobile') {\n    if (item.type !== 'icon') return true;\n    return (item.mobile ?? 'auto') === 'overflow';\n  }\n  return presentation === 'constrained' && (item.collapse ?? 'auto') === 'auto';\n}\n\nexport function visibleBarTitleActions(\n  items: BarTitleActionConfigItem[],\n  presentation: BarTitleActionPresentation\n): BarTitleActionConfigItem[] {\n  const primary = items.find(\n    item =>\n      !isBarTitleActionDivider(item) &&\n      item.type !== 'overflow' &&\n      !actionCollapses(item, presentation)\n  );\n  return primary ? [primary] : [];\n}\n\nfunction menuItem(action: BarTitleAction, includeIcon: boolean = true): MenuItemData {\n  return {\n    label: action.label,\n    value: action.id,\n    icon: includeIcon ? action.icon : undefined,\n    isInactive: action.isInactive,\n    isDestructive: action.isDestructive,\n  };\n}\n\nfunction appendChoices(\n  output: Array<MenuItemData | BarTitleDivider>,\n  choices: BarTitleMenuChoiceItem[],\n  includeIcons: boolean = true\n) {\n  for (const choice of choices) {\n    output.push(isBarTitleActionDivider(choice) ? choice : menuItem(choice, includeIcons));\n  }\n}\n\nfunction toSections(items: Array<MenuItemData | BarTitleDivider>): MenuSection[] {\n  const sections: MenuSection[] = [];\n  let current: MenuItemData[] = [];\n  const commit = () => {\n    if (current.length > 0) sections.push({ items: current });\n    current = [];\n  };\n\n  for (const item of items) {\n    if ('type' in item && item.type === 'divider') commit();\n    else current.push(item as MenuItemData);\n  }\n  commit();\n  return sections;\n}\n\nexport function barTitleChoiceSections(choices: BarTitleMenuChoiceItem[]): MenuSection[] {\n  const rows: Array<MenuItemData | BarTitleDivider> = [];\n  appendChoices(rows, choices);\n  return toSections(rows);\n}\n\nexport function overflowBarTitleActionSections(\n  items: BarTitleActionConfigItem[],\n  presentation: BarTitleActionPresentation\n): MenuSection[] {\n  const rows: Array<MenuItemData | BarTitleDivider> = [];\n  const [visibleAction] = visibleBarTitleActions(items, presentation);\n\n  for (const item of items) {\n    if (isBarTitleActionDivider(item)) {\n      rows.push(item);\n      continue;\n    }\n    if (item.type === 'overflow') {\n      rows.push(menuItem(item, false));\n      continue;\n    }\n    if (item === visibleAction) continue;\n\n    if (item.type === 'menu') {\n      appendChoices(rows, item.choices, false);\n      continue;\n    }\n    if (item.type === 'split') {\n      rows.push(menuItem(item, false));\n      appendChoices(rows, item.choices, false);\n      continue;\n    }\n    rows.push(menuItem(item, false));\n  }\n\n  return toSections(rows);\n}\n\nexport function availableBarTitleActionMenuIds(\n  visibleActions: BarTitleActionConfigItem[],\n  showOverflowTrigger: boolean\n): Set<string> {\n  const ids = new Set<string>();\n  if (showOverflowTrigger) ids.add('__overflow');\n  for (const item of visibleActions) {\n    if (!isBarTitleActionDivider(item) && (item.type === 'menu' || item.type === 'split')) {\n      ids.add(item.id);\n    }\n  }\n  return ids;\n}\n\nexport function findBarTitleAction(\n  items: BarTitleActionConfigItem[],\n  id: string\n): BarTitleAction | undefined {\n  for (const item of items) {\n    if (isBarTitleActionDivider(item)) continue;\n    if (item.id === id) return item;\n    const choice = nestedChoices(item)?.find(\n      candidate => !isBarTitleActionDivider(candidate) && candidate.id === id\n    );\n    if (choice && !isBarTitleActionDivider(choice)) return choice;\n  }\n  return undefined;\n}\n","import type { ButtonFilledContrast, ButtonFilledIntent } from '../ButtonFilled/ButtonFilled';\n\nexport interface BarTitleSection {\n  id: string;\n  label: string;\n  isInactive?: boolean;\n}\n\nexport interface BarTitleDivider {\n  type: 'divider';\n}\n\nexport type BarTitleSectionItem = BarTitleSection | BarTitleDivider;\n\nexport interface BarTitleAction {\n  id: string;\n  label: string;\n  ariaLabel?: string;\n  icon?: string;\n  isInactive?: boolean;\n  isDestructive?: boolean;\n}\n\nexport interface BarTitlePrimaryAction extends BarTitleAction {\n  intent?: ButtonFilledIntent;\n  contrast?: ButtonFilledContrast;\n  isLoading?: boolean;\n  type?: 'button' | 'submit' | 'reset';\n  collapse?: BarTitlePrimaryActionCollapse;\n}\n\nexport type BarTitleActionItem = BarTitleAction | BarTitleDivider;\n\nexport type BarTitleActionAppearance = 'filled' | 'unfilled';\nexport type BarTitleActionCollapse = 'auto' | 'never';\nexport type BarTitleActionMobile = 'auto' | 'visible' | 'overflow';\n\ninterface BarTitleVisibleActionBase extends BarTitleAction {\n  appearance?: BarTitleActionAppearance;\n  intent?: ButtonFilledIntent;\n  contrast?: ButtonFilledContrast;\n  isLoading?: boolean;\n  buttonType?: 'button' | 'submit' | 'reset';\n  /** Auto moves the action into overflow only in constrained presentation. */\n  collapse?: BarTitleActionCollapse;\n  /**\n   * Mobile defaults icon actions to visible and all labeled actions to overflow.\n   * `visible` is supported only by icon actions.\n   */\n  mobile?: BarTitleActionMobile;\n}\n\n/** Visible labeled command in the authored action order. */\nexport interface BarTitleButtonAction extends BarTitleVisibleActionBase {\n  type: 'button';\n}\n\n/** Visible icon-only command. ariaLabel is required because label is not rendered. */\nexport interface BarTitleIconAction extends BarTitleVisibleActionBase {\n  type: 'icon';\n  icon: string;\n  ariaLabel: string;\n}\n\nexport type BarTitleMenuChoice = BarTitleAction;\nexport type BarTitleMenuChoiceItem = BarTitleMenuChoice | BarTitleDivider;\n\n/** Visible labeled menu button. Selecting a choice emits that choice's flat id. */\nexport interface BarTitleMenuAction extends BarTitleVisibleActionBase {\n  type: 'menu';\n  choices: BarTitleMenuChoiceItem[];\n  menuAriaLabel?: string;\n}\n\n/** Command with a dedicated menu segment; defaults filled when appearance is omitted. */\nexport interface BarTitleSplitAction extends BarTitleVisibleActionBase {\n  type: 'split';\n  choices: BarTitleMenuChoiceItem[];\n  menuAriaLabel: string;\n}\n\n/** Command that is always presented in the shared overflow menu. */\nexport interface BarTitleOverflowAction extends BarTitleAction {\n  type: 'overflow';\n}\n\n/**\n * Ordered page-header action model. IDs must be non-empty and unique across\n * top-level actions and every nested menu choice. At most the first eligible\n * action renders beside the title; remaining actions use the text-only overflow.\n */\nexport type BarTitleActionConfigItem =\n  | BarTitleButtonAction\n  | BarTitleIconAction\n  | BarTitleMenuAction\n  | BarTitleSplitAction\n  | BarTitleOverflowAction\n  | BarTitleDivider;\n\nexport type BarTitleVariant = 'expanded' | 'compact' | 'constrained';\nexport type BarTitlePlacement = 'page' | 'shell-bar';\n\nexport type BarTitlePrimaryActionCollapse = 'auto' | 'never';\n\nexport function isBarTitleDivider(\n  item: BarTitleSectionItem | BarTitleActionItem\n): item is BarTitleDivider {\n  return 'type' in item && item.type === 'divider';\n}\n","import { h } from '@stencil/core';\nimport type { MenuItemData, MenuSection } from '../Menu/menu-types';\nimport { isBarTitleDivider } from './bar-title-types';\nimport type {\n  BarTitleActionConfigItem,\n  BarTitleMenuAction,\n  BarTitlePrimaryAction,\n  BarTitleSplitAction,\n} from './bar-title-types';\nimport { barTitleChoiceSections } from './bar-title-actions';\n\nexport type FocusableBarTitleButton = HTMLElement & {\n  setFocus?: (segment?: 'primary' | 'menu') => Promise<void>;\n};\n\nexport function barTitleActionMenuDomId(\n  classPrefix: string,\n  instanceId: number,\n  resolvedActionItems: BarTitleActionConfigItem[],\n  id: string\n): string {\n  const index = resolvedActionItems.findIndex(item => !isBarTitleDivider(item) && item.id === id);\n  return `${classPrefix}-action-menu-${instanceId}-${index}`;\n}\n\nexport function barTitleActionMenuAnchor(\n  id: string,\n  overflowTrigger: FocusableBarTitleButton | null,\n  actionTriggers: Map<string, FocusableBarTitleButton>\n): HTMLElement | undefined {\n  if (id === '__overflow') return overflowTrigger ?? undefined;\n  const trigger = actionTriggers.get(id);\n  if (!trigger) return undefined;\n  const splitMenu = trigger.querySelector<HTMLElement>('.ds-button-split__menu');\n  return splitMenu ?? trigger;\n}\n\nexport async function restoreBarTitleActionFocus(options: {\n  menuId: string;\n  overflowTrigger: FocusableBarTitleButton | null;\n  actionTriggers: Map<string, FocusableBarTitleButton>;\n  resolvedActionItems: BarTitleActionConfigItem[];\n}): Promise<void> {\n  if (options.menuId === '__overflow') {\n    await options.overflowTrigger?.setFocus?.();\n    return;\n  }\n  const trigger = options.actionTriggers.get(options.menuId);\n  if (!trigger || !('setFocus' in trigger)) return;\n  const split = options.resolvedActionItems.some(\n    item => !isBarTitleDivider(item) && item.id === options.menuId && item.type === 'split'\n  );\n  await trigger.setFocus?.(split ? 'menu' : undefined);\n}\n\nfunction className(prefix: string, part: string): string {\n  return `${prefix}__${part}`;\n}\n\nexport function renderBarTitleBack(options: {\n  classPrefix: string;\n  showBack: boolean;\n  backAriaLabel: string;\n  background?: 'chrome';\n  onBack: (event: MouseEvent) => void;\n}) {\n  if (!options.showBack) return null;\n  return (\n    <ds-tooltip label=\"Go back\" side=\"bottom\" size=\"sm\">\n      <ds-button-unfilled\n        class={className(options.classPrefix, 'back')}\n        variant=\"icon\"\n        icon=\"ChevronLeft\"\n        aria-label={options.backAriaLabel}\n        size=\"md\"\n        activeFill={false}\n        hasBorder={false}\n        background={options.background}\n        onDsClick={(event: CustomEvent<MouseEvent>) => options.onBack(event.detail)}\n      />\n    </ds-tooltip>\n  );\n}\n\nexport function renderBarTitleSectionTrigger(options: {\n  classPrefix: string;\n  triggerId: string;\n  menuId: string;\n  open: boolean;\n  surfaceOpen: boolean;\n  ariaLabel: string;\n  selectedLabel: string;\n  background?: 'chrome';\n  labelColor?: 'primary' | 'inherit';\n  setTriggerEl: (el: HTMLButtonElement | null) => void;\n  onToggle: (event: MouseEvent) => void;\n}) {\n  const prefix = options.classPrefix;\n  return (\n    <div class={className(prefix, 'section-selector')}>\n      <button\n        ref={el => {\n          options.setTriggerEl((el as HTMLButtonElement | null) ?? null);\n        }}\n        id={options.triggerId}\n        class={{\n          [className(prefix, 'section-trigger')]: true,\n          [`${className(prefix, 'section-trigger')}--expanded`]: options.open,\n          'ds-interaction-fill--surface-open': options.surfaceOpen,\n          'ds-interaction-fill--on-chrome': options.background === 'chrome',\n          'ds-control--md': true,\n          'ds-focus-ring-inset': true,\n          'ds-interaction-fill': true,\n        }}\n        type=\"button\"\n        aria-haspopup=\"menu\"\n        aria-controls={options.menuId}\n        aria-expanded={String(options.open)}\n        aria-label={options.ariaLabel}\n        onClick={options.onToggle}\n      >\n        <ds-text\n          class={`${className(prefix, 'section-label')} ds-interaction-fill__content`}\n          as=\"span\"\n          variant=\"text-body-medium\"\n          emphasis\n          color={options.labelColor ?? 'primary'}\n          lineTruncation={1}\n        >\n          {options.selectedLabel}\n        </ds-text>\n        <ds-icon\n          class={`${className(prefix, 'section-chevron')} ds-interaction-fill__content`}\n          name=\"ChevronUpDown\"\n          size=\"md\"\n          color=\"inherit\"\n          aria-hidden=\"true\"\n        />\n      </button>\n    </div>\n  );\n}\n\nfunction renderVisibleAction(\n  action: BarTitleActionConfigItem,\n  options: {\n    classPrefix: string;\n    compact: boolean;\n    actionItems: BarTitleActionConfigItem[] | undefined;\n    primaryAction: BarTitlePrimaryAction | null;\n    resolvedActionItems: BarTitleActionConfigItem[];\n    instanceId: number;\n    openActionMenuId: string;\n    surfaceActionMenuId: string;\n    actionTriggers: Map<string, FocusableBarTitleButton>;\n    buttonBackground?: 'chrome';\n    toggleActionMenu: (id: string, event: MouseEvent) => void;\n    emitAction: (id: string) => void;\n  }\n) {\n  if (isBarTitleDivider(action) || action.type === 'overflow') return null;\n  const appearance = action.appearance ?? (action.type === 'split' ? 'filled' : 'unfilled');\n  const variant: 'icon' | 'icon-label' | 'label' =\n    action.type === 'icon' ? 'icon' : action.icon ? 'icon-label' : 'label';\n  const menu = action.type === 'menu';\n  const menuId = menu\n    ? barTitleActionMenuDomId(\n        options.classPrefix,\n        options.instanceId,\n        options.resolvedActionItems,\n        action.id\n      )\n    : undefined;\n  const prefix = options.classPrefix;\n\n  if (action.type === 'split') {\n    const splitMenuId = barTitleActionMenuDomId(\n      options.classPrefix,\n      options.instanceId,\n      options.resolvedActionItems,\n      action.id\n    );\n    const splitProps = {\n      key: action.id,\n      ref: (el: FocusableBarTitleButton | undefined) => {\n        if (el) options.actionTriggers.set(action.id, el);\n        else options.actionTriggers.delete(action.id);\n      },\n      class: `${className(prefix, 'action')} ${className(prefix, 'split-action')}`,\n      split: true,\n      variant,\n      label: action.label,\n      icon: action.icon ?? '',\n      menuAriaLabel: action.menuAriaLabel,\n      controls: splitMenuId,\n      expanded: options.openActionMenuId === action.id,\n      surfaceOpen: options.surfaceActionMenuId === action.id,\n      size: 'md' as const,\n      type: action.buttonType ?? 'button',\n      isInactive: action.isInactive,\n      isLoading: action.isLoading,\n      onDsClick: () => options.emitAction(action.id),\n      onDsMenuClick: (event: CustomEvent<MouseEvent>) =>\n        options.toggleActionMenu(action.id, event.detail),\n    };\n    return appearance === 'filled' ? (\n      <ds-button-filled\n        {...splitProps}\n        intent={action.intent ?? 'brand'}\n        contrast={action.contrast ?? 'bold'}\n      />\n    ) : (\n      <ds-button-unfilled {...splitProps} background={options.buttonBackground} />\n    );\n  }\n\n  const buttonProps = {\n    key: action.id,\n    ref: (el: FocusableBarTitleButton | undefined) => {\n      if (el) options.actionTriggers.set(action.id, el);\n      else options.actionTriggers.delete(action.id);\n    },\n    class: `${className(prefix, 'action')} ${className(prefix, 'action')}--${action.type}${\n      options.actionItems === undefined && action.id === options.primaryAction?.id\n        ? ` ${className(prefix, 'primary-action')}`\n        : ''\n    }`,\n    variant,\n    icon: action.icon ?? '',\n    label: action.label,\n    ariaLabel: action.ariaLabel ?? (action.type === 'icon' ? action.label : undefined),\n    size: 'md' as const,\n    type: action.buttonType ?? 'button',\n    isInactive: action.isInactive,\n    isLoading: action.isLoading,\n    controls: menuId,\n    expanded: menu ? options.openActionMenuId === action.id : undefined,\n    surfaceOpen: menu && options.surfaceActionMenuId === action.id,\n    hasMenu: menu,\n    onDsClick: (event: CustomEvent<MouseEvent>) => {\n      if (menu) options.toggleActionMenu(action.id, event.detail);\n      else options.emitAction(action.id);\n    },\n  };\n\n  const button =\n    appearance === 'filled' ? (\n      <ds-button-filled\n        {...buttonProps}\n        intent={action.intent ?? 'brand'}\n        contrast={action.contrast ?? 'bold'}\n      />\n    ) : (\n      <ds-button-unfilled {...buttonProps} background={options.buttonBackground} />\n    );\n\n  return action.type === 'icon' ? (\n    <ds-tooltip key={action.id} label={action.label} side=\"bottom\" size=\"sm\">\n      {button}\n    </ds-tooltip>\n  ) : (\n    button\n  );\n}\n\nexport function renderBarTitleActions(options: {\n  classPrefix: string;\n  compact: boolean;\n  visibleActions: BarTitleActionConfigItem[];\n  showOverflowTrigger: boolean;\n  actionItems: BarTitleActionConfigItem[] | undefined;\n  primaryAction: BarTitlePrimaryAction | null;\n  resolvedActionItems: BarTitleActionConfigItem[];\n  instanceId: number;\n  openActionMenuId: string;\n  surfaceActionMenuId: string;\n  actionsAriaLabel: string;\n  actionMenuTriggerId: string;\n  actionMenuId: string;\n  actionTriggers: Map<string, FocusableBarTitleButton>;\n  buttonBackground?: 'chrome';\n  setOverflowTriggerEl: (el: FocusableBarTitleButton | null) => void;\n  toggleActionMenu: (id: string, event: MouseEvent) => void;\n  emitAction: (id: string) => void;\n}) {\n  if (options.visibleActions.length === 0 && !options.showOverflowTrigger) return null;\n  const prefix = options.classPrefix;\n\n  return (\n    <div class={className(prefix, 'actions')}>\n      {options.visibleActions.map(action => renderVisibleAction(action, options))}\n      {options.showOverflowTrigger ? (\n        <ds-tooltip label=\"Page options\" side=\"bottom\" size=\"sm\">\n          <ds-button-unfilled\n            ref={el => {\n              options.setOverflowTriggerEl((el as FocusableBarTitleButton | null) ?? null);\n            }}\n            id={options.actionMenuTriggerId}\n            class={className(prefix, 'more-actions')}\n            variant=\"icon\"\n            icon=\"Ellipses\"\n            aria-label={options.actionsAriaLabel}\n            size=\"md\"\n            activeFill={!options.compact}\n            hasBorder={options.visibleActions.length > 0}\n            haspopup=\"menu\"\n            controls={options.actionMenuId}\n            expanded={options.openActionMenuId === '__overflow'}\n            surfaceOpen={options.surfaceActionMenuId === '__overflow'}\n            background={options.buttonBackground}\n            onDsClick={(event: CustomEvent<MouseEvent>) =>\n              options.toggleActionMenu('__overflow', event.detail)\n            }\n          />\n        </ds-tooltip>\n      ) : null}\n    </div>\n  );\n}\n\nexport function renderBarTitleActionMenus(options: {\n  classPrefix: string;\n  visibleActions: BarTitleActionConfigItem[];\n  instanceId: number;\n  resolvedActionItems: BarTitleActionConfigItem[];\n  sideOffset?: number | string;\n  openActionMenuId: string;\n  actionMenuInitialFocusVisible: boolean;\n  overflowTrigger: FocusableBarTitleButton | null;\n  actionTriggers: Map<string, FocusableBarTitleButton>;\n  closeActionMenu: () => void;\n  finishActionMenuClose: (event: CustomEvent<void>) => void;\n  handleActionSelect: (event: CustomEvent<MenuItemData>) => void;\n}) {\n  const prefix = options.classPrefix;\n  return options.visibleActions.flatMap(action => {\n    if (isBarTitleDivider(action) || (action.type !== 'menu' && action.type !== 'split')) {\n      return [];\n    }\n    const menuAction = action as BarTitleMenuAction | BarTitleSplitAction;\n    const menuLabel = menuAction.menuAriaLabel ?? menuAction.ariaLabel ?? menuAction.label;\n    return [\n      <ds-menu\n        key={action.id}\n        id={barTitleActionMenuDomId(\n          options.classPrefix,\n          options.instanceId,\n          options.resolvedActionItems,\n          action.id\n        )}\n        class={className(prefix, 'action-menu')}\n        anchor={barTitleActionMenuAnchor(\n          action.id,\n          options.overflowTrigger,\n          options.actionTriggers\n        )}\n        align=\"end\"\n        sideOffset={options.sideOffset}\n        menuLabel={menuLabel}\n        open={options.openActionMenuId === action.id}\n        initialFocusVisible={options.actionMenuInitialFocusVisible}\n        sections={barTitleChoiceSections(menuAction.choices)}\n        onDsClose={options.closeActionMenu}\n        onDsAfterClose={options.finishActionMenuClose}\n        onDsSelect={options.handleActionSelect}\n      />,\n    ];\n  });\n}\n\nexport function renderBarTitleOverflowMenu(options: {\n  classPrefix: string;\n  showOverflowTrigger: boolean;\n  actionMenuId: string;\n  actionMenuTriggerId: string;\n  sideOffset?: number | string;\n  actionsAriaLabel: string;\n  open: boolean;\n  actionMenuInitialFocusVisible: boolean;\n  actionMenuSections: MenuSection[];\n  closeActionMenu: () => void;\n  finishActionMenuClose: (event: CustomEvent<void>) => void;\n  handleActionSelect: (event: CustomEvent<MenuItemData>) => void;\n}) {\n  if (!options.showOverflowTrigger) return null;\n  return (\n    <ds-menu\n      id={options.actionMenuId}\n      class={className(options.classPrefix, 'action-menu')}\n      anchorId={options.actionMenuTriggerId}\n      align=\"end\"\n      sideOffset={options.sideOffset}\n      menuLabel={options.actionsAriaLabel}\n      open={options.open}\n      initialFocusVisible={options.actionMenuInitialFocusVisible}\n      sections={options.actionMenuSections}\n      onDsClose={options.closeActionMenu}\n      onDsAfterClose={options.finishActionMenuClose}\n      onDsSelect={options.handleActionSelect}\n    />\n  );\n}\n","import type { MenuItemData, MenuSection } from '../Menu/menu-types';\nimport type { TabItem } from '../TabGroup/tab-item-utils';\nimport {\n  isBarTitleDivider,\n  type BarTitleSection,\n  type BarTitleSectionItem,\n} from './bar-title-types';\n\nexport function selectableBarTitleSections(sections: BarTitleSectionItem[]): BarTitleSection[] {\n  return sections.filter((item): item is BarTitleSection => !isBarTitleDivider(item));\n}\n\nexport function effectiveBarTitleSectionValue(\n  sections: BarTitleSectionItem[],\n  value: string\n): string {\n  const selectable = selectableBarTitleSections(sections);\n  return selectable.some(section => section.id === value) ? value : (selectable[0]?.id ?? '');\n}\n\nexport function selectedBarTitleSectionLabel(\n  sections: BarTitleSectionItem[],\n  value: string\n): string {\n  const selectedId = effectiveBarTitleSectionValue(sections, value);\n  return (\n    selectableBarTitleSections(sections).find(section => section.id === selectedId)?.label ?? ''\n  );\n}\n\nexport function barTitleSectionTriggerAriaLabel(\n  sectionsAriaLabel: string,\n  selectedLabel: string\n): string {\n  return `${sectionsAriaLabel}. Current section: ${selectedLabel}`;\n}\n\nexport function barTitleSectionMenuSections(\n  sections: BarTitleSectionItem[],\n  selectedId: string\n): MenuSection[] {\n  const groups: MenuSection[] = [];\n  let items: MenuItemData[] = [];\n  const commit = () => {\n    if (items.length > 0) groups.push({ items });\n    items = [];\n  };\n\n  for (const item of sections) {\n    if (isBarTitleDivider(item)) {\n      commit();\n    } else {\n      items.push({\n        label: item.label,\n        value: item.id,\n        isSelected: item.id === selectedId,\n        isInactive: item.isInactive,\n      });\n    }\n  }\n  commit();\n  return groups;\n}\n\nexport function barTitleSectionsToTabs(sections: BarTitleSectionItem[]): TabItem[] {\n  return sections.map(item =>\n    isBarTitleDivider(item)\n      ? { type: 'divider' }\n      : {\n          id: item.id,\n          label: item.label,\n          isInactive: item.isInactive,\n        }\n  );\n}\n\nexport function barTitleSectionsDigest(sections: BarTitleSectionItem[] | undefined): string {\n  return (sections ?? [])\n    .map(item =>\n      isBarTitleDivider(item) ? '|' : `${item.id}\\0${item.label}\\0${item.isInactive ? '1' : '0'}`\n    )\n    .join('\\n');\n}\n"],"mappings":"+BAaM,SAAUA,EACdC,GAEA,MAAO,SAAUA,GAAQA,EAAKC,OAAS,SACzC,C,SAEgBC,EACdC,EACAC,EACAC,GAEA,GAAIF,IAAgBG,UAAW,OAAOH,EAEtC,MAAMI,EAAuC,GAC7C,GAAIH,EAAe,CACjB,MAAMH,KAAEA,KAASO,GAAYJ,EAC7BG,EAASE,KAAK,IACTD,EACHP,KAAM,SACNS,WAAYT,EACZU,WAAY,U,CAGhB,IAAK,MAAMC,KAAUP,EAAS,CAC5BE,EAASE,KACP,SAAUG,EACNA,EACA,IACKA,EACHX,KAAM,Y,CAIhB,OAAOM,CACT,CAEA,SAASM,EAAcb,GACrB,OAAOA,EAAKC,OAAS,QAAUD,EAAKC,OAAS,QAAUD,EAAKc,QAAUR,SACxE,CAEM,SAAUS,EAAuBC,GACrC,MAAMC,EAAO,IAAIC,IACjB,MAAMC,EAAmB,GACzB,MAAMC,EAASC,IACb,IAAKA,EAAGC,OAAQ,CACdH,EAAOV,KAAK,iCACZ,M,CAEF,GAAIQ,EAAKM,IAAIF,GAAK,CAChBF,EAAOV,KAAK,wBAAwBY,KACpC,M,CAEFJ,EAAKO,IAAIH,EAAG,EAGd,IAAK,MAAMrB,KAAQgB,EAAO,CACxB,GAAIjB,EAAwBC,GAAO,SACnCoB,EAAMpB,EAAKqB,IACX,IAAK,MAAMI,KAAUZ,EAAcb,IAAS,GAAI,CAC9C,IAAKD,EAAwB0B,GAASL,EAAMK,EAAOJ,G,EAGvD,OAAOF,CACT,CAEA,SAASO,EACP1B,EACA2B,GAEA,GAAI5B,EAAwBC,IAASA,EAAKC,OAAS,WAAY,OAAO,MACtE,GAAI0B,IAAiB,SAAU,CAC7B,GAAI3B,EAAKC,OAAS,OAAQ,OAAO,KACjC,OAAQD,EAAK4B,QAAU,UAAY,U,CAErC,OAAOD,IAAiB,gBAAkB3B,EAAK6B,UAAY,UAAY,MACzE,CAEM,SAAUC,EACdd,EACAW,GAEA,MAAMnB,EAAUQ,EAAMe,MACpB/B,IACGD,EAAwBC,IACzBA,EAAKC,OAAS,aACbyB,EAAgB1B,EAAM2B,KAE3B,OAAOnB,EAAU,CAACA,GAAW,EAC/B,CAEA,SAASwB,EAASpB,EAAwBqB,EAAuB,MAC/D,MAAO,CACLC,MAAOtB,EAAOsB,MACdC,MAAOvB,EAAOS,GACde,KAAMH,EAAcrB,EAAOwB,KAAO9B,UAClC+B,WAAYzB,EAAOyB,WACnBC,cAAe1B,EAAO0B,cAE1B,CAEA,SAASC,EACPC,EACA1B,EACA2B,EAAwB,MAExB,IAAK,MAAMhB,KAAUX,EAAS,CAC5B0B,EAAO/B,KAAKV,EAAwB0B,GAAUA,EAASO,EAASP,EAAQgB,G,CAE5E,CAEA,SAASC,EAAW1B,GAClB,MAAM2B,EAA0B,GAChC,IAAIC,EAA0B,GAC9B,MAAMC,EAAS,KACb,GAAID,EAAQE,OAAS,EAAGH,EAASlC,KAAK,CAAEO,MAAO4B,IAC/CA,EAAU,EAAE,EAGd,IAAK,MAAM5C,KAAQgB,EAAO,CACxB,GAAI,SAAUhB,GAAQA,EAAKC,OAAS,UAAW4C,SAC1CD,EAAQnC,KAAKT,E,CAEpB6C,IACA,OAAOF,CACT,CAEM,SAAUI,EAAuBjC,GACrC,MAAMkC,EAA8C,GACpDT,EAAcS,EAAMlC,GACpB,OAAO4B,EAAWM,EACpB,CAEM,SAAUC,EACdjC,EACAW,GAEA,MAAMqB,EAA8C,GACpD,MAAOE,GAAiBpB,EAAuBd,EAAOW,GAEtD,IAAK,MAAM3B,KAAQgB,EAAO,CACxB,GAAIjB,EAAwBC,GAAO,CACjCgD,EAAKvC,KAAKT,GACV,Q,CAEF,GAAIA,EAAKC,OAAS,WAAY,CAC5B+C,EAAKvC,KAAKuB,EAAShC,EAAM,QACzB,Q,CAEF,GAAIA,IAASkD,EAAe,SAE5B,GAAIlD,EAAKC,OAAS,OAAQ,CACxBsC,EAAcS,EAAMhD,EAAKc,QAAS,OAClC,Q,CAEF,GAAId,EAAKC,OAAS,QAAS,CACzB+C,EAAKvC,KAAKuB,EAAShC,EAAM,QACzBuC,EAAcS,EAAMhD,EAAKc,QAAS,OAClC,Q,CAEFkC,EAAKvC,KAAKuB,EAAShC,EAAM,O,CAG3B,OAAO0C,EAAWM,EACpB,CAEM,SAAUG,EACdC,EACAC,GAEA,MAAMC,EAAM,IAAIpC,IAChB,GAAImC,EAAqBC,EAAI9B,IAAI,cACjC,IAAK,MAAMxB,KAAQoD,EAAgB,CACjC,IAAKrD,EAAwBC,KAAUA,EAAKC,OAAS,QAAUD,EAAKC,OAAS,SAAU,CACrFqD,EAAI9B,IAAIxB,EAAKqB,G,EAGjB,OAAOiC,CACT,CAEM,SAAUC,EACdvC,EACAK,GAEA,IAAK,MAAMrB,KAAQgB,EAAO,CACxB,GAAIjB,EAAwBC,GAAO,SACnC,GAAIA,EAAKqB,KAAOA,EAAI,OAAOrB,EAC3B,MAAMyB,EAASZ,EAAcb,IAAO+B,MAClCyB,IAAczD,EAAwByD,IAAcA,EAAUnC,KAAOA,IAEvE,GAAII,IAAW1B,EAAwB0B,GAAS,OAAOA,C,CAEzD,OAAOnB,SACT,CCrGM,SAAUmD,EACdzD,GAEA,MAAO,SAAUA,GAAQA,EAAKC,OAAS,SACzC,CC7FM,SAAUyD,EACdC,EACAC,EACAC,EACAxC,GAEA,MAAMyC,EAAQD,EAAoBE,WAAU/D,IAASyD,EAAkBzD,IAASA,EAAKqB,KAAOA,IAC5F,MAAO,GAAGsC,iBAA2BC,KAAcE,GACrD,C,SAEgBE,EACd3C,EACA4C,EACAC,GAEA,GAAI7C,IAAO,aAAc,OAAO4C,GAAmB3D,UACnD,MAAM6D,EAAUD,EAAeE,IAAI/C,GACnC,IAAK8C,EAAS,OAAO7D,UACrB,MAAM+D,EAAYF,EAAQG,cAA2B,0BACrD,OAAOD,GAAaF,CACtB,CAEOI,eAAeC,EAA2BC,GAM/C,GAAIA,EAAQC,SAAW,aAAc,OAC7BD,EAAQR,iBAAiBU,cAC/B,M,CAEF,MAAMR,EAAUM,EAAQP,eAAeE,IAAIK,EAAQC,QACnD,IAAKP,KAAa,aAAcA,GAAU,OAC1C,MAAMS,EAAQH,EAAQZ,oBAAoBgB,MACxC7E,IAASyD,EAAkBzD,IAASA,EAAKqB,KAAOoD,EAAQC,QAAU1E,EAAKC,OAAS,gBAE5EkE,EAAQQ,WAAWC,EAAQ,OAAStE,WAC5C,CAEA,SAASwE,EAAUC,EAAgBC,GACjC,MAAO,GAAGD,MAAWC,GACvB,CAEM,SAAUC,EAAmBR,GAOjC,IAAKA,EAAQS,SAAU,OAAO,KAC9B,OACEC,EAAA,cAAYjD,MAAM,UAAUkD,KAAK,SAASC,KAAK,MAC7CF,EAAA,sBACEG,MAAOR,EAAUL,EAAQd,YAAa,QACtC4B,QAAQ,OACRnD,KAAK,cAAa,aACNqC,EAAQe,cACpBH,KAAK,KACLI,WAAY,MACZC,UAAW,MACXC,WAAYlB,EAAQkB,WACpBC,UAAYC,GAAmCpB,EAAQqB,OAAOD,EAAME,UAI5E,CAEM,SAAUC,EAA6BvB,GAa3C,MAAMM,EAASN,EAAQd,YACvB,OACEwB,EAAA,OAAKG,MAAOR,EAAUC,EAAQ,qBAC5BI,EAAA,UACEc,IAAKC,IACHzB,EAAQ0B,aAAcD,GAAmC,KAAK,EAEhE7E,GAAIoD,EAAQ2B,UACZd,MAAO,CACL,CAACR,EAAUC,EAAQ,oBAAqB,KACxC,CAAC,GAAGD,EAAUC,EAAQ,gCAAiCN,EAAQ4B,KAC/D,oCAAqC5B,EAAQ6B,YAC7C,iCAAkC7B,EAAQkB,aAAe,SACzD,iBAAkB,KAClB,sBAAuB,KACvB,sBAAuB,MAEzB1F,KAAK,SAAQ,gBACC,OAAM,gBACLwE,EAAQC,OAAM,gBACd6B,OAAO9B,EAAQ4B,MAAK,aACvB5B,EAAQ+B,UACpBC,QAAShC,EAAQiC,UAEjBvB,EAAA,WACEG,MAAO,GAAGR,EAAUC,EAAQ,gDAC5B4B,GAAG,OACHpB,QAAQ,mBACRqB,SAAQ,KACRC,MAAOpC,EAAQqC,YAAc,UAC7BC,eAAgB,GAEftC,EAAQuC,eAEX7B,EAAA,WACEG,MAAO,GAAGR,EAAUC,EAAQ,kDAC5BkC,KAAK,gBACL5B,KAAK,KACLwB,MAAM,UAAS,cACH,UAKtB,CAEA,SAASK,EACPtG,EACA6D,GAeA,GAAIhB,EAAkB7C,IAAWA,EAAOX,OAAS,WAAY,OAAO,KACpE,MAAMU,EAAaC,EAAOD,aAAeC,EAAOX,OAAS,QAAU,SAAW,YAC9E,MAAMsF,EACJ3E,EAAOX,OAAS,OAAS,OAASW,EAAOwB,KAAO,aAAe,QACjE,MAAM+E,EAAOvG,EAAOX,OAAS,OAC7B,MAAMyE,EAASyC,EACXzD,EACEe,EAAQd,YACRc,EAAQb,WACRa,EAAQZ,oBACRjD,EAAOS,IAETf,UACJ,MAAMyE,EAASN,EAAQd,YAEvB,GAAI/C,EAAOX,OAAS,QAAS,CAC3B,MAAMmH,EAAc1D,EAClBe,EAAQd,YACRc,EAAQb,WACRa,EAAQZ,oBACRjD,EAAOS,IAET,MAAMgG,EAAa,CACjBC,IAAK1G,EAAOS,GACZ4E,IAAMC,IACJ,GAAIA,EAAIzB,EAAQP,eAAeqD,IAAI3G,EAAOS,GAAI6E,QACzCzB,EAAQP,eAAesD,OAAO5G,EAAOS,GAAG,EAE/CiE,MAAO,GAAGR,EAAUC,EAAQ,aAAaD,EAAUC,EAAQ,kBAC3DH,MAAO,KACPW,UACArD,MAAOtB,EAAOsB,MACdE,KAAMxB,EAAOwB,MAAQ,GACrBqF,cAAe7G,EAAO6G,cACtBC,SAAUN,EACVO,SAAUlD,EAAQmD,mBAAqBhH,EAAOS,GAC9CiF,YAAa7B,EAAQoD,sBAAwBjH,EAAOS,GACpDgE,KAAM,KACNpF,KAAMW,EAAOF,YAAc,SAC3B2B,WAAYzB,EAAOyB,WACnByF,UAAWlH,EAAOkH,UAClBlC,UAAW,IAAMnB,EAAQsD,WAAWnH,EAAOS,IAC3C2G,cAAgBnC,GACdpB,EAAQwD,iBAAiBrH,EAAOS,GAAIwE,EAAME,SAE9C,OAAOpF,IAAe,SACpBwE,EAAA,uBACMkC,EACJa,OAAQtH,EAAOsH,QAAU,QACzBC,SAAUvH,EAAOuH,UAAY,SAG/BhD,EAAA,yBAAwBkC,EAAY1B,WAAYlB,EAAQ2D,kB,CAI5D,MAAMC,EAAc,CAClBf,IAAK1G,EAAOS,GACZ4E,IAAMC,IACJ,GAAIA,EAAIzB,EAAQP,eAAeqD,IAAI3G,EAAOS,GAAI6E,QACzCzB,EAAQP,eAAesD,OAAO5G,EAAOS,GAAG,EAE/CiE,MAAO,GAAGR,EAAUC,EAAQ,aAAaD,EAAUC,EAAQ,cAAcnE,EAAOX,OAC9EwE,EAAQtE,cAAgBG,WAAaM,EAAOS,KAAOoD,EAAQrE,eAAeiB,GACtE,IAAIyD,EAAUC,EAAQ,oBACtB,KAENQ,UACAnD,KAAMxB,EAAOwB,MAAQ,GACrBF,MAAOtB,EAAOsB,MACdsE,UAAW5F,EAAO4F,YAAc5F,EAAOX,OAAS,OAASW,EAAOsB,MAAQ5B,WACxE+E,KAAM,KACNpF,KAAMW,EAAOF,YAAc,SAC3B2B,WAAYzB,EAAOyB,WACnByF,UAAWlH,EAAOkH,UAClBJ,SAAUhD,EACViD,SAAUR,EAAO1C,EAAQmD,mBAAqBhH,EAAOS,GAAKf,UAC1DgG,YAAaa,GAAQ1C,EAAQoD,sBAAwBjH,EAAOS,GAC5DiH,QAASnB,EACTvB,UAAYC,IACV,GAAIsB,EAAM1C,EAAQwD,iBAAiBrH,EAAOS,GAAIwE,EAAME,aAC/CtB,EAAQsD,WAAWnH,EAAOS,GAAG,GAItC,MAAMkH,EACJ5H,IAAe,SACbwE,EAAA,uBACMkD,EACJH,OAAQtH,EAAOsH,QAAU,QACzBC,SAAUvH,EAAOuH,UAAY,SAG/BhD,EAAA,yBAAwBkD,EAAa1C,WAAYlB,EAAQ2D,mBAG7D,OAAOxH,EAAOX,OAAS,OACrBkF,EAAA,cAAYmC,IAAK1G,EAAOS,GAAIa,MAAOtB,EAAOsB,MAAOkD,KAAK,SAASC,KAAK,MACjEkD,GACU,CAIjB,CAEM,SAAUC,EAAsB/D,GAoBpC,GAAIA,EAAQrB,eAAeN,SAAW,IAAM2B,EAAQpB,oBAAqB,OAAO,KAChF,MAAM0B,EAASN,EAAQd,YAEvB,OACEwB,EAAA,OAAKG,MAAOR,EAAUC,EAAQ,YAC3BN,EAAQrB,eAAeqF,KAAI7H,GAAUsG,EAAoBtG,EAAQ6D,KACjEA,EAAQpB,oBACP8B,EAAA,cAAYjD,MAAM,eAAekD,KAAK,SAASC,KAAK,MAClDF,EAAA,sBACEc,IAAKC,IACHzB,EAAQiE,qBAAsBxC,GAAyC,KAAK,EAE9E7E,GAAIoD,EAAQkE,oBACZrD,MAAOR,EAAUC,EAAQ,gBACzBQ,QAAQ,OACRnD,KAAK,WAAU,aACHqC,EAAQmE,iBACpBvD,KAAK,KACLI,YAAahB,EAAQoE,QACrBnD,UAAWjB,EAAQrB,eAAeN,OAAS,EAC3CgG,SAAS,OACTpB,SAAUjD,EAAQsE,aAClBpB,SAAUlD,EAAQmD,mBAAqB,aACvCtB,YAAa7B,EAAQoD,sBAAwB,aAC7ClC,WAAYlB,EAAQ2D,iBACpBxC,UAAYC,GACVpB,EAAQwD,iBAAiB,aAAcpC,EAAME,WAIjD,KAGV,CAEM,SAAUiD,EAA0BvE,GAcxC,MAAMM,EAASN,EAAQd,YACvB,OAAOc,EAAQrB,eAAe6F,SAAQrI,IACpC,GAAI6C,EAAkB7C,IAAYA,EAAOX,OAAS,QAAUW,EAAOX,OAAS,QAAU,CACpF,MAAO,E,CAET,MAAMiJ,EAAatI,EACnB,MAAMuI,EAAYD,EAAWzB,eAAiByB,EAAW1C,WAAa0C,EAAWhH,MACjF,MAAO,CACLiD,EAAA,WACEmC,IAAK1G,EAAOS,GACZA,GAAIqC,EACFe,EAAQd,YACRc,EAAQb,WACRa,EAAQZ,oBACRjD,EAAOS,IAETiE,MAAOR,EAAUC,EAAQ,eACzBqE,OAAQpF,EACNpD,EAAOS,GACPoD,EAAQR,gBACRQ,EAAQP,gBAEVmF,MAAM,MACNC,WAAY7E,EAAQ6E,WACpBH,UAAWA,EACX9C,KAAM5B,EAAQmD,mBAAqBhH,EAAOS,GAC1CkI,oBAAqB9E,EAAQ+E,8BAC7B7G,SAAUI,EAAuBmG,EAAWpI,SAC5C2I,UAAWhF,EAAQiF,gBACnBC,eAAgBlF,EAAQmF,sBACxBC,WAAYpF,EAAQqF,qBAEvB,GAEL,CAEM,SAAUC,EAA2BtF,GAczC,IAAKA,EAAQpB,oBAAqB,OAAO,KACzC,OACE8B,EAAA,WACE9D,GAAIoD,EAAQsE,aACZzD,MAAOR,EAAUL,EAAQd,YAAa,eACtCqG,SAAUvF,EAAQkE,oBAClBU,MAAM,MACNC,WAAY7E,EAAQ6E,WACpBH,UAAW1E,EAAQmE,iBACnBvC,KAAM5B,EAAQ4B,KACdkD,oBAAqB9E,EAAQ+E,8BAC7B7G,SAAU8B,EAAQwF,mBAClBR,UAAWhF,EAAQiF,gBACnBC,eAAgBlF,EAAQmF,sBACxBC,WAAYpF,EAAQqF,oBAG1B,CCzYM,SAAUI,EAA2BvH,GACzC,OAAOA,EAASwH,QAAQnK,IAAmCyD,EAAkBzD,IAC/E,CAEM,SAAUoK,EACdzH,EACAR,GAEA,MAAMkI,EAAaH,EAA2BvH,GAC9C,OAAO0H,EAAWxF,MAAKyF,GAAWA,EAAQjJ,KAAOc,IAASA,EAASkI,EAAW,IAAIhJ,IAAM,EAC1F,CAEM,SAAUkJ,EACd5H,EACAR,GAEA,MAAMqI,EAAaJ,EAA8BzH,EAAUR,GAC3D,OACE+H,EAA2BvH,GAAUZ,MAAKuI,GAAWA,EAAQjJ,KAAOmJ,KAAatI,OAAS,EAE9F,CAEM,SAAUuI,EACdC,EACA1D,GAEA,MAAO,GAAG0D,uBAAuC1D,GACnD,CAEM,SAAU2D,EACdhI,EACA6H,GAEA,MAAMI,EAAwB,GAC9B,IAAI5J,EAAwB,GAC5B,MAAM6B,EAAS,KACb,GAAI7B,EAAM8B,OAAS,EAAG8H,EAAOnK,KAAK,CAAEO,UACpCA,EAAQ,EAAE,EAGZ,IAAK,MAAMhB,KAAQ2C,EAAU,CAC3B,GAAIc,EAAkBzD,GAAO,CAC3B6C,G,KACK,CACL7B,EAAMP,KAAK,CACTyB,MAAOlC,EAAKkC,MACZC,MAAOnC,EAAKqB,GACZwJ,WAAY7K,EAAKqB,KAAOmJ,EACxBnI,WAAYrC,EAAKqC,Y,EAIvBQ,IACA,OAAO+H,CACT,CAEM,SAAUE,EAAuBnI,GACrC,OAAOA,EAAS8F,KAAIzI,GAClByD,EAAkBzD,GACd,CAAEC,KAAM,WACR,CACEoB,GAAIrB,EAAKqB,GACTa,MAAOlC,EAAKkC,MACZG,WAAYrC,EAAKqC,aAG3B,CAEM,SAAU0I,EAAuBpI,GACrC,OAAQA,GAAY,IACjB8F,KAAIzI,GACHyD,EAAkBzD,GAAQ,IAAM,GAAGA,EAAKqB,OAAOrB,EAAKkC,UAAUlC,EAAKqC,WAAa,IAAM,QAEvF2I,KAAK,KACV,Q","ignoreList":[]}

package/dist/components/p-BhjqYTiY.js

@@ -0,0 +1,2 @@
+import{p as e,H as n,c as a,h as i,a as s,t}from"./index.js";import{r as o,p as r,a as d,d as l,s as c,f as v,b as p}from"./p-CqW2eyiF.js";import{c as h}from"./p-CeXf9-X3.js";import{r as f}from"./p-rCeztgVn.js";import{d as u}from"./p-CwdRaJER.js";import{d as m}from"./p-D6FRqNhN.js";import{d as g}from"./p-DjkUFlDW.js";import{d as b}from"./p-0XTyQNRG.js";import{d as _}from"./p-Dnt5xUBD.js";import{d as x}from"./p-B9y6azEw.js";import{d as y}from"./p-Cgn-BORA.js";import{d as w}from"./p-B9TM6FqC.js";import{d as k}from"./p-D8OWhnID.js";import{d as C}from"./p-DIQiHX0q.js";function z(e){const n=Array.isArray(e.edges)?e.edges:[e.edges];const a={"scroll-edge-fade":true,"scroll-edge-fade--scroll-aware":e.scrollAware===true,"scroll-edge-fade--hidden":e.hidden===true};for(const e of n){a[`scroll-edge-fade--${e}`]=true}const{atEnd:i}=e;if(i===true){a["scroll-edge-fade--at-end"]=true}else if(i&&typeof i==="object"){for(const e of n){if(i[e]){a[`scroll-edge-fade--${e}-at-edge`]=true}}}return a}const I={side:"right",align:"end",anchorAlignment:"choice-cell",sideOffset:"calc(var(--dimension-space-100) + var(--dimension-space-050))",alignOffset:0};const A={side:"right",align:"start",anchorAlignment:"choice-cell",sideOffset:"calc(var(--dimension-space-100) + var(--dimension-space-050))",alignOffset:0};const D="data-nav-style";function E(e){if(e==="dashboard"||e==="settings")return e;return undefined}function S(e,n,a){const i=E(n);if(i)return i;const s=typeof document!=="undefined"?document.documentElement.getAttribute(D):null;const t=E(s);if(t)return t;return e}function N(e,n){return e!==n}const F="ds-panel-nav-user-menu-anchor";const R=()=>`@property --ds-scroll-edge-fade-top{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-bottom{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-left{syntax:'<length-percentage>';inherits:false;initial-value:0px}@property --ds-scroll-edge-fade-right{syntax:'<length-percentage>';inherits:false;initial-value:0px}@keyframes ds-scroll-edge-fade-reveal-top{from{--ds-scroll-edge-fade-top:0px}to{--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top)}}@keyframes ds-scroll-edge-fade-reveal-bottom{from{--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom)}to{--ds-scroll-edge-fade-bottom:0px}}@keyframes ds-scroll-edge-fade-reveal-left{from{--ds-scroll-edge-fade-left:0px}to{--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left)}}@keyframes ds-scroll-edge-fade-reveal-right{from{--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right)}to{--ds-scroll-edge-fade-right:0px}}.scroll-edge-fade.sc-ds-panel-nav{--ds-scroll-edge-fade-size:var(--dimension-size-600);--ds-scroll-edge-fade-reveal-distance:var(--dimension-size-800);--ds-scroll-edge-fade-target-top:0px;--ds-scroll-edge-fade-target-bottom:0px;--ds-scroll-edge-fade-target-left:0px;--ds-scroll-edge-fade-target-right:0px;--ds-scroll-edge-fade-top:var(--ds-scroll-edge-fade-target-top);--ds-scroll-edge-fade-bottom:var(--ds-scroll-edge-fade-target-bottom);--ds-scroll-edge-fade-left:var(--ds-scroll-edge-fade-target-left);--ds-scroll-edge-fade-right:var(--ds-scroll-edge-fade-target-right);--ds-scroll-edge-fade-block-mask:linear-gradient(     to bottom,     transparent 0,     #000 var(--ds-scroll-edge-fade-top),     #000 calc(100% - var(--ds-scroll-edge-fade-bottom)),     transparent 100%   );--ds-scroll-edge-fade-inline-mask:linear-gradient(     to right,     transparent 0,     #000 var(--ds-scroll-edge-fade-left),     #000 calc(100% - var(--ds-scroll-edge-fade-right)),     transparent 100%   );-webkit-mask-image:var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);mask-image:var(--ds-scroll-edge-fade-block-mask), var(--ds-scroll-edge-fade-inline-mask);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.scroll-edge-fade--top.sc-ds-panel-nav{--ds-scroll-edge-fade-target-top:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--bottom.sc-ds-panel-nav{--ds-scroll-edge-fade-target-bottom:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--left.sc-ds-panel-nav{--ds-scroll-edge-fade-target-left:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--right.sc-ds-panel-nav{--ds-scroll-edge-fade-target-right:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--top-at-edge.sc-ds-panel-nav{--ds-scroll-edge-fade-target-top:0px}.scroll-edge-fade--bottom-at-edge.sc-ds-panel-nav{--ds-scroll-edge-fade-target-bottom:0px}.scroll-edge-fade--left-at-edge.sc-ds-panel-nav{--ds-scroll-edge-fade-target-left:0px}.scroll-edge-fade--right-at-edge.sc-ds-panel-nav{--ds-scroll-edge-fade-target-right:0px}@supports (animation-timeline: scroll()){.scroll-edge-fade--scroll-aware.sc-ds-panel-nav{animation-name:ds-scroll-edge-fade-reveal-top, ds-scroll-edge-fade-reveal-bottom,       ds-scroll-edge-fade-reveal-left, ds-scroll-edge-fade-reveal-right;animation-duration:1ms;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-timeline:scroll(self y), scroll(self y), scroll(self x), scroll(self x);animation-range:0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%,       0 var(--ds-scroll-edge-fade-reveal-distance),       calc(100% - var(--ds-scroll-edge-fade-reveal-distance)) 100%}@media (prefers-reduced-motion: reduce){.scroll-edge-fade--scroll-aware.sc-ds-panel-nav{animation:none}}}.scroll-edge-fade--at-end.sc-ds-panel-nav,.scroll-edge-fade--hidden.sc-ds-panel-nav{-webkit-mask-image:none;mask-image:none}.scroll-edge-fade--block-window.sc-ds-panel-nav{--ds-scroll-edge-fade-window-start:100%;--ds-scroll-edge-fade-window-end:100%;-webkit-mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );mask-image:linear-gradient(     to bottom,     #000 0,     #000 var(--ds-scroll-edge-fade-window-start),     transparent var(--ds-scroll-edge-fade-window-end)   );-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}`;const j=()=>`.sc-ds-panel-nav-h,.sc-ds-panel-nav:where(.ds-table),.sc-ds-panel-nav:where(.tooltip-popup),.sc-ds-panel-nav:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-panel-nav,.ds-control--lg.sc-ds-panel-nav-h,.ds-control--md.sc-ds-panel-nav-h,.ds-control--md.sc-ds-panel-nav,.ds-control--sm.sc-ds-panel-nav-h,.ds-control--sm.sc-ds-panel-nav,.ds-control--xs.sc-ds-panel-nav-h,.ds-control--xs.sc-ds-panel-nav{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-panel-nav-h,.ds-control--lg.sc-ds-panel-nav{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-panel-nav-h,.ds-control--md.sc-ds-panel-nav{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-panel-nav-h,.ds-control--sm.sc-ds-panel-nav{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-panel-nav-h,.ds-control--xs.sc-ds-panel-nav{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-space--sm.sc-ds-panel-nav-h,.ds-chrome-space--sm.sc-ds-panel-nav{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-panel-nav-h,.ds-chrome-space--md.sc-ds-panel-nav{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-panel-nav-h,.ds-chrome-space--lg.sc-ds-panel-nav{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-panel-nav-h,.ds-chrome-row.sc-ds-panel-nav,.ds-chrome-column.sc-ds-panel-nav-h,.ds-chrome-column.sc-ds-panel-nav,.ds-chrome-grid.sc-ds-panel-nav-h,.ds-chrome-grid.sc-ds-panel-nav{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-panel-nav-h,.ds-chrome-row.sc-ds-panel-nav{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-panel-nav-h,.ds-chrome-column.sc-ds-panel-nav{flex-direction:column}.ds-chrome-grid.sc-ds-panel-nav-h,.ds-chrome-grid.sc-ds-panel-nav{display:grid;align-items:center}@media (forced-colors: active){.sc-ds-panel-nav:root,.sc-ds-panel-nav-h,.ds-forced-colors-scope.sc-ds-panel-nav{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-panel-nav-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-panel-nav-h,.ds-focus-ring.sc-ds-panel-nav,.ds-focus-ring-inset.sc-ds-panel-nav-h,.ds-focus-ring-inset.sc-ds-panel-nav{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-panel-nav-h:focus-visible,.ds-focus-ring.sc-ds-panel-nav:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-panel-nav-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-panel-nav{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-panel-nav-h:focus-visible,.ds-focus-ring-inset.sc-ds-panel-nav:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-panel-nav-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-panel-nav:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-panel-nav-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-panel-nav{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-panel-nav-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-panel-nav::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-panel-nav-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-panel-nav:root,.sc-ds-panel-nav-h,.ds-forced-colors-scope.sc-ds-panel-nav{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-panel-nav-h,.ds-interaction-fill.sc-ds-panel-nav{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-panel-nav-h::before,.ds-interaction-fill.sc-ds-panel-nav::before,.ds-interaction-fill.sc-ds-panel-nav-h::after,.ds-interaction-fill.sc-ds-panel-nav::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-panel-nav-h::before,.ds-interaction-fill.sc-ds-panel-nav::before{z-index:1}.ds-interaction-fill.sc-ds-panel-nav-h::after,.ds-interaction-fill.sc-ds-panel-nav::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-panel-nav-h,.ds-interaction-fill--bordered.sc-ds-panel-nav{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-panel-nav-h::before,.ds-interaction-fill--selected.sc-ds-panel-nav::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-panel-nav-h,.ds-interaction-fill--selected.sc-ds-panel-nav{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-panel-nav-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-panel-nav:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-panel-nav-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-panel-nav:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-panel-nav-h::after,.ds-interaction-fill--grouped.sc-ds-panel-nav::after,.ds-interaction-fill--grouped.sc-ds-panel-nav-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-panel-nav:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-panel-nav-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-panel-nav:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-panel-nav-h,.ds-interaction-fill--grouped.sc-ds-panel-nav{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-panel-nav-h>.ds-interaction-fill__content.sc-ds-panel-nav,.ds-interaction-fill.sc-ds-panel-nav>.ds-interaction-fill__content.sc-ds-panel-nav,.ds-interaction-fill__content.sc-ds-panel-nav{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-panel-nav-h,.ds-interaction-fill--on-faint.sc-ds-panel-nav{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-panel-nav-h,.ds-interaction-fill--on-medium.sc-ds-panel-nav{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-panel-nav-h,.ds-interaction-fill--on-bold.sc-ds-panel-nav{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-panel-nav-h,.ds-interaction-fill--on-strong.sc-ds-panel-nav{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-panel-nav-h,.ds-interaction-fill--on-translucent.sc-ds-panel-nav{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-panel-nav-h,.ds-interaction-fill--on-inverted.sc-ds-panel-nav{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-panel-nav-h,.ds-interaction-fill--on-media.sc-ds-panel-nav{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-panel-nav-h,.ds-interaction-fill--on-always-dark.sc-ds-panel-nav{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-panel-nav-h,.ds-interaction-fill--on-chrome.sc-ds-panel-nav{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-panel-nav-h,.ds-interaction-fill--on-navigation.sc-ds-panel-nav{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-panel-nav-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-panel-nav:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-panel-nav-h::after,.ds-interaction-fill.sc-ds-panel-nav::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-panel-nav-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-panel-nav:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-panel-nav-h::before,.ds-interaction-fill--selected.sc-ds-panel-nav::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-panel-nav-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-panel-nav:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}.ds-scrollbar-hidden.sc-ds-panel-nav-h,.ds-scrollbar-hidden.sc-ds-panel-nav{scrollbar-width:none}.ds-scrollbar-hidden.sc-ds-panel-nav-h::-webkit-scrollbar,.ds-scrollbar-hidden.sc-ds-panel-nav::-webkit-scrollbar{display:none}.ds-nav-disclosure.sc-ds-panel-nav,.ds-nav-disclosure-divider.sc-ds-panel-nav{--ds-nav-disclosure-duration:calc(     var(--effect-animation-duration-short-3) * 2 + var(--effect-animation-duration-short-2)   );--ds-nav-disclosure-wait:calc(     var(--effect-animation-duration-short-3) + var(--effect-animation-duration-short-1)   );--ds-nav-disclosure-fade:var(--ds-nav-disclosure-duration);--ds-nav-disclosure-stagger:var(--effect-animation-duration-short-1)}.ds-nav-disclosure.sc-ds-panel-nav{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ds-nav-disclosure-duration)     var(--effect-animation-easing-ease-in-out) var(--ds-nav-disclosure-wait)}.ds-nav-disclosure--open.sc-ds-panel-nav{grid-template-rows:1fr;transition-delay:var(--effect-animation-duration-instant)}.ds-nav-disclosure.sc-ds-panel-nav .ds-nav-disclosure__item.sc-ds-panel-nav{opacity:0;pointer-events:none;transition:opacity var(--ds-nav-disclosure-fade) var(--effect-animation-easing-ease-out)       calc(var(--ds-nav-disclosure-reverse-index) * var(--ds-nav-disclosure-stagger)),     color var(--effect-motion-short-1)}.ds-nav-disclosure--open.sc-ds-panel-nav .ds-nav-disclosure__item.sc-ds-panel-nav{opacity:1;pointer-events:auto;transition-delay:calc(       var(--ds-nav-disclosure-wait) + var(--ds-nav-disclosure-index) *         var(--ds-nav-disclosure-stagger)     ),     var(--effect-animation-duration-instant)}.ds-nav-disclosure-divider.sc-ds-panel-nav{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--ds-nav-disclosure-duration) var(--effect-animation-easing-ease-in-out)       var(--ds-nav-disclosure-wait),     opacity var(--ds-nav-disclosure-duration) var(--effect-animation-easing-ease-out)}.ds-nav-disclosure-divider--open.sc-ds-panel-nav{grid-template-rows:1fr;opacity:1;transition-delay:var(--effect-animation-duration-instant), var(--effect-animation-duration-instant)}.ds-nav-disclosure-divider__clip.sc-ds-panel-nav{min-height:0;overflow:hidden}@media (prefers-reduced-motion: reduce){.ds-nav-disclosure.sc-ds-panel-nav,.ds-nav-disclosure-divider.sc-ds-panel-nav,.ds-nav-disclosure.sc-ds-panel-nav .ds-nav-disclosure__item.sc-ds-panel-nav{transition-duration:var(--effect-animation-duration-instant) !important;transition-delay:var(--effect-animation-duration-instant) !important}}.panel-nav.sc-ds-panel-nav{--_nav-width:var(--dimension-panel-width-2xs);--_nav-width-collapsed:var(--dimension-size-600);--_nav-item-height:var(--dimension-size-400, 32px);--_nav-padding-x:var(--dimension-space-100, 8px);--_nav-padding-y:var(--dimension-space-100, 8px);--_nav-footer-btn-w:calc(     var(--dimension-space-075, 6px) * 2 + var(--dimension-iconography-md, 20px)   );--_nav-speed:var(--ds-panel-nav-speed, 1);--_nav-expand-dur:calc(var(--_nav-speed) * var(--effect-animation-duration-medium-1, 300ms));--_nav-expand-motion:var(--_nav-expand-dur) var(--effect-animation-easing-ease-in-out, ease);--_nav-label-fade-dur:calc(var(--_nav-speed) * var(--effect-animation-duration-medium-1, 300ms));--_nav-label-fade-motion:var(--_nav-label-fade-dur)     var(--effect-animation-easing-ease-in-out, ease);--_nav-label-fade-out-dur:calc(     var(--_nav-speed) * var(--effect-animation-duration-medium-1, 300ms)   );--_nav-label-fade-out-motion:var(--_nav-label-fade-out-dur)     var(--effect-animation-easing-ease-in-out, ease);--_nav-bg:var(--color-chrome-background-theme);--_nav-border:var(--color-chrome-border-tertiary);--_nav-divider:var(--color-chrome-divider);--_nav-fg-primary:var(--color-chrome-foreground-primary);--_nav-fg-secondary:var(--color-chrome-foreground-secondary);--_nav-fg-tertiary:var(--color-chrome-foreground-tertiary);--_nav-hover:var(--color-chrome-interaction-hover);--_nav-pressed:var(--color-chrome-interaction-pressed);--_nav-focus:var(--color-chrome-interaction-focus);--_nav-dot:var(--color-chrome-foreground-theme);--ds-interaction-hover:var(--_nav-hover);--ds-interaction-pressed:var(--_nav-pressed);--ds-focus-ring-color:var(--_nav-focus)}ds-shell-app.sc-ds-panel-nav-h .panel-nav.sc-ds-panel-nav,ds-shell-app .sc-ds-panel-nav-h .panel-nav.sc-ds-panel-nav{background-color:transparent}.panel-nav--dashboard.sc-ds-panel-nav,.panel-nav--settings.sc-ds-panel-nav{--_nav-bg:var(--color-chrome-background-theme);--_nav-border:var(--color-chrome-border-tertiary);--_nav-divider:var(--color-chrome-divider);--_nav-fg-primary:var(--color-chrome-foreground-primary);--_nav-fg-secondary:var(--color-chrome-foreground-secondary);--_nav-fg-tertiary:var(--color-chrome-foreground-tertiary);--_nav-hover:var(--color-chrome-interaction-hover);--_nav-pressed:var(--color-chrome-interaction-pressed);--_nav-focus:var(--color-chrome-interaction-focus);--_nav-dot:var(--color-chrome-foreground-theme);--ds-interaction-hover:var(--_nav-hover);--ds-interaction-pressed:var(--_nav-pressed);--ds-focus-ring-color:var(--_nav-focus)}.panel-nav.sc-ds-panel-nav{display:flex;flex-direction:column;position:relative;width:var(--_nav-width);min-width:var(--_nav-width);height:100%;background-color:var(--_nav-bg);border-right:var(--dimension-stroke-width-012, 1px) solid var(--_nav-border);box-sizing:border-box;overflow:visible;transition:width var(--_nav-expand-motion),     min-width var(--_nav-expand-motion),     background-color var(--effect-motion-short-3, 200ms ease),     border-color var(--effect-motion-short-3, 200ms ease);font-family:var(--typography-font-family-ui, system-ui);isolation:isolate}.panel-nav__header.sc-ds-panel-nav,.panel-nav__body.sc-ds-panel-nav,.panel-nav__footer.sc-ds-panel-nav{position:relative;z-index:3}.panel-nav--collapsed.sc-ds-panel-nav{width:var(--_nav-width-collapsed);min-width:var(--_nav-width-collapsed)}.panel-nav__header.sc-ds-panel-nav{height:var(--dimension-size-600, 48px);flex-shrink:0;border-bottom:var(--dimension-stroke-width-012, 1px) solid var(--_nav-divider);transition:border-color var(--effect-motion-short-3, 200ms ease)}.panel-nav__header-btn.sc-ds-panel-nav{all:unset;position:relative;z-index:0;display:flex;align-items:center;justify-content:center;padding:var(--dimension-space-075, 6px);border-radius:var(--ds-control-radius, var(--dimension-radius-025, 2px));cursor:default;color:var(--_nav-fg-primary);flex-shrink:0;box-sizing:border-box;transition:color var(--effect-motion-short-3, 200ms ease)}.panel-nav--breakpoint-locked.sc-ds-panel-nav .panel-nav__header-btn.sc-ds-panel-nav{cursor:default}.panel-nav__header-logo.sc-ds-panel-nav{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;opacity:1}.panel-nav__m-mark.sc-ds-panel-nav{width:var(--dimension-iconography-md, 20px);height:var(--dimension-iconography-md, 20px);display:block}.panel-nav__header-toggle.sc-ds-panel-nav{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none}@media (hover: hover) and (pointer: fine){.panel-nav.sc-ds-panel-nav:not(.panel-nav--breakpoint-locked) .panel-nav__header-btn.sc-ds-panel-nav:hover .panel-nav__header-logo.sc-ds-panel-nav{opacity:0}.panel-nav.sc-ds-panel-nav:not(.panel-nav--breakpoint-locked) .panel-nav__header-btn.sc-ds-panel-nav:hover .panel-nav__header-toggle.sc-ds-panel-nav{opacity:1}}.panel-nav__body.sc-ds-panel-nav{flex:1;overflow-y:auto;overflow-x:hidden}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__body.sc-ds-panel-nav{padding-inline-end:calc(var(--_nav-padding-x) - var(--dimension-stroke-width-012))}.panel-nav__sections.sc-ds-panel-nav{display:flex;flex-direction:column;gap:var(--dimension-space-200, 16px);width:100%}.panel-nav__group.sc-ds-panel-nav{display:flex;flex-direction:column;gap:var(--dimension-space-050, 4px)}.panel-nav__branch.sc-ds-panel-nav{display:flex;flex-direction:column}.panel-nav__branch-divider-line.sc-ds-panel-nav{display:block;height:var(--dimension-stroke-width-012);margin-inline:var(--dimension-space-075);background:var(--_nav-divider)}.panel-nav__branch-divider--before.sc-ds-panel-nav .panel-nav__branch-divider-line.sc-ds-panel-nav{margin-block:var(--dimension-space-050) var(--dimension-space-100)}.panel-nav__branch-divider--after.sc-ds-panel-nav .panel-nav__branch-divider-line.sc-ds-panel-nav{margin-block:var(--dimension-space-100) var(--dimension-space-050)}.panel-nav__children-accordion.sc-ds-panel-nav,.panel-nav__branch-divider.sc-ds-panel-nav{--ds-nav-disclosure-duration:var(     --_panel-nav-nested-section-duration,     calc(var(--effect-animation-duration-short-3) * 2 + var(--effect-animation-duration-short-2))   );--ds-nav-disclosure-wait:var(     --_panel-nav-nested-transition-wait,     calc(var(--effect-animation-duration-short-3) + var(--effect-animation-duration-short-1))   );--ds-nav-disclosure-fade:var(     --_panel-nav-nested-child-fade-duration,     var(--ds-nav-disclosure-duration)   );--ds-nav-disclosure-stagger:var(     --_panel-nav-nested-child-stagger,     var(--effect-animation-duration-short-1)   )}.panel-nav__children.sc-ds-panel-nav{display:flex;flex-direction:column;gap:var(--dimension-space-050, 4px);min-height:0;overflow:hidden}.panel-nav__children.sc-ds-panel-nav>.panel-nav__child.sc-ds-panel-nav:first-child{margin-block-start:var(--dimension-space-050, 4px)}ds-text.panel-nav__group-label.sc-ds-panel-nav{display:flex;align-items:center;box-sizing:border-box;text-transform:uppercase;color:var(--_nav-fg-secondary);user-select:none;height:var(--dimension-size-300, 24px);padding:0 calc(var(--dimension-space-075, 6px) + var(--ds-control-label-inset));white-space:nowrap;overflow:hidden;max-height:var(--dimension-size-300, 24px);opacity:1;transition:opacity var(--_nav-label-fade-motion) 0ms,     max-height var(--_nav-label-fade-motion) 0ms,     padding var(--_nav-label-fade-motion) 0ms,     color var(--effect-motion-short-3, 200ms ease)}.panel-nav__item.sc-ds-panel-nav{all:unset;position:relative;z-index:0;display:flex;align-items:center;gap:var(--dimension-space-050, 4px);padding:0 var(--dimension-space-075, 6px);height:var(--dimension-size-400, 32px);border-radius:var(--ds-control-radius, var(--dimension-radius-025, 2px));cursor:default;color:var(--_nav-fg-secondary);box-sizing:border-box;width:100%;user-select:none;transition:color var(--effect-motion-short-1, 50ms ease-in-out)}.panel-nav__item--active.sc-ds-panel-nav{color:var(--_nav-fg-primary)}.panel-nav__parent--muted.sc-ds-panel-nav{color:var(--_nav-fg-secondary)}.panel-nav__child.sc-ds-panel-nav{flex:0 0 var(--_nav-item-height);padding-inline-start:calc(     var(--dimension-space-075, 6px) + var(--dimension-iconography-md) + var(--dimension-space-050)   )}.panel-nav__children-accordion.sc-ds-panel-nav:not(.panel-nav__children-accordion--open) .panel-nav__child.sc-ds-panel-nav{color:var(--_nav-fg-secondary)}.panel-nav__child-dot.sc-ds-panel-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex:0 0 var(--dimension-iconography-md);width:var(--dimension-iconography-md);height:var(--dimension-iconography-md)}.panel-nav__child--inactive.sc-ds-panel-nav{color:var(--_nav-fg-tertiary)}.panel-nav__child--inactive.sc-ds-panel-nav::after{display:none}.panel-nav__item-icon.sc-ds-panel-nav{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--dimension-iconography-md, 20px);height:var(--dimension-iconography-md, 20px);position:relative;z-index:2}.panel-nav__item-label.sc-ds-panel-nav{position:relative;z-index:2;flex:1;min-width:0;height:var(--typography-lineheight-md, 20px);opacity:1;mask-image:linear-gradient(to right, black 50%, transparent 100%);-webkit-mask-image:linear-gradient(to right, black 50%, transparent 100%);mask-size:200% 100%;-webkit-mask-size:200% 100%;mask-position:0% 0;-webkit-mask-position:0% 0;transition:opacity var(--_nav-label-fade-motion) 0ms,     mask-position var(--_nav-label-fade-motion) 0ms,     -webkit-mask-position var(--_nav-label-fade-motion) 0ms}.panel-nav__item-label-text.sc-ds-panel-nav{padding:0 var(--ds-control-label-inset)}.panel-nav__item-dot-box.sc-ds-panel-nav{position:absolute;z-index:2;right:var(--dimension-space-075, 6px);top:var(--dimension-space-075, 6px);display:flex;align-items:center;justify-content:center;width:var(--dimension-iconography-md, 20px);height:var(--dimension-iconography-md, 20px);pointer-events:none}.panel-nav__item-dot.sc-ds-panel-nav{transition:transform var(--_nav-expand-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__item-dot.sc-ds-panel-nav{transform:translate(     calc(var(--dimension-space-075, 6px) + var(--dimension-stroke-width-012, 1px)),     calc(0px - var(--dimension-space-075, 6px) - var(--dimension-stroke-width-012, 1px))   )}.panel-nav--animating.sc-ds-panel-nav .panel-nav__item-label.sc-ds-panel-nav{text-overflow:clip}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__item-label.sc-ds-panel-nav{opacity:0;pointer-events:none;text-overflow:clip;mask-position:100% 0;-webkit-mask-position:100% 0;transition:opacity var(--_nav-label-fade-out-motion) 0ms,     mask-position var(--_nav-label-fade-out-motion) 0ms,     -webkit-mask-position var(--_nav-label-fade-out-motion) 0ms}.panel-nav--collapsed.panel-nav--animating.sc-ds-panel-nav .panel-nav__children-accordion.sc-ds-panel-nav{transition-duration:var(--_nav-expand-dur);transition-delay:var(--effect-animation-duration-instant)}.panel-nav--animating.sc-ds-panel-nav .panel-nav__branch-divider.sc-ds-panel-nav{transition-duration:var(--_nav-expand-dur), var(--_nav-expand-dur);transition-delay:var(--effect-animation-duration-instant), var(--effect-animation-duration-instant)}.panel-nav--collapsed.sc-ds-panel-nav:not(.panel-nav--animating) .panel-nav__children.sc-ds-panel-nav{display:none}.panel-nav--collapsed.sc-ds-panel-nav ds-text.panel-nav__group-label.sc-ds-panel-nav{opacity:0;max-height:0;padding:0 calc(var(--dimension-space-075, 6px) + var(--ds-control-label-inset));pointer-events:none;transition:opacity var(--_nav-label-fade-out-motion) 0ms,     max-height var(--_nav-label-fade-out-motion) 0ms,     padding var(--_nav-label-fade-out-motion) 0ms,     color var(--effect-motion-short-3, 200ms ease)}.panel-nav__footer.sc-ds-panel-nav{position:relative;flex-shrink:0;height:calc(var(--_nav-padding-y) * 2 + var(--_nav-item-height));transition:height var(--_nav-expand-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer.sc-ds-panel-nav{height:calc(     var(--_nav-padding-y) * 2 + var(--_nav-item-height) * 2 + var(--dimension-space-050, 4px)   )}.panel-nav__footer-btn.sc-ds-panel-nav{position:absolute;left:var(--_nav-padding-x);top:var(--_nav-padding-y)}.panel-nav__footer-user.sc-ds-panel-nav{position:absolute;left:calc(var(--_nav-padding-x) + var(--_nav-footer-btn-w) + var(--dimension-space-100, 8px));right:var(--_nav-padding-x);top:var(--_nav-padding-y);width:auto;min-width:0;transition:left var(--_nav-expand-motion),     right var(--_nav-expand-motion),     top var(--_nav-expand-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-user.sc-ds-panel-nav{left:var(--_nav-padding-x);right:calc(100% - var(--_nav-padding-x) - var(--_nav-item-height));top:calc(var(--_nav-padding-y) + var(--_nav-item-height) + var(--dimension-space-050, 4px))}.panel-nav__footer-user-label.sc-ds-panel-nav{text-align:right;position:absolute;left:var(--dimension-space-075, 6px);right:calc(     var(--dimension-space-075, 6px) + var(--dimension-iconography-md, 20px) +       var(--dimension-space-050, 4px)   );top:50%;transform:translateY(-50%);flex:none;height:var(--typography-lineheight-md, 20px);mask-image:none;-webkit-mask-image:none;transition:opacity var(--_nav-label-fade-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-user-label.sc-ds-panel-nav{opacity:0;pointer-events:none;mask-position:0% 0;-webkit-mask-position:0% 0}.panel-nav__footer-user-icon.sc-ds-panel-nav{position:absolute;left:calc(100% - var(--dimension-iconography-md, 20px) - var(--dimension-space-075, 6px));top:0;bottom:0;height:auto;display:flex;align-items:center;justify-content:center;transition:left var(--_nav-expand-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-user-icon.sc-ds-panel-nav{left:var(--dimension-space-075, 6px)}.panel-nav__footer-icon-expanded.sc-ds-panel-nav,.panel-nav__footer-icon-collapsed.sc-ds-panel-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.panel-nav__footer-icon-expanded.sc-ds-panel-nav{opacity:1;transition:opacity var(--_nav-label-fade-motion)}.panel-nav__footer-icon-collapsed.sc-ds-panel-nav{opacity:0;transition:opacity var(--_nav-label-fade-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-icon-expanded.sc-ds-panel-nav{opacity:0;transition:opacity var(--_nav-label-fade-out-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-icon-collapsed.sc-ds-panel-nav{opacity:1;transition:opacity var(--_nav-label-fade-out-motion)}ds-text.panel-nav__user-initial.sc-ds-panel-nav,ds-text.panel-nav__user-initial.ds-text--caption.sc-ds-panel-nav{position:absolute;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%, -50%);display:block;width:max-content;max-width:none;min-width:0;text-align:center;color:inherit;pointer-events:none}.panel-nav__resize-handle.sc-ds-panel-nav{position:absolute;top:0;right:var(--dimension-space-n050, -4px);bottom:0;width:var(--dimension-space-100, 8px);z-index:20;cursor:ew-resize;touch-action:none;background:transparent}.panel-nav__resize-handle.sc-ds-panel-nav::before{content:'';position:absolute;inset:0;background:rgba(0, 0, 0, 0.001)}.panel-nav__resize-handle.sc-ds-panel-nav::after{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:var(--dimension-stroke-width-025, 2px);background:var(--color-chrome-foreground-primary);opacity:0;pointer-events:none;transition:opacity var(--effect-motion-short-2, 100ms ease-in-out)}.panel-nav__resize-handle--overlay.sc-ds-panel-nav::after{opacity:1}@media (prefers-reduced-motion: reduce){.panel-nav.sc-ds-panel-nav,.panel-nav.sc-ds-panel-nav *.sc-ds-panel-nav,.panel-nav.sc-ds-panel-nav *.sc-ds-panel-nav::before,.panel-nav.sc-ds-panel-nav *.sc-ds-panel-nav::after,.panel-nav__resize-handle.sc-ds-panel-nav,.panel-nav__resize-handle.sc-ds-panel-nav::before,.panel-nav__resize-handle.sc-ds-panel-nav::after{transition-duration:var(--effect-animation-duration-instant) !important;animation-duration:var(--effect-animation-duration-instant) !important;transition-delay:var(--effect-animation-duration-instant) !important}}`;let T=0;const L=e(class e extends n{constructor(e){super();if(e!==false){this.__registerHost()}this.dsNavSelect=a(this,"dsNavSelect",7);this.dsNavChildSelect=a(this,"dsNavChildSelect",7);this.dsNavToggle=a(this,"dsNavToggle",7);this.dsChromeTransitionStart=a(this,"dsChromeTransitionStart",7);this.dsChromeTransitionEnd=a(this,"dsChromeTransitionEnd",7);this.dsNavFooterAction=a(this,"dsNavFooterAction",7);this.dsNavUserAction=a(this,"dsNavUserAction",7);this.instanceId=T++;this.navStyle="dashboard";this.disableViewTransition=false;this.groups="[]";this.presentation="flat";this.routerMode="anchor";this.activeId="";this.activeChildId="";this.collapsed=false;this.breakpoint=0;this.storageKey="";this.currentUrl="";this.userName="";this.userInitial="";this.dashboardLabel="Dashboard";this.settingsLabel="Settings";this.accountLabel="Account";this.accountMenuExpanded=false;this.dashboardNavigationLabel="Dashboard navigation";this.settingsNavigationLabel="Settings navigation";this.expandNavigationLabel="Expand navigation";this.collapseNavigationLabel="Collapse navigation";this.navigationItemsLabel="Navigation items";this.renderedStyle="dashboard";this.parsedGroups=[];this.isAnimating=false;this.rovingIndex=0;this.viewportNarrow=false;this.urlDerivedActiveId="";this.urlDerivedActiveChildId="";this.bodyScrollable=false;this.expandedParentId="";this.inlineChildrenExpansionReady=true;this.flyoutParentId="";this.flyoutOpen=false;this.flyoutInitialFocusVisible=false;this.transitionFallbackTimer=null;this.initialRenderComplete=false;this.inlineChildrenExpansionFrame=null;this.isDragging=false;this.dragStartX=0;this.didSnap=false;this.lastDeltaX=0;this.edgeOverlayTimer=null;this.showEdgeOverlay=false;this.closeFlyout=()=>{this.flyoutOpen=false;this.flyoutInitialFocusVisible=false};this.handleFlyoutAfterClose=()=>{if(!this.flyoutOpen)this.flyoutParentId=""};this.handleFlyoutSelect=e=>{const n=this.getAllItems().find((e=>e.id===this.flyoutParentId));const a=n?.children?.find((n=>n.id===e.detail?.value));if(!n||!a)return;this.emitChildSelect(n,a);this.followFlyoutAnchor(a);this.closeFlyout()}}get effectiveActiveId(){return this.urlDerivedActiveId||this.activeId}get effectiveActiveChildId(){return this.urlDerivedActiveChildId||this.activeChildId}get collapsedPresentation(){return this.collapsed||this.viewportNarrow}get effectiveDisableViewTransition(){return o(this.disableViewTransition,this.el.getAttribute("disable-view-transition"))}onCollapsedChange(e,n){if(n===undefined||!this.initialRenderComplete)return;this.stageInlineChildrenExpansion(n&&!e&&!this.viewportNarrow&&this.presentation==="nested");this.flyoutParentId="";this.flyoutOpen=false;this.syncExpandedParent();this.rovingIndex=this.getFirstRovingIndex();this.startCollapseAnimation()}onViewportNarrowChange(e,n){if(n===undefined||!this.initialRenderComplete)return;this.stageInlineChildrenExpansion(n&&!e&&!this.collapsed&&this.presentation==="nested");this.flyoutParentId="";this.flyoutOpen=false;if(e||this.rovingIndex>this.getVisibleRovingEntries().length){this.rovingIndex=this.getFirstRovingIndex()}this.startCollapseAnimation()}onBreakpointChange(){this.disconnectResizeObserver();if(this.effectiveBreakpoint()>0)this.connectResizeObserver()}onGroupsChange(e){this.parsedGroups=r(e);this.rovingIndex=0;this.syncActiveFromUrl();this.syncExpandedParent()}onPresentationChange(){this.stageInlineChildrenExpansion(false);this.flyoutParentId="";this.flyoutOpen=false;this.syncExpandedParent();this.rovingIndex=this.getFirstRovingIndex()}onActiveIdChange(){this.syncExpandedParent()}onCurrentUrlChange(){this.syncActiveFromUrl()}onNavStyleChange(e){this.renderedStyle=e}componentWillLoad(){this.renderedStyle=S(this.navStyle,this.el.getAttribute("nav-style"));this.viewportNarrow=this.isViewportNarrow();if(this.storageKey){try{const e=localStorage.getItem(this.storageKey);if(e!==null)this.collapsed=e==="true"}catch{}}this.onGroupsChange(this.groups);this.syncActiveFromUrl()}componentDidLoad(){this.syncHostPropsIfNeeded();this.scheduleDeferredHostPropSync();if(this.effectiveBreakpoint()>0)this.connectResizeObserver();this.connectScrollRegionObserver();this.updateBodyScrollable();this.initialRenderComplete=true}componentDidRender(){this.updateBodyScrollable();this.scheduleInlineChildrenExpansion()}disconnectedCallback(){this.disconnectResizeObserver();this.disconnectScrollRegionObserver();this.clearInlineChildrenExpansionFrame();this.clearCollapseAnimationCompletion(this.el.querySelector(".panel-nav"));this.clearEdgeOverlayTimer();if(this.globalMouseMoveHandler){window.removeEventListener("mousemove",this.globalMouseMoveHandler)}if(this.globalMouseUpHandler){window.removeEventListener("mouseup",this.globalMouseUpHandler)}}startCollapseAnimation(){if(this.isAnimating)return;this.isAnimating=true;this.dsChromeTransitionStart.emit({source:"panel-nav"});const e=this.el.querySelector(".panel-nav");this.clearCollapseAnimationCompletion(e);this.transitionCompletionHandler=n=>{if(n.target===e&&(n.propertyName==="width"||n.propertyName==="min-width")){this.finishCollapseAnimation(e)}};e?.addEventListener("transitionend",this.transitionCompletionHandler);e?.addEventListener("transitioncancel",this.transitionCompletionHandler);requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(!this.isAnimating)return;if(!e){this.finishCollapseAnimation(e);return}const n=d(getComputedStyle(e));if(n<=0){this.finishCollapseAnimation(e);return}this.transitionFallbackTimer=window.setTimeout((()=>{this.finishCollapseAnimation(e)}),n)}))}))}stageInlineChildrenExpansion(e){this.clearInlineChildrenExpansionFrame();this.inlineChildrenExpansionReady=!e}scheduleInlineChildrenExpansion(){if(this.inlineChildrenExpansionReady||this.collapsedPresentation)return;this.clearInlineChildrenExpansionFrame();this.inlineChildrenExpansionFrame=requestAnimationFrame((()=>{this.inlineChildrenExpansionFrame=null;if(this.collapsedPresentation)return;this.el.querySelector(".panel-nav__children-accordion")?.getBoundingClientRect();this.inlineChildrenExpansionReady=true}))}clearInlineChildrenExpansionFrame(){if(this.inlineChildrenExpansionFrame===null)return;cancelAnimationFrame(this.inlineChildrenExpansionFrame);this.inlineChildrenExpansionFrame=null}finishCollapseAnimation(e){const n=this.isAnimating;this.clearCollapseAnimationCompletion(e);if(!n)return;this.isAnimating=false;this.dsChromeTransitionEnd.emit({source:"panel-nav"})}clearCollapseAnimationCompletion(e){if(this.transitionCompletionHandler){e?.removeEventListener("transitionend",this.transitionCompletionHandler);e?.removeEventListener("transitioncancel",this.transitionCompletionHandler);this.transitionCompletionHandler=undefined}if(this.transitionFallbackTimer!==null){window.clearTimeout(this.transitionFallbackTimer);this.transitionFallbackTimer=null}}effectiveBreakpoint(){if(this.breakpoint>0)return this.breakpoint;const e=Number(this.el.getAttribute("breakpoint")??0);return Number.isFinite(e)&&e>0?e:0}isViewportNarrow(){const e=this.effectiveBreakpoint();return typeof window!=="undefined"&&e>0&&window.innerWidth<e}connectResizeObserver(){this.viewportNarrow=this.isViewportNarrow();this.resizeObserver=new ResizeObserver((()=>{this.viewportNarrow=this.isViewportNarrow()}));this.resizeObserver.observe(document.documentElement)}disconnectResizeObserver(){this.resizeObserver?.disconnect();this.resizeObserver=undefined}connectScrollRegionObserver(){this.disconnectScrollRegionObserver();if(!this.bodyEl||typeof ResizeObserver==="undefined")return;this.scrollRegionObserver=new ResizeObserver((()=>this.updateBodyScrollable()));this.scrollRegionObserver.observe(this.bodyEl)}disconnectScrollRegionObserver(){this.scrollRegionObserver?.disconnect();this.scrollRegionObserver=undefined}updateBodyScrollable(){const e=Boolean(this.bodyEl&&this.bodyEl.scrollHeight>this.bodyEl.clientHeight+1);if(e!==this.bodyScrollable)this.bodyScrollable=e}syncActiveFromUrl(){if(!this.currentUrl){this.urlDerivedActiveId="";this.urlDerivedActiveChildId="";return}const e=l(this.currentUrl,this.getAllItems());this.urlDerivedActiveId=e.parentId;this.urlDerivedActiveChildId=e.childId}syncExpandedParent(){const e=this.getAllItems().find((e=>e.id===this.effectiveActiveId));this.expandedParentId=this.presentation==="nested"&&e?.children?.length?e.id:""}syncHostPropsIfNeeded(){if(N(this.renderedStyle,this.navStyle)){this.renderedStyle=this.navStyle}if(c(this.parsedGroups,this.groups)){this.onGroupsChange(this.groups)}else if(this.currentUrl){this.syncActiveFromUrl()}}scheduleDeferredHostPropSync(){let n=e.HOST_PROP_SYNC_BUDGET;const a=()=>{this.syncHostPropsIfNeeded();if(--n>0){requestAnimationFrame(a)}};queueMicrotask(a)}applyToggle(e){if(this.viewportNarrow)return;this.collapsed=e;if(this.storageKey){try{localStorage.setItem(this.storageKey,String(e))}catch{}}this.dsNavToggle.emit(e)}getAllItems(){return this.parsedGroups.flatMap((e=>e.items))}getVisibleRovingEntries(){return this.getAllItems().flatMap((e=>{const n={kind:"parent",item:e};if(this.presentation!=="nested"||this.collapsedPresentation||e.id!==this.expandedParentId||!e.children?.length){return[n]}return[n,...e.children.filter((e=>!e.isInactive)).map((n=>({kind:"child",parent:e,child:n})))]}))}getFirstRovingIndex(){return this.viewportNarrow?1:0}getFooterRovingIndex(){return 1+this.getVisibleRovingEntries().length}getUserRovingIndex(){return this.getFooterRovingIndex()+1}getRovingElement(e){const n=this.getVisibleRovingEntries().length;if(e===0){return this.viewportNarrow?null:this.el.querySelector(".panel-nav__header-btn")}if(e>=1&&e<=n){const n=this.el.querySelectorAll(".panel-nav__body [data-panel-nav-roving]");return n[e-1]??null}if(e===this.getFooterRovingIndex()){return this.el.querySelector(".panel-nav__footer-btn .button-unfilled")}if(e===this.getUserRovingIndex()){return this.el.querySelector(".panel-nav__footer-user")}return null}focusRovingAt(e){this.rovingIndex=e;this.getRovingElement(e)?.focus({preventScroll:true})}activateRovingIndex(e,n=false){const a=this.getVisibleRovingEntries();const i=a.length;if(e===0){this.handleToggle();return}if(e>=1&&e<=i){const i=a[e-1];if(!i)return;if(i.kind==="child"){this.emitChildSelect(i.parent,i.child)}else if(i.item.children?.length){this.activateParent(i.item,n)}else{this.handleItemClick(i.item.id)}return}if(e===this.getFooterRovingIndex()){this.handleFooterAction();return}if(e===this.getUserRovingIndex()){const e=this.el.querySelector(`#${F}`);if(e)this.dsNavUserAction.emit({anchor:e,menuPlacement:I})}}handleRovingKeyDown(e,n){if(e.key==="Enter"||e.key===" "){e.preventDefault();this.activateRovingIndex(n,true);return}const a=this.getFooterRovingIndex();const i=this.getUserRovingIndex();const s=this.getFirstRovingIndex();let t;switch(e.key){case"ArrowDown":if(n===i)return;if(n===a)t=i;else t=n+1;break;case"ArrowUp":if(n===s)return;if(n===i)t=a;else if(n===a)t=a-1;else t=n-1;break;case"ArrowRight":if(n===a)t=i;else return;break;case"ArrowLeft":if(n===i)t=a;else return;break;case"Home":e.preventDefault();t=s;break;case"End":e.preventDefault();t=i;break;default:return}if(t===undefined||t===n)return;e.preventDefault();this.focusRovingAt(t)}handleItemClick(e){this.dsNavSelect.emit(e)}emitChildSelect(e,n){if(n.isInactive)return;this.dsNavChildSelect.emit({parentId:e.id,childId:n.id,href:n.href})}followFlyoutAnchor(e){const n=f(e.href);if(this.routerMode!=="anchor"||!n)return;const a=this.el.ownerDocument.createElement("a");a.href=n;a.hidden=true;this.el.append(a);a.click();a.remove()}activateParent(e,n=false){if(this.presentation==="nested"){this.expandedParentId=e.id;if(this.collapsedPresentation){if(this.flyoutParentId===e.id&&this.flyoutOpen){this.closeFlyout();return}this.flyoutInitialFocusVisible=n;this.flyoutParentId=e.id;this.flyoutOpen=true;return}}const a=v(e.children);if(a)this.emitChildSelect(e,a)}parentAnchorId(e){return`panel-nav-parent-${this.instanceId}-${e.replace(/[^a-zA-Z0-9_-]/g,"-")}`}childListId(e){return`panel-nav-children-${this.instanceId}-${e.replace(/[^a-zA-Z0-9_-]/g,"-")}`}handleToggle(){const e=p(this.collapsed,this.viewportNarrow);if(e!==null)this.applyToggle(e)}async toggleCollapsed(){this.handleToggle()}handleFooterAction(){this.dsNavFooterAction.emit()}handleUserAction(e){const n=e.currentTarget;this.dsNavUserAction.emit({anchor:n,menuPlacement:I})}clearEdgeOverlayTimer(){if(this.edgeOverlayTimer!==null){window.clearTimeout(this.edgeOverlayTimer);this.edgeOverlayTimer=null}}handleResizeHandleMouseEnter(){this.clearEdgeOverlayTimer();if(h()){this.showEdgeOverlay=true;return}this.edgeOverlayTimer=window.setTimeout((()=>{this.showEdgeOverlay=true;this.edgeOverlayTimer=null}),500)}handleResizeHandleMouseLeave(){if(this.isDragging)return;this.clearEdgeOverlayTimer();this.showEdgeOverlay=false}handleResizeHandleMouseDown(e){e.preventDefault();e.stopPropagation();const n=this.collapsed||this.viewportNarrow;this.isDragging=true;this.dragStartX=e.clientX;this.didSnap=false;this.lastDeltaX=0;this.clearEdgeOverlayTimer();this.showEdgeOverlay=false;document.body.style.cursor="ew-resize";document.body.style.userSelect="none";const a=e=>{const a=e.clientX-this.dragStartX;this.lastDeltaX=Math.abs(a);if(this.didSnap)return;if(!n&&a<-8){this.applyToggle(true);this.didSnap=true}else if(n&&a>8){this.applyToggle(false);this.didSnap=true}};const i=()=>{if(!this.didSnap&&this.lastDeltaX<3){this.applyToggle(!n)}this.isDragging=false;this.showEdgeOverlay=false;document.body.style.cursor="";document.body.style.userSelect="";window.removeEventListener("mousemove",a);window.removeEventListener("mouseup",i);this.globalMouseMoveHandler=undefined;this.globalMouseUpHandler=undefined};this.globalMouseMoveHandler=a;this.globalMouseUpHandler=i;window.addEventListener("mousemove",a);window.addEventListener("mouseup",i)}renderFooterAction(e){const n=e?this.settingsLabel:this.dashboardLabel;return i("ds-tooltip",{label:n,side:"right",size:"sm"},i("ds-button-unfilled",{variant:"icon",class:"panel-nav__footer-btn",icon:e?"Gear":"Dashboard",activeFill:false,hasBorder:false,background:"chrome",focusTabIndex:this.rovingIndex===this.getFooterRovingIndex()?0:-1,"aria-label":n,onDsClick:()=>this.handleFooterAction(),onKeyDown:e=>this.handleRovingKeyDown(e,this.getFooterRovingIndex()),onFocusin:()=>{this.rovingIndex=this.getFooterRovingIndex()}}))}renderFooterUser(e,n,a){const s=e?this.accountLabel:"";const t=i("button",{type:"button",id:F,class:{"panel-nav__item":true,"panel-nav__footer-user":true,"panel-nav__footer-user--menu-expanded":this.accountMenuExpanded,"ds-interaction-fill--surface-open":this.accountMenuSurfaceOpen??this.accountMenuExpanded,"ds-focus-ring-inset":true,"ds-interaction-fill":true,"ds-interaction-fill--on-chrome":true},tabIndex:this.rovingIndex===this.getUserRovingIndex()?0:-1,"aria-label":this.accountLabel,"aria-haspopup":"menu","aria-expanded":String(this.accountMenuExpanded),onClick:e=>this.handleUserAction(e),onKeyDown:e=>this.handleRovingKeyDown(e,this.getUserRovingIndex()),onFocus:()=>{this.rovingIndex=this.getUserRovingIndex()}},i("ds-text",{class:"panel-nav__item-label panel-nav__footer-user-label panel-nav__item-label-text ds-control--md",as:"span",variant:"text-body-medium",emphasis:true,color:"inherit",lineTruncation:1},n),i("span",{class:"panel-nav__item-icon panel-nav__footer-user-icon","aria-hidden":"true"},i("span",{class:"panel-nav__footer-icon-expanded"},i("ds-icon",{name:"ChevronUpDown",size:"md",color:"inherit"})),i("span",{class:"panel-nav__footer-icon-collapsed"},i("ds-icon",{name:"Circle",size:"md",color:"inherit"}),i("ds-text",{class:"panel-nav__user-initial",as:"span",variant:"text-caption",emphasis:true,align:"center",color:"inherit"},a))));return i("ds-tooltip",{label:s,side:"right",size:"sm"},t)}renderParentItem(e,n,a){const s=e.id===this.effectiveActiveId;const t=(e.children?.length??0)>0;const o=this.presentation==="nested"&&t;const r=o?a?this.flyoutParentId===e.id:this.expandedParentId===e.id:false;const d=[i("span",{class:"panel-nav__item-icon"},i("ds-icon",{name:e.icon,size:"md",color:"inherit"})),i("ds-text",{class:"panel-nav__item-label panel-nav__item-label-text ds-control--md",as:"span",variant:"text-body-medium",emphasis:s,color:"inherit",lineTruncation:1},e.label),e.dot&&i("span",{class:"panel-nav__item-dot-box","aria-hidden":"true"},i("ds-badge",{class:"panel-nav__item-dot",variant:"dot",hasRing:a,label:"",style:{"--_badge-bg":"var(--_nav-dot)"}}))];const l={id:o?this.parentAnchorId(e.id):undefined,class:{"panel-nav__item":true,"panel-nav__parent":o,"panel-nav__parent--expanded":r,"panel-nav__parent--flyout-active":a&&this.flyoutParentId===e.id,"ds-interaction-fill--surface-open":a&&this.flyoutParentId===e.id,"panel-nav__parent--muted":this.presentation==="nested"&&!a&&this.expandedParentId!==""&&this.expandedParentId!==e.id,"panel-nav__item--active":s,"ds-focus-ring-inset":true,"ds-interaction-fill":true,"ds-interaction-fill--on-chrome":true},"aria-current":!o&&s?"page":undefined,"aria-expanded":o?String(r):undefined,"aria-controls":o&&r?this.childListId(e.id):undefined,"aria-haspopup":o&&a?"menu":undefined,"data-panel-nav-roving":"",tabIndex:n===this.rovingIndex?0:-1,onClick:n=>t?this.activateParent(e,n.detail===0):this.handleItemClick(e.id),onKeyDown:e=>this.handleRovingKeyDown(e,n),onFocus:()=>{this.rovingIndex=n}};const c=f(t?v(e.children)?.href:e.href);const p=this.routerMode==="anchor"&&c&&!(o&&a);const h=p?i("a",{...l,href:c},d):i("button",{...l,type:"button"},d);return i("ds-tooltip",{label:a?e.label:"",side:"right",size:"sm"},h)}renderChildItem(e,n,a,s,t){const o=e.id===this.effectiveActiveId&&n.id===this.effectiveActiveChildId;const r=n.isInactive===true;const d=[i("ds-text",{class:"panel-nav__item-label panel-nav__item-label-text ds-control--md",as:"span",variant:"text-body-medium",emphasis:o,color:"inherit",lineTruncation:1},n.label),n.dot&&i("span",{class:"panel-nav__child-dot","aria-hidden":"true"},i("ds-badge",{variant:"dot",background:"var(--_nav-bg)",label:"",style:{"--_badge-bg":"var(--_nav-dot)"}}))];const l={class:{"panel-nav__item":true,"panel-nav__child":true,"ds-nav-disclosure__item":true,"panel-nav__child--active":o,"panel-nav__child--inactive":r,"panel-nav__item--active":o,"ds-focus-ring-inset":!r,"ds-interaction-fill":!r,"ds-interaction-fill--on-chrome":!r},"aria-current":o?"page":undefined,"aria-disabled":r?"true":undefined,"data-panel-nav-roving":r||a===undefined?undefined:"",style:{"--_panel-nav-child-index":String(s),"--_panel-nav-child-reverse-index":String(t),"--ds-nav-disclosure-index":String(s),"--ds-nav-disclosure-reverse-index":String(t)},tabIndex:!r&&a===this.rovingIndex?0:-1,onClick:()=>this.emitChildSelect(e,n),onKeyDown:e=>a===undefined?undefined:this.handleRovingKeyDown(e,a),onFocus:()=>{if(a!==undefined)this.rovingIndex=a}};const c=f(n.href);const v=!r&&this.routerMode==="anchor"&&c;return v?i("a",{...l,href:c},d):i("button",{...l,type:"button",disabled:r},d)}renderFlyout(){const e=this.getAllItems().find((e=>e.id===this.flyoutParentId));if(!e?.children?.length)return null;return i("ds-menu",{id:this.childListId(e.id),open:this.flyoutOpen,side:A.side,align:A.align,anchorAlignment:A.anchorAlignment,sideOffset:A.sideOffset,alignOffset:A.alignOffset,anchorId:this.parentAnchorId(e.id),selectionMode:"single",menuLabel:`${e.label} sections`,initialFocusVisible:this.flyoutInitialFocusVisible,sections:[{items:e.children.map((n=>({label:n.label,value:n.id,dot:n.dot,isInactive:n.isInactive,isSelected:e.id===this.effectiveActiveId&&n.id===this.effectiveActiveChildId})))}],onDsSelect:this.handleFlyoutSelect,onDsClose:this.closeFlyout,onDsAfterClose:this.handleFlyoutAfterClose})}render(){const e=this.renderedStyle;const n=e==="dashboard";const a=this.navStyle==="dashboard";const t=this.collapsed||this.viewportNarrow;const{userName:o,userInitial:r}=this;const d={"panel-nav":true,"ds-control--md":true,"panel-nav--dashboard":a,"panel-nav--settings":!a,"panel-nav--collapsed":t,"panel-nav--breakpoint-locked":this.viewportNarrow,"panel-nav--animating":this.isAnimating};return i(s,{key:"472c7df4e0639eaff84859ec56e3c5340b054f52",style:{display:"block",position:"relative"}},i("nav",{key:"18856341b4da1a9b699eb72eca9a1b8b0886702a",class:d,"aria-label":n?this.dashboardNavigationLabel:this.settingsNavigationLabel},i("div",{key:"65f5e2a248d37cc3d8e46aa19e20d5fee6c26808",class:"panel-nav__header ds-chrome-row ds-chrome-space--md"},i("button",{key:"cb0d187cedd3ef0512b71326a5ad7e72180ef49f",type:"button",class:"panel-nav__header-btn ds-focus-ring-inset ds-interaction-fill ds-interaction-fill--on-chrome",disabled:this.viewportNarrow,tabIndex:!this.viewportNarrow&&this.rovingIndex===0?0:-1,onClick:()=>this.handleToggle(),onKeyDown:e=>this.handleRovingKeyDown(e,0),onFocus:()=>{this.rovingIndex=0},"aria-label":t?this.expandNavigationLabel:this.collapseNavigationLabel,"aria-expanded":t?"false":"true"},i("span",{key:"5e180cef9507ae7b89922408ad711382e911a746",class:"panel-nav__header-logo","aria-hidden":"true"},i("svg",{key:"66158743c11cbe6d34e5a92a7c03d1973e2c3390",class:"panel-nav__m-mark",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",focusable:"false","aria-hidden":"true"},i("path",{key:"6fbffe93dc85fa0fc3e9f212e15ebe41025a9891",d:"M11.1159 4.31537H7.67021L2.53401 13.0703H0V15.6875H4.02716L8.24319 8.49978V15.6846H11.6342L15.8289 8.47829V15.6846H18.7122V4.3125H15.2559L11.1159 11.3648V4.31537Z",fill:"currentColor"}))),i("span",{key:"6f562df7ec3caf25da601313603c1521b810c211",class:"panel-nav__header-toggle","aria-hidden":"true"},i("ds-icon",{key:"cebc5d800aa7fba0a9be4afcc09b73692bc5fd48",name:t?"LeftExpandB":"LeftCollapseB",size:"md",color:"inherit"})))),i("div",{key:"47f37ec33a5ec60eb8cec42d5b6a822f6a17f050",class:{"panel-nav__body":true,"ds-chrome-column":true,"ds-chrome-space--md":true,"ds-scrollbar-hidden":true,"ds-focus-ring":this.bodyScrollable,...z({edges:"bottom"})},ref:e=>{const n=e??undefined;if(n===this.bodyEl)return;this.bodyEl=n;this.connectScrollRegionObserver()},role:this.bodyScrollable?"region":undefined,"aria-label":this.bodyScrollable?this.navigationItemsLabel:undefined,tabIndex:this.bodyScrollable?0:undefined},i("div",{key:"53485a51bd03bf6502bd8096fb189c7c468ca018",class:"panel-nav__sections"},(()=>{let e=1;return this.parsedGroups.map((n=>i("div",{class:"panel-nav__group",key:n.id??n.label},n.label&&i("ds-text",{class:"panel-nav__group-label ds-control--md",as:"span",variant:"text-caption",emphasis:true,color:"inherit"},n.label),n.items.map(((a,s)=>{const o=e++;const r=!t&&this.inlineChildrenExpansionReady&&a.id===this.expandedParentId&&(a.children?.length??0)>0;const d=n.items.length>1;const l=d&&s>0;const c=d&&s<n.items.length-1;const v=r&&d;const p=this.presentation==="nested"&&(!t||this.isAnimating)&&(a.children?.length??0)>0;const h=p?a.children?.map(((n,i)=>{const s=!r||n.isInactive?undefined:e++;return this.renderChildItem(a,n,s,i,(a.children?.length??0)-i-1)})):null;return i("div",{class:"panel-nav__branch",key:a.id},l?i("div",{key:`${a.id}-divider-before`,class:{"panel-nav__branch-divider":true,"panel-nav__branch-divider--before":true,"panel-nav__branch-divider--open":v,"ds-nav-disclosure-divider":true,"ds-nav-disclosure-divider--open":v},"aria-hidden":"true"},i("div",{class:"panel-nav__branch-divider-clip ds-nav-disclosure-divider__clip"},i("span",{class:"panel-nav__branch-divider-line"}))):null,this.renderParentItem(a,o,t),p?i("div",{key:`${a.id}-children`,class:{"panel-nav__children-accordion":true,"panel-nav__children-accordion--open":r,"ds-nav-disclosure":true,"ds-nav-disclosure--open":r},"aria-hidden":r?undefined:"true",inert:r?undefined:true},i("div",{id:this.childListId(a.id),class:"panel-nav__children",role:"group","aria-labelledby":this.parentAnchorId(a.id)},h)):null,c?i("div",{key:`${a.id}-divider-after`,class:{"panel-nav__branch-divider":true,"panel-nav__branch-divider--after":true,"panel-nav__branch-divider--open":v,"ds-nav-disclosure-divider":true,"ds-nav-disclosure-divider--open":v},"aria-hidden":"true"},i("div",{class:"panel-nav__branch-divider-clip ds-nav-disclosure-divider__clip"},i("span",{class:"panel-nav__branch-divider-line"}))):null)})))))})())),i("div",{key:"d3c55fcf2a9b225ddbd997c4e16c8030c9575162",class:"panel-nav__footer"},this.renderFooterAction(n),this.renderFooterUser(t,o,r))),this.renderFlyout(),!this.viewportNarrow&&i("div",{key:"d84e06f3b378aebce606cdcab2a8f9ee05b1d3b6",class:{"panel-nav__resize-handle":true,"panel-nav__resize-handle--overlay":this.showEdgeOverlay},onMouseEnter:()=>this.handleResizeHandleMouseEnter(),onMouseLeave:()=>this.handleResizeHandleMouseLeave(),onMouseDown:e=>this.handleResizeHandleMouseDown(e),"aria-hidden":"true"}))}get el(){return this}static get watchers(){return{collapsed:[{onCollapsedChange:0}],viewportNarrow:[{onViewportNarrowChange:0}],breakpoint:[{onBreakpointChange:0}],groups:[{onGroupsChange:0}],presentation:[{onPresentationChange:0}],activeId:[{onActiveIdChange:0}],activeChildId:[{onActiveIdChange:0}],urlDerivedActiveId:[{onActiveIdChange:0}],urlDerivedActiveChildId:[{onActiveIdChange:0}],currentUrl:[{onCurrentUrlChange:0}],navStyle:[{onNavStyleChange:0}]}}static get style(){return R()+j()}},[2,"ds-panel-nav",{navStyle:[513,"nav-style"],disableViewTransition:[4,"disable-view-transition"],groups:[1],presentation:[513],routerMode:[1,"router-mode"],activeId:[1,"active-id"],activeChildId:[1,"active-child-id"],collapsed:[1028],breakpoint:[2],storageKey:[1,"storage-key"],currentUrl:[1,"current-url"],userName:[1,"user-name"],userInitial:[1,"user-initial"],dashboardLabel:[1,"dashboard-label"],settingsLabel:[1,"settings-label"],accountLabel:[1,"account-label"],accountMenuExpanded:[4,"account-menu-expanded"],accountMenuSurfaceOpen:[4,"account-menu-surface-open"],dashboardNavigationLabel:[1,"dashboard-navigation-label"],settingsNavigationLabel:[1,"settings-navigation-label"],expandNavigationLabel:[1,"expand-navigation-label"],collapseNavigationLabel:[1,"collapse-navigation-label"],navigationItemsLabel:[1,"navigation-items-label"],renderedStyle:[32],parsedGroups:[32],isAnimating:[32],rovingIndex:[32],viewportNarrow:[32],urlDerivedActiveId:[32],urlDerivedActiveChildId:[32],bodyScrollable:[32],expandedParentId:[32],inlineChildrenExpansionReady:[32],flyoutParentId:[32],flyoutOpen:[32],flyoutInitialFocusVisible:[32],showEdgeOverlay:[32],toggleCollapsed:[64]},undefined,{collapsed:[{onCollapsedChange:0}],viewportNarrow:[{onViewportNarrowChange:0}],breakpoint:[{onBreakpointChange:0}],groups:[{onGroupsChange:0}],presentation:[{onPresentationChange:0}],activeId:[{onActiveIdChange:0}],activeChildId:[{onActiveIdChange:0}],urlDerivedActiveId:[{onActiveIdChange:0}],urlDerivedActiveChildId:[{onActiveIdChange:0}],currentUrl:[{onCurrentUrlChange:0}],navStyle:[{onNavStyleChange:0}]}]);L.HOST_PROP_SYNC_BUDGET=8;function O(){if(typeof customElements==="undefined"){return}const e=["ds-panel-nav","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-swatch-picker","ds-switch","ds-tag","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-panel-nav":if(!customElements.get(t(e))){customElements.define(t(e),L)}break;case"ds-badge":if(!customElements.get(t(e))){u()}break;case"ds-button-unfilled":if(!customElements.get(t(e))){m()}break;case"ds-icon":if(!customElements.get(t(e))){g()}break;case"ds-loader":if(!customElements.get(t(e))){b()}break;case"ds-menu":if(!customElements.get(t(e))){_()}break;case"ds-swatch-picker":if(!customElements.get(t(e))){x()}break;case"ds-switch":if(!customElements.get(t(e))){y()}break;case"ds-tag":if(!customElements.get(t(e))){w()}break;case"ds-text":if(!customElements.get(t(e))){k()}break;case"ds-tooltip":if(!customElements.get(t(e))){C()}break}}))}O();export{L as P,O as d};
+//# sourceMappingURL=p-BhjqYTiY.js.map