@ds-mo/ui 16.1.3 → 16.2.0

package/dist/components/ds-panel-sub-nav.js

@@ -1,2 +1,2 @@
-import{p as n,H as s,c as e,h as o,a as i,t as a}from"./index.js";import{d as r}from"./p-DMPn_dt7.js";const t=()=>`.sc-ds-panel-sub-nav-h,.sc-ds-panel-sub-nav:where(.ds-table),.sc-ds-panel-sub-nav:where(.tooltip-popup),.sc-ds-panel-sub-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-sub-nav,.ds-control--lg.sc-ds-panel-sub-nav-h,.ds-control--md.sc-ds-panel-sub-nav-h,.ds-control--md.sc-ds-panel-sub-nav,.ds-control--sm.sc-ds-panel-sub-nav-h,.ds-control--sm.sc-ds-panel-sub-nav,.ds-control--xs.sc-ds-panel-sub-nav-h,.ds-control--xs.sc-ds-panel-sub-nav{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-panel-sub-nav-h,.ds-control--lg.sc-ds-panel-sub-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-sub-nav-h,.ds-control--md.sc-ds-panel-sub-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-sub-nav-h,.ds-control--sm.sc-ds-panel-sub-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-sub-nav-h,.ds-control--xs.sc-ds-panel-sub-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}@media (forced-colors: active){.sc-ds-panel-sub-nav:root,.sc-ds-panel-sub-nav-h,.ds-forced-colors-scope.sc-ds-panel-sub-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-sub-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-sub-nav-h,.ds-focus-ring.sc-ds-panel-sub-nav,.ds-focus-ring-inset.sc-ds-panel-sub-nav-h,.ds-focus-ring-inset.sc-ds-panel-sub-nav{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-panel-sub-nav-h:focus-visible,.ds-focus-ring.sc-ds-panel-sub-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-sub-nav-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-panel-sub-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-sub-nav-h:focus-visible,.ds-focus-ring-inset.sc-ds-panel-sub-nav:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-panel-sub-nav-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-panel-sub-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-sub-nav-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-panel-sub-nav{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-panel-sub-nav-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-panel-sub-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-sub-nav-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-panel-sub-nav:root,.sc-ds-panel-sub-nav-h,.ds-forced-colors-scope.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill.sc-ds-panel-sub-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-sub-nav-h::before,.ds-interaction-fill.sc-ds-panel-sub-nav::before,.ds-interaction-fill.sc-ds-panel-sub-nav-h::after,.ds-interaction-fill.sc-ds-panel-sub-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-sub-nav-h::before,.ds-interaction-fill.sc-ds-panel-sub-nav::before{z-index:1}.ds-interaction-fill.sc-ds-panel-sub-nav-h::after,.ds-interaction-fill.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--bordered.sc-ds-panel-sub-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-sub-nav-h::before,.ds-interaction-fill--selected.sc-ds-panel-sub-nav::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-panel-sub-nav-h,.ds-interaction-fill--selected.sc-ds-panel-sub-nav{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-panel-sub-nav-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-panel-sub-nav:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-panel-sub-nav-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-panel-sub-nav:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-panel-sub-nav-h::after,.ds-interaction-fill--grouped.sc-ds-panel-sub-nav::after,.ds-interaction-fill--grouped.sc-ds-panel-sub-nav-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-panel-sub-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-sub-nav-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-panel-sub-nav:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-panel-sub-nav-h,.ds-interaction-fill--grouped.sc-ds-panel-sub-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-sub-nav-h>.ds-interaction-fill__content.sc-ds-panel-sub-nav,.ds-interaction-fill.sc-ds-panel-sub-nav>.ds-interaction-fill__content.sc-ds-panel-sub-nav,.ds-interaction-fill__content.sc-ds-panel-sub-nav{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-panel-sub-nav-h,.ds-interaction-fill--on-faint.sc-ds-panel-sub-nav{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-panel-sub-nav-h,.ds-interaction-fill--on-medium.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-bold.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-strong.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-translucent.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-inverted.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-media.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-always-dark.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-chrome.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-navigation.sc-ds-panel-sub-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-sub-nav-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-panel-sub-nav:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-panel-sub-nav-h::after,.ds-interaction-fill.sc-ds-panel-sub-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-sub-nav-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-panel-sub-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-sub-nav-h::before,.ds-interaction-fill--selected.sc-ds-panel-sub-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-sub-nav-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-panel-sub-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)}}@media (forced-colors: active){.sc-ds-panel-sub-nav:root,.sc-ds-panel-sub-nav-h,.ds-forced-colors-scope.sc-ds-panel-sub-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-control-inactive.sc-ds-panel-sub-nav-h,.ds-control-inactive.sc-ds-panel-sub-nav{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-panel-sub-nav-h,.ds-control-inactive.sc-ds-panel-sub-nav{color:var(--ds-forced-color-disabled);opacity:1}}.sc-ds-panel-sub-nav-h{display:block;width:100%}.panel-sub-nav.sc-ds-panel-sub-nav{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%}.panel-sub-nav__item.sc-ds-panel-sub-nav{display:flex;align-items:center;justify-content:flex-start;gap:var(--ds-control-gap);width:100%;height:var(--ds-control-height);padding:0 var(--ds-control-padding-inline);box-sizing:border-box;border:none;border-radius:var(--ds-control-radius);background:transparent;color:var(--color-foreground-secondary);cursor:default;text-align:left;-webkit-user-select:none;user-select:none;transition:color var(--effect-motion-short-2)}.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-foreground-primary)}.panel-sub-nav__item--on-medium.sc-ds-panel-sub-nav{color:var(--color-foreground-on-medium-background-secondary)}.panel-sub-nav__item--on-medium.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-foreground-on-medium-background-primary)}.panel-sub-nav__item--on-bold.sc-ds-panel-sub-nav{color:var(--color-foreground-on-bold-background-secondary)}.panel-sub-nav__item--on-bold.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-foreground-on-bold-background-primary)}.panel-sub-nav__item--on-strong.sc-ds-panel-sub-nav{color:var(--color-foreground-on-strong-background-secondary)}.panel-sub-nav__item--on-strong.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-foreground-on-strong-background-primary)}.panel-sub-nav__item--on-translucent.sc-ds-panel-sub-nav{color:var(--color-translucent-foreground-secondary)}.panel-sub-nav__item--on-translucent.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-translucent-foreground-primary)}.panel-sub-nav__item--on-inverted.sc-ds-panel-sub-nav{color:var(--color-inverted-foreground-secondary)}.panel-sub-nav__item--on-inverted.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-inverted-foreground-primary)}.panel-sub-nav__item--on-media.sc-ds-panel-sub-nav{color:var(--color-media-foreground-secondary)}.panel-sub-nav__item--on-media.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-media-foreground-primary)}.panel-sub-nav__item--on-always-dark.sc-ds-panel-sub-nav{color:var(--color-always-dark-foreground-secondary)}.panel-sub-nav__item--on-always-dark.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-always-dark-foreground-primary)}ds-text.panel-sub-nav__label.sc-ds-panel-sub-nav{flex:1;min-width:0;padding:0 var(--ds-control-label-inset)}`;const d=n(class n extends s{constructor(n){super();if(n!==false){this.__registerHost()}this.dsChange=e(this,"dsChange",7);this.value="";this.items=[];this.ariaLabel=null}get enabledItems(){return this.items.filter((n=>!n.isInactive))}get focusableId(){return this.enabledItems.some((n=>n.id===this.value))?this.value:this.enabledItems[0]?.id??""}selectItem(n){this.value=n;this.dsChange.emit(n);this.focusItem(n)}focusItem(n){const s=this.el.querySelector(`[data-panel-sub-nav-id="${n}"]`);s?.focus({preventScroll:true})}onValueChange(n,s){if(s===undefined||n===s)return;requestAnimationFrame((()=>{const s=document.activeElement;if(!s||!this.el.contains(s))return;this.focusItem(this.enabledItems.some((s=>s.id===n))?n:this.focusableId)}))}findEnabled(n,s){const e=this.items.length;for(let o=1;o<=e;o++){const i=(n+s*o+e*o)%e;if(!this.items[i]?.isInactive)return i}return n}handleKeyDown(n){if(!this.enabledItems.length)return;const s=n.target?.closest("[data-panel-sub-nav-id]")?.dataset["panelSubNavId"];const e=this.items.findIndex((n=>n.id===s));const o=this.items.findIndex((n=>n.id===this.value&&!n.isInactive));const i=e>=0?e:o>=0?o:n.key==="ArrowUp"?0:-1;let a=null;if(n.key==="ArrowDown"){a=this.findEnabled(i,1)}else if(n.key==="ArrowUp"){a=this.findEnabled(i,-1)}else if(n.key==="Home"){a=this.items.findIndex((n=>!n.isInactive))}else if(n.key==="End"){const n=[...this.items].reverse().findIndex((n=>!n.isInactive));a=n<0?null:this.items.length-1-n}if(a===null||a<0)return;const r=this.items[a];if(!r||r.isInactive)return;n.preventDefault();this.selectItem(r.id)}render(){const n=this.focusableId;const s=this.background;return o(i,{key:"59b3a669c9875d47ed4334eaf88fe3b81372bee2"},o("div",{key:"9e76e854045365fe32ba87df5f6aab572d4062df",class:"panel-sub-nav",role:"tablist","aria-orientation":"vertical","aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby},this.items.map((e=>{const i=e.id===this.value;return o("button",{id:e.id,type:"button",role:"tab","data-panel-sub-nav-id":e.id,class:{"panel-sub-nav__item":true,"panel-sub-nav__item--selected":i,"ds-control--md":true,"ds-focus-ring-inset":true,"ds-interaction-fill":!e.isInactive,"ds-interaction-fill--selected":i&&!e.isInactive,"ds-interaction-fill--on-faint":s==="faint","ds-interaction-fill--on-medium":s==="medium","ds-interaction-fill--on-bold":s==="bold","ds-interaction-fill--on-strong":s==="strong","ds-interaction-fill--on-translucent":s==="translucent","ds-interaction-fill--on-inverted":s==="inverted","ds-interaction-fill--on-media":s==="media","ds-interaction-fill--on-always-dark":s==="always-dark",[`panel-sub-nav__item--on-${s}`]:!!s,"ds-control-inactive":!!e.isInactive},"aria-selected":i?"true":"false","aria-controls":e.panelId,"aria-disabled":e.isInactive?"true":undefined,disabled:e.isInactive,tabIndex:e.id===n?0:-1,onClick:()=>!e.isInactive&&this.selectItem(e.id)},o("ds-text",{class:"panel-sub-nav__label ds-interaction-fill__content",as:"span",variant:"text-body-medium",color:"inherit"},e.label))}))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return t()}},[2,"ds-panel-sub-nav",{value:[1025],items:[16],background:[1],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"]},[[0,"keydown","handleKeyDown"]],{value:[{onValueChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const n=["ds-panel-sub-nav","ds-text"];n.forEach((n=>{switch(n){case"ds-panel-sub-nav":if(!customElements.get(a(n))){customElements.define(a(n),d)}break;case"ds-text":if(!customElements.get(a(n))){r()}break}}))}c();const l=d;const v=c;export{l as DsPanelSubNav,v as defineCustomElement};
+import{p as n,H as s,c as e,h as o,a as i,t as a}from"./index.js";import{d as r}from"./p-DcwgXLe-.js";const t=()=>`.sc-ds-panel-sub-nav-h,.sc-ds-panel-sub-nav:where(.ds-table),.sc-ds-panel-sub-nav:where(.tooltip-popup),.sc-ds-panel-sub-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-sub-nav,.ds-control--lg.sc-ds-panel-sub-nav-h,.ds-control--md.sc-ds-panel-sub-nav-h,.ds-control--md.sc-ds-panel-sub-nav,.ds-control--sm.sc-ds-panel-sub-nav-h,.ds-control--sm.sc-ds-panel-sub-nav,.ds-control--xs.sc-ds-panel-sub-nav-h,.ds-control--xs.sc-ds-panel-sub-nav{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-panel-sub-nav-h,.ds-control--lg.sc-ds-panel-sub-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-sub-nav-h,.ds-control--md.sc-ds-panel-sub-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-sub-nav-h,.ds-control--sm.sc-ds-panel-sub-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-sub-nav-h,.ds-control--xs.sc-ds-panel-sub-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}@media (forced-colors: active){.sc-ds-panel-sub-nav:root,.sc-ds-panel-sub-nav-h,.ds-forced-colors-scope.sc-ds-panel-sub-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-sub-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-sub-nav-h,.ds-focus-ring.sc-ds-panel-sub-nav,.ds-focus-ring-inset.sc-ds-panel-sub-nav-h,.ds-focus-ring-inset.sc-ds-panel-sub-nav{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-panel-sub-nav-h:focus-visible,.ds-focus-ring.sc-ds-panel-sub-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-sub-nav-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-panel-sub-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-sub-nav-h:focus-visible,.ds-focus-ring-inset.sc-ds-panel-sub-nav:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-panel-sub-nav-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-panel-sub-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-sub-nav-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-panel-sub-nav{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-panel-sub-nav-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-panel-sub-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-sub-nav-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-panel-sub-nav:root,.sc-ds-panel-sub-nav-h,.ds-forced-colors-scope.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill.sc-ds-panel-sub-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-sub-nav-h::before,.ds-interaction-fill.sc-ds-panel-sub-nav::before,.ds-interaction-fill.sc-ds-panel-sub-nav-h::after,.ds-interaction-fill.sc-ds-panel-sub-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-sub-nav-h::before,.ds-interaction-fill.sc-ds-panel-sub-nav::before{z-index:1}.ds-interaction-fill.sc-ds-panel-sub-nav-h::after,.ds-interaction-fill.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--bordered.sc-ds-panel-sub-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-sub-nav-h::before,.ds-interaction-fill--selected.sc-ds-panel-sub-nav::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-panel-sub-nav-h,.ds-interaction-fill--selected.sc-ds-panel-sub-nav{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-panel-sub-nav-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-panel-sub-nav:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-panel-sub-nav-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-panel-sub-nav:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-panel-sub-nav-h::after,.ds-interaction-fill--grouped.sc-ds-panel-sub-nav::after,.ds-interaction-fill--grouped.sc-ds-panel-sub-nav-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-panel-sub-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-sub-nav-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-panel-sub-nav:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-panel-sub-nav-h,.ds-interaction-fill--grouped.sc-ds-panel-sub-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-sub-nav-h>.ds-interaction-fill__content.sc-ds-panel-sub-nav,.ds-interaction-fill.sc-ds-panel-sub-nav>.ds-interaction-fill__content.sc-ds-panel-sub-nav,.ds-interaction-fill__content.sc-ds-panel-sub-nav{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-panel-sub-nav-h,.ds-interaction-fill--on-faint.sc-ds-panel-sub-nav{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-panel-sub-nav-h,.ds-interaction-fill--on-medium.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-bold.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-strong.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-translucent.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-inverted.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-media.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-always-dark.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-chrome.sc-ds-panel-sub-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-sub-nav-h,.ds-interaction-fill--on-navigation.sc-ds-panel-sub-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-sub-nav-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-panel-sub-nav:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-panel-sub-nav-h::after,.ds-interaction-fill.sc-ds-panel-sub-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-sub-nav-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-panel-sub-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-sub-nav-h::before,.ds-interaction-fill--selected.sc-ds-panel-sub-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-sub-nav-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-panel-sub-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)}}@media (forced-colors: active){.sc-ds-panel-sub-nav:root,.sc-ds-panel-sub-nav-h,.ds-forced-colors-scope.sc-ds-panel-sub-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-control-inactive.sc-ds-panel-sub-nav-h,.ds-control-inactive.sc-ds-panel-sub-nav{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-panel-sub-nav-h,.ds-control-inactive.sc-ds-panel-sub-nav{color:var(--ds-forced-color-disabled);opacity:1}}.sc-ds-panel-sub-nav-h{display:block;width:100%}.panel-sub-nav.sc-ds-panel-sub-nav{display:flex;flex-direction:column;gap:var(--dimension-space-050);width:100%}.panel-sub-nav__item.sc-ds-panel-sub-nav{display:flex;align-items:center;justify-content:flex-start;gap:var(--ds-control-gap);width:100%;height:var(--ds-control-height);padding:0 var(--ds-control-padding-inline);box-sizing:border-box;border:none;border-radius:var(--ds-control-radius);background:transparent;color:var(--color-foreground-secondary);cursor:default;text-align:left;-webkit-user-select:none;user-select:none;transition:color var(--effect-motion-short-2)}.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-foreground-primary)}.panel-sub-nav__item--on-medium.sc-ds-panel-sub-nav{color:var(--color-foreground-on-medium-background-secondary)}.panel-sub-nav__item--on-medium.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-foreground-on-medium-background-primary)}.panel-sub-nav__item--on-bold.sc-ds-panel-sub-nav{color:var(--color-foreground-on-bold-background-secondary)}.panel-sub-nav__item--on-bold.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-foreground-on-bold-background-primary)}.panel-sub-nav__item--on-strong.sc-ds-panel-sub-nav{color:var(--color-foreground-on-strong-background-secondary)}.panel-sub-nav__item--on-strong.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-foreground-on-strong-background-primary)}.panel-sub-nav__item--on-translucent.sc-ds-panel-sub-nav{color:var(--color-translucent-foreground-secondary)}.panel-sub-nav__item--on-translucent.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-translucent-foreground-primary)}.panel-sub-nav__item--on-inverted.sc-ds-panel-sub-nav{color:var(--color-inverted-foreground-secondary)}.panel-sub-nav__item--on-inverted.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-inverted-foreground-primary)}.panel-sub-nav__item--on-media.sc-ds-panel-sub-nav{color:var(--color-media-foreground-secondary)}.panel-sub-nav__item--on-media.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-media-foreground-primary)}.panel-sub-nav__item--on-always-dark.sc-ds-panel-sub-nav{color:var(--color-always-dark-foreground-secondary)}.panel-sub-nav__item--on-always-dark.panel-sub-nav__item--selected.sc-ds-panel-sub-nav{color:var(--color-always-dark-foreground-primary)}ds-text.panel-sub-nav__label.sc-ds-panel-sub-nav{flex:1;min-width:0;padding:0 var(--ds-control-label-inset)}`;const d=n(class n extends s{constructor(n){super();if(n!==false){this.__registerHost()}this.dsChange=e(this,"dsChange",7);this.value="";this.items=[];this.ariaLabel=null}get enabledItems(){return this.items.filter((n=>!n.isInactive))}get focusableId(){return this.enabledItems.some((n=>n.id===this.value))?this.value:this.enabledItems[0]?.id??""}selectItem(n){this.value=n;this.dsChange.emit(n);this.focusItem(n)}focusItem(n){const s=this.el.querySelector(`[data-panel-sub-nav-id="${n}"]`);s?.focus({preventScroll:true})}onValueChange(n,s){if(s===undefined||n===s)return;requestAnimationFrame((()=>{const s=document.activeElement;if(!s||!this.el.contains(s))return;this.focusItem(this.enabledItems.some((s=>s.id===n))?n:this.focusableId)}))}findEnabled(n,s){const e=this.items.length;for(let o=1;o<=e;o++){const i=(n+s*o+e*o)%e;if(!this.items[i]?.isInactive)return i}return n}handleKeyDown(n){if(!this.enabledItems.length)return;const s=n.target?.closest("[data-panel-sub-nav-id]")?.dataset["panelSubNavId"];const e=this.items.findIndex((n=>n.id===s));const o=this.items.findIndex((n=>n.id===this.value&&!n.isInactive));const i=e>=0?e:o>=0?o:n.key==="ArrowUp"?0:-1;let a=null;if(n.key==="ArrowDown"){a=this.findEnabled(i,1)}else if(n.key==="ArrowUp"){a=this.findEnabled(i,-1)}else if(n.key==="Home"){a=this.items.findIndex((n=>!n.isInactive))}else if(n.key==="End"){const n=[...this.items].reverse().findIndex((n=>!n.isInactive));a=n<0?null:this.items.length-1-n}if(a===null||a<0)return;const r=this.items[a];if(!r||r.isInactive)return;n.preventDefault();this.selectItem(r.id)}render(){const n=this.focusableId;const s=this.background;return o(i,{key:"f654c28c1bd1709483ac7651bbe5798f3e22bf1c"},o("div",{key:"fd31ba1cc0c8ec4d8d744f4607fa492edb30299b",class:"panel-sub-nav",role:"tablist","aria-orientation":"vertical","aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby},this.items.map((e=>{const i=e.id===this.value;return o("button",{id:e.id,type:"button",role:"tab","data-panel-sub-nav-id":e.id,class:{"panel-sub-nav__item":true,"panel-sub-nav__item--selected":i,"ds-control--md":true,"ds-focus-ring-inset":true,"ds-interaction-fill":!e.isInactive,"ds-interaction-fill--selected":i&&!e.isInactive,"ds-interaction-fill--on-faint":s==="faint","ds-interaction-fill--on-medium":s==="medium","ds-interaction-fill--on-bold":s==="bold","ds-interaction-fill--on-strong":s==="strong","ds-interaction-fill--on-translucent":s==="translucent","ds-interaction-fill--on-inverted":s==="inverted","ds-interaction-fill--on-media":s==="media","ds-interaction-fill--on-always-dark":s==="always-dark",[`panel-sub-nav__item--on-${s}`]:!!s,"ds-control-inactive":!!e.isInactive},"aria-selected":i?"true":"false","aria-controls":e.panelId,"aria-disabled":e.isInactive?"true":undefined,disabled:e.isInactive,tabIndex:e.id===n?0:-1,onClick:()=>!e.isInactive&&this.selectItem(e.id)},o("ds-text",{class:"panel-sub-nav__label ds-interaction-fill__content",as:"span",variant:"text-body-medium",color:"inherit"},e.label))}))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return t()}},[2,"ds-panel-sub-nav",{value:[1025],items:[16],background:[1],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"]},[[0,"keydown","handleKeyDown"]],{value:[{onValueChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const n=["ds-panel-sub-nav","ds-text"];n.forEach((n=>{switch(n){case"ds-panel-sub-nav":if(!customElements.get(a(n))){customElements.define(a(n),d)}break;case"ds-text":if(!customElements.get(a(n))){r()}break}}))}c();const l=d;const v=c;export{l as DsPanelSubNav,v as defineCustomElement};
 //# sourceMappingURL=ds-panel-sub-nav.js.map

package/dist/components/ds-panel-tool-header.js

@@ -1,2 +1,2 @@
-import{P as o,d as s}from"./p-DQ-wfTOw.js";const t=o;const p=s;export{t as DsPanelToolHeader,p as defineCustomElement};
+import{P as o,d as s}from"./p-C11CnHDl.js";const t=o;const n=s;export{t as DsPanelToolHeader,n as defineCustomElement};
 //# sourceMappingURL=ds-panel-tool-header.js.map

package/dist/components/ds-panel-tool-search.js

@@ -1,2 +1,2 @@
-import{p as s,H as e,c as o,h as a,a as r,t as i}from"./index.js";import{a as t,d as n}from"./p-CsGkdf4W.js";import{d}from"./p-ClOvX8cD.js";import{d as c}from"./p-D5-hqLPK.js";import{d as l}from"./p-CMZAEySh.js";import{d as h}from"./p-G6r6yYg8.js";import{d as p}from"./p-C942uiH1.js";import{d as m}from"./p-0XTyQNRG.js";import{d as u}from"./p-DMPn_dt7.js";import{d as f}from"./p-DTlNtCX1.js";const v=()=>`.sc-ds-panel-tool-search-h,.sc-ds-panel-tool-search:where(.ds-table),.sc-ds-panel-tool-search:where(.tooltip-popup),.sc-ds-panel-tool-search: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-tool-search,.ds-control--lg.sc-ds-panel-tool-search-h,.ds-control--md.sc-ds-panel-tool-search-h,.ds-control--md.sc-ds-panel-tool-search,.ds-control--sm.sc-ds-panel-tool-search-h,.ds-control--sm.sc-ds-panel-tool-search,.ds-control--xs.sc-ds-panel-tool-search-h,.ds-control--xs.sc-ds-panel-tool-search{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-panel-tool-search-h,.ds-control--lg.sc-ds-panel-tool-search{--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-tool-search-h,.ds-control--md.sc-ds-panel-tool-search{--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-tool-search-h,.ds-control--sm.sc-ds-panel-tool-search{--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-tool-search-h,.ds-control--xs.sc-ds-panel-tool-search{--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-tool-search-h,.ds-chrome-space--sm.sc-ds-panel-tool-search{--ds-chrome-padding:var(--ds-chrome-space-sm-padding, var(--dimension-space-050));--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-panel-tool-search-h,.ds-chrome-space--md.sc-ds-panel-tool-search{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-panel-tool-search-h,.ds-chrome-space--lg.sc-ds-panel-tool-search{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-panel-tool-search-h,.ds-chrome-row.sc-ds-panel-tool-search,.ds-chrome-column.sc-ds-panel-tool-search-h,.ds-chrome-column.sc-ds-panel-tool-search,.ds-chrome-grid.sc-ds-panel-tool-search-h,.ds-chrome-grid.sc-ds-panel-tool-search{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-tool-search-h,.ds-chrome-row.sc-ds-panel-tool-search{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-panel-tool-search-h,.ds-chrome-column.sc-ds-panel-tool-search{flex-direction:column}.ds-chrome-grid.sc-ds-panel-tool-search-h,.ds-chrome-grid.sc-ds-panel-tool-search{display:grid;align-items:center}.select-search.sc-ds-panel-tool-search{position:relative;box-sizing:border-box;padding:var(--dimension-space-050);background:transparent}.select-search.sc-ds-panel-tool-search::after{content:'';position:absolute;inset:auto 0 0;height:var(--dimension-stroke-width-012);background-color:var(--color-border-tertiary);pointer-events:none}.select-search.sc-ds-panel-tool-search:focus-within::after{height:var(--dimension-stroke-width-018);background-color:var(--color-border-bold-brand)}.select-search--without-focus-boundary.sc-ds-panel-tool-search::after{display:none}.select-search__control.sc-ds-panel-tool-search{display:flex;width:100%;min-width:0}.sc-ds-panel-tool-search-h{display:block;flex:0 0 var(--dimension-size-600);width:100%;min-width:0;height:var(--dimension-size-600);box-sizing:border-box;background:transparent}.panel-tool-search.sc-ds-panel-tool-search{position:relative;width:100%;height:100%;background:transparent}.panel-tool-search.sc-ds-panel-tool-search::after{content:'';position:absolute;inset:auto 0 0;height:var(--dimension-stroke-width-012);background-color:var(--_shell-tools-divider, var(--color-border-tertiary));pointer-events:none}.select-search.sc-ds-panel-tool-search{flex:1 1 auto;width:auto;min-width:0;height:var(--dimension-size-400);padding:0}.panel-tool-search__filter-group.sc-ds-panel-tool-search{display:flex;flex:0 0 auto;align-items:center;gap:var(--dimension-space-100)}.panel-tool-search__divider.sc-ds-panel-tool-search,.panel-tool-search__filter.sc-ds-panel-tool-search{flex:0 0 auto}.panel-tool-search__divider.sc-ds-panel-tool-search{--_divider-color:var(--_shell-tools-divider, var(--color-divider-divider))}`;const g=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsChange=o(this,"dsChange",7);this.dsClear=o(this,"dsClear",7);this.dsFilterToggle=o(this,"dsFilterToggle",7);this.value="";this.placeholder="Search";this.ariaLabel="Search";this.isInactive=false;this.showFilter=false;this.filterAriaLabel="Filter";this.filterTriggerId="";this.filterExpanded=false;this.filterActive=false;this.handleChange=s=>{this.value=s;this.dsChange.emit(s)}}componentDidRender(){const s=this.el.querySelector("input");if(s&&s.value!==this.value)s.value=this.value}async setFocus(){this.el.querySelector("input")?.focus()}async focusFilterTrigger(){const s=this.el.querySelector("ds-button-unfilled.panel-tool-search__filter");await(s?.setFocus?.())}render(){return a(r,{key:"e7beb6545d7fe099eecbbd8ee5320a791a28b12d"},a("div",{key:"1e3b8461af79dbcfc9cd460c28ed69e2c529fed1",class:"panel-tool-search ds-chrome-row ds-chrome-space--md"},a(t,{key:"6459cc582c271cefabe9864c4ae3847f8f5c7c30",hasFocusBoundary:false,hasInteractionFill:false,value:this.value,placeholder:this.placeholder,ariaLabel:this.ariaLabel,controls:this.controls,disabled:this.isInactive,inputRef:()=>undefined,clearLabel:"Clear",onValueChange:this.handleChange,onClear:()=>this.dsClear.emit(),onKeyDown:()=>undefined}),this.showFilter?a("div",{class:"panel-tool-search__filter-group"},a("ds-divider",{class:"panel-tool-search__divider",orientation:"vertical",length:"var(--dimension-size-200)"}),a("ds-tooltip",{label:this.filterAriaLabel,side:"bottom",size:"sm"},a("ds-button-unfilled",{id:this.filterTriggerId||undefined,class:"panel-tool-search__filter",variant:"icon",icon:"Filters",size:"md","aria-label":this.filterAriaLabel,haspopup:"menu",controls:this.filterControls,expanded:this.filterExpanded,surfaceOpen:this.filterSurfaceOpen,isActive:this.filterActive,isInactive:this.isInactive,activeFill:false,hasBorder:false,onDsChange:s=>{s.stopPropagation()},onDsClick:s=>{s.stopPropagation();this.dsFilterToggle.emit(s.detail)}}))):null))}get el(){return this}static get style(){return v()}},[2,"ds-panel-tool-search",{value:[1025],placeholder:[1],ariaLabel:[1,"aria-label"],controls:[1],isInactive:[4,"is-inactive"],showFilter:[4,"show-filter"],filterAriaLabel:[1,"filter-aria-label"],filterTriggerId:[1,"filter-trigger-id"],filterControls:[1,"filter-controls"],filterExpanded:[4,"filter-expanded"],filterSurfaceOpen:[4,"filter-surface-open"],filterActive:[4,"filter-active"],setFocus:[64],focusFilterTrigger:[64]}]);function b(){if(typeof customElements==="undefined"){return}const s=["ds-panel-tool-search","ds-badge","ds-button-unfilled","ds-chip","ds-divider","ds-icon","ds-input","ds-loader","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-panel-tool-search":if(!customElements.get(i(s))){customElements.define(i(s),g)}break;case"ds-badge":if(!customElements.get(i(s))){d()}break;case"ds-button-unfilled":if(!customElements.get(i(s))){c()}break;case"ds-chip":if(!customElements.get(i(s))){l()}break;case"ds-divider":if(!customElements.get(i(s))){h()}break;case"ds-icon":if(!customElements.get(i(s))){p()}break;case"ds-input":if(!customElements.get(i(s))){n()}break;case"ds-loader":if(!customElements.get(i(s))){m()}break;case"ds-text":if(!customElements.get(i(s))){u()}break;case"ds-tooltip":if(!customElements.get(i(s))){f()}break}}))}b();const x=g;const w=b;export{x as DsPanelToolSearch,w as defineCustomElement};
+import{p as s,H as e,c as o,h as a,a as r,t as i}from"./index.js";import{a as n,d as t}from"./p-C8UThLHd.js";import{d}from"./p-BEj9uENH.js";import{d as c}from"./p-DKL7n7NM.js";import{d as l}from"./p-CVSE2Ool.js";import{d as h}from"./p-CBezgJ3r.js";import{d as p}from"./p-C942uiH1.js";import{d as m}from"./p-0XTyQNRG.js";import{d as u}from"./p-DcwgXLe-.js";import{d as f}from"./p-xHv_RGJh.js";const g=()=>`.sc-ds-panel-tool-search-h,.sc-ds-panel-tool-search:where(.ds-table),.sc-ds-panel-tool-search:where(.tooltip-popup),.sc-ds-panel-tool-search: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-tool-search,.ds-control--lg.sc-ds-panel-tool-search-h,.ds-control--md.sc-ds-panel-tool-search-h,.ds-control--md.sc-ds-panel-tool-search,.ds-control--sm.sc-ds-panel-tool-search-h,.ds-control--sm.sc-ds-panel-tool-search,.ds-control--xs.sc-ds-panel-tool-search-h,.ds-control--xs.sc-ds-panel-tool-search{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-panel-tool-search-h,.ds-control--lg.sc-ds-panel-tool-search{--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-tool-search-h,.ds-control--md.sc-ds-panel-tool-search{--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-tool-search-h,.ds-control--sm.sc-ds-panel-tool-search{--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-tool-search-h,.ds-control--xs.sc-ds-panel-tool-search{--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-tool-search-h,.ds-chrome-space--sm.sc-ds-panel-tool-search{--ds-chrome-padding:var(--ds-chrome-space-sm-padding, var(--dimension-space-050));--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-panel-tool-search-h,.ds-chrome-space--md.sc-ds-panel-tool-search{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-panel-tool-search-h,.ds-chrome-space--lg.sc-ds-panel-tool-search{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-panel-tool-search-h,.ds-chrome-row.sc-ds-panel-tool-search,.ds-chrome-column.sc-ds-panel-tool-search-h,.ds-chrome-column.sc-ds-panel-tool-search,.ds-chrome-grid.sc-ds-panel-tool-search-h,.ds-chrome-grid.sc-ds-panel-tool-search{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-tool-search-h,.ds-chrome-row.sc-ds-panel-tool-search{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-panel-tool-search-h,.ds-chrome-column.sc-ds-panel-tool-search{flex-direction:column}.ds-chrome-grid.sc-ds-panel-tool-search-h,.ds-chrome-grid.sc-ds-panel-tool-search{display:grid;align-items:center}.select-search.sc-ds-panel-tool-search{position:relative;box-sizing:border-box;padding:var(--dimension-space-050);background:transparent}.select-search.sc-ds-panel-tool-search::after{content:'';position:absolute;inset:auto 0 0;height:var(--dimension-stroke-width-012);background-color:var(--color-border-tertiary);pointer-events:none}.select-search.sc-ds-panel-tool-search:focus-within::after{height:var(--dimension-stroke-width-018);background-color:var(--color-border-bold-brand)}.select-search--without-focus-boundary.sc-ds-panel-tool-search::after{display:none}.select-search__control.sc-ds-panel-tool-search{display:flex;width:100%;min-width:0}.sc-ds-panel-tool-search-h{display:block;flex:0 0 var(--dimension-size-600);width:100%;min-width:0;height:var(--dimension-size-600);box-sizing:border-box;background:transparent}.panel-tool-search.sc-ds-panel-tool-search{position:relative;width:100%;height:100%;background:transparent}.panel-tool-search.sc-ds-panel-tool-search::after{content:'';position:absolute;inset:auto 0 0;height:var(--dimension-stroke-width-012);background-color:var(--_shell-tools-divider, var(--color-border-tertiary));pointer-events:none}.select-search.sc-ds-panel-tool-search{flex:1 1 auto;width:auto;min-width:0;height:var(--dimension-size-400);padding:0}.panel-tool-search__filter-group.sc-ds-panel-tool-search{display:flex;flex:0 0 auto;align-items:center;gap:var(--dimension-space-100)}.panel-tool-search__divider.sc-ds-panel-tool-search,.panel-tool-search__filter.sc-ds-panel-tool-search{flex:0 0 auto}.panel-tool-search__divider.sc-ds-panel-tool-search{--_divider-color:var(--_shell-tools-divider, var(--color-divider-divider))}`;const v=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsChange=o(this,"dsChange",7);this.dsClear=o(this,"dsClear",7);this.dsFilterToggle=o(this,"dsFilterToggle",7);this.value="";this.placeholder="Search";this.ariaLabel="Search";this.isInactive=false;this.showFilter=false;this.filterAriaLabel="Filter";this.filterTriggerId="";this.filterExpanded=false;this.filterActive=false;this.handleChange=s=>{this.value=s;this.dsChange.emit(s)}}componentDidRender(){const s=this.el.querySelector("input");if(s&&s.value!==this.value)s.value=this.value}async setFocus(){this.el.querySelector("input")?.focus()}async focusFilterTrigger(){const s=this.el.querySelector("ds-button-unfilled.panel-tool-search__filter");await(s?.setFocus?.())}render(){return a(r,{key:"a2ae6c014b376c0c5b5f2348bd11699642118e24"},a("div",{key:"acc9dd2ffe296ca4a70590ea54dfd4fe36b96d7c",class:"panel-tool-search ds-chrome-row ds-chrome-space--md"},a(n,{key:"84ecbbbf2e7ad3592f7d84c7304d6aeccd804dca",hasFocusBoundary:false,hasInteractionFill:false,value:this.value,placeholder:this.placeholder,ariaLabel:this.ariaLabel,controls:this.controls,disabled:this.isInactive,inputRef:()=>undefined,clearLabel:"Clear",onValueChange:this.handleChange,onClear:()=>this.dsClear.emit(),onKeyDown:()=>undefined}),this.showFilter?a("div",{class:"panel-tool-search__filter-group"},a("ds-divider",{class:"panel-tool-search__divider",orientation:"vertical",length:"var(--dimension-size-200)"}),a("ds-tooltip",{label:this.filterAriaLabel,side:"bottom",size:"sm"},a("ds-button-unfilled",{id:this.filterTriggerId||undefined,class:"panel-tool-search__filter",variant:"icon",icon:"Filters",size:"md","aria-label":this.filterAriaLabel,haspopup:"menu",controls:this.filterControls,expanded:this.filterExpanded,surfaceOpen:this.filterSurfaceOpen,isActive:this.filterActive,isInactive:this.isInactive,activeFill:false,hasBorder:false,onDsChange:s=>{s.stopPropagation()},onDsClick:s=>{s.stopPropagation();this.dsFilterToggle.emit(s.detail)}}))):null))}get el(){return this}static get style(){return g()}},[2,"ds-panel-tool-search",{value:[1025],placeholder:[1],ariaLabel:[1,"aria-label"],controls:[1],isInactive:[4,"is-inactive"],showFilter:[4,"show-filter"],filterAriaLabel:[1,"filter-aria-label"],filterTriggerId:[1,"filter-trigger-id"],filterControls:[1,"filter-controls"],filterExpanded:[4,"filter-expanded"],filterSurfaceOpen:[4,"filter-surface-open"],filterActive:[4,"filter-active"],setFocus:[64],focusFilterTrigger:[64]}]);function b(){if(typeof customElements==="undefined"){return}const s=["ds-panel-tool-search","ds-badge","ds-button-unfilled","ds-chip","ds-divider","ds-icon","ds-input","ds-loader","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-panel-tool-search":if(!customElements.get(i(s))){customElements.define(i(s),v)}break;case"ds-badge":if(!customElements.get(i(s))){d()}break;case"ds-button-unfilled":if(!customElements.get(i(s))){c()}break;case"ds-chip":if(!customElements.get(i(s))){l()}break;case"ds-divider":if(!customElements.get(i(s))){h()}break;case"ds-icon":if(!customElements.get(i(s))){p()}break;case"ds-input":if(!customElements.get(i(s))){t()}break;case"ds-loader":if(!customElements.get(i(s))){m()}break;case"ds-text":if(!customElements.get(i(s))){u()}break;case"ds-tooltip":if(!customElements.get(i(s))){f()}break}}))}b();const x=v;const w=b;export{x as DsPanelToolSearch,w as defineCustomElement};
 //# sourceMappingURL=ds-panel-tool-search.js.map

