@ds-mo/ui 15.2.0 → 15.4.0

package/dist/components/ds-banner.js

@@ -1,2 +1,2 @@
-import{p as n,H as e,c as r,h as a,a as s,t as o}from"./index.js";import{d}from"./p-Cn6AfzeF.js";import{d as i}from"./p-D7K1ZHML.js";import{d as t}from"./p-DjkUFlDW.js";import{d as c}from"./p-0XTyQNRG.js";import{d as b}from"./p-ZwRLjD5M.js";import{d as l}from"./p-C_Ma6Xa-.js";import{b as h,T as u}from"./p-CeXf9-X3.js";const g=()=>`@media (forced-colors: active){.sc-ds-banner:root,.sc-ds-banner-h,.ds-forced-colors-scope.sc-ds-banner{--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-banner-h,.sc-ds-banner:where(.ds-table),.sc-ds-banner:where(.tooltip-popup),.sc-ds-banner: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-banner,.ds-control--lg.sc-ds-banner-h,.ds-control--md.sc-ds-banner-h,.ds-control--md.sc-ds-banner,.ds-control--sm.sc-ds-banner-h,.ds-control--sm.sc-ds-banner,.ds-control--xs.sc-ds-banner-h,.ds-control--xs.sc-ds-banner{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-banner-h,.ds-control--lg.sc-ds-banner{--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-banner-h,.ds-control--md.sc-ds-banner{--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-banner-h,.ds-control--sm.sc-ds-banner{--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-banner-h,.ds-control--xs.sc-ds-banner{--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-banner{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-banner{flex-wrap:wrap}.ds-chrome-header--bounded.sc-ds-banner{border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.ds-chrome-header__leading.sc-ds-banner,.ds-chrome-header__trailing.sc-ds-banner{display:flex;align-items:center;flex:0 0 auto;min-width:0}.ds-chrome-header__trailing.sc-ds-banner{margin-inline-start:auto;gap:var(--dimension-space-100)}.ds-chrome-header__copy.sc-ds-banner{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-banner{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-banner{align-items:stretch;flex-direction:column;gap:var(--dimension-space-050)}.ds-chrome-header__heading.sc-ds-banner,.ds-chrome-header__description.sc-ds-banner{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-banner{flex:0 1 auto}.ds-chrome-header__copy--wrapping.sc-ds-banner .ds-chrome-header__description.sc-ds-banner{flex:1 1 var(--dimension-card-width-xs)}.sc-ds-banner-h{display:grid;overflow:hidden;min-width:0;grid-template-rows:1fr;transition:grid-template-rows var(--effect-animation-duration-short-3)     var(--_banner-motion-easing);--ds-banner-background:var(--color-background-faint-neutral);--ds-banner-heading:var(--color-foreground-primary);--ds-banner-description:var(--color-foreground-secondary);--ds-banner-border:var(--color-border-tertiary);--_banner-motion-easing:var(--effect-animation-easing-ease-in-out, ease);--_banner-surface-translate:0%}.banner--open.sc-ds-banner-h{--_banner-motion-easing:var(--effect-animation-easing-ease-out, ease-out)}.banner--closing.sc-ds-banner-h{--_banner-motion-easing:var(--effect-animation-easing-ease-in, ease-in);--_banner-surface-translate:-100%;grid-template-rows:0fr}.banner--hidden.sc-ds-banner-h{--_banner-surface-translate:-100%;display:none;visibility:hidden;grid-template-rows:0fr}.banner-overflow.sc-ds-banner{min-height:0;overflow:visible}.banner-browser-edge.sc-ds-banner{display:none;position:fixed;inset:0 0 auto;height:max(var(--dimension-space-200), env(safe-area-inset-top, 0px));pointer-events:none;background-color:var(--ds-banner-background)}.banner--open.sc-ds-banner-h .banner-browser-edge.sc-ds-banner,.banner--closing.sc-ds-banner-h .banner-browser-edge.sc-ds-banner{display:var(--_shell-banner-edge-display, none)}.banner-surface.sc-ds-banner{display:flex;position:relative;width:100%;padding-inline-end:calc(var(--dimension-size-400) + var(--dimension-space-200));color:var(--ds-banner-description);background-color:var(--ds-banner-background);border-bottom:var(--dimension-stroke-width-012) solid var(--ds-banner-border);transform:translateY(var(--_banner-surface-translate));transition:transform var(--effect-animation-duration-short-3) var(--_banner-motion-easing)}@starting-style{.sc-ds-banner-h.banner--open{grid-template-rows:0fr}.sc-ds-banner-h.banner--open .banner-surface{transform:translateY(-100%)}}.banner-copy.sc-ds-banner{flex-basis:var(--dimension-card-width-sm)}.banner--orientation-horizontal.sc-ds-banner-h .banner-surface.sc-ds-banner{flex-wrap:nowrap}.banner--orientation-vertical.sc-ds-banner-h .banner-copy.sc-ds-banner{flex-basis:100%}.banner-copy-flow.sc-ds-banner{box-sizing:border-box;min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025));color:var(--ds-banner-description)}.banner-heading.sc-ds-banner{display:inline-block;width:auto;max-width:100%;margin-inline-end:var(--dimension-space-100);vertical-align:baseline;color:var(--ds-banner-heading)}.banner-description.sc-ds-banner{color:var(--ds-banner-description)}.banner-actions.sc-ds-banner{display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;min-width:0;gap:var(--dimension-space-100)}.banner-actions.sc-ds-banner slot.sc-ds-banner{display:contents}.banner-actions.sc-ds-banner-s>:not(ds-button-unfilled),.banner-actions .sc-ds-banner-s>:not(ds-button-unfilled),.banner-actions.sc-ds-banner-s>ds-button-unfilled:nth-of-type(n+3),.banner-actions .sc-ds-banner-s>ds-button-unfilled:nth-of-type(n+3){display:none}.banner-actions--empty.sc-ds-banner{display:none}.banner-trailing.sc-ds-banner{align-self:flex-start;flex-wrap:nowrap}.banner--orientation-vertical.sc-ds-banner-h:not(.banner--has-actions) .banner-trailing.sc-ds-banner{display:contents}.banner--orientation-vertical.banner--has-actions.sc-ds-banner-h .banner-trailing.sc-ds-banner{margin-inline:var(--dimension-space-100) auto;padding-block-end:var(--dimension-space-100);box-sizing:border-box}.banner--orientation-vertical.sc-ds-banner-h .banner-description.sc-ds-banner{display:block}.banner--orientation-vertical.sc-ds-banner-h .banner-heading.sc-ds-banner+.banner-description.sc-ds-banner{margin-block-start:var(--dimension-space-050)}.banner-close.sc-ds-banner{flex:0 0 auto}.banner-dismiss.sc-ds-banner{position:absolute;inset-block-start:var(--dimension-space-100);inset-inline-end:var(--dimension-space-100)}.banner--intent-neutral.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-neutral)}.banner--intent-brand.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-brand)}.banner--intent-positive.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-positive)}.banner--intent-warning.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-warning)}.banner--intent-caution.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-caution)}.banner--intent-negative.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-negative)}.banner--contrast-faint.sc-ds-banner-h{--ds-banner-background:var(--ds-banner-faint-background);--ds-banner-heading:var(--color-foreground-primary);--ds-banner-description:var(--color-foreground-secondary);--ds-banner-border:var(--color-border-tertiary)}.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-neutral);--ds-banner-heading:var(--color-foreground-on-medium-background-primary);--ds-banner-description:var(--color-foreground-on-medium-background-secondary);--ds-banner-border:var(--color-border-on-medium-background-tertiary)}.banner--intent-brand.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-brand)}.banner--intent-positive.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-positive)}.banner--intent-warning.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-warning)}.banner--intent-caution.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-caution)}.banner--intent-negative.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-negative)}.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-neutral);--ds-banner-heading:var(--color-foreground-on-strong-background-primary);--ds-banner-description:var(--color-foreground-on-strong-background-secondary);--ds-banner-border:var(--color-border-on-strong-background-tertiary)}.banner--intent-brand.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-brand)}.banner--intent-positive.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-positive)}.banner--intent-warning.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-warning)}.banner--intent-caution.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-caution)}.banner--intent-negative.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-negative)}.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-neutral);--ds-banner-heading:var(--color-foreground-on-bold-background-primary);--ds-banner-description:var(--color-foreground-on-bold-background-secondary);--ds-banner-border:var(--color-border-on-bold-background-tertiary)}.banner--intent-brand.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-brand)}.banner--intent-positive.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-positive)}.banner--intent-warning.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-warning)}.banner--intent-caution.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-caution)}.banner--intent-negative.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-negative)}@media (prefers-reduced-motion: reduce){.sc-ds-banner-h,.banner-surface.sc-ds-banner{transition:none}}@media (forced-colors: active){.banner-browser-edge.sc-ds-banner{background-color:var(--ds-forced-color-surface)}.banner-surface.sc-ds-banner{color:var(--ds-forced-color-content);background-color:var(--ds-forced-color-surface);border-bottom-color:var(--ds-forced-color-content)}.banner-heading.sc-ds-banner,.banner-description.sc-ds-banner{color:var(--ds-forced-color-content)}}`;const m=n(class n extends e{constructor(n){super();if(n!==false){this.__registerHost()}this.dsClose=r(this,"dsClose",7);this.dsAfterClose=r(this,"dsAfterClose",7);this.heading="";this.intent="neutral";this.contrast="faint";this.orientation="horizontal";this.open=true;this.dismissLabel="Dismiss banner";this.announcement="none";this.rendered=false;this.phase="closed";this.hasActions=false;this.loaded=false;this.transitionTimer=null;this.closePending=false}componentWillLoad(){this.rendered=this.open;this.phase=this.open?"open":"closed"}componentDidLoad(){this.loaded=true;this.updateActionsPresence()}disconnectedCallback(){this.clearTransitionWork()}onOpenChange(n){if(!this.loaded)return;if(n)this.startOpen();else this.startClose()}get closeMotionMs(){return h(u.motionShort3,u.animationDurationShort3)}clearTransitionWork(){if(this.transitionTimer)clearTimeout(this.transitionTimer);this.transitionTimer=null}startOpen(){this.clearTransitionWork();this.closePending=false;this.rendered=true;this.phase="open"}startClose(){this.clearTransitionWork();if(!this.rendered||this.phase==="closed"){this.rendered=false;return}this.closePending=true;this.phase="closing";const n=this.closeMotionMs;if(n<=0){this.finishClose();return}this.transitionTimer=setTimeout((()=>{this.transitionTimer=null;this.finishClose()}),n)}finishClose(){if(this.open||!this.closePending)return;this.closePending=false;this.rendered=false;this.phase="closed";this.dsAfterClose.emit()}updateActionsPresence(n){const e=n?n.assignedElements().filter((n=>n.tagName==="DS-BUTTON-UNFILLED")):Array.from(this.el.querySelectorAll('ds-button-unfilled[slot="actions"]'));this.hasActions=e.length>0}requestClose(n){if(!this.open||this.phase==="closing")return;this.dsClose.emit(n.detail)}get role(){if(this.announcement==="polite")return"status";if(this.announcement==="assertive")return"alert";return undefined}get ariaLive(){return this.announcement==="none"?undefined:this.announcement}render(){const n=this.phase==="closing";const e={banner:true,"banner--open":this.phase==="open","banner--closing":n,"banner--hidden":!this.rendered,"banner--has-actions":this.hasActions,[`banner--orientation-${this.orientation}`]:true,[`banner--intent-${this.intent}`]:true,[`banner--contrast-${this.contrast}`]:true};return a(s,{key:"6534fbca846204f684b8301d5c865001503b1354",class:e},a("div",{key:"6cd33b596676eb3946a2a164eb87969df7f1096d",class:"banner-browser-edge","aria-hidden":"true"}),a("div",{key:"a8ac3a1205dc706851c7fcc5548df6e91dae7011",class:"banner-overflow"},a("section",{key:"ebdbea2bb8f34d06e347217d5ca458242e3a12c1",class:"banner-surface ds-chrome-header ds-chrome-header--wrapping",role:this.role,"aria-live":this.ariaLive,"aria-atomic":this.announcement==="none"?undefined:"true","aria-hidden":n?"true":undefined,inert:n?true:undefined,"data-phase":this.phase},a("div",{key:"dd6529890dd13226f0188e69399b41204571f1da",class:"banner-copy ds-chrome-header__copy ds-chrome-header__copy--wrapping ds-control--md"},a("ds-text",{key:"a80eb86fd56decd943b9aeae79c1a660f92d87d4",class:"banner-copy-flow",as:"div",variant:"text-body-medium",color:"inherit"},this.heading&&a("ds-text",{key:"3c978bb2ed5be75aa326fd118ce865afe7349c82",class:"banner-heading",as:"span",variant:"text-title-small",color:"inherit"},this.heading),a("span",{key:"adea8809ffa620600ddacb3e192785f1f6a8c5f1",class:"banner-description"},this.description))),a("div",{key:"2610a5dc4cd750e5b30fee026597ad7c9716bffb",class:"banner-trailing ds-chrome-header__trailing"},a("div",{key:"dd3e69e8c932a969973146697398d5522d2a3a95",class:{"banner-actions":true,"banner-actions--empty":!this.hasActions}},a("slot",{key:"21325872141723c8b54ae8bc64cd845f3e7e9c6c",name:"actions",onSlotchange:n=>this.updateActionsPresence(n.currentTarget)})),a("div",{key:"a58f0a5e37816d50f044323d41a81bda7dac9b5d",class:"banner-dismiss"},a("ds-tooltip",{key:"fc1e01a83900588fe49d98846872c34f3952fc89",label:this.dismissLabel,side:"bottom",size:"sm"},a("ds-button-unfilled",{key:"1190c99608ded04db99469058c73f5536e28627c",class:"banner-close",variant:"icon",icon:"Cross",size:"md",type:"button",background:this.contrast,"aria-label":this.dismissLabel,hasBorder:false,activeFill:false,onDsClick:n=>this.requestClose(n)})))))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return g()}},[262,"ds-banner",{description:[1],heading:[1],intent:[513],contrast:[513],orientation:[513],open:[516],dismissLabel:[1,"dismiss-label"],announcement:[1],rendered:[32],phase:[32],hasActions:[32]},undefined,{open:[{onOpenChange:0}]}]);function p(){if(typeof customElements==="undefined"){return}const n=["ds-banner","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];n.forEach((n=>{switch(n){case"ds-banner":if(!customElements.get(o(n))){customElements.define(o(n),m)}break;case"ds-badge":if(!customElements.get(o(n))){d()}break;case"ds-button-unfilled":if(!customElements.get(o(n))){i()}break;case"ds-icon":if(!customElements.get(o(n))){t()}break;case"ds-loader":if(!customElements.get(o(n))){c()}break;case"ds-text":if(!customElements.get(o(n))){b()}break;case"ds-tooltip":if(!customElements.get(o(n))){l()}break}}))}p();const f=m;const v=p;export{f as DsBanner,v as defineCustomElement};
+import{p as n,H as e,c as r,h as a,a as s,t as o}from"./index.js";import{d}from"./p-CwdRaJER.js";import{d as i}from"./p-D6FRqNhN.js";import{d as t}from"./p-DjkUFlDW.js";import{d as c}from"./p-0XTyQNRG.js";import{d as b}from"./p-D8OWhnID.js";import{d as l}from"./p-DIQiHX0q.js";import{b as h,T as u}from"./p-CeXf9-X3.js";const g=()=>`@media (forced-colors: active){.sc-ds-banner:root,.sc-ds-banner-h,.ds-forced-colors-scope.sc-ds-banner{--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-banner-h,.sc-ds-banner:where(.ds-table),.sc-ds-banner:where(.tooltip-popup),.sc-ds-banner: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-banner,.ds-control--lg.sc-ds-banner-h,.ds-control--md.sc-ds-banner-h,.ds-control--md.sc-ds-banner,.ds-control--sm.sc-ds-banner-h,.ds-control--sm.sc-ds-banner,.ds-control--xs.sc-ds-banner-h,.ds-control--xs.sc-ds-banner{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-banner-h,.ds-control--lg.sc-ds-banner{--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-banner-h,.ds-control--md.sc-ds-banner{--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-banner-h,.ds-control--sm.sc-ds-banner{--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-banner-h,.ds-control--xs.sc-ds-banner{--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-banner{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-banner{flex-wrap:wrap}.ds-chrome-header--bounded.sc-ds-banner{border-block-end:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.ds-chrome-header__leading.sc-ds-banner,.ds-chrome-header__trailing.sc-ds-banner{display:flex;align-items:center;flex:0 0 auto;min-width:0}.ds-chrome-header__trailing.sc-ds-banner{margin-inline-start:auto;gap:var(--dimension-space-100)}.ds-chrome-header__copy.sc-ds-banner{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-banner{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-banner{align-items:stretch;flex-direction:column;gap:var(--dimension-space-050)}.ds-chrome-header__heading.sc-ds-banner,.ds-chrome-header__description.sc-ds-banner{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-banner{flex:0 1 auto}.ds-chrome-header__copy--wrapping.sc-ds-banner .ds-chrome-header__description.sc-ds-banner{flex:1 1 var(--dimension-card-width-xs)}.sc-ds-banner-h{display:grid;overflow:hidden;min-width:0;grid-template-rows:1fr;transition:grid-template-rows var(--effect-animation-duration-short-3)     var(--_banner-motion-easing);--ds-banner-background:var(--color-background-faint-neutral);--ds-banner-heading:var(--color-foreground-primary);--ds-banner-description:var(--color-foreground-secondary);--ds-banner-border:var(--color-border-tertiary);--_banner-motion-easing:var(--effect-animation-easing-ease-in-out, ease);--_banner-surface-translate:0%}.banner--open.sc-ds-banner-h{--_banner-motion-easing:var(--effect-animation-easing-ease-out, ease-out)}.banner--closing.sc-ds-banner-h{--_banner-motion-easing:var(--effect-animation-easing-ease-in, ease-in);--_banner-surface-translate:-100%;grid-template-rows:0fr}.banner--hidden.sc-ds-banner-h{--_banner-surface-translate:-100%;display:none;visibility:hidden;grid-template-rows:0fr}.banner-overflow.sc-ds-banner{min-height:0;overflow:visible}.banner-browser-edge.sc-ds-banner{display:none;position:fixed;inset:0 0 auto;height:max(var(--dimension-space-200), env(safe-area-inset-top, 0px));pointer-events:none;background-color:var(--ds-banner-background)}.banner--open.sc-ds-banner-h .banner-browser-edge.sc-ds-banner,.banner--closing.sc-ds-banner-h .banner-browser-edge.sc-ds-banner{display:var(--_shell-banner-edge-display, none)}.banner-surface.sc-ds-banner{display:flex;position:relative;width:100%;padding-inline-end:calc(var(--dimension-size-400) + var(--dimension-space-200));color:var(--ds-banner-description);background-color:var(--ds-banner-background);border-bottom:var(--dimension-stroke-width-012) solid var(--ds-banner-border);transform:translateY(var(--_banner-surface-translate));transition:transform var(--effect-animation-duration-short-3) var(--_banner-motion-easing)}@starting-style{.sc-ds-banner-h.banner--open{grid-template-rows:0fr}.sc-ds-banner-h.banner--open .banner-surface{transform:translateY(-100%)}}.banner-copy.sc-ds-banner{flex-basis:var(--dimension-card-width-sm)}.banner--orientation-horizontal.sc-ds-banner-h .banner-surface.sc-ds-banner{flex-wrap:nowrap}.banner--orientation-vertical.sc-ds-banner-h .banner-copy.sc-ds-banner{flex-basis:100%}.banner-copy-flow.sc-ds-banner{box-sizing:border-box;min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025));color:var(--ds-banner-description)}.banner-heading.sc-ds-banner{display:inline-block;width:auto;max-width:100%;margin-inline-end:var(--dimension-space-100);vertical-align:baseline;color:var(--ds-banner-heading)}.banner-description.sc-ds-banner{color:var(--ds-banner-description)}.banner-actions.sc-ds-banner{display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;min-width:0;gap:var(--dimension-space-100)}.banner-actions.sc-ds-banner slot.sc-ds-banner{display:contents}.banner-actions.sc-ds-banner-s>:not(ds-button-unfilled),.banner-actions .sc-ds-banner-s>:not(ds-button-unfilled),.banner-actions.sc-ds-banner-s>ds-button-unfilled:nth-of-type(n+3),.banner-actions .sc-ds-banner-s>ds-button-unfilled:nth-of-type(n+3){display:none}.banner-actions--empty.sc-ds-banner{display:none}.banner-trailing.sc-ds-banner{align-self:flex-start;flex-wrap:nowrap}.banner--orientation-vertical.sc-ds-banner-h:not(.banner--has-actions) .banner-trailing.sc-ds-banner{display:contents}.banner--orientation-vertical.banner--has-actions.sc-ds-banner-h .banner-trailing.sc-ds-banner{margin-inline:var(--dimension-space-100) auto;padding-block-end:var(--dimension-space-100);box-sizing:border-box}.banner--orientation-vertical.sc-ds-banner-h .banner-description.sc-ds-banner{display:block}.banner--orientation-vertical.sc-ds-banner-h .banner-heading.sc-ds-banner+.banner-description.sc-ds-banner{margin-block-start:var(--dimension-space-050)}.banner-close.sc-ds-banner{flex:0 0 auto}.banner-dismiss.sc-ds-banner{position:absolute;inset-block-start:var(--dimension-space-100);inset-inline-end:var(--dimension-space-100)}.banner--intent-neutral.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-neutral)}.banner--intent-brand.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-brand)}.banner--intent-positive.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-positive)}.banner--intent-warning.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-warning)}.banner--intent-caution.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-caution)}.banner--intent-negative.sc-ds-banner-h{--ds-banner-faint-background:var(--color-background-faint-negative)}.banner--contrast-faint.sc-ds-banner-h{--ds-banner-background:var(--ds-banner-faint-background);--ds-banner-heading:var(--color-foreground-primary);--ds-banner-description:var(--color-foreground-secondary);--ds-banner-border:var(--color-border-tertiary)}.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-neutral);--ds-banner-heading:var(--color-foreground-on-medium-background-primary);--ds-banner-description:var(--color-foreground-on-medium-background-secondary);--ds-banner-border:var(--color-border-on-medium-background-tertiary)}.banner--intent-brand.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-brand)}.banner--intent-positive.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-positive)}.banner--intent-warning.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-warning)}.banner--intent-caution.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-caution)}.banner--intent-negative.banner--contrast-medium.sc-ds-banner-h{--ds-banner-background:var(--color-background-medium-negative)}.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-neutral);--ds-banner-heading:var(--color-foreground-on-strong-background-primary);--ds-banner-description:var(--color-foreground-on-strong-background-secondary);--ds-banner-border:var(--color-border-on-strong-background-tertiary)}.banner--intent-brand.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-brand)}.banner--intent-positive.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-positive)}.banner--intent-warning.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-warning)}.banner--intent-caution.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-caution)}.banner--intent-negative.banner--contrast-strong.sc-ds-banner-h{--ds-banner-background:var(--color-background-strong-negative)}.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-neutral);--ds-banner-heading:var(--color-foreground-on-bold-background-primary);--ds-banner-description:var(--color-foreground-on-bold-background-secondary);--ds-banner-border:var(--color-border-on-bold-background-tertiary)}.banner--intent-brand.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-brand)}.banner--intent-positive.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-positive)}.banner--intent-warning.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-warning)}.banner--intent-caution.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-caution)}.banner--intent-negative.banner--contrast-bold.sc-ds-banner-h{--ds-banner-background:var(--color-background-bold-negative)}@media (prefers-reduced-motion: reduce){.sc-ds-banner-h,.banner-surface.sc-ds-banner{transition:none}}@media (forced-colors: active){.banner-browser-edge.sc-ds-banner{background-color:var(--ds-forced-color-surface)}.banner-surface.sc-ds-banner{color:var(--ds-forced-color-content);background-color:var(--ds-forced-color-surface);border-bottom-color:var(--ds-forced-color-content)}.banner-heading.sc-ds-banner,.banner-description.sc-ds-banner{color:var(--ds-forced-color-content)}}`;const m=n(class n extends e{constructor(n){super();if(n!==false){this.__registerHost()}this.dsClose=r(this,"dsClose",7);this.dsAfterClose=r(this,"dsAfterClose",7);this.heading="";this.intent="neutral";this.contrast="faint";this.orientation="horizontal";this.open=true;this.dismissLabel="Dismiss banner";this.announcement="none";this.rendered=false;this.phase="closed";this.hasActions=false;this.loaded=false;this.transitionTimer=null;this.closePending=false}componentWillLoad(){this.rendered=this.open;this.phase=this.open?"open":"closed"}componentDidLoad(){this.loaded=true;this.updateActionsPresence()}disconnectedCallback(){this.clearTransitionWork()}onOpenChange(n){if(!this.loaded)return;if(n)this.startOpen();else this.startClose()}get closeMotionMs(){return h(u.motionShort3,u.animationDurationShort3)}clearTransitionWork(){if(this.transitionTimer)clearTimeout(this.transitionTimer);this.transitionTimer=null}startOpen(){this.clearTransitionWork();this.closePending=false;this.rendered=true;this.phase="open"}startClose(){this.clearTransitionWork();if(!this.rendered||this.phase==="closed"){this.rendered=false;return}this.closePending=true;this.phase="closing";const n=this.closeMotionMs;if(n<=0){this.finishClose();return}this.transitionTimer=setTimeout((()=>{this.transitionTimer=null;this.finishClose()}),n)}finishClose(){if(this.open||!this.closePending)return;this.closePending=false;this.rendered=false;this.phase="closed";this.dsAfterClose.emit()}updateActionsPresence(n){const e=n?n.assignedElements().filter((n=>n.tagName==="DS-BUTTON-UNFILLED")):Array.from(this.el.querySelectorAll('ds-button-unfilled[slot="actions"]'));this.hasActions=e.length>0}requestClose(n){if(!this.open||this.phase==="closing")return;this.dsClose.emit(n.detail)}get role(){if(this.announcement==="polite")return"status";if(this.announcement==="assertive")return"alert";return undefined}get ariaLive(){return this.announcement==="none"?undefined:this.announcement}render(){const n=this.phase==="closing";const e={banner:true,"banner--open":this.phase==="open","banner--closing":n,"banner--hidden":!this.rendered,"banner--has-actions":this.hasActions,[`banner--orientation-${this.orientation}`]:true,[`banner--intent-${this.intent}`]:true,[`banner--contrast-${this.contrast}`]:true};return a(s,{key:"6534fbca846204f684b8301d5c865001503b1354",class:e},a("div",{key:"6cd33b596676eb3946a2a164eb87969df7f1096d",class:"banner-browser-edge","aria-hidden":"true"}),a("div",{key:"a8ac3a1205dc706851c7fcc5548df6e91dae7011",class:"banner-overflow"},a("section",{key:"ebdbea2bb8f34d06e347217d5ca458242e3a12c1",class:"banner-surface ds-chrome-header ds-chrome-header--wrapping",role:this.role,"aria-live":this.ariaLive,"aria-atomic":this.announcement==="none"?undefined:"true","aria-hidden":n?"true":undefined,inert:n?true:undefined,"data-phase":this.phase},a("div",{key:"dd6529890dd13226f0188e69399b41204571f1da",class:"banner-copy ds-chrome-header__copy ds-chrome-header__copy--wrapping ds-control--md"},a("ds-text",{key:"a80eb86fd56decd943b9aeae79c1a660f92d87d4",class:"banner-copy-flow",as:"div",variant:"text-body-medium",color:"inherit"},this.heading&&a("ds-text",{key:"3c978bb2ed5be75aa326fd118ce865afe7349c82",class:"banner-heading",as:"span",variant:"text-title-small",color:"inherit"},this.heading),a("span",{key:"adea8809ffa620600ddacb3e192785f1f6a8c5f1",class:"banner-description"},this.description))),a("div",{key:"2610a5dc4cd750e5b30fee026597ad7c9716bffb",class:"banner-trailing ds-chrome-header__trailing"},a("div",{key:"dd3e69e8c932a969973146697398d5522d2a3a95",class:{"banner-actions":true,"banner-actions--empty":!this.hasActions}},a("slot",{key:"21325872141723c8b54ae8bc64cd845f3e7e9c6c",name:"actions",onSlotchange:n=>this.updateActionsPresence(n.currentTarget)})),a("div",{key:"a58f0a5e37816d50f044323d41a81bda7dac9b5d",class:"banner-dismiss"},a("ds-tooltip",{key:"fc1e01a83900588fe49d98846872c34f3952fc89",label:this.dismissLabel,side:"bottom",size:"sm"},a("ds-button-unfilled",{key:"1190c99608ded04db99469058c73f5536e28627c",class:"banner-close",variant:"icon",icon:"Cross",size:"md",type:"button",background:this.contrast,"aria-label":this.dismissLabel,hasBorder:false,activeFill:false,onDsClick:n=>this.requestClose(n)})))))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return g()}},[262,"ds-banner",{description:[1],heading:[1],intent:[513],contrast:[513],orientation:[513],open:[516],dismissLabel:[1,"dismiss-label"],announcement:[1],rendered:[32],phase:[32],hasActions:[32]},undefined,{open:[{onOpenChange:0}]}]);function p(){if(typeof customElements==="undefined"){return}const n=["ds-banner","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-tooltip"];n.forEach((n=>{switch(n){case"ds-banner":if(!customElements.get(o(n))){customElements.define(o(n),m)}break;case"ds-badge":if(!customElements.get(o(n))){d()}break;case"ds-button-unfilled":if(!customElements.get(o(n))){i()}break;case"ds-icon":if(!customElements.get(o(n))){t()}break;case"ds-loader":if(!customElements.get(o(n))){c()}break;case"ds-text":if(!customElements.get(o(n))){b()}break;case"ds-tooltip":if(!customElements.get(o(n))){l()}break}}))}p();const f=m;const v=p;export{f as DsBanner,v as defineCustomElement};
 //# sourceMappingURL=ds-banner.js.map

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

@@ -1,2 +1,2 @@
-import{p as o,H as s,c as a,h as e,a as c,t as r}from"./index.js";import{d as t}from"./p-ZwRLjD5M.js";const i=()=>`.ds-control-elevation.sc-ds-bar-action-h,.ds-control-elevation.sc-ds-bar-action{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-bar-action-h::after,.ds-control-elevation.sc-ds-bar-action::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-bar-action-h,.ds-control-elevation--sm.sc-ds-bar-action{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-bar-action-h,.ds-control-elevation--md.sc-ds-bar-action{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-bar-action-h,.ds-control-elevation--floating.sc-ds-bar-action{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-bar-action{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-bar-action{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-bar-action,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-bar-action{scale:none;transition:none}}.ds-chrome-space--sm.sc-ds-bar-action-h,.ds-chrome-space--sm.sc-ds-bar-action{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-bar-action-h,.ds-chrome-space--md.sc-ds-bar-action{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-bar-action-h,.ds-chrome-space--lg.sc-ds-bar-action{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-bar-action-h,.ds-chrome-row.sc-ds-bar-action,.ds-chrome-column.sc-ds-bar-action-h,.ds-chrome-column.sc-ds-bar-action,.ds-chrome-grid.sc-ds-bar-action-h,.ds-chrome-grid.sc-ds-bar-action{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-action-h,.ds-chrome-row.sc-ds-bar-action{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-bar-action-h,.ds-chrome-column.sc-ds-bar-action{flex-direction:column}.ds-chrome-grid.sc-ds-bar-action-h,.ds-chrome-grid.sc-ds-bar-action{display:grid;align-items:center}@media (forced-colors: active){.sc-ds-bar-action:root,.sc-ds-bar-action-h,.ds-forced-colors-scope.sc-ds-bar-action{--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-bar-action-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-bar-action-h,.ds-focus-ring.sc-ds-bar-action,.ds-focus-ring-inset.sc-ds-bar-action-h,.ds-focus-ring-inset.sc-ds-bar-action{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-bar-action-h:focus-visible,.ds-focus-ring.sc-ds-bar-action: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-bar-action-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-bar-action{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-bar-action-h:focus-visible,.ds-focus-ring-inset.sc-ds-bar-action:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-bar-action-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-bar-action: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-bar-action-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action::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-bar-action-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-bar-action:root,.sc-ds-bar-action-h,.ds-forced-colors-scope.sc-ds-bar-action{--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-bar-action:where(.ds-text-decoration,.ds-text-action).sc-ds-bar-action{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text-action.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-bold-brand);--ds-text-decoration-color:var(--ds-text-action-foreground);color:var(--ds-text-action-foreground);text-decoration-line:none}.ds-text-action--on-medium.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-on-medium-background-primary);--ds-text-decoration-color:var(--color-foreground-on-medium-background-secondary);text-decoration-line:underline}.ds-text-action--on-strong.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-on-strong-background-primary);--ds-text-decoration-color:var(--color-foreground-on-strong-background-secondary);text-decoration-line:underline}.ds-text-action--on-bold.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-on-bold-background-primary);--ds-text-decoration-color:var(--color-foreground-on-bold-background-secondary);text-decoration-line:underline}@media (hover: hover) and (pointer: fine){.ds-text-action.sc-ds-bar-action:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-bar-action{text-decoration-line:underline;text-decoration-color:currentcolor}}.ds-visually-hidden.sc-ds-bar-action-h,.ds-visually-hidden.sc-ds-bar-action{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sc-ds-bar-action-h{display:block;min-width:0;box-sizing:border-box}[hidden].sc-ds-bar-action-h{display:none}.bar-action.sc-ds-bar-action{width:100%;min-width:0;box-sizing:border-box;height:var(--dimension-size-600);border-radius:var(--dimension-radius-half);background:var(--color-background-bold-brand);color:var(--color-foreground-on-bold-background-secondary);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.bar-action[hidden].sc-ds-bar-action,.bar-action__actions.sc-ds-bar-action:not(:has([slot='actions'])){display:none}.bar-action__copy.sc-ds-bar-action,.bar-action__actions.sc-ds-bar-action{display:flex;align-items:center;min-width:0;gap:var(--dimension-space-050)}.bar-action__copy.sc-ds-bar-action{flex:1 1 auto;padding-inline:var(--dimension-space-100)}.bar-action__count.sc-ds-bar-action{flex:0 1 auto;min-width:0}.bar-action__separator.sc-ds-bar-action,.bar-action__clear.sc-ds-bar-action,.bar-action__actions.sc-ds-bar-action{flex:0 0 auto}.bar-action__actions.sc-ds-bar-action{margin-inline-start:auto}.bar-action__actions.sc-ds-bar-action slot.sc-ds-bar-action{display:contents}.bar-action__clear.sc-ds-bar-action{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--dimension-size-400);margin:0;padding:var(--dimension-space-025);border:0;border-radius:var(--dimension-radius-half);background:transparent;cursor:pointer}@media (forced-colors: active){.bar-action.sc-ds-bar-action{--ds-control-elevation-shadow:none;--ds-control-elevation-highlight:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}`;const n=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}this.dsClear=a(this,"dsClear",7);this.count=0;this.selectedLabel="selected";this.clearLabel="Clear";this.label="Selected item actions";this.handleClear=o=>{this.dsClear.emit(o)}}get resolvedCount(){if(!Number.isFinite(this.count))return 0;return Math.max(0,Math.trunc(this.count))}get isVisible(){return this.resolvedCount>=1}render(){const o=`${this.resolvedCount} ${this.selectedLabel}`;return e(c,{key:"f2283b6ed67ac672a4c4200ac9f069e5599bb04e"},e("div",{key:"92ecd9a68c8475016820031cc279b6019bfbfaaa",class:"bar-action ds-chrome-row ds-chrome-space--md ds-control-elevation ds-control-elevation--md",hidden:!this.isVisible||undefined,role:"group","aria-label":this.label},e("div",{key:"0409db8a0a298735e6e28f9bbe3f8411f54bbd5d",class:"bar-action__copy"},e("ds-text",{key:"edf8d1e75a4dd7183f4f90e789b9ad3954159c01",class:"bar-action__count",as:"span",variant:"text-body-medium",color:"inherit",fontFeature:"tabular-nums",lineTruncation:1},o),e("ds-text",{key:"f1da1d1417ab30dde18516798c370b82eef7ff66",class:"bar-action__separator",as:"span",variant:"text-body-medium",color:"inherit","aria-hidden":"true"},"·"),e("button",{key:"b2a8407a9244bceab0f020348708b85dba071ccb",class:"bar-action__clear ds-text-action ds-text-action--on-bold ds-focus-ring",type:"button",onClick:this.handleClear},e("ds-text",{key:"497c55b7942416d50b11fe86b8dc0912b22ff01c",as:"span",variant:"text-body-medium",color:"inherit"},this.clearLabel))),e("div",{key:"1a15722730747ad9f9b33ad41aec6f3aca7ee30f",class:"bar-action__actions"},e("slot",{key:"bc2332506b1f6815f5ed46c813fd0e010db38360",name:"actions"}))),e("span",{key:"12bec45e090ca769c17fa52de82faa9782593e24",class:"bar-action__status ds-visually-hidden",role:"status","aria-live":"polite","aria-atomic":"true"},this.isVisible?o:""))}static get style(){return i()}},[262,"ds-bar-action",{count:[2],selectedLabel:[1,"selected-label"],clearLabel:[1,"clear-label"],label:[1]}]);function d(){if(typeof customElements==="undefined"){return}const o=["ds-bar-action","ds-text"];o.forEach((o=>{switch(o){case"ds-bar-action":if(!customElements.get(r(o))){customElements.define(r(o),n)}break;case"ds-text":if(!customElements.get(r(o))){t()}break}}))}d();const l=n;const b=d;export{l as DsBarAction,b as defineCustomElement};
+import{p as o,H as s,c as e,h as a,a as c,t as r}from"./index.js";import{d as t}from"./p-D8OWhnID.js";const i=()=>`.ds-control-elevation.sc-ds-bar-action-h,.ds-control-elevation.sc-ds-bar-action{position:relative;overflow:visible;box-shadow:var(--ds-control-elevation-shadow, none)}.ds-control-elevation.sc-ds-bar-action-h::after,.ds-control-elevation.sc-ds-bar-action::after{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;box-shadow:var(--ds-control-elevation-highlight, none);pointer-events:none}.ds-control-elevation--sm.sc-ds-bar-action-h,.ds-control-elevation--sm.sc-ds-bar-action{--ds-control-elevation-shadow:var(--effect-shadow-elevated-sm);--ds-control-elevation-highlight:var(--effect-highlight-elevated-sm)}.ds-control-elevation--md.sc-ds-bar-action-h,.ds-control-elevation--md.sc-ds-bar-action{--ds-control-elevation-shadow:var(--effect-shadow-elevated-md);--ds-control-elevation-highlight:var(--effect-highlight-elevated-md)}.ds-control-elevation--floating.sc-ds-bar-action-h,.ds-control-elevation--floating.sc-ds-bar-action{--ds-control-elevation-shadow:var(--effect-shadow-elevated-floating);--ds-control-elevation-highlight:var(--effect-highlight-elevated-floating)}.ds-control-elevation--press-scale.sc-ds-bar-action{--ds-control-press-active-scale:var(--dimension-scale-default);transition:scale var(--effect-motion-short-2)}.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-bar-action{scale:var(--dimension-scale-subtle)}@media (prefers-reduced-motion: reduce){.ds-control-elevation--press-scale.sc-ds-bar-action,.ds-control-elevation--press-scale[data-ds-press-active].sc-ds-bar-action{scale:none;transition:none}}.ds-chrome-space--sm.sc-ds-bar-action-h,.ds-chrome-space--sm.sc-ds-bar-action{--ds-chrome-padding:var(--dimension-space-050);--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-bar-action-h,.ds-chrome-space--md.sc-ds-bar-action{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-bar-action-h,.ds-chrome-space--lg.sc-ds-bar-action{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-bar-action-h,.ds-chrome-row.sc-ds-bar-action,.ds-chrome-column.sc-ds-bar-action-h,.ds-chrome-column.sc-ds-bar-action,.ds-chrome-grid.sc-ds-bar-action-h,.ds-chrome-grid.sc-ds-bar-action{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-action-h,.ds-chrome-row.sc-ds-bar-action{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-bar-action-h,.ds-chrome-column.sc-ds-bar-action{flex-direction:column}.ds-chrome-grid.sc-ds-bar-action-h,.ds-chrome-grid.sc-ds-bar-action{display:grid;align-items:center}@media (forced-colors: active){.sc-ds-bar-action:root,.sc-ds-bar-action-h,.ds-forced-colors-scope.sc-ds-bar-action{--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-bar-action-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-bar-action-h,.ds-focus-ring.sc-ds-bar-action,.ds-focus-ring-inset.sc-ds-bar-action-h,.ds-focus-ring-inset.sc-ds-bar-action{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-bar-action-h:focus-visible,.ds-focus-ring.sc-ds-bar-action: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-bar-action-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-bar-action{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-bar-action-h:focus-visible,.ds-focus-ring-inset.sc-ds-bar-action:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-bar-action-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-bar-action: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-bar-action-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-bar-action::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-bar-action-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-bar-action:root,.sc-ds-bar-action-h,.ds-forced-colors-scope.sc-ds-bar-action{--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-bar-action:where(.ds-text-decoration,.ds-text-action).sc-ds-bar-action{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text-action.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-bold-brand);--ds-text-decoration-color:var(--ds-text-action-foreground);color:var(--ds-text-action-foreground);text-decoration-line:none}.ds-text-action--on-medium.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-on-medium-background-primary);--ds-text-decoration-color:var(--color-foreground-on-medium-background-secondary);text-decoration-line:underline}.ds-text-action--on-strong.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-on-strong-background-primary);--ds-text-decoration-color:var(--color-foreground-on-strong-background-secondary);text-decoration-line:underline}.ds-text-action--on-bold.sc-ds-bar-action{--ds-text-action-foreground:var(--color-foreground-on-bold-background-primary);--ds-text-decoration-color:var(--color-foreground-on-bold-background-secondary);text-decoration-line:underline}@media (hover: hover) and (pointer: fine){.ds-text-action.sc-ds-bar-action:hover{text-decoration-line:underline}}@media (forced-colors: active){.ds-text-action.sc-ds-bar-action{text-decoration-line:underline;text-decoration-color:currentcolor}}.ds-visually-hidden.sc-ds-bar-action-h,.ds-visually-hidden.sc-ds-bar-action{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sc-ds-bar-action-h{display:block;min-width:0;box-sizing:border-box}[hidden].sc-ds-bar-action-h{display:none}.bar-action.sc-ds-bar-action{width:100%;min-width:0;box-sizing:border-box;height:var(--dimension-size-600);border-radius:var(--dimension-radius-half);background:var(--color-background-bold-brand);color:var(--color-foreground-on-bold-background-secondary);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.bar-action[hidden].sc-ds-bar-action,.bar-action__actions.sc-ds-bar-action:not(:has([slot='actions'])){display:none}.bar-action__copy.sc-ds-bar-action,.bar-action__actions.sc-ds-bar-action{display:flex;align-items:center;min-width:0;gap:var(--dimension-space-050)}.bar-action__copy.sc-ds-bar-action{flex:1 1 auto;padding-inline:var(--dimension-space-100)}.bar-action__count.sc-ds-bar-action{flex:0 1 auto;min-width:0}.bar-action__separator.sc-ds-bar-action,.bar-action__clear.sc-ds-bar-action,.bar-action__actions.sc-ds-bar-action{flex:0 0 auto}.bar-action__actions.sc-ds-bar-action{margin-inline-start:auto}.bar-action__actions.sc-ds-bar-action slot.sc-ds-bar-action{display:contents}.bar-action__clear.sc-ds-bar-action{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--dimension-size-400);margin:0;padding:var(--dimension-space-025);border:0;border-radius:var(--dimension-radius-half);background:transparent;cursor:pointer}@media (forced-colors: active){.bar-action.sc-ds-bar-action{--ds-control-elevation-shadow:none;--ds-control-elevation-highlight:none;outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}}`;const n=o(class o extends s{constructor(o){super();if(o!==false){this.__registerHost()}this.dsClear=e(this,"dsClear",7);this.count=0;this.selectedLabel="selected";this.clearLabel="Clear";this.label="Selected item actions";this.handleClear=o=>{this.dsClear.emit(o)}}get resolvedCount(){if(!Number.isFinite(this.count))return 0;return Math.max(0,Math.trunc(this.count))}get isVisible(){return this.resolvedCount>=1}render(){const o=`${this.resolvedCount} ${this.selectedLabel}`;return a(c,{key:"93d796ad4ed86e18f54be83ae169fa106b1ce7e3"},a("div",{key:"14bdb3f1bac9bd92c5cf5b8d1df09bd691e44e9d",class:"bar-action ds-chrome-row ds-chrome-space--md ds-control-elevation ds-control-elevation--md",hidden:!this.isVisible||undefined,role:"group","aria-label":this.label},a("div",{key:"9e5cae21b3821ccae9a863f72ab1a2fa660bdf2e",class:"bar-action__copy"},a("ds-text",{key:"6b5d1724007db35cb8e0f78b08a4696d98b60a31",class:"bar-action__count",as:"span",variant:"text-body-medium",color:"inherit",fontFeature:"tabular-nums",lineTruncation:1},o),a("ds-text",{key:"ffcbcd98329d3a27999700cb08415480a32b3624",class:"bar-action__separator",as:"span",variant:"text-body-medium",color:"inherit","aria-hidden":"true"},"·"),a("button",{key:"5d5ae5c80c643bf8ee642102de8c5a7c95bf3d09",class:"bar-action__clear ds-text-action ds-text-action--on-bold ds-focus-ring",type:"button",onClick:this.handleClear},a("ds-text",{key:"f329af1b88ec791660f040cd6d081392d500fa98",as:"span",variant:"text-body-medium",color:"inherit"},this.clearLabel))),a("div",{key:"d448c2add4c8b5ab4e9001de6ed389387861889b",class:"bar-action__actions"},a("slot",{key:"ef311856eda3ae9fe2e1d65e4523dfdc275fafd3",name:"actions"}))),a("span",{key:"18b5803ed25ce8c38c296f9846a777ccd95c6002",class:"bar-action__status ds-visually-hidden",role:"status","aria-live":"polite","aria-atomic":"true"},this.isVisible?o:""))}static get style(){return i()}},[262,"ds-bar-action",{count:[2],selectedLabel:[1,"selected-label"],clearLabel:[1,"clear-label"],label:[1]}]);function d(){if(typeof customElements==="undefined"){return}const o=["ds-bar-action","ds-text"];o.forEach((o=>{switch(o){case"ds-bar-action":if(!customElements.get(r(o))){customElements.define(r(o),n)}break;case"ds-text":if(!customElements.get(r(o))){t()}break}}))}d();const l=n;const b=d;export{l as DsBarAction,b as defineCustomElement};
 //# sourceMappingURL=ds-bar-action.js.map

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

@@ -1,2 +1,2 @@
-import{B as o,d as s}from"./p-mxZoWfnS.js";const t=o;const m=s;export{t as DsBarNav,m as defineCustomElement};
+import{B as o,d as s}from"./p-CX6ZxUQT.js";const t=o;const p=s;export{t as DsBarNav,p as defineCustomElement};
 //# sourceMappingURL=ds-bar-nav.js.map

package/dist/components/ds-bar-page-title.js

@@ -1,2 +1,2 @@
-import{B as o,d as s}from"./p-ZYWnJaye.js";const t=o;const a=s;export{t as DsBarPageTitle,a as defineCustomElement};
+import{B as s,d as o}from"./p-DYsE6HLk.js";const t=s;const p=o;export{t as DsBarPageTitle,p as defineCustomElement};
 //# sourceMappingURL=ds-bar-page-title.js.map

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

@@ -1,2 +1,2 @@
-import{B as o,d as p}from"./p-BLuqpHvp.js";const s=o;const t=p;export{s as DsBarTitle,t as defineCustomElement};
+import{B as o,d as s}from"./p-Doa2blZT.js";const t=o;const a=s;export{t as DsBarTitle,a as defineCustomElement};
 //# sourceMappingURL=ds-bar-title.js.map

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-Cn6AfzeF.js";import{d}from"./p-BzYW1IqO.js";import{d as n}from"./p-D7K1ZHML.js";import{d as l}from"./p-DjkUFlDW.js";import{d as c}from"./p-0XTyQNRG.js";import{d as m}from"./p-BR5OC2PX.js";import{d as b}from"./p-C1gaWjOm.js";import{d as h}from"./p-CNZ6-kWd.js";import{d as w}from"./p-B6qQaYkB.js";import{d as f}from"./p-C6Aavz9h.js";import{d as p}from"./p-CTGgXIXM.js";import{d as u}from"./p-BJJh-Bf7.js";import{d as k}from"./p-ZwRLjD5M.js";import{d as g}from"./p-C_Ma6Xa-.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(--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:"bd65a24b3dc6318c7cb47c0859480f7862c98862"},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 C=_;export{z as DsBarWorkflow,C 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-CwdRaJER.js";import{d}from"./p-MOJmB6vX.js";import{d as n}from"./p-D6FRqNhN.js";import{d as l}from"./p-DjkUFlDW.js";import{d as c}from"./p-0XTyQNRG.js";import{d as m}from"./p-Dnt5xUBD.js";import{d as b}from"./p-DSZPO06T.js";import{d as h}from"./p-CPamUzaj.js";import{d as w}from"./p-B9y6azEw.js";import{d as f}from"./p-Cgn-BORA.js";import{d as p}from"./p-DRdoGSGX.js";import{d as u}from"./p-B9TM6FqC.js";import{d as k}from"./p-D8OWhnID.js";import{d as g}from"./p-DIQiHX0q.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(--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:"336e11281b764dd9dcd4eba255a63805fbdda3e2"},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-UY63jmrO.js";const r=o;const t=s;export{r as DsBreadcrumb,t as defineCustomElement};
+import{B as o,d as s}from"./p-DVEx-Xg9.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-BzYW1IqO.js";const t=o;const p=s;export{t as DsButtonFilled,p as defineCustomElement};
+import{B as o,d as s}from"./p-MOJmB6vX.js";const t=o;const m=s;export{t as DsButtonFilled,m 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 s,a as o}from"./index.js";import{r,b as d}from"./p-vfCu7XSc.js";import{d as c}from"./p-Cn6AfzeF.js";import{d as a}from"./p-DjkUFlDW.js";import{d as l}from"./p-0XTyQNRG.js";import{d as u}from"./p-ZwRLjD5M.js";import{c as v}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-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(o,{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,...v(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(s(t))){customElements.define(s(t),h)}break;case"ds-badge":if(!customElements.get(s(t))){c()}break;case"ds-icon":if(!customElements.get(s(t))){a()}break;case"ds-loader":if(!customElements.get(s(t))){l()}break;case"ds-text":if(!customElements.get(s(t))){u()}break}}))}f();const p=h;const g=f;export{p as DsButtonInverted,g 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-CwdRaJER.js";import{d as a}from"./p-DjkUFlDW.js";import{d as l}from"./p-0XTyQNRG.js";import{d as v}from"./p-D8OWhnID.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-inverted.js.map

@@ -1 +1 @@
-{"version":3,"names":["buttonInvertedCss","ButtonInverted","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","size","isInset","insetDepth","width","label","labelEmphasis","icon","rounded","pressScale","isInactive","isLoading","type","ariaLabel","split","menuAriaLabel","hasMenu","buttonEl","menuButtonEl","handleClick","event","preventDefault","stopPropagation","dsClick","emit","handleMenuClick","dsMenuClick","setFocus","segment","focus","resolvedHaspopup","haspopup","undefined","resolvedSurfaceOpen","surfaceOpen","expanded","accessibleName","doubleInset","buttonClass","render","primaryButton","h","key","ref","el","class","disabled","controls","String","onPointerDown","beginElevatedControlPress","onClick","renderButtonContent","namespace","control","Host","controlWidthClass","tabIndex"],"sources":["src/wc/components/ButtonInverted/ButtonInverted.css?tag=ds-button-inverted&encapsulation=scoped","src/wc/components/ButtonInverted/ButtonInverted.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n@import '../../utils/button-base.css';\n@import '../../utils/button-split.css';\n\n:host {\n  --ds-button-split-divider: var(--color-inverted-border-tertiary);\n}\n\n.button-inverted {\n  background-color: var(--color-inverted-background);\n  color: var(--color-inverted-foreground-primary);\n  transition:\n    background-color var(--effect-motion-short-2),\n    color var(--effect-motion-short-2);\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport { controlWidthClass } from '../../utils';\nimport { beginElevatedControlPress } from '../../utils/control-press';\nimport { renderButtonContent } from '../../utils/button-render';\nimport type { ControlInsetDepth } from '../../utils/control-text';\nimport type { ButtonPopup, ButtonSize, ButtonVariant, ButtonWidth } from '../../utils/button-types';\n\nexport type ButtonInvertedVariant = ButtonVariant;\nexport type ButtonInvertedSize = ButtonSize;\nexport type ButtonInvertedWidth = ButtonWidth;\nexport type ButtonInvertedPopup = ButtonPopup;\n\n@Component({\n  tag: 'ds-button-inverted',\n  styleUrl: 'ButtonInverted.css',\n  scoped: true,\n})\nexport class ButtonInverted {\n  /**\n   * Content layout. Default is label-only; pass `icon` for icon-only chrome\n   * or `icon-label` for leading icon + text.\n   */\n  @Prop() variant: ButtonInvertedVariant = 'label';\n\n  /** Control density (height, padding, icon, type). */\n  @Prop() size: ButtonInvertedSize = 'md';\n\n  /** Use reduced outer geometry when nested inside a control of the same size. */\n  @Prop() isInset: boolean = false;\n\n  /** Single removes 4px overall; double removes 8px overall (xs stays single). */\n  @Prop() insetDepth: ControlInsetDepth = 'single';\n\n  /** Width fit — hug content (default) or fill the parent. */\n  @Prop() width: ButtonInvertedWidth = 'hug';\n\n  /** Visible text for `label` / `icon-label` variants. */\n  @Prop() label: string = '';\n\n  /** Whether the visible label uses the emphasized weight. */\n  @Prop() labelEmphasis: boolean = true;\n\n  /** Icon name passed to <ds-icon> for `icon` / `icon-label` variants. */\n  @Prop() icon: string = '';\n\n  /** Use the half-radius treatment instead of the default control radius. */\n  @Prop() rounded: boolean = false;\n\n  /**\n   * Scale down during a physical pointer press.\n   * Disable when an owning composite requires fixed child or background geometry.\n   */\n  @Prop() pressScale: boolean = true;\n\n  /** Disables interaction. */\n  @Prop() isInactive: boolean = false;\n\n  /** Shows an inline loader and prevents interaction without applying inactive opacity. */\n  @Prop() isLoading: boolean = false;\n\n  /** Native button type. */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /** Accessible name override. Required for icon-only buttons. */\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n\n  /** ID of the popup this button controls. */\n  @Prop() controls: string | undefined;\n\n  /** Controlled disclosure state forwarded to aria-expanded. */\n  @Prop() expanded: boolean | undefined;\n\n  /**\n   * The associated menu, picker, or panel is visible, including its exit motion.\n   * Holds only the pressed wash and does not set ARIA or selection state.\n   */\n  @Prop() surfaceOpen: boolean | undefined;\n\n  /** Popup type exposed to assistive technology. */\n  @Prop() haspopup: ButtonInvertedPopup | undefined;\n\n  /**\n   * Append a separate ChevronDown menu segment while preserving the inverted\n   * recipe, variant, size, loading, inactive, and width treatment.\n   */\n  @Prop() split: boolean = false;\n\n  /** Accessible name for the appended menu segment in split mode. */\n  @Prop() menuAriaLabel: string = 'More options';\n\n  /**\n   * This action has a menu: implies `aria-haspopup=\"menu\"` and adds the\n   * trailing chevron that carries the affordance.\n   *\n   * Only `label` and `icon-label` are supported. Icon-only menu triggers belong\n   * to ButtonUnfilled so the glyph can communicate the overflow affordance.\n   */\n  @Prop() hasMenu: boolean = false;\n\n  @Event() dsClick!: EventEmitter<MouseEvent>;\n  @Event() dsMenuClick!: EventEmitter<MouseEvent>;\n\n  private buttonEl: HTMLButtonElement | null = null;\n  private menuButtonEl: HTMLButtonElement | null = null;\n\n  @Method()\n  async setFocus(segment: 'primary' | 'menu' = 'primary') {\n    (segment === 'menu' ? this.menuButtonEl : this.buttonEl)?.focus();\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.isInactive || this.isLoading) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    this.dsClick.emit(event);\n  };\n\n  private handleMenuClick = (event: MouseEvent) => {\n    if (this.isInactive || this.isLoading) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    this.dsMenuClick.emit(event);\n  };\n\n  private get resolvedHaspopup(): ButtonInvertedPopup | undefined {\n    return this.haspopup ?? (this.hasMenu ? 'menu' : undefined);\n  }\n\n  private get resolvedSurfaceOpen(): boolean {\n    return (this.surfaceOpen ?? this.expanded === true) && !this.isInactive;\n  }\n\n  private get accessibleName(): string | undefined {\n    if (this.ariaLabel) return this.ariaLabel;\n    if (this.isLoading && this.variant === 'label' && this.label) return this.label;\n    return undefined;\n  }\n\n  private get doubleInset(): boolean {\n    return this.isInset && this.insetDepth === 'double' && this.size !== 'xs';\n  }\n\n  private buttonClass(variant: ButtonInvertedVariant, expanded: boolean): Record<string, boolean> {\n    return {\n      'button-inverted': true,\n      'ds-button': true,\n      'ds-focus-ring-inset': true,\n      'ds-control-press-scale': this.pressScale && !this.split,\n      'ds-interaction-fill': !this.isInactive,\n      'ds-interaction-fill--on-inverted': true,\n      'button-inverted--expanded': expanded,\n      'ds-interaction-fill--surface-open': expanded,\n      'ds-button--expanded': expanded,\n      'ds-control-inactive': this.isInactive,\n      'ds-control--lg': this.size === 'lg',\n      'ds-control--md': this.size === 'md',\n      'ds-control--sm': this.size === 'sm',\n      'ds-control--xs': this.size === 'xs',\n      'ds-control--inset': this.isInset && !this.doubleInset,\n      'ds-control--inset-double': this.doubleInset,\n      'ds-control-frame': true,\n      'button-inverted--icon': variant === 'icon',\n      'ds-button--icon': variant === 'icon',\n      'button-inverted--label': variant === 'label',\n      'button-inverted--icon-label': variant === 'icon-label',\n      'button-inverted--rounded': this.rounded,\n      'ds-button--rounded': this.rounded,\n    };\n  }\n\n  render() {\n    const primaryButton = (\n      <button\n        ref={el => {\n          this.buttonEl = el ?? null;\n        }}\n        type={this.type}\n        class={{\n          ...this.buttonClass(this.variant, !this.split && this.resolvedSurfaceOpen),\n          'ds-button-split__primary': this.split,\n        }}\n        disabled={this.isInactive}\n        aria-label={this.accessibleName}\n        aria-busy={this.isLoading ? 'true' : undefined}\n        aria-disabled={this.isLoading ? 'true' : undefined}\n        aria-controls={this.split ? undefined : this.controls}\n        aria-expanded={\n          this.split || this.expanded === undefined ? undefined : String(this.expanded)\n        }\n        aria-haspopup={this.split ? undefined : this.resolvedHaspopup}\n        onPointerDown={event =>\n          beginElevatedControlPress(\n            event,\n            this.pressScale && !this.split && !this.isInactive && !this.isLoading\n          )\n        }\n        onClick={this.handleClick}\n      >\n        {renderButtonContent({\n          namespace: 'button-inverted',\n          variant: this.variant,\n          size: this.size,\n          label: this.label,\n          labelEmphasis: this.labelEmphasis,\n          icon: this.icon,\n          hasMenu: !this.split && this.hasMenu,\n          isLoading: this.isLoading,\n        })}\n      </button>\n    );\n\n    const control = this.split ? (\n      <div\n        class={{\n          'ds-button-split': true,\n          'ds-button-split--rounded': this.rounded,\n        }}\n      >\n        {primaryButton}\n        <span class=\"ds-button-split__divider\" aria-hidden=\"true\" />\n        <button\n          ref={el => {\n            this.menuButtonEl = el ?? null;\n          }}\n          class={{\n            ...this.buttonClass('icon', this.resolvedSurfaceOpen),\n            'ds-button-split__menu': true,\n          }}\n          type=\"button\"\n          disabled={this.isInactive || this.isLoading}\n          aria-label={this.menuAriaLabel}\n          aria-controls={this.controls}\n          aria-expanded={String(this.expanded === true)}\n          aria-haspopup=\"menu\"\n          onClick={this.handleMenuClick}\n        >\n          {renderButtonContent({\n            namespace: 'button-inverted',\n            variant: 'icon',\n            size: this.size,\n            label: '',\n            labelEmphasis: true,\n            icon: 'ChevronDown',\n            hasMenu: false,\n            isLoading: false,\n          })}\n        </button>\n      </div>\n    ) : (\n      primaryButton\n    );\n\n    return (\n      <Host\n        class={{\n          'button-inverted-host': true,\n          'button-inverted-host--icon': this.variant === 'icon' && !this.split,\n          'ds-button-host--icon': this.variant === 'icon' && !this.split,\n          'ds-button-split-host': this.split,\n          'ds-button-split-host--primary-icon': this.split && this.variant === 'icon',\n          'ds-control--lg': this.size === 'lg',\n          'ds-control--md': this.size === 'md',\n          'ds-control--sm': this.size === 'sm',\n          'ds-control--xs': this.size === 'xs',\n          'ds-control--inset': this.isInset && !this.doubleInset,\n          'ds-control--inset-double': this.doubleInset,\n          ...controlWidthClass(this.width),\n        }}\n        tabIndex={-1}\n      >\n        {control}\n      </Host>\n    );\n  }\n}\n"],"mappings":"4RAAA,MAAMA,EAAoB,IAAM,o8vB,MCiBnBC,EAAcC,EAAA,MAAAD,UAAAE,EAL3B,WAAAC,CAAAC,G,sHAUUC,KAAAC,QAAiC,QAGjCD,KAAAE,KAA2B,KAG3BF,KAAAG,QAAmB,MAGnBH,KAAAI,WAAgC,SAGhCJ,KAAAK,MAA6B,MAG7BL,KAAAM,MAAgB,GAGhBN,KAAAO,cAAyB,KAGzBP,KAAAQ,KAAe,GAGfR,KAAAS,QAAmB,MAMnBT,KAAAU,WAAsB,KAGtBV,KAAAW,WAAsB,MAGtBX,KAAAY,UAAqB,MAGrBZ,KAAAa,KAAsC,SAGXb,KAAAc,UAA2B,KAqBtDd,KAAAe,MAAiB,MAGjBf,KAAAgB,cAAwB,eASxBhB,KAAAiB,QAAmB,MAKnBjB,KAAAkB,SAAqC,KACrClB,KAAAmB,aAAyC,KAOzCnB,KAAAoB,YAAeC,IACrB,GAAIrB,KAAKW,YAAcX,KAAKY,UAAW,CACrCS,EAAMC,iBACND,EAAME,kBACN,M,CAEFvB,KAAKwB,QAAQC,KAAKJ,EAAM,EAGlBrB,KAAA0B,gBAAmBL,IACzB,GAAIrB,KAAKW,YAAcX,KAAKY,UAAW,CACrCS,EAAMC,iBACND,EAAME,kBACN,M,CAEFvB,KAAK2B,YAAYF,KAAKJ,EAAM,CAyJ/B,CA5KC,cAAMO,CAASC,EAA8B,YAC1CA,IAAY,OAAS7B,KAAKmB,aAAenB,KAAKkB,WAAWY,O,CAqB5D,oBAAYC,GACV,OAAO/B,KAAKgC,WAAahC,KAAKiB,QAAU,OAASgB,U,CAGnD,uBAAYC,GACV,OAAQlC,KAAKmC,aAAenC,KAAKoC,WAAa,QAAUpC,KAAKW,U,CAG/D,kBAAY0B,GACV,GAAIrC,KAAKc,UAAW,OAAOd,KAAKc,UAChC,GAAId,KAAKY,WAAaZ,KAAKC,UAAY,SAAWD,KAAKM,MAAO,OAAON,KAAKM,MAC1E,OAAO2B,S,CAGT,eAAYK,GACV,OAAOtC,KAAKG,SAAWH,KAAKI,aAAe,UAAYJ,KAAKE,OAAS,I,CAG/D,WAAAqC,CAAYtC,EAAgCmC,GAClD,MAAO,CACL,kBAAmB,KACnB,YAAa,KACb,sBAAuB,KACvB,yBAA0BpC,KAAKU,aAAeV,KAAKe,MACnD,uBAAwBf,KAAKW,WAC7B,mCAAoC,KACpC,4BAA6ByB,EAC7B,oCAAqCA,EACrC,sBAAuBA,EACvB,sBAAuBpC,KAAKW,WAC5B,iBAAkBX,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,oBAAqBF,KAAKG,UAAYH,KAAKsC,YAC3C,2BAA4BtC,KAAKsC,YACjC,mBAAoB,KACpB,wBAAyBrC,IAAY,OACrC,kBAAmBA,IAAY,OAC/B,yBAA0BA,IAAY,QACtC,8BAA+BA,IAAY,aAC3C,2BAA4BD,KAAKS,QACjC,qBAAsBT,KAAKS,Q,CAI/B,MAAA+B,GACE,MAAMC,EACJC,EAAA,UAAAC,IAAA,2CACEC,IAAKC,IACH7C,KAAKkB,SAAW2B,GAAM,IAAI,EAE5BhC,KAAMb,KAAKa,KACXiC,MAAO,IACF9C,KAAKuC,YAAYvC,KAAKC,SAAUD,KAAKe,OAASf,KAAKkC,qBACtD,2BAA4BlC,KAAKe,OAEnCgC,SAAU/C,KAAKW,WAAU,aACbX,KAAKqC,eAAc,YACpBrC,KAAKY,UAAY,OAASqB,UAAS,gBAC/BjC,KAAKY,UAAY,OAASqB,UAAS,gBACnCjC,KAAKe,MAAQkB,UAAYjC,KAAKgD,SAAQ,gBAEnDhD,KAAKe,OAASf,KAAKoC,WAAaH,UAAYA,UAAYgB,OAAOjD,KAAKoC,UAAS,gBAEhEpC,KAAKe,MAAQkB,UAAYjC,KAAK+B,iBAC7CmB,cAAe7B,GACb8B,EACE9B,EACArB,KAAKU,aAAeV,KAAKe,QAAUf,KAAKW,aAAeX,KAAKY,WAGhEwC,QAASpD,KAAKoB,aAEbiC,EAAoB,CACnBC,UAAW,kBACXrD,QAASD,KAAKC,QACdC,KAAMF,KAAKE,KACXI,MAAON,KAAKM,MACZC,cAAeP,KAAKO,cACpBC,KAAMR,KAAKQ,KACXS,SAAUjB,KAAKe,OAASf,KAAKiB,QAC7BL,UAAWZ,KAAKY,aAKtB,MAAM2C,EAAUvD,KAAKe,MACnB2B,EAAA,OACEI,MAAO,CACL,kBAAmB,KACnB,2BAA4B9C,KAAKS,UAGlCgC,EACDC,EAAA,QAAMI,MAAM,2BAA0B,cAAa,SACnDJ,EAAA,UACEE,IAAKC,IACH7C,KAAKmB,aAAe0B,GAAM,IAAI,EAEhCC,MAAO,IACF9C,KAAKuC,YAAY,OAAQvC,KAAKkC,qBACjC,wBAAyB,MAE3BrB,KAAK,SACLkC,SAAU/C,KAAKW,YAAcX,KAAKY,UAAS,aAC/BZ,KAAKgB,cAAa,gBACfhB,KAAKgD,SAAQ,gBACbC,OAAOjD,KAAKoC,WAAa,MAAK,gBAC/B,OACdgB,QAASpD,KAAK0B,iBAEb2B,EAAoB,CACnBC,UAAW,kBACXrD,QAAS,OACTC,KAAMF,KAAKE,KACXI,MAAO,GACPC,cAAe,KACfC,KAAM,cACNS,QAAS,MACTL,UAAW,UAGX,EAKR,OACE8B,EAACc,EAAI,CAAAb,IAAA,2CACHG,MAAO,CACL,uBAAwB,KACxB,6BAA8B9C,KAAKC,UAAY,SAAWD,KAAKe,MAC/D,uBAAwBf,KAAKC,UAAY,SAAWD,KAAKe,MACzD,uBAAwBf,KAAKe,MAC7B,qCAAsCf,KAAKe,OAASf,KAAKC,UAAY,OACrE,iBAAkBD,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,oBAAqBF,KAAKG,UAAYH,KAAKsC,YAC3C,2BAA4BtC,KAAKsC,eAC9BmB,EAAkBzD,KAAKK,QAE5BqD,UAAU,GAETH,E","ignoreList":[]}
+{"version":3,"names":["buttonInvertedCss","ButtonInverted","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","size","isInset","insetDepth","width","label","labelEmphasis","icon","rounded","pressScale","isInactive","isLoading","type","ariaLabel","split","menuAriaLabel","hasMenu","buttonEl","menuButtonEl","handleClick","event","preventDefault","stopPropagation","dsClick","emit","handleMenuClick","dsMenuClick","setFocus","segment","focus","resolvedHaspopup","haspopup","undefined","resolvedSurfaceOpen","surfaceOpen","expanded","accessibleName","doubleInset","buttonClass","render","primaryButton","h","key","ref","el","class","disabled","controls","String","onPointerDown","beginElevatedControlPress","onClick","renderButtonContent","namespace","control","Host","controlWidthClass","tabIndex"],"sources":["src/wc/components/ButtonInverted/ButtonInverted.css?tag=ds-button-inverted&encapsulation=scoped","src/wc/components/ButtonInverted/ButtonInverted.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n@import '../../utils/button-base.css';\n@import '../../utils/button-split.css';\n\n:host {\n  --ds-button-split-divider: var(--color-inverted-border-tertiary);\n}\n\n.button-inverted {\n  background-color: var(--color-inverted-background);\n  color: var(--color-inverted-foreground-primary);\n  transition:\n    background-color var(--effect-motion-short-2),\n    color var(--effect-motion-short-2);\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport { controlWidthClass } from '../../utils';\nimport { beginElevatedControlPress } from '../../utils/control-press';\nimport { renderButtonContent } from '../../utils/button-render';\nimport type { ControlInsetDepth } from '../../utils/control-text';\nimport type { ButtonPopup, ButtonSize, ButtonVariant, ButtonWidth } from '../../utils/button-types';\n\nexport type ButtonInvertedVariant = ButtonVariant;\nexport type ButtonInvertedSize = ButtonSize;\nexport type ButtonInvertedWidth = ButtonWidth;\nexport type ButtonInvertedPopup = ButtonPopup;\n\n@Component({\n  tag: 'ds-button-inverted',\n  styleUrl: 'ButtonInverted.css',\n  scoped: true,\n})\nexport class ButtonInverted {\n  /**\n   * Content layout. Default is label-only; pass `icon` for icon-only chrome\n   * or `icon-label` for leading icon + text.\n   */\n  @Prop() variant: ButtonInvertedVariant = 'label';\n\n  /** Control density (height, padding, icon, type). */\n  @Prop() size: ButtonInvertedSize = 'md';\n\n  /** Use reduced outer geometry when nested inside a control of the same size. */\n  @Prop() isInset: boolean = false;\n\n  /** Single removes 4px overall; double removes 8px overall (xs stays single). */\n  @Prop() insetDepth: ControlInsetDepth = 'single';\n\n  /** Width fit — hug content (default) or fill the parent. */\n  @Prop() width: ButtonInvertedWidth = 'hug';\n\n  /** Visible text for `label` / `icon-label` variants. */\n  @Prop() label: string = '';\n\n  /** Whether the visible label uses the emphasized weight. */\n  @Prop() labelEmphasis: boolean = true;\n\n  /** Icon name passed to <ds-icon> for `icon` / `icon-label` variants. */\n  @Prop() icon: string = '';\n\n  /** Use the half-radius treatment instead of the default control radius. */\n  @Prop() rounded: boolean = false;\n\n  /**\n   * Scale down during a physical pointer press.\n   * Disable when an owning composite requires fixed child or background geometry.\n   */\n  @Prop() pressScale: boolean = true;\n\n  /** Disables interaction. */\n  @Prop() isInactive: boolean = false;\n\n  /** Shows an inline loader and prevents interaction without applying inactive opacity. */\n  @Prop() isLoading: boolean = false;\n\n  /** Native button type. */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /** Accessible name override. Required for icon-only buttons. */\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n\n  /** ID of the popup this button controls. */\n  @Prop() controls: string | undefined;\n\n  /** Controlled disclosure state forwarded to aria-expanded. */\n  @Prop() expanded: boolean | undefined;\n\n  /**\n   * The associated menu, picker, or panel is visible, including its exit motion.\n   * Holds only the pressed wash and does not set ARIA or selection state.\n   */\n  @Prop() surfaceOpen: boolean | undefined;\n\n  /** Popup type exposed to assistive technology. */\n  @Prop() haspopup: ButtonInvertedPopup | undefined;\n\n  /**\n   * Append a separate ChevronDown menu segment while preserving the inverted\n   * recipe, variant, size, loading, inactive, and width treatment.\n   */\n  @Prop() split: boolean = false;\n\n  /** Accessible name for the appended menu segment in split mode. */\n  @Prop() menuAriaLabel: string = 'More options';\n\n  /**\n   * This action has a menu: implies `aria-haspopup=\"menu\"` and adds the\n   * trailing chevron that carries the affordance.\n   *\n   * Only `label` and `icon-label` are supported. Icon-only menu triggers belong\n   * to ButtonUnfilled so the glyph can communicate the overflow affordance.\n   */\n  @Prop() hasMenu: boolean = false;\n\n  @Event() dsClick!: EventEmitter<MouseEvent>;\n  @Event() dsMenuClick!: EventEmitter<MouseEvent>;\n\n  private buttonEl: HTMLButtonElement | null = null;\n  private menuButtonEl: HTMLButtonElement | null = null;\n\n  @Method()\n  async setFocus(segment: 'primary' | 'menu' = 'primary') {\n    (segment === 'menu' ? this.menuButtonEl : this.buttonEl)?.focus();\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.isInactive || this.isLoading) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    this.dsClick.emit(event);\n  };\n\n  private handleMenuClick = (event: MouseEvent) => {\n    if (this.isInactive || this.isLoading) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    this.dsMenuClick.emit(event);\n  };\n\n  private get resolvedHaspopup(): ButtonInvertedPopup | undefined {\n    return this.haspopup ?? (this.hasMenu ? 'menu' : undefined);\n  }\n\n  private get resolvedSurfaceOpen(): boolean {\n    return (this.surfaceOpen ?? this.expanded === true) && !this.isInactive;\n  }\n\n  private get accessibleName(): string | undefined {\n    if (this.ariaLabel) return this.ariaLabel;\n    if (this.isLoading && this.variant === 'label' && this.label) return this.label;\n    return undefined;\n  }\n\n  private get doubleInset(): boolean {\n    return this.isInset && this.insetDepth === 'double' && this.size !== 'xs';\n  }\n\n  private buttonClass(variant: ButtonInvertedVariant, expanded: boolean): Record<string, boolean> {\n    return {\n      'button-inverted': true,\n      'ds-button': true,\n      'ds-focus-ring-inset': true,\n      'ds-control-press-scale': this.pressScale && !this.split,\n      'ds-interaction-fill': !this.isInactive,\n      'ds-interaction-fill--on-inverted': true,\n      'button-inverted--expanded': expanded,\n      'ds-interaction-fill--surface-open': expanded,\n      'ds-button--expanded': expanded,\n      'ds-control-inactive': this.isInactive,\n      'ds-control--lg': this.size === 'lg',\n      'ds-control--md': this.size === 'md',\n      'ds-control--sm': this.size === 'sm',\n      'ds-control--xs': this.size === 'xs',\n      'ds-control--inset': this.isInset && !this.doubleInset,\n      'ds-control--inset-double': this.doubleInset,\n      'ds-control-frame': true,\n      'button-inverted--icon': variant === 'icon',\n      'ds-button--icon': variant === 'icon',\n      'button-inverted--label': variant === 'label',\n      'button-inverted--icon-label': variant === 'icon-label',\n      'button-inverted--rounded': this.rounded,\n      'ds-button--rounded': this.rounded,\n    };\n  }\n\n  render() {\n    const primaryButton = (\n      <button\n        ref={el => {\n          this.buttonEl = el ?? null;\n        }}\n        type={this.type}\n        class={{\n          ...this.buttonClass(this.variant, !this.split && this.resolvedSurfaceOpen),\n          'ds-button-split__primary': this.split,\n        }}\n        disabled={this.isInactive}\n        aria-label={this.accessibleName}\n        aria-busy={this.isLoading ? 'true' : undefined}\n        aria-disabled={this.isLoading ? 'true' : undefined}\n        aria-controls={this.split ? undefined : this.controls}\n        aria-expanded={\n          this.split || this.expanded === undefined ? undefined : String(this.expanded)\n        }\n        aria-haspopup={this.split ? undefined : this.resolvedHaspopup}\n        onPointerDown={event =>\n          beginElevatedControlPress(\n            event,\n            this.pressScale && !this.split && !this.isInactive && !this.isLoading\n          )\n        }\n        onClick={this.handleClick}\n      >\n        {renderButtonContent({\n          namespace: 'button-inverted',\n          variant: this.variant,\n          size: this.size,\n          label: this.label,\n          labelEmphasis: this.labelEmphasis,\n          icon: this.icon,\n          hasMenu: !this.split && this.hasMenu,\n          isLoading: this.isLoading,\n        })}\n      </button>\n    );\n\n    const control = this.split ? (\n      <div\n        class={{\n          'ds-button-split': true,\n          'ds-button-split--rounded': this.rounded,\n        }}\n      >\n        {primaryButton}\n        <span class=\"ds-button-split__divider\" aria-hidden=\"true\" />\n        <button\n          ref={el => {\n            this.menuButtonEl = el ?? null;\n          }}\n          class={{\n            ...this.buttonClass('icon', this.resolvedSurfaceOpen),\n            'ds-button-split__menu': true,\n          }}\n          type=\"button\"\n          disabled={this.isInactive || this.isLoading}\n          aria-label={this.menuAriaLabel}\n          aria-controls={this.controls}\n          aria-expanded={String(this.expanded === true)}\n          aria-haspopup=\"menu\"\n          onClick={this.handleMenuClick}\n        >\n          {renderButtonContent({\n            namespace: 'button-inverted',\n            variant: 'icon',\n            size: this.size,\n            label: '',\n            labelEmphasis: true,\n            icon: 'ChevronDown',\n            hasMenu: false,\n            isLoading: false,\n          })}\n        </button>\n      </div>\n    ) : (\n      primaryButton\n    );\n\n    return (\n      <Host\n        class={{\n          'button-inverted-host': true,\n          'button-inverted-host--icon': this.variant === 'icon' && !this.split,\n          'ds-button-host--icon': this.variant === 'icon' && !this.split,\n          'ds-button-split-host': this.split,\n          'ds-button-split-host--primary-icon': this.split && this.variant === 'icon',\n          'ds-control--lg': this.size === 'lg',\n          'ds-control--md': this.size === 'md',\n          'ds-control--sm': this.size === 'sm',\n          'ds-control--xs': this.size === 'xs',\n          'ds-control--inset': this.isInset && !this.doubleInset,\n          'ds-control--inset-double': this.doubleInset,\n          ...controlWidthClass(this.width),\n        }}\n        tabIndex={-1}\n      >\n        {control}\n      </Host>\n    );\n  }\n}\n"],"mappings":"4RAAA,MAAMA,EAAoB,IAAM,2ywB,MCiBnBC,EAAcC,EAAA,MAAAD,UAAAE,EAL3B,WAAAC,CAAAC,G,sHAUUC,KAAAC,QAAiC,QAGjCD,KAAAE,KAA2B,KAG3BF,KAAAG,QAAmB,MAGnBH,KAAAI,WAAgC,SAGhCJ,KAAAK,MAA6B,MAG7BL,KAAAM,MAAgB,GAGhBN,KAAAO,cAAyB,KAGzBP,KAAAQ,KAAe,GAGfR,KAAAS,QAAmB,MAMnBT,KAAAU,WAAsB,KAGtBV,KAAAW,WAAsB,MAGtBX,KAAAY,UAAqB,MAGrBZ,KAAAa,KAAsC,SAGXb,KAAAc,UAA2B,KAqBtDd,KAAAe,MAAiB,MAGjBf,KAAAgB,cAAwB,eASxBhB,KAAAiB,QAAmB,MAKnBjB,KAAAkB,SAAqC,KACrClB,KAAAmB,aAAyC,KAOzCnB,KAAAoB,YAAeC,IACrB,GAAIrB,KAAKW,YAAcX,KAAKY,UAAW,CACrCS,EAAMC,iBACND,EAAME,kBACN,M,CAEFvB,KAAKwB,QAAQC,KAAKJ,EAAM,EAGlBrB,KAAA0B,gBAAmBL,IACzB,GAAIrB,KAAKW,YAAcX,KAAKY,UAAW,CACrCS,EAAMC,iBACND,EAAME,kBACN,M,CAEFvB,KAAK2B,YAAYF,KAAKJ,EAAM,CAyJ/B,CA5KC,cAAMO,CAASC,EAA8B,YAC1CA,IAAY,OAAS7B,KAAKmB,aAAenB,KAAKkB,WAAWY,O,CAqB5D,oBAAYC,GACV,OAAO/B,KAAKgC,WAAahC,KAAKiB,QAAU,OAASgB,U,CAGnD,uBAAYC,GACV,OAAQlC,KAAKmC,aAAenC,KAAKoC,WAAa,QAAUpC,KAAKW,U,CAG/D,kBAAY0B,GACV,GAAIrC,KAAKc,UAAW,OAAOd,KAAKc,UAChC,GAAId,KAAKY,WAAaZ,KAAKC,UAAY,SAAWD,KAAKM,MAAO,OAAON,KAAKM,MAC1E,OAAO2B,S,CAGT,eAAYK,GACV,OAAOtC,KAAKG,SAAWH,KAAKI,aAAe,UAAYJ,KAAKE,OAAS,I,CAG/D,WAAAqC,CAAYtC,EAAgCmC,GAClD,MAAO,CACL,kBAAmB,KACnB,YAAa,KACb,sBAAuB,KACvB,yBAA0BpC,KAAKU,aAAeV,KAAKe,MACnD,uBAAwBf,KAAKW,WAC7B,mCAAoC,KACpC,4BAA6ByB,EAC7B,oCAAqCA,EACrC,sBAAuBA,EACvB,sBAAuBpC,KAAKW,WAC5B,iBAAkBX,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,oBAAqBF,KAAKG,UAAYH,KAAKsC,YAC3C,2BAA4BtC,KAAKsC,YACjC,mBAAoB,KACpB,wBAAyBrC,IAAY,OACrC,kBAAmBA,IAAY,OAC/B,yBAA0BA,IAAY,QACtC,8BAA+BA,IAAY,aAC3C,2BAA4BD,KAAKS,QACjC,qBAAsBT,KAAKS,Q,CAI/B,MAAA+B,GACE,MAAMC,EACJC,EAAA,UAAAC,IAAA,2CACEC,IAAKC,IACH7C,KAAKkB,SAAW2B,GAAM,IAAI,EAE5BhC,KAAMb,KAAKa,KACXiC,MAAO,IACF9C,KAAKuC,YAAYvC,KAAKC,SAAUD,KAAKe,OAASf,KAAKkC,qBACtD,2BAA4BlC,KAAKe,OAEnCgC,SAAU/C,KAAKW,WAAU,aACbX,KAAKqC,eAAc,YACpBrC,KAAKY,UAAY,OAASqB,UAAS,gBAC/BjC,KAAKY,UAAY,OAASqB,UAAS,gBACnCjC,KAAKe,MAAQkB,UAAYjC,KAAKgD,SAAQ,gBAEnDhD,KAAKe,OAASf,KAAKoC,WAAaH,UAAYA,UAAYgB,OAAOjD,KAAKoC,UAAS,gBAEhEpC,KAAKe,MAAQkB,UAAYjC,KAAK+B,iBAC7CmB,cAAe7B,GACb8B,EACE9B,EACArB,KAAKU,aAAeV,KAAKe,QAAUf,KAAKW,aAAeX,KAAKY,WAGhEwC,QAASpD,KAAKoB,aAEbiC,EAAoB,CACnBC,UAAW,kBACXrD,QAASD,KAAKC,QACdC,KAAMF,KAAKE,KACXI,MAAON,KAAKM,MACZC,cAAeP,KAAKO,cACpBC,KAAMR,KAAKQ,KACXS,SAAUjB,KAAKe,OAASf,KAAKiB,QAC7BL,UAAWZ,KAAKY,aAKtB,MAAM2C,EAAUvD,KAAKe,MACnB2B,EAAA,OACEI,MAAO,CACL,kBAAmB,KACnB,2BAA4B9C,KAAKS,UAGlCgC,EACDC,EAAA,QAAMI,MAAM,2BAA0B,cAAa,SACnDJ,EAAA,UACEE,IAAKC,IACH7C,KAAKmB,aAAe0B,GAAM,IAAI,EAEhCC,MAAO,IACF9C,KAAKuC,YAAY,OAAQvC,KAAKkC,qBACjC,wBAAyB,MAE3BrB,KAAK,SACLkC,SAAU/C,KAAKW,YAAcX,KAAKY,UAAS,aAC/BZ,KAAKgB,cAAa,gBACfhB,KAAKgD,SAAQ,gBACbC,OAAOjD,KAAKoC,WAAa,MAAK,gBAC/B,OACdgB,QAASpD,KAAK0B,iBAEb2B,EAAoB,CACnBC,UAAW,kBACXrD,QAAS,OACTC,KAAMF,KAAKE,KACXI,MAAO,GACPC,cAAe,KACfC,KAAM,cACNS,QAAS,MACTL,UAAW,UAGX,EAKR,OACE8B,EAACc,EAAI,CAAAb,IAAA,2CACHG,MAAO,CACL,uBAAwB,KACxB,6BAA8B9C,KAAKC,UAAY,SAAWD,KAAKe,MAC/D,uBAAwBf,KAAKC,UAAY,SAAWD,KAAKe,MACzD,uBAAwBf,KAAKe,MAC7B,qCAAsCf,KAAKe,OAASf,KAAKC,UAAY,OACrE,iBAAkBD,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,oBAAqBF,KAAKG,UAAYH,KAAKsC,YAC3C,2BAA4BtC,KAAKsC,eAC9BmB,EAAkBzD,KAAKK,QAE5BqD,UAAU,GAETH,E","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{B as o,d as s}from"./p-D7K1ZHML.js";const t=o;const p=s;export{t as DsButtonUnfilled,p as defineCustomElement};
+import{B as o,d as s}from"./p-D6FRqNhN.js";const t=o;const p=s;export{t as DsButtonUnfilled,p 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-Dqfc6Nvd.js";const t=o;const c=s;export{t as DsCalendar,c as defineCustomElement};
+import{C as o,d as s}from"./p-CUDocY23.js";const t=o;const c=s;export{t as DsCalendar,c 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 i,h as r,a as t,t as c}from"./index.js";import{d as o}from"./p-7V1AhetH.js";import{d as a}from"./p-DjkUFlDW.js";import{d as s}from"./p-BJJh-Bf7.js";import{d}from"./p-ZwRLjD5M.js";import{r as l}from"./p-rCeztgVn.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-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=i(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 i=e.id.replace(/[^a-zA-Z0-9_-]/g,"-");return`ds-card-action-center-${this.instanceId}-${n}-${i}`}handleAction(e,n,i,r){if(n.isInactive)return;const t=this.dsAction.emit({sectionId:e.id,itemId:n.id,item:n,href:i,originalEvent:r});if(i&&t.defaultPrevented)r.preventDefault()}renderValue(e){if(e.value===undefined||e.value===null)return null;const n=String(e.value);if(e.tag){return r("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 r("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 i=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=[r("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(i){return r("a",{class:t,href:i,onClick:r=>this.handleAction(e,n,i,r)},c)}return r("button",{type:"button",class:t,disabled:n.isInactive||undefined,onClick:i=>this.handleAction(e,n,undefined,i)},c)}render(){const e=this.visibleSections;return r(t,{key:"bf54088dc1a57be1b06cb595b3fc0aca421ad385"},e.length?e.map(((e,n)=>r("div",{class:"card-action-center__group"},n>0?r("div",{class:"card-action-center__divider"},r("ds-divider",{inset:"space-100",length:"calc(100% - var(--dimension-space-200))"})):null,r("section",{class:"card-action-center__section","aria-labelledby":this.headingId(e,n)},r("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),r("ul",{class:"card-action-center__list"},e.items.map((n=>r("li",null,this.renderItem(e,n))))))))):r("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 r,h as i,a as t,t as c}from"./index.js";import{d as o}from"./p-B0BQCVkq.js";import{d as a}from"./p-DjkUFlDW.js";import{d as s}from"./p-B9TM6FqC.js";import{d}from"./p-D8OWhnID.js";import{r as l}from"./p-rCeztgVn.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};
 //# sourceMappingURL=ds-card-action-center.js.map