@ds-mo/ui 15.6.0 → 15.7.0

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-D8OWhnID.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:"df42f02c943a45f88c52b74dc2c573a9a35248c3"},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:"7db43063c77f7ca253f9ed623c9edf16bfc41918",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 x=h;const b=g;export{x as DsSettingRowCheckbox,b 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-BbvAWFJA.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:"5c16e9e608f31df3e2370ab3f021b267fb30a03c"},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:"b7583d0a055381ec7cc9913508f0c34a87bb557a",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 i,H as s,h as t,a as e,t as o}from"./index.js";import{d as n}from"./p-D8OWhnID.js";import{C as d,a}from"./p-CuwopElg.js";const r=()=>`.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 c=0;const g=i(class i extends s{constructor(i){super();if(i!==false){this.__registerHost()}this.presentation="edit";this.headingId=`ds-setting-row-radio-heading-${++c}`;this.syncSlottedRadio=()=>{for(const i of this.el.querySelectorAll("ds-radio")){i.groupLabel="";if(this.label){i.ariaLabelledby=this.headingId;i.ariaLabel=null}}}}componentWillLoad(){this.syncSlottedRadio()}componentDidLoad(){this.syncSlottedRadio()}render(){return t(e,{key:"fea64545e1636b57b4bfbac6c091ed92b2863a48"},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-text",{key:"setting-row-radio-value",as:"span",variant:d.md},this.valueLabel):null,this.description?t("ds-text",{key:"setting-row-radio-description",as:"span",variant:a.md,color:"secondary"},this.description):null),t("slot",{key:"f5c48a9c56653e7802359cc69643fb1a94857ab0",onSlotchange:this.syncSlottedRadio}))}get el(){return this}static get style(){return r()}},[262,"ds-setting-row-radio",{presentation:[513],label:[1],valueLabel:[1,"value-label"],description:[1]}]);function l(){if(typeof customElements==="undefined"){return}const i=["ds-setting-row-radio","ds-text"];i.forEach((i=>{switch(i){case"ds-setting-row-radio":if(!customElements.get(o(i))){customElements.define(o(i),g)}break;case"ds-text":if(!customElements.get(o(i))){n()}break}}))}l();const h=g;const p=l;export{h as DsSettingRowRadio,p as defineCustomElement};
+import{p as i,H as s,h as t,a as e,t as o}from"./index.js";import{d}from"./p-BbvAWFJA.js";import{C as n,a}from"./p-CuwopElg.js";const r=()=>`.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 c=0;const g=i(class i extends s{constructor(i){super();if(i!==false){this.__registerHost()}this.presentation="edit";this.headingId=`ds-setting-row-radio-heading-${++c}`;this.syncSlottedRadio=()=>{for(const i of this.el.querySelectorAll("ds-radio")){i.groupLabel="";if(this.label){i.ariaLabelledby=this.headingId;i.ariaLabel=null}}}}componentWillLoad(){this.syncSlottedRadio()}componentDidLoad(){this.syncSlottedRadio()}render(){return t(e,{key:"5e84f7543c5a36350f64afcef6bb266abe22a7a4"},t("ds-text",{key:"setting-row-radio-heading",class:"setting-row-radio__heading",as:"span",variant:n.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-text",{key:"setting-row-radio-value",as:"span",variant:n.md},this.valueLabel):null,this.description?t("ds-text",{key:"setting-row-radio-description",as:"span",variant:a.md,color:"secondary"},this.description):null),t("slot",{key:"2bdd70182af37d8844bd4a9ce110b1215bdf5f57",onSlotchange:this.syncSlottedRadio}))}get el(){return this}static get style(){return r()}},[262,"ds-setting-row-radio",{presentation:[513],label:[1],valueLabel:[1,"value-label"],description:[1]}]);function l(){if(typeof customElements==="undefined"){return}const i=["ds-setting-row-radio","ds-text"];i.forEach((i=>{switch(i){case"ds-setting-row-radio":if(!customElements.get(o(i))){customElements.define(o(i),g)}break;case"ds-text":if(!customElements.get(o(i))){d()}break}}))}l();const h=g;const p=l;export{h as DsSettingRowRadio,p as defineCustomElement};
 //# sourceMappingURL=ds-setting-row-radio.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["settingRowRadioCss","settingRowRadioHeadingId","SettingRowRadio","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","presentation","headingId","syncSlottedRadio","radio","el","querySelectorAll","groupLabel","label","ariaLabelledby","ariaLabel","componentWillLoad","componentDidLoad","render","h","Host","key","class","as","variant","CONTROL_TEXT_VARIANT","md","emphasis","textId","undefined","valueLabel","description","CONTROL_SUPPORTING_TEXT_VARIANT","color","onSlotchange"],"sources":["src/wc/components/SettingRowRadio/SettingRowRadio.css?tag=ds-setting-row-radio&encapsulation=scoped","src/wc/components/SettingRowRadio/SettingRowRadio.tsx"],"sourcesContent":["@import '../../utils/settings-row.css';\n\n:host {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  gap: var(--dimension-space-050);\n  overflow-wrap: anywhere;\n  /* Heading, choice, and radio options already own block padding. */\n  padding-block: 0;\n}\n\n/* Light-DOM slotted radios do not receive this component's scoped child class.\n   Target them with ::slotted so view/edit visibility actually applies. */\n:host ::slotted(ds-radio) {\n  min-width: 0;\n  width: 100%;\n}\n\n:host([presentation='view']) ::slotted(ds-radio) {\n  display: none !important;\n}\n\n:host([presentation='edit']) .setting-row-radio__choice {\n  display: none;\n}\n\nds-text.setting-row-radio__heading {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  height: var(--dimension-size-400);\n  min-width: 0;\n  padding: 0;\n}\n\n.setting-row-radio__choice {\n  display: grid;\n  gap: var(--dimension-space-025);\n  min-width: 0;\n  padding-block: var(--dimension-space-075);\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { CONTROL_SUPPORTING_TEXT_VARIANT, CONTROL_TEXT_VARIANT } from '../../utils';\n\nexport type SettingRowRadioPresentation = 'edit' | 'view';\n\ntype SettingsRadio = HTMLElement & {\n  groupLabel: string;\n  ariaLabel: string | null;\n  ariaLabelledby?: string;\n};\n\nlet settingRowRadioHeadingId = 0;\n\n/** Padded settings-row composition for a Radio group. */\n@Component({\n  tag: 'ds-setting-row-radio',\n  styleUrl: 'SettingRowRadio.css',\n  scoped: true,\n})\nexport class SettingRowRadio {\n  @Element() el!: HTMLElement;\n\n  /** Interactive Radio group or non-interactive saved-value readout. */\n  @Prop({ reflect: true }) presentation: SettingRowRadioPresentation = 'edit';\n  /** Settings heading shown in both presentations. Not Radio's form groupLabel. */\n  @Prop() label?: string;\n  /** Saved option label shown in view presentation. */\n  @Prop() valueLabel?: string;\n  /** Optional consequence or supporting copy for the saved option. */\n  @Prop() description?: string;\n\n  private readonly headingId = `ds-setting-row-radio-heading-${++settingRowRadioHeadingId}`;\n\n  componentWillLoad() {\n    this.syncSlottedRadio();\n  }\n\n  componentDidLoad() {\n    this.syncSlottedRadio();\n  }\n\n  private syncSlottedRadio = () => {\n    for (const radio of this.el.querySelectorAll<SettingsRadio>('ds-radio')) {\n      radio.groupLabel = '';\n      if (this.label) {\n        radio.ariaLabelledby = this.headingId;\n        radio.ariaLabel = null;\n      }\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <ds-text\n          key=\"setting-row-radio-heading\"\n          class=\"setting-row-radio__heading\"\n          as=\"span\"\n          variant={CONTROL_TEXT_VARIANT.md}\n          emphasis\n          textId={this.label ? this.headingId : undefined}\n        >\n          {this.label}\n        </ds-text>\n        <div key=\"setting-row-radio-choice\" class=\"setting-row-radio__choice\">\n          {this.valueLabel ? (\n            <ds-text key=\"setting-row-radio-value\" as=\"span\" variant={CONTROL_TEXT_VARIANT.md}>\n              {this.valueLabel}\n            </ds-text>\n          ) : null}\n          {this.description ? (\n            <ds-text\n              key=\"setting-row-radio-description\"\n              as=\"span\"\n              variant={CONTROL_SUPPORTING_TEXT_VARIANT.md}\n              color=\"secondary\"\n            >\n              {this.description}\n            </ds-text>\n          ) : null}\n        </div>\n        <slot onSlotchange={this.syncSlottedRadio} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"qIAAA,MAAMA,EAAqB,IAAM,+kCCWjC,IAAIC,EAA2B,E,MAQlBC,EAAeC,EAAA,MAAAD,UAAAE,EAL5B,WAAAC,CAAAC,G,4CAS2BC,KAAAC,aAA4C,OAQpDD,KAAAE,UAAY,kCAAkCR,IAUvDM,KAAAG,iBAAmB,KACzB,IAAK,MAAMC,KAASJ,KAAKK,GAAGC,iBAAgC,YAAa,CACvEF,EAAMG,WAAa,GACnB,GAAIP,KAAKQ,MAAO,CACdJ,EAAMK,eAAiBT,KAAKE,UAC5BE,EAAMM,UAAY,I,GAuCzB,CApDC,iBAAAC,GACEX,KAAKG,kB,CAGP,gBAAAS,GACEZ,KAAKG,kB,CAaP,MAAAU,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,WACEE,IAAI,4BACJC,MAAM,6BACNC,GAAG,OACHC,QAASC,EAAqBC,GAC9BC,SAAQ,KACRC,OAAQvB,KAAKQ,MAAQR,KAAKE,UAAYsB,WAErCxB,KAAKQ,OAERM,EAAA,OAAKE,IAAI,2BAA2BC,MAAM,6BACvCjB,KAAKyB,WACJX,EAAA,WAASE,IAAI,0BAA0BE,GAAG,OAAOC,QAASC,EAAqBC,IAC5ErB,KAAKyB,YAEN,KACHzB,KAAK0B,YACJZ,EAAA,WACEE,IAAI,gCACJE,GAAG,OACHC,QAASQ,EAAgCN,GACzCO,MAAM,aAEL5B,KAAK0B,aAEN,MAENZ,EAAA,QAAAE,IAAA,2CAAMa,aAAc7B,KAAKG,mB","ignoreList":[]}
+{"version":3,"names":["settingRowRadioCss","settingRowRadioHeadingId","SettingRowRadio","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","presentation","headingId","syncSlottedRadio","radio","el","querySelectorAll","groupLabel","label","ariaLabelledby","ariaLabel","componentWillLoad","componentDidLoad","render","h","Host","key","class","as","variant","CONTROL_TEXT_VARIANT","md","emphasis","textId","undefined","valueLabel","description","CONTROL_SUPPORTING_TEXT_VARIANT","color","onSlotchange"],"sources":["src/wc/components/SettingRowRadio/SettingRowRadio.css?tag=ds-setting-row-radio&encapsulation=scoped","src/wc/components/SettingRowRadio/SettingRowRadio.tsx"],"sourcesContent":["@import '../../utils/settings-row.css';\n\n:host {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  gap: var(--dimension-space-050);\n  overflow-wrap: anywhere;\n  /* Heading, choice, and radio options already own block padding. */\n  padding-block: 0;\n}\n\n/* Light-DOM slotted radios do not receive this component's scoped child class.\n   Target them with ::slotted so view/edit visibility actually applies. */\n:host ::slotted(ds-radio) {\n  min-width: 0;\n  width: 100%;\n}\n\n:host([presentation='view']) ::slotted(ds-radio) {\n  display: none !important;\n}\n\n:host([presentation='edit']) .setting-row-radio__choice {\n  display: none;\n}\n\nds-text.setting-row-radio__heading {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  height: var(--dimension-size-400);\n  min-width: 0;\n  padding: 0;\n}\n\n.setting-row-radio__choice {\n  display: grid;\n  gap: var(--dimension-space-025);\n  min-width: 0;\n  padding-block: var(--dimension-space-075);\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { CONTROL_SUPPORTING_TEXT_VARIANT, CONTROL_TEXT_VARIANT } from '../../utils';\n\nexport type SettingRowRadioPresentation = 'edit' | 'view';\n\ntype SettingsRadio = HTMLElement & {\n  groupLabel: string;\n  ariaLabel: string | null;\n  ariaLabelledby?: string;\n};\n\nlet settingRowRadioHeadingId = 0;\n\n/** Padded settings-row composition for a Radio group. */\n@Component({\n  tag: 'ds-setting-row-radio',\n  styleUrl: 'SettingRowRadio.css',\n  scoped: true,\n})\nexport class SettingRowRadio {\n  @Element() el!: HTMLElement;\n\n  /** Interactive Radio group or non-interactive saved-value readout. */\n  @Prop({ reflect: true }) presentation: SettingRowRadioPresentation = 'edit';\n  /** Settings heading shown in both presentations. Not Radio's form groupLabel. */\n  @Prop() label?: string;\n  /** Saved option label shown in view presentation. */\n  @Prop() valueLabel?: string;\n  /** Optional consequence or supporting copy for the saved option. */\n  @Prop() description?: string;\n\n  private readonly headingId = `ds-setting-row-radio-heading-${++settingRowRadioHeadingId}`;\n\n  componentWillLoad() {\n    this.syncSlottedRadio();\n  }\n\n  componentDidLoad() {\n    this.syncSlottedRadio();\n  }\n\n  private syncSlottedRadio = () => {\n    for (const radio of this.el.querySelectorAll<SettingsRadio>('ds-radio')) {\n      radio.groupLabel = '';\n      if (this.label) {\n        radio.ariaLabelledby = this.headingId;\n        radio.ariaLabel = null;\n      }\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <ds-text\n          key=\"setting-row-radio-heading\"\n          class=\"setting-row-radio__heading\"\n          as=\"span\"\n          variant={CONTROL_TEXT_VARIANT.md}\n          emphasis\n          textId={this.label ? this.headingId : undefined}\n        >\n          {this.label}\n        </ds-text>\n        <div key=\"setting-row-radio-choice\" class=\"setting-row-radio__choice\">\n          {this.valueLabel ? (\n            <ds-text key=\"setting-row-radio-value\" as=\"span\" variant={CONTROL_TEXT_VARIANT.md}>\n              {this.valueLabel}\n            </ds-text>\n          ) : null}\n          {this.description ? (\n            <ds-text\n              key=\"setting-row-radio-description\"\n              as=\"span\"\n              variant={CONTROL_SUPPORTING_TEXT_VARIANT.md}\n              color=\"secondary\"\n            >\n              {this.description}\n            </ds-text>\n          ) : null}\n        </div>\n        <slot onSlotchange={this.syncSlottedRadio} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"gIAAA,MAAMA,EAAqB,IAAM,+kCCWjC,IAAIC,EAA2B,E,MAQlBC,EAAeC,EAAA,MAAAD,UAAAE,EAL5B,WAAAC,CAAAC,G,4CAS2BC,KAAAC,aAA4C,OAQpDD,KAAAE,UAAY,kCAAkCR,IAUvDM,KAAAG,iBAAmB,KACzB,IAAK,MAAMC,KAASJ,KAAKK,GAAGC,iBAAgC,YAAa,CACvEF,EAAMG,WAAa,GACnB,GAAIP,KAAKQ,MAAO,CACdJ,EAAMK,eAAiBT,KAAKE,UAC5BE,EAAMM,UAAY,I,GAuCzB,CApDC,iBAAAC,GACEX,KAAKG,kB,CAGP,gBAAAS,GACEZ,KAAKG,kB,CAaP,MAAAU,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,WACEE,IAAI,4BACJC,MAAM,6BACNC,GAAG,OACHC,QAASC,EAAqBC,GAC9BC,SAAQ,KACRC,OAAQvB,KAAKQ,MAAQR,KAAKE,UAAYsB,WAErCxB,KAAKQ,OAERM,EAAA,OAAKE,IAAI,2BAA2BC,MAAM,6BACvCjB,KAAKyB,WACJX,EAAA,WAASE,IAAI,0BAA0BE,GAAG,OAAOC,QAASC,EAAqBC,IAC5ErB,KAAKyB,YAEN,KACHzB,KAAK0B,YACJZ,EAAA,WACEE,IAAI,gCACJE,GAAG,OACHC,QAASQ,EAAgCN,GACzCO,MAAM,aAEL5B,KAAK0B,aAEN,MAENZ,EAAA,QAAAE,IAAA,2CAAMa,aAAc7B,KAAKG,mB","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as i,a,t as n}from"./index.js";import{d as o}from"./p-Bf-BphXP.js";import{d}from"./p-D8OWhnID.js";import{a as c}from"./p-CuwopElg.js";const r=()=>`.sc-ds-setting-row-toggle-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-toggle-h{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:start;gap:var(--dimension-space-200)}.setting-row-toggle__copy.sc-ds-setting-row-toggle{display:flex;flex-direction:column;min-width:0;gap:var(--dimension-space-050);overflow-wrap:anywhere;-webkit-user-select:none;user-select:none}`;let l=0;const g=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=t(this,"dsChange",7);this.checked=false;this.disabled=false;this.variant="emphasis";this.rowId=`ds-setting-row-toggle-${++l}`;this.handleChange=e=>{e.stopPropagation();e.target.checked=this.checked;this.dsChange.emit(e.detail)}}render(){const e=Boolean(this.description?.trim());const s=this.variant==="non-emphasis"&&!e?"secondary":"primary";return i(a,{key:"c197c6cb6ffe5eac9840dbe1dbb1aa2c38939160"},i("div",{key:"138d53d6dab10e550631ba3deb9d7d75600a36fa",class:"setting-row-toggle__copy"},i("ds-text",{key:"3fe2915ece834679fe07e674c8e01c4e3ca499ee",textId:`${this.rowId}-label`,variant:"text-body-medium",color:s,emphasis:this.variant==="emphasis"},this.label),e&&i("ds-text",{key:"faacc5057171213f401f4eb6d551b1b4d03c2a99",textId:`${this.rowId}-description`,variant:c.md,color:"secondary"},this.description)),i("ds-switch",{key:"6235733cfb31ffce631cf89cf920f54b23e13689",checked:this.checked,disabled:this.disabled,"aria-labelledby":`${this.rowId}-label`,"aria-describedby":e?`${this.rowId}-description`:undefined,onDsChange:this.handleChange}))}static get style(){return r()}},[2,"ds-setting-row-toggle",{label:[1],description:[1],checked:[4],disabled:[4],variant:[1]}]);function h(){if(typeof customElements==="undefined"){return}const e=["ds-setting-row-toggle","ds-switch","ds-text"];e.forEach((e=>{switch(e){case"ds-setting-row-toggle":if(!customElements.get(n(e))){customElements.define(n(e),g)}break;case"ds-switch":if(!customElements.get(n(e))){o()}break;case"ds-text":if(!customElements.get(n(e))){d()}break}}))}h();const m=g;const p=h;export{m as DsSettingRowToggle,p as defineCustomElement};
+import{p as e,H as s,c as t,h as i,a,t as n}from"./index.js";import{d as o}from"./p-C2e7BkNn.js";import{d}from"./p-BbvAWFJA.js";import{a as c}from"./p-CuwopElg.js";const r=()=>`.sc-ds-setting-row-toggle-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-toggle-h{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:start;gap:var(--dimension-space-200)}.setting-row-toggle__copy.sc-ds-setting-row-toggle{display:flex;flex-direction:column;min-width:0;gap:var(--dimension-space-050);overflow-wrap:anywhere;-webkit-user-select:none;user-select:none}`;let l=0;const g=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsChange=t(this,"dsChange",7);this.checked=false;this.disabled=false;this.variant="emphasis";this.rowId=`ds-setting-row-toggle-${++l}`;this.handleChange=e=>{e.stopPropagation();e.target.checked=this.checked;this.dsChange.emit(e.detail)}}render(){const e=Boolean(this.description?.trim());const s=this.variant==="non-emphasis"&&!e?"secondary":"primary";return i(a,{key:"f3a5a22d73f532fb873f301d4bae9c8e0e1a0ea4"},i("div",{key:"d5422f3e0541d25638647b82e33108f2dba37d2e",class:"setting-row-toggle__copy"},i("ds-text",{key:"e47420c9a3e69ddc6257857a02bcb57949a1bc84",textId:`${this.rowId}-label`,variant:"text-body-medium",color:s,emphasis:this.variant==="emphasis"},this.label),e&&i("ds-text",{key:"1e2a7258bd5cc27b3c0e88523abdf910b346dfc2",textId:`${this.rowId}-description`,variant:c.md,color:"secondary"},this.description)),i("ds-switch",{key:"8d2c448526cbc8c709acf05b55f283ff2e6556ab",checked:this.checked,disabled:this.disabled,"aria-labelledby":`${this.rowId}-label`,"aria-describedby":e?`${this.rowId}-description`:undefined,onDsChange:this.handleChange}))}static get style(){return r()}},[2,"ds-setting-row-toggle",{label:[1],description:[1],checked:[4],disabled:[4],variant:[1]}]);function h(){if(typeof customElements==="undefined"){return}const e=["ds-setting-row-toggle","ds-switch","ds-text"];e.forEach((e=>{switch(e){case"ds-setting-row-toggle":if(!customElements.get(n(e))){customElements.define(n(e),g)}break;case"ds-switch":if(!customElements.get(n(e))){o()}break;case"ds-text":if(!customElements.get(n(e))){d()}break}}))}h();const m=g;const p=h;export{m as DsSettingRowToggle,p as defineCustomElement};
 //# sourceMappingURL=ds-setting-row-toggle.js.map

package/dist/components/ds-shell-app.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as i,a,t as l}from"./index.js";import{C as n}from"./p-DlsjHRU3.js";import{c as o,d as h}from"./p-DcxY_pdJ.js";import{f as r,v as p,j as d,o as c}from"./p-BWSIw8AQ.js";import{e as u,c as b,a as f,b as m,r as g}from"./p-B0uO3-Dp.js";import{i as v,b as _,c as y,r as k,S as w,d as x}from"./p-CgGcgMjs.js";import{c as C}from"./p-CqW2eyiF.js";import{d as S}from"./p-CwdRaJER.js";import{d as D}from"./p-DdFeWC-e.js";import{d as M}from"./p-OJ5WeR05.js";import{d as L}from"./p-C6kUn-vb.js";import{d as P}from"./p-DXL5D30P.js";import{d as A}from"./p-DVsGfz7J.js";import{d as B}from"./p-BqipGGua.js";import{d as T}from"./p-D_iZPukF.js";import{d as j}from"./p-pPtjNRqC.js";import{d as z}from"./p-0XTyQNRG.js";import{d as E}from"./p-xMBaOeKa.js";import{d as N}from"./p-CgQB8Ct5.js";import{d as I}from"./p-CUYLGe5d.js";import{d as $}from"./p-CIMyD_6H.js";import{d as O}from"./p-KA8srEed.js";import{d as R}from"./p-B3o9zn3Y.js";import{d as F}from"./p-DP07JCed.js";import{d as G}from"./p-BnuNaXR2.js";import{d as W}from"./p-kwS-vkau.js";import{d as H}from"./p-BZY40-pE.js";import{d as V}from"./p-B9y6azEw.js";import{d as U}from"./p-Bf-BphXP.js";import{d as J}from"./p-7MwoWtTJ.js";import{d as K}from"./p-d76Ry5nh.js";import{d as q}from"./p-D8OWhnID.js";import{d as X}from"./p-DbW8S5qe.js";const Y={k:"search",a:"agents",s:"stacks",m:"messages",n:"activity","/":"help"};function Q(e){return!e.metaKey&&!e.ctrlKey&&!e.altKey&&!e.shiftKey}function Z(e){if(!e||typeof e!=="object")return false;if(!("closest"in e)||typeof e.closest!=="function")return false;const s=e;const t=s.closest('input, textarea, select, [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]');if(t)return true;const i=s.getAttribute("role");if(i==="textbox"||i==="combobox"||i==="searchbox")return true;return Boolean(s.isContentEditable)}function ee(e){if(e.key==="["||e.code==="BracketLeft")return"[";if(e.key==="]"||e.code==="BracketRight")return"]";return e.key.length===1?e.key.toLowerCase():e.key.toLowerCase()}function se(e){if(!Q(e))return null;const s=ee(e);if(s==="[")return"toggle-panel-nav";if(s==="]")return"close-panel-tools";const t=Y[s];if(t)return`open-tool:${t}`;return null}const te=["none","cool","neutral","warm","fresh"];const ie="neutral";const ae={cool:{opacity:.1,stops:[{color:"var(--color-background-transparent)",position:0},{color:"var(--color-color-intent-blue-strong-background)",position:100}]},neutral:{opacity:.1,stops:[{color:"var(--color-background-transparent)",position:0},{color:"var(--color-color-intent-grey-strong-background)",position:100}]},warm:{opacity:.1,stops:[{color:"var(--color-background-transparent)",position:0},{color:"var(--color-color-intent-yellow-strong-background)",position:100}]},fresh:{opacity:.4,stops:[{color:"var(--color-color-intent-cyan-faint-background)",position:0},{color:"var(--color-background-transparent)",position:47},{color:"var(--color-background-transparent)",position:58},{color:"var(--color-color-intent-red-faint-background)",position:83},{color:"var(--color-color-intent-pink-faint-background)",position:100}]}};const le="100% 100% at 0% 0%";function ne(e){const s=re(e);return s==="none"?null:ae[s]}function oe(e){return String(ne(e)?.opacity??0)}function he(e){return te.includes(e)}function re(e){return e!=null&&he(e)?e:ie}function pe(e){const s=re(e);if(s==="none")return"none";return de(ae[s].stops)}function de(e){const s=e.map((e=>`${e.color} ${e.position}%`)).join(", ");return`radial-gradient(${le}, ${s})`}const ce="--ds-shell-gradient-image";const ue="--ds-shell-gradient-size";const be="--ds-shell-gradient-position-panel";const fe="--ds-shell-gradient-position-bar";const me="--ds-shell-gradient-opacity";function ge(e=ie){return pe(e)}function ve(e){const s=typeof globalThis.window!=="undefined"?globalThis.window:undefined;if(!s)return{width:0,height:0};const t=s.visualViewport;return{width:Math.round(t?.width??s.innerWidth),height:Math.round(t?.height??s.innerHeight)}}function _e(e){return`${Math.round(e.width)}px ${Math.round(e.height)}px`}function ye(){return"0 0"}function ke(e){return`${-Math.round(e)}px 0`}function we(e,s){if(typeof document==="undefined")return 0;const t=document.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;height:0;width:var("+s+");";e.appendChild(t);const i=t.getBoundingClientRect().width;e.removeChild(t);return i}function xe(e){return{expandedPx:we(e,"--_nav-width"),collapsedPx:we(e,"--_nav-width-collapsed")}}function Ce(e,s){if(s?.classList.contains("panel-nav--collapsed"))return true;const t=e?.collapsed;return t===true}function Se(e,s){return s?e.collapsedPx:e.expandedPx}const De=()=>`.sc-ds-shell-app-h{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;overflow:hidden;overscroll-behavior:none;font-family:var(--typography-font-family-ui, system-ui);--ds-shell-panel-tools-width:var(--dimension-panel-width-xs);--ds-shell-gradient-context:flat}.sc-ds-shell-app-h{--_shell-chrome-bg:var(--color-chrome-background-theme)}.shell-app--gradient.sc-ds-shell-app-h{--ds-shell-gradient-context:gradient}.shell-app__row.sc-ds-shell-app{display:flex;flex:1 1 0;min-height:0;position:relative}.shell-app__banner.sc-ds-shell-app{--_shell-banner-edge-display:none;flex:0 0 auto;min-width:0;position:relative;z-index:5}.shell-app__banner.sc-ds-shell-app-s>ds-banner,.shell-app__banner .sc-ds-shell-app-s>ds-banner{display:grid;width:100%}.shell-app__chrome.sc-ds-shell-app{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background-color:var(--_shell-chrome-bg)}.shell-app--gradient.sc-ds-shell-app-h .shell-app__chrome.sc-ds-shell-app::before{content:'';position:absolute;inset:0;pointer-events:none;background-position:0 0;background-attachment:fixed;z-index:1;opacity:var(--ds-shell-gradient-opacity, 1);background-image:var(--ds-shell-gradient-image, none);background-size:var(--ds-shell-gradient-size, auto);background-repeat:no-repeat}.shell-app__paper-texture.sc-ds-shell-app{z-index:2}.shell-app__panel.sc-ds-shell-app{flex:0 0 auto;min-height:0;height:100%;position:relative;z-index:2}.shell-app__panel.sc-ds-shell-app-s>ds-panel-nav,.shell-app__panel .sc-ds-shell-app-s>ds-panel-nav{display:block;height:100%}.shell-app__panel.sc-ds-shell-app>ds-panel-nav.sc-ds-shell-app{display:block;height:100%}.shell-app__main.sc-ds-shell-app{flex:1 1 auto;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-rows:auto minmax(0, 1fr);grid-template-areas:'bar tools'     'content tools';position:relative;z-index:1}.shell-app__mobile-sheet-nav.sc-ds-shell-app,.shell-app__mobile-bar-nav.sc-ds-shell-app{display:none}.shell-app__bar.sc-ds-shell-app{grid-area:bar;flex:0 0 auto;min-width:0}.shell-app__bar.sc-ds-shell-app-s>ds-bar-nav,.shell-app__bar .sc-ds-shell-app-s>ds-bar-nav{display:block}.shell-app__bar.sc-ds-shell-app-s>ds-bar-title,.shell-app__bar .sc-ds-shell-app-s>ds-bar-title,.shell-app__bar.sc-ds-shell-app-s>ds-bar-page-title,.shell-app__bar .sc-ds-shell-app-s>ds-bar-page-title{display:block}.shell-app__bar.sc-ds-shell-app>ds-bar-nav.sc-ds-shell-app{display:block}.shell-app__bar.sc-ds-shell-app>ds-bar-title.sc-ds-shell-app,.shell-app__bar.sc-ds-shell-app>ds-bar-page-title.sc-ds-shell-app{display:block}.shell-app__content.sc-ds-shell-app{grid-area:content;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:none;contain:layout}.shell-app__content.sc-ds-shell-app:focus,.shell-app__content.sc-ds-shell-app:focus-visible{outline:none}.shell-app__content.sc-ds-shell-app{position:relative;z-index:1;background-color:var(--color-background-primary)}.shell-app__tools.sc-ds-shell-app{grid-area:tools;flex:0 0 auto;min-width:0;min-height:0;height:100%;display:flex;position:relative;z-index:0;overflow:hidden;--_shell-tools-border:var(--color-chrome-border-tertiary);--_shell-tools-border-secondary:var(--color-chrome-border-secondary);--_shell-tools-divider:var(--color-chrome-divider);--_shell-tools-background-theme:var(--color-chrome-background-theme);--_shell-tools-fg-primary:var(--color-chrome-foreground-primary);--_shell-tools-fg-secondary:var(--color-chrome-foreground-secondary)}.shell-app__tools.sc-ds-shell-app-s>ds-panel-tools,.shell-app__tools .sc-ds-shell-app-s>ds-panel-tools{display:block;height:100%;min-height:0}.shell-app__tools.sc-ds-shell-app-s>ds-shell-tools,.shell-app__tools .sc-ds-shell-app-s>ds-shell-tools{display:block;height:100%;min-height:0}.shell-app__tools.sc-ds-shell-app>ds-shell-tools.sc-ds-shell-app{display:block;height:100%;min-height:0}.shell-app__tool-slot-proxy.sc-ds-shell-app{display:block;width:100%;height:100%;min-width:0;min-height:0}.shell-app__content.sc-ds-shell-app>ds-shell-page.sc-ds-shell-app{display:block;min-height:100%}.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__row.sc-ds-shell-app{contain:layout}.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__main.sc-ds-shell-app{z-index:3}.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app{z-index:2}.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__panel.sc-ds-shell-app,.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__bar.sc-ds-shell-app,.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app{visibility:hidden;content-visibility:hidden}.shell-app--mobile.sc-ds-shell-app-h{--_shell-chrome-bg:var(--color-background-primary);padding-block-start:env(safe-area-inset-top);background:var(--ds-shell-safe-area-background, var(--color-background-primary))}.shell-app--mobile.sc-ds-shell-app-h .shell-app__banner.sc-ds-shell-app{--_shell-banner-edge-display:block}.shell-app--mobile.shell-app--foreground-refresh.sc-ds-shell-app-h .shell-app__main.sc-ds-shell-app{transform:translateZ(0)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__chrome.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__panel.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__bar.sc-ds-shell-app{display:none}.shell-app--mobile.sc-ds-shell-app-h .shell-app__main.sc-ds-shell-app{width:100%;box-sizing:border-box;grid-template-columns:minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) auto;grid-template-areas:'stage'     'mobile-bar-nav';background:var(--color-background-primary)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-sheet-nav.sc-ds-shell-app{grid-area:stage;min-width:0;min-height:0;height:100%;position:relative}.shell-app--mobile.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app{z-index:1;overflow:auto}.shell-app--mobile.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app{z-index:2;width:100%;overflow:hidden;background:var(--color-background-primary)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-sheet-nav.sc-ds-shell-app{display:block;z-index:3;overflow:hidden;background:var(--color-background-primary)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-bar-nav.sc-ds-shell-app{grid-area:mobile-bar-nav;display:block;min-width:0;position:relative;z-index:4}.shell-app--mobile.sc-ds-shell-app-h .shell-app__tools[hidden].sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-sheet-nav[hidden].sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-bar-nav[hidden].sc-ds-shell-app{display:none}.shell-app--mobile-tool-active.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app,.shell-app--mobile-sheet-nav-open.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app,.shell-app--mobile-sheet-nav-open.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app{visibility:hidden}`;let Me=0;const Le=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsResponsiveModeChange=t(this,"dsResponsiveModeChange",7);this.dsNavSelect=t(this,"dsNavSelect",7);this.dsTabChange=t(this,"dsTabChange",7);this.dsNavChildSelect=t(this,"dsNavChildSelect",7);this.dsSubsectionChange=t(this,"dsSubsectionChange",7);this.dsPageBack=t(this,"dsPageBack",7);this.dsBreadcrumbSelect=t(this,"dsBreadcrumbSelect",7);this.dsPageAction=t(this,"dsPageAction",7);this.dsToolChange=t(this,"dsToolChange",7);this.dsHeaderBack=t(this,"dsHeaderBack",7);this.dsHeaderAction=t(this,"dsHeaderAction",7);this.dsRailAccessoryAction=t(this,"dsRailAccessoryAction",7);this.dsPresentationChange=t(this,"dsPresentationChange",7);this.dsBrowseContextChange=t(this,"dsBrowseContextChange",7);this.dsNavFooterAction=t(this,"dsNavFooterAction",7);this.dsNavUserAction=t(this,"dsNavUserAction",7);this.composition="managed";this.navigation={};this.sectionNavigation="bar";this.pageChrome={};this.tools={};this.navStyle="dashboard";this.gradientPreset=ie;this.shortcutsEnabled=true;this.mobileDestination="area";this.mobileSheetNavOpen=false;this.toolsFullscreen=false;this.resolvedMode="desktop";this.managedToolsOpen=false;this.managedActiveTool="";this.managedToolPresentation="drawer";this.managedMobileDestination="area";this.managedMobilePrimaryDestination="area";this.managedMobileSheetNavOpen=false;this.managedInboxTool="";this.managedBrowseContext="dashboard";this.mobileActionMenuOpen=false;this.mobileActionSurfaceOpen=false;this.mobileActionMenuInitialFocusVisible=false;this.instanceId=Me++;this.mobileActionMenuTriggerId=`shell-app-mobile-action-trigger-${this.instanceId}`;this.mobileActionMenuId=`shell-app-mobile-action-menu-${this.instanceId}`;this.mobileActionTriggerEl=null;this.resizeObserver=null;this.hasLoaded=false;this.connectionTasks=new n((()=>this.el.isConnected));this.foregroundRefreshTimer=null;this.panelNavTransition=new u;this.chromeSyncCoalescer=b((()=>this.syncChrome()));this.panelWidthTokens={expandedPx:0,collapsedPx:0};this.cachedViewportWidth=0;this.cachedViewportHeight=0;this.onWindowResize=()=>{this.updateResponsiveMode();if(this.panelNavTransition.isActive)return;this.scheduleChromeSync()};this.onVisualViewportChange=()=>{if(this.panelNavTransition.isActive)return;this.scheduleChromeSync()};this.onChromeTransitionStart=e=>{const s=g(e);if(s!=="panel-nav")return;this.panelNavTransition.enter();const t=ve();this.cachedViewportWidth=t.width;this.cachedViewportHeight=t.height;this.syncChrome()};this.onChromeTransitionEnd=e=>{const s=g(e);if(s!=="panel-nav")return;this.panelNavTransition.exit();if(!this.panelNavTransition.isActive){this.scheduleChromeSync()}};this.onDocumentVisibilityChange=()=>{if(!document.hidden)this.refreshAfterForegroundRestore()};this.onPageShow=e=>{if(e.persisted)this.refreshAfterForegroundRestore()};this.handleManagedNavSelect=e=>{e.stopPropagation();this.dsNavSelect.emit(e.detail)};this.handleManagedNavChildSelect=e=>{e.stopPropagation();this.dsNavChildSelect.emit(e.detail)};this.handleManagedTabChange=e=>{e.stopPropagation();this.dsTabChange.emit(e.detail)};this.handleManagedPageBack=e=>{e.stopPropagation();this.dsPageBack.emit(e.detail)};this.handleManagedBreadcrumbSelect=e=>{e.stopPropagation();const s=this.dsBreadcrumbSelect.emit(e.detail);if(s.defaultPrevented)e.preventDefault()};this.handleManagedSubsectionChange=e=>{e.stopPropagation();this.dsSubsectionChange.emit(e.detail)};this.handleManagedPageAction=e=>{e.stopPropagation();this.dsPageAction.emit(e.detail)};this.handleManagedToolChange=e=>{e.stopPropagation();const{id:s,selected:t}=e.detail;this.managedActiveTool=s;this.managedToolsOpen=t;const i=this.resolvedToolItems.find((e=>e.id===s));if(i&&v(i)){this.managedInboxTool=s}this.managedMobileDestination=t?i?.mobileDestination??_(true,s):"area";this.managedMobileSheetNavOpen=false;this.dsToolChange.emit(e.detail)};this.handleManagedPresentationChange=e=>{e.stopPropagation();this.managedToolPresentation=e.detail.presentation;this.toolsFullscreen=e.detail.presentation==="fullscreen";this.dsPresentationChange.emit(e.detail)};this.handleManagedHeaderBack=e=>{e.stopPropagation();this.dsHeaderBack.emit(e.detail)};this.handleManagedHeaderAction=e=>{e.stopPropagation();this.dsHeaderAction.emit(e.detail)};this.handleManagedRailAccessoryAction=e=>{e.stopPropagation();this.dsRailAccessoryAction.emit(e.detail)};this.handleManagedSheetToggle=e=>{e.stopPropagation();this.managedMobileSheetNavOpen=e.detail};this.handleManagedMobileDestination=e=>{e.stopPropagation();const s=e.detail.destination;this.managedMobileSheetNavOpen=false;this.managedMobileDestination=s;if(s==="area"){this.managedToolsOpen=false;return}this.activateManagedMobileTool(s)};this.handleManagedAreaSelect=e=>{e.stopPropagation();if(e.detail==="help"){this.managedMobileSheetNavOpen=false;this.managedMobileDestination="help";if(this.activateManagedMobileTool("help"))return}this.managedMobileSheetNavOpen=false;this.managedMobileDestination="area";this.managedMobilePrimaryDestination="area";this.managedToolsOpen=false;this.dsNavSelect.emit(e.detail)};this.handleManagedMobileChildSelect=e=>{e.stopPropagation();this.managedMobileSheetNavOpen=false;this.managedMobileDestination="area";this.managedMobilePrimaryDestination="area";this.managedToolsOpen=false;this.dsNavChildSelect.emit(e.detail)};this.handleManagedBrowseContext=e=>{e.stopPropagation();this.managedBrowseContext=e.detail;this.dsBrowseContextChange.emit(e.detail)};this.handleManagedSheetClose=e=>{e.stopPropagation();this.managedMobileSheetNavOpen=false};this.handleManagedNavFooterAction=e=>{e.stopPropagation();this.dsNavFooterAction.emit()};this.handleManagedNavUserAction=e=>{e.stopPropagation();this.dsNavUserAction.emit(e.detail)};this.closeMobileActionMenu=()=>{this.mobileActionMenuOpen=false};this.handleMobileActionSelect=e=>{const s=String(e.detail.value??"");const t=r(this.resolvedHeaderActions,s);if(!t||t.isInactive||"isLoading"in t&&t.isLoading)return;this.mobileActionMenuOpen=false;this.dsPageAction.emit(s);this.connectionTasks.frame((()=>void this.mobileActionTriggerEl?.setFocus?.()))}}get managed(){return this.composition==="managed"}get effectiveMobileDestination(){return this.managed?this.managedMobileDestination:this.mobileDestination}get effectiveMobileSheetNavOpen(){return this.managed?this.managedMobileSheetNavOpen:this.mobileSheetNavOpen}get resolvedNavigationGroups(){if(this.navigation.groups?.length)return this.navigation.groups;return this.managedBrowseContext==="settings"?this.navigation.settingsGroups??[]:this.navigation.dashboardGroups??[]}get resolvedToolItems(){return this.tools.items??o}get resolvedPageTabs(){const e=this.currentArea.children;if(!e?.length)return this.pageChrome.tabs??[];return e.map((e=>({id:e.id,label:e.label,dot:e.dot,isInactive:e.isInactive})))}get availableInboxTools(){return this.resolvedToolItems.filter((e=>!e.isInactive&&v(e))).map((e=>e.id))}componentWillLoad(){if(typeof window!=="undefined"){this.resolvedMode=y(window.innerWidth)}this.managedBrowseContext=this.navigation.browseContext??this.navStyle;this.managedMobileDestination=this.mobileDestination;this.managedMobileSheetNavOpen=this.mobileSheetNavOpen;this.managedInboxTool=k("",this.availableInboxTools)}connectedCallback(){if(this.hasLoaded)this.connectResources()}componentDidLoad(){this.hasLoaded=true;this.connectResources()}connectResources(){if(!this.el.isConnected)return;this.updateResponsiveMode();this.syncSlottedNavStyle();this.syncSlottedMobileState();this.connectMetricsObserver();this.connectViewportListeners();this.connectPageLifecycleListeners();this.el.addEventListener(f,this.onChromeTransitionStart);this.el.addEventListener(m,this.onChromeTransitionEnd);this.connectionTasks.frame((()=>{this.cachePanelWidthTokens();this.scheduleChromeSync()}));const e=this.el.querySelector("ds-shell-tools, ds-panel-tools");this.toolsFullscreen=e?.getAttribute("presentation")==="fullscreen"}handleToolsPresentation(e){this.toolsFullscreen=e.detail?.presentation==="fullscreen"}disconnectedCallback(){this.connectionTasks.cancel();this.resizeObserver?.disconnect();this.resizeObserver=null;this.disconnectViewportListeners();this.disconnectPageLifecycleListeners();this.cancelForegroundRefresh();this.chromeSyncCoalescer.cancel();this.panelNavTransition.reset();this.el.removeEventListener(f,this.onChromeTransitionStart);this.el.removeEventListener(m,this.onChromeTransitionEnd)}onShellPropsChange(){this.syncSlottedNavStyle();this.scheduleChromeSync()}handleNavigationChange(e,s){this.managedBrowseContext=this.navigation.browseContext??this.navStyle;if(e.currentUrl!==s.currentUrl||e.activeId!==s.activeId){this.managedMobilePrimaryDestination="area"}}handlePageChromeChange(){if(this.mobileActionMenuSections.length===0){this.mobileActionMenuOpen=false;this.mobileActionSurfaceOpen=false}}handleToolsChange(){if(!this.resolvedToolItems.some((e=>e.id==="help"&&!e.isInactive))){this.managedMobilePrimaryDestination="area"}if(this.managedActiveTool&&!this.resolvedToolItems.some((e=>e.id===this.managedActiveTool))){this.managedToolsOpen=false;this.managedActiveTool="";this.managedMobileDestination="area"}this.managedInboxTool=k(this.managedInboxTool,this.availableInboxTools)}onMobileStateChange(e,t){if(this.managed){this.managedMobileDestination=this.mobileDestination;this.managedMobileSheetNavOpen=this.mobileSheetNavOpen}this.syncSlottedMobileState();if(t===true&&!this.effectiveMobileSheetNavOpen&&this.resolvedMode==="mobile"){this.connectionTasks.frame((()=>{const e=this.el.querySelector("ds-mobile-bar-nav");const t=document.activeElement;if(t instanceof s&&e?.contains(t))return;void e?.focusDestination?.("sheet-nav")}))}}updateResponsiveMode(){if(!this.el.isConnected||typeof window==="undefined")return;const e=y(window.innerWidth);if(e===this.resolvedMode)return;this.resolvedMode=e;this.syncSlottedMobileState();this.scheduleChromeSync();if(this.hasLoaded)this.dsResponsiveModeChange.emit({mode:e})}scheduleChromeSync(){if(!this.el.isConnected)return;this.chromeSyncCoalescer.schedule()}syncSlottedNavStyle(){const e=this.el.querySelector("ds-panel-nav");const s=this.el.querySelector("ds-bar-nav");if(e){e.setAttribute("nav-style",this.navStyle);e.navStyle=this.navStyle}if(s){s.setAttribute("nav-style",this.navStyle);s.navStyle=this.navStyle}}syncSlottedMobileState(){const e=this.el.querySelector("ds-shell-tools");const s=this.el.querySelector("ds-mobile-bar-nav");const t=this.el.querySelector("ds-mobile-sheet-nav");if(e){e.setAttribute("responsive-mode",this.resolvedMode);e.responsiveMode=this.resolvedMode}if(s){s.activeDestination=this.effectiveMobileDestination;s.sheetNavExpanded=this.effectiveMobileSheetNavOpen}if(t){t.open=this.effectiveMobileSheetNavOpen}}connectMetricsObserver(){this.resizeObserver?.disconnect();this.resizeObserver=new ResizeObserver((()=>{if(this.panelNavTransition.isActive)return;this.scheduleChromeSync()}));this.resizeObserver.observe(this.el);const e=this.el.querySelector(".shell-app__panel");if(e)this.resizeObserver.observe(e)}connectViewportListeners(){if(typeof window==="undefined")return;window.addEventListener("resize",this.onWindowResize,{passive:true});const e=window.visualViewport;if(e){e.addEventListener("resize",this.onVisualViewportChange,{passive:true});e.addEventListener("scroll",this.onVisualViewportChange,{passive:true})}}disconnectViewportListeners(){if(typeof window==="undefined")return;window.removeEventListener("resize",this.onWindowResize);const e=window.visualViewport;if(e){e.removeEventListener("resize",this.onVisualViewportChange);e.removeEventListener("scroll",this.onVisualViewportChange)}}connectPageLifecycleListeners(){if(typeof window==="undefined"||typeof document==="undefined")return;document.addEventListener("visibilitychange",this.onDocumentVisibilityChange);window.addEventListener("pageshow",this.onPageShow)}disconnectPageLifecycleListeners(){if(typeof window==="undefined"||typeof document==="undefined")return;document.removeEventListener("visibilitychange",this.onDocumentVisibilityChange);window.removeEventListener("pageshow",this.onPageShow)}cancelForegroundRefresh(){if(this.foregroundRefreshTimer!==null){window.clearTimeout(this.foregroundRefreshTimer);this.foregroundRefreshTimer=null}this.el.classList.remove("shell-app--foreground-refresh")}refreshAfterForegroundRestore(){if(!this.el.isConnected)return;this.updateResponsiveMode();this.syncSlottedMobileState();this.scheduleChromeSync();if(this.resolvedMode!=="mobile")return;this.cancelForegroundRefresh();this.el.classList.add("shell-app--foreground-refresh");this.foregroundRefreshTimer=window.setTimeout((()=>{this.foregroundRefreshTimer=null;this.el.classList.remove("shell-app--foreground-refresh");void this.el.querySelector(".shell-app__main")?.offsetHeight}),e.FOREGROUND_REFRESH_MS)}cachePanelWidthTokens(){const e=this.el.querySelector("ds-panel-nav .panel-nav");if(!e)return;this.panelWidthTokens=xe(e)}applyGradientVars(e,s){const t=e.style;for(const[e,i]of Object.entries(s)){if(i===null)t.removeProperty(e);else t.setProperty(e,i)}}clearGradientPaintVars(e){const s=[ce,ue,me];for(const t of e){for(const e of s)t.style.removeProperty(e)}}syncChromeLayoutVars(e,s,t,i){if(e){e.style.setProperty(be,t)}if(s){s.style.setProperty(fe,i)}}resolvePanelWidthPx(e){const s=e?.querySelector(".panel-nav");if(this.panelNavTransition.isActive&&this.panelWidthTokens.expandedPx>0){const t=Ce(e,s);return Se(this.panelWidthTokens,t)}const t=this.el.querySelector(".shell-app__panel");const i=t?.getBoundingClientRect().width??0;if(i>0)return i;if(this.panelWidthTokens.expandedPx>0){const t=Ce(e,s);return Se(this.panelWidthTokens,t)}return 0}resolveViewportDimensions(){if(this.panelNavTransition.isActive&&this.cachedViewportWidth>0){return{width:this.cachedViewportWidth,height:this.cachedViewportHeight}}return ve()}chromeLayerActive(){return this.gradientLayerActive()||this.paperTextureLayerActive()}gradientLayerActive(){return this.resolvedMode!=="mobile"&&re(this.gradientPreset)!=="none"}paperTextureLayerActive(){return this.resolvedMode!=="mobile"&&this.paperTexture!=null}handleWindowKeyDown(e){if(!this.shortcutsEnabled)return;if(Z(e.target))return;const s=se(e);if(!s)return;e.preventDefault();const t=this.el.querySelector("ds-panel-nav");const i=this.el.querySelector("ds-shell-tools, ds-panel-tools");if(s==="toggle-panel-nav"){void t?.toggleCollapsed();return}if(s==="close-panel-tools"){void i?.closeDrawer?.();return}if(s.startsWith("open-tool:")&&i){const e=s.slice("open-tool:".length);void i.activateTool?.(e)}}async activateTool(e){const s=this.el.querySelector("ds-shell-tools, ds-panel-tools");await(s?.activateTool?.(e))}async closeGlobalSurface(){if(this.managedMobileSheetNavOpen){this.managedMobileSheetNavOpen=false;return}const e=this.el.querySelector("ds-shell-tools, ds-panel-tools");await(e?.closeDrawer?.())}async setToolPresentation(e){this.managedToolPresentation=e;this.toolsFullscreen=e==="fullscreen"}activateManagedMobileTool(e){const s=e==="inbox"?k(this.managedInboxTool,this.availableInboxTools):e;if(!s)return false;const t=this.resolvedToolItems.find((t=>t.id===s||e!=="inbox"&&t.mobileDestination===e));if(!t||t.isInactive)return false;const i=t.id;this.managedActiveTool=i;this.managedToolsOpen=true;if(v(t))this.managedInboxTool=i;if(e==="help")this.managedMobilePrimaryDestination="help";this.dsToolChange.emit({id:i,selected:true});return true}get currentArea(){const e=[...this.navigation.dashboardGroups??[],...this.navigation.settingsGroups??[],...this.resolvedNavigationGroups];const s=e.flatMap((e=>e.items));const t=this.navigation.activeId||C(this.navigation.currentUrl??this.pageChrome.currentUrl??"",s);return s.find((e=>e.id===t))??s[0]??{id:"area",icon:"MapPage",label:this.pageChrome.heading||"Area"}}toolDot(e){return this.resolvedToolItems.find((s=>s.id===e))?.dot??false}syncChrome(){if(!this.el.isConnected)return;const e=this.el.querySelector("ds-panel-nav");const s=this.el.querySelector('ds-bar-nav, ds-bar-page-title, ds-bar-title[placement="shell-bar"]');const t=[this.el,e,s].filter((e=>e!==null));const i=()=>{if(e)e.style.removeProperty(be);if(s)s.style.removeProperty(fe)};const a=re(this.gradientPreset);if(this.resolvedMode==="mobile"){this.clearGradientPaintVars(t);i();return}const l=this.resolveViewportDimensions();if(a==="none"){this.clearGradientPaintVars(t);i();this.syncPaperTextureLayout(l);return}const n=this.resolvePanelWidthPx(e);const o=ye();const h=ke(n);this.syncChromeLayoutVars(e,s,o,h);const r=ge(a);const p=_e({width:l.width,height:l.height});const d=oe(a);for(const e of t){if(e===this.el){this.applyGradientVars(e,{[ce]:r,[ue]:p,[be]:o,[fe]:h,[me]:d});continue}const t=e===s;this.applyGradientVars(e,{[ce]:r,[ue]:p,[me]:d,[be]:t?null:o,[fe]:t?h:null})}this.syncPaperTextureLayout(l)}syncPaperTextureLayout(e){const s=this.el.querySelector(".shell-app__chrome");const t=this.el.querySelector(".shell-app__chrome > ds-paper-texture");if(!s||!t)return;const i=s.getBoundingClientRect();t.style.setProperty("width",`${Math.round(e.width)}px`);t.style.setProperty("height",`${Math.round(e.height)}px`);t.style.setProperty("left",`${-Math.round(i.left)}px`);t.style.setProperty("top",`${-Math.round(i.top)}px`)}renderPaperTexture(){if(!this.paperTextureLayerActive())return null;return i("ds-paper-texture",{class:"shell-app__paper-texture",config:this.paperTexture})}renderManagedPanelNav(){const e=this.navigation;return i("ds-panel-nav",{navStyle:this.navStyle,presentation:this.sectionNavigation==="panel"?"nested":"flat",groups:this.resolvedNavigationGroups,breakpoint:w,routerMode:e.routerMode??"event",activeId:e.activeId??"",activeChildId:this.pageChrome.value??"",currentUrl:e.currentUrl??this.pageChrome.currentUrl??"",storageKey:e.storageKey??"",userName:e.userName??"",userInitial:e.userInitial??"",accountMenuExpanded:e.accountMenuExpanded??false,accountMenuSurfaceOpen:e.accountMenuSurfaceOpen,dashboardLabel:e.dashboardLabel??"Dashboard",settingsLabel:e.settingsLabel??"Settings",accountLabel:e.accountLabel??"Account",dashboardNavigationLabel:e.dashboardNavigationLabel??"Dashboard navigation",settingsNavigationLabel:e.settingsNavigationLabel??"Settings navigation",navigationItemsLabel:e.navigationLabel??"Navigation items",onDsNavSelect:this.handleManagedNavSelect,onDsNavChildSelect:this.handleManagedNavChildSelect,onDsNavFooterAction:this.handleManagedNavFooterAction,onDsNavUserAction:this.handleManagedNavUserAction})}renderManagedBarNav(){return i("ds-bar-nav",{navStyle:this.navStyle,tabs:this.resolvedPageTabs,value:this.pageChrome.value??"",heading:this.pageChrome.routeHeading??this.pageChrome.heading,basePath:this.pageChrome.basePath??"",currentUrl:this.pageChrome.currentUrl??this.navigation.currentUrl??"",onDsTabChange:this.handleManagedTabChange})}renderManagedTopBar(){return this.sectionNavigation==="panel"?this.renderManagedBarPageTitle():this.renderManagedBarNav()}renderManagedToolSlots(){const e=[...new Set(this.resolvedToolItems.map((e=>e.id)))].sort();return e.flatMap((e=>[i("div",{key:`tool:${e}`,class:"shell-app__tool-slot-proxy",slot:e},i("slot",{name:e})),i("div",{key:`tool-view:${e}`,class:"shell-app__tool-slot-proxy",slot:`${e}-view`},i("slot",{name:`${e}-view`}))]))}renderManagedTools(){const e=this.tools;return i("ds-shell-tools",{responsiveMode:this.resolvedMode,open:this.managedToolsOpen,activeTool:this.managedActiveTool,presentation:this.managedToolPresentation,fullscreenHeaderMode:e.fullscreenHeaderMode??"shared",items:this.resolvedToolItems,accessories:e.accessories??[],headers:e.headers??{},storageKey:e.storageKey??"",toolsLabel:e.toolsLabel??"Tools",toolShortcutsLabel:e.toolShortcutsLabel??"Tool shortcuts",inboxLabel:e.inboxLabel??"Inbox",inboxNavigationLabel:e.inboxNavigationLabel??"Inbox sections",onDsToolChange:this.handleManagedToolChange,onDsPresentationChange:this.handleManagedPresentationChange,onDsHeaderBack:this.handleManagedHeaderBack,onDsHeaderAction:this.handleManagedHeaderAction,onDsRailAccessoryAction:this.handleManagedRailAccessoryAction},this.renderManagedToolSlots())}renderManagedMobileSheetNav(){const e=this.navigation;return i("ds-mobile-sheet-nav",{open:this.managedMobileSheetNavOpen,presentation:this.sectionNavigation==="panel"?"nested":"flat",browseContext:this.managedBrowseContext,dashboardGroups:e.dashboardGroups??e.groups??[],settingsGroups:e.settingsGroups??[],currentUrl:e.currentUrl??this.pageChrome.currentUrl??"",routeSelectionActive:this.managedMobileDestination==="area",navigationLabel:e.navigationLabel??"Application navigation",dashboardLabel:e.dashboardLabel??"Dashboard",settingsLabel:e.settingsLabel??"Settings",accountLabel:e.accountLabel??"Account",showAccount:e.showMobileAccount??true,onDsAreaSelect:this.handleManagedAreaSelect,onDsNavChildSelect:this.handleManagedMobileChildSelect,onDsBrowseContextChange:this.handleManagedBrowseContext,onDsClose:this.handleManagedSheetClose})}renderManagedMobileBarNav(){const e=e=>this.resolvedToolItems.find((s=>s.id===e));const s=(s,t)=>e(s)?.ariaLabel??e(s)?.label??t;const t=this.resolvedToolItems.some((e=>!e.isInactive&&e.mobileDestination==="activity"));return i("ds-mobile-bar-nav",{hidden:this.tools.mobileBarHidden??false,activeDestination:this.managedMobileDestination,primaryDestination:this.managedMobilePrimaryDestination,currentArea:this.currentArea,sheetNavExpanded:this.managedMobileSheetNavOpen,searchLabel:s("search","Search"),activityMode:t?"direct":"inbox",activityLabel:s("activity","Activity"),inboxLabel:this.tools.inboxLabel??"Inbox",messagesLabel:s("messages","Messages"),agentsLabel:s("agents","Agents"),helpLabel:s("help","Help & Support"),searchDot:this.toolDot("search"),activityDot:this.toolDot("activity"),inboxDot:this.toolDot("stacks")||this.toolDot("activity"),messagesDot:this.toolDot("messages"),agentsDot:this.toolDot("agents"),onDsSheetNavToggle:this.handleManagedSheetToggle,onDsDestinationChange:this.handleManagedMobileDestination})}renderManagedMobileLeading(){if(!this.pageChrome.showBack){return i("slot",{name:"page-header-leading",slot:"leading"})}return[i("ds-tooltip",{slot:"leading",label:this.pageChrome.backAriaLabel??"Back",side:"bottom",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.pageChrome.backIcon??"ChevronLeft",size:"lg","aria-label":this.pageChrome.backAriaLabel??"Back",activeFill:false,hasBorder:false,onDsClick:e=>this.dsPageBack.emit(e.detail)})),i("slot",{name:"page-header-leading",slot:"leading"})]}renderManagedMobileActions(){const e=this.pageChrome.mobileActions??[];const s=p(this.resolvedHeaderActions,"mobile");return[...e.map((e=>i("ds-tooltip",{slot:"trailing",key:e.id,label:e.ariaLabel,side:"bottom",size:"sm"},i("ds-button-unfilled",{id:e.triggerId||undefined,variant:"icon",icon:e.icon,size:"lg","aria-label":e.ariaLabel,haspopup:e.haspopup,controls:e.controls,expanded:e.expanded,surfaceOpen:e.surfaceOpen,pressed:e.pressed,isInactive:e.isInactive,activeFill:false,hasBorder:false,onDsClick:()=>this.dsPageAction.emit(e.id)})))),...s.map((e=>{if(e.type!=="icon")return null;const s=(e.appearance??"unfilled")==="filled"?i("ds-button-filled",{variant:"icon",icon:e.icon,"aria-label":e.ariaLabel,size:"lg",intent:e.intent??"brand",contrast:e.contrast??"bold",isInactive:e.isInactive,isLoading:e.isLoading,onDsClick:()=>this.dsPageAction.emit(e.id)}):i("ds-button-unfilled",{variant:"icon",icon:e.icon,"aria-label":e.ariaLabel,size:"lg",isInactive:e.isInactive,isLoading:e.isLoading,activeFill:false,hasBorder:false,onDsClick:()=>this.dsPageAction.emit(e.id)});return i("ds-tooltip",{slot:"trailing",key:e.id,label:e.label,side:"bottom",size:"sm"},s)})),...this.mobileActionMenuSections.length>0?[i("ds-tooltip",{slot:"trailing",label:"Page options",side:"bottom",size:"sm"},i("ds-button-unfilled",{ref:e=>{this.mobileActionTriggerEl=e??null},id:this.mobileActionMenuTriggerId,variant:"icon",icon:"Ellipses","aria-label":this.pageChrome.actionsAriaLabel??"More page actions",size:"lg",activeFill:false,hasBorder:false,haspopup:"menu",controls:this.mobileActionMenuId,expanded:this.mobileActionMenuOpen,surfaceOpen:this.mobileActionSurfaceOpen,onDsClick:e=>{this.mobileActionMenuInitialFocusVisible=e.detail.detail===0;this.mobileActionMenuOpen=!this.mobileActionMenuOpen;if(this.mobileActionMenuOpen)this.mobileActionSurfaceOpen=true}}))]:[],i("slot",{name:"page-header-trailing",slot:"trailing"})]}get resolvedHeaderActions(){return d(this.pageChrome.actionItems,this.pageChrome.primaryAction??null,this.pageChrome.actions??[])}get mobileActionMenuSections(){return c(this.resolvedHeaderActions,"mobile")}renderManagedMobileActionMenu(){if(this.mobileActionMenuSections.length===0)return null;return i("ds-menu",{id:this.mobileActionMenuId,anchorId:this.mobileActionMenuTriggerId,align:"end",menuLabel:this.pageChrome.actionsAriaLabel??"More page actions",open:this.mobileActionMenuOpen,initialFocusVisible:this.mobileActionMenuInitialFocusVisible,sections:this.mobileActionMenuSections,onDsClose:this.closeMobileActionMenu,onDsAfterClose:()=>{if(!this.mobileActionMenuOpen)this.mobileActionSurfaceOpen=false},onDsSelect:this.handleMobileActionSelect})}get barTitleSections(){return(this.pageChrome.subsections??[]).map((e=>"type"in e?{type:"divider"}:{id:e.id,label:e.label,isInactive:e.isInactive}))}renderManagedBarPageTitle(){const e=this.pageChrome;return i("ds-bar-page-title",{"data-shell-bar":"",ref:s=>{if(s){s.actionItems=e.actionItems}},heading:e.heading??"",showBack:e.showBack??false,backAriaLabel:e.backAriaLabel??"Back",sections:this.barTitleSections,value:e.subvalue??"",sectionsAriaLabel:e.subsectionsAriaLabel??"Change page subsection",primaryAction:e.primaryAction??null,actions:e.actions??[],actionsAriaLabel:e.actionsAriaLabel??"More page actions",showDivider:e.showHeaderDivider??true,showCompactDivider:e.showCompactHeaderDivider,onDsBack:this.handleManagedPageBack,onDsSectionChange:this.handleManagedSubsectionChange,onDsAction:this.handleManagedPageAction})}renderManagedBarTitle(e){const s=this.pageChrome;return i("ds-bar-title",{ref:e=>{if(e){e.actionItems=s.actionItems}},slot:e==="page"?"header":undefined,placement:e,variant:e==="shell-bar"?"compact":"expanded",heading:s.heading??"",description:s.description??"",showBack:s.showBack??false,backAriaLabel:s.backAriaLabel??"Back",backLabel:s.backLabel??"Back",breadcrumbs:s.breadcrumbs??[],breadcrumbAriaLabel:s.breadcrumbAriaLabel??"Breadcrumb",sections:this.barTitleSections,value:s.subvalue??"",sectionsAriaLabel:s.subsectionsAriaLabel??"Change page subsection",primaryAction:s.primaryAction??null,actions:s.actions??[],actionsAriaLabel:s.actionsAriaLabel??"More page actions",showDivider:s.showHeaderDivider??true,showCompactDivider:s.showCompactHeaderDivider,onDsBack:this.handleManagedPageBack,onDsBreadcrumbSelect:this.handleManagedBreadcrumbSelect,onDsSectionChange:this.handleManagedSubsectionChange,onDsAction:this.handleManagedPageAction})}renderManagedPage(){const e=this.pageChrome;const s=this.sectionNavigation==="panel";const t=e.showBack||s?[]:this.resolvedPageTabs;return[i("ds-shell-page",{responsiveMode:this.resolvedMode,headerCapacity:x(this.resolvedMode),headerPresentation:e.headerPresentation??"auto",desktopHeaderPlacement:this.sectionNavigation==="panel"?"shell-bar":"page",contentInset:e.contentInset??"default",contentInsetBlockStart:e.contentInsetBlockStart??"default",contentInsetBlockStartSize:e.contentInsetBlockStartSize,compactContentInsetBlockStartSize:e.compactContentInsetBlockStartSize,scrollCompaction:e.scrollCompaction??true,contentSurface:e.contentSurface??"primary"},this.sectionNavigation==="bar"?this.renderManagedBarTitle("page"):null,i("ds-mobile-header",{slot:"mobile-header",heading:e.heading??"",headingLevel:e.headingLevel??"h1",sections:t,value:e.showBack?"":e.value??"",sectionsAriaLabel:e.sectionsAriaLabel??"Change page section",subsections:e.subsections??[],subsectionsPlacement:e.showBack||s?"combined":"below",subvalue:e.subvalue??"",subsectionsAriaLabel:e.subsectionsAriaLabel??"Change page subsection",tone:e.tone??"default",onDsSectionChange:this.handleManagedTabChange,onDsSubsectionChange:this.handleManagedSubsectionChange},this.renderManagedMobileLeading(),this.renderManagedMobileActions()),i("slot",null)),this.renderManagedMobileActionMenu()]}renderSlottedShell(e,s,t,l,n){return i(a,{class:e,"responsive-mode":this.resolvedMode},i("div",{class:"shell-app__banner"},i("slot",{name:"banner"})),i("div",{class:"shell-app__row"},i("div",{class:"shell-app__chrome","aria-hidden":"true"},this.renderPaperTexture()),i("div",{class:"shell-app__panel","aria-hidden":n?"true":undefined,inert:n?true:undefined},i("slot",{name:"panel"})),i("div",{class:"shell-app__main"},i("div",{class:"shell-app__bar","aria-hidden":n?"true":undefined,inert:n?true:undefined},i("slot",{name:"bar"})),i("div",{class:"shell-app__tools","data-ds-overlay-boundary":n?undefined:true,"aria-hidden":s&&(!t||this.mobileSheetNavOpen)?"true":undefined,inert:s&&(!t||this.mobileSheetNavOpen)?true:undefined,hidden:s&&!t},i("slot",{name:"tools"})),i("div",{class:"shell-app__content","data-ds-overlay-boundary":true,"aria-hidden":n||l?"true":undefined,inert:n||l?true:undefined,tabIndex:0},i("slot",null)),i("div",{class:"shell-app__mobile-sheet-nav",hidden:!s||!this.mobileSheetNavOpen,"aria-hidden":s&&this.mobileSheetNavOpen?undefined:"true",inert:s&&this.mobileSheetNavOpen?undefined:true},i("slot",{name:"mobile-sheet-nav"})),i("div",{class:"shell-app__mobile-bar-nav",hidden:!s},i("slot",{name:"mobile-bar-nav"})))))}render(){const e=this.chromeLayerActive();const s=this.gradientLayerActive();const t=this.paperTextureLayerActive();const l=this.resolvedMode==="mobile";const n=l&&this.effectiveMobileDestination!=="area";const o=l&&(n||this.effectiveMobileSheetNavOpen);const h=!l&&this.toolsFullscreen;const r={"shell-app":true,"shell-app--chrome":e,"shell-app--gradient":s,"shell-app--paper-texture":t,[`shell-app--${this.navStyle}`]:true,[`shell-app--${this.resolvedMode}`]:true,"shell-app--tools-fullscreen":h,"shell-app--mobile-tool-active":n,"shell-app--mobile-sheet-nav-open":l&&this.effectiveMobileSheetNavOpen,"shell-app--managed":this.managed,"shell-app--slotted":!this.managed};if(!this.managed){return this.renderSlottedShell(r,l,n,o,h)}return i(a,{class:r,"responsive-mode":this.resolvedMode},i("div",{class:"shell-app__banner"},i("slot",{name:"banner"})),i("div",{class:"shell-app__row"},i("div",{class:"shell-app__chrome","aria-hidden":"true"},this.renderPaperTexture()),i("div",{class:"shell-app__panel","aria-hidden":h?"true":undefined,inert:h?true:undefined},this.renderManagedPanelNav()),i("div",{class:"shell-app__main"},i("div",{class:"shell-app__bar","aria-hidden":h?"true":undefined,inert:h?true:undefined},this.renderManagedTopBar()),i("div",{class:"shell-app__tools","data-ds-overlay-boundary":h?undefined:true,"aria-hidden":l&&(!n||this.effectiveMobileSheetNavOpen)?"true":undefined,inert:l&&(!n||this.effectiveMobileSheetNavOpen)?true:undefined,hidden:l&&!n},this.renderManagedTools()),i("div",{class:"shell-app__content","data-ds-overlay-boundary":true,"aria-hidden":h||o?"true":undefined,inert:h||o?true:undefined,tabIndex:0},this.renderManagedPage()),i("div",{class:"shell-app__mobile-sheet-nav",hidden:!l||!this.effectiveMobileSheetNavOpen,"aria-hidden":l&&this.effectiveMobileSheetNavOpen?undefined:"true",inert:l&&this.effectiveMobileSheetNavOpen?undefined:true},this.renderManagedMobileSheetNav()),i("div",{class:"shell-app__mobile-bar-nav",hidden:!l},this.renderManagedMobileBarNav()))))}get el(){return this}static get watchers(){return{navStyle:[{onShellPropsChange:0}],gradientPreset:[{onShellPropsChange:0}],paperTexture:[{onShellPropsChange:0}],sectionNavigation:[{onShellPropsChange:0}],navigation:[{handleNavigationChange:0}],pageChrome:[{handlePageChromeChange:0}],tools:[{handleToolsChange:0}],mobileDestination:[{onMobileStateChange:0}],mobileSheetNavOpen:[{onMobileStateChange:0}]}}static get style(){return De()}},[262,"ds-shell-app",{composition:[513],navigation:[16],sectionNavigation:[513,"section-navigation"],pageChrome:[16],tools:[16],navStyle:[513,"nav-style"],gradientPreset:[513,"gradient-preset"],paperTexture:[16],shortcutsEnabled:[4,"shortcuts-enabled"],mobileDestination:[1,"mobile-destination"],mobileSheetNavOpen:[4,"mobile-sheet-nav-open"],toolsFullscreen:[32],resolvedMode:[32],managedToolsOpen:[32],managedActiveTool:[32],managedToolPresentation:[32],managedMobileDestination:[32],managedMobilePrimaryDestination:[32],managedMobileSheetNavOpen:[32],managedInboxTool:[32],managedBrowseContext:[32],mobileActionMenuOpen:[32],mobileActionSurfaceOpen:[32],mobileActionMenuInitialFocusVisible:[32],activateTool:[64],closeGlobalSurface:[64],setToolPresentation:[64]},[[0,"dsPresentationChange","handleToolsPresentation"],[10,"keydown","handleWindowKeyDown"]],{navStyle:[{onShellPropsChange:0}],gradientPreset:[{onShellPropsChange:0}],paperTexture:[{onShellPropsChange:0}],sectionNavigation:[{onShellPropsChange:0}],navigation:[{handleNavigationChange:0}],pageChrome:[{handlePageChromeChange:0}],tools:[{handleToolsChange:0}],mobileDestination:[{onMobileStateChange:0}],mobileSheetNavOpen:[{onMobileStateChange:0}]}]);Le.FOREGROUND_REFRESH_MS=50;function Pe(){if(typeof customElements==="undefined"){return}const e=["ds-shell-app","ds-badge","ds-bar-nav","ds-bar-page-title","ds-bar-title","ds-breadcrumb","ds-button-filled","ds-button-unfilled","ds-divider","ds-icon","ds-loader","ds-menu","ds-mobile-bar-nav","ds-mobile-header","ds-mobile-section-switcher","ds-mobile-sheet-nav","ds-panel-nav","ds-panel-tool-header","ds-panel-tools","ds-paper-texture","ds-shell-page","ds-shell-tools","ds-swatch-picker","ds-switch","ds-tab-group","ds-tag","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-shell-app":if(!customElements.get(l(e))){customElements.define(l(e),Le)}break;case"ds-badge":if(!customElements.get(l(e))){S()}break;case"ds-bar-nav":if(!customElements.get(l(e))){D()}break;case"ds-bar-page-title":if(!customElements.get(l(e))){M()}break;case"ds-bar-title":if(!customElements.get(l(e))){L()}break;case"ds-breadcrumb":if(!customElements.get(l(e))){P()}break;case"ds-button-filled":if(!customElements.get(l(e))){A()}break;case"ds-button-unfilled":if(!customElements.get(l(e))){B()}break;case"ds-divider":if(!customElements.get(l(e))){T()}break;case"ds-icon":if(!customElements.get(l(e))){j()}break;case"ds-loader":if(!customElements.get(l(e))){z()}break;case"ds-menu":if(!customElements.get(l(e))){E()}break;case"ds-mobile-bar-nav":if(!customElements.get(l(e))){N()}break;case"ds-mobile-header":if(!customElements.get(l(e))){I()}break;case"ds-mobile-section-switcher":if(!customElements.get(l(e))){$()}break;case"ds-mobile-sheet-nav":if(!customElements.get(l(e))){O()}break;case"ds-panel-nav":if(!customElements.get(l(e))){R()}break;case"ds-panel-tool-header":if(!customElements.get(l(e))){F()}break;case"ds-panel-tools":if(!customElements.get(l(e))){h()}break;case"ds-paper-texture":if(!customElements.get(l(e))){G()}break;case"ds-shell-page":if(!customElements.get(l(e))){W()}break;case"ds-shell-tools":if(!customElements.get(l(e))){H()}break;case"ds-swatch-picker":if(!customElements.get(l(e))){V()}break;case"ds-switch":if(!customElements.get(l(e))){U()}break;case"ds-tab-group":if(!customElements.get(l(e))){J()}break;case"ds-tag":if(!customElements.get(l(e))){K()}break;case"ds-text":if(!customElements.get(l(e))){q()}break;case"ds-tooltip":if(!customElements.get(l(e))){X()}break}}))}Pe();const Ae=Le;const Be=Pe;export{Ae as DsShellApp,Be as defineCustomElement};
+import{p as e,H as s,c as t,h as i,a,t as l}from"./index.js";import{C as n}from"./p-DlsjHRU3.js";import{c as o,d as h}from"./p-Ct2KQHF4.js";import{f as r,v as p,j as d,o as c}from"./p-BWSIw8AQ.js";import{e as u,c as b,a as f,b as m,r as g}from"./p-B0uO3-Dp.js";import{i as v,b as _,c as y,r as k,S as w,d as x}from"./p-CgGcgMjs.js";import{c as C}from"./p-CqW2eyiF.js";import{d as S}from"./p-BWJb2rih.js";import{d as D}from"./p-CRhoeCC8.js";import{d as M}from"./p-oBpjD9OA.js";import{d as L}from"./p-Dyjs8_Cl.js";import{d as P}from"./p-Du8LT8JS.js";import{d as A}from"./p-dSNHIJz6.js";import{d as B}from"./p-pJ6gbwSa.js";import{d as j}from"./p-D_iZPukF.js";import{d as T}from"./p-pPtjNRqC.js";import{d as N}from"./p-0XTyQNRG.js";import{d as z}from"./p-BPDo1eQV.js";import{d as E}from"./p-D9l0QBgN.js";import{d as I}from"./p-LJXiEPw1.js";import{d as $}from"./p-BjBFJ2dd.js";import{d as F}from"./p-Cs8Gq-PZ.js";import{d as O}from"./p-CvIHBa8S.js";import{d as H}from"./p-D_xZ5SFL.js";import{d as R}from"./p-C4t7HnfZ.js";import{d as J}from"./p-5aZVNYQz.js";import{d as G}from"./p-CLqqb0Jp.js";import{d as V}from"./p-eKnJNQtL.js";import{d as W}from"./p-C2e7BkNn.js";import{d as K}from"./p-4sBUSsqs.js";import{d as Q}from"./p-CKSJwSWd.js";import{d as U}from"./p-BbvAWFJA.js";import{d as q}from"./p-BJf49edB.js";const Z={k:"search",a:"agents",s:"stacks",m:"messages",n:"activity","/":"help"};function X(e){return!e.metaKey&&!e.ctrlKey&&!e.altKey&&!e.shiftKey}function Y(e){if(!e||typeof e!=="object")return false;if(!("closest"in e)||typeof e.closest!=="function")return false;const s=e;const t=s.closest('input, textarea, select, [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]');if(t)return true;const i=s.getAttribute("role");if(i==="textbox"||i==="combobox"||i==="searchbox")return true;return Boolean(s.isContentEditable)}function ee(e){if(e.key==="["||e.code==="BracketLeft")return"[";if(e.key==="]"||e.code==="BracketRight")return"]";return e.key.length===1?e.key.toLowerCase():e.key.toLowerCase()}function se(e){if(!X(e))return null;const s=ee(e);if(s==="[")return"toggle-panel-nav";if(s==="]")return"close-panel-tools";const t=Z[s];if(t)return`open-tool:${t}`;return null}const te=["none","cool","neutral","warm","fresh"];const ie="neutral";const ae={cool:{opacity:.1,stops:[{color:"var(--color-background-transparent)",position:0},{color:"var(--color-color-intent-blue-strong-background)",position:100}]},neutral:{opacity:.1,stops:[{color:"var(--color-background-transparent)",position:0},{color:"var(--color-color-intent-grey-strong-background)",position:100}]},warm:{opacity:.1,stops:[{color:"var(--color-background-transparent)",position:0},{color:"var(--color-color-intent-yellow-strong-background)",position:100}]},fresh:{opacity:.4,stops:[{color:"var(--color-color-intent-cyan-faint-background)",position:0},{color:"var(--color-background-transparent)",position:47},{color:"var(--color-background-transparent)",position:58},{color:"var(--color-color-intent-red-faint-background)",position:83},{color:"var(--color-color-intent-pink-faint-background)",position:100}]}};const le="100% 100% at 0% 0%";function ne(e){const s=re(e);return s==="none"?null:ae[s]}function oe(e){return String(ne(e)?.opacity??0)}function he(e){return te.includes(e)}function re(e){return e!=null&&he(e)?e:ie}function pe(e){const s=re(e);if(s==="none")return"none";return de(ae[s].stops)}function de(e){const s=e.map((e=>`${e.color} ${e.position}%`)).join(", ");return`radial-gradient(${le}, ${s})`}const ce="--ds-shell-gradient-image";const ue="--ds-shell-gradient-size";const be="--ds-shell-gradient-position-panel";const fe="--ds-shell-gradient-position-bar";const me="--ds-shell-gradient-opacity";function ge(e=ie){return pe(e)}function ve(e){const s=typeof globalThis.window!=="undefined"?globalThis.window:undefined;if(!s)return{width:0,height:0};const t=s.visualViewport;return{width:Math.round(t?.width??s.innerWidth),height:Math.round(t?.height??s.innerHeight)}}function _e(e){return`${Math.round(e.width)}px ${Math.round(e.height)}px`}function ye(){return"0 0"}function ke(e){return`${-Math.round(e)}px 0`}function we(e,s){if(typeof document==="undefined")return 0;const t=document.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;height:0;width:var("+s+");";e.appendChild(t);const i=t.getBoundingClientRect().width;e.removeChild(t);return i}function xe(e){return{expandedPx:we(e,"--_nav-width"),collapsedPx:we(e,"--_nav-width-collapsed")}}function Ce(e,s){if(s?.classList.contains("panel-nav--collapsed"))return true;const t=e?.collapsed;return t===true}function Se(e,s){return s?e.collapsedPx:e.expandedPx}const De=()=>`.sc-ds-shell-app-h{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;overflow:hidden;overscroll-behavior:none;font-family:var(--typography-font-family-ui, system-ui);--ds-shell-panel-tools-width:var(--dimension-panel-width-xs);--ds-shell-gradient-context:flat}.sc-ds-shell-app-h{--_shell-chrome-bg:var(--color-chrome-background-theme)}.shell-app--gradient.sc-ds-shell-app-h{--ds-shell-gradient-context:gradient}.shell-app__row.sc-ds-shell-app{display:flex;flex:1 1 0;min-height:0;position:relative}.shell-app__banner.sc-ds-shell-app{--_shell-banner-edge-display:none;flex:0 0 auto;min-width:0;position:relative;z-index:5}.shell-app__banner.sc-ds-shell-app-s>ds-banner,.shell-app__banner .sc-ds-shell-app-s>ds-banner{display:grid;width:100%}.shell-app__chrome.sc-ds-shell-app{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background-color:var(--_shell-chrome-bg)}.shell-app--gradient.sc-ds-shell-app-h .shell-app__chrome.sc-ds-shell-app::before{content:'';position:absolute;inset:0;pointer-events:none;background-position:0 0;background-attachment:fixed;z-index:1;opacity:var(--ds-shell-gradient-opacity, 1);background-image:var(--ds-shell-gradient-image, none);background-size:var(--ds-shell-gradient-size, auto);background-repeat:no-repeat}.shell-app__paper-texture.sc-ds-shell-app{z-index:2}.shell-app__panel.sc-ds-shell-app{flex:0 0 auto;min-height:0;height:100%;position:relative;z-index:2}.shell-app__panel.sc-ds-shell-app-s>ds-panel-nav,.shell-app__panel .sc-ds-shell-app-s>ds-panel-nav{display:block;height:100%}.shell-app__panel.sc-ds-shell-app>ds-panel-nav.sc-ds-shell-app{display:block;height:100%}.shell-app__main.sc-ds-shell-app{flex:1 1 auto;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-rows:auto minmax(0, 1fr);grid-template-areas:'bar tools'     'content tools';position:relative;z-index:1}.shell-app__mobile-sheet-nav.sc-ds-shell-app,.shell-app__mobile-bar-nav.sc-ds-shell-app{display:none}.shell-app__bar.sc-ds-shell-app{grid-area:bar;flex:0 0 auto;min-width:0}.shell-app__bar.sc-ds-shell-app-s>ds-bar-nav,.shell-app__bar .sc-ds-shell-app-s>ds-bar-nav{display:block}.shell-app__bar.sc-ds-shell-app-s>ds-bar-title,.shell-app__bar .sc-ds-shell-app-s>ds-bar-title,.shell-app__bar.sc-ds-shell-app-s>ds-bar-page-title,.shell-app__bar .sc-ds-shell-app-s>ds-bar-page-title{display:block}.shell-app__bar.sc-ds-shell-app>ds-bar-nav.sc-ds-shell-app{display:block}.shell-app__bar.sc-ds-shell-app>ds-bar-title.sc-ds-shell-app,.shell-app__bar.sc-ds-shell-app>ds-bar-page-title.sc-ds-shell-app{display:block}.shell-app__content.sc-ds-shell-app{grid-area:content;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:none;contain:layout}.shell-app__content.sc-ds-shell-app:focus,.shell-app__content.sc-ds-shell-app:focus-visible{outline:none}.shell-app__content.sc-ds-shell-app{position:relative;z-index:1;background-color:var(--color-background-primary)}.shell-app__tools.sc-ds-shell-app{grid-area:tools;flex:0 0 auto;min-width:0;min-height:0;height:100%;display:flex;position:relative;z-index:0;overflow:hidden;--_shell-tools-border:var(--color-chrome-border-tertiary);--_shell-tools-border-secondary:var(--color-chrome-border-secondary);--_shell-tools-divider:var(--color-chrome-divider);--_shell-tools-background-theme:var(--color-chrome-background-theme);--_shell-tools-fg-primary:var(--color-chrome-foreground-primary);--_shell-tools-fg-secondary:var(--color-chrome-foreground-secondary)}.shell-app__tools.sc-ds-shell-app-s>ds-panel-tools,.shell-app__tools .sc-ds-shell-app-s>ds-panel-tools{display:block;height:100%;min-height:0}.shell-app__tools.sc-ds-shell-app-s>ds-shell-tools,.shell-app__tools .sc-ds-shell-app-s>ds-shell-tools{display:block;height:100%;min-height:0}.shell-app__tools.sc-ds-shell-app>ds-shell-tools.sc-ds-shell-app{display:block;height:100%;min-height:0}.shell-app__tool-slot-proxy.sc-ds-shell-app{display:block;width:100%;height:100%;min-width:0;min-height:0}.shell-app__content.sc-ds-shell-app>ds-shell-page.sc-ds-shell-app{display:block;min-height:100%}.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__row.sc-ds-shell-app{contain:layout}.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__main.sc-ds-shell-app{z-index:3}.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app{z-index:2}.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__panel.sc-ds-shell-app,.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__bar.sc-ds-shell-app,.shell-app--tools-fullscreen.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app{visibility:hidden;content-visibility:hidden}.shell-app--mobile.sc-ds-shell-app-h{--_shell-chrome-bg:var(--color-background-primary);padding-block-start:env(safe-area-inset-top);background:var(--ds-shell-safe-area-background, var(--color-background-primary))}.shell-app--mobile.sc-ds-shell-app-h .shell-app__banner.sc-ds-shell-app{--_shell-banner-edge-display:block}.shell-app--mobile.shell-app--foreground-refresh.sc-ds-shell-app-h .shell-app__main.sc-ds-shell-app{transform:translateZ(0)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__chrome.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__panel.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__bar.sc-ds-shell-app{display:none}.shell-app--mobile.sc-ds-shell-app-h .shell-app__main.sc-ds-shell-app{width:100%;box-sizing:border-box;grid-template-columns:minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) auto;grid-template-areas:'stage'     'mobile-bar-nav';background:var(--color-background-primary)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-sheet-nav.sc-ds-shell-app{grid-area:stage;min-width:0;min-height:0;height:100%;position:relative}.shell-app--mobile.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app{z-index:1;overflow:auto}.shell-app--mobile.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app{z-index:2;width:100%;overflow:hidden;background:var(--color-background-primary)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-sheet-nav.sc-ds-shell-app{display:block;z-index:3;overflow:hidden;background:var(--color-background-primary)}.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-bar-nav.sc-ds-shell-app{grid-area:mobile-bar-nav;display:block;min-width:0;position:relative;z-index:4}.shell-app--mobile.sc-ds-shell-app-h .shell-app__tools[hidden].sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-sheet-nav[hidden].sc-ds-shell-app,.shell-app--mobile.sc-ds-shell-app-h .shell-app__mobile-bar-nav[hidden].sc-ds-shell-app{display:none}.shell-app--mobile-tool-active.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app,.shell-app--mobile-sheet-nav-open.sc-ds-shell-app-h .shell-app__content.sc-ds-shell-app,.shell-app--mobile-sheet-nav-open.sc-ds-shell-app-h .shell-app__tools.sc-ds-shell-app{visibility:hidden}`;let Me=0;const Le=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsResponsiveModeChange=t(this,"dsResponsiveModeChange",7);this.dsNavSelect=t(this,"dsNavSelect",7);this.dsTabChange=t(this,"dsTabChange",7);this.dsNavChildSelect=t(this,"dsNavChildSelect",7);this.dsSubsectionChange=t(this,"dsSubsectionChange",7);this.dsPageBack=t(this,"dsPageBack",7);this.dsBreadcrumbSelect=t(this,"dsBreadcrumbSelect",7);this.dsPageAction=t(this,"dsPageAction",7);this.dsToolChange=t(this,"dsToolChange",7);this.dsHeaderBack=t(this,"dsHeaderBack",7);this.dsHeaderAction=t(this,"dsHeaderAction",7);this.dsRailAccessoryAction=t(this,"dsRailAccessoryAction",7);this.dsPresentationChange=t(this,"dsPresentationChange",7);this.dsBrowseContextChange=t(this,"dsBrowseContextChange",7);this.dsNavFooterAction=t(this,"dsNavFooterAction",7);this.dsNavUserAction=t(this,"dsNavUserAction",7);this.composition="managed";this.navigation={};this.sectionNavigation="bar";this.pageChrome={};this.tools={};this.navStyle="dashboard";this.gradientPreset=ie;this.shortcutsEnabled=true;this.mobileDestination="area";this.mobileSheetNavOpen=false;this.toolsFullscreen=false;this.resolvedMode="desktop";this.managedToolsOpen=false;this.managedActiveTool="";this.managedToolPresentation="drawer";this.managedMobileDestination="area";this.managedMobilePrimaryDestination="area";this.managedMobileSheetNavOpen=false;this.managedInboxTool="";this.managedBrowseContext="dashboard";this.mobileActionMenuOpen=false;this.mobileActionSurfaceOpen=false;this.mobileActionMenuInitialFocusVisible=false;this.instanceId=Me++;this.mobileActionMenuTriggerId=`shell-app-mobile-action-trigger-${this.instanceId}`;this.mobileActionMenuId=`shell-app-mobile-action-menu-${this.instanceId}`;this.mobileActionTriggerEl=null;this.resizeObserver=null;this.hasLoaded=false;this.connectionTasks=new n((()=>this.el.isConnected));this.foregroundRefreshTimer=null;this.panelNavTransition=new u;this.chromeSyncCoalescer=b((()=>this.syncChrome()));this.panelWidthTokens={expandedPx:0,collapsedPx:0};this.cachedViewportWidth=0;this.cachedViewportHeight=0;this.onWindowResize=()=>{this.updateResponsiveMode();if(this.panelNavTransition.isActive)return;this.scheduleChromeSync()};this.onVisualViewportChange=()=>{if(this.panelNavTransition.isActive)return;this.scheduleChromeSync()};this.onChromeTransitionStart=e=>{const s=g(e);if(s!=="panel-nav")return;this.panelNavTransition.enter();const t=ve();this.cachedViewportWidth=t.width;this.cachedViewportHeight=t.height;this.syncChrome()};this.onChromeTransitionEnd=e=>{const s=g(e);if(s!=="panel-nav")return;this.panelNavTransition.exit();if(!this.panelNavTransition.isActive){this.scheduleChromeSync()}};this.onDocumentVisibilityChange=()=>{if(!document.hidden)this.refreshAfterForegroundRestore()};this.onPageShow=e=>{if(e.persisted)this.refreshAfterForegroundRestore()};this.handleManagedNavSelect=e=>{e.stopPropagation();this.dsNavSelect.emit(e.detail)};this.handleManagedNavChildSelect=e=>{e.stopPropagation();this.dsNavChildSelect.emit(e.detail)};this.handleManagedTabChange=e=>{e.stopPropagation();this.dsTabChange.emit(e.detail)};this.handleManagedPageBack=e=>{e.stopPropagation();this.dsPageBack.emit(e.detail)};this.handleManagedBreadcrumbSelect=e=>{e.stopPropagation();const s=this.dsBreadcrumbSelect.emit(e.detail);if(s.defaultPrevented)e.preventDefault()};this.handleManagedSubsectionChange=e=>{e.stopPropagation();this.dsSubsectionChange.emit(e.detail)};this.handleManagedPageAction=e=>{e.stopPropagation();this.dsPageAction.emit(e.detail)};this.handleManagedToolChange=e=>{e.stopPropagation();const{id:s,selected:t}=e.detail;this.managedActiveTool=s;this.managedToolsOpen=t;const i=this.resolvedToolItems.find((e=>e.id===s));if(i&&v(i)){this.managedInboxTool=s}this.managedMobileDestination=t?i?.mobileDestination??_(true,s):"area";this.managedMobileSheetNavOpen=false;this.dsToolChange.emit(e.detail)};this.handleManagedPresentationChange=e=>{e.stopPropagation();this.managedToolPresentation=e.detail.presentation;this.toolsFullscreen=e.detail.presentation==="fullscreen";this.dsPresentationChange.emit(e.detail)};this.handleManagedHeaderBack=e=>{e.stopPropagation();this.dsHeaderBack.emit(e.detail)};this.handleManagedHeaderAction=e=>{e.stopPropagation();this.dsHeaderAction.emit(e.detail)};this.handleManagedRailAccessoryAction=e=>{e.stopPropagation();this.dsRailAccessoryAction.emit(e.detail)};this.handleManagedSheetToggle=e=>{e.stopPropagation();this.managedMobileSheetNavOpen=e.detail};this.handleManagedMobileDestination=e=>{e.stopPropagation();const s=e.detail.destination;this.managedMobileSheetNavOpen=false;this.managedMobileDestination=s;if(s==="area"){this.managedToolsOpen=false;return}this.activateManagedMobileTool(s)};this.handleManagedAreaSelect=e=>{e.stopPropagation();if(e.detail==="help"){this.managedMobileSheetNavOpen=false;this.managedMobileDestination="help";if(this.activateManagedMobileTool("help"))return}this.managedMobileSheetNavOpen=false;this.managedMobileDestination="area";this.managedMobilePrimaryDestination="area";this.managedToolsOpen=false;this.dsNavSelect.emit(e.detail)};this.handleManagedMobileChildSelect=e=>{e.stopPropagation();this.managedMobileSheetNavOpen=false;this.managedMobileDestination="area";this.managedMobilePrimaryDestination="area";this.managedToolsOpen=false;this.dsNavChildSelect.emit(e.detail)};this.handleManagedBrowseContext=e=>{e.stopPropagation();this.managedBrowseContext=e.detail;this.dsBrowseContextChange.emit(e.detail)};this.handleManagedSheetClose=e=>{e.stopPropagation();this.managedMobileSheetNavOpen=false};this.handleManagedNavFooterAction=e=>{e.stopPropagation();this.dsNavFooterAction.emit()};this.handleManagedNavUserAction=e=>{e.stopPropagation();this.dsNavUserAction.emit(e.detail)};this.closeMobileActionMenu=()=>{this.mobileActionMenuOpen=false};this.handleMobileActionSelect=e=>{const s=String(e.detail.value??"");const t=r(this.resolvedHeaderActions,s);if(!t||t.isInactive||"isLoading"in t&&t.isLoading)return;this.mobileActionMenuOpen=false;this.dsPageAction.emit(s);this.connectionTasks.frame((()=>void this.mobileActionTriggerEl?.setFocus?.()))}}get managed(){return this.composition==="managed"}get effectiveMobileDestination(){return this.managed?this.managedMobileDestination:this.mobileDestination}get effectiveMobileSheetNavOpen(){return this.managed?this.managedMobileSheetNavOpen:this.mobileSheetNavOpen}get resolvedNavigationGroups(){if(this.navigation.groups?.length)return this.navigation.groups;return this.managedBrowseContext==="settings"?this.navigation.settingsGroups??[]:this.navigation.dashboardGroups??[]}get resolvedToolItems(){return this.tools.items??o}get resolvedPageTabs(){const e=this.currentArea.children;if(!e?.length)return this.pageChrome.tabs??[];return e.map((e=>({id:e.id,label:e.label,dot:e.dot,isInactive:e.isInactive})))}get availableInboxTools(){return this.resolvedToolItems.filter((e=>!e.isInactive&&v(e))).map((e=>e.id))}componentWillLoad(){if(typeof window!=="undefined"){this.resolvedMode=y(window.innerWidth)}this.managedBrowseContext=this.navigation.browseContext??this.navStyle;this.managedMobileDestination=this.mobileDestination;this.managedMobileSheetNavOpen=this.mobileSheetNavOpen;this.managedInboxTool=k("",this.availableInboxTools)}connectedCallback(){if(this.hasLoaded)this.connectResources()}componentDidLoad(){this.hasLoaded=true;this.connectResources()}connectResources(){if(!this.el.isConnected)return;this.updateResponsiveMode();this.syncSlottedNavStyle();this.syncSlottedMobileState();this.connectMetricsObserver();this.connectViewportListeners();this.connectPageLifecycleListeners();this.el.addEventListener(f,this.onChromeTransitionStart);this.el.addEventListener(m,this.onChromeTransitionEnd);this.connectionTasks.frame((()=>{this.cachePanelWidthTokens();this.scheduleChromeSync()}));const e=this.el.querySelector("ds-shell-tools, ds-panel-tools");this.toolsFullscreen=e?.getAttribute("presentation")==="fullscreen"}handleToolsPresentation(e){this.toolsFullscreen=e.detail?.presentation==="fullscreen"}disconnectedCallback(){this.connectionTasks.cancel();this.resizeObserver?.disconnect();this.resizeObserver=null;this.disconnectViewportListeners();this.disconnectPageLifecycleListeners();this.cancelForegroundRefresh();this.chromeSyncCoalescer.cancel();this.panelNavTransition.reset();this.el.removeEventListener(f,this.onChromeTransitionStart);this.el.removeEventListener(m,this.onChromeTransitionEnd)}onShellPropsChange(){this.syncSlottedNavStyle();this.scheduleChromeSync()}handleNavigationChange(e,s){this.managedBrowseContext=this.navigation.browseContext??this.navStyle;if(e.currentUrl!==s.currentUrl||e.activeId!==s.activeId){this.managedMobilePrimaryDestination="area"}}handlePageChromeChange(){if(this.mobileActionMenuSections.length===0){this.mobileActionMenuOpen=false;this.mobileActionSurfaceOpen=false}}handleToolsChange(){if(!this.resolvedToolItems.some((e=>e.id==="help"&&!e.isInactive))){this.managedMobilePrimaryDestination="area"}if(this.managedActiveTool&&!this.resolvedToolItems.some((e=>e.id===this.managedActiveTool))){this.managedToolsOpen=false;this.managedActiveTool="";this.managedMobileDestination="area"}this.managedInboxTool=k(this.managedInboxTool,this.availableInboxTools)}onMobileStateChange(e,t){if(this.managed){this.managedMobileDestination=this.mobileDestination;this.managedMobileSheetNavOpen=this.mobileSheetNavOpen}this.syncSlottedMobileState();if(t===true&&!this.effectiveMobileSheetNavOpen&&this.resolvedMode==="mobile"){this.connectionTasks.frame((()=>{const e=this.el.querySelector("ds-mobile-bar-nav");const t=document.activeElement;if(t instanceof s&&e?.contains(t))return;void e?.focusDestination?.("sheet-nav")}))}}updateResponsiveMode(){if(!this.el.isConnected||typeof window==="undefined")return;const e=y(window.innerWidth);if(e===this.resolvedMode)return;this.resolvedMode=e;this.syncSlottedMobileState();this.scheduleChromeSync();if(this.hasLoaded)this.dsResponsiveModeChange.emit({mode:e})}scheduleChromeSync(){if(!this.el.isConnected)return;this.chromeSyncCoalescer.schedule()}syncSlottedNavStyle(){const e=this.el.querySelector("ds-panel-nav");const s=this.el.querySelector("ds-bar-nav");if(e){e.setAttribute("nav-style",this.navStyle);e.navStyle=this.navStyle}if(s){s.setAttribute("nav-style",this.navStyle);s.navStyle=this.navStyle}}syncSlottedMobileState(){const e=this.el.querySelector("ds-shell-tools");const s=this.el.querySelector("ds-mobile-bar-nav");const t=this.el.querySelector("ds-mobile-sheet-nav");if(e){e.setAttribute("responsive-mode",this.resolvedMode);e.responsiveMode=this.resolvedMode}if(s){s.activeDestination=this.effectiveMobileDestination;s.sheetNavExpanded=this.effectiveMobileSheetNavOpen}if(t){t.open=this.effectiveMobileSheetNavOpen}}connectMetricsObserver(){this.resizeObserver?.disconnect();this.resizeObserver=new ResizeObserver((()=>{if(this.panelNavTransition.isActive)return;this.scheduleChromeSync()}));this.resizeObserver.observe(this.el);const e=this.el.querySelector(".shell-app__panel");if(e)this.resizeObserver.observe(e)}connectViewportListeners(){if(typeof window==="undefined")return;window.addEventListener("resize",this.onWindowResize,{passive:true});const e=window.visualViewport;if(e){e.addEventListener("resize",this.onVisualViewportChange,{passive:true});e.addEventListener("scroll",this.onVisualViewportChange,{passive:true})}}disconnectViewportListeners(){if(typeof window==="undefined")return;window.removeEventListener("resize",this.onWindowResize);const e=window.visualViewport;if(e){e.removeEventListener("resize",this.onVisualViewportChange);e.removeEventListener("scroll",this.onVisualViewportChange)}}connectPageLifecycleListeners(){if(typeof window==="undefined"||typeof document==="undefined")return;document.addEventListener("visibilitychange",this.onDocumentVisibilityChange);window.addEventListener("pageshow",this.onPageShow)}disconnectPageLifecycleListeners(){if(typeof window==="undefined"||typeof document==="undefined")return;document.removeEventListener("visibilitychange",this.onDocumentVisibilityChange);window.removeEventListener("pageshow",this.onPageShow)}cancelForegroundRefresh(){if(this.foregroundRefreshTimer!==null){window.clearTimeout(this.foregroundRefreshTimer);this.foregroundRefreshTimer=null}this.el.classList.remove("shell-app--foreground-refresh")}refreshAfterForegroundRestore(){if(!this.el.isConnected)return;this.updateResponsiveMode();this.syncSlottedMobileState();this.scheduleChromeSync();if(this.resolvedMode!=="mobile")return;this.cancelForegroundRefresh();this.el.classList.add("shell-app--foreground-refresh");this.foregroundRefreshTimer=window.setTimeout((()=>{this.foregroundRefreshTimer=null;this.el.classList.remove("shell-app--foreground-refresh");void this.el.querySelector(".shell-app__main")?.offsetHeight}),e.FOREGROUND_REFRESH_MS)}cachePanelWidthTokens(){const e=this.el.querySelector("ds-panel-nav .panel-nav");if(!e)return;this.panelWidthTokens=xe(e)}applyGradientVars(e,s){const t=e.style;for(const[e,i]of Object.entries(s)){if(i===null)t.removeProperty(e);else t.setProperty(e,i)}}clearGradientPaintVars(e){const s=[ce,ue,me];for(const t of e){for(const e of s)t.style.removeProperty(e)}}syncChromeLayoutVars(e,s,t,i){if(e){e.style.setProperty(be,t)}if(s){s.style.setProperty(fe,i)}}resolvePanelWidthPx(e){const s=e?.querySelector(".panel-nav");if(this.panelNavTransition.isActive&&this.panelWidthTokens.expandedPx>0){const t=Ce(e,s);return Se(this.panelWidthTokens,t)}const t=this.el.querySelector(".shell-app__panel");const i=t?.getBoundingClientRect().width??0;if(i>0)return i;if(this.panelWidthTokens.expandedPx>0){const t=Ce(e,s);return Se(this.panelWidthTokens,t)}return 0}resolveViewportDimensions(){if(this.panelNavTransition.isActive&&this.cachedViewportWidth>0){return{width:this.cachedViewportWidth,height:this.cachedViewportHeight}}return ve()}chromeLayerActive(){return this.gradientLayerActive()||this.paperTextureLayerActive()}gradientLayerActive(){return this.resolvedMode!=="mobile"&&re(this.gradientPreset)!=="none"}paperTextureLayerActive(){return this.resolvedMode!=="mobile"&&this.paperTexture!=null}handleWindowKeyDown(e){if(!this.shortcutsEnabled)return;if(Y(e.target))return;const s=se(e);if(!s)return;e.preventDefault();const t=this.el.querySelector("ds-panel-nav");const i=this.el.querySelector("ds-shell-tools, ds-panel-tools");if(s==="toggle-panel-nav"){void t?.toggleCollapsed();return}if(s==="close-panel-tools"){void i?.closeDrawer?.();return}if(s.startsWith("open-tool:")&&i){const e=s.slice("open-tool:".length);void i.activateTool?.(e)}}async activateTool(e){const s=this.el.querySelector("ds-shell-tools, ds-panel-tools");await(s?.activateTool?.(e))}async closeGlobalSurface(){if(this.managedMobileSheetNavOpen){this.managedMobileSheetNavOpen=false;return}const e=this.el.querySelector("ds-shell-tools, ds-panel-tools");await(e?.closeDrawer?.())}async setToolPresentation(e){this.managedToolPresentation=e;this.toolsFullscreen=e==="fullscreen"}activateManagedMobileTool(e){const s=e==="inbox"?k(this.managedInboxTool,this.availableInboxTools):e;if(!s)return false;const t=this.resolvedToolItems.find((t=>t.id===s||e!=="inbox"&&t.mobileDestination===e));if(!t||t.isInactive)return false;const i=t.id;this.managedActiveTool=i;this.managedToolsOpen=true;if(v(t))this.managedInboxTool=i;if(e==="help")this.managedMobilePrimaryDestination="help";this.dsToolChange.emit({id:i,selected:true});return true}get currentArea(){const e=[...this.navigation.dashboardGroups??[],...this.navigation.settingsGroups??[],...this.resolvedNavigationGroups];const s=e.flatMap((e=>e.items));const t=this.navigation.activeId||C(this.navigation.currentUrl??this.pageChrome.currentUrl??"",s);return s.find((e=>e.id===t))??s[0]??{id:"area",icon:"MapPage",label:this.pageChrome.heading||"Area"}}toolDot(e){return this.resolvedToolItems.find((s=>s.id===e))?.dot??false}syncChrome(){if(!this.el.isConnected)return;const e=this.el.querySelector("ds-panel-nav");const s=this.el.querySelector('ds-bar-nav, ds-bar-page-title, ds-bar-title[placement="shell-bar"]');const t=[this.el,e,s].filter((e=>e!==null));const i=()=>{if(e)e.style.removeProperty(be);if(s)s.style.removeProperty(fe)};const a=re(this.gradientPreset);if(this.resolvedMode==="mobile"){this.clearGradientPaintVars(t);i();return}const l=this.resolveViewportDimensions();if(a==="none"){this.clearGradientPaintVars(t);i();this.syncPaperTextureLayout(l);return}const n=this.resolvePanelWidthPx(e);const o=ye();const h=ke(n);this.syncChromeLayoutVars(e,s,o,h);const r=ge(a);const p=_e({width:l.width,height:l.height});const d=oe(a);for(const e of t){if(e===this.el){this.applyGradientVars(e,{[ce]:r,[ue]:p,[be]:o,[fe]:h,[me]:d});continue}const t=e===s;this.applyGradientVars(e,{[ce]:r,[ue]:p,[me]:d,[be]:t?null:o,[fe]:t?h:null})}this.syncPaperTextureLayout(l)}syncPaperTextureLayout(e){const s=this.el.querySelector(".shell-app__chrome");const t=this.el.querySelector(".shell-app__chrome > ds-paper-texture");if(!s||!t)return;const i=s.getBoundingClientRect();t.style.setProperty("width",`${Math.round(e.width)}px`);t.style.setProperty("height",`${Math.round(e.height)}px`);t.style.setProperty("left",`${-Math.round(i.left)}px`);t.style.setProperty("top",`${-Math.round(i.top)}px`)}renderPaperTexture(){if(!this.paperTextureLayerActive())return null;return i("ds-paper-texture",{class:"shell-app__paper-texture",config:this.paperTexture})}renderManagedPanelNav(){const e=this.navigation;return i("ds-panel-nav",{navStyle:this.navStyle,presentation:this.sectionNavigation==="panel"?"nested":"flat",groups:this.resolvedNavigationGroups,breakpoint:w,routerMode:e.routerMode??"event",activeId:e.activeId??"",activeChildId:this.pageChrome.value??"",currentUrl:e.currentUrl??this.pageChrome.currentUrl??"",storageKey:e.storageKey??"",userName:e.userName??"",userInitial:e.userInitial??"",accountMenuExpanded:e.accountMenuExpanded??false,accountMenuSurfaceOpen:e.accountMenuSurfaceOpen,dashboardLabel:e.dashboardLabel??"Dashboard",settingsLabel:e.settingsLabel??"Settings",accountLabel:e.accountLabel??"Account",dashboardNavigationLabel:e.dashboardNavigationLabel??"Dashboard navigation",settingsNavigationLabel:e.settingsNavigationLabel??"Settings navigation",navigationItemsLabel:e.navigationLabel??"Navigation items",onDsNavSelect:this.handleManagedNavSelect,onDsNavChildSelect:this.handleManagedNavChildSelect,onDsNavFooterAction:this.handleManagedNavFooterAction,onDsNavUserAction:this.handleManagedNavUserAction})}renderManagedBarNav(){return i("ds-bar-nav",{navStyle:this.navStyle,tabs:this.resolvedPageTabs,value:this.pageChrome.value??"",heading:this.pageChrome.routeHeading??this.pageChrome.heading,basePath:this.pageChrome.basePath??"",currentUrl:this.pageChrome.currentUrl??this.navigation.currentUrl??"",onDsTabChange:this.handleManagedTabChange})}renderManagedTopBar(){return this.sectionNavigation==="panel"?this.renderManagedBarPageTitle():this.renderManagedBarNav()}renderManagedToolSlots(){const e=[...new Set(this.resolvedToolItems.map((e=>e.id)))].sort();return e.flatMap((e=>[i("div",{key:`tool:${e}`,class:"shell-app__tool-slot-proxy",slot:e},i("slot",{name:e})),i("div",{key:`tool-view:${e}`,class:"shell-app__tool-slot-proxy",slot:`${e}-view`},i("slot",{name:`${e}-view`}))]))}renderManagedTools(){const e=this.tools;return i("ds-shell-tools",{responsiveMode:this.resolvedMode,open:this.managedToolsOpen,activeTool:this.managedActiveTool,presentation:this.managedToolPresentation,fullscreenHeaderMode:e.fullscreenHeaderMode??"shared",items:this.resolvedToolItems,accessories:e.accessories??[],headers:e.headers??{},storageKey:e.storageKey??"",toolsLabel:e.toolsLabel??"Tools",toolShortcutsLabel:e.toolShortcutsLabel??"Tool shortcuts",inboxLabel:e.inboxLabel??"Inbox",inboxNavigationLabel:e.inboxNavigationLabel??"Inbox sections",onDsToolChange:this.handleManagedToolChange,onDsPresentationChange:this.handleManagedPresentationChange,onDsHeaderBack:this.handleManagedHeaderBack,onDsHeaderAction:this.handleManagedHeaderAction,onDsRailAccessoryAction:this.handleManagedRailAccessoryAction},this.renderManagedToolSlots())}renderManagedMobileSheetNav(){const e=this.navigation;return i("ds-mobile-sheet-nav",{open:this.managedMobileSheetNavOpen,presentation:this.sectionNavigation==="panel"?"nested":"flat",browseContext:this.managedBrowseContext,dashboardGroups:e.dashboardGroups??e.groups??[],settingsGroups:e.settingsGroups??[],currentUrl:e.currentUrl??this.pageChrome.currentUrl??"",routeSelectionActive:this.managedMobileDestination==="area",navigationLabel:e.navigationLabel??"Application navigation",dashboardLabel:e.dashboardLabel??"Dashboard",settingsLabel:e.settingsLabel??"Settings",accountLabel:e.accountLabel??"Account",showAccount:e.showMobileAccount??true,onDsAreaSelect:this.handleManagedAreaSelect,onDsNavChildSelect:this.handleManagedMobileChildSelect,onDsBrowseContextChange:this.handleManagedBrowseContext,onDsClose:this.handleManagedSheetClose})}renderManagedMobileBarNav(){const e=e=>this.resolvedToolItems.find((s=>s.id===e));const s=(s,t)=>e(s)?.ariaLabel??e(s)?.label??t;const t=this.resolvedToolItems.some((e=>!e.isInactive&&e.mobileDestination==="activity"));return i("ds-mobile-bar-nav",{hidden:this.tools.mobileBarHidden??false,activeDestination:this.managedMobileDestination,primaryDestination:this.managedMobilePrimaryDestination,currentArea:this.currentArea,sheetNavExpanded:this.managedMobileSheetNavOpen,searchLabel:s("search","Search"),activityMode:t?"direct":"inbox",activityLabel:s("activity","Activity"),inboxLabel:this.tools.inboxLabel??"Inbox",messagesLabel:s("messages","Messages"),agentsLabel:s("agents","Agents"),helpLabel:s("help","Help & Support"),searchDot:this.toolDot("search"),activityDot:this.toolDot("activity"),inboxDot:this.toolDot("stacks")||this.toolDot("activity"),messagesDot:this.toolDot("messages"),agentsDot:this.toolDot("agents"),onDsSheetNavToggle:this.handleManagedSheetToggle,onDsDestinationChange:this.handleManagedMobileDestination})}renderManagedMobileLeading(){if(!this.pageChrome.showBack){return i("slot",{name:"page-header-leading",slot:"leading"})}return[i("ds-tooltip",{slot:"leading",label:this.pageChrome.backAriaLabel??"Back",side:"bottom",size:"sm"},i("ds-button-unfilled",{variant:"icon",icon:this.pageChrome.backIcon??"ChevronLeft",size:"lg","aria-label":this.pageChrome.backAriaLabel??"Back",activeFill:false,hasBorder:false,onDsClick:e=>this.dsPageBack.emit(e.detail)})),i("slot",{name:"page-header-leading",slot:"leading"})]}renderManagedMobileActions(){const e=this.pageChrome.mobileActions??[];const s=p(this.resolvedHeaderActions,"mobile");return[...e.map((e=>i("ds-tooltip",{slot:"trailing",key:e.id,label:e.ariaLabel,side:"bottom",size:"sm"},i("ds-button-unfilled",{id:e.triggerId||undefined,variant:"icon",icon:e.icon,size:"lg","aria-label":e.ariaLabel,haspopup:e.haspopup,controls:e.controls,expanded:e.expanded,surfaceOpen:e.surfaceOpen,pressed:e.pressed,isInactive:e.isInactive,activeFill:false,hasBorder:false,onDsClick:()=>this.dsPageAction.emit(e.id)})))),...s.map((e=>{if(e.type!=="icon")return null;const s=(e.appearance??"unfilled")==="filled"?i("ds-button-filled",{variant:"icon",icon:e.icon,"aria-label":e.ariaLabel,size:"lg",intent:e.intent??"brand",contrast:e.contrast??"bold",isInactive:e.isInactive,isLoading:e.isLoading,onDsClick:()=>this.dsPageAction.emit(e.id)}):i("ds-button-unfilled",{variant:"icon",icon:e.icon,"aria-label":e.ariaLabel,size:"lg",isInactive:e.isInactive,isLoading:e.isLoading,activeFill:false,hasBorder:false,onDsClick:()=>this.dsPageAction.emit(e.id)});return i("ds-tooltip",{slot:"trailing",key:e.id,label:e.label,side:"bottom",size:"sm"},s)})),...this.mobileActionMenuSections.length>0?[i("ds-tooltip",{slot:"trailing",label:"Page options",side:"bottom",size:"sm"},i("ds-button-unfilled",{ref:e=>{this.mobileActionTriggerEl=e??null},id:this.mobileActionMenuTriggerId,variant:"icon",icon:"Ellipses","aria-label":this.pageChrome.actionsAriaLabel??"More page actions",size:"lg",activeFill:false,hasBorder:false,haspopup:"menu",controls:this.mobileActionMenuId,expanded:this.mobileActionMenuOpen,surfaceOpen:this.mobileActionSurfaceOpen,onDsClick:e=>{this.mobileActionMenuInitialFocusVisible=e.detail.detail===0;this.mobileActionMenuOpen=!this.mobileActionMenuOpen;if(this.mobileActionMenuOpen)this.mobileActionSurfaceOpen=true}}))]:[],i("slot",{name:"page-header-trailing",slot:"trailing"})]}get resolvedHeaderActions(){return d(this.pageChrome.actionItems,this.pageChrome.primaryAction??null,this.pageChrome.actions??[])}get mobileActionMenuSections(){return c(this.resolvedHeaderActions,"mobile")}renderManagedMobileActionMenu(){if(this.mobileActionMenuSections.length===0)return null;return i("ds-menu",{id:this.mobileActionMenuId,anchorId:this.mobileActionMenuTriggerId,align:"end",menuLabel:this.pageChrome.actionsAriaLabel??"More page actions",open:this.mobileActionMenuOpen,initialFocusVisible:this.mobileActionMenuInitialFocusVisible,sections:this.mobileActionMenuSections,onDsClose:this.closeMobileActionMenu,onDsAfterClose:()=>{if(!this.mobileActionMenuOpen)this.mobileActionSurfaceOpen=false},onDsSelect:this.handleMobileActionSelect})}get barTitleSections(){return(this.pageChrome.subsections??[]).map((e=>"type"in e?{type:"divider"}:{id:e.id,label:e.label,isInactive:e.isInactive}))}renderManagedBarPageTitle(){const e=this.pageChrome;return i("ds-bar-page-title",{"data-shell-bar":"",ref:s=>{if(s){s.actionItems=e.actionItems}},heading:e.heading??"",showBack:e.showBack??false,backAriaLabel:e.backAriaLabel??"Back",sections:this.barTitleSections,value:e.subvalue??"",sectionsAriaLabel:e.subsectionsAriaLabel??"Change page subsection",primaryAction:e.primaryAction??null,actions:e.actions??[],actionsAriaLabel:e.actionsAriaLabel??"More page actions",showDivider:e.showHeaderDivider??true,showCompactDivider:e.showCompactHeaderDivider,onDsBack:this.handleManagedPageBack,onDsSectionChange:this.handleManagedSubsectionChange,onDsAction:this.handleManagedPageAction})}renderManagedBarTitle(e){const s=this.pageChrome;return i("ds-bar-title",{ref:e=>{if(e){e.actionItems=s.actionItems}},slot:e==="page"?"header":undefined,placement:e,variant:e==="shell-bar"?"compact":"expanded",heading:s.heading??"",description:s.description??"",showBack:s.showBack??false,backAriaLabel:s.backAriaLabel??"Back",backLabel:s.backLabel??"Back",breadcrumbs:s.breadcrumbs??[],breadcrumbAriaLabel:s.breadcrumbAriaLabel??"Breadcrumb",sections:this.barTitleSections,value:s.subvalue??"",sectionsAriaLabel:s.subsectionsAriaLabel??"Change page subsection",primaryAction:s.primaryAction??null,actions:s.actions??[],actionsAriaLabel:s.actionsAriaLabel??"More page actions",showDivider:s.showHeaderDivider??true,showCompactDivider:s.showCompactHeaderDivider,onDsBack:this.handleManagedPageBack,onDsBreadcrumbSelect:this.handleManagedBreadcrumbSelect,onDsSectionChange:this.handleManagedSubsectionChange,onDsAction:this.handleManagedPageAction})}renderManagedPage(){const e=this.pageChrome;const s=this.sectionNavigation==="panel";const t=e.showBack||s?[]:this.resolvedPageTabs;return[i("ds-shell-page",{responsiveMode:this.resolvedMode,headerCapacity:x(this.resolvedMode),headerPresentation:e.headerPresentation??"auto",desktopHeaderPlacement:this.sectionNavigation==="panel"?"shell-bar":"page",contentInset:e.contentInset??"default",contentInsetBlockStart:e.contentInsetBlockStart??"default",contentInsetBlockStartSize:e.contentInsetBlockStartSize,compactContentInsetBlockStartSize:e.compactContentInsetBlockStartSize,scrollCompaction:e.scrollCompaction??true,contentSurface:e.contentSurface??"primary"},this.sectionNavigation==="bar"?this.renderManagedBarTitle("page"):null,i("ds-mobile-header",{slot:"mobile-header",heading:e.heading??"",headingLevel:e.headingLevel??"h1",sections:t,value:e.showBack?"":e.value??"",sectionsAriaLabel:e.sectionsAriaLabel??"Change page section",subsections:e.subsections??[],subsectionsPlacement:e.showBack||s?"combined":"below",subvalue:e.subvalue??"",subsectionsAriaLabel:e.subsectionsAriaLabel??"Change page subsection",tone:e.tone??"default",onDsSectionChange:this.handleManagedTabChange,onDsSubsectionChange:this.handleManagedSubsectionChange},this.renderManagedMobileLeading(),this.renderManagedMobileActions()),i("slot",null)),this.renderManagedMobileActionMenu()]}renderSlottedShell(e,s,t,l,n){return i(a,{class:e,"responsive-mode":this.resolvedMode},i("div",{class:"shell-app__banner"},i("slot",{name:"banner"})),i("div",{class:"shell-app__row"},i("div",{class:"shell-app__chrome","aria-hidden":"true"},this.renderPaperTexture()),i("div",{class:"shell-app__panel","aria-hidden":n?"true":undefined,inert:n?true:undefined},i("slot",{name:"panel"})),i("div",{class:"shell-app__main"},i("div",{class:"shell-app__bar","aria-hidden":n?"true":undefined,inert:n?true:undefined},i("slot",{name:"bar"})),i("div",{class:"shell-app__tools","data-ds-overlay-boundary":n?undefined:true,"aria-hidden":s&&(!t||this.mobileSheetNavOpen)?"true":undefined,inert:s&&(!t||this.mobileSheetNavOpen)?true:undefined,hidden:s&&!t},i("slot",{name:"tools"})),i("div",{class:"shell-app__content","data-ds-overlay-boundary":true,"aria-hidden":n||l?"true":undefined,inert:n||l?true:undefined,tabIndex:0},i("slot",null)),i("div",{class:"shell-app__mobile-sheet-nav",hidden:!s||!this.mobileSheetNavOpen,"aria-hidden":s&&this.mobileSheetNavOpen?undefined:"true",inert:s&&this.mobileSheetNavOpen?undefined:true},i("slot",{name:"mobile-sheet-nav"})),i("div",{class:"shell-app__mobile-bar-nav",hidden:!s},i("slot",{name:"mobile-bar-nav"})))))}render(){const e=this.chromeLayerActive();const s=this.gradientLayerActive();const t=this.paperTextureLayerActive();const l=this.resolvedMode==="mobile";const n=l&&this.effectiveMobileDestination!=="area";const o=l&&(n||this.effectiveMobileSheetNavOpen);const h=!l&&this.toolsFullscreen;const r={"shell-app":true,"shell-app--chrome":e,"shell-app--gradient":s,"shell-app--paper-texture":t,[`shell-app--${this.navStyle}`]:true,[`shell-app--${this.resolvedMode}`]:true,"shell-app--tools-fullscreen":h,"shell-app--mobile-tool-active":n,"shell-app--mobile-sheet-nav-open":l&&this.effectiveMobileSheetNavOpen,"shell-app--managed":this.managed,"shell-app--slotted":!this.managed};if(!this.managed){return this.renderSlottedShell(r,l,n,o,h)}return i(a,{class:r,"responsive-mode":this.resolvedMode},i("div",{class:"shell-app__banner"},i("slot",{name:"banner"})),i("div",{class:"shell-app__row"},i("div",{class:"shell-app__chrome","aria-hidden":"true"},this.renderPaperTexture()),i("div",{class:"shell-app__panel","aria-hidden":h?"true":undefined,inert:h?true:undefined},this.renderManagedPanelNav()),i("div",{class:"shell-app__main"},i("div",{class:"shell-app__bar","aria-hidden":h?"true":undefined,inert:h?true:undefined},this.renderManagedTopBar()),i("div",{class:"shell-app__tools","data-ds-overlay-boundary":h?undefined:true,"aria-hidden":l&&(!n||this.effectiveMobileSheetNavOpen)?"true":undefined,inert:l&&(!n||this.effectiveMobileSheetNavOpen)?true:undefined,hidden:l&&!n},this.renderManagedTools()),i("div",{class:"shell-app__content","data-ds-overlay-boundary":true,"aria-hidden":h||o?"true":undefined,inert:h||o?true:undefined,tabIndex:0},this.renderManagedPage()),i("div",{class:"shell-app__mobile-sheet-nav",hidden:!l||!this.effectiveMobileSheetNavOpen,"aria-hidden":l&&this.effectiveMobileSheetNavOpen?undefined:"true",inert:l&&this.effectiveMobileSheetNavOpen?undefined:true},this.renderManagedMobileSheetNav()),i("div",{class:"shell-app__mobile-bar-nav",hidden:!l},this.renderManagedMobileBarNav()))))}get el(){return this}static get watchers(){return{navStyle:[{onShellPropsChange:0}],gradientPreset:[{onShellPropsChange:0}],paperTexture:[{onShellPropsChange:0}],sectionNavigation:[{onShellPropsChange:0}],navigation:[{handleNavigationChange:0}],pageChrome:[{handlePageChromeChange:0}],tools:[{handleToolsChange:0}],mobileDestination:[{onMobileStateChange:0}],mobileSheetNavOpen:[{onMobileStateChange:0}]}}static get style(){return De()}},[262,"ds-shell-app",{composition:[513],navigation:[16],sectionNavigation:[513,"section-navigation"],pageChrome:[16],tools:[16],navStyle:[513,"nav-style"],gradientPreset:[513,"gradient-preset"],paperTexture:[16],shortcutsEnabled:[4,"shortcuts-enabled"],mobileDestination:[1,"mobile-destination"],mobileSheetNavOpen:[4,"mobile-sheet-nav-open"],toolsFullscreen:[32],resolvedMode:[32],managedToolsOpen:[32],managedActiveTool:[32],managedToolPresentation:[32],managedMobileDestination:[32],managedMobilePrimaryDestination:[32],managedMobileSheetNavOpen:[32],managedInboxTool:[32],managedBrowseContext:[32],mobileActionMenuOpen:[32],mobileActionSurfaceOpen:[32],mobileActionMenuInitialFocusVisible:[32],activateTool:[64],closeGlobalSurface:[64],setToolPresentation:[64]},[[0,"dsPresentationChange","handleToolsPresentation"],[10,"keydown","handleWindowKeyDown"]],{navStyle:[{onShellPropsChange:0}],gradientPreset:[{onShellPropsChange:0}],paperTexture:[{onShellPropsChange:0}],sectionNavigation:[{onShellPropsChange:0}],navigation:[{handleNavigationChange:0}],pageChrome:[{handlePageChromeChange:0}],tools:[{handleToolsChange:0}],mobileDestination:[{onMobileStateChange:0}],mobileSheetNavOpen:[{onMobileStateChange:0}]}]);Le.FOREGROUND_REFRESH_MS=50;function Pe(){if(typeof customElements==="undefined"){return}const e=["ds-shell-app","ds-badge","ds-bar-nav","ds-bar-page-title","ds-bar-title","ds-breadcrumb","ds-button-filled","ds-button-unfilled","ds-divider","ds-icon","ds-loader","ds-menu","ds-mobile-bar-nav","ds-mobile-header","ds-mobile-section-switcher","ds-mobile-sheet-nav","ds-panel-nav","ds-panel-tool-header","ds-panel-tools","ds-paper-texture","ds-shell-page","ds-shell-tools","ds-swatch-picker","ds-switch","ds-tab-group","ds-tag","ds-text","ds-tooltip"];e.forEach((e=>{switch(e){case"ds-shell-app":if(!customElements.get(l(e))){customElements.define(l(e),Le)}break;case"ds-badge":if(!customElements.get(l(e))){S()}break;case"ds-bar-nav":if(!customElements.get(l(e))){D()}break;case"ds-bar-page-title":if(!customElements.get(l(e))){M()}break;case"ds-bar-title":if(!customElements.get(l(e))){L()}break;case"ds-breadcrumb":if(!customElements.get(l(e))){P()}break;case"ds-button-filled":if(!customElements.get(l(e))){A()}break;case"ds-button-unfilled":if(!customElements.get(l(e))){B()}break;case"ds-divider":if(!customElements.get(l(e))){j()}break;case"ds-icon":if(!customElements.get(l(e))){T()}break;case"ds-loader":if(!customElements.get(l(e))){N()}break;case"ds-menu":if(!customElements.get(l(e))){z()}break;case"ds-mobile-bar-nav":if(!customElements.get(l(e))){E()}break;case"ds-mobile-header":if(!customElements.get(l(e))){I()}break;case"ds-mobile-section-switcher":if(!customElements.get(l(e))){$()}break;case"ds-mobile-sheet-nav":if(!customElements.get(l(e))){F()}break;case"ds-panel-nav":if(!customElements.get(l(e))){O()}break;case"ds-panel-tool-header":if(!customElements.get(l(e))){H()}break;case"ds-panel-tools":if(!customElements.get(l(e))){h()}break;case"ds-paper-texture":if(!customElements.get(l(e))){R()}break;case"ds-shell-page":if(!customElements.get(l(e))){J()}break;case"ds-shell-tools":if(!customElements.get(l(e))){G()}break;case"ds-swatch-picker":if(!customElements.get(l(e))){V()}break;case"ds-switch":if(!customElements.get(l(e))){W()}break;case"ds-tab-group":if(!customElements.get(l(e))){K()}break;case"ds-tag":if(!customElements.get(l(e))){Q()}break;case"ds-text":if(!customElements.get(l(e))){U()}break;case"ds-tooltip":if(!customElements.get(l(e))){q()}break}}))}Pe();const Ae=Le;const Be=Pe;export{Ae as DsShellApp,Be as defineCustomElement};
 //# sourceMappingURL=ds-shell-app.js.map

package/dist/components/ds-shell-page.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-kwS-vkau.js";const t=o;const a=s;export{t as DsShellPage,a as defineCustomElement};
+import{S as o,d as s}from"./p-5aZVNYQz.js";const t=o;const a=s;export{t as DsShellPage,a as defineCustomElement};
 //# sourceMappingURL=ds-shell-page.js.map

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

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-BZY40-pE.js";const p=o;const t=s;export{p as DsShellTools,t as defineCustomElement};
+import{S as o,d as s}from"./p-CLqqb0Jp.js";const p=o;const t=s;export{p as DsShellTools,t as defineCustomElement};
 //# sourceMappingURL=ds-shell-tools.js.map

package/dist/components/ds-skeleton.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-DSmDyI2o.js";const t=o;const m=s;export{t as DsSkeleton,m as defineCustomElement};
+import{S as o,d as s}from"./p-n_OBbh94.js";const t=o;const n=s;export{t as DsSkeleton,n as defineCustomElement};
 //# sourceMappingURL=ds-skeleton.js.map

package/dist/components/ds-slider.js

@@ -1,2 +1,2 @@
-import{p as s,H as i,c as t,h as e,a as r,t as d}from"./index.js";import{n as a}from"./p-Dka0lUI_.js";import{d as l}from"./p-D8OWhnID.js";import{a as o,s as n,c,r as h}from"./p-DGVZhrMd.js";const u=()=>`@media (forced-colors: active){.sc-ds-slider:root,.sc-ds-slider-h,.ds-forced-colors-scope.sc-ds-slider{--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-slider-h,.ds-control-inactive.sc-ds-slider{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-slider-h,.ds-control-inactive.sc-ds-slider{color:var(--ds-forced-color-disabled);opacity:1}}.ds-field-stack.sc-ds-slider-h,.ds-field-stack.sc-ds-slider{display:flex;flex-direction:column;gap:var(--dimension-space-050)}.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider-h .error-text.sc-ds-slider,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider .error-text.sc-ds-slider,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider .field__description.sc-ds-slider,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider .field__error.sc-ds-slider{padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}@media (forced-colors: active){.sc-ds-slider:root,.sc-ds-slider-h,.ds-forced-colors-scope.sc-ds-slider{--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-slider-h{--ds-slider-control-size:var(--dimension-size-400);--ds-slider-thumb-size:var(--dimension-size-200);--ds-slider-track-size:var(--dimension-size-100);--ds-slider-track-stroke:var(--dimension-stroke-width-012);--ds-slider-vertical-length:calc(var(--dimension-size-800) * 3);box-sizing:border-box;width:100%;color:var(--color-foreground-primary)}.slider--sm.sc-ds-slider-h{--ds-slider-control-size:var(--dimension-size-300);--ds-slider-thumb-size:var(--dimension-size-150);--ds-slider-track-size:var(--dimension-size-075)}.slider--xs.sc-ds-slider-h{--ds-slider-control-size:var(--dimension-size-200);--ds-slider-thumb-size:var(--dimension-size-100);--ds-slider-track-size:var(--dimension-size-050)}.slider--vertical.sc-ds-slider-h{width:fit-content;min-width:var(--dimension-form-width-xs)}.slider__label-row.sc-ds-slider{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dimension-space-100);min-width:0}.slider__label.sc-ds-slider{min-width:0}.slider__value.sc-ds-slider{flex-shrink:0}.slider__control.sc-ds-slider{position:relative;width:100%;height:var(--ds-slider-control-size);border-radius:var(--dimension-radius-half);cursor:default;touch-action:none;user-select:none}.slider--vertical.sc-ds-slider-h .slider__control.sc-ds-slider{align-self:center;width:var(--ds-slider-control-size);height:var(--ds-slider-vertical-length)}.slider--readonly.sc-ds-slider-h .slider__control.sc-ds-slider{cursor:default}.ds-control-inactive.sc-ds-slider-h .slider__control.sc-ds-slider{cursor:not-allowed}.slider__rail.sc-ds-slider{position:absolute;top:50%;right:0;left:0;height:var(--ds-slider-track-size);overflow:hidden;border-radius:var(--dimension-radius-025);background-color:transparent;box-shadow:inset 0 0 0 var(--ds-slider-track-stroke) var(--color-border-secondary);transform:translateY(-50%);pointer-events:none}.slider--thumb-center.sc-ds-slider-h .slider__rail.sc-ds-slider{right:calc(var(--ds-slider-thumb-size) / 2);left:calc(var(--ds-slider-thumb-size) / 2)}.slider__indicator.sc-ds-slider{position:absolute;top:0;bottom:0;left:0;width:calc(     var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-end-pct, 0) / 100) *       (100% - var(--ds-slider-thumb-size))   );border-radius:inherit;background-color:var(--color-background-bold-brand)}.slider--range.sc-ds-slider-h .slider__indicator.sc-ds-slider{left:calc(     var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-start-pct, 0) / 100) *       (100% - var(--ds-slider-thumb-size))   );width:calc(     ((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) / 100) *       (100% - var(--ds-slider-thumb-size))   )}.slider--thumb-center.sc-ds-slider-h .slider__indicator.sc-ds-slider{left:calc(var(--ds-slider-start-pct, 0) * 1%);width:calc((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) * 1%)}.slider__thumb.sc-ds-slider{position:absolute;top:50%;left:calc((var(--ds-slider-thumb-pct, 0) / 100) * (100% - var(--ds-slider-thumb-size)));width:var(--ds-slider-thumb-size);height:var(--ds-slider-thumb-size);transform:translateY(-50%);z-index:1}.slider__thumb--active.sc-ds-slider{z-index:2}.slider__input.sc-ds-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;appearance:none;pointer-events:none;z-index:2}.slider__thumb-visual.sc-ds-slider{position:absolute;inset:0;box-sizing:border-box;overflow:visible;border-radius:var(--dimension-radius-025);background-color:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-sm);pointer-events:none;transition:background-color var(--effect-motion-short-2),     box-shadow var(--effect-motion-short-2)}.slider__thumb-wash.sc-ds-slider{position:absolute;inset:0;border-radius:inherit;background-color:transparent;transition:background-color var(--effect-motion-short-2)}@media (hover: hover) and (pointer: fine){.sc-ds-slider-h:not(.slider--readonly):not(.ds-control-inactive) .slider__thumb.sc-ds-slider:hover .slider__thumb-wash.sc-ds-slider{background-color:var(--color-interaction-hover)}}[data-dragging].sc-ds-slider-h:not(.slider--readonly):not(.ds-control-inactive) .slider__thumb--active.sc-ds-slider .slider__thumb-wash.sc-ds-slider{background-color:var(--color-interaction-pressed)}.slider__input.sc-ds-slider:focus-visible+.slider__thumb-visual.sc-ds-slider,[data-review-focus].sc-ds-slider-h .slider__thumb[data-index='0'].sc-ds-slider .slider__thumb-visual.sc-ds-slider{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.slider--vertical.sc-ds-slider-h .slider__rail.sc-ds-slider{top:0;right:auto;bottom:0;left:50%;width:var(--ds-slider-track-size);height:auto;transform:translateX(-50%)}.slider--vertical.slider--thumb-center.sc-ds-slider-h .slider__rail.sc-ds-slider{top:calc(var(--ds-slider-thumb-size) / 2);bottom:calc(var(--ds-slider-thumb-size) / 2)}.slider--vertical.sc-ds-slider-h .slider__indicator.sc-ds-slider{top:auto;right:0;bottom:0;left:0;width:auto;height:calc(     var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-end-pct, 0) / 100) *       (100% - var(--ds-slider-thumb-size))   )}.slider--vertical.slider--range.sc-ds-slider-h .slider__indicator.sc-ds-slider{bottom:calc(     var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-start-pct, 0) / 100) *       (100% - var(--ds-slider-thumb-size))   );height:calc(     ((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) / 100) *       (100% - var(--ds-slider-thumb-size))   )}.slider--vertical.slider--thumb-center.sc-ds-slider-h .slider__indicator.sc-ds-slider{bottom:calc(var(--ds-slider-start-pct, 0) * 1%);height:calc((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) * 1%)}.slider--vertical.sc-ds-slider-h .slider__thumb.sc-ds-slider{top:auto;bottom:calc((var(--ds-slider-thumb-pct, 0) / 100) * (100% - var(--ds-slider-thumb-size)));left:50%;transform:translateX(-50%)}@media (prefers-reduced-motion: reduce){.slider__thumb-visual.sc-ds-slider,.slider__thumb-wash.sc-ds-slider{transition:none}}@media (forced-colors: active){.slider__rail.sc-ds-slider{border:var(--ds-slider-track-stroke) solid var(--ds-forced-color-content);box-shadow:none}.slider__indicator.sc-ds-slider{background-color:var(--ds-forced-color-selected)}.slider__thumb-visual.sc-ds-slider{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);background-color:var(--ds-forced-color-surface);box-shadow:none}.slider__input.sc-ds-slider:focus-visible+.slider__thumb-visual.sc-ds-slider,[data-review-focus].sc-ds-slider-h .slider__thumb[data-index='0'].sc-ds-slider .slider__thumb-visual.sc-ds-slider{outline-color:var(--ds-forced-color-selected)}}.slider__tick.sc-ds-slider{position:absolute;top:calc(     50% + var(--ds-slider-track-size) / 2 + var(--dimension-space-050) + var(--dimension-space-012)   );left:calc(     var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-tick-pct) / 100) *       (100% - var(--ds-slider-thumb-size))   );transform:translateX(-50%);pointer-events:none}.slider__tick-mark.sc-ds-slider{display:block;width:var(--dimension-stroke-width-025);height:var(--dimension-stroke-width-025);border-radius:var(--dimension-radius-half);background:var(--color-foreground-tertiary)}.slider__tick-label.sc-ds-slider{width:max-content;max-width:none;position:absolute;top:calc(100% + var(--dimension-space-050));left:50%;transform:translateX(-50%);white-space:nowrap}.sc-ds-slider-h:not(.slider--vertical) .slider__control.sc-ds-slider{container-type:inline-size}.sc-ds-slider-h:not(.slider--vertical) .slider__tick-label.sc-ds-slider{--ds-slider-label-anchor:calc(     var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-tick-pct) / 100) *       (100cqw - var(--ds-slider-thumb-size))   );transform:translateX(     clamp(       calc(-1 * var(--ds-slider-label-anchor)),       -50%,       calc(100cqw - var(--ds-slider-label-anchor) - 100%)     )   )}.slider--tick-labels.sc-ds-slider-h:not(.slider--vertical) .slider__control.sc-ds-slider{margin-bottom:var(--dimension-space-200)}.slider--vertical.sc-ds-slider-h .slider__tick.sc-ds-slider{top:auto;bottom:calc(     var(--ds-slider-thumb-size) / 2 + (var(--ds-slider-tick-pct) / 100) *       (100% - var(--ds-slider-thumb-size))   );left:calc(50% + var(--ds-slider-track-size) / 2 + var(--dimension-space-050));transform:translateY(50%)}.slider--vertical.sc-ds-slider-h .slider__tick-label.sc-ds-slider{top:50%;left:calc(100% + var(--dimension-space-050));transform:translateY(-50%)}`;let m=0;let f=0;const b=s(class s extends i{constructor(s){super();if(s!==false){this.__registerHost()}this.dsChange=t(this,"dsChange",7);this.dsCommit=t(this,"dsCommit",7);this.internals=this.attachInternals();this.value=0;this.min=0;this.max=100;this.step=1;this.ticks=[];this.minStepsBetweenValues=0;this.showValue=true;this.size="md";this.orientation="horizontal";this.thumbAlignment="edge";this.disabled=false;this.readOnly=false;this.isInactive=false;this.ariaLabel=null;this.startLabel="Minimum value";this.endLabel="Maximum value";this.valueTexts=[];this.valuePrefix="";this.valueSuffix="";this.rangeSeparator="–";this.formDisabled=false;this.dragging=false;this.focused=false;this.touched=false;this.activeThumbIndex=0;this.generatedId=`ds-slider-${++m}`;this.labelId=`${this.generatedId}-label`;this.initialValue=0;this.lastCommittedValue=0;this.pointerId=null;this.pointerStartValue=0;this.controlEl=null;this.handleNativeInput=(s,i)=>{const t=s.target;this.activeThumbIndex=i;if(this.readOnly||this.isDisabled){t.value=String(this.resolvedValues[i]);return}this.setValueAt(i,Number(t.value))};this.handleNativeChange=()=>{if(!this.readOnly&&!this.isDisabled)this.commitIfChanged()};this.handleKeyDown=(s,i)=>{const t=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"];if(!this.readOnly&&this.resolvedTicks.length&&t.includes(s.key)){s.preventDefault();if(this.isDisabled)return;const t=this.resolvedTicks.filter((s=>s.value>=this.allowedMin(i)&&s.value<=this.allowedMax(i)));const e=this.resolvedValues[i];const r=["ArrowRight","ArrowUp","PageUp"].includes(s.key);const d=s.key==="Home"?t[0]:s.key==="End"?t[t.length-1]:r?t.find((s=>s.value>e)):[...t].reverse().find((s=>s.value<e));if(d&&this.setValueAt(i,d.value))this.commitIfChanged();return}if(!this.readOnly)return;if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"].includes(s.key)){s.preventDefault()}};this.handleFocus=s=>{this.activeThumbIndex=s;this.focused=true};this.handleBlur=s=>{const i=s.relatedTarget;if(i instanceof Node&&this.el.contains(i))return;this.focused=false;this.touched=true};this.handleHostClick=s=>{if(s.target!==this.el||this.isDisabled)return;const i=this.el.querySelectorAll(".slider__input");i[Math.min(this.activeThumbIndex,i.length-1)]?.focus()};this.handlePointerDown=s=>{if(s.button!==0||this.isDisabled||this.readOnly)return;s.preventDefault();const i=this.valueFromPointer(s);const t=this.closestThumbIndex(i,s.target);this.activeThumbIndex=t;this.pointerId=s.pointerId;this.pointerStartValue=this.cloneValue(this.publicValue);this.dragging=true;this.setValueAt(t,i);this.controlEl?.setPointerCapture(s.pointerId);requestAnimationFrame((()=>{const s=this.el.querySelectorAll(".slider__input")[t];s?.focus({preventScroll:true})}))};this.handlePointerMove=s=>{if(this.pointerId!==s.pointerId||!this.dragging)return;s.preventDefault();this.setValueAt(this.activeThumbIndex,this.valueFromPointer(s))}}componentWillLoad(){this.initialValue=this.cloneValue(this.publicValue);this.lastCommittedValue=this.cloneValue(this.publicValue);this.syncFormValue()}componentDidLoad(){this.syncNativeLabels()}syncFormValue(){const s=this.resolvedValues;if(this.isRange){o(this.internals,this.name,s,{inactive:this.isDisabled})}else{const i=String(s[0]);n(this.internals,this.name?i:null,{inactive:this.isDisabled,state:i})}}formDisabledCallback(s){this.formDisabled=s;this.syncFormValue()}formResetCallback(){this.value=this.cloneValue(this.initialValue);this.lastCommittedValue=this.cloneValue(this.initialValue);this.dragging=false;this.focused=false;this.touched=false}formStateRestoreCallback(s){if(this.isRange){const i=c(s,2);this.value=i.length?i:this.cloneValue(this.initialValue)}else{const i=Number(h(s,"NaN"));if(Number.isFinite(i))this.value=i}this.lastCommittedValue=this.cloneValue(this.publicValue)}async setFocus(s=0){const i=this.el.querySelectorAll(".slider__input");i[Math.max(0,Math.min(s,i.length-1))]?.focus()}get isDisabled(){return this.disabled||this.isInactive||this.formDisabled}get isRange(){return Array.isArray(this.value)}get safeStep(){const s=Number(this.step);return Number.isFinite(s)&&s>0?s:1}get resolvedTicks(){const s=new Map;for(const i of this.ticks){if(Number.isFinite(i.value)&&i.value>=this.safeMin&&i.value<=this.safeMax)s.set(i.value,i)}return[...s.values()].sort(((s,i)=>s.value-i.value))}get safeMin(){return Number.isFinite(this.min)?this.min:0}get safeMax(){const s=this.safeMin;return Number.isFinite(this.max)&&this.max>s?this.max:s+this.safeStep}get minimumGap(){const s=Number.isFinite(this.minStepsBetweenValues)?Math.max(0,Math.floor(this.minStepsBetweenValues)):0;const i=this.resolvedTicks;const t=i.length?i[i.length-1].value-i[0].value:this.safeMax-this.safeMin;return Math.min(t,s*this.safeStep)}get resolvedValues(){const s=this.safeMin;const i=this.safeMax;if(!this.isRange)return[this.snap(Number(this.value))];const t=this.value;let e=this.snap(Number(t[0]??s));let r=this.snap(Number(t[1]??i));if(e>r)[e,r]=[r,e];const d=Math.min(this.minimumGap,i-s);if(r-e<d){r=Math.min(i,this.snap(e+d));e=Math.max(s,this.snap(r-d));const t=this.resolvedTicks;if(t.length&&r-e<d){r=t.find((s=>s.value>=e+d))?.value??t[t.length-1].value;e=[...t].reverse().find((s=>s.value<=r-d))?.value??t[0].value}}return[e,r]}get publicValue(){const s=this.resolvedValues;return this.isRange?[...s]:s[0]}cloneValue(s){return Array.isArray(s)?[...s]:s}valuesEqual(s,i){if(Array.isArray(s)&&Array.isArray(i)){return s.length===i.length&&s.every(((s,t)=>s===i[t]))}return!Array.isArray(s)&&!Array.isArray(i)&&s===i}decimalPlaces(s){const i=String(s).toLowerCase();if(i.includes("e-"))return Number(i.split("e-")[1])||0;return i.includes(".")?i.split(".")[1].length:0}snap(s,i=this.safeMin,t=this.safeMax){const e=this.resolvedTicks.filter((s=>s.value>=i&&s.value<=t));if(e.length)return e.reduce(((i,t)=>Math.abs(t.value-s)<Math.abs(i.value-s)?t:i)).value;if(this.step==="any")return Math.min(t,Math.max(i,Number.isFinite(s)?s:i));const r=Number.isFinite(s)?s:i;const d=i+Math.round((r-i)/this.safeStep)*this.safeStep;const a=Math.min(10,Math.max(this.decimalPlaces(i),this.decimalPlaces(t),this.decimalPlaces(this.safeStep)));return Number(Math.min(t,Math.max(i,d)).toFixed(a))}percent(s){return(s-this.safeMin)/(this.safeMax-this.safeMin)*100}allowedMin(s,i=this.resolvedValues){return this.isRange&&s===1?Math.min(this.safeMax,i[0]+this.minimumGap):this.safeMin}allowedMax(s,i=this.resolvedValues){return this.isRange&&s===0?Math.max(this.safeMin,i[1]-this.minimumGap):this.safeMax}setValueAt(s,i){const t=this.publicValue;const e=this.resolvedValues;const r=Math.min(this.allowedMax(s,e),Math.max(this.allowedMin(s,e),this.snap(i,this.allowedMin(s,e),this.allowedMax(s,e))));e[s]=r;const d=this.isRange?[...e]:e[0];if(this.valuesEqual(t,d))return false;this.value=d;this.dsChange.emit(this.cloneValue(d));return true}commitIfChanged(){const s=this.publicValue;if(this.valuesEqual(s,this.lastCommittedValue))return;this.lastCommittedValue=this.cloneValue(s);this.dsCommit.emit(this.cloneValue(s))}syncNativeLabels(){if(this.label||this.ariaLabel||this.ariaLabelledby||this.isRange)return;const s=Array.from(this.internals.labels).map((s=>{if(!s.id)s.id=`ds-slider-label-${++f}`;return s.id}));if(s.length)this.externalLabelledby=s.join(" ")}formattedValue(s,i){const t=this.valueTexts[i]??this.valueText??this.resolvedTicks.find((i=>i.value===s))?.label;if(t)return t;let e;try{e=a(this.locale,this.formatOptions).format(s)}catch{e=String(s)}return`${this.valuePrefix}${e}${this.valueSuffix}`}ariaValueText(s,i){if(this.resolvedTicks.some((i=>i.value===s&&i.label))||this.valueTexts[i]||this.valueText||this.valuePrefix||this.valueSuffix||this.formatOptions){return this.formattedValue(s,i)}return undefined}pointerPercent(s){const i=this.controlEl;if(!i)return 0;const t=i.getBoundingClientRect();const e=this.el.querySelector(".slider__thumb");const r=e?this.orientation==="horizontal"?e.offsetWidth:e.offsetHeight:0;const d=r/2;if(this.orientation==="vertical"){const i=Math.max(1,t.height-d*2);return Math.min(1,Math.max(0,(t.bottom-d-s.clientY)/i))}const a=Math.max(1,t.width-d*2);const l=(s.clientX-t.left-d)/a;return Math.min(1,Math.max(0,l))}valueFromPointer(s){return this.snap(this.safeMin+this.pointerPercent(s)*(this.safeMax-this.safeMin))}closestThumbIndex(s,t){const e=t instanceof i?t.closest(".slider__thumb"):null;if(e?.dataset["index"])return Number(e.dataset["index"]);if(!this.isRange)return 0;const r=this.resolvedValues;const d=Math.abs(s-r[0]);const a=Math.abs(s-r[1]);if(d===a)return s>=r[0]?1:0;return d<a?0:1}endPointerInteraction(s,i){if(this.pointerId!==s.pointerId)return;if(this.controlEl?.hasPointerCapture(s.pointerId))this.controlEl.releasePointerCapture(s.pointerId);this.pointerId=null;this.dragging=false;this.touched=true;if(!i&&!this.valuesEqual(this.pointerStartValue,this.publicValue))this.commitIfChanged()}renderThumb(s,i){const t=i===0?this.inputId??`${this.generatedId}-input`:`${this.inputId??`${this.generatedId}-input`}-end`;const r=i===0?this.startLabel:this.endLabel;const d=this.isRange?undefined:this.ariaLabelledby??(this.label?this.labelId:this.externalLabelledby);const a=this.isRange?r:d?undefined:this.ariaLabel;return e("div",{class:{slider__thumb:true,"slider__thumb--active":i===this.activeThumbIndex},"data-index":String(i),style:{"--ds-slider-thumb-pct":String(this.percent(s))}},e("input",{class:"slider__input",type:"range",id:t,min:this.allowedMin(i),max:this.allowedMax(i),step:this.resolvedTicks.length||this.step==="any"?"any":this.safeStep,value:s,disabled:this.isDisabled,"aria-label":a,"aria-labelledby":d,"aria-describedby":this.ariaDescribedby,"aria-valuetext":this.ariaValueText(s,i),"aria-orientation":this.orientation==="vertical"?"vertical":undefined,"aria-readonly":this.readOnly?"true":undefined,onInput:s=>this.handleNativeInput(s,i),onChange:this.handleNativeChange,onKeyDown:s=>this.handleKeyDown(s,i),onFocus:()=>this.handleFocus(i),onBlur:this.handleBlur}),e("span",{class:"slider__thumb-visual","aria-hidden":"true"},e("span",{class:"slider__thumb-wash"})))}render(){const s=this.resolvedValues;const i=s[0];const t=s[s.length-1];const d=this.inputId??`${this.generatedId}-input`;const a=!this.valuesEqual(this.publicValue,this.initialValue);const l=s.map(((s,i)=>this.formattedValue(s,i))).join(` ${this.rangeSeparator} `);return e(r,{key:"f52110c78bc093c88d47ef017a22a0b479a00042","aria-disabled":this.isDisabled?"true":undefined,class:{slider:true,"ds-field-stack":true,[`slider--${this.size}`]:true,[`slider--${this.orientation}`]:true,[`slider--thumb-${this.thumbAlignment}`]:true,"slider--range":this.isRange,"slider--ticks":this.resolvedTicks.length>0,"slider--tick-labels":this.resolvedTicks.some((s=>Boolean(s.label))),"slider--readonly":this.readOnly,"ds-control-inactive":this.isDisabled},"data-orientation":this.orientation,"data-disabled":this.isDisabled?"":undefined,"data-readonly":this.readOnly?"":undefined,"data-dragging":this.dragging?"":undefined,"data-focused":this.focused?"":undefined,"data-filled":"","data-dirty":a?"":undefined,"data-touched":this.touched?"":undefined,"data-valid":!this.isDisabled?"":undefined,onClick:this.handleHostClick},(this.label||this.showValue)&&e("div",{key:"8c2dd5c7a815184d70dec2d47df917160d3b111c",class:"slider__label-row"},this.label&&e("ds-text",{key:"939e6d5940ddd8886a8e3c363209bc94f2f24453",class:"slider__label",as:"label",variant:"text-body-small",color:"primary",emphasis:true,for:d,textId:this.labelId},this.label),this.showValue&&e("ds-text",{key:"65947a19495e47ac7a6c24079deaa5ddf69e0f20",class:"slider__value",as:"span",variant:"text-body-small",color:"primary",fontFeature:"tabular-nums"},l)),e("div",{key:"e1a163d383d48de324ddee4ed471d2ee49244a02",class:"slider__control",ref:s=>{this.controlEl=s??null},style:{"--ds-slider-start-pct":String(this.isRange?this.percent(i):0),"--ds-slider-end-pct":String(this.percent(t))},onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:s=>this.endPointerInteraction(s,false),onPointerCancel:s=>this.endPointerInteraction(s,true)},e("div",{key:"f34014e2ce22ab893af2b540c5f92151ce2e7e19",class:"slider__rail","aria-hidden":"true"},e("div",{key:"8b3de0465f6f07867c372d4ea3b157d3e9239a6e",class:"slider__indicator"})),this.resolvedTicks.map((s=>e("span",{class:"slider__tick","data-edge":s.value===this.safeMin?"start":s.value===this.safeMax?"end":undefined,"aria-hidden":"true",style:{"--ds-slider-tick-pct":String(this.percent(s.value))}},e("span",{class:"slider__tick-mark"}),s.label&&e("ds-text",{class:"slider__tick-label",as:"span",variant:"text-caption",color:"secondary"},s.label)))),s.map(((s,i)=>this.renderThumb(s,i)))))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],step:[{syncFormValue:0}],ticks:[{syncFormValue:0}],minStepsBetweenValues:[{syncFormValue:0}],name:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}]}}static get style(){return u()}},[66,"ds-slider",{value:[1026],min:[2],max:[2],step:[8],ticks:[16],minStepsBetweenValues:[2,"min-steps-between-values"],label:[1],showValue:[4,"show-value"],size:[1],orientation:[1],thumbAlignment:[1,"thumb-alignment"],name:[513],form:[513],disabled:[516],readOnly:[516,"read-only"],isInactive:[4,"is-inactive"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],startLabel:[1,"start-label"],endLabel:[1,"end-label"],valueText:[1,"value-text"],valueTexts:[16],locale:[1],formatOptions:[16],valuePrefix:[1,"value-prefix"],valueSuffix:[1,"value-suffix"],rangeSeparator:[1,"range-separator"],inputId:[1,"input-id"],formDisabled:[32],dragging:[32],focused:[32],touched:[32],activeThumbIndex:[32],externalLabelledby:[32],setFocus:[64]},undefined,{value:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],step:[{syncFormValue:0}],ticks:[{syncFormValue:0}],minStepsBetweenValues:[{syncFormValue:0}],name:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}]}]);function v(){if(typeof customElements==="undefined"){return}const s=["ds-slider","ds-text"];s.forEach((s=>{switch(s){case"ds-slider":if(!customElements.get(d(s))){customElements.define(d(s),b)}break;case"ds-text":if(!customElements.get(d(s))){l()}break}}))}v();const p=b;const _=v;export{p as DsSlider,_ as defineCustomElement};
+import{p as s,H as i,c as e,h as t,a as r,t as d}from"./index.js";import{n as a}from"./p-Dka0lUI_.js";import{d as l}from"./p-BbvAWFJA.js";import{a as o,s as n,c,r as h}from"./p-DGVZhrMd.js";const u=()=>`@media (forced-colors: active){.sc-ds-slider:root,.sc-ds-slider-h,.ds-forced-colors-scope.sc-ds-slider{--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-slider-h,.ds-control-inactive.sc-ds-slider{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-slider-h,.ds-control-inactive.sc-ds-slider{color:var(--ds-forced-color-disabled);opacity:1}}.ds-field-stack.sc-ds-slider-h,.ds-field-stack.sc-ds-slider{display:flex;flex-direction:column;gap:var(--dimension-space-050)}.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider-h .error-text.sc-ds-slider,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider .error-text.sc-ds-slider,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider .field__description.sc-ds-slider,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider .field__error.sc-ds-slider{padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}@media (forced-colors: active){.sc-ds-slider:root,.sc-ds-slider-h,.ds-forced-colors-scope.sc-ds-slider{--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-slider-h{--ds-slider-control-size:var(--dimension-size-400);--ds-slider-track-size:var(--dimension-size-100);--ds-slider-thumb-size:calc(     var(--ds-slider-track-size) + var(--dimension-space-050) + var(--dimension-space-050)   );--ds-slider-endpoint-size:var(--ds-slider-track-size);--ds-slider-thumb-overhang:calc(     (var(--ds-slider-thumb-size) - var(--ds-slider-endpoint-size)) / 2   );--ds-slider-track-stroke:var(--dimension-stroke-width-012);--ds-slider-vertical-length:calc(var(--dimension-size-800) * 3);box-sizing:border-box;width:100%;color:var(--color-foreground-primary)}.slider--sm.sc-ds-slider-h{--ds-slider-control-size:var(--dimension-size-300);--ds-slider-track-size:var(--dimension-size-075)}.slider--xs.sc-ds-slider-h{--ds-slider-control-size:var(--dimension-size-200);--ds-slider-track-size:var(--dimension-size-050)}.slider--thumb-center.sc-ds-slider-h{--ds-slider-endpoint-size:var(--ds-slider-thumb-size)}.slider--vertical.sc-ds-slider-h{width:fit-content;min-width:var(--dimension-form-width-xs)}.slider__label-row.sc-ds-slider{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dimension-space-100);min-width:0}.slider__label.sc-ds-slider{min-width:0}.slider__value.sc-ds-slider{flex-shrink:0}.slider__control.sc-ds-slider{position:relative;width:100%;height:var(--ds-slider-control-size);border-radius:var(--dimension-radius-half);cursor:default;touch-action:none;user-select:none}.slider--vertical.sc-ds-slider-h .slider__control.sc-ds-slider{align-self:center;width:var(--ds-slider-control-size);height:var(--ds-slider-vertical-length)}.slider--readonly.sc-ds-slider-h .slider__control.sc-ds-slider{cursor:default}.ds-control-inactive.sc-ds-slider-h .slider__control.sc-ds-slider{cursor:not-allowed}.slider__rail.sc-ds-slider{position:absolute;top:50%;right:0;left:0;height:var(--ds-slider-track-size);overflow:hidden;border-radius:var(--dimension-radius-half);background-color:var(--color-background-faint-neutral);box-shadow:inset 0 0 0 var(--ds-slider-track-stroke) var(--color-border-tertiary);transform:translateY(-50%);pointer-events:none}.slider--thumb-center.sc-ds-slider-h .slider__rail.sc-ds-slider{right:calc(var(--ds-slider-thumb-size) / 2);left:calc(var(--ds-slider-thumb-size) / 2)}.slider__indicator.sc-ds-slider{position:absolute;top:0;bottom:0;left:0;width:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-end-pct, 0) / 100) *       (100% - var(--ds-slider-endpoint-size))   );border-radius:inherit;background-color:var(--color-background-bold-brand)}.slider--range.sc-ds-slider-h .slider__indicator.sc-ds-slider{left:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-start-pct, 0) / 100) *       (100% - var(--ds-slider-endpoint-size))   );width:calc(     ((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) / 100) *       (100% - var(--ds-slider-endpoint-size))   )}.slider--thumb-center.sc-ds-slider-h .slider__indicator.sc-ds-slider{left:calc(var(--ds-slider-start-pct, 0) * 1%);width:calc((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) * 1%)}.slider__thumb.sc-ds-slider{position:absolute;top:50%;left:calc(     (var(--ds-slider-thumb-pct, 0) / 100) * (100% - var(--ds-slider-endpoint-size)) -       var(--ds-slider-thumb-overhang)   );width:var(--ds-slider-thumb-size);height:var(--ds-slider-thumb-size);transform:translateY(-50%);z-index:1}.slider__thumb--active.sc-ds-slider{z-index:2}.slider__input.sc-ds-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;appearance:none;pointer-events:none;z-index:2}.slider__thumb-visual.sc-ds-slider{position:absolute;inset:0;box-sizing:border-box;overflow:visible;border-radius:var(--dimension-radius-half);background-color:var(--color-background-transparent);-webkit-backdrop-filter:blur(var(--effect-blur-sm));backdrop-filter:blur(var(--effect-blur-sm));box-shadow:var(--effect-elevation-elevated-md);pointer-events:none;transition:background-color var(--effect-motion-short-2),     box-shadow var(--effect-motion-short-2)}.slider__thumb-wash.sc-ds-slider{position:absolute;inset:0;border-radius:inherit;background-color:transparent;transition:background-color var(--effect-motion-short-2)}.slider__thumb-orb.sc-ds-slider{position:absolute;top:50%;left:50%;box-sizing:border-box;width:var(--ds-slider-track-size);height:var(--ds-slider-track-size);border-radius:var(--dimension-radius-half);background-color:var(--color-background-bold-brand);box-shadow:inset 0 0 0 var(--ds-slider-track-stroke) var(--color-border-tertiary);transform:translate(-50%, -50%)}@media (hover: hover) and (pointer: fine){.sc-ds-slider-h:not(.slider--readonly):not(.ds-control-inactive) .slider__thumb.sc-ds-slider:hover .slider__thumb-wash.sc-ds-slider{background-color:var(--color-interaction-hover)}}[data-dragging].sc-ds-slider-h:not(.slider--readonly):not(.ds-control-inactive) .slider__thumb--active.sc-ds-slider .slider__thumb-wash.sc-ds-slider{background-color:var(--color-interaction-pressed)}.slider__input.sc-ds-slider:focus-visible+.slider__thumb-visual.sc-ds-slider,[data-review-focus].sc-ds-slider-h .slider__thumb[data-index='0'].sc-ds-slider .slider__thumb-visual.sc-ds-slider{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.slider--vertical.sc-ds-slider-h .slider__rail.sc-ds-slider{top:0;right:auto;bottom:0;left:50%;width:var(--ds-slider-track-size);height:auto;transform:translateX(-50%)}.slider--vertical.slider--thumb-center.sc-ds-slider-h .slider__rail.sc-ds-slider{top:calc(var(--ds-slider-thumb-size) / 2);bottom:calc(var(--ds-slider-thumb-size) / 2)}.slider--vertical.sc-ds-slider-h .slider__indicator.sc-ds-slider{top:auto;right:0;bottom:0;left:0;width:auto;height:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-end-pct, 0) / 100) *       (100% - var(--ds-slider-endpoint-size))   )}.slider--vertical.slider--range.sc-ds-slider-h .slider__indicator.sc-ds-slider{bottom:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-start-pct, 0) / 100) *       (100% - var(--ds-slider-endpoint-size))   );height:calc(     ((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) / 100) *       (100% - var(--ds-slider-endpoint-size))   )}.slider--vertical.slider--thumb-center.sc-ds-slider-h .slider__indicator.sc-ds-slider{bottom:calc(var(--ds-slider-start-pct, 0) * 1%);height:calc((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) * 1%)}.slider--vertical.sc-ds-slider-h .slider__thumb.sc-ds-slider{top:auto;bottom:calc(     (var(--ds-slider-thumb-pct, 0) / 100) * (100% - var(--ds-slider-endpoint-size)) -       var(--ds-slider-thumb-overhang)   );left:50%;transform:translateX(-50%)}@media (prefers-reduced-motion: reduce){.slider__thumb-visual.sc-ds-slider,.slider__thumb-wash.sc-ds-slider{transition:none}}@media (forced-colors: active){.slider__rail.sc-ds-slider{border:var(--ds-slider-track-stroke) solid var(--ds-forced-color-content);box-shadow:none}.slider__indicator.sc-ds-slider{background-color:var(--ds-forced-color-selected)}.slider__thumb-visual.sc-ds-slider{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);background-color:var(--ds-forced-color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.slider__thumb-orb.sc-ds-slider{border:var(--ds-slider-track-stroke) solid var(--ds-forced-color-on-selected);background-color:var(--ds-forced-color-selected);box-shadow:none}.slider__input.sc-ds-slider:focus-visible+.slider__thumb-visual.sc-ds-slider,[data-review-focus].sc-ds-slider-h .slider__thumb[data-index='0'].sc-ds-slider .slider__thumb-visual.sc-ds-slider{outline-color:var(--ds-forced-color-selected)}}.slider__tick.sc-ds-slider{position:absolute;top:calc(     50% + var(--ds-slider-track-size) / 2 + var(--dimension-space-050) + var(--dimension-space-012)   );left:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-tick-pct) / 100) *       (100% - var(--ds-slider-endpoint-size))   );transform:translateX(-50%);pointer-events:none}.slider__tick-mark.sc-ds-slider{display:block;width:var(--dimension-stroke-width-025);height:var(--dimension-stroke-width-025);border-radius:var(--dimension-radius-half);background:var(--color-foreground-tertiary)}.slider__tick-label.sc-ds-slider{width:max-content;max-width:none;position:absolute;top:calc(100% + var(--dimension-space-050));left:50%;transform:translateX(-50%);white-space:nowrap}.sc-ds-slider-h:not(.slider--vertical) .slider__control.sc-ds-slider{container-type:inline-size}.sc-ds-slider-h:not(.slider--vertical) .slider__tick-label.sc-ds-slider{--ds-slider-label-anchor:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-tick-pct) / 100) *       (100cqw - var(--ds-slider-endpoint-size))   );transform:translateX(     clamp(       calc(-1 * var(--ds-slider-label-anchor)),       -50%,       calc(100cqw - var(--ds-slider-label-anchor) - 100%)     )   )}.slider--tick-labels.sc-ds-slider-h:not(.slider--vertical) .slider__control.sc-ds-slider{margin-bottom:var(--dimension-space-200)}.slider--vertical.sc-ds-slider-h .slider__tick.sc-ds-slider{top:auto;bottom:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-tick-pct) / 100) *       (100% - var(--ds-slider-endpoint-size))   );left:calc(50% + var(--ds-slider-track-size) / 2 + var(--dimension-space-050));transform:translateY(50%)}.slider--vertical.sc-ds-slider-h .slider__tick-label.sc-ds-slider{top:50%;left:calc(100% + var(--dimension-space-050));transform:translateY(-50%)}`;let b=0;let f=0;const m=s(class s extends i{constructor(s){super();if(s!==false){this.__registerHost()}this.dsChange=e(this,"dsChange",7);this.dsCommit=e(this,"dsCommit",7);this.internals=this.attachInternals();this.value=0;this.min=0;this.max=100;this.step=1;this.ticks=[];this.minStepsBetweenValues=0;this.showValue=true;this.size="md";this.orientation="horizontal";this.thumbAlignment="edge";this.disabled=false;this.readOnly=false;this.isInactive=false;this.ariaLabel=null;this.startLabel="Minimum value";this.endLabel="Maximum value";this.valueTexts=[];this.valuePrefix="";this.valueSuffix="";this.rangeSeparator="–";this.formDisabled=false;this.dragging=false;this.focused=false;this.touched=false;this.activeThumbIndex=0;this.generatedId=`ds-slider-${++b}`;this.labelId=`${this.generatedId}-label`;this.initialValue=0;this.lastCommittedValue=0;this.pointerId=null;this.pointerStartValue=0;this.controlEl=null;this.handleNativeInput=(s,i)=>{const e=s.target;this.activeThumbIndex=i;if(this.readOnly||this.isDisabled){e.value=String(this.resolvedValues[i]);return}this.setValueAt(i,Number(e.value))};this.handleNativeChange=()=>{if(!this.readOnly&&!this.isDisabled)this.commitIfChanged()};this.handleKeyDown=(s,i)=>{const e=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"];if(!this.readOnly&&this.resolvedTicks.length&&e.includes(s.key)){s.preventDefault();if(this.isDisabled)return;const e=this.resolvedTicks.filter((s=>s.value>=this.allowedMin(i)&&s.value<=this.allowedMax(i)));const t=this.resolvedValues[i];const r=["ArrowRight","ArrowUp","PageUp"].includes(s.key);const d=s.key==="Home"?e[0]:s.key==="End"?e[e.length-1]:r?e.find((s=>s.value>t)):[...e].reverse().find((s=>s.value<t));if(d&&this.setValueAt(i,d.value))this.commitIfChanged();return}if(!this.readOnly)return;if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"].includes(s.key)){s.preventDefault()}};this.handleFocus=s=>{this.activeThumbIndex=s;this.focused=true};this.handleBlur=s=>{const i=s.relatedTarget;if(i instanceof Node&&this.el.contains(i))return;this.focused=false;this.touched=true};this.handleHostClick=s=>{if(s.target!==this.el||this.isDisabled)return;const i=this.el.querySelectorAll(".slider__input");i[Math.min(this.activeThumbIndex,i.length-1)]?.focus()};this.handlePointerDown=s=>{if(s.button!==0||this.isDisabled||this.readOnly)return;s.preventDefault();const i=this.valueFromPointer(s);const e=this.closestThumbIndex(i,s.target);this.activeThumbIndex=e;this.pointerId=s.pointerId;this.pointerStartValue=this.cloneValue(this.publicValue);this.dragging=true;this.setValueAt(e,i);this.controlEl?.setPointerCapture(s.pointerId);requestAnimationFrame((()=>{const s=this.el.querySelectorAll(".slider__input")[e];s?.focus({preventScroll:true})}))};this.handlePointerMove=s=>{if(this.pointerId!==s.pointerId||!this.dragging)return;s.preventDefault();this.setValueAt(this.activeThumbIndex,this.valueFromPointer(s))}}componentWillLoad(){this.initialValue=this.cloneValue(this.publicValue);this.lastCommittedValue=this.cloneValue(this.publicValue);this.syncFormValue()}componentDidLoad(){this.syncNativeLabels()}syncFormValue(){const s=this.resolvedValues;if(this.isRange){o(this.internals,this.name,s,{inactive:this.isDisabled})}else{const i=String(s[0]);n(this.internals,this.name?i:null,{inactive:this.isDisabled,state:i})}}formDisabledCallback(s){this.formDisabled=s;this.syncFormValue()}formResetCallback(){this.value=this.cloneValue(this.initialValue);this.lastCommittedValue=this.cloneValue(this.initialValue);this.dragging=false;this.focused=false;this.touched=false}formStateRestoreCallback(s){if(this.isRange){const i=c(s,2);this.value=i.length?i:this.cloneValue(this.initialValue)}else{const i=Number(h(s,"NaN"));if(Number.isFinite(i))this.value=i}this.lastCommittedValue=this.cloneValue(this.publicValue)}async setFocus(s=0){const i=this.el.querySelectorAll(".slider__input");i[Math.max(0,Math.min(s,i.length-1))]?.focus()}get isDisabled(){return this.disabled||this.isInactive||this.formDisabled}get isRange(){return Array.isArray(this.value)}get safeStep(){const s=Number(this.step);return Number.isFinite(s)&&s>0?s:1}get resolvedTicks(){const s=new Map;for(const i of this.ticks){if(Number.isFinite(i.value)&&i.value>=this.safeMin&&i.value<=this.safeMax)s.set(i.value,i)}return[...s.values()].sort(((s,i)=>s.value-i.value))}get safeMin(){return Number.isFinite(this.min)?this.min:0}get safeMax(){const s=this.safeMin;return Number.isFinite(this.max)&&this.max>s?this.max:s+this.safeStep}get minimumGap(){const s=Number.isFinite(this.minStepsBetweenValues)?Math.max(0,Math.floor(this.minStepsBetweenValues)):0;const i=this.resolvedTicks;const e=i.length?i[i.length-1].value-i[0].value:this.safeMax-this.safeMin;return Math.min(e,s*this.safeStep)}get resolvedValues(){const s=this.safeMin;const i=this.safeMax;if(!this.isRange)return[this.snap(Number(this.value))];const e=this.value;let t=this.snap(Number(e[0]??s));let r=this.snap(Number(e[1]??i));if(t>r)[t,r]=[r,t];const d=Math.min(this.minimumGap,i-s);if(r-t<d){r=Math.min(i,this.snap(t+d));t=Math.max(s,this.snap(r-d));const e=this.resolvedTicks;if(e.length&&r-t<d){r=e.find((s=>s.value>=t+d))?.value??e[e.length-1].value;t=[...e].reverse().find((s=>s.value<=r-d))?.value??e[0].value}}return[t,r]}get publicValue(){const s=this.resolvedValues;return this.isRange?[...s]:s[0]}cloneValue(s){return Array.isArray(s)?[...s]:s}valuesEqual(s,i){if(Array.isArray(s)&&Array.isArray(i)){return s.length===i.length&&s.every(((s,e)=>s===i[e]))}return!Array.isArray(s)&&!Array.isArray(i)&&s===i}decimalPlaces(s){const i=String(s).toLowerCase();if(i.includes("e-"))return Number(i.split("e-")[1])||0;return i.includes(".")?i.split(".")[1].length:0}snap(s,i=this.safeMin,e=this.safeMax){const t=this.resolvedTicks.filter((s=>s.value>=i&&s.value<=e));if(t.length)return t.reduce(((i,e)=>Math.abs(e.value-s)<Math.abs(i.value-s)?e:i)).value;if(this.step==="any")return Math.min(e,Math.max(i,Number.isFinite(s)?s:i));const r=Number.isFinite(s)?s:i;const d=i+Math.round((r-i)/this.safeStep)*this.safeStep;const a=Math.min(10,Math.max(this.decimalPlaces(i),this.decimalPlaces(e),this.decimalPlaces(this.safeStep)));return Number(Math.min(e,Math.max(i,d)).toFixed(a))}percent(s){return(s-this.safeMin)/(this.safeMax-this.safeMin)*100}allowedMin(s,i=this.resolvedValues){return this.isRange&&s===1?Math.min(this.safeMax,i[0]+this.minimumGap):this.safeMin}allowedMax(s,i=this.resolvedValues){return this.isRange&&s===0?Math.max(this.safeMin,i[1]-this.minimumGap):this.safeMax}setValueAt(s,i){const e=this.publicValue;const t=this.resolvedValues;const r=Math.min(this.allowedMax(s,t),Math.max(this.allowedMin(s,t),this.snap(i,this.allowedMin(s,t),this.allowedMax(s,t))));t[s]=r;const d=this.isRange?[...t]:t[0];if(this.valuesEqual(e,d))return false;this.value=d;this.dsChange.emit(this.cloneValue(d));return true}commitIfChanged(){const s=this.publicValue;if(this.valuesEqual(s,this.lastCommittedValue))return;this.lastCommittedValue=this.cloneValue(s);this.dsCommit.emit(this.cloneValue(s))}syncNativeLabels(){if(this.label||this.ariaLabel||this.ariaLabelledby||this.isRange)return;const s=Array.from(this.internals.labels).map((s=>{if(!s.id)s.id=`ds-slider-label-${++f}`;return s.id}));if(s.length)this.externalLabelledby=s.join(" ")}formattedValue(s,i){const e=this.valueTexts[i]??this.valueText??this.resolvedTicks.find((i=>i.value===s))?.label;if(e)return e;let t;try{t=a(this.locale,this.formatOptions).format(s)}catch{t=String(s)}return`${this.valuePrefix}${t}${this.valueSuffix}`}ariaValueText(s,i){if(this.resolvedTicks.some((i=>i.value===s&&i.label))||this.valueTexts[i]||this.valueText||this.valuePrefix||this.valueSuffix||this.formatOptions){return this.formattedValue(s,i)}return undefined}pointerPercent(s){const i=this.controlEl;if(!i)return 0;const e=i.getBoundingClientRect();const t=this.el.querySelector(this.thumbAlignment==="edge"?".slider__thumb-orb":".slider__thumb");const r=t?this.orientation==="horizontal"?t.offsetWidth:t.offsetHeight:0;const d=r/2;if(this.orientation==="vertical"){const i=Math.max(1,e.height-d*2);return Math.min(1,Math.max(0,(e.bottom-d-s.clientY)/i))}const a=Math.max(1,e.width-d*2);const l=(s.clientX-e.left-d)/a;return Math.min(1,Math.max(0,l))}valueFromPointer(s){return this.snap(this.safeMin+this.pointerPercent(s)*(this.safeMax-this.safeMin))}closestThumbIndex(s,e){const t=e instanceof i?e.closest(".slider__thumb"):null;if(t?.dataset["index"])return Number(t.dataset["index"]);if(!this.isRange)return 0;const r=this.resolvedValues;const d=Math.abs(s-r[0]);const a=Math.abs(s-r[1]);if(d===a)return s>=r[0]?1:0;return d<a?0:1}endPointerInteraction(s,i){if(this.pointerId!==s.pointerId)return;if(this.controlEl?.hasPointerCapture(s.pointerId))this.controlEl.releasePointerCapture(s.pointerId);this.pointerId=null;this.dragging=false;this.touched=true;if(!i&&!this.valuesEqual(this.pointerStartValue,this.publicValue))this.commitIfChanged()}renderThumb(s,i){const e=i===0?this.inputId??`${this.generatedId}-input`:`${this.inputId??`${this.generatedId}-input`}-end`;const r=i===0?this.startLabel:this.endLabel;const d=this.isRange?undefined:this.ariaLabelledby??(this.label?this.labelId:this.externalLabelledby);const a=this.isRange?r:d?undefined:this.ariaLabel;return t("div",{class:{slider__thumb:true,"slider__thumb--active":i===this.activeThumbIndex},"data-index":String(i),style:{"--ds-slider-thumb-pct":String(this.percent(s))}},t("input",{class:"slider__input",type:"range",id:e,min:this.allowedMin(i),max:this.allowedMax(i),step:this.resolvedTicks.length||this.step==="any"?"any":this.safeStep,value:s,disabled:this.isDisabled,"aria-label":a,"aria-labelledby":d,"aria-describedby":this.ariaDescribedby,"aria-valuetext":this.ariaValueText(s,i),"aria-orientation":this.orientation==="vertical"?"vertical":undefined,"aria-readonly":this.readOnly?"true":undefined,onInput:s=>this.handleNativeInput(s,i),onChange:this.handleNativeChange,onKeyDown:s=>this.handleKeyDown(s,i),onFocus:()=>this.handleFocus(i),onBlur:this.handleBlur}),t("span",{class:"slider__thumb-visual","aria-hidden":"true"},t("span",{class:"slider__thumb-wash"}),t("span",{class:"slider__thumb-orb"})))}render(){const s=this.resolvedValues;const i=s[0];const e=s[s.length-1];const d=this.inputId??`${this.generatedId}-input`;const a=!this.valuesEqual(this.publicValue,this.initialValue);const l=s.map(((s,i)=>this.formattedValue(s,i))).join(` ${this.rangeSeparator} `);return t(r,{key:"43cee34f666b295eec452d97befa54062bee6d3a","aria-disabled":this.isDisabled?"true":undefined,class:{slider:true,"ds-field-stack":true,[`slider--${this.size}`]:true,[`slider--${this.orientation}`]:true,[`slider--thumb-${this.thumbAlignment}`]:true,"slider--range":this.isRange,"slider--ticks":this.resolvedTicks.length>0,"slider--tick-labels":this.resolvedTicks.some((s=>Boolean(s.label))),"slider--readonly":this.readOnly,"ds-control-inactive":this.isDisabled},"data-orientation":this.orientation,"data-disabled":this.isDisabled?"":undefined,"data-readonly":this.readOnly?"":undefined,"data-dragging":this.dragging?"":undefined,"data-focused":this.focused?"":undefined,"data-filled":"","data-dirty":a?"":undefined,"data-touched":this.touched?"":undefined,"data-valid":!this.isDisabled?"":undefined,onClick:this.handleHostClick},(this.label||this.showValue)&&t("div",{key:"fdde5b89254f6654eb15b057875bfbe301e26206",class:"slider__label-row"},this.label&&t("ds-text",{key:"8fbee31ff732f24252b01970df7fdabb00f82392",class:"slider__label",as:"label",variant:"text-body-small",color:"primary",emphasis:true,for:d,textId:this.labelId},this.label),this.showValue&&t("ds-text",{key:"cdeb50f93c6bd86d4c67317724201605258aab07",class:"slider__value",as:"span",variant:"text-body-small",color:"primary",fontFeature:"tabular-nums"},l)),t("div",{key:"9df13e3f45f3ff7c23d0394fdfd0bdf21714699e",class:"slider__control",ref:s=>{this.controlEl=s??null},style:{"--ds-slider-start-pct":String(this.isRange?this.percent(i):0),"--ds-slider-end-pct":String(this.percent(e))},onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:s=>this.endPointerInteraction(s,false),onPointerCancel:s=>this.endPointerInteraction(s,true)},t("div",{key:"a61ac8562e436ae6635a76ce91a400342680444a",class:"slider__rail","aria-hidden":"true"},t("div",{key:"bee7b7c2a63c54d244da4d22c5d38dbcc1df2d20",class:"slider__indicator"})),this.resolvedTicks.map((s=>t("span",{class:"slider__tick","data-edge":s.value===this.safeMin?"start":s.value===this.safeMax?"end":undefined,"aria-hidden":"true",style:{"--ds-slider-tick-pct":String(this.percent(s.value))}},t("span",{class:"slider__tick-mark"}),s.label&&t("ds-text",{class:"slider__tick-label",as:"span",variant:"text-caption",color:"secondary"},s.label)))),s.map(((s,i)=>this.renderThumb(s,i)))))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],step:[{syncFormValue:0}],ticks:[{syncFormValue:0}],minStepsBetweenValues:[{syncFormValue:0}],name:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}]}}static get style(){return u()}},[66,"ds-slider",{value:[1026],min:[2],max:[2],step:[8],ticks:[16],minStepsBetweenValues:[2,"min-steps-between-values"],label:[1],showValue:[4,"show-value"],size:[1],orientation:[1],thumbAlignment:[1,"thumb-alignment"],name:[513],form:[513],disabled:[516],readOnly:[516,"read-only"],isInactive:[4,"is-inactive"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],startLabel:[1,"start-label"],endLabel:[1,"end-label"],valueText:[1,"value-text"],valueTexts:[16],locale:[1],formatOptions:[16],valuePrefix:[1,"value-prefix"],valueSuffix:[1,"value-suffix"],rangeSeparator:[1,"range-separator"],inputId:[1,"input-id"],formDisabled:[32],dragging:[32],focused:[32],touched:[32],activeThumbIndex:[32],externalLabelledby:[32],setFocus:[64]},undefined,{value:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],step:[{syncFormValue:0}],ticks:[{syncFormValue:0}],minStepsBetweenValues:[{syncFormValue:0}],name:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}]}]);function v(){if(typeof customElements==="undefined"){return}const s=["ds-slider","ds-text"];s.forEach((s=>{switch(s){case"ds-slider":if(!customElements.get(d(s))){customElements.define(d(s),m)}break;case"ds-text":if(!customElements.get(d(s))){l()}break}}))}v();const p=m;const _=v;export{p as DsSlider,_ as defineCustomElement};
 //# sourceMappingURL=ds-slider.js.map