package/dist/components/ds-panel-tools.js

@@ -1,2 +1,2 @@
-import{P as o,d as s}from"./p-D3FrQk7o.js";const r=o;const t=s;export{r as DsPanelTools,t as defineCustomElement};
+import{P as o,d as s}from"./p-BCzvtlR2.js";const t=o;const p=s;export{t as DsPanelTools,p as defineCustomElement};
 //# sourceMappingURL=ds-panel-tools.js.map

package/dist/components/ds-paper-texture.js

@@ -1,2 +1,2 @@
-import{P as o,d as s}from"./p-BoWpIl_m.js";const p=o;const t=s;export{p as DsPaperTexture,t as defineCustomElement};
+import{P as t,d as o}from"./p-N8tEOYt8.js";const s=t;const p=o;export{s as DsPaperTexture,p as defineCustomElement};
 //# sourceMappingURL=ds-paper-texture.js.map

package/dist/components/ds-popover.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsPopover extends Components.DsPopover, HTMLElement {}
+export const DsPopover: {
+    prototype: DsPopover;
+    new (): DsPopover;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ds-popover.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,c as t,h as i,a as o,t as n}from"./index.js";import{A as r,r as a}from"./p-QYI9nW7a.js";import{A as d}from"./p-CwUXroLs.js";import{C as h}from"./p-DlsjHRU3.js";import{b as c,r as p,T as l}from"./p-mSCnWLhL.js";import{r as f}from"./p-CVYjLzYI.js";const u=()=>`.sc-ds-popover-h,.sc-ds-popover:where(.ds-table),.sc-ds-popover:where(.tooltip-popup),.sc-ds-popover: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-choice-popup.sc-ds-popover{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--ds-choice-popup-min-inline-size, var(--dimension-menu-width-xs));max-width:min(var(--dimension-panel-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100vh - var(--dimension-space-200));overflow:hidden;inset:auto;margin:0;padding:0;border:0;background-color:var(--color-background-primary);border-radius:var(--ds-radius-menu);box-shadow:var(--effect-shadow-elevated-floating);color:var(--color-foreground-secondary);animation:dsChoiceFadeIn var(--effect-motion-short-2) forwards;backface-visibility:hidden;will-change:transform;text-align:start}.ds-choice-popup.sc-ds-popover::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--effect-highlight-elevated-floating)}.ds-choice-popup--closing.sc-ds-popover{animation:dsChoiceFadeOut var(--effect-motion-short-2) forwards}@keyframes dsChoiceFadeIn{from{opacity:0;transform:inherit scale(0.97)}to{opacity:1}}@keyframes dsChoiceFadeOut{from{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-choice-popup.sc-ds-popover{animation:none;opacity:1}.ds-choice-popup--closing.sc-ds-popover{opacity:0}}@media (forced-colors: active){.ds-choice-popup.sc-ds-popover{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.ds-choice-popup.sc-ds-popover::after{box-shadow:none}}@media (forced-colors: active){.sc-ds-popover:root,.sc-ds-popover-h,.ds-forced-colors-scope.sc-ds-popover{--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-popover-h{display:contents}.popover-surface.ds-choice-popup.sc-ds-popover{width:var(--_popover-width, max-content);padding:var(--dimension-space-050);color:var(--color-foreground-primary);outline:none}.popover-surface--hidden.sc-ds-popover{display:none}.popover-content.sc-ds-popover{box-sizing:border-box;flex:1 1 auto;min-height:0;padding:var(--dimension-space-100);overflow-y:auto}`;const m='a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';const v={xs:"var(--dimension-menu-width-xs)",sm:"var(--dimension-menu-width-sm)",md:"var(--dimension-menu-width-md)",lg:"var(--dimension-menu-width-lg)"};let g=0;const b=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsClose=t(this,"dsClose",7);this.dsAfterClose=t(this,"dsAfterClose",7);this.open=false;this.side="bottom";this.align="start";this.sideOffset=c.space050;this.popoverLabel="";this.shouldRender=false;this.closing=false;this.positionReady=false;this.pos={x:0,y:0};this.availableHeight=null;this.popupId=`ds-popover-${++g}`;this.closeTimer=null;this.loaded=false;this.tasks=new h((()=>this.el.isConnected));this.position=new r({getAnchor:()=>this.resolvedAnchor,getPopup:()=>this.popupEl,getOwnerDocument:()=>this.el.ownerDocument,measure:(e,s)=>{if(!this.open)return null;const t=this.viewportPadPx;return{anchorRect:e.getBoundingClientRect(),popupWidth:s.offsetWidth,popupHeight:Math.min(s.scrollHeight,window.innerHeight-t*2),side:this.side,align:this.align,sideOffsetPx:f(this.sideOffset,l.space050),alignOffsetPx:0,viewportPadPx:t,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,collisionRect:a(e,this.boundary)}},apply:({x:e,y:s,availableHeight:t})=>{this.pos={x:e,y:s};this.availableHeight=t},onReady:()=>{this.positionReady=true},liveUpdate:"double-frame",topLayer:true,observeResize:true,observeAnchorMotion:true});this.interaction=new d({getAnchor:()=>this.resolvedAnchor,getPopup:()=>this.popupEl,getOwnerDocument:()=>this.el.ownerDocument,onOutsideActivation:()=>this.close("outside",undefined,false)});this.handleKeyDown=e=>{if(this.closing)return;if(e.key==="Escape"){e.preventDefault();e.stopPropagation();this.close("escape",e,true);return}if(e.key==="Tab"&&!e.shiftKey&&e.target===this.popupEl){const s=this.popupEl?.querySelector(m);if(s){e.preventDefault();s.focus();return}}if(e.key==="Tab"&&this.interaction.tabLeavesPopup(e)){e.preventDefault();this.close("tab",e,false);this.interaction.moveFocusAfterTab(e.shiftKey)}}}componentDidLoad(){this.loaded=true;if(this.open)this.onOpenChange(true)}connectedCallback(){if(this.loaded&&this.open)this.onOpenChange(true)}disconnectedCallback(){this.tasks.cancel();this.teardown();this.shouldRender=false;this.closing=false;this.positionReady=false}onOpenChange(e){if(!this.loaded||!this.el.isConnected)return;if(e){this.teardown();this.shouldRender=true;this.closing=false;this.positionReady=false;this.availableHeight=null;this.interaction.connect();this.position.observe();this.position.schedule((()=>this.focusInitial()))}else if(this.shouldRender&&!this.closing){this.closing=true;this.teardown();const e=p(l.motionShort2,l.animationDurationShort3);if(e<=0){this.finishClose();return}this.closeTimer=setTimeout((()=>{this.closeTimer=null;this.finishClose()}),e)}}onPlacementChange(){if(this.open&&this.shouldRender)this.position.schedule()}get resolvedAnchor(){if(this.anchor)return this.anchor;if(this.anchorId)return this.el.ownerDocument.getElementById(this.anchorId);return null}get popupEl(){return this.el.querySelector(".popover-surface")}get viewportPadPx(){return f(l.space050,l.space050)}get resolvedWidth(){const e=this.popoverWidth?.trim();if(!e)return undefined;return v[e]??e}teardown(){this.position.unobserve();this.interaction.disconnect();if(this.closeTimer)clearTimeout(this.closeTimer);this.closeTimer=null}focusInitial(){this.tasks.frame((()=>{if(!this.open)return;const e=this.popupEl;if(!e)return;const s=e.querySelector(".popover-content");const t=s?.querySelector("[autofocus]");if(t){t.focus();return}e.focus()}))}close(e,s,t){if(!this.open||this.closing)return;if(t)this.interaction.focusAnchor();this.dsClose.emit({reason:e,originalEvent:s});this.open=false}finishClose(){if(this.open||!this.closing||!this.el.isConnected)return;const e=this.popupEl;if(e?.matches(":popover-open"))e.hidePopover();this.shouldRender=false;this.closing=false;this.positionReady=false;this.dsAfterClose.emit()}render(){const e=this.shouldRender;const s={position:"fixed",left:"0",top:"0",transform:`translate(${Math.round(this.pos.x)}px, ${Math.round(this.pos.y)}px)`,visibility:this.positionReady?"visible":"hidden"};const t=this.resolvedWidth;if(t)s["--_popover-width"]=t;if(this.availableHeight!==null){s["max-height"]=`${Math.floor(this.availableHeight)}px`}return i(o,{key:"cf93ad12e4ee5b62af2f03f408129adbb5a3e4db"},i("div",{key:"1978a81f79a39bb099ffcfa1ecc6601862b24ad4",id:this.popupId,popover:"manual",tabindex:-1,class:{"popover-surface":true,"ds-choice-popup":true,"ds-choice-popup--closing":this.closing,"popover-surface--hidden":!e},style:e?s:undefined,role:"dialog","aria-label":this.popoverLabel||undefined,inert:this.closing,onKeyDown:this.handleKeyDown},i("div",{key:"0fd1fc4864664d2f151c5667c81df1ec2f69c9d6",class:"popover-content"},i("slot",{key:"5779691924679c56f88cdcde9a6803497324d1dd"}))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}],anchor:[{onPlacementChange:0}],anchorId:[{onPlacementChange:0}],boundary:[{onPlacementChange:0}],side:[{onPlacementChange:0}],align:[{onPlacementChange:0}],sideOffset:[{onPlacementChange:0}]}}static get style(){return u()}},[262,"ds-popover",{open:[1028],anchor:[16],anchorId:[1,"anchor-id"],side:[1],align:[1],sideOffset:[8,"side-offset"],boundary:[16],popoverWidth:[1,"popover-width"],popoverLabel:[1,"popover-label"],shouldRender:[32],closing:[32],positionReady:[32],pos:[32],availableHeight:[32]},undefined,{open:[{onOpenChange:0}],anchor:[{onPlacementChange:0}],anchorId:[{onPlacementChange:0}],boundary:[{onPlacementChange:0}],side:[{onPlacementChange:0}],align:[{onPlacementChange:0}],sideOffset:[{onPlacementChange:0}]}]);function w(){if(typeof customElements==="undefined"){return}const e=["ds-popover"];e.forEach((e=>{switch(e){case"ds-popover":if(!customElements.get(n(e))){customElements.define(n(e),b)}break}}))}w();const x=b;const y=w;export{x as DsPopover,y as defineCustomElement};
+//# sourceMappingURL=ds-popover.js.map

