@ds-mo/ui 15.11.2 → 15.12.1

package/dist/components/ds-bar-workflow.js

@@ -1,2 +1,2 @@
-import{p as s,H as o,c as i,h as e,a as r,t}from"./index.js";import{d as a}from"./p-CzTJAO2J.js";import{d}from"./p-DKg181YU.js";import{d as n}from"./p-CC4X8rpT.js";import{d as l}from"./p-BVsVUnAw.js";import{d as c}from"./p-0XTyQNRG.js";import{d as m}from"./p-529k8euH.js";import{d as b}from"./p-YE1r-XSR.js";import{d as h}from"./p-CXF8wj9I.js";import{d as w}from"./p-Ch00yccW.js";import{d as f}from"./p-CAARHqjE.js";import{d as p}from"./p-0EpjqRWc.js";import{d as u}from"./p-M9pOLcyK.js";import{d as k}from"./p-CTAF7SkL.js";import{d as g}from"./p-BkKdzYZP.js";const v=()=>`.sc-ds-bar-workflow-h,.sc-ds-bar-workflow:where(.ds-table),.sc-ds-bar-workflow:where(.tooltip-popup),.sc-ds-bar-workflow:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-bar-workflow,.ds-control--lg.sc-ds-bar-workflow-h,.ds-control--md.sc-ds-bar-workflow-h,.ds-control--md.sc-ds-bar-workflow,.ds-control--sm.sc-ds-bar-workflow-h,.ds-control--sm.sc-ds-bar-workflow,.ds-control--xs.sc-ds-bar-workflow-h,.ds-control--xs.sc-ds-bar-workflow{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-bar-workflow-h,.ds-control--lg.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-bar-workflow-h,.ds-control--md.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-bar-workflow-h,.ds-control--sm.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-bar-workflow-h,.ds-control--xs.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-space--sm.sc-ds-bar-workflow-h,.ds-chrome-space--sm.sc-ds-bar-workflow{--ds-chrome-padding:var(--ds-chrome-space-sm-padding, var(--dimension-space-050));--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-bar-workflow-h,.ds-chrome-space--md.sc-ds-bar-workflow{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-bar-workflow-h,.ds-chrome-space--lg.sc-ds-bar-workflow{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-bar-workflow-h,.ds-chrome-row.sc-ds-bar-workflow,.ds-chrome-column.sc-ds-bar-workflow-h,.ds-chrome-column.sc-ds-bar-workflow,.ds-chrome-grid.sc-ds-bar-workflow-h,.ds-chrome-grid.sc-ds-bar-workflow{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-bar-workflow-h,.ds-chrome-row.sc-ds-bar-workflow{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-bar-workflow-h,.ds-chrome-column.sc-ds-bar-workflow{flex-direction:column}.ds-chrome-grid.sc-ds-bar-workflow-h,.ds-chrome-grid.sc-ds-bar-workflow{display:grid;align-items:center}.sc-ds-bar-workflow-h{display:block;min-width:0;box-sizing:border-box;background:var(--color-background-bold-brand)}.bar-workflow.sc-ds-bar-workflow{justify-content:space-between;height:var(--dimension-size-600);min-width:0;background:var(--color-background-bold-brand)}.bar-workflow__identity.sc-ds-bar-workflow{display:flex;flex:1 1 auto;align-items:center;gap:var(--dimension-space-050);height:var(--dimension-size-400);min-width:0}.bar-workflow__heading.sc-ds-bar-workflow{display:inline-flex;flex:1 1 auto;align-items:center;width:auto;min-width:0;height:var(--dimension-size-400);padding-inline:calc(var(--ds-control-padding-inline) + var(--ds-control-label-inset));box-sizing:border-box;user-select:none}.bar-workflow__actions.sc-ds-bar-workflow{display:flex;flex:0 0 auto;align-items:center;gap:var(--dimension-space-100)}`;const x=s(class s extends o{constructor(s){super();if(s!==false){this.__registerHost()}this.dsExit=i(this,"dsExit",7);this.dsStepChange=i(this,"dsStepChange",7);this.dsSubmit=i(this,"dsSubmit",7);this.steps=[];this.value="";this.exitLabel="Exit";this.exitAriaLabel="Exit workflow";this.previousLabel="Previous step";this.nextLabel="Next step";this.submitAction={label:"Save",type:"submit"};this.isNextInactive=false;this.responsiveMode="desktop";this.handlePrevious=()=>{if(this.previousStep&&!this.previousStep.isInactive){this.dsStepChange.emit(this.previousStep.id)}};this.handleNext=()=>{if(this.nextStep&&!this.isNextInactive&&!this.nextStep.isInactive){this.dsStepChange.emit(this.nextStep.id)}}}get currentIndex(){const s=this.steps.findIndex((s=>s.id===this.value));return s>=0?s:0}get previousStep(){return this.steps[this.currentIndex-1]??null}get nextStep(){return this.steps[this.currentIndex+1]??null}get isLastStep(){return this.steps.length<=1||this.currentIndex===this.steps.length-1}get resolvedHeading(){if(this.steps.length<=1)return this.heading;return`${this.heading} · ${this.currentIndex+1}/${this.steps.length}`}renderSubmit(s){const o=this.submitAction;return e("ds-tooltip",{slot:s,label:o.label,side:"bottom",size:"sm"},e("ds-button-filled",{class:"bar-workflow__submit",variant:"icon",icon:"Check",label:o.label,"aria-label":o.label,intent:"brand",contrast:"faint",background:"bold",size:"md",type:o.type??"submit",isInactive:o.isInactive,isLoading:o.isLoading,onDsClick:s=>this.dsSubmit.emit(s.detail)}))}renderMobile(){return e("ds-mobile-header",{class:"bar-workflow__mobile",heading:this.resolvedHeading,tone:"brand"},e("ds-tooltip",{slot:"leading",label:this.exitLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__exit",variant:"icon",icon:"Cross","aria-label":this.exitAriaLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,onDsClick:s=>this.dsExit.emit(s.detail)})),this.previousStep?e("ds-tooltip",{slot:"trailing",label:this.previousLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__previous",variant:"icon",icon:"ChevronLeft","aria-label":this.previousLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,isInactive:this.previousStep.isInactive,onDsClick:this.handlePrevious})):null,this.isLastStep?this.renderSubmit("trailing"):e("ds-tooltip",{slot:"trailing",label:this.nextLabel,side:"bottom",size:"sm"},e("ds-button-filled",{class:"bar-workflow__next",variant:"icon",icon:"ChevronRight",label:this.nextLabel,"aria-label":this.nextLabel,intent:"brand",contrast:"faint",background:"bold",size:"md",type:"button",isInactive:this.isNextInactive||this.nextStep?.isInactive,onDsClick:this.handleNext})))}renderDesktop(){return e("div",{class:"bar-workflow ds-chrome-row ds-chrome-space--md"},e("div",{class:"bar-workflow__identity"},e("ds-tooltip",{label:this.exitLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__exit",variant:"icon",icon:"Cross","aria-label":this.exitAriaLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,onDsClick:s=>this.dsExit.emit(s.detail)})),e("ds-text",{class:"bar-workflow__heading ds-control--md",variant:"text-title-small",emphasis:true,color:"on-bold",as:"h1",lineTruncation:1},this.resolvedHeading)),e("div",{class:"bar-workflow__actions"},this.previousStep?e("ds-tooltip",{label:this.previousLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__previous",variant:"icon",icon:"ChevronLeft","aria-label":this.previousLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,isInactive:this.previousStep.isInactive,onDsClick:this.handlePrevious})):null,this.isLastStep?this.renderSubmit():e("ds-tooltip",{label:this.nextLabel,side:"bottom",size:"sm"},e("ds-button-filled",{class:"bar-workflow__next",variant:"icon",icon:"ChevronRight",label:this.nextLabel,"aria-label":this.nextLabel,intent:"brand",contrast:"faint",background:"bold",size:"md",type:"button",isInactive:this.isNextInactive||this.nextStep?.isInactive,onDsClick:this.handleNext}))))}render(){return e(r,{key:"58829e21b0e4e1be573cbd3939af5e9efc218dec"},this.responsiveMode==="mobile"?this.renderMobile():this.renderDesktop())}static get style(){return v()}},[2,"ds-bar-workflow",{heading:[1],steps:[16],value:[1],exitLabel:[1,"exit-label"],exitAriaLabel:[1,"exit-aria-label"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],submitAction:[16],isNextInactive:[4,"is-next-inactive"],responsiveMode:[513,"responsive-mode"]}]);function _(){if(typeof customElements==="undefined"){return}const s=["ds-bar-workflow","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-mobile-header","ds-mobile-section-switcher","ds-swatch-picker","ds-switch","ds-tab-group","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-bar-workflow":if(!customElements.get(t(s))){customElements.define(t(s),x)}break;case"ds-badge":if(!customElements.get(t(s))){a()}break;case"ds-button-filled":if(!customElements.get(t(s))){d()}break;case"ds-button-unfilled":if(!customElements.get(t(s))){n()}break;case"ds-icon":if(!customElements.get(t(s))){l()}break;case"ds-loader":if(!customElements.get(t(s))){c()}break;case"ds-menu":if(!customElements.get(t(s))){m()}break;case"ds-mobile-header":if(!customElements.get(t(s))){b()}break;case"ds-mobile-section-switcher":if(!customElements.get(t(s))){h()}break;case"ds-swatch-picker":if(!customElements.get(t(s))){w()}break;case"ds-switch":if(!customElements.get(t(s))){f()}break;case"ds-tab-group":if(!customElements.get(t(s))){p()}break;case"ds-tag":if(!customElements.get(t(s))){u()}break;case"ds-text":if(!customElements.get(t(s))){k()}break;case"ds-tooltip":if(!customElements.get(t(s))){g()}break}}))}_();const z=x;const y=_;export{z as DsBarWorkflow,y as defineCustomElement};
+import{p as s,H as o,c as i,h as e,a as r,t}from"./index.js";import{d as a}from"./p-8fddX3V3.js";import{d}from"./p-DFR9hqDU.js";import{d as n}from"./p-WEffoQQD.js";import{d as l}from"./p-BVsVUnAw.js";import{d as c}from"./p-0XTyQNRG.js";import{d as m}from"./p-BpPHCF63.js";import{d as b}from"./p-CbP9ASmI.js";import{d as h}from"./p-C5HGwzy9.js";import{d as w}from"./p-Nx52go85.js";import{d as f}from"./p-KTaiJztz.js";import{d as p}from"./p-BfRAVR40.js";import{d as u}from"./p-B-ChwMFE.js";import{d as k}from"./p-DMPn_dt7.js";import{d as g}from"./p-BMI0F08u.js";const v=()=>`.sc-ds-bar-workflow-h,.sc-ds-bar-workflow:where(.ds-table),.sc-ds-bar-workflow:where(.tooltip-popup),.sc-ds-bar-workflow:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-bar-workflow,.ds-control--lg.sc-ds-bar-workflow-h,.ds-control--md.sc-ds-bar-workflow-h,.ds-control--md.sc-ds-bar-workflow,.ds-control--sm.sc-ds-bar-workflow-h,.ds-control--sm.sc-ds-bar-workflow,.ds-control--xs.sc-ds-bar-workflow-h,.ds-control--xs.sc-ds-bar-workflow{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-bar-workflow-h,.ds-control--lg.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-bar-workflow-h,.ds-control--md.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-bar-workflow-h,.ds-control--sm.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-bar-workflow-h,.ds-control--xs.sc-ds-bar-workflow{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-space--sm.sc-ds-bar-workflow-h,.ds-chrome-space--sm.sc-ds-bar-workflow{--ds-chrome-padding:var(--ds-chrome-space-sm-padding, var(--dimension-space-050));--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-bar-workflow-h,.ds-chrome-space--md.sc-ds-bar-workflow{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-bar-workflow-h,.ds-chrome-space--lg.sc-ds-bar-workflow{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-bar-workflow-h,.ds-chrome-row.sc-ds-bar-workflow,.ds-chrome-column.sc-ds-bar-workflow-h,.ds-chrome-column.sc-ds-bar-workflow,.ds-chrome-grid.sc-ds-bar-workflow-h,.ds-chrome-grid.sc-ds-bar-workflow{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-bar-workflow-h,.ds-chrome-row.sc-ds-bar-workflow{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-bar-workflow-h,.ds-chrome-column.sc-ds-bar-workflow{flex-direction:column}.ds-chrome-grid.sc-ds-bar-workflow-h,.ds-chrome-grid.sc-ds-bar-workflow{display:grid;align-items:center}.sc-ds-bar-workflow-h{display:block;min-width:0;box-sizing:border-box;background:var(--color-background-bold-brand)}.bar-workflow.sc-ds-bar-workflow{justify-content:space-between;height:var(--dimension-size-600);min-width:0;background:var(--color-background-bold-brand)}.bar-workflow__identity.sc-ds-bar-workflow{display:flex;flex:1 1 auto;align-items:center;gap:var(--dimension-space-050);height:var(--dimension-size-400);min-width:0}.bar-workflow__heading.sc-ds-bar-workflow{display:inline-flex;flex:1 1 auto;align-items:center;width:auto;min-width:0;height:var(--dimension-size-400);padding-inline:calc(var(--ds-control-padding-inline) + var(--ds-control-label-inset));box-sizing:border-box;user-select:none}.bar-workflow__actions.sc-ds-bar-workflow{display:flex;flex:0 0 auto;align-items:center;gap:var(--dimension-space-100)}`;const x=s(class s extends o{constructor(s){super();if(s!==false){this.__registerHost()}this.dsExit=i(this,"dsExit",7);this.dsStepChange=i(this,"dsStepChange",7);this.dsSubmit=i(this,"dsSubmit",7);this.steps=[];this.value="";this.exitLabel="Exit";this.exitAriaLabel="Exit workflow";this.previousLabel="Previous step";this.nextLabel="Next step";this.submitAction={label:"Save",type:"submit"};this.isNextInactive=false;this.responsiveMode="desktop";this.handlePrevious=()=>{if(this.previousStep&&!this.previousStep.isInactive){this.dsStepChange.emit(this.previousStep.id)}};this.handleNext=()=>{if(this.nextStep&&!this.isNextInactive&&!this.nextStep.isInactive){this.dsStepChange.emit(this.nextStep.id)}}}get currentIndex(){const s=this.steps.findIndex((s=>s.id===this.value));return s>=0?s:0}get previousStep(){return this.steps[this.currentIndex-1]??null}get nextStep(){return this.steps[this.currentIndex+1]??null}get isLastStep(){return this.steps.length<=1||this.currentIndex===this.steps.length-1}get resolvedHeading(){if(this.steps.length<=1)return this.heading;return`${this.heading} · ${this.currentIndex+1}/${this.steps.length}`}renderSubmit(s){const o=this.submitAction;return e("ds-tooltip",{slot:s,label:o.label,side:"bottom",size:"sm"},e("ds-button-filled",{class:"bar-workflow__submit",variant:"icon",icon:"Check",label:o.label,"aria-label":o.label,intent:"brand",contrast:"faint",background:"bold",size:"md",type:o.type??"submit",isInactive:o.isInactive,isLoading:o.isLoading,onDsClick:s=>this.dsSubmit.emit(s.detail)}))}renderMobile(){return e("ds-mobile-header",{class:"bar-workflow__mobile",heading:this.resolvedHeading,tone:"brand"},e("ds-tooltip",{slot:"leading",label:this.exitLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__exit",variant:"icon",icon:"Cross","aria-label":this.exitAriaLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,onDsClick:s=>this.dsExit.emit(s.detail)})),this.previousStep?e("ds-tooltip",{slot:"trailing",label:this.previousLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__previous",variant:"icon",icon:"ChevronLeft","aria-label":this.previousLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,isInactive:this.previousStep.isInactive,onDsClick:this.handlePrevious})):null,this.isLastStep?this.renderSubmit("trailing"):e("ds-tooltip",{slot:"trailing",label:this.nextLabel,side:"bottom",size:"sm"},e("ds-button-filled",{class:"bar-workflow__next",variant:"icon",icon:"ChevronRight",label:this.nextLabel,"aria-label":this.nextLabel,intent:"brand",contrast:"faint",background:"bold",size:"md",type:"button",isInactive:this.isNextInactive||this.nextStep?.isInactive,onDsClick:this.handleNext})))}renderDesktop(){return e("div",{class:"bar-workflow ds-chrome-row ds-chrome-space--md"},e("div",{class:"bar-workflow__identity"},e("ds-tooltip",{label:this.exitLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__exit",variant:"icon",icon:"Cross","aria-label":this.exitAriaLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,onDsClick:s=>this.dsExit.emit(s.detail)})),e("ds-text",{class:"bar-workflow__heading ds-control--md",variant:"text-title-small",emphasis:true,color:"on-bold",as:"h1",lineTruncation:1},this.resolvedHeading)),e("div",{class:"bar-workflow__actions"},this.previousStep?e("ds-tooltip",{label:this.previousLabel,side:"bottom",size:"sm"},e("ds-button-unfilled",{class:"bar-workflow__previous",variant:"icon",icon:"ChevronLeft","aria-label":this.previousLabel,size:"md",background:"bold",activeFill:false,hasBorder:false,isInactive:this.previousStep.isInactive,onDsClick:this.handlePrevious})):null,this.isLastStep?this.renderSubmit():e("ds-tooltip",{label:this.nextLabel,side:"bottom",size:"sm"},e("ds-button-filled",{class:"bar-workflow__next",variant:"icon",icon:"ChevronRight",label:this.nextLabel,"aria-label":this.nextLabel,intent:"brand",contrast:"faint",background:"bold",size:"md",type:"button",isInactive:this.isNextInactive||this.nextStep?.isInactive,onDsClick:this.handleNext}))))}render(){return e(r,{key:"d478f1e58923a2b8ca22ddf5a378bf479fc335de"},this.responsiveMode==="mobile"?this.renderMobile():this.renderDesktop())}static get style(){return v()}},[2,"ds-bar-workflow",{heading:[1],steps:[16],value:[1],exitLabel:[1,"exit-label"],exitAriaLabel:[1,"exit-aria-label"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],submitAction:[16],isNextInactive:[4,"is-next-inactive"],responsiveMode:[513,"responsive-mode"]}]);function _(){if(typeof customElements==="undefined"){return}const s=["ds-bar-workflow","ds-badge","ds-button-filled","ds-button-unfilled","ds-icon","ds-loader","ds-menu","ds-mobile-header","ds-mobile-section-switcher","ds-swatch-picker","ds-switch","ds-tab-group","ds-tag","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-bar-workflow":if(!customElements.get(t(s))){customElements.define(t(s),x)}break;case"ds-badge":if(!customElements.get(t(s))){a()}break;case"ds-button-filled":if(!customElements.get(t(s))){d()}break;case"ds-button-unfilled":if(!customElements.get(t(s))){n()}break;case"ds-icon":if(!customElements.get(t(s))){l()}break;case"ds-loader":if(!customElements.get(t(s))){c()}break;case"ds-menu":if(!customElements.get(t(s))){m()}break;case"ds-mobile-header":if(!customElements.get(t(s))){b()}break;case"ds-mobile-section-switcher":if(!customElements.get(t(s))){h()}break;case"ds-swatch-picker":if(!customElements.get(t(s))){w()}break;case"ds-switch":if(!customElements.get(t(s))){f()}break;case"ds-tab-group":if(!customElements.get(t(s))){p()}break;case"ds-tag":if(!customElements.get(t(s))){u()}break;case"ds-text":if(!customElements.get(t(s))){k()}break;case"ds-tooltip":if(!customElements.get(t(s))){g()}break}}))}_();const z=x;const y=_;export{z as DsBarWorkflow,y as defineCustomElement};
 //# sourceMappingURL=ds-bar-workflow.js.map

package/dist/components/ds-breadcrumb.js

@@ -1,2 +1,2 @@
-import{B as o,d as s}from"./p-BM-UYlIS.js";const t=o;const p=s;export{t as DsBreadcrumb,p as defineCustomElement};
+import{B as o,d as s}from"./p-N-2CZze7.js";const t=o;const p=s;export{t as DsBreadcrumb,p as defineCustomElement};
 //# sourceMappingURL=ds-breadcrumb.js.map

package/dist/components/ds-button-filled.js

@@ -1,2 +1,2 @@
-import{B as o,d as s}from"./p-DKg181YU.js";const t=o;const p=s;export{t as DsButtonFilled,p as defineCustomElement};
+import{B as o,d as s}from"./p-DFR9hqDU.js";const t=o;const p=s;export{t as DsButtonFilled,p as defineCustomElement};
 //# sourceMappingURL=ds-button-filled.js.map

package/dist/components/ds-button-inverted.js

@@ -1,2 +1,2 @@
-import{p as t,H as n,c as i,h as e,t as o,a as s}from"./index.js";import{r,b as d}from"./p-DZ58Sg5a.js";import{d as c}from"./p-CzTJAO2J.js";import{d as a}from"./p-BVsVUnAw.js";import{d as l}from"./p-0XTyQNRG.js";import{d as v}from"./p-CTAF7SkL.js";import{c as u}from"./p-DuFm-ieS.js";const b=()=>`.sc-ds-button-inverted-h,.sc-ds-button-inverted:where(.ds-table),.sc-ds-button-inverted:where(.tooltip-popup),.sc-ds-button-inverted:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}@media (forced-colors: active){.sc-ds-button-inverted:root,.sc-ds-button-inverted-h,.ds-forced-colors-scope.sc-ds-button-inverted{--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-button-inverted-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-button-inverted-h,.ds-focus-ring.sc-ds-button-inverted,.ds-focus-ring-inset.sc-ds-button-inverted-h,.ds-focus-ring-inset.sc-ds-button-inverted{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-button-inverted-h:focus-visible,.ds-focus-ring.sc-ds-button-inverted:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-button-inverted-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-button-inverted{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-button-inverted-h:focus-visible,.ds-focus-ring-inset.sc-ds-button-inverted:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-button-inverted-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-button-inverted:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-inverted-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-inverted{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-inverted-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-inverted::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-button-inverted-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-button-inverted:root,.sc-ds-button-inverted-h,.ds-forced-colors-scope.sc-ds-button-inverted{--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}}@media (forced-colors: active){.sc-ds-button-inverted:root,.sc-ds-button-inverted-h,.ds-forced-colors-scope.sc-ds-button-inverted{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-button-inverted-h,.ds-interaction-fill.sc-ds-button-inverted{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-button-inverted-h::before,.ds-interaction-fill.sc-ds-button-inverted::before,.ds-interaction-fill.sc-ds-button-inverted-h::after,.ds-interaction-fill.sc-ds-button-inverted::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-button-inverted-h::before,.ds-interaction-fill.sc-ds-button-inverted::before{z-index:1}.ds-interaction-fill.sc-ds-button-inverted-h::after,.ds-interaction-fill.sc-ds-button-inverted::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-button-inverted-h,.ds-interaction-fill--bordered.sc-ds-button-inverted{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-button-inverted-h::before,.ds-interaction-fill--selected.sc-ds-button-inverted::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-button-inverted-h,.ds-interaction-fill--selected.sc-ds-button-inverted{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-button-inverted-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-button-inverted:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-button-inverted-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-button-inverted:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-button-inverted-h::after,.ds-interaction-fill--grouped.sc-ds-button-inverted::after,.ds-interaction-fill--grouped.sc-ds-button-inverted-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-button-inverted:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-button-inverted-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-button-inverted:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-button-inverted-h,.ds-interaction-fill--grouped.sc-ds-button-inverted{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-button-inverted-h>.ds-interaction-fill__content.sc-ds-button-inverted,.ds-interaction-fill.sc-ds-button-inverted>.ds-interaction-fill__content.sc-ds-button-inverted,.ds-interaction-fill__content.sc-ds-button-inverted{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-button-inverted-h,.ds-interaction-fill--on-faint.sc-ds-button-inverted{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-button-inverted-h,.ds-interaction-fill--on-medium.sc-ds-button-inverted{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-button-inverted-h,.ds-interaction-fill--on-bold.sc-ds-button-inverted{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-button-inverted-h,.ds-interaction-fill--on-strong.sc-ds-button-inverted{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-button-inverted-h,.ds-interaction-fill--on-translucent.sc-ds-button-inverted{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-button-inverted-h,.ds-interaction-fill--on-inverted.sc-ds-button-inverted{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-button-inverted-h,.ds-interaction-fill--on-media.sc-ds-button-inverted{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-button-inverted-h,.ds-interaction-fill--on-always-dark.sc-ds-button-inverted{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-button-inverted-h,.ds-interaction-fill--on-chrome.sc-ds-button-inverted{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-button-inverted-h,.ds-interaction-fill--on-navigation.sc-ds-button-inverted{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-button-inverted-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-button-inverted:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-button-inverted-h::after,.ds-interaction-fill.sc-ds-button-inverted::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-button-inverted-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-button-inverted:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-button-inverted-h::before,.ds-interaction-fill--selected.sc-ds-button-inverted::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-button-inverted-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-button-inverted:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}.ds-control-press-scale.sc-ds-button-inverted{transition:scale var(--effect-motion-short-2)}.ds-control-press-scale.sc-ds-button-inverted:active:not(:disabled):not(.ds-control-inactive):not([aria-busy='true']){scale:var(--ds-control-press-active-scale, var(--dimension-scale-subtle))}@media (prefers-reduced-motion: reduce){.ds-control-press-scale.sc-ds-button-inverted,.ds-control-press-scale.sc-ds-button-inverted:active:not(:disabled):not(.ds-control-inactive):not([aria-busy='true']){scale:none;transition:none}}@media (forced-colors: active){.sc-ds-button-inverted:root,.sc-ds-button-inverted-h,.ds-forced-colors-scope.sc-ds-button-inverted{--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-button-inverted-h,.ds-control-inactive.sc-ds-button-inverted{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-button-inverted-h,.ds-control-inactive.sc-ds-button-inverted{color:var(--ds-forced-color-disabled);opacity:1}}.ds-control--lg.sc-ds-button-inverted,.ds-control--lg.sc-ds-button-inverted-h,.ds-control--md.sc-ds-button-inverted-h,.ds-control--md.sc-ds-button-inverted,.ds-control--sm.sc-ds-button-inverted-h,.ds-control--sm.sc-ds-button-inverted,.ds-control--xs.sc-ds-button-inverted-h,.ds-control--xs.sc-ds-button-inverted{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-button-inverted-h,.ds-control--lg.sc-ds-button-inverted{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-button-inverted-h,.ds-control--md.sc-ds-button-inverted{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-button-inverted-h,.ds-control--sm.sc-ds-button-inverted{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-button-inverted-h,.ds-control--xs.sc-ds-button-inverted{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control--lg.ds-control--inset.sc-ds-button-inverted-h,.ds-control--lg.ds-control--inset.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-100) - var(--dimension-space-025))}.ds-control--md.ds-control--inset.sc-ds-button-inverted-h,.ds-control--md.ds-control--inset.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-075) - var(--dimension-space-025))}.ds-control--sm.ds-control--inset.sc-ds-button-inverted-h,.ds-control--sm.ds-control--inset.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-050) - var(--dimension-space-025))}.ds-control--xs.ds-control--inset.sc-ds-button-inverted-h,.ds-control--xs.ds-control--inset.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-200) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-025) - var(--dimension-space-025))}.ds-control--lg.ds-control--inset-double.sc-ds-button-inverted-h,.ds-control--lg.ds-control--inset-double.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-100) - var(--dimension-space-050))}.ds-control--md.ds-control--inset-double.sc-ds-button-inverted-h,.ds-control--md.ds-control--inset-double.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-075) - var(--dimension-space-050))}.ds-control--sm.ds-control--inset-double.sc-ds-button-inverted-h,.ds-control--sm.ds-control--inset-double.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-050) - var(--dimension-space-050))}.ds-control-frame.sc-ds-button-inverted{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-button-inverted{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-control-icon-box.sc-ds-button-inverted{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-button-inverted{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-button-inverted{position:relative;padding-inline-end:calc(     var(--ds-control-label-inset, var(--dimension-space-025)) +       var(--ds-control-gap, var(--dimension-space-050))   )}.ds-control-label-dot__badge.sc-ds-button-inverted{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-control-width--hug.sc-ds-button-inverted-h,.ds-control-width--hug.sc-ds-button-inverted{width:fit-content;max-width:100%;flex:0 0 auto}.ds-control-width--fill.sc-ds-button-inverted-h,.ds-control-width--fill.sc-ds-button-inverted{width:100%;min-width:0;flex:1 1 auto;align-self:stretch}.sc-ds-button-inverted-h{display:inline-flex;outline:none}.ds-button-host--icon.ds-control-width--hug.sc-ds-button-inverted-h{width:var(--ds-control-height, var(--dimension-size-400));height:var(--ds-control-height, var(--dimension-size-400));min-width:var(--ds-control-height, var(--dimension-size-400));min-height:var(--ds-control-height, var(--dimension-size-400))}.ds-button-host--icon.ds-control-width--fill.sc-ds-button-inverted-h{height:var(--ds-control-height, var(--dimension-size-400));min-height:var(--ds-control-height, var(--dimension-size-400))}.ds-control-width--fill.sc-ds-button-inverted-h .ds-button.sc-ds-button-inverted{width:100%}.ds-button.sc-ds-button-inverted{justify-content:center;overflow:hidden;min-inline-size:var(--ds-control-height);border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));border-start-start-radius:var(     --ds-button-radius-start-start,     var(--ds-control-radius, var(--dimension-radius-025))   );border-start-end-radius:var(     --ds-button-radius-start-end,     var(--ds-control-radius, var(--dimension-radius-025))   );border-end-start-radius:var(     --ds-button-radius-end-start,     var(--ds-control-radius, var(--dimension-radius-025))   );border-end-end-radius:var(     --ds-button-radius-end-end,     var(--ds-control-radius, var(--dimension-radius-025))   );cursor:default;-webkit-user-select:none;user-select:none}.ds-button--icon.sc-ds-button-inverted{width:100%;height:100%;padding:0}.ds-button--rounded.sc-ds-button-inverted{--ds-control-radius:var(--dimension-radius-half)}.ds-button--bordered.sc-ds-button-inverted{--ds-interaction-border-width:var(--dimension-stroke-width-012)}.ds-button--bordered.sc-ds-button-inverted:not(.ds-interaction-fill){box-shadow:inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-button__icon-wrap.sc-ds-button-inverted,.ds-button__label.sc-ds-button-inverted,.ds-button__chevron.sc-ds-button-inverted{position:relative;z-index:2}.ds-button__label.sc-ds-button-inverted{flex-shrink:0;min-width:0;white-space:nowrap}.ds-button__label--loading.sc-ds-button-inverted,.ds-button__chevron--loading.sc-ds-button-inverted{visibility:hidden}.ds-button.sc-ds-button-inverted>.ds-button__loader-overlay.sc-ds-button-inverted{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.ds-button__dot.sc-ds-button-inverted{position:absolute;top:0;right:0;z-index:2;pointer-events:none}@media (forced-colors: active){.ds-button.sc-ds-button-inverted{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}.ds-button-split.sc-ds-button-inverted{position:relative;display:inline-flex;align-items:stretch;min-width:0;overflow:hidden;gap:0;border-radius:var(--ds-control-radius, var(--dimension-radius-025));background:transparent}.ds-control-width--fill.sc-ds-button-inverted-h .ds-button-split.sc-ds-button-inverted{width:100%}.ds-button-split.sc-ds-button-inverted>.ds-button-split__primary.sc-ds-button-inverted{flex:1 1 auto;width:auto;min-width:0;border-start-end-radius:var(--dimension-radius-000);border-end-end-radius:var(--dimension-radius-000)}.ds-button-split.sc-ds-button-inverted>.ds-button-split__menu.sc-ds-button-inverted{flex:0 0 var(--ds-control-height);width:var(--ds-control-height);min-width:var(--ds-control-height);border-start-start-radius:var(--dimension-radius-000);border-end-start-radius:var(--dimension-radius-000)}.ds-button-split__divider.sc-ds-button-inverted{position:relative;z-index:3;align-self:stretch;flex:0 0 0;margin-inline-start:calc(-1 * var(--dimension-stroke-width-012));border-inline-start:var(--dimension-stroke-width-012) solid var(--ds-button-split-divider);pointer-events:none}.ds-button-split__divider--content-height.sc-ds-button-inverted{align-self:center;block-size:var(--ds-button-split-divider-content-height)}.ds-button-split__outline.sc-ds-button-inverted{position:absolute;z-index:3;inset:0;border:var(--dimension-stroke-width-012) solid var(--ds-button-split-border);border-radius:inherit;pointer-events:none}.ds-control--lg.sc-ds-button-inverted-h{--ds-button-split-divider-content-height:var(--dimension-size-300)}.ds-control--md.sc-ds-button-inverted-h{--ds-button-split-divider-content-height:var(--dimension-size-250)}.ds-control--sm.sc-ds-button-inverted-h,.ds-control--xs.sc-ds-button-inverted-h{--ds-button-split-divider-content-height:var(--dimension-size-200)}.ds-button-split-host--primary-icon.ds-control-width--hug.sc-ds-button-inverted-h .ds-button-split.sc-ds-button-inverted>.ds-button-split__primary.sc-ds-button-inverted{flex:0 0 var(--ds-control-height);width:var(--ds-control-height);min-width:var(--ds-control-height);height:var(--ds-control-height)}.ds-button-split--rounded.sc-ds-button-inverted{border-radius:var(--dimension-radius-half)}.sc-ds-button-inverted-h{--ds-button-split-divider:var(--color-inverted-border-tertiary)}.button-inverted.sc-ds-button-inverted{background-color:var(--color-inverted-background);color:var(--color-inverted-foreground-primary);transition:background-color var(--effect-motion-short-2),     color var(--effect-motion-short-2)}`;const h=t(class t extends n{constructor(t){super();if(t!==false){this.__registerHost()}this.dsClick=i(this,"dsClick",7);this.dsMenuClick=i(this,"dsMenuClick",7);this.variant="label";this.size="md";this.isInset=false;this.insetDepth="single";this.width="hug";this.label="";this.labelEmphasis=true;this.icon="";this.rounded=false;this.pressScale=true;this.isInactive=false;this.isLoading=false;this.type="button";this.ariaLabel=null;this.split=false;this.menuAriaLabel="More options";this.hasMenu=false;this.buttonEl=null;this.menuButtonEl=null;this.handleClick=t=>{if(this.isInactive||this.isLoading){t.preventDefault();t.stopPropagation();return}this.dsClick.emit(t)};this.handleMenuClick=t=>{if(this.isInactive||this.isLoading){t.preventDefault();t.stopPropagation();return}this.dsMenuClick.emit(t)}}async setFocus(t="primary"){(t==="menu"?this.menuButtonEl:this.buttonEl)?.focus()}get resolvedHaspopup(){return this.haspopup??(this.hasMenu?"menu":undefined)}get resolvedSurfaceOpen(){return(this.surfaceOpen??this.expanded===true)&&!this.isInactive}get accessibleName(){if(this.ariaLabel)return this.ariaLabel;if(this.isLoading&&this.variant==="label"&&this.label)return this.label;return undefined}get doubleInset(){return this.isInset&&this.insetDepth==="double"&&this.size!=="xs"}buttonClass(t,n){return{"button-inverted":true,"ds-button":true,"ds-focus-ring-inset":true,"ds-control-press-scale":this.pressScale&&!this.split,"ds-interaction-fill":!this.isInactive,"ds-interaction-fill--on-inverted":true,"button-inverted--expanded":n,"ds-interaction-fill--surface-open":n,"ds-button--expanded":n,"ds-control-inactive":this.isInactive,"ds-control--lg":this.size==="lg","ds-control--md":this.size==="md","ds-control--sm":this.size==="sm","ds-control--xs":this.size==="xs","ds-control--inset":this.isInset&&!this.doubleInset,"ds-control--inset-double":this.doubleInset,"ds-control-frame":true,"button-inverted--icon":t==="icon","ds-button--icon":t==="icon","button-inverted--label":t==="label","button-inverted--icon-label":t==="icon-label","button-inverted--rounded":this.rounded,"ds-button--rounded":this.rounded}}render(){const t=e("button",{key:"8db23956959aef2481daebbe66e38fc96ffad0c4",ref:t=>{this.buttonEl=t??null},type:this.type,class:{...this.buttonClass(this.variant,!this.split&&this.resolvedSurfaceOpen),"ds-button-split__primary":this.split},disabled:this.isInactive,"aria-label":this.accessibleName,"aria-busy":this.isLoading?"true":undefined,"aria-disabled":this.isLoading?"true":undefined,"aria-controls":this.split?undefined:this.controls,"aria-expanded":this.split||this.expanded===undefined?undefined:String(this.expanded),"aria-haspopup":this.split?undefined:this.resolvedHaspopup,onPointerDown:t=>d(t,this.pressScale&&!this.split&&!this.isInactive&&!this.isLoading),onClick:this.handleClick},r({namespace:"button-inverted",variant:this.variant,size:this.size,label:this.label,labelEmphasis:this.labelEmphasis,icon:this.icon,hasMenu:!this.split&&this.hasMenu,isLoading:this.isLoading}));const n=this.split?e("div",{class:{"ds-button-split":true,"ds-button-split--rounded":this.rounded}},t,e("span",{class:"ds-button-split__divider","aria-hidden":"true"}),e("button",{ref:t=>{this.menuButtonEl=t??null},class:{...this.buttonClass("icon",this.resolvedSurfaceOpen),"ds-button-split__menu":true},type:"button",disabled:this.isInactive||this.isLoading,"aria-label":this.menuAriaLabel,"aria-controls":this.controls,"aria-expanded":String(this.expanded===true),"aria-haspopup":"menu",onClick:this.handleMenuClick},r({namespace:"button-inverted",variant:"icon",size:this.size,label:"",labelEmphasis:true,icon:"ChevronDown",hasMenu:false,isLoading:false}))):t;return e(s,{key:"434cbef49204a3303e13f5b84bd87c361b4ebbdd",class:{"button-inverted-host":true,"button-inverted-host--icon":this.variant==="icon"&&!this.split,"ds-button-host--icon":this.variant==="icon"&&!this.split,"ds-button-split-host":this.split,"ds-button-split-host--primary-icon":this.split&&this.variant==="icon","ds-control--lg":this.size==="lg","ds-control--md":this.size==="md","ds-control--sm":this.size==="sm","ds-control--xs":this.size==="xs","ds-control--inset":this.isInset&&!this.doubleInset,"ds-control--inset-double":this.doubleInset,...u(this.width)},tabIndex:-1},n)}static get style(){return b()}},[2,"ds-button-inverted",{variant:[1],size:[1],isInset:[4,"is-inset"],insetDepth:[1,"inset-depth"],width:[1],label:[1],labelEmphasis:[4,"label-emphasis"],icon:[1],rounded:[4],pressScale:[4,"press-scale"],isInactive:[4,"is-inactive"],isLoading:[4,"is-loading"],type:[1],ariaLabel:[1,"aria-label"],controls:[1],expanded:[4],surfaceOpen:[4,"surface-open"],haspopup:[1],split:[4],menuAriaLabel:[1,"menu-aria-label"],hasMenu:[4,"has-menu"],setFocus:[64]}]);function f(){if(typeof customElements==="undefined"){return}const t=["ds-button-inverted","ds-badge","ds-icon","ds-loader","ds-text"];t.forEach((t=>{switch(t){case"ds-button-inverted":if(!customElements.get(o(t))){customElements.define(o(t),h)}break;case"ds-badge":if(!customElements.get(o(t))){c()}break;case"ds-icon":if(!customElements.get(o(t))){a()}break;case"ds-loader":if(!customElements.get(o(t))){l()}break;case"ds-text":if(!customElements.get(o(t))){v()}break}}))}f();const p=h;const m=f;export{p as DsButtonInverted,m as defineCustomElement};
+import{p as t,H as n,c as i,h as e,t as o,a as s}from"./index.js";import{r,b as d}from"./p-DZ58Sg5a.js";import{d as c}from"./p-8fddX3V3.js";import{d as a}from"./p-BVsVUnAw.js";import{d as l}from"./p-0XTyQNRG.js";import{d as v}from"./p-DMPn_dt7.js";import{c as u}from"./p-DuFm-ieS.js";const b=()=>`.sc-ds-button-inverted-h,.sc-ds-button-inverted:where(.ds-table),.sc-ds-button-inverted:where(.tooltip-popup),.sc-ds-button-inverted:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}@media (forced-colors: active){.sc-ds-button-inverted:root,.sc-ds-button-inverted-h,.ds-forced-colors-scope.sc-ds-button-inverted{--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-button-inverted-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-button-inverted-h,.ds-focus-ring.sc-ds-button-inverted,.ds-focus-ring-inset.sc-ds-button-inverted-h,.ds-focus-ring-inset.sc-ds-button-inverted{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-button-inverted-h:focus-visible,.ds-focus-ring.sc-ds-button-inverted:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-button-inverted-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-button-inverted{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-button-inverted-h:focus-visible,.ds-focus-ring-inset.sc-ds-button-inverted:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-button-inverted-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-button-inverted:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-inverted-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-inverted{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-inverted-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-inverted::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-button-inverted-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-button-inverted:root,.sc-ds-button-inverted-h,.ds-forced-colors-scope.sc-ds-button-inverted{--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}}@media (forced-colors: active){.sc-ds-button-inverted:root,.sc-ds-button-inverted-h,.ds-forced-colors-scope.sc-ds-button-inverted{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-button-inverted-h,.ds-interaction-fill.sc-ds-button-inverted{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-button-inverted-h::before,.ds-interaction-fill.sc-ds-button-inverted::before,.ds-interaction-fill.sc-ds-button-inverted-h::after,.ds-interaction-fill.sc-ds-button-inverted::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-button-inverted-h::before,.ds-interaction-fill.sc-ds-button-inverted::before{z-index:1}.ds-interaction-fill.sc-ds-button-inverted-h::after,.ds-interaction-fill.sc-ds-button-inverted::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-button-inverted-h,.ds-interaction-fill--bordered.sc-ds-button-inverted{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-button-inverted-h::before,.ds-interaction-fill--selected.sc-ds-button-inverted::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-button-inverted-h,.ds-interaction-fill--selected.sc-ds-button-inverted{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-button-inverted-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-button-inverted:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-button-inverted-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-button-inverted:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-button-inverted-h::after,.ds-interaction-fill--grouped.sc-ds-button-inverted::after,.ds-interaction-fill--grouped.sc-ds-button-inverted-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-button-inverted:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-button-inverted-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-button-inverted:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-button-inverted-h,.ds-interaction-fill--grouped.sc-ds-button-inverted{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-button-inverted-h>.ds-interaction-fill__content.sc-ds-button-inverted,.ds-interaction-fill.sc-ds-button-inverted>.ds-interaction-fill__content.sc-ds-button-inverted,.ds-interaction-fill__content.sc-ds-button-inverted{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-button-inverted-h,.ds-interaction-fill--on-faint.sc-ds-button-inverted{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-button-inverted-h,.ds-interaction-fill--on-medium.sc-ds-button-inverted{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-button-inverted-h,.ds-interaction-fill--on-bold.sc-ds-button-inverted{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-button-inverted-h,.ds-interaction-fill--on-strong.sc-ds-button-inverted{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-button-inverted-h,.ds-interaction-fill--on-translucent.sc-ds-button-inverted{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-button-inverted-h,.ds-interaction-fill--on-inverted.sc-ds-button-inverted{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-button-inverted-h,.ds-interaction-fill--on-media.sc-ds-button-inverted{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-button-inverted-h,.ds-interaction-fill--on-always-dark.sc-ds-button-inverted{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-button-inverted-h,.ds-interaction-fill--on-chrome.sc-ds-button-inverted{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-button-inverted-h,.ds-interaction-fill--on-navigation.sc-ds-button-inverted{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-button-inverted-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-button-inverted:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-button-inverted-h::after,.ds-interaction-fill.sc-ds-button-inverted::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-button-inverted-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-button-inverted:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-button-inverted-h::before,.ds-interaction-fill--selected.sc-ds-button-inverted::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-button-inverted-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-button-inverted:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}.ds-control-press-scale.sc-ds-button-inverted{transition:scale var(--effect-motion-short-2)}.ds-control-press-scale.sc-ds-button-inverted:active:not(:disabled):not(.ds-control-inactive):not([aria-busy='true']){scale:var(--ds-control-press-active-scale, var(--dimension-scale-subtle))}@media (prefers-reduced-motion: reduce){.ds-control-press-scale.sc-ds-button-inverted,.ds-control-press-scale.sc-ds-button-inverted:active:not(:disabled):not(.ds-control-inactive):not([aria-busy='true']){scale:none;transition:none}}@media (forced-colors: active){.sc-ds-button-inverted:root,.sc-ds-button-inverted-h,.ds-forced-colors-scope.sc-ds-button-inverted{--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-button-inverted-h,.ds-control-inactive.sc-ds-button-inverted{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-button-inverted-h,.ds-control-inactive.sc-ds-button-inverted{color:var(--ds-forced-color-disabled);opacity:1}}.ds-control--lg.sc-ds-button-inverted,.ds-control--lg.sc-ds-button-inverted-h,.ds-control--md.sc-ds-button-inverted-h,.ds-control--md.sc-ds-button-inverted,.ds-control--sm.sc-ds-button-inverted-h,.ds-control--sm.sc-ds-button-inverted,.ds-control--xs.sc-ds-button-inverted-h,.ds-control--xs.sc-ds-button-inverted{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-button-inverted-h,.ds-control--lg.sc-ds-button-inverted{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-button-inverted-h,.ds-control--md.sc-ds-button-inverted{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-button-inverted-h,.ds-control--sm.sc-ds-button-inverted{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-button-inverted-h,.ds-control--xs.sc-ds-button-inverted{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control--lg.ds-control--inset.sc-ds-button-inverted-h,.ds-control--lg.ds-control--inset.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-100) - var(--dimension-space-025))}.ds-control--md.ds-control--inset.sc-ds-button-inverted-h,.ds-control--md.ds-control--inset.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-075) - var(--dimension-space-025))}.ds-control--sm.ds-control--inset.sc-ds-button-inverted-h,.ds-control--sm.ds-control--inset.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-050) - var(--dimension-space-025))}.ds-control--xs.ds-control--inset.sc-ds-button-inverted-h,.ds-control--xs.ds-control--inset.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-200) - var(--dimension-space-050));--ds-control-padding-inline:calc(var(--dimension-space-025) - var(--dimension-space-025))}.ds-control--lg.ds-control--inset-double.sc-ds-button-inverted-h,.ds-control--lg.ds-control--inset-double.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-500) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-100) - var(--dimension-space-050))}.ds-control--md.ds-control--inset-double.sc-ds-button-inverted-h,.ds-control--md.ds-control--inset-double.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-400) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-075) - var(--dimension-space-050))}.ds-control--sm.ds-control--inset-double.sc-ds-button-inverted-h,.ds-control--sm.ds-control--inset-double.sc-ds-button-inverted{--ds-control-height:calc(var(--dimension-size-300) - var(--dimension-space-100));--ds-control-padding-inline:calc(var(--dimension-space-050) - var(--dimension-space-050))}.ds-control-frame.sc-ds-button-inverted{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-button-inverted{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-control-icon-box.sc-ds-button-inverted{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-button-inverted{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-button-inverted{position:relative;padding-inline-end:calc(     var(--ds-control-label-inset, var(--dimension-space-025)) +       var(--ds-control-gap, var(--dimension-space-050))   )}.ds-control-label-dot__badge.sc-ds-button-inverted{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-control-width--hug.sc-ds-button-inverted-h,.ds-control-width--hug.sc-ds-button-inverted{width:fit-content;max-width:100%;flex:0 0 auto}.ds-control-width--fill.sc-ds-button-inverted-h,.ds-control-width--fill.sc-ds-button-inverted{width:100%;min-width:0;flex:1 1 auto;align-self:stretch}.sc-ds-button-inverted-h{display:inline-flex;outline:none}.ds-button-host--icon.ds-control-width--hug.sc-ds-button-inverted-h{width:var(--ds-control-height, var(--dimension-size-400));height:var(--ds-control-height, var(--dimension-size-400));min-width:var(--ds-control-height, var(--dimension-size-400));min-height:var(--ds-control-height, var(--dimension-size-400))}.ds-button-host--icon.ds-control-width--fill.sc-ds-button-inverted-h{height:var(--ds-control-height, var(--dimension-size-400));min-height:var(--ds-control-height, var(--dimension-size-400))}.ds-control-width--fill.sc-ds-button-inverted-h .ds-button.sc-ds-button-inverted{width:100%}.ds-button.sc-ds-button-inverted{justify-content:center;overflow:hidden;min-inline-size:var(--ds-control-height);border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));border-start-start-radius:var(     --ds-button-radius-start-start,     var(--ds-control-radius, var(--dimension-radius-025))   );border-start-end-radius:var(     --ds-button-radius-start-end,     var(--ds-control-radius, var(--dimension-radius-025))   );border-end-start-radius:var(     --ds-button-radius-end-start,     var(--ds-control-radius, var(--dimension-radius-025))   );border-end-end-radius:var(     --ds-button-radius-end-end,     var(--ds-control-radius, var(--dimension-radius-025))   );cursor:default;-webkit-user-select:none;user-select:none}.ds-button--icon.sc-ds-button-inverted{width:100%;height:100%;padding:0}.ds-button--rounded.sc-ds-button-inverted{--ds-control-radius:var(--dimension-radius-half)}.ds-button--bordered.sc-ds-button-inverted{--ds-interaction-border-width:var(--dimension-stroke-width-012)}.ds-button--bordered.sc-ds-button-inverted:not(.ds-interaction-fill){box-shadow:inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-button__icon-wrap.sc-ds-button-inverted,.ds-button__label.sc-ds-button-inverted,.ds-button__chevron.sc-ds-button-inverted{position:relative;z-index:2}.ds-button__label.sc-ds-button-inverted{flex-shrink:0;min-width:0;white-space:nowrap}.ds-button__label--loading.sc-ds-button-inverted,.ds-button__chevron--loading.sc-ds-button-inverted{visibility:hidden}.ds-button.sc-ds-button-inverted>.ds-button__loader-overlay.sc-ds-button-inverted{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.ds-button__dot.sc-ds-button-inverted{position:absolute;top:0;right:0;z-index:2;pointer-events:none}@media (forced-colors: active){.ds-button.sc-ds-button-inverted{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}.ds-button-split.sc-ds-button-inverted{position:relative;display:inline-flex;align-items:stretch;min-width:0;overflow:hidden;gap:0;border-radius:var(--ds-control-radius, var(--dimension-radius-025));background:transparent}.ds-control-width--fill.sc-ds-button-inverted-h .ds-button-split.sc-ds-button-inverted{width:100%}.ds-button-split.sc-ds-button-inverted>.ds-button-split__primary.sc-ds-button-inverted{flex:1 1 auto;width:auto;min-width:0;border-start-end-radius:var(--dimension-radius-000);border-end-end-radius:var(--dimension-radius-000)}.ds-button-split.sc-ds-button-inverted>.ds-button-split__menu.sc-ds-button-inverted{flex:0 0 var(--ds-control-height);width:var(--ds-control-height);min-width:var(--ds-control-height);border-start-start-radius:var(--dimension-radius-000);border-end-start-radius:var(--dimension-radius-000)}.ds-button-split__divider.sc-ds-button-inverted{position:relative;z-index:3;align-self:stretch;flex:0 0 0;margin-inline-start:calc(-1 * var(--dimension-stroke-width-012));border-inline-start:var(--dimension-stroke-width-012) solid var(--ds-button-split-divider);pointer-events:none}.ds-button-split__divider--content-height.sc-ds-button-inverted{align-self:center;block-size:var(--ds-button-split-divider-content-height)}.ds-button-split__outline.sc-ds-button-inverted{position:absolute;z-index:3;inset:0;border:var(--dimension-stroke-width-012) solid var(--ds-button-split-border);border-radius:inherit;pointer-events:none}.ds-control--lg.sc-ds-button-inverted-h{--ds-button-split-divider-content-height:var(--dimension-size-300)}.ds-control--md.sc-ds-button-inverted-h{--ds-button-split-divider-content-height:var(--dimension-size-250)}.ds-control--sm.sc-ds-button-inverted-h,.ds-control--xs.sc-ds-button-inverted-h{--ds-button-split-divider-content-height:var(--dimension-size-200)}.ds-button-split-host--primary-icon.ds-control-width--hug.sc-ds-button-inverted-h .ds-button-split.sc-ds-button-inverted>.ds-button-split__primary.sc-ds-button-inverted{flex:0 0 var(--ds-control-height);width:var(--ds-control-height);min-width:var(--ds-control-height);height:var(--ds-control-height)}.ds-button-split--rounded.sc-ds-button-inverted{border-radius:var(--dimension-radius-half)}.sc-ds-button-inverted-h{--ds-button-split-divider:var(--color-inverted-border-tertiary)}.button-inverted.sc-ds-button-inverted{background-color:var(--color-inverted-background);color:var(--color-inverted-foreground-primary);transition:background-color var(--effect-motion-short-2),     color var(--effect-motion-short-2)}`;const h=t(class t extends n{constructor(t){super();if(t!==false){this.__registerHost()}this.dsClick=i(this,"dsClick",7);this.dsMenuClick=i(this,"dsMenuClick",7);this.variant="label";this.size="md";this.isInset=false;this.insetDepth="single";this.width="hug";this.label="";this.labelEmphasis=true;this.icon="";this.rounded=false;this.pressScale=true;this.isInactive=false;this.isLoading=false;this.type="button";this.ariaLabel=null;this.split=false;this.menuAriaLabel="More options";this.hasMenu=false;this.buttonEl=null;this.menuButtonEl=null;this.handleClick=t=>{if(this.isInactive||this.isLoading){t.preventDefault();t.stopPropagation();return}this.dsClick.emit(t)};this.handleMenuClick=t=>{if(this.isInactive||this.isLoading){t.preventDefault();t.stopPropagation();return}this.dsMenuClick.emit(t)}}async setFocus(t="primary"){(t==="menu"?this.menuButtonEl:this.buttonEl)?.focus()}get resolvedHaspopup(){return this.haspopup??(this.hasMenu?"menu":undefined)}get resolvedSurfaceOpen(){return(this.surfaceOpen??this.expanded===true)&&!this.isInactive}get accessibleName(){if(this.ariaLabel)return this.ariaLabel;if(this.isLoading&&this.variant==="label"&&this.label)return this.label;return undefined}get doubleInset(){return this.isInset&&this.insetDepth==="double"&&this.size!=="xs"}buttonClass(t,n){return{"button-inverted":true,"ds-button":true,"ds-focus-ring-inset":true,"ds-control-press-scale":this.pressScale&&!this.split,"ds-interaction-fill":!this.isInactive,"ds-interaction-fill--on-inverted":true,"button-inverted--expanded":n,"ds-interaction-fill--surface-open":n,"ds-button--expanded":n,"ds-control-inactive":this.isInactive,"ds-control--lg":this.size==="lg","ds-control--md":this.size==="md","ds-control--sm":this.size==="sm","ds-control--xs":this.size==="xs","ds-control--inset":this.isInset&&!this.doubleInset,"ds-control--inset-double":this.doubleInset,"ds-control-frame":true,"button-inverted--icon":t==="icon","ds-button--icon":t==="icon","button-inverted--label":t==="label","button-inverted--icon-label":t==="icon-label","button-inverted--rounded":this.rounded,"ds-button--rounded":this.rounded}}render(){const t=e("button",{key:"8db23956959aef2481daebbe66e38fc96ffad0c4",ref:t=>{this.buttonEl=t??null},type:this.type,class:{...this.buttonClass(this.variant,!this.split&&this.resolvedSurfaceOpen),"ds-button-split__primary":this.split},disabled:this.isInactive,"aria-label":this.accessibleName,"aria-busy":this.isLoading?"true":undefined,"aria-disabled":this.isLoading?"true":undefined,"aria-controls":this.split?undefined:this.controls,"aria-expanded":this.split||this.expanded===undefined?undefined:String(this.expanded),"aria-haspopup":this.split?undefined:this.resolvedHaspopup,onPointerDown:t=>d(t,this.pressScale&&!this.split&&!this.isInactive&&!this.isLoading),onClick:this.handleClick},r({namespace:"button-inverted",variant:this.variant,size:this.size,label:this.label,labelEmphasis:this.labelEmphasis,icon:this.icon,hasMenu:!this.split&&this.hasMenu,isLoading:this.isLoading}));const n=this.split?e("div",{class:{"ds-button-split":true,"ds-button-split--rounded":this.rounded}},t,e("span",{class:"ds-button-split__divider","aria-hidden":"true"}),e("button",{ref:t=>{this.menuButtonEl=t??null},class:{...this.buttonClass("icon",this.resolvedSurfaceOpen),"ds-button-split__menu":true},type:"button",disabled:this.isInactive||this.isLoading,"aria-label":this.menuAriaLabel,"aria-controls":this.controls,"aria-expanded":String(this.expanded===true),"aria-haspopup":"menu",onClick:this.handleMenuClick},r({namespace:"button-inverted",variant:"icon",size:this.size,label:"",labelEmphasis:true,icon:"ChevronDown",hasMenu:false,isLoading:false}))):t;return e(s,{key:"434cbef49204a3303e13f5b84bd87c361b4ebbdd",class:{"button-inverted-host":true,"button-inverted-host--icon":this.variant==="icon"&&!this.split,"ds-button-host--icon":this.variant==="icon"&&!this.split,"ds-button-split-host":this.split,"ds-button-split-host--primary-icon":this.split&&this.variant==="icon","ds-control--lg":this.size==="lg","ds-control--md":this.size==="md","ds-control--sm":this.size==="sm","ds-control--xs":this.size==="xs","ds-control--inset":this.isInset&&!this.doubleInset,"ds-control--inset-double":this.doubleInset,...u(this.width)},tabIndex:-1},n)}static get style(){return b()}},[2,"ds-button-inverted",{variant:[1],size:[1],isInset:[4,"is-inset"],insetDepth:[1,"inset-depth"],width:[1],label:[1],labelEmphasis:[4,"label-emphasis"],icon:[1],rounded:[4],pressScale:[4,"press-scale"],isInactive:[4,"is-inactive"],isLoading:[4,"is-loading"],type:[1],ariaLabel:[1,"aria-label"],controls:[1],expanded:[4],surfaceOpen:[4,"surface-open"],haspopup:[1],split:[4],menuAriaLabel:[1,"menu-aria-label"],hasMenu:[4,"has-menu"],setFocus:[64]}]);function f(){if(typeof customElements==="undefined"){return}const t=["ds-button-inverted","ds-badge","ds-icon","ds-loader","ds-text"];t.forEach((t=>{switch(t){case"ds-button-inverted":if(!customElements.get(o(t))){customElements.define(o(t),h)}break;case"ds-badge":if(!customElements.get(o(t))){c()}break;case"ds-icon":if(!customElements.get(o(t))){a()}break;case"ds-loader":if(!customElements.get(o(t))){l()}break;case"ds-text":if(!customElements.get(o(t))){v()}break}}))}f();const p=h;const m=f;export{p as DsButtonInverted,m as defineCustomElement};
 //# sourceMappingURL=ds-button-inverted.js.map

package/dist/components/ds-button-unfilled.js

@@ -1,2 +1,2 @@
-import{B as o,d as s}from"./p-CC4X8rpT.js";const p=o;const r=s;export{p as DsButtonUnfilled,r as defineCustomElement};
+import{B as o,d as s}from"./p-WEffoQQD.js";const t=o;const f=s;export{t as DsButtonUnfilled,f as defineCustomElement};
 //# sourceMappingURL=ds-button-unfilled.js.map

package/dist/components/ds-calendar.js

@@ -1,2 +1,2 @@
-import{C as o,d as s}from"./p-vrRbdZAI.js";const r=o;const t=s;export{r as DsCalendar,t as defineCustomElement};
+import{C as o,d as s}from"./p-nakO4viw.js";const t=o;const a=s;export{t as DsCalendar,a as defineCustomElement};
 //# sourceMappingURL=ds-calendar.js.map

package/dist/components/ds-card-action-center.js

@@ -1,2 +1,2 @@
-import{p as e,H as n,c as r,h as i,a as t,t as c}from"./index.js";import{d as o}from"./p-D_iZPukF.js";import{d as a}from"./p-BVsVUnAw.js";import{d as s}from"./p-M9pOLcyK.js";import{d}from"./p-CTAF7SkL.js";import{r as l}from"./p-CbrDF2gA.js";const f=()=>`.sc-ds-card-action-center-h,.sc-ds-card-action-center:where(.ds-table),.sc-ds-card-action-center:where(.tooltip-popup),.sc-ds-card-action-center:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}@media (forced-colors: active){.sc-ds-card-action-center:root,.sc-ds-card-action-center-h,.ds-forced-colors-scope.sc-ds-card-action-center{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-card-action-center-h,.ds-interaction-fill.sc-ds-card-action-center{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-card-action-center-h::before,.ds-interaction-fill.sc-ds-card-action-center::before,.ds-interaction-fill.sc-ds-card-action-center-h::after,.ds-interaction-fill.sc-ds-card-action-center::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-card-action-center-h::before,.ds-interaction-fill.sc-ds-card-action-center::before{z-index:1}.ds-interaction-fill.sc-ds-card-action-center-h::after,.ds-interaction-fill.sc-ds-card-action-center::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-card-action-center-h,.ds-interaction-fill--bordered.sc-ds-card-action-center{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-card-action-center-h::before,.ds-interaction-fill--selected.sc-ds-card-action-center::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-card-action-center-h,.ds-interaction-fill--selected.sc-ds-card-action-center{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-card-action-center-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-card-action-center:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-card-action-center-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-card-action-center:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-card-action-center-h::after,.ds-interaction-fill--grouped.sc-ds-card-action-center::after,.ds-interaction-fill--grouped.sc-ds-card-action-center-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-card-action-center:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-card-action-center-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-card-action-center:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-card-action-center-h,.ds-interaction-fill--grouped.sc-ds-card-action-center{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-card-action-center-h>.ds-interaction-fill__content.sc-ds-card-action-center,.ds-interaction-fill.sc-ds-card-action-center>.ds-interaction-fill__content.sc-ds-card-action-center,.ds-interaction-fill__content.sc-ds-card-action-center{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-card-action-center-h,.ds-interaction-fill--on-faint.sc-ds-card-action-center{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-card-action-center-h,.ds-interaction-fill--on-medium.sc-ds-card-action-center{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-card-action-center-h,.ds-interaction-fill--on-bold.sc-ds-card-action-center{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-card-action-center-h,.ds-interaction-fill--on-strong.sc-ds-card-action-center{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-card-action-center-h,.ds-interaction-fill--on-translucent.sc-ds-card-action-center{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-card-action-center-h,.ds-interaction-fill--on-inverted.sc-ds-card-action-center{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-card-action-center-h,.ds-interaction-fill--on-media.sc-ds-card-action-center{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-card-action-center-h,.ds-interaction-fill--on-always-dark.sc-ds-card-action-center{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-card-action-center-h,.ds-interaction-fill--on-chrome.sc-ds-card-action-center{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-card-action-center-h,.ds-interaction-fill--on-navigation.sc-ds-card-action-center{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-card-action-center-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-card-action-center:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-card-action-center-h::after,.ds-interaction-fill.sc-ds-card-action-center::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-card-action-center-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-card-action-center:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-card-action-center-h::before,.ds-interaction-fill--selected.sc-ds-card-action-center::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-card-action-center-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-card-action-center:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-card-action-center:root,.sc-ds-card-action-center-h,.ds-forced-colors-scope.sc-ds-card-action-center{--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-card-action-center-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-card-action-center-h,.ds-focus-ring.sc-ds-card-action-center,.ds-focus-ring-inset.sc-ds-card-action-center-h,.ds-focus-ring-inset.sc-ds-card-action-center{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-card-action-center-h:focus-visible,.ds-focus-ring.sc-ds-card-action-center:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-card-action-center-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-card-action-center{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-card-action-center-h:focus-visible,.ds-focus-ring-inset.sc-ds-card-action-center:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-card-action-center-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-card-action-center:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-action-center-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-action-center{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-action-center-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-action-center::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-card-action-center-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-card-action-center:root,.sc-ds-card-action-center-h,.ds-forced-colors-scope.sc-ds-card-action-center{--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-card-action-center-h,.ds-control-inactive.sc-ds-card-action-center{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-card-action-center-h,.ds-control-inactive.sc-ds-card-action-center{color:var(--ds-forced-color-disabled);opacity:1}}@media (forced-colors: active){.sc-ds-card-action-center:root,.sc-ds-card-action-center-h,.ds-forced-colors-scope.sc-ds-card-action-center{--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-card-action-center-h{display:flex;flex-direction:column;gap:0;min-width:0;padding:calc(var(--dimension-space-100) - var(--dimension-stroke-width-012));box-sizing:border-box;border:var(--dimension-stroke-width-012) solid var(--color-border-tertiary);border-radius:var(--ds-radius-card);background:var(--color-background-primary)}.card-action-center__group.sc-ds-card-action-center,.card-action-center__section.sc-ds-card-action-center{display:flex;flex-direction:column;min-width:0}.card-action-center__section.sc-ds-card-action-center{gap:var(--dimension-space-050)}.card-action-center__divider.sc-ds-card-action-center{display:flex;flex:0 0 var(--dimension-space-400);align-items:center;min-width:0}.card-action-center__section-heading.sc-ds-card-action-center{display:flex;flex:1 1 auto;align-items:center;min-width:0;min-height:var(--dimension-size-400);padding-inline:var(--dimension-space-100);box-sizing:border-box;user-select:none}.card-action-center__list.sc-ds-card-action-center{display:flex;flex-direction:column;gap:var(--dimension-space-050);margin:0;padding:0;list-style:none}.card-action-center__item.sc-ds-card-action-center{display:flex;align-items:center;gap:var(--dimension-space-050);width:100%;height:var(--dimension-size-400);padding:0 var(--dimension-space-075);overflow:hidden;box-sizing:border-box;appearance:none;border:none;border-radius:var(--dimension-radius-025);background:transparent;color:inherit;font:inherit;text-align:start;text-decoration:none}.card-action-center__item--tagged.sc-ds-card-action-center{padding-inline-end:var(--dimension-space-075)}.card-action-center__item-content.sc-ds-card-action-center{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--dimension-space-025);min-width:0;padding-inline:var(--dimension-space-025)}.card-action-center__item-label.sc-ds-card-action-center{display:block;min-width:0}.card-action-center__item-value.sc-ds-card-action-center{flex:0 0 auto}ds-tag.card-action-center__item-value.sc-ds-card-action-center{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}.card-action-center__empty.sc-ds-card-action-center{margin:0;padding:var(--dimension-space-100);text-align:center}@media (forced-colors: active){.sc-ds-card-action-center-h{border-color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}`;let v=0;const u=e(class e extends n{constructor(e){super();if(e!==false){this.__registerHost()}this.dsAction=r(this,"dsAction",7);this.sections=[];this.emptyMessage="No actions available";this.instanceId=++v}get visibleSections(){return this.sections.filter((e=>e.items.length>0))}headingId(e,n){const r=e.id.replace(/[^a-zA-Z0-9_-]/g,"-");return`ds-card-action-center-${this.instanceId}-${n}-${r}`}handleAction(e,n,r,i){if(n.isInactive)return;const t=this.dsAction.emit({sectionId:e.id,itemId:n.id,item:n,href:r,originalEvent:i});if(r&&t.defaultPrevented)i.preventDefault()}renderValue(e){if(e.value===undefined||e.value===null)return null;const n=String(e.value);if(e.tag){return i("ds-tag",{class:"card-action-center__item-value ds-interaction-fill__content",label:n,intent:e.tag.intent??"neutral",contrast:e.tag.contrast??"faint",size:"sm",isInset:true,rounded:true})}return i("ds-text",{class:"card-action-center__item-value ds-interaction-fill__content",variant:"text-body-medium",color:"secondary",emphasis:true,wrap:"nowrap",fontFeature:"tabular-nums",as:"span"},n)}renderItem(e,n){const r=n.isInactive?undefined:l(n.href);const t={"card-action-center__item":true,"card-action-center__item--tagged":!!n.tag&&n.value!=null,"ds-interaction-fill":true,"ds-focus-ring-inset":true,"ds-control-inactive":!!n.isInactive};const c=[i("ds-text",{class:"card-action-center__item-content card-action-center__item-label ds-interaction-fill__content",variant:"text-body-medium",color:"secondary",wrap:"balance",as:"span"},n.label),this.renderValue(n)];if(r){return i("a",{class:t,href:r,onClick:i=>this.handleAction(e,n,r,i)},c)}return i("button",{type:"button",class:t,disabled:n.isInactive||undefined,onClick:r=>this.handleAction(e,n,undefined,r)},c)}render(){const e=this.visibleSections;return i(t,{key:"bf54088dc1a57be1b06cb595b3fc0aca421ad385"},e.length?e.map(((e,n)=>i("div",{class:"card-action-center__group"},n>0?i("div",{class:"card-action-center__divider"},i("ds-divider",{inset:"space-100",length:"calc(100% - var(--dimension-space-200))"})):null,i("section",{class:"card-action-center__section","aria-labelledby":this.headingId(e,n)},i("ds-text",{id:this.headingId(e,n),class:"card-action-center__section-heading",variant:"text-title-small",emphasis:true,color:"primary",wrap:"balance",as:"h2"},e.heading),i("ul",{class:"card-action-center__list"},e.items.map((n=>i("li",null,this.renderItem(e,n))))))))):i("ds-text",{class:"card-action-center__empty",variant:"text-body-medium",color:"secondary",wrap:"balance",as:"p"},this.emptyMessage))}static get style(){return f()}},[2,"ds-card-action-center",{sections:[16],emptyMessage:[1,"empty-message"]}]);function h(){if(typeof customElements==="undefined"){return}const e=["ds-card-action-center","ds-divider","ds-icon","ds-tag","ds-text"];e.forEach((e=>{switch(e){case"ds-card-action-center":if(!customElements.get(c(e))){customElements.define(c(e),u)}break;case"ds-divider":if(!customElements.get(c(e))){o()}break;case"ds-icon":if(!customElements.get(c(e))){a()}break;case"ds-tag":if(!customElements.get(c(e))){s()}break;case"ds-text":if(!customElements.get(c(e))){d()}break}}))}h();const g=u;const p=h;export{g as DsCardActionCenter,p as defineCustomElement};
+import{p as e,H as n,c as i,h as t,a as r,t as c}from"./index.js";import{d as o}from"./p-G6r6yYg8.js";import{d as a}from"./p-BVsVUnAw.js";import{d as s}from"./p-DcvPY30Q.js";import{d}from"./p-B-ChwMFE.js";import{d as l}from"./p-DMPn_dt7.js";import{r as f}from"./p-CbrDF2gA.js";const v=()=>`.sc-ds-card-action-center-h,.sc-ds-card-action-center:where(.ds-table),.sc-ds-card-action-center:where(.tooltip-popup),.sc-ds-card-action-center:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}@media (forced-colors: active){.sc-ds-card-action-center:root,.sc-ds-card-action-center-h,.ds-forced-colors-scope.sc-ds-card-action-center{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-card-action-center-h,.ds-interaction-fill.sc-ds-card-action-center{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-card-action-center-h::before,.ds-interaction-fill.sc-ds-card-action-center::before,.ds-interaction-fill.sc-ds-card-action-center-h::after,.ds-interaction-fill.sc-ds-card-action-center::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-card-action-center-h::before,.ds-interaction-fill.sc-ds-card-action-center::before{z-index:1}.ds-interaction-fill.sc-ds-card-action-center-h::after,.ds-interaction-fill.sc-ds-card-action-center::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-card-action-center-h,.ds-interaction-fill--bordered.sc-ds-card-action-center{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-card-action-center-h::before,.ds-interaction-fill--selected.sc-ds-card-action-center::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-card-action-center-h,.ds-interaction-fill--selected.sc-ds-card-action-center{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-card-action-center-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-card-action-center:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-card-action-center-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-card-action-center:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-card-action-center-h::after,.ds-interaction-fill--grouped.sc-ds-card-action-center::after,.ds-interaction-fill--grouped.sc-ds-card-action-center-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-card-action-center:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-card-action-center-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-card-action-center:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-card-action-center-h,.ds-interaction-fill--grouped.sc-ds-card-action-center{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-card-action-center-h>.ds-interaction-fill__content.sc-ds-card-action-center,.ds-interaction-fill.sc-ds-card-action-center>.ds-interaction-fill__content.sc-ds-card-action-center,.ds-interaction-fill__content.sc-ds-card-action-center{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-card-action-center-h,.ds-interaction-fill--on-faint.sc-ds-card-action-center{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-card-action-center-h,.ds-interaction-fill--on-medium.sc-ds-card-action-center{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-card-action-center-h,.ds-interaction-fill--on-bold.sc-ds-card-action-center{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-card-action-center-h,.ds-interaction-fill--on-strong.sc-ds-card-action-center{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-card-action-center-h,.ds-interaction-fill--on-translucent.sc-ds-card-action-center{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-card-action-center-h,.ds-interaction-fill--on-inverted.sc-ds-card-action-center{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-card-action-center-h,.ds-interaction-fill--on-media.sc-ds-card-action-center{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-card-action-center-h,.ds-interaction-fill--on-always-dark.sc-ds-card-action-center{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-card-action-center-h,.ds-interaction-fill--on-chrome.sc-ds-card-action-center{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-card-action-center-h,.ds-interaction-fill--on-navigation.sc-ds-card-action-center{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-card-action-center-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-card-action-center:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-card-action-center-h::after,.ds-interaction-fill.sc-ds-card-action-center::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-card-action-center-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-card-action-center:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-card-action-center-h::before,.ds-interaction-fill--selected.sc-ds-card-action-center::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-card-action-center-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-card-action-center:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-card-action-center:root,.sc-ds-card-action-center-h,.ds-forced-colors-scope.sc-ds-card-action-center{--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-card-action-center-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-card-action-center-h,.ds-focus-ring.sc-ds-card-action-center,.ds-focus-ring-inset.sc-ds-card-action-center-h,.ds-focus-ring-inset.sc-ds-card-action-center{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-card-action-center-h:focus-visible,.ds-focus-ring.sc-ds-card-action-center:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-card-action-center-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-card-action-center{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-card-action-center-h:focus-visible,.ds-focus-ring-inset.sc-ds-card-action-center:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-card-action-center-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-card-action-center:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-action-center-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-action-center{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-action-center-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-card-action-center::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-card-action-center-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-card-action-center:root,.sc-ds-card-action-center-h,.ds-forced-colors-scope.sc-ds-card-action-center{--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-card-action-center-h,.ds-control-inactive.sc-ds-card-action-center{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-card-action-center-h,.ds-control-inactive.sc-ds-card-action-center{color:var(--ds-forced-color-disabled);opacity:1}}@media (forced-colors: active){.sc-ds-card-action-center:root,.sc-ds-card-action-center-h,.ds-forced-colors-scope.sc-ds-card-action-center{--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-card-action-center-h{display:flex;flex-direction:column;gap:0;min-width:0;padding:calc(var(--dimension-space-100) - var(--dimension-stroke-width-012));box-sizing:border-box;border:var(--dimension-stroke-width-012) solid var(--color-border-tertiary);border-radius:var(--ds-radius-card);background:var(--color-background-primary)}.card-action-center__group.sc-ds-card-action-center,.card-action-center__section.sc-ds-card-action-center{display:flex;flex-direction:column;min-width:0}.card-action-center__section.sc-ds-card-action-center{gap:var(--dimension-space-050)}.card-action-center__divider.sc-ds-card-action-center{display:flex;flex:0 0 var(--dimension-space-400);align-items:center;min-width:0}.card-action-center__section-heading.sc-ds-card-action-center{display:flex;flex:1 1 auto;align-items:center;min-width:0;min-height:var(--dimension-size-400);padding-inline:var(--dimension-space-100);box-sizing:border-box;user-select:none}.card-action-center__list.sc-ds-card-action-center{display:flex;flex-direction:column;gap:var(--dimension-space-050);margin:0;padding:0;list-style:none}.card-action-center__item.sc-ds-card-action-center{display:flex;align-items:center;gap:var(--dimension-space-050);width:100%;height:var(--dimension-size-400);padding:0 var(--dimension-space-075);overflow:hidden;box-sizing:border-box;appearance:none;border:none;border-radius:var(--dimension-radius-025);background:transparent;color:inherit;font:inherit;text-align:start;text-decoration:none}.card-action-center__item--tagged.sc-ds-card-action-center{padding-inline-end:var(--dimension-space-075)}.card-action-center__item-content.sc-ds-card-action-center{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--dimension-space-025);min-width:0;padding-inline:var(--dimension-space-025)}.card-action-center__item-label.sc-ds-card-action-center{display:block;min-width:0}.card-action-center__item-value.sc-ds-card-action-center{flex:0 0 auto}.card-action-center__item-value.sc-ds-card-action-center ds-tag.sc-ds-card-action-center{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}.card-action-center__section-heading.sc-ds-card-action-center,.card-action-center__item-label.sc-ds-card-action-center{position:relative}.card-action-center--loading.sc-ds-card-action-center-h .card-action-center__copy.sc-ds-card-action-center{visibility:hidden}.card-action-center__copy-skeleton.sc-ds-card-action-center{position:absolute;inset-block-start:50%;transform:translateY(-50%)}.card-action-center__empty.sc-ds-card-action-center{margin:0;padding:var(--dimension-space-100);text-align:center}@media (forced-colors: active){.sc-ds-card-action-center-h{border-color:var(--ds-forced-color-content);background:var(--ds-forced-color-surface)}}.card-action-center__section-heading.sc-ds-card-action-center .card-action-center__copy-skeleton.sc-ds-card-action-center{inset-inline-start:var(--dimension-space-100)}.card-action-center__item-label.sc-ds-card-action-center .card-action-center__copy-skeleton.sc-ds-card-action-center{inset-inline-start:var(--dimension-space-025)}`;let u=0;const h=e(class e extends n{constructor(e){super();if(e!==false){this.__registerHost()}this.dsAction=i(this,"dsAction",7);this.sections=[];this.emptyMessage="No actions available";this.isLoading=false;this.instanceId=++u}get visibleSections(){return this.sections.filter((e=>e.items.length>0))}headingId(e,n){const i=e.id.replace(/[^a-zA-Z0-9_-]/g,"-");return`ds-card-action-center-${this.instanceId}-${n}-${i}`}handleAction(e,n,i,t){if(n.isInactive||this.isLoading)return;const r=this.dsAction.emit({sectionId:e.id,itemId:n.id,item:n,href:i,originalEvent:t});if(i&&r.defaultPrevented)t.preventDefault()}renderValue(e){if(e.value===undefined||e.value===null)return null;const n=String(e.value);if(e.tag){return t("ds-skeleton",{class:"card-action-center__item-value",preserveLayout:true,isLoading:this.isLoading,variant:"control",rounded:true},t("ds-tag",{class:"ds-interaction-fill__content",label:n,intent:e.tag.intent??"neutral",contrast:e.tag.contrast??"faint",size:"sm",isInset:true,rounded:true}))}return t("ds-skeleton",{class:"card-action-center__item-value",preserveLayout:true,isLoading:this.isLoading},t("ds-text",{class:"ds-interaction-fill__content",variant:"text-body-medium",color:"secondary",emphasis:true,wrap:"nowrap",fontFeature:"tabular-nums",as:"span"},n))}renderItem(e,n){const i=n.isInactive||this.isLoading?undefined:f(n.href);const r={"card-action-center__item":true,"card-action-center__item--tagged":!!n.tag&&n.value!=null,"ds-interaction-fill":true,"ds-focus-ring-inset":true,"ds-control-inactive":!!n.isInactive&&!this.isLoading};const c=[t("ds-text",{class:"card-action-center__item-content card-action-center__item-label ds-interaction-fill__content",variant:"text-body-medium",color:"secondary",wrap:"balance",as:"span","aria-hidden":this.isLoading?"true":undefined},t("span",{class:"card-action-center__copy"},n.label),this.isLoading&&t("ds-skeleton",{class:"card-action-center__copy-skeleton",width:"75%"})),this.renderValue(n)];if(i){return t("a",{class:r,href:i,onClick:t=>this.handleAction(e,n,i,t)},c)}return t("button",{type:"button",class:r,disabled:this.isLoading||n.isInactive||undefined,inert:this.isLoading,"aria-hidden":this.isLoading?"true":undefined,onClick:i=>this.handleAction(e,n,undefined,i)},c)}render(){const e=this.visibleSections;return t(r,{key:"7a3cc6cbe5e7e4d7e4d171cc4769b19a95d4482f",class:{"card-action-center--loading":this.isLoading},"aria-busy":this.isLoading?"true":undefined},e.length?e.map(((e,n)=>t("div",{class:"card-action-center__group"},n>0?t("div",{class:"card-action-center__divider"},t("ds-divider",{inset:"space-100",length:"calc(100% - var(--dimension-space-200))"})):null,t("section",{class:"card-action-center__section","aria-labelledby":this.headingId(e,n)},t("ds-text",{id:this.headingId(e,n),class:"card-action-center__section-heading",variant:"text-title-small",emphasis:true,color:"primary",wrap:"balance",as:"h2","aria-hidden":this.isLoading?"true":undefined},t("span",{class:"card-action-center__copy"},e.heading),this.isLoading&&t("ds-skeleton",{class:"card-action-center__copy-skeleton",textVariant:"text-title-small",width:"min(60%, calc(var(--dimension-size-800) * 2))"})),t("ul",{class:"card-action-center__list"},e.items.map((n=>t("li",null,this.renderItem(e,n))))))))):t("ds-text",{class:"card-action-center__empty",variant:"text-body-medium",color:"secondary",wrap:"balance",as:"p"},this.emptyMessage))}static get style(){return v()}},[2,"ds-card-action-center",{sections:[16],emptyMessage:[1,"empty-message"],isLoading:[4,"is-loading"]}]);function g(){if(typeof customElements==="undefined"){return}const e=["ds-card-action-center","ds-divider","ds-icon","ds-skeleton","ds-tag","ds-text"];e.forEach((e=>{switch(e){case"ds-card-action-center":if(!customElements.get(c(e))){customElements.define(c(e),h)}break;case"ds-divider":if(!customElements.get(c(e))){o()}break;case"ds-icon":if(!customElements.get(c(e))){a()}break;case"ds-skeleton":if(!customElements.get(c(e))){s()}break;case"ds-tag":if(!customElements.get(c(e))){d()}break;case"ds-text":if(!customElements.get(c(e))){l()}break}}))}g();const p=h;const m=g;export{p as DsCardActionCenter,m as defineCustomElement};
 //# sourceMappingURL=ds-card-action-center.js.map

package/dist/components/ds-card-action-center.js.map

@@ -1 +1 @@
-{"version":3,"names":["cardActionCenterCss","nextCardActionCenterId","CardActionCenter","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","sections","emptyMessage","instanceId","visibleSections","filter","section","items","length","headingId","index","sectionId","id","replace","handleAction","item","href","originalEvent","isInactive","actionEvent","dsAction","emit","itemId","defaultPrevented","preventDefault","renderValue","value","undefined","String","tag","h","class","label","intent","contrast","size","isInset","rounded","variant","color","emphasis","wrap","fontFeature","as","renderItem","resolveSafeUrl","classes","content","onClick","event","type","disabled","render","Host","key","map","sectionIndex","inset","heading"],"sources":["src/wc/components/CardActionCenter/CardActionCenter.css?tag=ds-card-action-center&encapsulation=scoped","src/wc/components/CardActionCenter/CardActionCenter.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n@import '../../utils/interaction-fill.css';\n@import '../../utils/focus-ring.css';\n@import '../../utils/control-inactive.css';\n@import '../../utils/forced-colors.css';\n\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  min-width: 0;\n  padding: calc(var(--dimension-space-100) - var(--dimension-stroke-width-012));\n  box-sizing: border-box;\n  border: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);\n  border-radius: var(--ds-radius-card);\n  background: var(--color-background-primary);\n}\n\n.card-action-center__group,\n.card-action-center__section {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.card-action-center__section {\n  gap: var(--dimension-space-050);\n}\n\n.card-action-center__divider {\n  display: flex;\n  flex: 0 0 var(--dimension-space-400);\n  align-items: center;\n  min-width: 0;\n}\n\n.card-action-center__section-heading {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  min-width: 0;\n  min-height: var(--dimension-size-400);\n  padding-inline: var(--dimension-space-100);\n  box-sizing: border-box;\n  user-select: none;\n}\n\n.card-action-center__list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dimension-space-050);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.card-action-center__item {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-050);\n  width: 100%;\n  height: var(--dimension-size-400);\n  padding: 0 var(--dimension-space-075);\n  overflow: hidden;\n  box-sizing: border-box;\n  appearance: none;\n  border: none;\n  border-radius: var(--dimension-radius-025);\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: start;\n  text-decoration: none;\n}\n\n.card-action-center__item--tagged {\n  padding-inline-end: var(--dimension-space-075);\n}\n\n.card-action-center__item-content {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  gap: var(--dimension-space-025);\n  min-width: 0;\n  padding-inline: var(--dimension-space-025);\n}\n\n.card-action-center__item-label {\n  display: block;\n  min-width: 0;\n}\n\n.card-action-center__item-value {\n  flex: 0 0 auto;\n}\n\nds-tag.card-action-center__item-value {\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: 'tnum';\n}\n\n.card-action-center__empty {\n  margin: 0;\n  padding: var(--dimension-space-100);\n  text-align: center;\n}\n\n@media (forced-colors: active) {\n  :host {\n    border-color: var(--ds-forced-color-content);\n    background: var(--ds-forced-color-surface);\n  }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { resolveSafeUrl } from '../../utils';\nimport type { TagContrast, TagIntent } from '../Tag/Tag';\n\nexport interface CardActionCenterTag {\n  intent?: TagIntent;\n  contrast?: TagContrast;\n}\n\nexport interface CardActionCenterItem {\n  id: string;\n  label: string;\n  value?: string | number;\n  tag?: CardActionCenterTag;\n  href?: string;\n  isInactive?: boolean;\n}\n\nexport interface CardActionCenterSection {\n  id: string;\n  heading: string;\n  items: ReadonlyArray<CardActionCenterItem>;\n}\n\nexport interface CardActionCenterActionDetail {\n  sectionId: string;\n  itemId: string;\n  item: CardActionCenterItem;\n  href?: string;\n  originalEvent: MouseEvent;\n}\n\nlet nextCardActionCenterId = 0;\n\n@Component({\n  tag: 'ds-card-action-center',\n  styleUrl: 'CardActionCenter.css',\n  scoped: true,\n})\nexport class CardActionCenter {\n  /** Ordered groups of actions rendered in the card. Empty groups are omitted. */\n  @Prop() sections: ReadonlyArray<CardActionCenterSection> = [];\n\n  /** Copy shown when no section contains an action. */\n  @Prop() emptyMessage: string = 'No actions available';\n\n  /**\n   * Emitted when an available row is activated. When a row has an `href`,\n   * prevent this event to take over navigation with an application router.\n   */\n  @Event({ cancelable: true }) dsAction!: EventEmitter<CardActionCenterActionDetail>;\n\n  private readonly instanceId = ++nextCardActionCenterId;\n\n  private get visibleSections(): ReadonlyArray<CardActionCenterSection> {\n    return this.sections.filter(section => section.items.length > 0);\n  }\n\n  private headingId(section: CardActionCenterSection, index: number): string {\n    const sectionId = section.id.replace(/[^a-zA-Z0-9_-]/g, '-');\n    return `ds-card-action-center-${this.instanceId}-${index}-${sectionId}`;\n  }\n\n  private handleAction(\n    section: CardActionCenterSection,\n    item: CardActionCenterItem,\n    href: string | undefined,\n    originalEvent: MouseEvent\n  ) {\n    if (item.isInactive) return;\n\n    const actionEvent = this.dsAction.emit({\n      sectionId: section.id,\n      itemId: item.id,\n      item,\n      href,\n      originalEvent,\n    });\n    if (href && actionEvent.defaultPrevented) originalEvent.preventDefault();\n  }\n\n  private renderValue(item: CardActionCenterItem) {\n    if (item.value === undefined || item.value === null) return null;\n    const value = String(item.value);\n\n    if (item.tag) {\n      return (\n        <ds-tag\n          class=\"card-action-center__item-value ds-interaction-fill__content\"\n          label={value}\n          intent={item.tag.intent ?? 'neutral'}\n          contrast={item.tag.contrast ?? 'faint'}\n          size=\"sm\"\n          isInset\n          rounded\n        ></ds-tag>\n      );\n    }\n\n    return (\n      <ds-text\n        class=\"card-action-center__item-value ds-interaction-fill__content\"\n        variant=\"text-body-medium\"\n        color=\"secondary\"\n        emphasis\n        wrap=\"nowrap\"\n        fontFeature=\"tabular-nums\"\n        as=\"span\"\n      >\n        {value}\n      </ds-text>\n    );\n  }\n\n  private renderItem(section: CardActionCenterSection, item: CardActionCenterItem) {\n    const href = item.isInactive ? undefined : resolveSafeUrl(item.href);\n    const classes = {\n      'card-action-center__item': true,\n      'card-action-center__item--tagged': !!item.tag && item.value != null,\n      'ds-interaction-fill': true,\n      'ds-focus-ring-inset': true,\n      'ds-control-inactive': !!item.isInactive,\n    };\n    const content = [\n      <ds-text\n        class=\"card-action-center__item-content card-action-center__item-label ds-interaction-fill__content\"\n        variant=\"text-body-medium\"\n        color=\"secondary\"\n        wrap=\"balance\"\n        as=\"span\"\n      >\n        {item.label}\n      </ds-text>,\n      this.renderValue(item),\n    ];\n\n    if (href) {\n      return (\n        <a\n          class={classes}\n          href={href}\n          onClick={(event: MouseEvent) => this.handleAction(section, item, href, event)}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        class={classes}\n        disabled={item.isInactive || undefined}\n        onClick={(event: MouseEvent) => this.handleAction(section, item, undefined, event)}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  render() {\n    const sections = this.visibleSections;\n\n    return (\n      <Host>\n        {sections.length ? (\n          sections.map((section, sectionIndex) => (\n            <div class=\"card-action-center__group\">\n              {sectionIndex > 0 ? (\n                <div class=\"card-action-center__divider\">\n                  <ds-divider\n                    inset=\"space-100\"\n                    length=\"calc(100% - var(--dimension-space-200))\"\n                  ></ds-divider>\n                </div>\n              ) : null}\n              <section\n                class=\"card-action-center__section\"\n                aria-labelledby={this.headingId(section, sectionIndex)}\n              >\n                <ds-text\n                  id={this.headingId(section, sectionIndex)}\n                  class=\"card-action-center__section-heading\"\n                  variant=\"text-title-small\"\n                  emphasis\n                  color=\"primary\"\n                  wrap=\"balance\"\n                  as=\"h2\"\n                >\n                  {section.heading}\n                </ds-text>\n                <ul class=\"card-action-center__list\">\n                  {section.items.map(item => (\n                    <li>{this.renderItem(section, item)}</li>\n                  ))}\n                </ul>\n              </section>\n            </div>\n          ))\n        ) : (\n          <ds-text\n            class=\"card-action-center__empty\"\n            variant=\"text-body-medium\"\n            color=\"secondary\"\n            wrap=\"balance\"\n            as=\"p\"\n          >\n            {this.emptyMessage}\n          </ds-text>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"iPAAA,MAAMA,EAAsB,IAAM,0hgBCgClC,IAAIC,EAAyB,E,MAOhBC,EAAgBC,EAAA,MAAAD,UAAAE,EAL7B,WAAAC,CAAAC,G,+EAOUC,KAAAC,SAAmD,GAGnDD,KAAAE,aAAuB,uBAQdF,KAAAG,aAAeT,CAiKjC,CA/JC,mBAAYU,GACV,OAAOJ,KAAKC,SAASI,QAAOC,GAAWA,EAAQC,MAAMC,OAAS,G,CAGxD,SAAAC,CAAUH,EAAkCI,GAClD,MAAMC,EAAYL,EAAQM,GAAGC,QAAQ,kBAAmB,KACxD,MAAO,yBAAyBb,KAAKG,cAAcO,KAASC,G,CAGtD,YAAAG,CACNR,EACAS,EACAC,EACAC,GAEA,GAAIF,EAAKG,WAAY,OAErB,MAAMC,EAAcnB,KAAKoB,SAASC,KAAK,CACrCV,UAAWL,EAAQM,GACnBU,OAAQP,EAAKH,GACbG,OACAC,OACAC,kBAEF,GAAID,GAAQG,EAAYI,iBAAkBN,EAAcO,gB,CAGlD,WAAAC,CAAYV,GAClB,GAAIA,EAAKW,QAAUC,WAAaZ,EAAKW,QAAU,KAAM,OAAO,KAC5D,MAAMA,EAAQE,OAAOb,EAAKW,OAE1B,GAAIX,EAAKc,IAAK,CACZ,OACEC,EAAA,UACEC,MAAM,8DACNC,MAAON,EACPO,OAAQlB,EAAKc,IAAII,QAAU,UAC3BC,SAAUnB,EAAKc,IAAIK,UAAY,QAC/BC,KAAK,KACLC,QAAO,KACPC,QAAO,M,CAKb,OACEP,EAAA,WACEC,MAAM,8DACNO,QAAQ,mBACRC,MAAM,YACNC,SAAQ,KACRC,KAAK,SACLC,YAAY,eACZC,GAAG,QAEFjB,E,CAKC,UAAAkB,CAAWtC,EAAkCS,GACnD,MAAMC,EAAOD,EAAKG,WAAaS,UAAYkB,EAAe9B,EAAKC,MAC/D,MAAM8B,EAAU,CACd,2BAA4B,KAC5B,qCAAsC/B,EAAKc,KAAOd,EAAKW,OAAS,KAChE,sBAAuB,KACvB,sBAAuB,KACvB,wBAAyBX,EAAKG,YAEhC,MAAM6B,EAAU,CACdjB,EAAA,WACEC,MAAM,+FACNO,QAAQ,mBACRC,MAAM,YACNE,KAAK,UACLE,GAAG,QAEF5B,EAAKiB,OAERhC,KAAKyB,YAAYV,IAGnB,GAAIC,EAAM,CACR,OACEc,EAAA,KACEC,MAAOe,EACP9B,KAAMA,EACNgC,QAAUC,GAAsBjD,KAAKc,aAAaR,EAASS,EAAMC,EAAMiC,IAEtEF,E,CAKP,OACEjB,EAAA,UACEoB,KAAK,SACLnB,MAAOe,EACPK,SAAUpC,EAAKG,YAAcS,UAC7BqB,QAAUC,GAAsBjD,KAAKc,aAAaR,EAASS,EAAMY,UAAWsB,IAE3EF,E,CAKP,MAAAK,GACE,MAAMnD,EAAWD,KAAKI,gBAEtB,OACE0B,EAACuB,EAAI,CAAAC,IAAA,4CACFrD,EAASO,OACRP,EAASsD,KAAI,CAACjD,EAASkD,IACrB1B,EAAA,OAAKC,MAAM,6BACRyB,EAAe,EACd1B,EAAA,OAAKC,MAAM,+BACTD,EAAA,cACE2B,MAAM,YACNjD,OAAO,6CAGT,KACJsB,EAAA,WACEC,MAAM,8BAA6B,kBAClB/B,KAAKS,UAAUH,EAASkD,IAEzC1B,EAAA,WACElB,GAAIZ,KAAKS,UAAUH,EAASkD,GAC5BzB,MAAM,sCACNO,QAAQ,mBACRE,SAAQ,KACRD,MAAM,UACNE,KAAK,UACLE,GAAG,MAEFrC,EAAQoD,SAEX5B,EAAA,MAAIC,MAAM,4BACPzB,EAAQC,MAAMgD,KAAIxC,GACjBe,EAAA,UAAK9B,KAAK4C,WAAWtC,EAASS,WAOxCe,EAAA,WACEC,MAAM,4BACNO,QAAQ,mBACRC,MAAM,YACNE,KAAK,UACLE,GAAG,KAEF3C,KAAKE,c","ignoreList":[]}
+{"version":3,"names":["cardActionCenterCss","nextCardActionCenterId","CardActionCenter","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","sections","emptyMessage","isLoading","instanceId","visibleSections","filter","section","items","length","headingId","index","sectionId","id","replace","handleAction","item","href","originalEvent","isInactive","actionEvent","dsAction","emit","itemId","defaultPrevented","preventDefault","renderValue","value","undefined","String","tag","h","class","preserveLayout","variant","rounded","label","intent","contrast","size","isInset","color","emphasis","wrap","fontFeature","as","renderItem","resolveSafeUrl","classes","content","width","onClick","event","type","disabled","inert","render","Host","key","map","sectionIndex","inset","heading","textVariant"],"sources":["src/wc/components/CardActionCenter/CardActionCenter.css?tag=ds-card-action-center&encapsulation=scoped","src/wc/components/CardActionCenter/CardActionCenter.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n@import '../../utils/interaction-fill.css';\n@import '../../utils/focus-ring.css';\n@import '../../utils/control-inactive.css';\n@import '../../utils/forced-colors.css';\n\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  min-width: 0;\n  padding: calc(var(--dimension-space-100) - var(--dimension-stroke-width-012));\n  box-sizing: border-box;\n  border: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);\n  border-radius: var(--ds-radius-card);\n  background: var(--color-background-primary);\n}\n\n.card-action-center__group,\n.card-action-center__section {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.card-action-center__section {\n  gap: var(--dimension-space-050);\n}\n\n.card-action-center__divider {\n  display: flex;\n  flex: 0 0 var(--dimension-space-400);\n  align-items: center;\n  min-width: 0;\n}\n\n.card-action-center__section-heading {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  min-width: 0;\n  min-height: var(--dimension-size-400);\n  padding-inline: var(--dimension-space-100);\n  box-sizing: border-box;\n  user-select: none;\n}\n\n.card-action-center__list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--dimension-space-050);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.card-action-center__item {\n  display: flex;\n  align-items: center;\n  gap: var(--dimension-space-050);\n  width: 100%;\n  height: var(--dimension-size-400);\n  padding: 0 var(--dimension-space-075);\n  overflow: hidden;\n  box-sizing: border-box;\n  appearance: none;\n  border: none;\n  border-radius: var(--dimension-radius-025);\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: start;\n  text-decoration: none;\n}\n\n.card-action-center__item--tagged {\n  padding-inline-end: var(--dimension-space-075);\n}\n\n.card-action-center__item-content {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  gap: var(--dimension-space-025);\n  min-width: 0;\n  padding-inline: var(--dimension-space-025);\n}\n\n.card-action-center__item-label {\n  display: block;\n  min-width: 0;\n}\n\n.card-action-center__item-value {\n  flex: 0 0 auto;\n}\n\n.card-action-center__item-value ds-tag {\n  font-variant-numeric: tabular-nums;\n  font-feature-settings: 'tnum';\n}\n\n.card-action-center__section-heading,\n.card-action-center__item-label {\n  position: relative;\n}\n\n:host(.card-action-center--loading) .card-action-center__copy {\n  visibility: hidden;\n}\n\n.card-action-center__copy-skeleton {\n  position: absolute;\n  inset-block-start: 50%;\n  transform: translateY(-50%);\n}\n\n.card-action-center__empty {\n  margin: 0;\n  padding: var(--dimension-space-100);\n  text-align: center;\n}\n\n@media (forced-colors: active) {\n  :host {\n    border-color: var(--ds-forced-color-content);\n    background: var(--ds-forced-color-surface);\n  }\n}\n\n.card-action-center__section-heading .card-action-center__copy-skeleton {\n  inset-inline-start: var(--dimension-space-100);\n}\n.card-action-center__item-label .card-action-center__copy-skeleton {\n  inset-inline-start: var(--dimension-space-025);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { resolveSafeUrl } from '../../utils';\nimport type { TagContrast, TagIntent } from '../Tag/Tag';\n\nexport interface CardActionCenterTag {\n  intent?: TagIntent;\n  contrast?: TagContrast;\n}\n\nexport interface CardActionCenterItem {\n  id: string;\n  label: string;\n  value?: string | number;\n  tag?: CardActionCenterTag;\n  href?: string;\n  isInactive?: boolean;\n}\n\nexport interface CardActionCenterSection {\n  id: string;\n  heading: string;\n  items: ReadonlyArray<CardActionCenterItem>;\n}\n\nexport interface CardActionCenterActionDetail {\n  sectionId: string;\n  itemId: string;\n  item: CardActionCenterItem;\n  href?: string;\n  originalEvent: MouseEvent;\n}\n\nlet nextCardActionCenterId = 0;\n\n@Component({\n  tag: 'ds-card-action-center',\n  styleUrl: 'CardActionCenter.css',\n  scoped: true,\n})\nexport class CardActionCenter {\n  /** Ordered groups of actions rendered in the card. Empty groups are omitted. */\n  @Prop() sections: ReadonlyArray<CardActionCenterSection> = [];\n\n  /** Copy shown when no section contains an action. */\n  @Prop() emptyMessage: string = 'No actions available';\n  /** Retain sections and rows while replacing their headings, labels, and values with skeletons. */\n  @Prop() isLoading: boolean = false;\n\n  /**\n   * Emitted when an available row is activated. When a row has an `href`,\n   * prevent this event to take over navigation with an application router.\n   */\n  @Event({ cancelable: true }) dsAction!: EventEmitter<CardActionCenterActionDetail>;\n\n  private readonly instanceId = ++nextCardActionCenterId;\n\n  private get visibleSections(): ReadonlyArray<CardActionCenterSection> {\n    return this.sections.filter(section => section.items.length > 0);\n  }\n\n  private headingId(section: CardActionCenterSection, index: number): string {\n    const sectionId = section.id.replace(/[^a-zA-Z0-9_-]/g, '-');\n    return `ds-card-action-center-${this.instanceId}-${index}-${sectionId}`;\n  }\n\n  private handleAction(\n    section: CardActionCenterSection,\n    item: CardActionCenterItem,\n    href: string | undefined,\n    originalEvent: MouseEvent\n  ) {\n    if (item.isInactive || this.isLoading) return;\n\n    const actionEvent = this.dsAction.emit({\n      sectionId: section.id,\n      itemId: item.id,\n      item,\n      href,\n      originalEvent,\n    });\n    if (href && actionEvent.defaultPrevented) originalEvent.preventDefault();\n  }\n\n  private renderValue(item: CardActionCenterItem) {\n    if (item.value === undefined || item.value === null) return null;\n    const value = String(item.value);\n\n    if (item.tag) {\n      return (\n        <ds-skeleton\n          class=\"card-action-center__item-value\"\n          preserveLayout\n          isLoading={this.isLoading}\n          variant=\"control\"\n          rounded\n        >\n          <ds-tag\n            class=\"ds-interaction-fill__content\"\n            label={value}\n            intent={item.tag.intent ?? 'neutral'}\n            contrast={item.tag.contrast ?? 'faint'}\n            size=\"sm\"\n            isInset\n            rounded\n          ></ds-tag>\n        </ds-skeleton>\n      );\n    }\n\n    return (\n      <ds-skeleton class=\"card-action-center__item-value\" preserveLayout isLoading={this.isLoading}>\n        <ds-text\n          class=\"ds-interaction-fill__content\"\n          variant=\"text-body-medium\"\n          color=\"secondary\"\n          emphasis\n          wrap=\"nowrap\"\n          fontFeature=\"tabular-nums\"\n          as=\"span\"\n        >\n          {value}\n        </ds-text>\n      </ds-skeleton>\n    );\n  }\n\n  private renderItem(section: CardActionCenterSection, item: CardActionCenterItem) {\n    const href = item.isInactive || this.isLoading ? undefined : resolveSafeUrl(item.href);\n    const classes = {\n      'card-action-center__item': true,\n      'card-action-center__item--tagged': !!item.tag && item.value != null,\n      'ds-interaction-fill': true,\n      'ds-focus-ring-inset': true,\n      'ds-control-inactive': !!item.isInactive && !this.isLoading,\n    };\n    const content = [\n      <ds-text\n        class=\"card-action-center__item-content card-action-center__item-label ds-interaction-fill__content\"\n        variant=\"text-body-medium\"\n        color=\"secondary\"\n        wrap=\"balance\"\n        as=\"span\"\n        aria-hidden={this.isLoading ? 'true' : undefined}\n      >\n        <span class=\"card-action-center__copy\">{item.label}</span>\n        {this.isLoading && <ds-skeleton class=\"card-action-center__copy-skeleton\" width=\"75%\" />}\n      </ds-text>,\n      this.renderValue(item),\n    ];\n\n    if (href) {\n      return (\n        <a\n          class={classes}\n          href={href}\n          onClick={(event: MouseEvent) => this.handleAction(section, item, href, event)}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        class={classes}\n        disabled={this.isLoading || item.isInactive || undefined}\n        inert={this.isLoading}\n        aria-hidden={this.isLoading ? 'true' : undefined}\n        onClick={(event: MouseEvent) => this.handleAction(section, item, undefined, event)}\n      >\n        {content}\n      </button>\n    );\n  }\n\n  render() {\n    const sections = this.visibleSections;\n\n    return (\n      <Host\n        class={{ 'card-action-center--loading': this.isLoading }}\n        aria-busy={this.isLoading ? 'true' : undefined}\n      >\n        {sections.length ? (\n          sections.map((section, sectionIndex) => (\n            <div class=\"card-action-center__group\">\n              {sectionIndex > 0 ? (\n                <div class=\"card-action-center__divider\">\n                  <ds-divider\n                    inset=\"space-100\"\n                    length=\"calc(100% - var(--dimension-space-200))\"\n                  ></ds-divider>\n                </div>\n              ) : null}\n              <section\n                class=\"card-action-center__section\"\n                aria-labelledby={this.headingId(section, sectionIndex)}\n              >\n                <ds-text\n                  id={this.headingId(section, sectionIndex)}\n                  class=\"card-action-center__section-heading\"\n                  variant=\"text-title-small\"\n                  emphasis\n                  color=\"primary\"\n                  wrap=\"balance\"\n                  as=\"h2\"\n                  aria-hidden={this.isLoading ? 'true' : undefined}\n                >\n                  <span class=\"card-action-center__copy\">{section.heading}</span>\n                  {this.isLoading && (\n                    <ds-skeleton\n                      class=\"card-action-center__copy-skeleton\"\n                      textVariant=\"text-title-small\"\n                      width=\"min(60%, calc(var(--dimension-size-800) * 2))\"\n                    />\n                  )}\n                </ds-text>\n                <ul class=\"card-action-center__list\">\n                  {section.items.map(item => (\n                    <li>{this.renderItem(section, item)}</li>\n                  ))}\n                </ul>\n              </section>\n            </div>\n          ))\n        ) : (\n          <ds-text\n            class=\"card-action-center__empty\"\n            variant=\"text-body-medium\"\n            color=\"secondary\"\n            wrap=\"balance\"\n            as=\"p\"\n          >\n            {this.emptyMessage}\n          </ds-text>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"qRAAA,MAAMA,EAAsB,IAAM,owhBCgClC,IAAIC,EAAyB,E,MAOhBC,EAAgBC,EAAA,MAAAD,UAAAE,EAL7B,WAAAC,CAAAC,G,+EAOUC,KAAAC,SAAmD,GAGnDD,KAAAE,aAAuB,uBAEvBF,KAAAG,UAAqB,MAQZH,KAAAI,aAAeV,CA0LjC,CAxLC,mBAAYW,GACV,OAAOL,KAAKC,SAASK,QAAOC,GAAWA,EAAQC,MAAMC,OAAS,G,CAGxD,SAAAC,CAAUH,EAAkCI,GAClD,MAAMC,EAAYL,EAAQM,GAAGC,QAAQ,kBAAmB,KACxD,MAAO,yBAAyBd,KAAKI,cAAcO,KAASC,G,CAGtD,YAAAG,CACNR,EACAS,EACAC,EACAC,GAEA,GAAIF,EAAKG,YAAcnB,KAAKG,UAAW,OAEvC,MAAMiB,EAAcpB,KAAKqB,SAASC,KAAK,CACrCV,UAAWL,EAAQM,GACnBU,OAAQP,EAAKH,GACbG,OACAC,OACAC,kBAEF,GAAID,GAAQG,EAAYI,iBAAkBN,EAAcO,gB,CAGlD,WAAAC,CAAYV,GAClB,GAAIA,EAAKW,QAAUC,WAAaZ,EAAKW,QAAU,KAAM,OAAO,KAC5D,MAAMA,EAAQE,OAAOb,EAAKW,OAE1B,GAAIX,EAAKc,IAAK,CACZ,OACEC,EAAA,eACEC,MAAM,iCACNC,eAAc,KACd9B,UAAWH,KAAKG,UAChB+B,QAAQ,UACRC,QAAO,MAEPJ,EAAA,UACEC,MAAM,+BACNI,MAAOT,EACPU,OAAQrB,EAAKc,IAAIO,QAAU,UAC3BC,SAAUtB,EAAKc,IAAIQ,UAAY,QAC/BC,KAAK,KACLC,QAAO,KACPL,QAAO,O,CAMf,OACEJ,EAAA,eAAaC,MAAM,iCAAiCC,eAAc,KAAC9B,UAAWH,KAAKG,WACjF4B,EAAA,WACEC,MAAM,+BACNE,QAAQ,mBACRO,MAAM,YACNC,SAAQ,KACRC,KAAK,SACLC,YAAY,eACZC,GAAG,QAEFlB,G,CAMD,UAAAmB,CAAWvC,EAAkCS,GACnD,MAAMC,EAAOD,EAAKG,YAAcnB,KAAKG,UAAYyB,UAAYmB,EAAe/B,EAAKC,MACjF,MAAM+B,EAAU,CACd,2BAA4B,KAC5B,qCAAsChC,EAAKc,KAAOd,EAAKW,OAAS,KAChE,sBAAuB,KACvB,sBAAuB,KACvB,wBAAyBX,EAAKG,aAAenB,KAAKG,WAEpD,MAAM8C,EAAU,CACdlB,EAAA,WACEC,MAAM,+FACNE,QAAQ,mBACRO,MAAM,YACNE,KAAK,UACLE,GAAG,OAAM,cACI7C,KAAKG,UAAY,OAASyB,WAEvCG,EAAA,QAAMC,MAAM,4BAA4BhB,EAAKoB,OAC5CpC,KAAKG,WAAa4B,EAAA,eAAaC,MAAM,oCAAoCkB,MAAM,SAElFlD,KAAK0B,YAAYV,IAGnB,GAAIC,EAAM,CACR,OACEc,EAAA,KACEC,MAAOgB,EACP/B,KAAMA,EACNkC,QAAUC,GAAsBpD,KAAKe,aAAaR,EAASS,EAAMC,EAAMmC,IAEtEH,E,CAKP,OACElB,EAAA,UACEsB,KAAK,SACLrB,MAAOgB,EACPM,SAAUtD,KAAKG,WAAaa,EAAKG,YAAcS,UAC/C2B,MAAOvD,KAAKG,UAAS,cACRH,KAAKG,UAAY,OAASyB,UACvCuB,QAAUC,GAAsBpD,KAAKe,aAAaR,EAASS,EAAMY,UAAWwB,IAE3EH,E,CAKP,MAAAO,GACE,MAAMvD,EAAWD,KAAKK,gBAEtB,OACE0B,EAAC0B,EAAI,CAAAC,IAAA,2CACH1B,MAAO,CAAE,8BAA+BhC,KAAKG,WAAW,YAC7CH,KAAKG,UAAY,OAASyB,WAEpC3B,EAASQ,OACRR,EAAS0D,KAAI,CAACpD,EAASqD,IACrB7B,EAAA,OAAKC,MAAM,6BACR4B,EAAe,EACd7B,EAAA,OAAKC,MAAM,+BACTD,EAAA,cACE8B,MAAM,YACNpD,OAAO,6CAGT,KACJsB,EAAA,WACEC,MAAM,8BAA6B,kBAClBhC,KAAKU,UAAUH,EAASqD,IAEzC7B,EAAA,WACElB,GAAIb,KAAKU,UAAUH,EAASqD,GAC5B5B,MAAM,sCACNE,QAAQ,mBACRQ,SAAQ,KACRD,MAAM,UACNE,KAAK,UACLE,GAAG,KAAI,cACM7C,KAAKG,UAAY,OAASyB,WAEvCG,EAAA,QAAMC,MAAM,4BAA4BzB,EAAQuD,SAC/C9D,KAAKG,WACJ4B,EAAA,eACEC,MAAM,oCACN+B,YAAY,mBACZb,MAAM,mDAIZnB,EAAA,MAAIC,MAAM,4BACPzB,EAAQC,MAAMmD,KAAI3C,GACjBe,EAAA,UAAK/B,KAAK8C,WAAWvC,EAASS,WAOxCe,EAAA,WACEC,MAAM,4BACNE,QAAQ,mBACRO,MAAM,YACNE,KAAK,UACLE,GAAG,KAEF7C,KAAKE,c","ignoreList":[]}

package/dist/components/ds-card-chart.js

@@ -1,2 +1,2 @@
-import{p as r,H as s,c as a,h as d,a as c,t as e}from"./index.js";import{d as t}from"./p-CzTJAO2J.js";import{d as i}from"./p-CC4X8rpT.js";import{d as o}from"./p-BVsVUnAw.js";import{d as n}from"./p-0XTyQNRG.js";import{d as h}from"./p-CTAF7SkL.js";import{d as l}from"./p-BkKdzYZP.js";const m=()=>`.sc-ds-card-chart-h,.sc-ds-card-chart:where(.ds-table),.sc-ds-card-chart:where(.tooltip-popup),.sc-ds-card-chart:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-card-chart,.ds-control--lg.sc-ds-card-chart-h,.ds-control--md.sc-ds-card-chart-h,.ds-control--md.sc-ds-card-chart,.ds-control--sm.sc-ds-card-chart-h,.ds-control--sm.sc-ds-card-chart,.ds-control--xs.sc-ds-card-chart-h,.ds-control--xs.sc-ds-card-chart{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-card-chart-h,.ds-control--lg.sc-ds-card-chart{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-card-chart-h,.ds-control--md.sc-ds-card-chart{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-card-chart-h,.ds-control--sm.sc-ds-card-chart{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-card-chart-h,.ds-control--xs.sc-ds-card-chart{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-header.sc-ds-card-chart{display:flex;align-items:center;box-sizing:border-box;min-width:0;min-block-size:var(--dimension-size-600);padding:var(--dimension-space-100);gap:var(--dimension-space-100)}.ds-chrome-header--wrapping.sc-ds-card-chart{flex-wrap:wrap}.ds-chrome-header--bounded.sc-ds-card-chart{border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.ds-chrome-header__leading.sc-ds-card-chart,.ds-chrome-header__trailing.sc-ds-card-chart{display:flex;align-items:center;flex:0 0 auto;min-width:0}.ds-chrome-header__trailing.sc-ds-card-chart{margin-inline-start:auto;gap:var(--dimension-space-100)}.ds-chrome-header__copy.sc-ds-card-chart{display:flex;flex:1 1 0;min-width:0;padding:var(--ds-control-padding-inline, var(--dimension-space-075));box-sizing:border-box}.ds-chrome-header__copy--wrapping.sc-ds-card-chart{align-items:baseline;flex-wrap:wrap;column-gap:var(--dimension-space-100);row-gap:var(--dimension-space-050)}.ds-chrome-header__copy--stacked.sc-ds-card-chart{align-items:stretch;flex-direction:column;gap:var(--dimension-space-050)}.ds-chrome-header__heading.sc-ds-card-chart,.ds-chrome-header__description.sc-ds-card-chart{width:auto;min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025));box-sizing:border-box}.ds-chrome-header__heading.sc-ds-card-chart{flex:0 1 auto}.ds-chrome-header__copy--wrapping.sc-ds-card-chart .ds-chrome-header__description.sc-ds-card-chart{flex:1 1 var(--dimension-card-width-xs)}@media (forced-colors: active){.sc-ds-card-chart:root,.sc-ds-card-chart-h,.ds-forced-colors-scope.sc-ds-card-chart{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-card-chart-h{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:var(--_card-chart-width);min-height:var(--_card-chart-min-height);max-width:100%;overflow:visible;border:none;border-radius:var(--ds-radius-card);background-color:var(--color-background-primary);box-shadow:var(--effect-shadow-elevated-sm)}.sc-ds-card-chart-h::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--effect-highlight-elevated-sm);pointer-events:none}.card-chart__header.sc-ds-card-chart{flex-shrink:0;border-bottom:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.card-chart__copy.sc-ds-card-chart{align-items:center}ds-text.card-chart__title.sc-ds-card-chart{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.card-chart__actions.sc-ds-card-chart{flex-shrink:0}.card-chart__actions.sc-ds-card-chart:empty{display:none}.card-chart__body.sc-ds-card-chart,.card-chart__layout.sc-ds-card-chart{display:flex;flex:1 1 auto;flex-direction:column;box-sizing:border-box;min-height:0}.card-chart__body.sc-ds-card-chart{border-radius:0 0 var(--ds-radius-card) var(--ds-radius-card);background-color:var(--color-background-primary)}.card-chart__layout.sc-ds-card-chart{height:100%;gap:var(--dimension-space-200)}.card-chart__chart.sc-ds-card-chart{display:grid;flex:1 1 auto;align-items:center;box-sizing:border-box;min-height:0;padding:var(--dimension-space-200) var(--dimension-space-200) 0 var(--dimension-space-200)}.card-chart__chart.sc-ds-card-chart>*.sc-ds-card-chart{width:100%;min-width:0;max-width:100%}.card-chart__chart.sc-ds-card-chart>ds-chart.sc-ds-card-chart{--ds-chart-container-height:100%}.card-chart__legend.sc-ds-card-chart{flex:0 0 auto;box-sizing:border-box;padding:0 var(--dimension-space-100) var(--dimension-space-100) var(--dimension-space-100)}@media (forced-colors: active){.sc-ds-card-chart-h{box-shadow:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.sc-ds-card-chart-h::after{box-shadow:none}}`;const p={sm:"var(--dimension-card-width-sm)",md:"var(--dimension-card-width-md)",lg:"var(--dimension-card-width-lg)"};const g={sm:"var(--dimension-card-height-sm)",md:"var(--dimension-card-height-md)",lg:"var(--dimension-card-height-lg)"};const b=r(class r extends s{constructor(r){super();if(r!==false){this.__registerHost()}this.dsFilterClick=a(this,"dsFilterClick",7);this.variant="custom";this.cardWidth="md";this.showFilter=false;this.filterLabel="Filter";this.hasChartSlot=false;this.hasLegendSlot=false;this.handleFilterClick=()=>{this.dsFilterClick.emit()}}componentWillRender(){this.hasChartSlot=!!this.el.querySelector('[slot="chart"]');this.hasLegendSlot=!!this.el.querySelector('[slot="legend"]')}componentDidRender(){const r=this.el.querySelector('ds-chart-legend[slot="legend"]');if(this.variant==="chart"&&r){r.setAttribute("highlight-on-hover","false");if("highlightOnHover"in r)r.highlightOnHover=false}}render(){const r=this.variant!=="custom"||this.hasChartSlot;return d(c,{key:"de80aeeffd1b52cdebd8a0cb453c0e68a5b46017",class:{"card-chart":true,[`card-chart--${this.variant}`]:true},style:{"--_card-chart-width":p[this.cardWidth],"--_card-chart-min-height":g[this.cardWidth]}},d("header",{key:"5903c66868fc6ae6c55ee706ce68b593fe4c0138",class:"card-chart__header ds-chrome-header"},d("div",{key:"97529ce51f229725dabc39c819e8f23f0e1463cb",class:"card-chart__copy ds-chrome-header__copy ds-control--md"},d("ds-text",{key:"4a56b37c2ec5a2d4dc7105efcbc542255af5ab14",class:"card-chart__title ds-chrome-header__heading",variant:"text-title-small",emphasis:true,color:"primary",as:"h2"},this.heading)),d("div",{key:"2e44b8601ba7c7f1cef25c1191a474fac9434c92",class:"card-chart__actions ds-chrome-header__trailing"},this.showFilter?d("ds-button-unfilled",{variant:"icon",type:"button",icon:"Filters","aria-label":this.filterLabel,onDsClick:this.handleFilterClick}):null,d("slot",{key:"0689a7fc9e6da4a3ed85ddbf78b623db6263617d",name:"actions"}))),d("div",{key:"87ce086669e5acab78e6ae3fb896924e5eb9c734",class:"card-chart__body"},r?d("div",{class:"card-chart__layout"},this.hasChartSlot?d("div",{class:{"card-chart__chart":true}},d("slot",{name:"chart"})):null,this.hasLegendSlot?d("div",{class:"card-chart__legend"},d("slot",{name:"legend"})):null,d("slot",null)):d("slot",null)))}get el(){return this}static get style(){return m()}},[262,"ds-card-chart",{heading:[1],variant:[1],cardWidth:[1,"card-width"],showFilter:[4,"show-filter"],filterLabel:[1,"filter-label"],hasChartSlot:[32],hasLegendSlot:[32]}]);function v(){if(typeof customElements==="undefined"){return}const r=["ds-card-chart","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];r.forEach((r=>{switch(r){case"ds-card-chart":if(!customElements.get(e(r))){customElements.define(e(r),b)}break;case"ds-badge":if(!customElements.get(e(r))){t()}break;case"ds-button-unfilled":if(!customElements.get(e(r))){i()}break;case"ds-icon":if(!customElements.get(e(r))){o()}break;case"ds-loader":if(!customElements.get(e(r))){n()}break;case"ds-text":if(!customElements.get(e(r))){h()}break;case"ds-tooltip":if(!customElements.get(e(r))){l()}break}}))}v();const f=b;const u=v;export{f as DsCardChart,u as defineCustomElement};
+import{p as s,H as a,c as r,h as d,a as c,t as e}from"./index.js";import{d as t}from"./p-8fddX3V3.js";import{d as i}from"./p-WEffoQQD.js";import{d as o}from"./p-BVsVUnAw.js";import{d as n}from"./p-0XTyQNRG.js";import{d as h}from"./p-DcvPY30Q.js";import{d as l}from"./p-DMPn_dt7.js";import{d as m}from"./p-BMI0F08u.js";const p=()=>`.sc-ds-card-chart-h,.sc-ds-card-chart:where(.ds-table),.sc-ds-card-chart:where(.tooltip-popup),.sc-ds-card-chart:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-card-chart,.ds-control--lg.sc-ds-card-chart-h,.ds-control--md.sc-ds-card-chart-h,.ds-control--md.sc-ds-card-chart,.ds-control--sm.sc-ds-card-chart-h,.ds-control--sm.sc-ds-card-chart,.ds-control--xs.sc-ds-card-chart-h,.ds-control--xs.sc-ds-card-chart{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-card-chart-h,.ds-control--lg.sc-ds-card-chart{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-card-chart-h,.ds-control--md.sc-ds-card-chart{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-card-chart-h,.ds-control--sm.sc-ds-card-chart{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-card-chart-h,.ds-control--xs.sc-ds-card-chart{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-chrome-header.sc-ds-card-chart{display:flex;align-items:center;box-sizing:border-box;min-width:0;min-block-size:var(--dimension-size-600);padding:var(--dimension-space-100);gap:var(--dimension-space-100)}.ds-chrome-header--wrapping.sc-ds-card-chart{flex-wrap:wrap}.ds-chrome-header--bounded.sc-ds-card-chart{border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.ds-chrome-header__leading.sc-ds-card-chart,.ds-chrome-header__trailing.sc-ds-card-chart{display:flex;align-items:center;flex:0 0 auto;min-width:0}.ds-chrome-header__trailing.sc-ds-card-chart{margin-inline-start:auto;gap:var(--dimension-space-100)}.ds-chrome-header__copy.sc-ds-card-chart{display:flex;flex:1 1 0;min-width:0;padding:var(--ds-control-padding-inline, var(--dimension-space-075));box-sizing:border-box}.ds-chrome-header__copy--wrapping.sc-ds-card-chart{align-items:baseline;flex-wrap:wrap;column-gap:var(--dimension-space-100);row-gap:var(--dimension-space-050)}.ds-chrome-header__copy--stacked.sc-ds-card-chart{align-items:stretch;flex-direction:column;gap:var(--dimension-space-050)}.ds-chrome-header__heading.sc-ds-card-chart,.ds-chrome-header__description.sc-ds-card-chart{width:auto;min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025));box-sizing:border-box}.ds-chrome-header__heading.sc-ds-card-chart{flex:0 1 auto}.ds-chrome-header__copy--wrapping.sc-ds-card-chart .ds-chrome-header__description.sc-ds-card-chart{flex:1 1 var(--dimension-card-width-xs)}@media (forced-colors: active){.sc-ds-card-chart:root,.sc-ds-card-chart-h,.ds-forced-colors-scope.sc-ds-card-chart{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-card-chart-h{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:var(--_card-chart-width);min-height:var(--_card-chart-min-height);max-width:100%;overflow:visible;border:none;border-radius:var(--ds-radius-card);background-color:var(--color-background-primary);box-shadow:var(--effect-shadow-elevated-sm)}.sc-ds-card-chart-h::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--effect-highlight-elevated-sm);pointer-events:none}.card-chart__header.sc-ds-card-chart{flex-shrink:0;border-bottom:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.card-chart__copy.sc-ds-card-chart{position:relative;align-items:center}ds-text.card-chart__title.sc-ds-card-chart{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.card-chart__actions.sc-ds-card-chart{flex-shrink:0}.card-chart__actions.sc-ds-card-chart:empty{display:none}.card-chart__body.sc-ds-card-chart,.card-chart__layout.sc-ds-card-chart{display:flex;flex:1 1 auto;flex-direction:column;box-sizing:border-box;min-height:0}.card-chart__body.sc-ds-card-chart{border-radius:0 0 var(--ds-radius-card) var(--ds-radius-card);background-color:var(--color-background-primary)}.card-chart__layout.sc-ds-card-chart{height:100%;gap:var(--dimension-space-200)}.card-chart__chart.sc-ds-card-chart{position:relative;display:grid;flex:1 1 auto;align-items:center;box-sizing:border-box;min-height:0;padding:var(--dimension-space-200) var(--dimension-space-200) 0 var(--dimension-space-200)}.card-chart__chart.sc-ds-card-chart>*.sc-ds-card-chart{width:100%;min-width:0;max-width:100%}.card-chart__chart.sc-ds-card-chart>ds-chart.sc-ds-card-chart{--ds-chart-container-height:100%}.card-chart__legend.sc-ds-card-chart{position:relative;flex:0 0 auto;box-sizing:border-box;padding:0 var(--dimension-space-100) var(--dimension-space-100) var(--dimension-space-100)}.card-chart--loading.sc-ds-card-chart-h .card-chart__title.sc-ds-card-chart,.card-chart--loading.sc-ds-card-chart-h .card-chart__chart.sc-ds-card-chart,.card-chart--loading.sc-ds-card-chart-h .card-chart__legend.sc-ds-card-chart{visibility:hidden}.card-chart__heading-skeleton.sc-ds-card-chart{position:absolute;inset-inline-start:calc(var(--ds-control-padding-inline) + var(--ds-control-label-inset));width:min(60%, calc(var(--dimension-size-800) * 2))}.card-chart__chart.sc-ds-card-chart>.card-chart__plot-skeleton.sc-ds-card-chart{visibility:visible;position:absolute;inset:var(--dimension-space-200);width:auto;height:auto}@media (forced-colors: active){.sc-ds-card-chart-h{box-shadow:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.sc-ds-card-chart-h::after{box-shadow:none}}.card-chart__legend-skeleton.sc-ds-card-chart{position:absolute;inset-block-start:0;inset-inline-start:var(--dimension-space-100);visibility:visible}`;const g={sm:"var(--dimension-card-width-sm)",md:"var(--dimension-card-width-md)",lg:"var(--dimension-card-width-lg)"};const v={sm:"var(--dimension-card-height-sm)",md:"var(--dimension-card-height-md)",lg:"var(--dimension-card-height-lg)"};const b=s(class s extends a{constructor(s){super();if(s!==false){this.__registerHost()}this.dsFilterClick=r(this,"dsFilterClick",7);this.variant="custom";this.cardWidth="md";this.showFilter=false;this.filterLabel="Filter";this.isLoading=false;this.hasChartSlot=false;this.hasLegendSlot=false;this.handleFilterClick=()=>{if(this.isLoading)return;this.dsFilterClick.emit()}}componentWillRender(){this.hasChartSlot=!!this.el.querySelector('[slot="chart"]');this.hasLegendSlot=!!this.el.querySelector('[slot="legend"]')}componentDidRender(){const s=this.el.querySelector('ds-chart-legend[slot="legend"]');if(this.variant==="chart"&&s){s.setAttribute("highlight-on-hover","false");if("highlightOnHover"in s)s.highlightOnHover=false}}render(){const s=this.variant!=="custom"||this.hasChartSlot;return d(c,{key:"e280eb938c479571859074cf6d2c14adfaf31fb5",class:{"card-chart":true,[`card-chart--${this.variant}`]:true,"card-chart--loading":this.isLoading},"aria-busy":this.isLoading?"true":undefined,style:{"--_card-chart-width":g[this.cardWidth],"--_card-chart-min-height":v[this.cardWidth]}},d("header",{key:"c7812a002137aef19139561f18f7d38e302124e0",class:"card-chart__header ds-chrome-header"},d("div",{key:"7dde68b17fc6d0a46530eabbc7aa2598e0db9652",class:"card-chart__copy ds-chrome-header__copy ds-control--md"},d("ds-text",{key:"fca9bb15e279b0b33023042f30a5c0e4ddb4cbd2",class:"card-chart__title ds-chrome-header__heading",variant:"text-title-small",emphasis:true,color:"primary",as:"h2","aria-hidden":this.isLoading?"true":undefined},this.heading),this.isLoading&&d("ds-skeleton",{key:"758c28f90a4472c93992b7975bb1e6ff5e902239",class:"card-chart__heading-skeleton",textVariant:"text-title-small"})),d("div",{key:"545a97ce1dad3de2bd16088fd3db1dd9b4f075c5",class:"card-chart__actions ds-chrome-header__trailing"},this.showFilter?d("ds-skeleton",{preserveLayout:true,isLoading:this.isLoading,variant:"control",controlAppearance:"outlined",controlContent:"icon"},d("ds-button-unfilled",{variant:"icon",type:"button",icon:"Filters","aria-label":this.filterLabel,onDsClick:this.handleFilterClick})):null,d("slot",{key:"dc67bc5e7a099548f28a6ae08fe37629e7248e20",name:"actions"}))),d("div",{key:"d43bdc8973367085fae0f3c07dc98bc097131e55",class:"card-chart__body"},s?d("div",{class:"card-chart__layout"},this.hasChartSlot||this.isLoading?d("div",{class:{"card-chart__chart":true}},d("slot",{name:"chart"}),this.isLoading&&d("ds-skeleton",{class:"card-chart__plot-skeleton",variant:"control"})):null,this.hasLegendSlot?d("div",{class:"card-chart__legend"},d("slot",{name:"legend"}),this.isLoading&&d("ds-skeleton",{class:"card-chart__legend-skeleton",width:"min(60%, calc(var(--dimension-size-800) * 2))"})):null,d("slot",null)):d("slot",null)))}get el(){return this}static get style(){return p()}},[262,"ds-card-chart",{heading:[1],variant:[1],cardWidth:[1,"card-width"],showFilter:[4,"show-filter"],filterLabel:[1,"filter-label"],isLoading:[4,"is-loading"],hasChartSlot:[32],hasLegendSlot:[32]}]);function u(){if(typeof customElements==="undefined"){return}const s=["ds-card-chart","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-skeleton","ds-text","ds-tooltip"];s.forEach((s=>{switch(s){case"ds-card-chart":if(!customElements.get(e(s))){customElements.define(e(s),b)}break;case"ds-badge":if(!customElements.get(e(s))){t()}break;case"ds-button-unfilled":if(!customElements.get(e(s))){i()}break;case"ds-icon":if(!customElements.get(e(s))){o()}break;case"ds-loader":if(!customElements.get(e(s))){n()}break;case"ds-skeleton":if(!customElements.get(e(s))){h()}break;case"ds-text":if(!customElements.get(e(s))){l()}break;case"ds-tooltip":if(!customElements.get(e(s))){m()}break}}))}u();const f=b;const _=u;export{f as DsCardChart,_ as defineCustomElement};
 //# sourceMappingURL=ds-card-chart.js.map

package/dist/components/ds-card-chart.js.map

@@ -1 +1 @@
-{"version":3,"names":["cardChartCss","CARD_WIDTH_VARS","sm","md","lg","CARD_HEIGHT_VARS","CardChart","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","cardWidth","showFilter","filterLabel","hasChartSlot","hasLegendSlot","handleFilterClick","dsFilterClick","emit","componentWillRender","el","querySelector","componentDidRender","legend","setAttribute","highlightOnHover","render","usesChartLayout","h","Host","key","class","style","emphasis","color","as","heading","type","icon","onDsClick","name"],"sources":["src/wc/components/CardChart/CardChart.css?tag=ds-card-chart&encapsulation=scoped","src/wc/components/CardChart/CardChart.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n@import '../../utils/chrome-header.css';\n@import '../../utils/forced-colors.css';\n\n:host {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: var(--_card-chart-width);\n  min-height: var(--_card-chart-min-height);\n  max-width: 100%;\n  overflow: visible;\n  border: none;\n  border-radius: var(--ds-radius-card);\n  background-color: var(--color-background-primary);\n  box-shadow: var(--effect-shadow-elevated-sm);\n}\n\n:host::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 4;\n  border-radius: inherit;\n  box-shadow: var(--effect-highlight-elevated-sm);\n  pointer-events: none;\n}\n\n.card-chart__header {\n  flex-shrink: 0;\n  border-bottom: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);\n}\n\n.card-chart__copy {\n  align-items: center;\n}\n\nds-text.card-chart__title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.card-chart__actions {\n  flex-shrink: 0;\n}\n\n.card-chart__actions:empty {\n  display: none;\n}\n\n.card-chart__body,\n.card-chart__layout {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  box-sizing: border-box;\n  min-height: 0;\n}\n\n.card-chart__body {\n  border-radius: 0 0 var(--ds-radius-card) var(--ds-radius-card);\n  background-color: var(--color-background-primary);\n}\n\n.card-chart__layout {\n  height: 100%;\n  gap: var(--dimension-space-200);\n}\n\n.card-chart__chart {\n  display: grid;\n  flex: 1 1 auto;\n  align-items: center;\n  box-sizing: border-box;\n  min-height: 0;\n  padding: var(--dimension-space-200) var(--dimension-space-200) 0 var(--dimension-space-200);\n}\n\n.card-chart__chart > * {\n  width: 100%;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.card-chart__chart > ds-chart {\n  --ds-chart-container-height: 100%;\n}\n\n.card-chart__legend {\n  flex: 0 0 auto;\n  box-sizing: border-box;\n  padding: 0 var(--dimension-space-100) var(--dimension-space-100) var(--dimension-space-100);\n}\n\n@media (forced-colors: active) {\n  :host {\n    box-shadow: none;\n    outline: var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);\n    outline-offset: calc(-1 * var(--dimension-stroke-width-012));\n  }\n\n  :host::after {\n    box-shadow: none;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core';\n\nexport type CardChartWidth = 'sm' | 'md' | 'lg';\nexport type CardChartVariant = 'custom' | 'chart';\n\ntype LegendSlot = HTMLElement & {\n  activeLabel?: string | null;\n  highlightOnHover?: boolean;\n};\n\nconst CARD_WIDTH_VARS: Record<CardChartWidth, string> = {\n  sm: 'var(--dimension-card-width-sm)',\n  md: 'var(--dimension-card-width-md)',\n  lg: 'var(--dimension-card-width-lg)',\n};\n\nconst CARD_HEIGHT_VARS: Record<CardChartWidth, string> = {\n  sm: 'var(--dimension-card-height-sm)',\n  md: 'var(--dimension-card-height-md)',\n  lg: 'var(--dimension-card-height-lg)',\n};\n\n/**\n * Standard chart card chrome and composition. The variant owns\n * only the chart/legend relationship; applications continue to own data.\n */\n@Component({\n  tag: 'ds-card-chart',\n  styleUrl: 'CardChart.css',\n  scoped: true,\n})\nexport class CardChart {\n  @Element() el!: HTMLElement;\n\n  /** Chart heading shown in the card header. */\n  @Prop() heading!: string;\n  /** Chart composition behavior. */\n  @Prop() variant: CardChartVariant = 'custom';\n  /** Width token with the matching chart-card min-height. */\n  @Prop() cardWidth: CardChartWidth = 'md';\n  /** Renders the standard filter action before custom actions. */\n  @Prop() showFilter: boolean = false;\n  @Prop() filterLabel: string = 'Filter';\n\n  /** Emits when the standard header filter control is activated. */\n  @Event() dsFilterClick!: EventEmitter<void>;\n\n  @State() private hasChartSlot = false;\n  @State() private hasLegendSlot = false;\n\n  componentWillRender() {\n    this.hasChartSlot = !!this.el.querySelector('[slot=\"chart\"]');\n    this.hasLegendSlot = !!this.el.querySelector('[slot=\"legend\"]');\n  }\n\n  componentDidRender() {\n    const legend = this.el.querySelector('ds-chart-legend[slot=\"legend\"]') as LegendSlot | null;\n    if (this.variant === 'chart' && legend) {\n      legend.setAttribute('highlight-on-hover', 'false');\n      if ('highlightOnHover' in legend) legend.highlightOnHover = false;\n    }\n  }\n\n  private handleFilterClick = () => {\n    this.dsFilterClick.emit();\n  };\n\n  render() {\n    const usesChartLayout = this.variant !== 'custom' || this.hasChartSlot;\n    return (\n      <Host\n        class={{\n          'card-chart': true,\n          [`card-chart--${this.variant}`]: true,\n        }}\n        style={{\n          '--_card-chart-width': CARD_WIDTH_VARS[this.cardWidth],\n          '--_card-chart-min-height': CARD_HEIGHT_VARS[this.cardWidth],\n        }}\n      >\n        <header class=\"card-chart__header ds-chrome-header\">\n          {/* eslint-disable-next-line compomo/prefer-direct-ds-text -- Shared header copy owns the control-density geometry around the semantic heading. */}\n          <div class=\"card-chart__copy ds-chrome-header__copy ds-control--md\">\n            <ds-text\n              class=\"card-chart__title ds-chrome-header__heading\"\n              variant=\"text-title-small\"\n              emphasis\n              color=\"primary\"\n              as=\"h2\"\n            >\n              {this.heading}\n            </ds-text>\n          </div>\n          <div class=\"card-chart__actions ds-chrome-header__trailing\">\n            {this.showFilter ? (\n              <ds-button-unfilled\n                variant=\"icon\"\n                type=\"button\"\n                icon=\"Filters\"\n                aria-label={this.filterLabel}\n                onDsClick={this.handleFilterClick}\n              />\n            ) : null}\n            <slot name=\"actions\" />\n          </div>\n        </header>\n        <div class=\"card-chart__body\">\n          {usesChartLayout ? (\n            <div class=\"card-chart__layout\">\n              {this.hasChartSlot ? (\n                <div\n                  class={{\n                    'card-chart__chart': true,\n                  }}\n                >\n                  <slot name=\"chart\" />\n                </div>\n              ) : null}\n              {this.hasLegendSlot ? (\n                <div class=\"card-chart__legend\">\n                  <slot name=\"legend\" />\n                </div>\n              ) : null}\n              <slot />\n            </div>\n          ) : (\n            <slot />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0RAAA,MAAMA,EAAe,IAAM,63LCU3B,MAAMC,EAAkD,CACtDC,GAAI,iCACJC,GAAI,iCACJC,GAAI,kCAGN,MAAMC,EAAmD,CACvDH,GAAI,kCACJC,GAAI,kCACJC,GAAI,mC,MAYOE,EAASC,EAAA,MAAAD,UAAAE,EALtB,WAAAC,CAAAC,G,yFAWUC,KAAAC,QAA4B,SAE5BD,KAAAE,UAA4B,KAE5BF,KAAAG,WAAsB,MACtBH,KAAAI,YAAsB,SAKbJ,KAAAK,aAAe,MACfL,KAAAM,cAAgB,MAezBN,KAAAO,kBAAoB,KAC1BP,KAAKQ,cAAcC,MAAM,CAoE5B,CAlFC,mBAAAC,GACEV,KAAKK,eAAiBL,KAAKW,GAAGC,cAAc,kBAC5CZ,KAAKM,gBAAkBN,KAAKW,GAAGC,cAAc,kB,CAG/C,kBAAAC,GACE,MAAMC,EAASd,KAAKW,GAAGC,cAAc,kCACrC,GAAIZ,KAAKC,UAAY,SAAWa,EAAQ,CACtCA,EAAOC,aAAa,qBAAsB,SAC1C,GAAI,qBAAsBD,EAAQA,EAAOE,iBAAmB,K,EAQhE,MAAAC,GACE,MAAMC,EAAkBlB,KAAKC,UAAY,UAAYD,KAAKK,aAC1D,OACEc,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,aAAc,KACd,CAAC,eAAetB,KAAKC,WAAY,MAEnCsB,MAAO,CACL,sBAAuBjC,EAAgBU,KAAKE,WAC5C,2BAA4BR,EAAiBM,KAAKE,aAGpDiB,EAAA,UAAAE,IAAA,2CAAQC,MAAM,uCAEZH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0DACTH,EAAA,WAAAE,IAAA,2CACEC,MAAM,8CACNrB,QAAQ,mBACRuB,SAAQ,KACRC,MAAM,UACNC,GAAG,MAEF1B,KAAK2B,UAGVR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kDACRtB,KAAKG,WACJgB,EAAA,sBACElB,QAAQ,OACR2B,KAAK,SACLC,KAAK,UAAS,aACF7B,KAAKI,YACjB0B,UAAW9B,KAAKO,oBAEhB,KACJY,EAAA,QAAAE,IAAA,2CAAMU,KAAK,cAGfZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACRJ,EACCC,EAAA,OAAKG,MAAM,sBACRtB,KAAKK,aACJc,EAAA,OACEG,MAAO,CACL,oBAAqB,OAGvBH,EAAA,QAAMY,KAAK,WAEX,KACH/B,KAAKM,cACJa,EAAA,OAAKG,MAAM,sBACTH,EAAA,QAAMY,KAAK,YAEX,KACJZ,EAAA,cAGFA,EAAA,c","ignoreList":[]}
+{"version":3,"names":["cardChartCss","CARD_WIDTH_VARS","sm","md","lg","CARD_HEIGHT_VARS","CardChart","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","cardWidth","showFilter","filterLabel","isLoading","hasChartSlot","hasLegendSlot","handleFilterClick","dsFilterClick","emit","componentWillRender","el","querySelector","componentDidRender","legend","setAttribute","highlightOnHover","render","usesChartLayout","h","Host","key","class","undefined","style","emphasis","color","as","heading","textVariant","preserveLayout","controlAppearance","controlContent","type","icon","onDsClick","name","width"],"sources":["src/wc/components/CardChart/CardChart.css?tag=ds-card-chart&encapsulation=scoped","src/wc/components/CardChart/CardChart.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n@import '../../utils/chrome-header.css';\n@import '../../utils/forced-colors.css';\n\n:host {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: var(--_card-chart-width);\n  min-height: var(--_card-chart-min-height);\n  max-width: 100%;\n  overflow: visible;\n  border: none;\n  border-radius: var(--ds-radius-card);\n  background-color: var(--color-background-primary);\n  box-shadow: var(--effect-shadow-elevated-sm);\n}\n\n:host::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 4;\n  border-radius: inherit;\n  box-shadow: var(--effect-highlight-elevated-sm);\n  pointer-events: none;\n}\n\n.card-chart__header {\n  flex-shrink: 0;\n  border-bottom: var(--dimension-stroke-width-012) solid var(--color-border-tertiary);\n}\n\n.card-chart__copy {\n  position: relative;\n  align-items: center;\n}\n\nds-text.card-chart__title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.card-chart__actions {\n  flex-shrink: 0;\n}\n\n.card-chart__actions:empty {\n  display: none;\n}\n\n.card-chart__body,\n.card-chart__layout {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  box-sizing: border-box;\n  min-height: 0;\n}\n\n.card-chart__body {\n  border-radius: 0 0 var(--ds-radius-card) var(--ds-radius-card);\n  background-color: var(--color-background-primary);\n}\n\n.card-chart__layout {\n  height: 100%;\n  gap: var(--dimension-space-200);\n}\n\n.card-chart__chart {\n  position: relative;\n  display: grid;\n  flex: 1 1 auto;\n  align-items: center;\n  box-sizing: border-box;\n  min-height: 0;\n  padding: var(--dimension-space-200) var(--dimension-space-200) 0 var(--dimension-space-200);\n}\n\n.card-chart__chart > * {\n  width: 100%;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.card-chart__chart > ds-chart {\n  --ds-chart-container-height: 100%;\n}\n\n.card-chart__legend {\n  position: relative;\n  flex: 0 0 auto;\n  box-sizing: border-box;\n  padding: 0 var(--dimension-space-100) var(--dimension-space-100) var(--dimension-space-100);\n}\n\n:host(.card-chart--loading) .card-chart__title,\n:host(.card-chart--loading) .card-chart__chart,\n:host(.card-chart--loading) .card-chart__legend {\n  visibility: hidden;\n}\n\n.card-chart__heading-skeleton {\n  position: absolute;\n  inset-inline-start: calc(var(--ds-control-padding-inline) + var(--ds-control-label-inset));\n  width: min(60%, calc(var(--dimension-size-800) * 2));\n}\n\n.card-chart__chart > .card-chart__plot-skeleton {\n  visibility: visible;\n  position: absolute;\n  inset: var(--dimension-space-200);\n  width: auto;\n  height: auto;\n}\n\n@media (forced-colors: active) {\n  :host {\n    box-shadow: none;\n    outline: var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);\n    outline-offset: calc(-1 * var(--dimension-stroke-width-012));\n  }\n\n  :host::after {\n    box-shadow: none;\n  }\n}\n\n.card-chart__legend-skeleton {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: var(--dimension-space-100);\n  visibility: visible;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core';\n\nexport type CardChartWidth = 'sm' | 'md' | 'lg';\nexport type CardChartVariant = 'custom' | 'chart';\n\ntype LegendSlot = HTMLElement & {\n  activeLabel?: string | null;\n  highlightOnHover?: boolean;\n};\n\nconst CARD_WIDTH_VARS: Record<CardChartWidth, string> = {\n  sm: 'var(--dimension-card-width-sm)',\n  md: 'var(--dimension-card-width-md)',\n  lg: 'var(--dimension-card-width-lg)',\n};\n\nconst CARD_HEIGHT_VARS: Record<CardChartWidth, string> = {\n  sm: 'var(--dimension-card-height-sm)',\n  md: 'var(--dimension-card-height-md)',\n  lg: 'var(--dimension-card-height-lg)',\n};\n\n/**\n * Standard chart card chrome and composition. The variant owns\n * only the chart/legend relationship; applications continue to own data.\n */\n@Component({\n  tag: 'ds-card-chart',\n  styleUrl: 'CardChart.css',\n  scoped: true,\n})\nexport class CardChart {\n  @Element() el!: HTMLElement;\n\n  /** Chart heading shown in the card header. */\n  @Prop() heading!: string;\n  /** Chart composition behavior. */\n  @Prop() variant: CardChartVariant = 'custom';\n  /** Width token with the matching chart-card min-height. */\n  @Prop() cardWidth: CardChartWidth = 'md';\n  /** Renders the standard filter action before custom actions. */\n  @Prop() showFilter: boolean = false;\n  @Prop() filterLabel: string = 'Filter';\n  /** Skeletonize the header and chart canvas; custom body content owns its loading atoms. */\n  @Prop() isLoading: boolean = false;\n\n  /** Emits when the standard header filter control is activated. */\n  @Event() dsFilterClick!: EventEmitter<void>;\n\n  @State() private hasChartSlot = false;\n  @State() private hasLegendSlot = false;\n\n  componentWillRender() {\n    this.hasChartSlot = !!this.el.querySelector('[slot=\"chart\"]');\n    this.hasLegendSlot = !!this.el.querySelector('[slot=\"legend\"]');\n  }\n\n  componentDidRender() {\n    const legend = this.el.querySelector('ds-chart-legend[slot=\"legend\"]') as LegendSlot | null;\n    if (this.variant === 'chart' && legend) {\n      legend.setAttribute('highlight-on-hover', 'false');\n      if ('highlightOnHover' in legend) legend.highlightOnHover = false;\n    }\n  }\n\n  private handleFilterClick = () => {\n    if (this.isLoading) return;\n    this.dsFilterClick.emit();\n  };\n\n  render() {\n    const usesChartLayout = this.variant !== 'custom' || this.hasChartSlot;\n    return (\n      <Host\n        class={{\n          'card-chart': true,\n          [`card-chart--${this.variant}`]: true,\n          'card-chart--loading': this.isLoading,\n        }}\n        aria-busy={this.isLoading ? 'true' : undefined}\n        style={{\n          '--_card-chart-width': CARD_WIDTH_VARS[this.cardWidth],\n          '--_card-chart-min-height': CARD_HEIGHT_VARS[this.cardWidth],\n        }}\n      >\n        <header class=\"card-chart__header ds-chrome-header\">\n          <div class=\"card-chart__copy ds-chrome-header__copy ds-control--md\">\n            <ds-text\n              class=\"card-chart__title ds-chrome-header__heading\"\n              variant=\"text-title-small\"\n              emphasis\n              color=\"primary\"\n              as=\"h2\"\n              aria-hidden={this.isLoading ? 'true' : undefined}\n            >\n              {this.heading}\n            </ds-text>\n            {this.isLoading && (\n              <ds-skeleton class=\"card-chart__heading-skeleton\" textVariant=\"text-title-small\" />\n            )}\n          </div>\n          <div class=\"card-chart__actions ds-chrome-header__trailing\">\n            {this.showFilter ? (\n              <ds-skeleton\n                preserveLayout\n                isLoading={this.isLoading}\n                variant=\"control\"\n                controlAppearance=\"outlined\"\n                controlContent=\"icon\"\n              >\n                <ds-button-unfilled\n                  variant=\"icon\"\n                  type=\"button\"\n                  icon=\"Filters\"\n                  aria-label={this.filterLabel}\n                  onDsClick={this.handleFilterClick}\n                />\n              </ds-skeleton>\n            ) : null}\n            <slot name=\"actions\" />\n          </div>\n        </header>\n        <div class=\"card-chart__body\">\n          {usesChartLayout ? (\n            <div class=\"card-chart__layout\">\n              {this.hasChartSlot || this.isLoading ? (\n                <div\n                  class={{\n                    'card-chart__chart': true,\n                  }}\n                >\n                  <slot name=\"chart\" />\n                  {this.isLoading && (\n                    <ds-skeleton class=\"card-chart__plot-skeleton\" variant=\"control\" />\n                  )}\n                </div>\n              ) : null}\n              {this.hasLegendSlot ? (\n                <div class=\"card-chart__legend\">\n                  <slot name=\"legend\" />\n                  {this.isLoading && (\n                    <ds-skeleton\n                      class=\"card-chart__legend-skeleton\"\n                      width=\"min(60%, calc(var(--dimension-size-800) * 2))\"\n                    />\n                  )}\n                </div>\n              ) : null}\n              <slot />\n            </div>\n          ) : (\n            <slot />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"8TAAA,MAAMA,EAAe,IAAM,2rNCU3B,MAAMC,EAAkD,CACtDC,GAAI,iCACJC,GAAI,iCACJC,GAAI,kCAGN,MAAMC,EAAmD,CACvDH,GAAI,kCACJC,GAAI,kCACJC,GAAI,mC,MAYOE,EAASC,EAAA,MAAAD,UAAAE,EALtB,WAAAC,CAAAC,G,yFAWUC,KAAAC,QAA4B,SAE5BD,KAAAE,UAA4B,KAE5BF,KAAAG,WAAsB,MACtBH,KAAAI,YAAsB,SAEtBJ,KAAAK,UAAqB,MAKZL,KAAAM,aAAe,MACfN,KAAAO,cAAgB,MAezBP,KAAAQ,kBAAoB,KAC1B,GAAIR,KAAKK,UAAW,OACpBL,KAAKS,cAAcC,MAAM,CA0F5B,CAzGC,mBAAAC,GACEX,KAAKM,eAAiBN,KAAKY,GAAGC,cAAc,kBAC5Cb,KAAKO,gBAAkBP,KAAKY,GAAGC,cAAc,kB,CAG/C,kBAAAC,GACE,MAAMC,EAASf,KAAKY,GAAGC,cAAc,kCACrC,GAAIb,KAAKC,UAAY,SAAWc,EAAQ,CACtCA,EAAOC,aAAa,qBAAsB,SAC1C,GAAI,qBAAsBD,EAAQA,EAAOE,iBAAmB,K,EAShE,MAAAC,GACE,MAAMC,EAAkBnB,KAAKC,UAAY,UAAYD,KAAKM,aAC1D,OACEc,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,aAAc,KACd,CAAC,eAAevB,KAAKC,WAAY,KACjC,sBAAuBD,KAAKK,WAC7B,YACUL,KAAKK,UAAY,OAASmB,UACrCC,MAAO,CACL,sBAAuBnC,EAAgBU,KAAKE,WAC5C,2BAA4BR,EAAiBM,KAAKE,aAGpDkB,EAAA,UAAAE,IAAA,2CAAQC,MAAM,uCACZH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0DACTH,EAAA,WAAAE,IAAA,2CACEC,MAAM,8CACNtB,QAAQ,mBACRyB,SAAQ,KACRC,MAAM,UACNC,GAAG,KAAI,cACM5B,KAAKK,UAAY,OAASmB,WAEtCxB,KAAK6B,SAEP7B,KAAKK,WACJe,EAAA,eAAAE,IAAA,2CAAaC,MAAM,+BAA+BO,YAAY,sBAGlEV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kDACRvB,KAAKG,WACJiB,EAAA,eACEW,eAAc,KACd1B,UAAWL,KAAKK,UAChBJ,QAAQ,UACR+B,kBAAkB,WAClBC,eAAe,QAEfb,EAAA,sBACEnB,QAAQ,OACRiC,KAAK,SACLC,KAAK,UAAS,aACFnC,KAAKI,YACjBgC,UAAWpC,KAAKQ,qBAGlB,KACJY,EAAA,QAAAE,IAAA,2CAAMe,KAAK,cAGfjB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACRJ,EACCC,EAAA,OAAKG,MAAM,sBACRvB,KAAKM,cAAgBN,KAAKK,UACzBe,EAAA,OACEG,MAAO,CACL,oBAAqB,OAGvBH,EAAA,QAAMiB,KAAK,UACVrC,KAAKK,WACJe,EAAA,eAAaG,MAAM,4BAA4BtB,QAAQ,aAGzD,KACHD,KAAKO,cACJa,EAAA,OAAKG,MAAM,sBACTH,EAAA,QAAMiB,KAAK,WACVrC,KAAKK,WACJe,EAAA,eACEG,MAAM,8BACNe,MAAM,mDAIV,KACJlB,EAAA,cAGFA,EAAA,c","ignoreList":[]}