package/dist/components/ds-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["popoverCss","TABBABLE_SELECTOR","WIDTH_MAP","xs","sm","md","lg","popoverIdCounter","Popover","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","side","align","sideOffset","TOKEN_CSS_LENGTHS","space050","popoverLabel","shouldRender","closing","positionReady","pos","x","y","availableHeight","popupId","closeTimer","loaded","tasks","ConnectionTasks","el","isConnected","position","AnchoredPositionController","getAnchor","resolvedAnchor","getPopup","popupEl","getOwnerDocument","ownerDocument","measure","anchor","popup","viewportPadPx","anchorRect","getBoundingClientRect","popupWidth","offsetWidth","popupHeight","Math","min","scrollHeight","window","innerHeight","sideOffsetPx","resolveCssLengthPx","TOKEN_DEFAULTS","alignOffsetPx","viewportWidth","innerWidth","viewportHeight","collisionRect","resolveAnchoredOverlayBoundaryRect","boundary","apply","onReady","liveUpdate","topLayer","observeResize","observeAnchorMotion","interaction","AnchoredOverlayInteractionController","onOutsideActivation","close","undefined","handleKeyDown","event","key","preventDefault","stopPropagation","shiftKey","target","first","querySelector","focus","tabLeavesPopup","moveFocusAfterTab","componentDidLoad","onOpenChange","connectedCallback","disconnectedCallback","cancel","teardown","isOpen","connect","observe","schedule","focusInitial","closeAnimationMs","resolveMotionTimeMs","motionShort2","animationDurationShort3","finishClose","setTimeout","onPlacementChange","anchorId","getElementById","resolvedWidth","width","popoverWidth","trim","unobserve","disconnect","clearTimeout","frame","content","autofocus","reason","originalEvent","restoreFocus","focusAnchor","dsClose","emit","matches","hidePopover","dsAfterClose","render","visible","popupStyle","left","top","transform","round","visibility","floor","h","Host","id","popover","tabindex","class","style","role","inert","onKeyDown"],"sources":["src/wc/components/Popover/Popover.css?tag=ds-popover&encapsulation=scoped","src/wc/components/Popover/Popover.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n@import '../../utils/choice-popup.css';\n@import '../../utils/forced-colors.css';\n\n:host {\n  display: contents;\n}\n\n/*\n * The anchored choice-popup surface shared with Menu, Select, and InputDate:\n * menu radius, floating shadow and highlight, and the same 4px frame. Width\n * follows content between the choice-popup bounds unless popoverWidth fixes it.\n */\n.popover-surface.ds-choice-popup {\n  width: var(--_popover-width, max-content);\n  padding: var(--dimension-space-050);\n  color: var(--color-foreground-primary);\n  outline: none;\n}\n\n.popover-surface--hidden {\n  display: none;\n}\n\n/* Default inset puts content on the same 12px edge as Menu item labels. */\n.popover-content {\n  box-sizing: border-box;\n  flex: 1 1 auto;\n  min-height: 0;\n  padding: var(--dimension-space-100);\n  overflow-y: auto;\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n  Watch,\n  h,\n  Host,\n} from '@stencil/core';\nimport {\n  resolveCssLengthPx,\n  resolveMotionTimeMs,\n  TOKEN_CSS_LENGTHS,\n  TOKEN_DEFAULTS,\n} from '../../utils';\nimport { resolveAnchoredOverlayBoundaryRect } from '../../utils/anchored-overlay-boundary';\nimport { AnchoredOverlayInteractionController } from '../../utils/anchored-overlay-interaction-controller';\nimport type { AnchoredAlign, AnchoredSide } from '../../utils/anchored-position';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { ConnectionTasks } from '../../utils/connection-tasks';\n\nexport type PopoverSide = AnchoredSide;\nexport type PopoverAlign = AnchoredAlign;\nexport type PopoverWidth = 'xs' | 'sm' | 'md' | 'lg';\nexport type PopoverCloseReason = 'escape' | 'outside' | 'tab';\n\nexport interface PopoverCloseDetail {\n  reason: PopoverCloseReason;\n  /** The triggering event; absent for outside activation, which the shared controller observes. */\n  originalEvent?: Event;\n}\n\nconst TABBABLE_SELECTOR =\n  'a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nconst WIDTH_MAP: Record<PopoverWidth, string> = {\n  xs: 'var(--dimension-menu-width-xs)',\n  sm: 'var(--dimension-menu-width-sm)',\n  md: 'var(--dimension-menu-width-md)',\n  lg: 'var(--dimension-menu-width-lg)',\n};\n\nlet popoverIdCounter = 0;\n\n@Component({\n  tag: 'ds-popover',\n  styleUrl: 'Popover.css',\n  scoped: true,\n})\nexport class Popover {\n  @Element() el!: HTMLElement;\n\n  @Prop({ mutable: true }) open: boolean = false;\n  /** External trigger element to position against. Set via JS: popoverEl.anchor = buttonEl */\n  @Prop() anchor: HTMLElement | undefined;\n  /** ID of the external trigger element for positioning. */\n  @Prop() anchorId: string | undefined;\n  /** Preferred side; placement flips to the opposite side when that offers a better fit. */\n  @Prop() side: PopoverSide = 'bottom';\n  @Prop() align: PopoverAlign = 'start';\n  /** Gap between anchor and popover — number (px) or TokoMo length. */\n  @Prop() sideOffset: number | string = TOKEN_CSS_LENGTHS.space050;\n  /** Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used. */\n  @Prop() boundary: HTMLElement | undefined;\n  /**\n   * Menu width token (`xs`, `sm`, `md`, `lg`) or a CSS length. Unset, the surface\n   * follows its content between the menu-width-xs and panel-width-lg bounds.\n   */\n  @Prop() popoverWidth: PopoverWidth | string | undefined;\n  /** Accessible name for the dialog surface. */\n  @Prop() popoverLabel: string = '';\n\n  @State() private shouldRender: boolean = false;\n  @State() private closing: boolean = false;\n  @State() private positionReady: boolean = false;\n  @State() private pos: { x: number; y: number } = { x: 0, y: 0 };\n  @State() private availableHeight: number | null = null;\n\n  /** Emitted when the user dismisses the popover. The component sets open to false. */\n  @Event() dsClose!: EventEmitter<PopoverCloseDetail>;\n  /** Emitted after exit motion completes. */\n  @Event() dsAfterClose!: EventEmitter<void>;\n\n  private readonly popupId = `ds-popover-${++popoverIdCounter}`;\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\n  private loaded = false;\n  private readonly tasks = new ConnectionTasks(() => this.el.isConnected);\n\n  private readonly position = new AnchoredPositionController({\n    getAnchor: () => this.resolvedAnchor,\n    getPopup: () => this.popupEl,\n    getOwnerDocument: () => this.el.ownerDocument,\n    measure: (anchor, popup) => {\n      if (!this.open) return null;\n      const viewportPadPx = this.viewportPadPx;\n      return {\n        anchorRect: anchor.getBoundingClientRect(),\n        popupWidth: popup.offsetWidth,\n        popupHeight: Math.min(popup.scrollHeight, window.innerHeight - viewportPadPx * 2),\n        side: this.side,\n        align: this.align,\n        sideOffsetPx: resolveCssLengthPx(this.sideOffset, TOKEN_DEFAULTS.space050),\n        alignOffsetPx: 0,\n        viewportPadPx,\n        viewportWidth: window.innerWidth,\n        viewportHeight: window.innerHeight,\n        collisionRect: resolveAnchoredOverlayBoundaryRect(anchor, this.boundary),\n      };\n    },\n    apply: ({ x, y, availableHeight }) => {\n      this.pos = { x, y };\n      this.availableHeight = availableHeight;\n    },\n    onReady: () => {\n      this.positionReady = true;\n    },\n    liveUpdate: 'double-frame',\n    topLayer: true,\n    observeResize: true,\n    observeAnchorMotion: true,\n  });\n\n  private readonly interaction = new AnchoredOverlayInteractionController({\n    getAnchor: () => this.resolvedAnchor,\n    getPopup: () => this.popupEl,\n    getOwnerDocument: () => this.el.ownerDocument,\n    onOutsideActivation: () => this.close('outside', undefined, false),\n  });\n\n  componentDidLoad() {\n    this.loaded = true;\n    if (this.open) this.onOpenChange(true);\n  }\n\n  connectedCallback() {\n    if (this.loaded && this.open) this.onOpenChange(true);\n  }\n\n  disconnectedCallback() {\n    this.tasks.cancel();\n    this.teardown();\n    this.shouldRender = false;\n    this.closing = false;\n    this.positionReady = false;\n  }\n\n  @Watch('open')\n  onOpenChange(isOpen: boolean) {\n    if (!this.loaded || !this.el.isConnected) return;\n    if (isOpen) {\n      this.teardown();\n      this.shouldRender = true;\n      this.closing = false;\n      this.positionReady = false;\n      this.availableHeight = null;\n      this.interaction.connect();\n      this.position.observe();\n      this.position.schedule(() => this.focusInitial());\n    } else if (this.shouldRender && !this.closing) {\n      this.closing = true;\n      this.teardown();\n      const closeAnimationMs = resolveMotionTimeMs(\n        TOKEN_DEFAULTS.motionShort2,\n        TOKEN_DEFAULTS.animationDurationShort3\n      );\n      if (closeAnimationMs <= 0) {\n        this.finishClose();\n        return;\n      }\n      this.closeTimer = setTimeout(() => {\n        this.closeTimer = null;\n        this.finishClose();\n      }, closeAnimationMs);\n    }\n  }\n\n  @Watch('anchor')\n  @Watch('anchorId')\n  @Watch('boundary')\n  @Watch('side')\n  @Watch('align')\n  @Watch('sideOffset')\n  onPlacementChange() {\n    if (this.open && this.shouldRender) this.position.schedule();\n  }\n\n  private get resolvedAnchor(): HTMLElement | null {\n    if (this.anchor) return this.anchor;\n    if (this.anchorId) return this.el.ownerDocument.getElementById(this.anchorId);\n    return null;\n  }\n\n  private get popupEl(): HTMLElement | null {\n    return this.el.querySelector<HTMLElement>('.popover-surface');\n  }\n\n  private get viewportPadPx(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n  }\n\n  private get resolvedWidth(): string | undefined {\n    const width = this.popoverWidth?.trim();\n    if (!width) return undefined;\n    return WIDTH_MAP[width as PopoverWidth] ?? width;\n  }\n\n  private teardown() {\n    this.position.unobserve();\n    this.interaction.disconnect();\n    if (this.closeTimer) clearTimeout(this.closeTimer);\n    this.closeTimer = null;\n  }\n\n  private focusInitial() {\n    this.tasks.frame(() => {\n      if (!this.open) return;\n      const popup = this.popupEl;\n      if (!popup) return;\n      const content = popup.querySelector<HTMLElement>('.popover-content');\n      const autofocus = content?.querySelector<HTMLElement>('[autofocus]');\n      if (autofocus) {\n        autofocus.focus();\n        return;\n      }\n      popup.focus();\n    });\n  }\n\n  private close(\n    reason: PopoverCloseReason,\n    originalEvent: Event | undefined,\n    restoreFocus: boolean\n  ) {\n    if (!this.open || this.closing) return;\n    if (restoreFocus) this.interaction.focusAnchor();\n    this.dsClose.emit({ reason, originalEvent });\n    this.open = false;\n  }\n\n  private finishClose() {\n    if (this.open || !this.closing || !this.el.isConnected) return;\n    const popup = this.popupEl;\n    if (popup?.matches(':popover-open')) popup.hidePopover();\n    this.shouldRender = false;\n    this.closing = false;\n    this.positionReady = false;\n    this.dsAfterClose.emit();\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.closing) return;\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.close('escape', event, true);\n      return;\n    }\n    // From the focused surface itself, a forward Tab enters the first control. WebKit\n    // sends native Tab from a top-layer surface to the document body, so move it here.\n    if (event.key === 'Tab' && !event.shiftKey && event.target === this.popupEl) {\n      const first = this.popupEl?.querySelector<HTMLElement>(TABBABLE_SELECTOR);\n      if (first) {\n        event.preventDefault();\n        first.focus();\n        return;\n      }\n    }\n    if (event.key === 'Tab' && this.interaction.tabLeavesPopup(event)) {\n      event.preventDefault();\n      this.close('tab', event, false);\n      this.interaction.moveFocusAfterTab(event.shiftKey);\n    }\n  };\n\n  render() {\n    // Slotted content stays in the host while closed so authored nodes are never discarded.\n    const visible = this.shouldRender;\n    const popupStyle: Record<string, string> = {\n      position: 'fixed',\n      left: '0',\n      top: '0',\n      transform: `translate(${Math.round(this.pos.x)}px, ${Math.round(this.pos.y)}px)`,\n      visibility: this.positionReady ? 'visible' : 'hidden',\n    };\n    const width = this.resolvedWidth;\n    if (width) popupStyle['--_popover-width'] = width;\n    if (this.availableHeight !== null) {\n      popupStyle['max-height'] = `${Math.floor(this.availableHeight)}px`;\n    }\n\n    return (\n      <Host>\n        <div\n          id={this.popupId}\n          popover=\"manual\"\n          tabindex={-1}\n          class={{\n            'popover-surface': true,\n            'ds-choice-popup': true,\n            'ds-choice-popup--closing': this.closing,\n            'popover-surface--hidden': !visible,\n          }}\n          style={visible ? popupStyle : undefined}\n          role=\"dialog\"\n          aria-label={this.popoverLabel || undefined}\n          inert={this.closing}\n          onKeyDown={this.handleKeyDown}\n        >\n          <div class=\"popover-content\">\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2QAAA,MAAMA,EAAa,IAAM,unFCkCzB,MAAMC,EACJ,iKAEF,MAAMC,EAA0C,CAC9CC,GAAI,iCACJC,GAAI,iCACJC,GAAI,iCACJC,GAAI,kCAGN,IAAIC,EAAmB,E,MAOVC,EAAOC,EAAA,MAAAD,UAAAE,EALpB,WAAAC,CAAAC,G,wHAQ2BC,KAAAC,KAAgB,MAMjCD,KAAAE,KAAoB,SACpBF,KAAAG,MAAsB,QAEtBH,KAAAI,WAA8BC,EAAkBC,SAShDN,KAAAO,aAAuB,GAEdP,KAAAQ,aAAwB,MACxBR,KAAAS,QAAmB,MACnBT,KAAAU,cAAyB,MACzBV,KAAAW,IAAgC,CAAEC,EAAG,EAAGC,EAAG,GAC3Cb,KAAAc,gBAAiC,KAOjCd,KAAAe,QAAU,gBAAgBrB,IACnCM,KAAAgB,WAAmD,KACnDhB,KAAAiB,OAAS,MACAjB,KAAAkB,MAAQ,IAAIC,GAAgB,IAAMnB,KAAKoB,GAAGC,cAE1CrB,KAAAsB,SAAW,IAAIC,EAA2B,CACzDC,UAAW,IAAMxB,KAAKyB,eACtBC,SAAU,IAAM1B,KAAK2B,QACrBC,iBAAkB,IAAM5B,KAAKoB,GAAGS,cAChCC,QAAS,CAACC,EAAQC,KAChB,IAAKhC,KAAKC,KAAM,OAAO,KACvB,MAAMgC,EAAgBjC,KAAKiC,cAC3B,MAAO,CACLC,WAAYH,EAAOI,wBACnBC,WAAYJ,EAAMK,YAClBC,YAAaC,KAAKC,IAAIR,EAAMS,aAAcC,OAAOC,YAAcV,EAAgB,GAC/E/B,KAAMF,KAAKE,KACXC,MAAOH,KAAKG,MACZyC,aAAcC,EAAmB7C,KAAKI,WAAY0C,EAAexC,UACjEyC,cAAe,EACfd,gBACAe,cAAeN,OAAOO,WACtBC,eAAgBR,OAAOC,YACvBQ,cAAeC,EAAmCrB,EAAQ/B,KAAKqD,UAChE,EAEHC,MAAO,EAAG1C,IAAGC,IAAGC,sBACdd,KAAKW,IAAM,CAAEC,IAAGC,KAChBb,KAAKc,gBAAkBA,CAAe,EAExCyC,QAAS,KACPvD,KAAKU,cAAgB,IAAI,EAE3B8C,WAAY,eACZC,SAAU,KACVC,cAAe,KACfC,oBAAqB,OAGN3D,KAAA4D,YAAc,IAAIC,EAAqC,CACtErC,UAAW,IAAMxB,KAAKyB,eACtBC,SAAU,IAAM1B,KAAK2B,QACrBC,iBAAkB,IAAM5B,KAAKoB,GAAGS,cAChCiC,oBAAqB,IAAM9D,KAAK+D,MAAM,UAAWC,UAAW,SA2HtDhE,KAAAiE,cAAiBC,IACvB,GAAIlE,KAAKS,QAAS,OAClB,GAAIyD,EAAMC,MAAQ,SAAU,CAC1BD,EAAME,iBACNF,EAAMG,kBACNrE,KAAK+D,MAAM,SAAUG,EAAO,MAC5B,M,CAIF,GAAIA,EAAMC,MAAQ,QAAUD,EAAMI,UAAYJ,EAAMK,SAAWvE,KAAK2B,QAAS,CAC3E,MAAM6C,EAAQxE,KAAK2B,SAAS8C,cAA2BrF,GACvD,GAAIoF,EAAO,CACTN,EAAME,iBACNI,EAAME,QACN,M,EAGJ,GAAIR,EAAMC,MAAQ,OAASnE,KAAK4D,YAAYe,eAAeT,GAAQ,CACjEA,EAAME,iBACNpE,KAAK+D,MAAM,MAAOG,EAAO,OACzBlE,KAAK4D,YAAYgB,kBAAkBV,EAAMI,S,EA6C9C,CA1LC,gBAAAO,GACE7E,KAAKiB,OAAS,KACd,GAAIjB,KAAKC,KAAMD,KAAK8E,aAAa,K,CAGnC,iBAAAC,GACE,GAAI/E,KAAKiB,QAAUjB,KAAKC,KAAMD,KAAK8E,aAAa,K,CAGlD,oBAAAE,GACEhF,KAAKkB,MAAM+D,SACXjF,KAAKkF,WACLlF,KAAKQ,aAAe,MACpBR,KAAKS,QAAU,MACfT,KAAKU,cAAgB,K,CAIvB,YAAAoE,CAAaK,GACX,IAAKnF,KAAKiB,SAAWjB,KAAKoB,GAAGC,YAAa,OAC1C,GAAI8D,EAAQ,CACVnF,KAAKkF,WACLlF,KAAKQ,aAAe,KACpBR,KAAKS,QAAU,MACfT,KAAKU,cAAgB,MACrBV,KAAKc,gBAAkB,KACvBd,KAAK4D,YAAYwB,UACjBpF,KAAKsB,SAAS+D,UACdrF,KAAKsB,SAASgE,UAAS,IAAMtF,KAAKuF,gB,MAC7B,GAAIvF,KAAKQ,eAAiBR,KAAKS,QAAS,CAC7CT,KAAKS,QAAU,KACfT,KAAKkF,WACL,MAAMM,EAAmBC,EACvB3C,EAAe4C,aACf5C,EAAe6C,yBAEjB,GAAIH,GAAoB,EAAG,CACzBxF,KAAK4F,cACL,M,CAEF5F,KAAKgB,WAAa6E,YAAW,KAC3B7F,KAAKgB,WAAa,KAClBhB,KAAK4F,aAAa,GACjBJ,E,EAUP,iBAAAM,GACE,GAAI9F,KAAKC,MAAQD,KAAKQ,aAAcR,KAAKsB,SAASgE,U,CAGpD,kBAAY7D,GACV,GAAIzB,KAAK+B,OAAQ,OAAO/B,KAAK+B,OAC7B,GAAI/B,KAAK+F,SAAU,OAAO/F,KAAKoB,GAAGS,cAAcmE,eAAehG,KAAK+F,UACpE,OAAO,I,CAGT,WAAYpE,GACV,OAAO3B,KAAKoB,GAAGqD,cAA2B,mB,CAG5C,iBAAYxC,GACV,OAAOY,EAAmBC,EAAexC,SAAUwC,EAAexC,S,CAGpE,iBAAY2F,GACV,MAAMC,EAAQlG,KAAKmG,cAAcC,OACjC,IAAKF,EAAO,OAAOlC,UACnB,OAAO3E,EAAU6G,IAA0BA,C,CAGrC,QAAAhB,GACNlF,KAAKsB,SAAS+E,YACdrG,KAAK4D,YAAY0C,aACjB,GAAItG,KAAKgB,WAAYuF,aAAavG,KAAKgB,YACvChB,KAAKgB,WAAa,I,CAGZ,YAAAuE,GACNvF,KAAKkB,MAAMsF,OAAM,KACf,IAAKxG,KAAKC,KAAM,OAChB,MAAM+B,EAAQhC,KAAK2B,QACnB,IAAKK,EAAO,OACZ,MAAMyE,EAAUzE,EAAMyC,cAA2B,oBACjD,MAAMiC,EAAYD,GAAShC,cAA2B,eACtD,GAAIiC,EAAW,CACbA,EAAUhC,QACV,M,CAEF1C,EAAM0C,OAAO,G,CAIT,KAAAX,CACN4C,EACAC,EACAC,GAEA,IAAK7G,KAAKC,MAAQD,KAAKS,QAAS,OAChC,GAAIoG,EAAc7G,KAAK4D,YAAYkD,cACnC9G,KAAK+G,QAAQC,KAAK,CAAEL,SAAQC,kBAC5B5G,KAAKC,KAAO,K,CAGN,WAAA2F,GACN,GAAI5F,KAAKC,OAASD,KAAKS,UAAYT,KAAKoB,GAAGC,YAAa,OACxD,MAAMW,EAAQhC,KAAK2B,QACnB,GAAIK,GAAOiF,QAAQ,iBAAkBjF,EAAMkF,cAC3ClH,KAAKQ,aAAe,MACpBR,KAAKS,QAAU,MACfT,KAAKU,cAAgB,MACrBV,KAAKmH,aAAaH,M,CA4BpB,MAAAI,GAEE,MAAMC,EAAUrH,KAAKQ,aACrB,MAAM8G,EAAqC,CACzChG,SAAU,QACViG,KAAM,IACNC,IAAK,IACLC,UAAW,aAAalF,KAAKmF,MAAM1H,KAAKW,IAAIC,SAAS2B,KAAKmF,MAAM1H,KAAKW,IAAIE,QACzE8G,WAAY3H,KAAKU,cAAgB,UAAY,UAE/C,MAAMwF,EAAQlG,KAAKiG,cACnB,GAAIC,EAAOoB,EAAW,oBAAsBpB,EAC5C,GAAIlG,KAAKc,kBAAoB,KAAM,CACjCwG,EAAW,cAAgB,GAAG/E,KAAKqF,MAAM5H,KAAKc,oB,CAGhD,OACE+G,EAACC,EAAI,CAAA3D,IAAA,4CACH0D,EAAA,OAAA1D,IAAA,2CACE4D,GAAI/H,KAAKe,QACTiH,QAAQ,SACRC,UAAU,EACVC,MAAO,CACL,kBAAmB,KACnB,kBAAmB,KACnB,2BAA4BlI,KAAKS,QACjC,2BAA4B4G,GAE9Bc,MAAOd,EAAUC,EAAatD,UAC9BoE,KAAK,SAAQ,aACDpI,KAAKO,cAAgByD,UACjCqE,MAAOrI,KAAKS,QACZ6H,UAAWtI,KAAKiE,eAEhB4D,EAAA,OAAA1D,IAAA,2CAAK+D,MAAM,mBACTL,EAAA,QAAA1D,IAAA,+C","ignoreList":[]}

package/dist/components/ds-radio-tile.js

@@ -1,2 +1,2 @@
-import{p as i,H as e,c as o,h as r,a as t,t as d}from"./index.js";import{d as n}from"./p-DMPn_dt7.js";import{D as s,s as a}from"./p-DOUk4KoT.js";import{s as c,r as l}from"./p-DGVZhrMd.js";const v=()=>`@media (forced-colors: active){.sc-ds-radio-tile:root,.sc-ds-radio-tile-h,.ds-forced-colors-scope.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill.sc-ds-radio-tile{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-radio-tile-h::before,.ds-interaction-fill.sc-ds-radio-tile::before,.ds-interaction-fill.sc-ds-radio-tile-h::after,.ds-interaction-fill.sc-ds-radio-tile::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-radio-tile-h::before,.ds-interaction-fill.sc-ds-radio-tile::before{z-index:1}.ds-interaction-fill.sc-ds-radio-tile-h::after,.ds-interaction-fill.sc-ds-radio-tile::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-radio-tile-h,.ds-interaction-fill--bordered.sc-ds-radio-tile{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-radio-tile-h::before,.ds-interaction-fill--selected.sc-ds-radio-tile::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-radio-tile-h,.ds-interaction-fill--selected.sc-ds-radio-tile{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-radio-tile-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-radio-tile:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-radio-tile-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-radio-tile:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-radio-tile-h::after,.ds-interaction-fill--grouped.sc-ds-radio-tile::after,.ds-interaction-fill--grouped.sc-ds-radio-tile-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-radio-tile:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-radio-tile-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-radio-tile:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-radio-tile-h,.ds-interaction-fill--grouped.sc-ds-radio-tile{--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-radio-tile-h>.ds-interaction-fill__content.sc-ds-radio-tile,.ds-interaction-fill.sc-ds-radio-tile>.ds-interaction-fill__content.sc-ds-radio-tile,.ds-interaction-fill__content.sc-ds-radio-tile{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-radio-tile-h,.ds-interaction-fill--on-faint.sc-ds-radio-tile{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-radio-tile-h,.ds-interaction-fill--on-medium.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-bold.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-strong.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-translucent.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-inverted.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-media.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-always-dark.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-chrome.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-navigation.sc-ds-radio-tile{--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-radio-tile-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-radio-tile:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-radio-tile-h::after,.ds-interaction-fill.sc-ds-radio-tile::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-radio-tile-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-radio-tile: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-radio-tile-h::before,.ds-interaction-fill--selected.sc-ds-radio-tile::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-radio-tile-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-radio-tile: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)}}@media (forced-colors: active){.sc-ds-radio-tile:root,.sc-ds-radio-tile-h,.ds-forced-colors-scope.sc-ds-radio-tile{--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-control-inactive.sc-ds-radio-tile-h,.ds-control-inactive.sc-ds-radio-tile{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-radio-tile-h,.ds-control-inactive.sc-ds-radio-tile{color:var(--ds-forced-color-disabled);opacity:1}}@media (forced-colors: active){.sc-ds-radio-tile:root,.sc-ds-radio-tile-h,.ds-forced-colors-scope.sc-ds-radio-tile{--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-radio-tile-h{display:flex;flex-direction:column;gap:var(--dimension-space-100)}.radio-tiles--horizontal.sc-ds-radio-tile-h{flex-direction:row;flex-wrap:wrap}.radio-tiles--horizontal.sc-ds-radio-tile-h .radio-tile.sc-ds-radio-tile{flex-basis:var(--dimension-menu-width-xs)}.radio-tile.sc-ds-radio-tile{display:flex;position:relative;align-items:flex-start;flex:1;box-sizing:border-box;gap:var(--dimension-space-150);padding:var(--dimension-space-200);min-width:0;border-radius:var(--dimension-radius-025);background:var(--color-background-primary);cursor:pointer;user-select:none}.radio-tile__outline.sc-ds-radio-tile{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-secondary);pointer-events:none}[aria-invalid='true'].sc-ds-radio-tile-h .radio-tile__outline.sc-ds-radio-tile{box-shadow:inset 0 0 0 var(--dimension-stroke-width-025) var(--color-border-bold-negative)}.radio-tile__input.sc-ds-radio-tile{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:inherit;z-index:3}.radio-tile__input.sc-ds-radio-tile:disabled{cursor:not-allowed}.radio-tile__input.sc-ds-radio-tile:focus-visible+.radio-tile__outline.sc-ds-radio-tile{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.radio-tile__placement.sc-ds-radio-tile{display:flex;align-items:center;justify-content:center;flex:none;width:var(--dimension-iconography-md);height:var(--dimension-iconography-md)}.radio-tile__indicator.sc-ds-radio-tile{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--dimension-iconography-sm);height:var(--dimension-iconography-sm);border-radius:var(--dimension-radius-half);box-shadow:inset 0 0 0 var(--dimension-stroke-width-015) var(--color-foreground-tertiary)}.radio-tile--selected.sc-ds-radio-tile .radio-tile__indicator.sc-ds-radio-tile{background:var(--color-background-bold-brand);box-shadow:none}.radio-tile__indicator.sc-ds-radio-tile>span.sc-ds-radio-tile{width:var(--dimension-size-100);height:var(--dimension-size-100);border-radius:var(--dimension-radius-half);background:var(--color-foreground-on-bold-background-primary)}.radio-tile__copy.sc-ds-radio-tile{display:grid;gap:var(--dimension-space-050);min-width:0}@media (forced-colors: active){.radio-tile__outline.sc-ds-radio-tile,.radio-tile__indicator.sc-ds-radio-tile{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);box-shadow:none}.radio-tile--selected.sc-ds-radio-tile .radio-tile__indicator.sc-ds-radio-tile{background:var(--ds-forced-color-selected)}.radio-tile__indicator.sc-ds-radio-tile>span.sc-ds-radio-tile{background:var(--ds-forced-color-on-selected)}}`;let f=0;const h=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.dsChange=o(this,"dsChange",7);this.internals=this.attachInternals();this.options=[];this.value="";this.disabled=false;this.isInactive=false;this.required=false;this.requiredMessage=s;this.direction="vertical";this.error=false;this.ariaLabel=null;this.formDisabled=false;this.generatedId=`ds-radio-tile-${++f}`;this.initialValue=""}get inactive(){return this.disabled||this.isInactive||this.formDisabled}componentWillLoad(){this.initialValue=this.value;this.syncFormValue()}syncFormValue(){const i=this.options.some((i=>i.value===this.value&&!i.isInactive));c(this.internals,i?this.value:"",{inactive:this.inactive,state:this.value});a(this.internals,this.required&&!this.inactive&&!i,this.requiredMessage)}formDisabledCallback(i){this.formDisabled=i;this.syncFormValue()}formResetCallback(){this.value=this.initialValue}formStateRestoreCallback(i){this.value=l(i)}async setFocus(){(this.el.querySelector("input:checked:not(:disabled)")??this.el.querySelector("input:not(:disabled)"))?.focus()}select(i){if(this.inactive||i===this.value)return;this.value=i;this.dsChange.emit(i)}render(){return r(t,{key:"a513197aaddbe3144429b1e2ff0e2bd391ff9f47",role:"radiogroup","aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-describedby":this.ariaDescribedby,"aria-required":this.required?"true":undefined,"aria-invalid":this.error?"true":undefined,class:{"radio-tiles":true,"radio-tiles--horizontal":this.direction==="horizontal"}},this.options.map(((i,e)=>{const o=i.value===this.value;const t=this.inactive||Boolean(i.isInactive);return r("label",{class:{"radio-tile":true,"radio-tile--selected":o,"ds-interaction-fill":!t,"ds-control-inactive":t},key:i.value},r("input",{type:"radio",class:"radio-tile__input",id:e===0?this.inputId:undefined,name:this.generatedId,form:"",value:i.value,checked:o,disabled:t,"aria-labelledby":`${this.generatedId}-label-${e}`,"aria-describedby":i.description?`${this.generatedId}-description-${e}`:undefined,onChange:()=>this.select(i.value)}),r("span",{class:"radio-tile__outline","aria-hidden":"true"}),r("span",{class:"radio-tile__placement ds-interaction-fill__content","aria-hidden":"true"},r("span",{class:"radio-tile__indicator"},o&&r("span",null))),r("span",{class:"radio-tile__copy ds-interaction-fill__content"},r("ds-text",{as:"span",variant:"text-body-medium",color:i.description?"primary":"secondary",emphasis:Boolean(i.description),textId:`${this.generatedId}-label-${e}`},i.label),i.description&&r("ds-text",{as:"span",variant:"text-body-medium",color:"secondary",textId:`${this.generatedId}-description-${e}`},i.description)))})))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{syncFormValue:0}],options:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],required:[{syncFormValue:0}],requiredMessage:[{syncFormValue:0}]}}static get style(){return v()}},[66,"ds-radio-tile",{options:[16],value:[1025],name:[513],form:[513],disabled:[516],isInactive:[4,"is-inactive"],required:[516],requiredMessage:[1,"required-message"],direction:[1],inputId:[1,"input-id"],error:[4],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],formDisabled:[32],setFocus:[64]},undefined,{value:[{syncFormValue:0}],options:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],required:[{syncFormValue:0}],requiredMessage:[{syncFormValue:0}]}]);function u(){if(typeof customElements==="undefined"){return}const i=["ds-radio-tile","ds-text"];i.forEach((i=>{switch(i){case"ds-radio-tile":if(!customElements.get(d(i))){customElements.define(d(i),h)}break;case"ds-text":if(!customElements.get(d(i))){n()}break}}))}u();const b=h;const p=u;export{b as DsRadioTile,p as defineCustomElement};
+import{p as i,H as e,c as o,h as r,a as t,t as d}from"./index.js";import{d as n}from"./p-DcwgXLe-.js";import{D as s,s as a}from"./p-DOUk4KoT.js";import{s as c,r as l}from"./p-DGVZhrMd.js";const v=()=>`@media (forced-colors: active){.sc-ds-radio-tile:root,.sc-ds-radio-tile-h,.ds-forced-colors-scope.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill.sc-ds-radio-tile{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-radio-tile-h::before,.ds-interaction-fill.sc-ds-radio-tile::before,.ds-interaction-fill.sc-ds-radio-tile-h::after,.ds-interaction-fill.sc-ds-radio-tile::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-radio-tile-h::before,.ds-interaction-fill.sc-ds-radio-tile::before{z-index:1}.ds-interaction-fill.sc-ds-radio-tile-h::after,.ds-interaction-fill.sc-ds-radio-tile::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-radio-tile-h,.ds-interaction-fill--bordered.sc-ds-radio-tile{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-radio-tile-h::before,.ds-interaction-fill--selected.sc-ds-radio-tile::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-radio-tile-h,.ds-interaction-fill--selected.sc-ds-radio-tile{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-radio-tile-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-radio-tile:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-radio-tile-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-radio-tile:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-radio-tile-h::after,.ds-interaction-fill--grouped.sc-ds-radio-tile::after,.ds-interaction-fill--grouped.sc-ds-radio-tile-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-radio-tile:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-radio-tile-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-radio-tile:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-radio-tile-h,.ds-interaction-fill--grouped.sc-ds-radio-tile{--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-radio-tile-h>.ds-interaction-fill__content.sc-ds-radio-tile,.ds-interaction-fill.sc-ds-radio-tile>.ds-interaction-fill__content.sc-ds-radio-tile,.ds-interaction-fill__content.sc-ds-radio-tile{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-radio-tile-h,.ds-interaction-fill--on-faint.sc-ds-radio-tile{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-radio-tile-h,.ds-interaction-fill--on-medium.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-bold.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-strong.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-translucent.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-inverted.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-media.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-always-dark.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-chrome.sc-ds-radio-tile{--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-radio-tile-h,.ds-interaction-fill--on-navigation.sc-ds-radio-tile{--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-radio-tile-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-radio-tile:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-radio-tile-h::after,.ds-interaction-fill.sc-ds-radio-tile::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-radio-tile-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-radio-tile: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-radio-tile-h::before,.ds-interaction-fill--selected.sc-ds-radio-tile::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-radio-tile-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-radio-tile: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)}}@media (forced-colors: active){.sc-ds-radio-tile:root,.sc-ds-radio-tile-h,.ds-forced-colors-scope.sc-ds-radio-tile{--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-control-inactive.sc-ds-radio-tile-h,.ds-control-inactive.sc-ds-radio-tile{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-radio-tile-h,.ds-control-inactive.sc-ds-radio-tile{color:var(--ds-forced-color-disabled);opacity:1}}@media (forced-colors: active){.sc-ds-radio-tile:root,.sc-ds-radio-tile-h,.ds-forced-colors-scope.sc-ds-radio-tile{--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-radio-tile-h{display:flex;flex-direction:column;gap:var(--dimension-space-100)}.radio-tiles--horizontal.sc-ds-radio-tile-h{flex-direction:row;flex-wrap:wrap}.radio-tiles--horizontal.sc-ds-radio-tile-h .radio-tile.sc-ds-radio-tile{flex-basis:var(--dimension-menu-width-xs)}.radio-tile.sc-ds-radio-tile{display:flex;position:relative;align-items:flex-start;flex:1;box-sizing:border-box;gap:var(--dimension-space-150);padding:var(--dimension-space-200);min-width:0;border-radius:var(--dimension-radius-025);background:var(--color-background-primary);cursor:pointer;user-select:none}.radio-tile__outline.sc-ds-radio-tile{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-secondary);pointer-events:none}[aria-invalid='true'].sc-ds-radio-tile-h .radio-tile__outline.sc-ds-radio-tile{box-shadow:inset 0 0 0 var(--dimension-stroke-width-025) var(--color-border-bold-negative)}.radio-tile__input.sc-ds-radio-tile{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:inherit;z-index:3}.radio-tile__input.sc-ds-radio-tile:disabled{cursor:not-allowed}.radio-tile__input.sc-ds-radio-tile:focus-visible+.radio-tile__outline.sc-ds-radio-tile{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.radio-tile__placement.sc-ds-radio-tile{display:flex;align-items:center;justify-content:center;flex:none;width:var(--dimension-iconography-md);height:var(--dimension-iconography-md)}.radio-tile__indicator.sc-ds-radio-tile{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--dimension-iconography-sm);height:var(--dimension-iconography-sm);border-radius:var(--dimension-radius-half);box-shadow:inset 0 0 0 var(--dimension-stroke-width-015) var(--color-foreground-tertiary)}.radio-tile--selected.sc-ds-radio-tile .radio-tile__indicator.sc-ds-radio-tile{background:var(--color-background-bold-brand);box-shadow:none}.radio-tile__indicator.sc-ds-radio-tile>span.sc-ds-radio-tile{width:var(--dimension-size-100);height:var(--dimension-size-100);border-radius:var(--dimension-radius-half);background:var(--color-foreground-on-bold-background-primary)}.radio-tile__copy.sc-ds-radio-tile{display:grid;gap:var(--dimension-space-050);min-width:0}@media (forced-colors: active){.radio-tile__outline.sc-ds-radio-tile,.radio-tile__indicator.sc-ds-radio-tile{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);box-shadow:none}.radio-tile--selected.sc-ds-radio-tile .radio-tile__indicator.sc-ds-radio-tile{background:var(--ds-forced-color-selected)}.radio-tile__indicator.sc-ds-radio-tile>span.sc-ds-radio-tile{background:var(--ds-forced-color-on-selected)}}`;let f=0;const h=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.dsChange=o(this,"dsChange",7);this.internals=this.attachInternals();this.options=[];this.value="";this.disabled=false;this.isInactive=false;this.required=false;this.requiredMessage=s;this.direction="vertical";this.error=false;this.ariaLabel=null;this.formDisabled=false;this.generatedId=`ds-radio-tile-${++f}`;this.initialValue=""}get inactive(){return this.disabled||this.isInactive||this.formDisabled}componentWillLoad(){this.initialValue=this.value;this.syncFormValue()}syncFormValue(){const i=this.options.some((i=>i.value===this.value&&!i.isInactive));c(this.internals,i?this.value:"",{inactive:this.inactive,state:this.value});a(this.internals,this.required&&!this.inactive&&!i,this.requiredMessage)}formDisabledCallback(i){this.formDisabled=i;this.syncFormValue()}formResetCallback(){this.value=this.initialValue}formStateRestoreCallback(i){this.value=l(i)}async setFocus(){(this.el.querySelector("input:checked:not(:disabled)")??this.el.querySelector("input:not(:disabled)"))?.focus()}select(i){if(this.inactive||i===this.value)return;this.value=i;this.dsChange.emit(i)}render(){return r(t,{key:"82cb60deffa04e545213af5d7b6d91e31f5beacd",role:"radiogroup","aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-describedby":this.ariaDescribedby,"aria-required":this.required?"true":undefined,"aria-invalid":this.error?"true":undefined,class:{"radio-tiles":true,"radio-tiles--horizontal":this.direction==="horizontal"}},this.options.map(((i,e)=>{const o=i.value===this.value;const t=this.inactive||Boolean(i.isInactive);return r("label",{class:{"radio-tile":true,"radio-tile--selected":o,"ds-interaction-fill":!t,"ds-control-inactive":t},key:i.value},r("input",{type:"radio",class:"radio-tile__input",id:e===0?this.inputId:undefined,name:this.generatedId,form:"",value:i.value,checked:o,disabled:t,"aria-labelledby":`${this.generatedId}-label-${e}`,"aria-describedby":i.description?`${this.generatedId}-description-${e}`:undefined,onChange:()=>this.select(i.value)}),r("span",{class:"radio-tile__outline","aria-hidden":"true"}),r("span",{class:"radio-tile__placement ds-interaction-fill__content","aria-hidden":"true"},r("span",{class:"radio-tile__indicator"},o&&r("span",null))),r("span",{class:"radio-tile__copy ds-interaction-fill__content"},r("ds-text",{as:"span",variant:"text-body-medium",color:i.description?"primary":"secondary",emphasis:Boolean(i.description),textId:`${this.generatedId}-label-${e}`},i.label),i.description&&r("ds-text",{as:"span",variant:"text-body-medium",color:"secondary",textId:`${this.generatedId}-description-${e}`},i.description)))})))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{syncFormValue:0}],options:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],required:[{syncFormValue:0}],requiredMessage:[{syncFormValue:0}]}}static get style(){return v()}},[66,"ds-radio-tile",{options:[16],value:[1025],name:[513],form:[513],disabled:[516],isInactive:[4,"is-inactive"],required:[516],requiredMessage:[1,"required-message"],direction:[1],inputId:[1,"input-id"],error:[4],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],formDisabled:[32],setFocus:[64]},undefined,{value:[{syncFormValue:0}],options:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],required:[{syncFormValue:0}],requiredMessage:[{syncFormValue:0}]}]);function u(){if(typeof customElements==="undefined"){return}const i=["ds-radio-tile","ds-text"];i.forEach((i=>{switch(i){case"ds-radio-tile":if(!customElements.get(d(i))){customElements.define(d(i),h)}break;case"ds-text":if(!customElements.get(d(i))){n()}break}}))}u();const b=h;const p=u;export{b as DsRadioTile,p as defineCustomElement};
 //# sourceMappingURL=ds-radio-tile.js.map

package/dist/components/ds-radio.js

@@ -1,2 +1,2 @@
-import{R as o,d as s}from"./p-CGtq7TnC.js";const t=o;const n=s;export{t as DsRadio,n as defineCustomElement};
+import{R as o,d as s}from"./p-LFHrICnV.js";const r=o;const t=s;export{r as DsRadio,t as defineCustomElement};
 //# sourceMappingURL=ds-radio.js.map

package/dist/components/ds-score.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-P2-eHQJU.js";const t=o;const p=s;export{t as DsScore,p as defineCustomElement};
+import{S as o,d as s}from"./p-D_N38YjY.js";const t=o;const p=s;export{t as DsScore,p as defineCustomElement};
 //# sourceMappingURL=ds-score.js.map

package/dist/components/ds-scroll-overlay.js

@@ -1,2 +1,2 @@
-import{p as e,H as l,c as s,h as r,a,t as o}from"./index.js";import{S as d}from"./p-CGKjjJZm.js";const t=()=>`@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-scroll-overlay{--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-scroll-overlay{--ds-scroll-edge-fade-target-top:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--bottom.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-bottom:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--left.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-left:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--right.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-right:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--top-at-edge.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-top:0px}.scroll-edge-fade--bottom-at-edge.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-bottom:0px}.scroll-edge-fade--left-at-edge.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-left:0px}.scroll-edge-fade--right-at-edge.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-right:0px}@supports (animation-timeline: scroll()){.scroll-edge-fade--scroll-aware.sc-ds-scroll-overlay{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-scroll-overlay{animation:none}}}.scroll-edge-fade--at-end.sc-ds-scroll-overlay,.scroll-edge-fade--hidden.sc-ds-scroll-overlay{-webkit-mask-image:none;mask-image:none}.scroll-edge-fade--block-window.sc-ds-scroll-overlay{--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 c=()=>`.sc-ds-scroll-overlay-h{display:block;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}.scroll-overlay.sc-ds-scroll-overlay{position:relative;width:100%;height:100%;min-width:0;min-height:0}.scroll-overlay__viewport.sc-ds-scroll-overlay{width:100%;height:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}.scroll-overlay__viewport.sc-ds-scroll-overlay:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-border-bold-brand);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.scroll-overlay__content.sc-ds-scroll-overlay{display:flex;flex-direction:column;min-height:100%;padding-block-end:var(--ds-scroll-overlay-block-size, 0);box-sizing:border-box}.scroll-overlay__body.sc-ds-scroll-overlay{display:grid;grid-template-columns:minmax(0, 1fr);flex:1 0 auto;min-height:0}.scroll-overlay__overlay.sc-ds-scroll-overlay{position:absolute;right:0;bottom:0;left:0;z-index:var(--dimension-z-index-floating)}`;const i=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.dsScroll=s(this,"dsScroll",7);this.handleScroll=()=>{if(!this.viewport)return;this.controller?.sync();this.dsScroll.emit({scrollTop:this.viewport.scrollTop,scrollHeight:this.viewport.scrollHeight,clientHeight:this.viewport.clientHeight})}}connectedCallback(){this.controller?.connect()}componentDidLoad(){if(!this.viewport||!this.content||!this.overlay)return;this.controller=new d({host:this.el,viewport:this.viewport,content:this.content,overlay:this.overlay});this.controller.connect()}disconnectedCallback(){this.controller?.disconnect()}async scrollToStart(){this.viewport?.scrollTo({top:0,behavior:"auto"});this.controller?.sync()}async scrollToEnd(){this.viewport?.scrollTo({top:this.viewport.scrollHeight,behavior:"auto"});this.controller?.sync()}async refreshOverlay(){this.controller?.sync()}render(){const e=Boolean(this.scrollLabel?.trim());return r(a,{key:"2af4e4a09d57886485d12eb2abf60c5a9f083e80"},r("div",{key:"6d2d078faca86771a920809319b9c37eda1bf186",class:"scroll-overlay"},r("div",{key:"dc0420dc94f1bf126520d304dad0f7b39895a312",class:"scroll-overlay__viewport",ref:e=>{this.viewport=e},role:e?"region":undefined,"aria-label":e?this.scrollLabel:undefined,tabIndex:e?0:undefined,onScroll:this.handleScroll},r("div",{key:"9168b5bb47dc4bf82defae60688d5373882345b0",class:"scroll-overlay__content scroll-edge-fade--block-window",ref:e=>{this.content=e}},r("div",{key:"f3ce864ccc119b9b2453e5bfabdea72e8edffc60",class:"scroll-overlay__body"},r("slot",{key:"32366ba963db5df74c84c29f899edaa2eab1dc56"})))),r("div",{key:"f8f489f20cc61df13f35fd03a4c6f7ccb866a74d",class:"scroll-overlay__overlay",ref:e=>{this.overlay=e}},r("slot",{key:"316660975bb83ff045bf541cba33820810031e29",name:"overlay"}))))}get el(){return this}static get style(){return t()+c()}},[262,"ds-scroll-overlay",{scrollLabel:[1,"scroll-label"],scrollToStart:[64],scrollToEnd:[64],refreshOverlay:[64]}]);function n(){if(typeof customElements==="undefined"){return}const e=["ds-scroll-overlay"];e.forEach((e=>{switch(e){case"ds-scroll-overlay":if(!customElements.get(o(e))){customElements.define(o(e),i)}break}}))}n();const f=i;const g=n;export{f as DsScrollOverlay,g as defineCustomElement};
+import{p as e,H as l,c as s,h as r,a,t as o}from"./index.js";import{S as d}from"./p-CGKjjJZm.js";const t=()=>`@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-scroll-overlay{--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-scroll-overlay{--ds-scroll-edge-fade-target-top:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--bottom.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-bottom:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--left.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-left:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--right.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-right:var(--ds-scroll-edge-fade-size)}.scroll-edge-fade--top-at-edge.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-top:0px}.scroll-edge-fade--bottom-at-edge.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-bottom:0px}.scroll-edge-fade--left-at-edge.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-left:0px}.scroll-edge-fade--right-at-edge.sc-ds-scroll-overlay{--ds-scroll-edge-fade-target-right:0px}@supports (animation-timeline: scroll()){.scroll-edge-fade--scroll-aware.sc-ds-scroll-overlay{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-scroll-overlay{animation:none}}}.scroll-edge-fade--at-end.sc-ds-scroll-overlay,.scroll-edge-fade--hidden.sc-ds-scroll-overlay{-webkit-mask-image:none;mask-image:none}.scroll-edge-fade--block-window.sc-ds-scroll-overlay{--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 c=()=>`.sc-ds-scroll-overlay-h{display:block;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}.scroll-overlay.sc-ds-scroll-overlay{position:relative;width:100%;height:100%;min-width:0;min-height:0}.scroll-overlay__viewport.sc-ds-scroll-overlay{width:100%;height:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}.scroll-overlay__viewport.sc-ds-scroll-overlay:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-border-bold-brand);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.scroll-overlay__content.sc-ds-scroll-overlay{display:flex;flex-direction:column;min-height:100%;padding-block-end:var(--ds-scroll-overlay-block-size, 0);box-sizing:border-box}.scroll-overlay__body.sc-ds-scroll-overlay{display:grid;grid-template-columns:minmax(0, 1fr);flex:1 0 auto;min-height:0}.scroll-overlay__overlay.sc-ds-scroll-overlay{position:absolute;right:0;bottom:0;left:0;z-index:var(--dimension-z-index-floating)}`;const i=e(class e extends l{constructor(e){super();if(e!==false){this.__registerHost()}this.dsScroll=s(this,"dsScroll",7);this.handleScroll=()=>{if(!this.viewport)return;this.controller?.sync();this.dsScroll.emit({scrollTop:this.viewport.scrollTop,scrollHeight:this.viewport.scrollHeight,clientHeight:this.viewport.clientHeight})}}connectedCallback(){this.controller?.connect()}componentDidLoad(){if(!this.viewport||!this.content||!this.overlay)return;this.controller=new d({host:this.el,viewport:this.viewport,content:this.content,overlay:this.overlay});this.controller.connect()}disconnectedCallback(){this.controller?.disconnect()}async scrollToStart(){this.viewport?.scrollTo({top:0,behavior:"auto"});this.controller?.sync()}async scrollToEnd(){this.viewport?.scrollTo({top:this.viewport.scrollHeight,behavior:"auto"});this.controller?.sync()}async refreshOverlay(){this.controller?.sync()}render(){const e=Boolean(this.scrollLabel?.trim());return r(a,{key:"9399e7fa2727f616f34e59dd20bd3eadf9f75153"},r("div",{key:"637f6b5462ba2a61c7d4177810e87ed48d818273",class:"scroll-overlay"},r("div",{key:"8777ed12b572780881ec08fd0379107ed0877ea9",class:"scroll-overlay__viewport",ref:e=>{this.viewport=e},role:e?"region":undefined,"aria-label":e?this.scrollLabel:undefined,tabIndex:e?0:undefined,onScroll:this.handleScroll},r("div",{key:"e84a0f8b689b7251c610567d5039d26d801a2b84",class:"scroll-overlay__content scroll-edge-fade--block-window",ref:e=>{this.content=e}},r("div",{key:"e9a64fd60b4920ab3f12c86ddef9f6dd6c8a690d",class:"scroll-overlay__body"},r("slot",{key:"b73aec4c05eb292f6e96a6147c4969b1ba57e92a"})))),r("div",{key:"8c1fc365b11f662b9262ab5850a5fd5af3fa6b0d",class:"scroll-overlay__overlay",ref:e=>{this.overlay=e}},r("slot",{key:"21e621d865c1166e317f3820877d75c5f9b5c16f",name:"overlay"}))))}get el(){return this}static get style(){return t()+c()}},[262,"ds-scroll-overlay",{scrollLabel:[1,"scroll-label"],scrollToStart:[64],scrollToEnd:[64],refreshOverlay:[64]}]);function n(){if(typeof customElements==="undefined"){return}const e=["ds-scroll-overlay"];e.forEach((e=>{switch(e){case"ds-scroll-overlay":if(!customElements.get(o(e))){customElements.define(o(e),i)}break}}))}n();const f=i;const g=n;export{f as DsScrollOverlay,g as defineCustomElement};
 //# sourceMappingURL=ds-scroll-overlay.js.map

package/dist/components/ds-select-toggle.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as o,h as s,a as i,t as n}from"./index.js";import{o as r}from"./p-Dkh_40bl.js";import{d as c}from"./p-C942uiH1.js";import{d}from"./p-DMPn_dt7.js";import{C as l}from"./p-CuwopElg.js";import{c as a}from"./p-DuFm-ieS.js";const g=()=>`.sc-ds-select-toggle-h,.sc-ds-select-toggle:where(.ds-table),.sc-ds-select-toggle:where(.tooltip-popup),.sc-ds-select-toggle: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-select-toggle,.ds-control--lg.sc-ds-select-toggle-h,.ds-control--md.sc-ds-select-toggle-h,.ds-control--md.sc-ds-select-toggle,.ds-control--sm.sc-ds-select-toggle-h,.ds-control--sm.sc-ds-select-toggle,.ds-control--xs.sc-ds-select-toggle-h,.ds-control--xs.sc-ds-select-toggle{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-select-toggle-h,.ds-control--lg.sc-ds-select-toggle{--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-select-toggle-h,.ds-control--md.sc-ds-select-toggle{--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-select-toggle-h,.ds-control--sm.sc-ds-select-toggle{--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-select-toggle-h,.ds-control--xs.sc-ds-select-toggle{--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-select-toggle{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-select-toggle{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-select-toggle{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-select-toggle{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-select-toggle{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-select-toggle{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-control-width--hug.sc-ds-select-toggle-h,.ds-control-width--hug.sc-ds-select-toggle{width:fit-content;max-width:100%;flex:0 0 auto}.ds-control-width--fill.sc-ds-select-toggle-h,.ds-control-width--fill.sc-ds-select-toggle{width:100%;min-width:0;flex:1 1 auto;align-self:stretch}@media (forced-colors: active){.sc-ds-select-toggle:root,.sc-ds-select-toggle-h,.ds-forced-colors-scope.sc-ds-select-toggle{--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-select-toggle-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-select-toggle-h,.ds-focus-ring.sc-ds-select-toggle,.ds-focus-ring-inset.sc-ds-select-toggle-h,.ds-focus-ring-inset.sc-ds-select-toggle{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-select-toggle-h:focus-visible,.ds-focus-ring.sc-ds-select-toggle: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-select-toggle-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-select-toggle{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-select-toggle-h:focus-visible,.ds-focus-ring-inset.sc-ds-select-toggle:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-select-toggle-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-select-toggle: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-select-toggle-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-select-toggle{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-select-toggle-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-select-toggle::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-select-toggle-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-select-toggle:root,.sc-ds-select-toggle-h,.ds-forced-colors-scope.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill.sc-ds-select-toggle{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-select-toggle-h::before,.ds-interaction-fill.sc-ds-select-toggle::before,.ds-interaction-fill.sc-ds-select-toggle-h::after,.ds-interaction-fill.sc-ds-select-toggle::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-select-toggle-h::before,.ds-interaction-fill.sc-ds-select-toggle::before{z-index:1}.ds-interaction-fill.sc-ds-select-toggle-h::after,.ds-interaction-fill.sc-ds-select-toggle::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-select-toggle-h,.ds-interaction-fill--bordered.sc-ds-select-toggle{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-select-toggle-h::before,.ds-interaction-fill--selected.sc-ds-select-toggle::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-select-toggle-h,.ds-interaction-fill--selected.sc-ds-select-toggle{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-select-toggle-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-select-toggle:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-select-toggle-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-select-toggle:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-select-toggle-h::after,.ds-interaction-fill--grouped.sc-ds-select-toggle::after,.ds-interaction-fill--grouped.sc-ds-select-toggle-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-select-toggle:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-select-toggle-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-select-toggle:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-select-toggle-h,.ds-interaction-fill--grouped.sc-ds-select-toggle{--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-select-toggle-h>.ds-interaction-fill__content.sc-ds-select-toggle,.ds-interaction-fill.sc-ds-select-toggle>.ds-interaction-fill__content.sc-ds-select-toggle,.ds-interaction-fill__content.sc-ds-select-toggle{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-select-toggle-h,.ds-interaction-fill--on-faint.sc-ds-select-toggle{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-select-toggle-h,.ds-interaction-fill--on-medium.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-bold.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-strong.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-translucent.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-inverted.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-media.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-always-dark.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-chrome.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-navigation.sc-ds-select-toggle{--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-select-toggle-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-select-toggle:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-select-toggle-h::after,.ds-interaction-fill.sc-ds-select-toggle::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-select-toggle-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-select-toggle: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-select-toggle-h::before,.ds-interaction-fill--selected.sc-ds-select-toggle::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-select-toggle-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-select-toggle: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)}}@media (forced-colors: active){.sc-ds-select-toggle:root,.sc-ds-select-toggle-h,.ds-forced-colors-scope.sc-ds-select-toggle{--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-control-inactive.sc-ds-select-toggle-h,.ds-control-inactive.sc-ds-select-toggle{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-select-toggle-h,.ds-control-inactive.sc-ds-select-toggle{color:var(--ds-forced-color-disabled);opacity:1}}.sc-ds-select-toggle-h{display:inline-flex;min-inline-size:0;--_select-toggle-dot-position:var(--dimension-size-050);--_select-toggle-dot-idle:var(--dimension-space-025);--_select-toggle-dot-active:var(--_select-toggle-dot-idle);--_select-toggle-dot-gap:var(--dimension-space-012)}.ds-control--sm.sc-ds-select-toggle-h{--_select-toggle-dot-position:calc(var(--dimension-size-050) * 3 / 4);--_select-toggle-dot-idle:var(--dimension-space-012)}.ds-control--lg.sc-ds-select-toggle-h{--_select-toggle-dot-position:calc(var(--dimension-size-050) * 5 / 4);--_select-toggle-dot-idle:calc(var(--dimension-size-050) * 3 / 4);--_select-toggle-dot-gap:var(--dimension-space-025)}.ds-control-width--fill.sc-ds-select-toggle-h{display:flex;width:100%}.trigger.sc-ds-select-toggle{appearance:none;min-inline-size:0;max-inline-size:100%;justify-content:space-between;background:var(--color-background-transparent);border:0;color:var(--color-foreground-secondary);font-family:inherit;-webkit-user-select:none;user-select:none}.trigger--bordered.sc-ds-select-toggle{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-tertiary)}.ds-control-width--fill.sc-ds-select-toggle-h .trigger.sc-ds-select-toggle{width:100%}.trigger__content.sc-ds-select-toggle{display:inline-flex;align-items:center;flex:1 1 auto;gap:var(--ds-control-gap);min-width:0;overflow:hidden}.trigger__label.sc-ds-select-toggle{min-width:0;overflow:hidden;text-align:left}.trigger__indicator.sc-ds-select-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 calc(var(--ds-control-icon) - var(--dimension-size-100));width:calc(var(--ds-control-icon) - var(--dimension-size-100));height:var(--ds-control-icon);gap:var(--_select-toggle-dot-gap)}.trigger__dot-position.sc-ds-select-toggle{display:grid;place-items:center;flex:0 0 var(--_select-toggle-dot-position);width:var(--_select-toggle-dot-position);height:var(--_select-toggle-dot-position)}.trigger__dot.sc-ds-select-toggle{width:var(--_select-toggle-dot-idle);height:var(--_select-toggle-dot-idle);border-radius:var(--dimension-radius-half);background:var(--color-foreground-quaternary)}.trigger__dot--active.sc-ds-select-toggle{width:var(--_select-toggle-dot-active);height:var(--_select-toggle-dot-active);background:var(--color-foreground-secondary)}@media (forced-colors: active){.trigger.sc-ds-select-toggle{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.trigger__dot.sc-ds-select-toggle{background:var(--ds-forced-color-content)}.trigger__dot--active.sc-ds-select-toggle{background:var(--ds-forced-color-selected)}}`;const v=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=o(this,"dsChange",7);this.options=[];this.value="";this.variant="label";this.collapseLabel=false;this.size="md";this.width="hug";this.hasBorder=true;this.isInactive=false;this.ariaLabel=null;this.captionCompact=false;this.hasLoaded=false;this.advance=()=>{const e=this.validOptions;if(this.isInactive||!e.length)return;const t=Math.max(0,e.findIndex((e=>e.value===this.value)));const o=e[(t+1)%e.length];this.value=o.value;this.dsChange.emit(o.value)}}componentWillLoad(){this.reconcileValue()}componentDidLoad(){this.hasLoaded=true;this.syncCaptionCompactObserver()}connectedCallback(){if(this.hasLoaded)this.syncCaptionCompactObserver()}disconnectedCallback(){this.disconnectCaptionCompactObserver()}onCollapseLabelChange(){this.syncCaptionCompactObserver()}reconcileValue(){const e=this.validOptions;if(e.length&&!e.some((e=>e.value===this.value))){this.value=e[0].value}}get validOptions(){if(this.options.length<2||this.options.length>3)return[];if(this.options.some((e=>!e.value||!e.label))||new Set(this.options.map((e=>e.value))).size!==this.options.length){return[]}return this.options}syncCaptionCompactObserver(){this.disconnectCaptionCompactObserver();if(!this.collapseLabel){if(this.captionCompact)this.captionCompact=false;return}this.captionCompactDisconnect=r(this.el,(e=>{if(this.captionCompact!==e)this.captionCompact=e}))}disconnectCaptionCompactObserver(){this.captionCompactDisconnect?.();this.captionCompactDisconnect=undefined}render(){const e=this.validOptions;const t=Math.max(0,e.findIndex((e=>e.value===this.value)));const o=e[t];const n=e[(t+1)%e.length];const r=this.variant!=="label";const c=this.variant!=="icon"&&!(this.collapseLabel&&this.captionCompact&&this.variant==="icon-label"&&o?.icon);const d=o?`${this.ariaLabel?`${this.ariaLabel}: `:""}${o.label}, ${t+1} of ${e.length}. Next: ${n.label}`:undefined;return s(i,{key:"ebc594bf7830271f4e31985a94511a1afbe18475",class:{[`ds-control--${this.size}`]:true,...a(this.width)}},o&&s("button",{key:"7b8462053de567d8e8dd515b0803e9495eb9d815",type:"button",class:{trigger:true,"ds-control-frame":true,"ds-focus-ring-inset":true,"ds-interaction-fill":true,"ds-control-inactive":this.isInactive,"trigger--bordered":this.hasBorder},"aria-label":d,disabled:this.isInactive,onClick:this.advance},s("span",{key:"e7ae709eaabd374393f3682a6e33764b0975cd13",class:"trigger__content ds-interaction-fill__content"},r&&o.icon&&s("span",{key:"9df008aa5bd4e36b97f0914b0537970aa15d84bc",class:"trigger__icon ds-control-icon-box","aria-hidden":"true"},s("ds-icon",{key:"abc1c71215fc93dd6c5d79b99c6b8ed2debb8fb7",name:o.icon,size:this.size,color:"inherit"})),c&&s("ds-text",{key:"cdb4782b467afcd491af6c472774515947171582",class:"trigger__label ds-control-label-box",as:"span",variant:l[this.size],color:"inherit",lineTruncation:1},o.label)),s("span",{key:"9e1c651f9a64f8e563798c7fdb67572052f9856d",class:"trigger__indicator ds-interaction-fill__content","aria-hidden":"true"},e.map(((e,o)=>s("span",{key:e.value,class:"trigger__dot-position"},s("span",{class:{trigger__dot:true,"trigger__dot--active":o===t}})))))))}get el(){return this}static get watchers(){return{collapseLabel:[{onCollapseLabelChange:0}],options:[{reconcileValue:0}],value:[{reconcileValue:0}]}}static get style(){return g()}},[2,"ds-select-toggle",{options:[16],value:[1025],variant:[1],collapseLabel:[516,"collapse-label"],size:[1],width:[1],hasBorder:[4,"has-border"],isInactive:[4,"is-inactive"],ariaLabel:[1,"aria-label"],captionCompact:[32]},undefined,{collapseLabel:[{onCollapseLabelChange:0}],options:[{reconcileValue:0}],value:[{reconcileValue:0}]}]);function f(){if(typeof customElements==="undefined"){return}const e=["ds-select-toggle","ds-icon","ds-text"];e.forEach((e=>{switch(e){case"ds-select-toggle":if(!customElements.get(n(e))){customElements.define(n(e),v)}break;case"ds-icon":if(!customElements.get(n(e))){c()}break;case"ds-text":if(!customElements.get(n(e))){d()}break}}))}f();const h=v;const u=f;export{h as DsSelectToggle,u as defineCustomElement};
+import{p as e,H as t,c as o,h as s,a as i,t as n}from"./index.js";import{o as r}from"./p-Dkh_40bl.js";import{d as c}from"./p-C942uiH1.js";import{d}from"./p-DcwgXLe-.js";import{C as l}from"./p-CuwopElg.js";import{c as a}from"./p-DuFm-ieS.js";const g=()=>`.sc-ds-select-toggle-h,.sc-ds-select-toggle:where(.ds-table),.sc-ds-select-toggle:where(.tooltip-popup),.sc-ds-select-toggle: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-select-toggle,.ds-control--lg.sc-ds-select-toggle-h,.ds-control--md.sc-ds-select-toggle-h,.ds-control--md.sc-ds-select-toggle,.ds-control--sm.sc-ds-select-toggle-h,.ds-control--sm.sc-ds-select-toggle,.ds-control--xs.sc-ds-select-toggle-h,.ds-control--xs.sc-ds-select-toggle{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-select-toggle-h,.ds-control--lg.sc-ds-select-toggle{--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-select-toggle-h,.ds-control--md.sc-ds-select-toggle{--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-select-toggle-h,.ds-control--sm.sc-ds-select-toggle{--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-select-toggle-h,.ds-control--xs.sc-ds-select-toggle{--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-select-toggle{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-select-toggle{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-select-toggle{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-select-toggle{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-select-toggle{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-select-toggle{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-control-width--hug.sc-ds-select-toggle-h,.ds-control-width--hug.sc-ds-select-toggle{width:fit-content;max-width:100%;flex:0 0 auto}.ds-control-width--fill.sc-ds-select-toggle-h,.ds-control-width--fill.sc-ds-select-toggle{width:100%;min-width:0;flex:1 1 auto;align-self:stretch}@media (forced-colors: active){.sc-ds-select-toggle:root,.sc-ds-select-toggle-h,.ds-forced-colors-scope.sc-ds-select-toggle{--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-select-toggle-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-select-toggle-h,.ds-focus-ring.sc-ds-select-toggle,.ds-focus-ring-inset.sc-ds-select-toggle-h,.ds-focus-ring-inset.sc-ds-select-toggle{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-select-toggle-h:focus-visible,.ds-focus-ring.sc-ds-select-toggle: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-select-toggle-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-select-toggle{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-select-toggle-h:focus-visible,.ds-focus-ring-inset.sc-ds-select-toggle:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-select-toggle-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-select-toggle: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-select-toggle-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-select-toggle{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-select-toggle-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-select-toggle::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-select-toggle-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-select-toggle:root,.sc-ds-select-toggle-h,.ds-forced-colors-scope.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill.sc-ds-select-toggle{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-select-toggle-h::before,.ds-interaction-fill.sc-ds-select-toggle::before,.ds-interaction-fill.sc-ds-select-toggle-h::after,.ds-interaction-fill.sc-ds-select-toggle::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-select-toggle-h::before,.ds-interaction-fill.sc-ds-select-toggle::before{z-index:1}.ds-interaction-fill.sc-ds-select-toggle-h::after,.ds-interaction-fill.sc-ds-select-toggle::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-select-toggle-h,.ds-interaction-fill--bordered.sc-ds-select-toggle{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-select-toggle-h::before,.ds-interaction-fill--selected.sc-ds-select-toggle::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-select-toggle-h,.ds-interaction-fill--selected.sc-ds-select-toggle{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-select-toggle-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-select-toggle:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-select-toggle-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-select-toggle:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-select-toggle-h::after,.ds-interaction-fill--grouped.sc-ds-select-toggle::after,.ds-interaction-fill--grouped.sc-ds-select-toggle-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-select-toggle:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-select-toggle-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-select-toggle:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-select-toggle-h,.ds-interaction-fill--grouped.sc-ds-select-toggle{--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-select-toggle-h>.ds-interaction-fill__content.sc-ds-select-toggle,.ds-interaction-fill.sc-ds-select-toggle>.ds-interaction-fill__content.sc-ds-select-toggle,.ds-interaction-fill__content.sc-ds-select-toggle{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-select-toggle-h,.ds-interaction-fill--on-faint.sc-ds-select-toggle{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-select-toggle-h,.ds-interaction-fill--on-medium.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-bold.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-strong.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-translucent.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-inverted.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-media.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-always-dark.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-chrome.sc-ds-select-toggle{--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-select-toggle-h,.ds-interaction-fill--on-navigation.sc-ds-select-toggle{--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-select-toggle-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-select-toggle:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-select-toggle-h::after,.ds-interaction-fill.sc-ds-select-toggle::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-select-toggle-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-select-toggle: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-select-toggle-h::before,.ds-interaction-fill--selected.sc-ds-select-toggle::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-select-toggle-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-select-toggle: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)}}@media (forced-colors: active){.sc-ds-select-toggle:root,.sc-ds-select-toggle-h,.ds-forced-colors-scope.sc-ds-select-toggle{--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-control-inactive.sc-ds-select-toggle-h,.ds-control-inactive.sc-ds-select-toggle{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-select-toggle-h,.ds-control-inactive.sc-ds-select-toggle{color:var(--ds-forced-color-disabled);opacity:1}}.sc-ds-select-toggle-h{display:inline-flex;min-inline-size:0;--_select-toggle-dot-position:var(--dimension-size-050);--_select-toggle-dot-idle:var(--dimension-space-025);--_select-toggle-dot-active:var(--_select-toggle-dot-idle);--_select-toggle-dot-gap:var(--dimension-space-012)}.ds-control--sm.sc-ds-select-toggle-h{--_select-toggle-dot-position:calc(var(--dimension-size-050) * 3 / 4);--_select-toggle-dot-idle:var(--dimension-space-012)}.ds-control--lg.sc-ds-select-toggle-h{--_select-toggle-dot-position:calc(var(--dimension-size-050) * 5 / 4);--_select-toggle-dot-idle:calc(var(--dimension-size-050) * 3 / 4);--_select-toggle-dot-gap:var(--dimension-space-025)}.ds-control-width--fill.sc-ds-select-toggle-h{display:flex;width:100%}.trigger.sc-ds-select-toggle{appearance:none;min-inline-size:0;max-inline-size:100%;justify-content:space-between;background:var(--color-background-transparent);border:0;color:var(--color-foreground-secondary);font-family:inherit;-webkit-user-select:none;user-select:none}.trigger--bordered.sc-ds-select-toggle{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-tertiary)}.ds-control-width--fill.sc-ds-select-toggle-h .trigger.sc-ds-select-toggle{width:100%}.trigger__content.sc-ds-select-toggle{display:inline-flex;align-items:center;flex:1 1 auto;gap:var(--ds-control-gap);min-width:0;overflow:hidden}.trigger__label.sc-ds-select-toggle{min-width:0;overflow:hidden;text-align:left}.trigger__indicator.sc-ds-select-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 calc(var(--ds-control-icon) - var(--dimension-size-100));width:calc(var(--ds-control-icon) - var(--dimension-size-100));height:var(--ds-control-icon);gap:var(--_select-toggle-dot-gap)}.trigger__dot-position.sc-ds-select-toggle{display:grid;place-items:center;flex:0 0 var(--_select-toggle-dot-position);width:var(--_select-toggle-dot-position);height:var(--_select-toggle-dot-position)}.trigger__dot.sc-ds-select-toggle{width:var(--_select-toggle-dot-idle);height:var(--_select-toggle-dot-idle);border-radius:var(--dimension-radius-half);background:var(--color-foreground-quaternary)}.trigger__dot--active.sc-ds-select-toggle{width:var(--_select-toggle-dot-active);height:var(--_select-toggle-dot-active);background:var(--color-foreground-secondary)}@media (forced-colors: active){.trigger.sc-ds-select-toggle{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.trigger__dot.sc-ds-select-toggle{background:var(--ds-forced-color-content)}.trigger__dot--active.sc-ds-select-toggle{background:var(--ds-forced-color-selected)}}`;const f=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=o(this,"dsChange",7);this.options=[];this.value="";this.variant="label";this.collapseLabel=false;this.size="md";this.width="hug";this.hasBorder=true;this.isInactive=false;this.ariaLabel=null;this.captionCompact=false;this.hasLoaded=false;this.advance=()=>{const e=this.validOptions;if(this.isInactive||!e.length)return;const t=Math.max(0,e.findIndex((e=>e.value===this.value)));const o=e[(t+1)%e.length];this.value=o.value;this.dsChange.emit(o.value)}}componentWillLoad(){this.reconcileValue()}componentDidLoad(){this.hasLoaded=true;this.syncCaptionCompactObserver()}connectedCallback(){if(this.hasLoaded)this.syncCaptionCompactObserver()}disconnectedCallback(){this.disconnectCaptionCompactObserver()}onCollapseLabelChange(){this.syncCaptionCompactObserver()}reconcileValue(){const e=this.validOptions;if(e.length&&!e.some((e=>e.value===this.value))){this.value=e[0].value}}get validOptions(){if(this.options.length<2||this.options.length>3)return[];if(this.options.some((e=>!e.value||!e.label))||new Set(this.options.map((e=>e.value))).size!==this.options.length){return[]}return this.options}syncCaptionCompactObserver(){this.disconnectCaptionCompactObserver();if(!this.collapseLabel){if(this.captionCompact)this.captionCompact=false;return}this.captionCompactDisconnect=r(this.el,(e=>{if(this.captionCompact!==e)this.captionCompact=e}))}disconnectCaptionCompactObserver(){this.captionCompactDisconnect?.();this.captionCompactDisconnect=undefined}render(){const e=this.validOptions;const t=Math.max(0,e.findIndex((e=>e.value===this.value)));const o=e[t];const n=e[(t+1)%e.length];const r=this.variant!=="label";const c=this.variant!=="icon"&&!(this.collapseLabel&&this.captionCompact&&this.variant==="icon-label"&&o?.icon);const d=o?`${this.ariaLabel?`${this.ariaLabel}: `:""}${o.label}, ${t+1} of ${e.length}. Next: ${n.label}`:undefined;return s(i,{key:"b2c4f74ba3de7f9241d80a7a194ddeda584bf4fd",class:{[`ds-control--${this.size}`]:true,...a(this.width)}},o&&s("button",{key:"133bbd83e2cabb5b5bebcd9f6fbc1d74718884ab",type:"button",class:{trigger:true,"ds-control-frame":true,"ds-focus-ring-inset":true,"ds-interaction-fill":true,"ds-control-inactive":this.isInactive,"trigger--bordered":this.hasBorder},"aria-label":d,disabled:this.isInactive,onClick:this.advance},s("span",{key:"ad9a5b3dbbdab3f48bc428f3daacdd465a2c430b",class:"trigger__content ds-interaction-fill__content"},r&&o.icon&&s("span",{key:"a193f45888ffe9921556d644796973cb355a99b8",class:"trigger__icon ds-control-icon-box","aria-hidden":"true"},s("ds-icon",{key:"aabda2c21982776c7f6221456f3f754a9562d59b",name:o.icon,size:this.size,color:"inherit"})),c&&s("ds-text",{key:"81f5ffdfdb521a6b16beace6a035078fbad97d26",class:"trigger__label ds-control-label-box",as:"span",variant:l[this.size],color:"inherit",lineTruncation:1},o.label)),s("span",{key:"492ab12560cc36ec449daefaad782bedaa7c9cd3",class:"trigger__indicator ds-interaction-fill__content","aria-hidden":"true"},e.map(((e,o)=>s("span",{key:e.value,class:"trigger__dot-position"},s("span",{class:{trigger__dot:true,"trigger__dot--active":o===t}})))))))}get el(){return this}static get watchers(){return{collapseLabel:[{onCollapseLabelChange:0}],options:[{reconcileValue:0}],value:[{reconcileValue:0}]}}static get style(){return g()}},[2,"ds-select-toggle",{options:[16],value:[1025],variant:[1],collapseLabel:[516,"collapse-label"],size:[1],width:[1],hasBorder:[4,"has-border"],isInactive:[4,"is-inactive"],ariaLabel:[1,"aria-label"],captionCompact:[32]},undefined,{collapseLabel:[{onCollapseLabelChange:0}],options:[{reconcileValue:0}],value:[{reconcileValue:0}]}]);function v(){if(typeof customElements==="undefined"){return}const e=["ds-select-toggle","ds-icon","ds-text"];e.forEach((e=>{switch(e){case"ds-select-toggle":if(!customElements.get(n(e))){customElements.define(n(e),f)}break;case"ds-icon":if(!customElements.get(n(e))){c()}break;case"ds-text":if(!customElements.get(n(e))){d()}break}}))}v();const h=f;const u=v;export{h as DsSelectToggle,u as defineCustomElement};
 //# sourceMappingURL=ds-select-toggle.js.map

package/dist/components/ds-select.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-omfGVBEt.js";const t=o;const m=s;export{t as DsSelect,m as defineCustomElement};
+import{S as o,d as s}from"./p-CF6Px2b2.js";const t=o;const p=s;export{t as DsSelect,p as defineCustomElement};
 //# sourceMappingURL=ds-select.js.map

package/dist/components/ds-setting-row-checkbox.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as t,a as i,t as o}from"./index.js";import{d as c}from"./p-DMPn_dt7.js";import{C as n,a as d}from"./p-CuwopElg.js";const r=()=>`.sc-ds-setting-row-checkbox-h{box-sizing:border-box;min-width:0;padding-block:var(--dimension-space-100);padding-inline:var(--dimension-space-200);--ds-settings-row-control-padding-inline:0px}.sc-ds-setting-row-checkbox-h{display:flex;flex-direction:column;min-width:0;gap:var(--dimension-space-050);overflow-wrap:anywhere;padding-block:0}.sc-ds-setting-row-checkbox-h.sc-ds-setting-row-checkbox-s>ds-checkbox-group,.sc-ds-setting-row-checkbox-h .sc-ds-setting-row-checkbox-s>ds-checkbox-group{min-width:0;width:100%}.sc-ds-setting-row-checkbox-h[presentation='view'].sc-ds-setting-row-checkbox-s>ds-checkbox-group,.sc-ds-setting-row-checkbox-h[presentation='view'] .sc-ds-setting-row-checkbox-s>ds-checkbox-group{display:none !important}[presentation='edit'].sc-ds-setting-row-checkbox-h .setting-row-checkbox__choice.sc-ds-setting-row-checkbox{display:none}ds-text.setting-row-checkbox__heading.sc-ds-setting-row-checkbox{display:flex;align-items:center;box-sizing:border-box;height:var(--dimension-size-400);min-width:0;padding:0}.setting-row-checkbox__choice.sc-ds-setting-row-checkbox{display:grid;gap:var(--dimension-space-025);min-width:0;padding-block:var(--dimension-space-075)}`;let a=0;const h=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.presentation="edit";this.headingId=`ds-setting-row-checkbox-heading-${++a}`;this.syncSlottedCheckboxGroup=()=>{for(const e of this.el.querySelectorAll("ds-checkbox-group")){e.label="";if(this.label){e.ariaLabelledby=this.headingId;e.ariaLabel=null}}}}componentWillLoad(){this.syncSlottedCheckboxGroup()}componentDidLoad(){this.syncSlottedCheckboxGroup()}render(){return t(i,{key:"4424a490d07f0ada9f9376eadaf78143d083e182"},t("ds-text",{key:"setting-row-checkbox-heading",class:"setting-row-checkbox__heading",as:"span",variant:n.md,emphasis:true,textId:this.label?this.headingId:undefined},this.label),t("div",{key:"setting-row-checkbox-choice",class:"setting-row-checkbox__choice"},this.valueLabel?t("ds-text",{key:"setting-row-checkbox-value",as:"span",variant:n.md},this.valueLabel):null,this.description?.trim()?t("ds-text",{key:"setting-row-checkbox-description",as:"span",variant:d.md,color:"secondary"},this.description):null),t("slot",{key:"191cbaa12003d1461b1e37111afbbec75cd6e41e",onSlotchange:this.syncSlottedCheckboxGroup}))}get el(){return this}static get style(){return r()}},[262,"ds-setting-row-checkbox",{presentation:[513],label:[1],valueLabel:[1,"value-label"],description:[1]}]);function g(){if(typeof customElements==="undefined"){return}const e=["ds-setting-row-checkbox","ds-text"];e.forEach((e=>{switch(e){case"ds-setting-row-checkbox":if(!customElements.get(o(e))){customElements.define(o(e),h)}break;case"ds-text":if(!customElements.get(o(e))){c()}break}}))}g();const b=h;const x=g;export{b as DsSettingRowCheckbox,x as defineCustomElement};
+import{p as e,H as s,h as t,a as i,t as o}from"./index.js";import{d as c}from"./p-DcwgXLe-.js";import{C as n,a as d}from"./p-CuwopElg.js";const r=()=>`.sc-ds-setting-row-checkbox-h{box-sizing:border-box;min-width:0;padding-block:var(--dimension-space-100);padding-inline:var(--dimension-space-200);--ds-settings-row-control-padding-inline:0px}.sc-ds-setting-row-checkbox-h{display:flex;flex-direction:column;min-width:0;gap:var(--dimension-space-050);overflow-wrap:anywhere;padding-block:0}.sc-ds-setting-row-checkbox-h.sc-ds-setting-row-checkbox-s>ds-checkbox-group,.sc-ds-setting-row-checkbox-h .sc-ds-setting-row-checkbox-s>ds-checkbox-group{min-width:0;width:100%}.sc-ds-setting-row-checkbox-h[presentation='view'].sc-ds-setting-row-checkbox-s>ds-checkbox-group,.sc-ds-setting-row-checkbox-h[presentation='view'] .sc-ds-setting-row-checkbox-s>ds-checkbox-group{display:none !important}[presentation='edit'].sc-ds-setting-row-checkbox-h .setting-row-checkbox__choice.sc-ds-setting-row-checkbox{display:none}ds-text.setting-row-checkbox__heading.sc-ds-setting-row-checkbox{display:flex;align-items:center;box-sizing:border-box;height:var(--dimension-size-400);min-width:0;padding:0}.setting-row-checkbox__choice.sc-ds-setting-row-checkbox{display:grid;gap:var(--dimension-space-025);min-width:0;padding-block:var(--dimension-space-075)}`;let a=0;const h=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.presentation="edit";this.headingId=`ds-setting-row-checkbox-heading-${++a}`;this.syncSlottedCheckboxGroup=()=>{for(const e of this.el.querySelectorAll("ds-checkbox-group")){e.label="";if(this.label){e.ariaLabelledby=this.headingId;e.ariaLabel=null}}}}componentWillLoad(){this.syncSlottedCheckboxGroup()}componentDidLoad(){this.syncSlottedCheckboxGroup()}render(){return t(i,{key:"9402b4b175665201b6a17cc0903244a2e098f616"},t("ds-text",{key:"setting-row-checkbox-heading",class:"setting-row-checkbox__heading",as:"span",variant:n.md,emphasis:true,textId:this.label?this.headingId:undefined},this.label),t("div",{key:"setting-row-checkbox-choice",class:"setting-row-checkbox__choice"},this.valueLabel?t("ds-text",{key:"setting-row-checkbox-value",as:"span",variant:n.md},this.valueLabel):null,this.description?.trim()?t("ds-text",{key:"setting-row-checkbox-description",as:"span",variant:d.md,color:"secondary"},this.description):null),t("slot",{key:"20189a18bd53e5ba4411c9151a4bc57894ce4497",onSlotchange:this.syncSlottedCheckboxGroup}))}get el(){return this}static get style(){return r()}},[262,"ds-setting-row-checkbox",{presentation:[513],label:[1],valueLabel:[1,"value-label"],description:[1]}]);function g(){if(typeof customElements==="undefined"){return}const e=["ds-setting-row-checkbox","ds-text"];e.forEach((e=>{switch(e){case"ds-setting-row-checkbox":if(!customElements.get(o(e))){customElements.define(o(e),h)}break;case"ds-text":if(!customElements.get(o(e))){c()}break}}))}g();const b=h;const x=g;export{b as DsSettingRowCheckbox,x as defineCustomElement};
 //# sourceMappingURL=ds-setting-row-checkbox.js.map

package/dist/components/ds-setting-row-radio.js

@@ -1,2 +1,2 @@
-import{p as s,H as i,h as t,a as e,t as o}from"./index.js";import{d}from"./p-DcvPY30Q.js";import{d as n}from"./p-DMPn_dt7.js";import{C as a,a as r}from"./p-CuwopElg.js";const c=()=>`.sc-ds-setting-row-radio-h{box-sizing:border-box;min-width:0;padding-block:var(--dimension-space-100);padding-inline:var(--dimension-space-200);--ds-settings-row-control-padding-inline:0px}.sc-ds-setting-row-radio-h{display:flex;flex-direction:column;min-width:0;gap:var(--dimension-space-050);overflow-wrap:anywhere;padding-block:0}.sc-ds-setting-row-radio-h.sc-ds-setting-row-radio-s>ds-radio,.sc-ds-setting-row-radio-h .sc-ds-setting-row-radio-s>ds-radio{min-width:0;width:100%}.sc-ds-setting-row-radio-h[presentation='view'].sc-ds-setting-row-radio-s>ds-radio,.sc-ds-setting-row-radio-h[presentation='view'] .sc-ds-setting-row-radio-s>ds-radio{display:none !important}[presentation='edit'].sc-ds-setting-row-radio-h .setting-row-radio__choice.sc-ds-setting-row-radio{display:none}ds-text.setting-row-radio__heading.sc-ds-setting-row-radio{display:flex;align-items:center;box-sizing:border-box;height:var(--dimension-size-400);min-width:0;padding:0}.setting-row-radio__choice.sc-ds-setting-row-radio{display:grid;gap:var(--dimension-space-025);min-width:0;padding-block:var(--dimension-space-075)}`;let l=0;const g=s(class s extends i{constructor(s){super();if(s!==false){this.__registerHost()}this.presentation="edit";this.isLoading=false;this.headingId=`ds-setting-row-radio-heading-${++l}`;this.syncSlottedRadio=()=>{for(const s of this.el.querySelectorAll("ds-radio")){s.groupLabel="";if(this.label){s.ariaLabelledby=this.headingId;s.ariaLabel=null}}}}componentWillLoad(){this.syncSlottedRadio()}componentDidLoad(){this.syncSlottedRadio()}render(){return t(e,{key:"1f40fd95e0d2d236e29790f393fedb2243797676","aria-busy":this.isLoading?"true":undefined},t("ds-skeleton",{key:"cfa2fd75a4cebd5262bac398660cb5d7459a2a26",preserveLayout:true,isLoading:this.isLoading,textVariant:a.md},t("ds-text",{key:"setting-row-radio-heading",class:"setting-row-radio__heading",as:"span",variant:a.md,emphasis:true,textId:this.label?this.headingId:undefined},this.label)),t("div",{key:"setting-row-radio-choice",class:"setting-row-radio__choice"},this.valueLabel?t("ds-skeleton",{preserveLayout:true,isLoading:this.isLoading,textVariant:a.md},t("ds-text",{key:"setting-row-radio-value",as:"span",variant:a.md},this.valueLabel)):null,this.description?t("ds-skeleton",{preserveLayout:true,isLoading:this.isLoading,textVariant:r.md},t("ds-text",{key:"setting-row-radio-description",as:"span",variant:r.md,color:"secondary"},this.description)):null),t("slot",{key:"4106a8c1c4c930133590902d7bf11b8a7c552517",onSlotchange:this.syncSlottedRadio}))}get el(){return this}static get style(){return c()}},[262,"ds-setting-row-radio",{presentation:[513],label:[1],valueLabel:[1,"value-label"],description:[1],isLoading:[4,"is-loading"]}]);function h(){if(typeof customElements==="undefined"){return}const s=["ds-setting-row-radio","ds-skeleton","ds-text"];s.forEach((s=>{switch(s){case"ds-setting-row-radio":if(!customElements.get(o(s))){customElements.define(o(s),g)}break;case"ds-skeleton":if(!customElements.get(o(s))){d()}break;case"ds-text":if(!customElements.get(o(s))){n()}break}}))}h();const p=g;const w=h;export{p as DsSettingRowRadio,w as defineCustomElement};
+import{p as s,H as i,h as t,a as e,t as o}from"./index.js";import{d as n}from"./p-X-GPE9bP.js";import{d as a}from"./p-DcwgXLe-.js";import{C as d,a as r}from"./p-CuwopElg.js";const c=()=>`.sc-ds-setting-row-radio-h{box-sizing:border-box;min-width:0;padding-block:var(--dimension-space-100);padding-inline:var(--dimension-space-200);--ds-settings-row-control-padding-inline:0px}.sc-ds-setting-row-radio-h{display:flex;flex-direction:column;min-width:0;gap:var(--dimension-space-050);overflow-wrap:anywhere;padding-block:0}.sc-ds-setting-row-radio-h.sc-ds-setting-row-radio-s>ds-radio,.sc-ds-setting-row-radio-h .sc-ds-setting-row-radio-s>ds-radio{min-width:0;width:100%}.sc-ds-setting-row-radio-h[presentation='view'].sc-ds-setting-row-radio-s>ds-radio,.sc-ds-setting-row-radio-h[presentation='view'] .sc-ds-setting-row-radio-s>ds-radio{display:none !important}[presentation='edit'].sc-ds-setting-row-radio-h .setting-row-radio__choice.sc-ds-setting-row-radio{display:none}ds-text.setting-row-radio__heading.sc-ds-setting-row-radio{display:flex;align-items:center;box-sizing:border-box;height:var(--dimension-size-400);min-width:0;padding:0}.setting-row-radio__choice.sc-ds-setting-row-radio{display:grid;gap:var(--dimension-space-025);min-width:0;padding-block:var(--dimension-space-075)}`;let l=0;const g=s(class s extends i{constructor(s){super();if(s!==false){this.__registerHost()}this.presentation="edit";this.isLoading=false;this.headingId=`ds-setting-row-radio-heading-${++l}`;this.syncSlottedRadio=()=>{for(const s of this.el.querySelectorAll("ds-radio")){s.groupLabel="";if(this.label){s.ariaLabelledby=this.headingId;s.ariaLabel=null}}}}componentWillLoad(){this.syncSlottedRadio()}componentDidLoad(){this.syncSlottedRadio()}render(){return t(e,{key:"8d22f8856f56137cb242c339e7a47abfeb991b19","aria-busy":this.isLoading?"true":undefined},t("ds-skeleton",{key:"5c9886e526360727830ed4158b85e565d6fbde64",preserveLayout:true,isLoading:this.isLoading,textVariant:d.md},t("ds-text",{key:"setting-row-radio-heading",class:"setting-row-radio__heading",as:"span",variant:d.md,emphasis:true,textId:this.label?this.headingId:undefined},this.label)),t("div",{key:"setting-row-radio-choice",class:"setting-row-radio__choice"},this.valueLabel?t("ds-skeleton",{preserveLayout:true,isLoading:this.isLoading,textVariant:d.md},t("ds-text",{key:"setting-row-radio-value",as:"span",variant:d.md},this.valueLabel)):null,this.description?t("ds-skeleton",{preserveLayout:true,isLoading:this.isLoading,textVariant:r.md},t("ds-text",{key:"setting-row-radio-description",as:"span",variant:r.md,color:"secondary"},this.description)):null),t("slot",{key:"f37aefdaa581227542276abc46ac3b4fcea5720d",onSlotchange:this.syncSlottedRadio}))}get el(){return this}static get style(){return c()}},[262,"ds-setting-row-radio",{presentation:[513],label:[1],valueLabel:[1,"value-label"],description:[1],isLoading:[4,"is-loading"]}]);function h(){if(typeof customElements==="undefined"){return}const s=["ds-setting-row-radio","ds-skeleton","ds-text"];s.forEach((s=>{switch(s){case"ds-setting-row-radio":if(!customElements.get(o(s))){customElements.define(o(s),g)}break;case"ds-skeleton":if(!customElements.get(o(s))){n()}break;case"ds-text":if(!customElements.get(o(s))){a()}break}}))}h();const p=g;const w=h;export{p as DsSettingRowRadio,w as defineCustomElement};
 //# sourceMappingURL=ds-setting-row-radio.js.map