npm - @uh-design-system/component-library - Versions diffs - 1.6.0-rc.0 → 1.6.0-rc.2 - Mend

@uh-design-system/component-library 1.6.0-rc.0 → 1.6.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2985) hide show

package/dist/component-library/p-fff45e76.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{M as t,r as o,e as n,f as s,h as d,H as e}from"./p-BY4gL2mu.js";import{c as r}from"./p-BfTCfPZ1.js";import{b as _,i as u}from"./p-Dzq9qJk7.js";import{t as l,a as b,d as i}from"./p-CRB48Q9-.js";import{c as a}from"./p-Clz-BdWd.js";import{a as y}from"./p-C9mdP0Mo.js";import{c}from"./p-Ba4UA2-5.js";import"./p-ibes2pfw.js";const W=class extends(t(c("ds-button"),y)){constructor(t){super(),o(this,t)}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return n(this)}dsForm;dsId=this.getUniqueId();dsName=this.dsId;dsAutoFocus=!1;dsText="";dsValue="";dsVariant="primary";dsColour="blue";dsSize="medium";dsIcon="";dsIconPosition="start";dsIconTitle;dsIconAriaLabel;dsType="button";dsDisabled=!1;dsLoading=!1;dsUseSpinner=!1;dsSpinnerHiddenText;dsFullWidth=!1;dsRole;dsAriaDisabled;dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsAriaExpanded;dsAriaPressed;dsAriaControls;dsAriaHaspopup;dsAriaHidden=!1;dsTabIndex;dsHiddenAssistiveText;dsActive=!1;dsInInput=!1;dsNoFocusRing=!1;hasDefaultSlot=!1;isActive=this.dsActive;text="";async setFocus(){this.buttonEl?.focus()}hasDefaultSlotContent=()=>Array.from(this.el.childNodes).some((t=>{if(t.nodeType===Node.ELEMENT_NODE){const o=t;return!o.hasAttribute("slot")||""===o.getAttribute("slot")}return t.nodeType===Node.TEXT_NODE&&(t.textContent?.trim().length??0)>0}));componentWillLoad(){if(this.getDeprecationWarningsForAriaAttributes(this.el),this.dsUseSpinner&&!this.dsSpinnerHiddenText)throw new Error("dsSpinnerHiddenText is required when dsUseSpinner is true.");this.isActive=this.dsActive,this.inheritedAttributes={...u(this,this.el),..._(this.el)},this.text=this.dsText||this.dsValue}componentDidLoad(){this.componentMounted(),this.hasDefaultSlot=this.hasDefaultSlotContent()}dsTextObserver(t){this.text=t||this.dsValue}dsValueObserver(t){this.dsText||(this.text=t)}dsActiveObserver(t){this.isActive=t}ariaAttributeObserver(t,o,n){this.inheritedAttributes={...this.inheritedAttributes,[n]:t},s(this)}handleKeyDown=t=>{if(!t.repeat)switch(t.key){case"Enter":case" ":this.pressedKeys.add(t.key),this.isActive=!0}};handleKeyUp=t=>{switch(t.key){case"Enter":case" ":this.pressedKeys.delete(t.key),0===this.pressedKeys.size&&(this.isActive=this.dsActive)}};handleBlur=()=>{this.dsActive||(this.isActive=!1)};getSpinnerColour=()=>{if("primary"===this.dsVariant){if("blue"===this.dsColour)return"white";if("white"===this.dsColour)return"black";if("black"===this.dsColour)return"white";if("danger"===this.dsColour)return"white"}return this.dsColour};handleDefaultSlotChange=()=>{this.hasDefaultSlot=this.hasDefaultSlot||this.hasDefaultSlotContent()};renderIcon=t=>{const o=r(`${t}__icon`),n="small"===this.dsSize?"1.25rem":void 0,s=l("ds-icon","ds-button",this.el);return d(s,{class:o,dsName:this.dsIcon,dsCustomSize:n,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};getBooleanishAttribute=(t,o)=>"string"!=typeof t||"true"!==t&&"false"!==t?"boolean"==typeof t?t?"true":"false":o:t;renderButton=()=>{const t=!!this.text||this.hasDefaultSlot,o=a("ds-button"),n=r(`${o} ${o}--${this.dsVariant} ${o}--${this.dsColour} ${o}--${this.dsSize}`,{[`${o}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&t,[`${o}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&t,[`${o}--icon-only`]:this.dsIcon&&!t,[`${o}--disabled`]:this.dsDisabled,[`${o}--${this.dsColour}--active`]:this.isActive,[`${o}--in-input`]:this.dsInInput,[`${o}--no-focus-ring`]:this.dsNoFocusRing}),s=l("ds-spinner","ds-button",this.el),e=l("ds-visually-hidden","ds-button",this.el),{role:_,"aria-label":u,"aria-labelledby":i,"aria-describedby":y,"aria-disabled":c,"aria-expanded":W,"aria-pressed":g,"aria-controls":p,"aria-haspopup":v,...h}=this.inheritedAttributes,f=this.dsRole??_,m=this.dsAriaLabel||u,k=this.dsAriaLabelledby||i,C=this.dsAriaDescribedby||y,x=this.dsAriaControls||p,w=this.dsAriaHaspopup??v,L=this.getBooleanishAttribute(this.dsAriaDisabled,c),S=this.getBooleanishAttribute(this.dsAriaExpanded,W),D=this.getBooleanishAttribute(this.dsAriaPressed,g);return d("button",{ref:t=>this.buttonEl=t,class:n,id:this.dsId,value:this.dsValue,name:this.dsName,form:this.dsForm,type:this.dsType,disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,...b("autofocus",this.dsAutoFocus),...b("role",f),...b("aria-disabled",L),...b("aria-label",m),...b("aria-labelledby",k),...b("aria-describedby",C),...b("aria-expanded",S),...b("aria-pressed",D),...b("aria-controls",x),...b("aria-haspopup",w),...b("aria-hidden",this.dsAriaHidden?"true":void 0),...b("tabindex",this.dsTabIndex),...h},d("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(o),this.dsLoading&&d(s,{class:`${o}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":void 0})),d("span",{class:`${o}__value`,hidden:!t},d("slot",{onSlotchange:this.handleDefaultSlotChange}),this.text),this.dsHiddenAssistiveText&&d(e,{dsTag:"span"},this.dsHiddenAssistiveText),d("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(o)))};render(){const t=`${a("ds-button")}__host`,o=this.renderButton();return d(e,{key:"c137e9d7efd727c7bb9cc76f2b28b1f36b93a370",class:r(t,{[`${t}--full-width`]:this.dsFullWidth})},this.dsUseSpinner?d("div",{"aria-live":"polite"},o):o)}static get watchers(){return{dsText:[{dsTextObserver:0}],dsValue:[{dsValueObserver:0}],dsActive:[{dsActiveObserver:0}],"aria-disabled":[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-pressed":[{ariaAttributeObserver:0}],"aria-expanded":[{ariaAttributeObserver:0}],"aria-controls":[{ariaAttributeObserver:0}],"aria-haspopup":[{ariaAttributeObserver:0}]}}};i([d("ds-icon",{dsName:""}),d("ds-spinner",null),d("ds-visually-hidden",null)]),W.style=".ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.ds-button__9el4Wy__host.sc-ds-button-h{display:inline-block}.ds-button__9el4Wy__host--full-width.sc-ds-button-h{width:100%}.ds-button__9el4Wy.sc-ds-button{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:default}.ds-button__9el4Wy__value[hidden].sc-ds-button{display:none}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--supplementary) .ds-button__9el4Wy__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__9el4Wy--supplementary.sc-ds-button:has(.ds-button__9el4Wy__spinner) .ds-button__9el4Wy__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__9el4Wy__icon.sc-ds-button{height:1.5rem}.ds-button__9el4Wy.sc-ds-button:has(.ds-button__9el4Wy__spinner):not(.ds-button__9el4Wy--small) .ds-button__9el4Wy__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__9el4Wy__spinner.sc-ds-button{display:flex}.ds-button__9el4Wy--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--small):not(.ds-button__9el4Wy--secondary){border-width:0px;min-width:var(--ds-button-min-width, auto);font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--small).ds-button__9el4Wy--secondary{border-width:var(--ds-borderWidth-thin);min-width:var(--ds-button-min-width, auto);font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--small).ds-button__9el4Wy--icon-only{padding-left:0;padding-right:0}.ds-button__9el4Wy--small.ds-button__9el4Wy--icon-start.sc-ds-button,.ds-button__9el4Wy--small.ds-button__9el4Wy--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__9el4Wy--small.sc-ds-button:not(.ds-button__9el4Wy--secondary){border-width:0px;min-width:var(--ds-button-min-width, auto);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:var(--ds-button-min-height, 2rem);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__9el4Wy--small.ds-button__9el4Wy--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);min-width:var(--ds-button-min-width, auto);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:var(--ds-button-min-height, 2rem);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__9el4Wy--small.ds-button__9el4Wy--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__9el4Wy--small.sc-ds-button .ds-button__9el4Wy__icon.sc-ds-button{height:auto}.ds-button__9el4Wy--icon-start.sc-ds-button:not(.ds-button__9el4Wy--small) .ds-button__9el4Wy__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__9el4Wy--icon-end.sc-ds-button:not(.ds-button__9el4Wy--small) .ds-button__9el4Wy__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:active,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.sc-ds-button:not(.ds-button__9el4Wy--in-input,.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:active,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--no-focus-ring.sc-ds-button:not(.ds-button__9el4Wy--in-input).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--primary.ds-button__9el4Wy--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring).ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.sc-ds-button:not(.ds-button__9el4Wy--no-focus-ring){--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--primary.ds-button__9el4Wy--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--secondary.ds-button__9el4Wy--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:active,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.ds-button__9el4Wy--disabled.sc-ds-button,.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.ds-button__9el4Wy--supplementary.ds-button__9el4Wy--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__9el4Wy.ds-button__9el4Wy--in-input.ds-button__9el4Wy--no-focus-ring.sc-ds-button{--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}";export{W as ds_button}

package/dist/component-library/p-ibes2pfw.js ADDED Viewed

@@ -0,0 +1 @@

+ import{S as e}from"./p-BY4gL2mu.js";const t=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys()){const n=e.get(t).filter((e=>{const t=e.deref();return t&&(!("isConnected"in(n=t))||n.isConnected);var n}));e.set(t,n)}})(...t)}),2e3)}})(),n=e.forceUpdate,o=e.getRenderingRef,s=(e,t)=>{const n=e.indexOf(t);n>=0&&(e[n]=e[e.length-1],e.length--)},r=["fi","sv","en"],c="en",a=(()=>{const e=((e,t=(e,t)=>e!==t)=>{const n=()=>{return("function"==typeof(t=e)?t():t)??{};var t},o=n();let r=new Map(Object.entries(o));const c="undefined"!=typeof Proxy,a=c?null:{},u={dispose:[],get:[],set:[],reset:[]},i=new Map,f=()=>{r=new Map(Object.entries(n())),c||m(),u.reset.forEach((e=>e()))},p=e=>(u.get.forEach((t=>t(e))),r.get(e)),l=(e,n)=>{const o=r.get(e);t(n,o,e)&&(r.set(e,n),c||b(e),u.set.forEach((t=>t(e,n,o))))},g=c?new Proxy(o,{get:(e,t)=>p(t),ownKeys:()=>Array.from(r.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>r.has(t),set:(e,t,n)=>(l(t,n),!0)}):(m(),a),d=(e,t)=>(u[e].push(t),()=>{s(u[e],t)});function b(e){!c&&a&&(Object.prototype.hasOwnProperty.call(a,e)||Object.defineProperty(a,e,{configurable:!0,enumerable:!0,get:()=>p(e),set(t){l(e,t)}}))}function m(){if(c||!a)return;const e=new Set(r.keys());for(const t of Object.keys(a))e.has(t)||delete a[t];for(const t of e)b(t)}return{state:g,get:p,set:l,on:d,onChange:(e,t)=>{const o=(n,o)=>{n===e&&t(o)},s=()=>{const o=n();t(o[e])},r=d("set",o),c=d("reset",s);return i.set(t,{setHandler:o,resetHandler:s,propName:e}),()=>{r(),c(),i.delete(t)}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(d("set",t.set)),t.get&&e.push(d("get",t.get)),t.reset&&e.push(d("reset",t.reset)),t.dispose&&e.push(d("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{u.dispose.forEach((e=>e())),f()},reset:f,forceUpdate:e=>{const t=r.get(e);u.set.forEach((n=>n(e,t,t)))},removeListener:(e,t)=>{const n=i.get(t);n&&n.propName===e&&(s(u.set,n.setHandler),s(u.reset,n.resetHandler),i.delete(t))}}})({...{language:c}},void 0);return e.use((()=>{if("function"!=typeof o||"function"!=typeof n)return{};const e=n,s=o,r=new Map;return{dispose:()=>r.clear(),get:e=>{const t=s();t&&((e,t,n)=>{let o=e.get(t);o||(o=[],e.set(t,o)),o.some((e=>e.deref()===n))||o.push(new WeakRef(n))})(r,e,t)},set:n=>{const o=r.get(n);if(o){const t=o.filter((t=>{const n=t.deref();return!!n&&e(n)}));r.set(n,t)}t(r)},reset:()=>{r.forEach((t=>{t.forEach((t=>{const n=t.deref();n&&e(n)}))})),t(r)}}})()),e})(),u=a.state,i=a.onChange,f=()=>u.language,p=e=>{(e=>r.includes(e))(e)?u.language=e:console.warn(`Unsupported language "${e}" provided to component library. Falling back to default language "${c}".`)},l=({language:e=c}={})=>{p(e)};export{c as d,f as g,l as i,i as o,p as s}

package/dist/component-library/p-uPxblaRf.js ADDED Viewed

@@ -0,0 +1 @@

+ import{t}from"./p-CRB48Q9-.js";const s="__ds_tabs_context__",n="dsTabsContextUpdate";function o(s,n){const o=t("ds-tabs","ds-tabs",n),a=s.closest(o);return a instanceof HTMLElement&&a===n}function a(t,s){t.dispatchEvent(new CustomEvent(n,{bubbles:!1,detail:{...s}}))}function e(t,n){t[s]=n}function b(s,n){e(s,n);const b=[t("ds-tablist","ds-tabs",c=s),t("ds-tabpanel","ds-tabs",c),t("ds-tab","ds-tabs",c)].join(", ");var c;const d=s.querySelectorAll(b);for(const t of d)o(t,s)&&a(t,n)}function c(t){let n=t.parentElement;for(;n;){if(n[s])return n[s];n=n.parentElement}return console.warn(`${t.tagName} must be used inside ds-tabs component`),null}export{n as C,c,b as p,e as s}

package/dist/component-library/p-y2yISPfD.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ const o=["default","neutral","white","primary","info","danger","success","attention","disabled-onDark","disabled-onLight"],e=["hover","active"],r=(o,e)=>`ds-iconColor-${o}${e?`-${e}`:""}`,t=e=>o.includes(e)?r(e):e;o.map((o=>r(o))).reduce(((o,t)=>{o.push(t);for(const a of e)o.push(r(t,a));return o}),[]);export{r as g,t as r}

package/dist/components/ds-accordion.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as o,M as d,c as t,h as s,t as c}from"./p-CcmqGmdl.js";import{c as n}from"./p-BfTCfPZ1.js";import{t as r,d as i}from"./p-ChKb-Fx7.js";import{c as e}from"./p-uMjjtLqZ.js";import{a,i as l}from"./p-BecId8t2.js";import{g as _}from"./p-Bryw62FZ.js";import{c as b}from"./p-B0staoGW.js";import{d as p}from"./p-T8sk4OTo.js";import{d as h}from"./p-nzR0rIwQ.js";import{d as u}from"./p-CDomyHcd.js";import{d as g}from"./p-IfuavV1d.js";const m=o(class extends(d(b("ds-accordion",{stopRootTracking:!0}))){constructor(o){super(),!1!==o&&this.__registerHost(),this.dsToggle=t(this,"dsToggle",7)}inheritedAttributes={};get el(){return this}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=this.getUniqueId();dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsHeaderHasBackground="expanded";dsContentHasBackground=!0;isExpanded=!1;dsToggle;async setIsExpanded(o){this.isExpanded=o}headerButtonRef;shouldMoveFocus=!1;get ariaLabelledBy(){return[this.dsId,this.dsAriaLabelledBy].filter(Boolean).join(" ")}get DsButton(){return r("ds-button","ds-accordion",this.el)}get DsIcon(){return r("ds-icon","ds-accordion",this.el)}get close(){switch(_()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={...l(this.el),...a(this,this.el)}}componentDidLoad(){this.componentMounted()}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${e("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const d=o.target.closest(`.${e("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};renderHeading(o){const d="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return s("div",{class:n(o+"__title",{[o+"__title--with-background"]:"always"===this.dsHeaderHasBackground\|\|"expanded"===this.dsHeaderHasBackground&&this.isExpanded,[o+"__title--border-aligned"]:this.dsBorderAligned,[o+"__title--hide-top-border"]:this.dsHideTopBorder,[o+"__title--hide-right-border"]:this.dsHideRightBorder,[o+"__title--hide-left-border"]:this.dsHideLeftBorder}),...d},"icon-button"===this.dsHeadingVariant&&s("div",{class:n(o+"__header-slot",`${o}__header-slot--${this.dsVariant}`,`${o}__header-slot--${this.dsHeadingVariant}`,{[o+"__header-slot--hide-top-border"]:this.dsHideTopBorder,[o+"__header-slot--hide-bottom-border"]:!this.isExpanded&&this.dsHideBottomBorder})},s("slot",{name:"header"})),s("div",{class:n(o+"__open-button-container")},s("button",{class:n(o+"__open-button",`${o}__open-button--${this.dsVariant}`,`${o}__open-button--${this.dsHeadingVariant}`,{[o+"__open-button--border-aligned"]:this.dsBorderAligned,[o+"__open-button--hide-bottom-border"]:(()=>"button"===this.dsHeadingVariant?this.isExpanded&&!this.dsHideContentBorders\|\|this.dsHideBottomBorder:(!this.dsHideContentBorders\|\|this.dsHideBottomBorder)&&!this.isExpanded&&this.dsHideBottomBorder)()}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":this.dsId+"-panel","aria-describedby":this.dsAriaDescribedBy,"aria-labelledby":this.ariaLabelledBy,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},s("span",{class:n(o+"__open-button__icon",`${o}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},s(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&s("span",{class:n(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},s("slot",{name:"header"})))))}render(){const o=e("ds-accordion");return s("div",{key:"481989a210862e9fd3de916261c2bfae779b1ca3",class:n(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},s("div",{key:"3b347e0f3cc39275614d3c36fd8d78abfc01cf2d",class:o+"__item"},this.renderHeading(o),s("div",{key:"4b68f600d43bfd03fe18652520bb1f47572c552b",id:this.dsId+"-panel",role:"region","aria-labelledby":this.dsId,class:n(o+"__panel",`${o}__panel--${this.dsVariant}`,{[o+"__panel--expanded"]:this.isExpanded,[o+"__panel--with-background"]:this.dsContentHasBackground,[o+"__panel--hide-right-border"]:this.dsHideRightBorder\|\|this.dsHideContentBorders,[o+"__panel--hide-left-border"]:this.dsHideLeftBorder\|\|this.dsHideContentBorders}),hidden:!this.isExpanded},s("div",{key:"35f65b2ef7acfc61ad40f2abff0b01edcc5d9843",class:n(o+"__content",{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[o+"__content--border-aligned"]:this.dsBorderAligned,[o+"__content--with-background"]:this.dsContentHasBackground,[o+"__content--hide-bottom-border"]:this.dsHideBottomBorder\|\|this.dsHideContentBorders,[o+"__content--has-close-button"]:this.dsUseCloseButton})},s("slot",{key:"99be0fa07b1af287f2147a078a1ba24f3be8b24c",name:"content"}),this.dsUseCloseButton&&s(this.DsButton,{key:"97bde80f2e150480ff73efbdb268b8c01c9f81f8",id:this.dsId+"-close-button",class:o+"__close-button",dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel\|\|this.close,dsSize:"small",dsType:"button"})))))}static get watchers(){return{isExpanded:[{watchHandler:0}]}}static get style(){return'.ds-accordion__cpPWV0.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__cpPWV0__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__cpPWV0__title.sc-ds-accordion:not(.ds-accordion__cpPWV0__title--hide-top-border) .ds-accordion__cpPWV0__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__cpPWV0__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__cpPWV0__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__cpPWV0__title--border-aligned.ds-accordion__cpPWV0__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__cpPWV0__title--border-aligned.ds-accordion__cpPWV0__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__cpPWV0__title--with-background.sc-ds-accordion .ds-accordion__cpPWV0__open-button.sc-ds-accordion:not(.ds-accordion__cpPWV0__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__cpPWV0__title--with-background.sc-ds-accordion:has(.ds-accordion__cpPWV0__open-button.ds-accordion__cpPWV0__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__cpPWV0__title.sc-ds-accordion:has(.ds-accordion__cpPWV0__open-button:hover:not(.ds-accordion__cpPWV0__open-button--icon-button)) .ds-accordion__cpPWV0__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__cpPWV0__title.sc-ds-accordion:has(.ds-accordion__cpPWV0__open-button:active:not(.ds-accordion__cpPWV0__open-button--icon-button)) .ds-accordion__cpPWV0__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__cpPWV0__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__cpPWV0__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__cpPWV0__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__cpPWV0__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__cpPWV0__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__cpPWV0__open-button-container.sc-ds-accordion:has(.ds-accordion__cpPWV0__open-button:not(.ds-accordion__cpPWV0__open-button--icon-button)){width:100%}.ds-accordion__cpPWV0__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__cpPWV0__open-button-container.sc-ds-accordion:has(.ds-accordion__cpPWV0__open-button--border-aligned:not(.ds-accordion__cpPWV0__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__cpPWV0__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__cpPWV0__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0)}.ds-accordion__cpPWV0__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__cpPWV0__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__cpPWV0__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__cpPWV0__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__cpPWV0__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__cpPWV0__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__cpPWV0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__cpPWV0__open-button--icon-button){padding-inline:0}.ds-accordion__cpPWV0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__cpPWV0__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__cpPWV0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__cpPWV0__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__cpPWV0__title--with-background.sc-ds-accordion .ds-accordion__cpPWV0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__cpPWV0__open-button--icon-button)::before,.ds-accordion__cpPWV0__title--with-background.sc-ds-accordion .ds-accordion__cpPWV0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__cpPWV0__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__cpPWV0__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__cpPWV0__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__cpPWV0__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__cpPWV0__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__cpPWV0__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__cpPWV0__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__cpPWV0__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__cpPWV0__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__cpPWV0__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__cpPWV0__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__cpPWV0__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__cpPWV0__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__cpPWV0__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__cpPWV0__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__cpPWV0__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__cpPWV0.sc-ds-accordion-s>[slot=header],.ds-accordion__cpPWV0 .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__cpPWV0__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__cpPWV0__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__cpPWV0__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__cpPWV0__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__cpPWV0__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__cpPWV0__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__cpPWV0__content--with-background.sc-ds-accordion::before,.ds-accordion__cpPWV0__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__cpPWV0__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}.ds-accordion__cpPWV0.sc-ds-accordion-s>div[slot=header][class=toc],.ds-accordion__cpPWV0 .sc-ds-accordion-s>div[slot=header][class=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__cpPWV0.sc-ds-accordion-s>ul[slot=content][class=toc],.ds-accordion__cpPWV0 .sc-ds-accordion-s>ul[slot=content][class=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}'}},[774,"ds-accordion",{dsVariant:[1,"ds-variant"],dsBorderAligned:[4,"ds-border-aligned"],dsOpenByDefault:[4,"ds-open-by-default"],dsId:[1,"ds-id"],dsHeadingLevel:[2,"ds-heading-level"],dsUseCloseButton:[4,"ds-use-close-button"],dsCloseButtonLabel:[1,"ds-close-button-label"],dsHideContentBorders:[4,"ds-hide-content-borders"],dsHideTopBorder:[4,"ds-hide-top-border"],dsHideRightBorder:[4,"ds-hide-right-border"],dsHideBottomBorder:[4,"ds-hide-bottom-border"],dsHideLeftBorder:[4,"ds-hide-left-border"],dsHeadingVariant:[1,"ds-heading-variant"],dsAriaDescribedBy:[1,"ds-aria-described-by"],dsAriaLabelledBy:[1,"ds-aria-labelled-by"],dsHeaderHasBackground:[1,"ds-header-has-background"],dsContentHasBackground:[4,"ds-content-has-background"],isExpanded:[32],setIsExpanded:[64]},void 0,{isExpanded:[{watchHandler:0}]}]);i([s("ds-icon",{dsName:""}),s("ds-button",null)]);const f=m,v=function(){"undefined"!=typeof customElements&&["ds-accordion","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-accordion":customElements.get(c(o))\|\|customElements.define(c(o),m);break;case"ds-button":customElements.get(c(o))\|\|p();break;case"ds-icon":customElements.get(c(o))\|\|h();break;case"ds-spinner":customElements.get(c(o))\|\|u();break;case"ds-visually-hidden":customElements.get(c(o))\|\|g()}}))};export{f as DsAccordion,v as defineCustomElement}
1	+ import{p as o,M as d,c as t,h as e,t as s}from"./p-Clnflbiz.js";import{c as n}from"./p-BfTCfPZ1.js";import{t as r,d as i}from"./p-Duz7I_DQ.js";import{c as a}from"./p-C7gqnikf.js";import{a as c,i as l}from"./p-5l5qZ1Ad.js";import{g as _}from"./p-DdyM9c6W.js";import{c as b}from"./p-BNucxURn.js";import{d as h}from"./p-CFIMJWhN.js";import{d as p}from"./p-DGgJGxC8.js";import{d as u}from"./p-CQHlIDeK.js";import{d as g}from"./p-Db_yp4Ff.js";const y=o(class extends(d(b("ds-accordion",{stopRootTracking:!0}))){constructor(o){super(),!1!==o&&this.__registerHost(),this.dsToggle=t(this,"dsToggle",7)}inheritedAttributes={};get el(){return this}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=this.getUniqueId();dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsHeaderHasBackground="expanded";dsContentHasBackground=!0;isExpanded=!1;dsToggle;async setIsExpanded(o){this.isExpanded=o}headerButtonRef;shouldMoveFocus=!1;get ariaLabelledBy(){return[this.dsId,this.dsAriaLabelledBy].filter(Boolean).join(" ")}get DsButton(){return r("ds-button","ds-accordion",this.el)}get DsIcon(){return r("ds-icon","ds-accordion",this.el)}get close(){switch(_()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={...l(this.el),...c(this,this.el)}}componentDidLoad(){this.componentMounted()}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${a("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const d=o.target.closest(`.${a("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};renderHeading(o){const d="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return e("div",{class:n(o+"__title",{[o+"__title--with-background"]:"always"===this.dsHeaderHasBackground\|\|"expanded"===this.dsHeaderHasBackground&&this.isExpanded,[o+"__title--border-aligned"]:this.dsBorderAligned,[o+"__title--hide-top-border"]:this.dsHideTopBorder,[o+"__title--hide-right-border"]:this.dsHideRightBorder,[o+"__title--hide-left-border"]:this.dsHideLeftBorder}),...d},"icon-button"===this.dsHeadingVariant&&e("div",{class:n(o+"__header-slot",`${o}__header-slot--${this.dsVariant}`,`${o}__header-slot--${this.dsHeadingVariant}`,{[o+"__header-slot--hide-top-border"]:this.dsHideTopBorder,[o+"__header-slot--hide-bottom-border"]:!this.isExpanded&&this.dsHideBottomBorder})},e("slot",{name:"header"})),e("div",{class:n(o+"__open-button-container")},e("button",{class:n(o+"__open-button",`${o}__open-button--${this.dsVariant}`,`${o}__open-button--${this.dsHeadingVariant}`,{[o+"__open-button--border-aligned"]:this.dsBorderAligned,[o+"__open-button--hide-bottom-border"]:(()=>"button"===this.dsHeadingVariant?this.isExpanded&&!this.dsHideContentBorders\|\|this.dsHideBottomBorder:(!this.dsHideContentBorders\|\|this.dsHideBottomBorder)&&!this.isExpanded&&this.dsHideBottomBorder)()}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":this.dsId+"-panel","aria-describedby":this.dsAriaDescribedBy,"aria-labelledby":this.ariaLabelledBy,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},e("span",{class:n(o+"__open-button__icon",`${o}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},e(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&e("span",{class:n(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},e("slot",{name:"header"})))))}render(){const o=a("ds-accordion");return e("div",{key:"b4bf9b3c93b32b3e897b86fe1a11393ce2935422",class:n(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},e("div",{key:"8a6c1b4fee1a31e99a3263a39a6d9033415220ff",class:o+"__item"},this.renderHeading(o),e("div",{key:"c3e5be58e92e67905de1360e1be6a0513c61e8a6",id:this.dsId+"-panel",role:"region","aria-labelledby":this.dsId,class:n(o+"__panel",`${o}__panel--${this.dsVariant}`,{[o+"__panel--expanded"]:this.isExpanded,[o+"__panel--with-background"]:this.dsContentHasBackground,[o+"__panel--hide-right-border"]:this.dsHideRightBorder\|\|this.dsHideContentBorders,[o+"__panel--hide-left-border"]:this.dsHideLeftBorder\|\|this.dsHideContentBorders}),hidden:!this.isExpanded},e("div",{key:"52968968a33d30bf247616a7a52ac71b41fb92c5",class:n(o+"__content",{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[o+"__content--border-aligned"]:this.dsBorderAligned,[o+"__content--with-background"]:this.dsContentHasBackground,[o+"__content--hide-bottom-border"]:this.dsHideBottomBorder\|\|this.dsHideContentBorders,[o+"__content--has-close-button"]:this.dsUseCloseButton})},e("slot",{key:"5b21aec4e5ddbd947270edf88c158b0a25845473",name:"content"}),this.dsUseCloseButton&&e(this.DsButton,{key:"b5dcddc2f1d7cbcf7fc8c1508f05f2b480a8f475",id:this.dsId+"-close-button",class:o+"__close-button",dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel\|\|this.close,dsSize:"small",dsType:"button"})))))}static get watchers(){return{isExpanded:[{watchHandler:0}]}}static get style(){return'.ds-accordion__9el4Wy.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__9el4Wy__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__9el4Wy__title.sc-ds-accordion:not(.ds-accordion__9el4Wy__title--hide-top-border) .ds-accordion__9el4Wy__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__9el4Wy__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__9el4Wy__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__9el4Wy__title--border-aligned.ds-accordion__9el4Wy__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__9el4Wy__title--border-aligned.ds-accordion__9el4Wy__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__9el4Wy__title--with-background.sc-ds-accordion .ds-accordion__9el4Wy__open-button.sc-ds-accordion:not(.ds-accordion__9el4Wy__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__9el4Wy__title--with-background.sc-ds-accordion:has(.ds-accordion__9el4Wy__open-button.ds-accordion__9el4Wy__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__9el4Wy__title.sc-ds-accordion:has(.ds-accordion__9el4Wy__open-button:hover:not(.ds-accordion__9el4Wy__open-button--icon-button)) .ds-accordion__9el4Wy__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__9el4Wy__title.sc-ds-accordion:has(.ds-accordion__9el4Wy__open-button:active:not(.ds-accordion__9el4Wy__open-button--icon-button)) .ds-accordion__9el4Wy__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__9el4Wy__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__9el4Wy__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__9el4Wy__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__9el4Wy__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__9el4Wy__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__9el4Wy__open-button-container.sc-ds-accordion:has(.ds-accordion__9el4Wy__open-button:not(.ds-accordion__9el4Wy__open-button--icon-button)){width:100%}.ds-accordion__9el4Wy__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__9el4Wy__open-button-container.sc-ds-accordion:has(.ds-accordion__9el4Wy__open-button--border-aligned:not(.ds-accordion__9el4Wy__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__9el4Wy__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__9el4Wy__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0)}.ds-accordion__9el4Wy__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__9el4Wy__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__9el4Wy__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__9el4Wy__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__9el4Wy__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__9el4Wy__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__9el4Wy__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__9el4Wy__open-button--icon-button){padding-inline:0}.ds-accordion__9el4Wy__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__9el4Wy__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__9el4Wy__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__9el4Wy__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__9el4Wy__title--with-background.sc-ds-accordion .ds-accordion__9el4Wy__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__9el4Wy__open-button--icon-button)::before,.ds-accordion__9el4Wy__title--with-background.sc-ds-accordion .ds-accordion__9el4Wy__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__9el4Wy__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__9el4Wy__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__9el4Wy__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__9el4Wy__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__9el4Wy__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__9el4Wy__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__9el4Wy__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__9el4Wy__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__9el4Wy__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__9el4Wy__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__9el4Wy__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__9el4Wy__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__9el4Wy__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__9el4Wy__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__9el4Wy__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__9el4Wy__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__9el4Wy.sc-ds-accordion-s>[slot=header],.ds-accordion__9el4Wy .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__9el4Wy__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__9el4Wy__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__9el4Wy__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__9el4Wy__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__9el4Wy__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__9el4Wy__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__9el4Wy__content--with-background.sc-ds-accordion::before,.ds-accordion__9el4Wy__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__9el4Wy__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}.ds-accordion__9el4Wy.sc-ds-accordion-s>div[slot=header][class=toc],.ds-accordion__9el4Wy .sc-ds-accordion-s>div[slot=header][class=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__9el4Wy.sc-ds-accordion-s>ul[slot=content][class=toc],.ds-accordion__9el4Wy .sc-ds-accordion-s>ul[slot=content][class=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}'}},[774,"ds-accordion",{dsVariant:[1,"ds-variant"],dsBorderAligned:[4,"ds-border-aligned"],dsOpenByDefault:[4,"ds-open-by-default"],dsId:[1,"ds-id"],dsHeadingLevel:[2,"ds-heading-level"],dsUseCloseButton:[4,"ds-use-close-button"],dsCloseButtonLabel:[1,"ds-close-button-label"],dsHideContentBorders:[4,"ds-hide-content-borders"],dsHideTopBorder:[4,"ds-hide-top-border"],dsHideRightBorder:[4,"ds-hide-right-border"],dsHideBottomBorder:[4,"ds-hide-bottom-border"],dsHideLeftBorder:[4,"ds-hide-left-border"],dsHeadingVariant:[1,"ds-heading-variant"],dsAriaDescribedBy:[1,"ds-aria-described-by"],dsAriaLabelledBy:[1,"ds-aria-labelled-by"],dsHeaderHasBackground:[1,"ds-header-has-background"],dsContentHasBackground:[4,"ds-content-has-background"],isExpanded:[32],setIsExpanded:[64]},void 0,{isExpanded:[{watchHandler:0}]}]);i([e("ds-icon",{dsName:""}),e("ds-button",null)]);const m=y,v=function(){"undefined"!=typeof customElements&&["ds-accordion","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-accordion":customElements.get(s(o))\|\|customElements.define(s(o),y);break;case"ds-button":customElements.get(s(o))\|\|h();break;case"ds-icon":customElements.get(s(o))\|\|p();break;case"ds-spinner":customElements.get(s(o))\|\|u();break;case"ds-visually-hidden":customElements.get(s(o))\|\|g()}}))};export{m as DsAccordion,v as defineCustomElement}

package/dist/components/ds-action-list-divider.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as e,h as d,t}from"./p-~~CcmqGmdl~~.js";import{d ~~as i~~}from"./p-~~ChKb-Fx7~~.js";import{d as r}from"./p-~~DQ_ZQKlF~~.js";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}render(){return d("ds-divider",{key:"95cc93cebd41fb7e27bfdbb127d7a24fb1209275",dsVariant:"accessible",dsOrientation:"horizontal"})}},[2,"ds-action-list-divider"]);i([d("ds-divider",null)]);const c=o,n=function(){"undefined"!=typeof customElements&&["ds-action-list-divider","ds-divider"].forEach((s=>{switch(s){case"ds-action-list-divider":customElements.get(t(s))\|\|customElements.define(t(s),o);break;case"ds-divider":customElements.get(t(s))\|\|r()}}))};export{c as DsActionListDivider,n as defineCustomElement}
1	+ import{p as s,H as e,h as i,t}from"./p-Clnflbiz.js";import{d}from"./p-Duz7I_DQ.js";import{d as r}from"./p-C7vwGuoj.js";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}render(){return i("ds-divider",{key:"95cc93cebd41fb7e27bfdbb127d7a24fb1209275",dsVariant:"accessible",dsOrientation:"horizontal"})}},[2,"ds-action-list-divider"]);d([i("ds-divider",null)]);const n=o,c=function(){"undefined"!=typeof customElements&&["ds-action-list-divider","ds-divider"].forEach((s=>{switch(s){case"ds-action-list-divider":customElements.get(t(s))\|\|customElements.define(t(s),o);break;case"ds-divider":customElements.get(t(s))\|\|r()}}))};export{n as DsActionListDivider,c as defineCustomElement}

package/dist/components/ds-action-list-group-title.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,M as s,h as i,d as o,t as l}from"./p-~~CcmqGmdl~~.js";import{c as e}from"./p-~~uMjjtLqZ~~.js";import{c as a}from"./p-~~B0staoGW~~.js";const d=t(class extends(s(a("ds-action-list-group-title"))){constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=this.getUniqueId();render(){const t=e("ds-action-list-group-title");return i(o,{key:"1b283379ba11079f2189d151010b288869af58c5",id:this.dsId,class:t},this.dsTitle)}static get style(){return".ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-~~title__cpPWV0~~.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}"}},[514,"ds-action-list-group-title",{dsTitle:[1,"ds-title"],dsId:[1,"ds-id"]}]),r=d,n=function(){"undefined"!=typeof customElements&&["ds-action-list-group-title"].forEach((t=>{"ds-action-list-group-title"===t&&(customElements.get(l(t))\|\|customElements.define(l(t),d))}))};export{r as DsActionListGroupTitle,n as defineCustomElement}
1	+ import{p as t,M as s,h as i,d as o,t as l}from"./p-Clnflbiz.js";import{c as e}from"./p-C7gqnikf.js";import{c as a}from"./p-BNucxURn.js";const d=t(class extends(s(a("ds-action-list-group-title"))){constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=this.getUniqueId();render(){const t=e("ds-action-list-group-title");return i(o,{key:"1b283379ba11079f2189d151010b288869af58c5",id:this.dsId,class:t},this.dsTitle)}static get style(){return".ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-title__9el4Wy.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}"}},[514,"ds-action-list-group-title",{dsTitle:[1,"ds-title"],dsId:[1,"ds-id"]}]),n=d,r=function(){"undefined"!=typeof customElements&&["ds-action-list-group-title"].forEach((t=>{"ds-action-list-group-title"===t&&(customElements.get(l(t))\|\|customElements.define(l(t),d))}))};export{n as DsActionListGroupTitle,r as defineCustomElement}

package/dist/components/ds-action-list-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,M as i,c as s,h as e,t as c}from"./p-~~CcmqGmdl~~.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as d,d ~~as a~~}from"./p-~~ChKb-Fx7~~.js";import{c ~~as l~~}from"./p-~~uMjjtLqZ~~.js";import{c as n}from"./p-Ccf9CXPb.js";import{c as r}from"./p-~~B0staoGW~~.js";import{d as m}from"./p-~~nzR0rIwQ~~.js";const _=t(class extends(i(r("ds-action-list-item"))){constructor(t){super(),!1!==t&&this.__registerHost(),this.dsSelect=s(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=this.getUniqueId();dsVariant="action";dsLabel;dsDescription;dsIcon;dsDisabled=!1;dsUnavailable=!1;dsSelected=!1;dsCloseOnSelect=!0;dsIndented=!1;dsSelect;tabIndex=-1;async setFocus(){this.buttonEl?.focus()}async setTabIndex(t){this.tabIndex=t}get role(){switch(this.dsVariant){case"single-select":return"menuitemradio";case"multi-select":return"menuitemcheckbox";default:return"menuitem"}}handleSelect(){if(!this.dsDisabled&&!this.dsUnavailable&&(this.dsSelect.emit({id:this.dsId,label:this.dsLabel,selected:"multi-select"!==this.dsVariant\|\|!this.dsSelected,variant:this.dsVariant}),"multi-select"!==this.dsVariant&&("single-select"!==this.dsVariant\|\|this.dsCloseOnSelect))){const t=n(this.el);t?.closeMenu()}}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),this.handleSelect())}renderIcon(t){if(!this.dsIcon\|\|"multi-select"===this.dsVariant)return null;const i=d("ds-icon","ds-action-list-item",this.el);return e(i,{class:t+"__icon",dsName:this.dsIcon,dsSize:"1.25rem"})}renderSelector(t){if("single-select"===this.dsVariant){const i=d("ds-icon","ds-action-list-item",this.el);return e("span",{class:o(t+"__selector",{[t+"__selector--visible"]:this.dsSelected}),"aria-hidden":"true"},this.dsSelected&&e(i,{dsName:"check",dsSize:"1.25rem"}))}if("multi-select"===this.dsVariant){const i=d("ds-icon","ds-action-list-item",this.el);return e(i,{class:o(t+"__checkbox",{[t+"__checkbox--checked"]:this.dsSelected}),dsName:this.dsSelected?"check_box_fill":"check_box_outline_blank",dsSize:"1.25rem"})}return null}render(){const{role:t}=this,i=l("ds-action-list-item"),s=this.dsIndented&&!this.dsIcon&&"multi-select"!==this.dsVariant,c=o(i,`${i}--${this.dsVariant}`,{[i+"--disabled"]:this.dsDisabled,[i+"--unavailable"]:this.dsUnavailable,[i+"--indented"]:s});return e("button",{key:"~~ec5fe94ab49975a45fff00013c6ea96a80eddac4~~",ref:t=>this.buttonEl=t,class:c,role:t,"aria-checked":"menuitemcheckbox"===t\|\|"menuitemradio"===t?this.dsSelected?"~~true~~":~~"false":~~void 0,"aria-disabled":this.dsDisabled\|\|this.dsUnavailable?"true":void 0,disabled:this.dsDisabled,tabIndex:this.tabIndex,onClick:()=>this.handleSelect()},this.renderSelector(i),s&&e("span",{key:"~~54b5be6b6d930fde87a4a6c8d80a6d145136697f~~",class:i+"__indent","aria-hidden":"true"}),this.renderIcon(i),e("span",{key:"~~e57a842adef5e1c3f0d3579cec25a483bd3782d6~~",class:i+"__content"},e("span",{key:"~~8eb1c0a34fec3fc912aee2e4625a842d118f0b9a~~",class:i+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"~~fed3cd25e3032b9397f1f926b8d40cd25f0f51c9~~",class:i+"__description"},this.dsDescription)))}static get style(){return".ds-no-style-leak.sc-ds-action-list-item .sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-~~item__cpPWV0~~.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-~~item__cpPWV0~~.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-~~item__cpPWV0~~--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-~~item__cpPWV0~~.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-~~item__cpPWV0~~--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-~~item__cpPWV0~~.sc-ds-action-list-item:focus-visible:not(:disabled){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) -1)}.ds-action-list-~~item__cpPWV0~~.sc-ds-action-list-item:disabled,.ds-action-list-~~item__cpPWV0~~.ds-action-list-~~item__cpPWV0~~--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-~~item__cpPWV0~~.ds-action-list-~~item__cpPWV0~~--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-~~item__cpPWV0~~.ds-action-list-~~item__cpPWV0~~--unavailable.sc-ds-action-list-item .ds-action-list-~~item__cpPWV0__checkbox~~--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-~~item__cpPWV0~~.ds-action-list-~~item__cpPWV0~~--unavailable.sc-ds-action-list-item .ds-action-list-~~item__cpPWV0__description~~.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-~~item__cpPWV0~~.ds-action-list-~~item__cpPWV0~~--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-~~item__cpPWV0~~.ds-action-list-~~item__cpPWV0~~--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-~~item__cpPWV0~~--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-~~item__cpPWV0~~.ds-action-list-~~item__cpPWV0~~--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-~~item__cpPWV0~~--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-~~item__cpPWV0~~.ds-action-list-~~item__cpPWV0~~--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-~~item__cpPWV0~~.ds-action-list-~~item__cpPWV0~~--action-danger.ds-action-list-~~item__cpPWV0~~--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-~~item__cpPWV0__icon~~.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-~~item__cpPWV0__indent~~.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-~~item__cpPWV0__content~~.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-~~item__cpPWV0__label~~.sc-ds-action-list-item{display:block}.ds-action-list-~~item__cpPWV0__description~~.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-~~item__cpPWV0__selector~~.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-~~item__cpPWV0__selector~~.ds-action-list-~~item__cpPWV0__selector~~--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-~~item__cpPWV0__checkbox~~.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-~~item__cpPWV0__checkbox~~--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-~~item__cpPWV0__selector~~--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-~~item__cpPWV0__selector~~--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-~~item__cpPWV0__checkbox~~.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-~~item__cpPWV0__checkbox~~--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}"}},[514,"ds-action-list-item",{dsId:[1,"ds-id"],dsVariant:[1,"ds-variant"],dsLabel:[1,"ds-label"],dsDescription:[1,"ds-description"],dsIcon:[1,"ds-icon"],dsDisabled:[4,"ds-disabled"],dsUnavailable:[4,"ds-unavailable"],dsSelected:[1028,"ds-selected"],dsCloseOnSelect:[4,"ds-close-on-select"],dsIndented:[1028,"ds-indented"],tabIndex:[32],setFocus:[64],setTabIndex:[64]},[[0,"keydown","handleKeyDown"]]]);a([e("ds-icon",{dsName:""})]);const b=_,h=function(){"undefined"!=typeof customElements&&["ds-action-list-item","ds-icon"].forEach((t=>{switch(t){case"ds-action-list-item":customElements.get(c(t))\|\|customElements.define(c(t),_);break;case"ds-icon":customElements.get(c(t))\|\|m()}}))};export{b as DsActionListItem,h as defineCustomElement}
1	+ import{p as t,M as i,c as s,h as e,t as l}from"./p-Clnflbiz.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as a,d}from"./p-Duz7I_DQ.js";import{c}from"./p-C7gqnikf.js";import{c as n}from"./p-Ccf9CXPb.js";import{c as r}from"./p-BNucxURn.js";import{d as m}from"./p-DGgJGxC8.js";const _=t(class extends(i(r("ds-action-list-item"))){constructor(t){super(),!1!==t&&this.__registerHost(),this.dsSelect=s(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=this.getUniqueId();dsVariant="action";dsLabel;dsDescription;dsIcon;dsDisabled=!1;dsUnavailable=!1;dsSelected=!1;dsCloseOnSelect=!0;dsIndented=!1;dsSelect;tabIndex=-1;async setFocus(){this.buttonEl?.focus()}async setTabIndex(t){this.tabIndex=t}get role(){switch(this.dsVariant){case"single-select":return"menuitemradio";case"multi-select":return"menuitemcheckbox";default:return"menuitem"}}handleSelect(){if(!this.dsDisabled&&!this.dsUnavailable&&(this.dsSelect.emit({id:this.dsId,label:this.dsLabel,selected:"multi-select"!==this.dsVariant\|\|!this.dsSelected,variant:this.dsVariant}),"multi-select"!==this.dsVariant&&("single-select"!==this.dsVariant\|\|this.dsCloseOnSelect))){const t=n(this.el);t?.closeMenu()}}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),this.handleSelect())}renderIcon(t){if(!this.dsIcon\|\|"multi-select"===this.dsVariant)return null;const i=a("ds-icon","ds-action-list-item",this.el);return e(i,{class:t+"__icon",dsName:this.dsIcon,dsSize:"1.25rem"})}renderSelector(t){if("single-select"===this.dsVariant){const i=a("ds-icon","ds-action-list-item",this.el);return e("span",{class:o(t+"__selector",{[t+"__selector--visible"]:this.dsSelected}),"aria-hidden":"true"},this.dsSelected&&e(i,{dsName:"check",dsSize:"1.25rem"}))}if("multi-select"===this.dsVariant){const i=a("ds-icon","ds-action-list-item",this.el);return e(i,{class:o(t+"__checkbox",{[t+"__checkbox--checked"]:this.dsSelected}),dsName:this.dsSelected?"check_box_fill":"check_box_outline_blank",dsSize:"1.25rem"})}return null}render(){const{role:t}=this,i=c("ds-action-list-item"),s=this.dsIndented&&!this.dsIcon&&"multi-select"!==this.dsVariant,l=o(i,`${i}--${this.dsVariant}`,{[i+"--disabled"]:this.dsDisabled,[i+"--unavailable"]:this.dsUnavailable,[i+"--indented"]:s});return e("button",{key:"b44aab1ecd6f0ffeba7d7302c6055032decc184e",ref:t=>this.buttonEl=t,class:l,role:t,"aria-checked":"menuitemcheckbox"===t\|\|"menuitemradio"===t?this.dsSelected+"":void 0,"aria-disabled":this.dsDisabled\|\|this.dsUnavailable?"true":void 0,disabled:this.dsDisabled,tabIndex:this.tabIndex,onClick:()=>this.handleSelect()},this.renderSelector(i),s&&e("span",{key:"1a6c5647dc6c3389a6cb86286545acd44e48f251",class:i+"__indent","aria-hidden":"true"}),this.renderIcon(i),e("span",{key:"96519a6456f4c91ee2a6fa01d83006f8897d653f",class:i+"__content"},e("span",{key:"47dbadf120d5a4e9eca1897e693234045eea9d32",class:i+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"933ba826149bef728bbddffeaf1c8aeea3ae5e0a",class:i+"__description"},this.dsDescription)))}static get style(){return".ds-no-style-leak.sc-ds-action-list-item .sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-item__9el4Wy.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-item__9el4Wy.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__9el4Wy--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__9el4Wy.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__9el4Wy--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__9el4Wy.sc-ds-action-list-item:focus-visible:not(:disabled){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) -1)}.ds-action-list-item__9el4Wy.sc-ds-action-list-item:disabled,.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--unavailable.sc-ds-action-list-item .ds-action-list-item__9el4Wy__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--unavailable.sc-ds-action-list-item .ds-action-list-item__9el4Wy__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__9el4Wy--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__9el4Wy--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger.ds-action-list-item__9el4Wy--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__9el4Wy__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__9el4Wy__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__9el4Wy__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__9el4Wy__label.sc-ds-action-list-item{display:block}.ds-action-list-item__9el4Wy__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__9el4Wy__selector.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-item__9el4Wy__selector.ds-action-list-item__9el4Wy__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__9el4Wy__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__9el4Wy__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__9el4Wy__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__9el4Wy__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__9el4Wy__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__9el4Wy__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}"}},[514,"ds-action-list-item",{dsId:[1,"ds-id"],dsVariant:[1,"ds-variant"],dsLabel:[1,"ds-label"],dsDescription:[1,"ds-description"],dsIcon:[1,"ds-icon"],dsDisabled:[4,"ds-disabled"],dsUnavailable:[4,"ds-unavailable"],dsSelected:[1028,"ds-selected"],dsCloseOnSelect:[4,"ds-close-on-select"],dsIndented:[1028,"ds-indented"],tabIndex:[32],setFocus:[64],setTabIndex:[64]},[[0,"keydown","handleKeyDown"]]]);d([e("ds-icon",{dsName:""})]);const b=_,h=function(){"undefined"!=typeof customElements&&["ds-action-list-item","ds-icon"].forEach((t=>{switch(t){case"ds-action-list-item":customElements.get(l(t))\|\|customElements.define(l(t),_);break;case"ds-icon":customElements.get(l(t))\|\|m()}}))};export{b as DsActionListItem,h as defineCustomElement}

package/dist/components/ds-action-list.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,M as s,h as i,d as e,t as a}from"./p-~~CcmqGmdl~~.js";import{c as n}from"./p-~~uMjjtLqZ~~.js";import{e as l,t as o,i as r}from"./p-~~ChKb-Fx7~~.js";import{g as c}from"./p-~~Bryw62FZ~~.js";import{c as h}from"./p-~~B0staoGW~~.js";const d=l("ds-action-list"),u=t(class extends(s(h("ds-action-list"))){constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsRole="group";ariaLabel;ariaLabelledby;listId=d.next().value;get isStandalone(){return"menu"===this.dsRole}slotChangeHandler=()=>{this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling()};componentWillLoad(){this.updateAriaLabelling()}componentDidLoad(){this.componentMounted(),this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling();const t=this.el.querySelector("slot");t?.addEventListener("slotchange",this.slotChangeHandler)}disconnectedCallback(){const t=this.el.querySelector("slot");t?.removeEventListener("slotchange",this.slotChangeHandler)}updateAriaLabelling(){const t=o("ds-action-list-item","ds-action-list",this.el),s=this.el.querySelector(t),i=s?.dsVariant??s?.getAttribute("ds-variant")??"action";this.ariaLabel="single-select"===i?(()=>{switch(c()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===i?(()=>{switch(c()){case"fi":return"Monivalinta";case"sv":return"Välj flera";default:return"Choose multiple"}})():(()=>{switch(c()){case"fi":return"Toiminnallisuudet";case"sv":return"Åtgärder";default:return"Actions"}})();const e=o("ds-action-list-group-title","ds-action-list",this.el),a=this.el.querySelector(e);this.ariaLabelledby=a?.id?`${this.listId} ${a.id}`:void 0}langObserver(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){const s=o("ds-action-list-item","ds-action-list",this.el);return Array.from(t.querySelectorAll(s)).filter((t=>!t.dsDisabled))}getSiblingLists(){const t=this.el.parentElement;if(!t)return[this.el];const s=o("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=o("ds-action-list-item","ds-action-list",this.el),s=Array.from(this.el.querySelectorAll(":scope > "+t)),i=s.some((t=>t.dsIcon&&"multi-select"!==t.dsVariant));~~s.forEach~~((t~~=>{~~"multi-select"!==t.dsVariant&&(t.dsIndented=i&&!t.dsIcon)}~~))}~~updateRovingTabindex(t){const s=this.getFocusableItems(),i=t??s[0];~~s.forEach~~((t~~=>{~~t.setTabIndex?.(t===i?0:-1)}~~))}~~handleItemSelect(t){const{variant:s,selected:i}=t.detail,e=o("ds-action-list-item","ds-action-list",this.el),a=Array.from(this.el.querySelectorAll(e));if("single-select"===s)~~a.forEach~~((s~~=>{~~s.dsSelected=s===t.target&&i~~}))~~;else if("multi-select"===s){const s=a.find((s=>s===t.target));s&&(s.dsSelected=i)}}getCurrentItemIndex(t,s){return t.target?s.findIndex((s=>s===t.target\|\|s.contains(t.target))):-1}handleKeyDown(t){const s=this.getFocusableItems();if(0===s.length)return;const i=this.getCurrentItemIndex(t,s);switch(t.key){case"ArrowDown":if(t.preventDefault(),i<s.length-1)s[i+1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i+1]);else if(this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s+1]??t[0];this.getFocusableItemsFromEl(i)[0]?.setFocus?.()}break;case"ArrowUp":if(t.preventDefault(),i>0)s[i-1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i-1]);else if(this.isStandalone)s[s.~~length~~-1].setFocus?.(),this.updateRovingTabindex(s[s.~~length~~-1]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=~~this.getFocusableItemsFromEl(~~t[s-1]??t[t.~~length~~-1]);~~i[i~~.~~length~~-1]?.setFocus?.()}break;case"Home":if(t.preventDefault(),this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists()[0];this.getFocusableItemsFromEl(t)[0]?.setFocus?.()}break;case"End":if(t.preventDefault(),this.isStandalone)s[s.~~length~~-1].setFocus?.(),this.updateRovingTabindex(s[s.~~length~~-1]);else{const t=this.getSiblingLists(),s=this.getFocusableItemsFromEl(t[t.~~length~~-1]);s[s.~~length~~-1]?.setFocus?.()}break;default:if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey){t.preventDefault();const s=t.key.toLowerCase(),i=this.isStandalone?this.getFocusableItems():[].concat(...this.getSiblingLists().map((t=>this.getFocusableItemsFromEl(t)))),e=document.activeElement,a=i.findIndex((t=>t.contains(e))),n=[...i.slice(a+1),...i.slice(0,a+1)].find((t=>(t.dsLabel??t.getAttribute("ds-label")??"").trim().toLowerCase().startsWith(s)));n?.setFocus?.()}}}render(){const t=n("ds-action-list");return i(e,{key:"~~a172146138a1c3c7aa2a69ea5f76f66d3eb3738b~~",id:this.listId,class:t,role:this.dsRole,...r("aria-label",this.ariaLabel),...r("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"~~c5be4a565da7e56a7fa724062473586870098b30~~"}))}static get watchers(){return{lang:[{langObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-~~list__cpPWV0~~.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}"}},[774,"ds-action-list",{dsRole:[1,"ds-role"],ariaLabel:[32],ariaLabelledby:[32]},[[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]],{lang:[{langObserver:0}]}]),m=u,b=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(a(t))\|\|customElements.define(a(t),u))}))};export{m as DsActionList,b as defineCustomElement}
1	+ import{p as t,M as s,h as i,d as e,t as n}from"./p-Clnflbiz.js";import{c as a}from"./p-C7gqnikf.js";import{f as l,t as o,a as r}from"./p-Duz7I_DQ.js";import{g as c}from"./p-DdyM9c6W.js";import{c as d}from"./p-BNucxURn.js";const h=l("ds-action-list"),u=t(class extends(s(d("ds-action-list"))){constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsRole="group";ariaLabel;ariaLabelledby;listId=h.next().value;get isStandalone(){return"menu"===this.dsRole}slotChangeHandler=()=>{this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling()};componentWillLoad(){this.updateAriaLabelling()}componentDidLoad(){this.componentMounted(),this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling();const t=this.el.querySelector("slot");t?.addEventListener("slotchange",this.slotChangeHandler)}disconnectedCallback(){const t=this.el.querySelector("slot");t?.removeEventListener("slotchange",this.slotChangeHandler)}updateAriaLabelling(){const t=o("ds-action-list-item","ds-action-list",this.el),s=this.el.querySelector(t),i=s?.dsVariant??s?.getAttribute("ds-variant")??"action";this.ariaLabel="single-select"===i?(()=>{switch(c()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===i?(()=>{switch(c()){case"fi":return"Monivalinta";case"sv":return"Välj flera";default:return"Choose multiple"}})():(()=>{switch(c()){case"fi":return"Toiminnallisuudet";case"sv":return"Åtgärder";default:return"Actions"}})();const e=o("ds-action-list-group-title","ds-action-list",this.el),n=this.el.querySelector(e);this.ariaLabelledby=n?.id?`${this.listId} ${n.id}`:void 0}langObserver(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){if(!t)return[];const s=o("ds-action-list-item","ds-action-list",this.el);return Array.from(t.querySelectorAll(s)).filter((t=>!t.dsDisabled))}getSiblingLists(){const t=this.el.parentElement;if(!t)return[this.el];const s=o("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=o("ds-action-list-item","ds-action-list",this.el),s=Array.from(this.el.querySelectorAll(":scope > "+t)),i=s.some((t=>t.dsIcon&&"multi-select"!==t.dsVariant));for(const t of s)"multi-select"!==t.dsVariant&&(t.dsIndented=i&&!t.dsIcon)}updateRovingTabindex(t){const s=this.getFocusableItems(),i=t??s[0];for(const t of s)t.setTabIndex?.(t===i?0:-1)}handleItemSelect(t){const{variant:s,selected:i}=t.detail,e=o("ds-action-list-item","ds-action-list",this.el),n=Array.from(this.el.querySelectorAll(e));if("single-select"===s)for(const s of n)s.dsSelected=s===t.target&&i;else if("multi-select"===s){const s=n.find((s=>s===t.target));s&&(s.dsSelected=i)}}getCurrentItemIndex(t,s){return t.target?s.findIndex((s=>s===t.target\|\|s.contains(t.target))):-1}handleKeyDown(t){const s=this.getFocusableItems();if(0===s.length)return;const i=this.getCurrentItemIndex(t,s);switch(t.key){case"ArrowDown":if(t.preventDefault(),i<s.length-1)s[i+1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i+1]);else if(this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s+1]??t[0];this.getFocusableItemsFromEl(i)[0]?.setFocus?.()}break;case"ArrowUp":if(t.preventDefault(),i>0)s[i-1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i-1]);else if(this.isStandalone)s.at(-1)?.setFocus?.(),this.updateRovingTabindex(s.at(-1));else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s-1]??t.at(-1),e=this.getFocusableItemsFromEl(i);e.at(-1)?.setFocus?.()}break;case"Home":if(t.preventDefault(),this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists()[0];this.getFocusableItemsFromEl(t)[0]?.setFocus?.()}break;case"End":if(t.preventDefault(),this.isStandalone)s.at(-1)?.setFocus?.(),this.updateRovingTabindex(s.at(-1));else{const t=this.getSiblingLists(),s=this.getFocusableItemsFromEl(t.at(-1));s.at(-1)?.setFocus?.()}break;default:if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey){t.preventDefault();const s=t.key.toLowerCase(),i=this.isStandalone?this.getFocusableItems():[].concat(...this.getSiblingLists().map((t=>this.getFocusableItemsFromEl(t)))),e=document.activeElement,n=i.findIndex((t=>t.contains(e))),a=[...i.slice(n+1),...i.slice(0,n+1)].find((t=>(t.dsLabel??t.getAttribute("ds-label")??"").trim().toLowerCase().startsWith(s)));a?.setFocus?.()}}}render(){const t=a("ds-action-list");return i(e,{key:"180bdac653b5e4ca78773ad3f88fa25e9af63083",id:this.listId,class:t,role:this.dsRole,...r("aria-label",this.ariaLabel),...r("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"c585c41d8780fa8ed9c7362eefc1116e078646e8"}))}static get watchers(){return{lang:[{langObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__9el4Wy.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}"}},[774,"ds-action-list",{dsRole:[1,"ds-role"],ariaLabel:[32],ariaLabelledby:[32]},[[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]],{lang:[{langObserver:0}]}]),f=u,m=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(n(t))\|\|customElements.define(n(t),u))}))};export{f as DsActionList,m as defineCustomElement}

package/dist/components/ds-action-menu.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as t,c as n,h as e,t as i}from"./p-~~CcmqGmdl~~.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as a,g as d,d as c}from"./p-~~ChKb-Fx7~~.js";import{c ~~as r~~}from"./p-~~uMjjtLqZ~~.js";import{s as m,p as u}from"./p-Ccf9CXPb.js";import{c as l}from"./p-~~B0staoGW~~.js";import{d as h}from"./p-~~T8sk4OTo~~.js";import{d as _}from"./p-~~nzR0rIwQ~~.js";import{d as p}from"./p-~~CDomyHcd~~.js";import{d as b}from"./p-~~IfuavV1d~~.js";const f=s(class extends(t(l("ds-action-menu",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsOpen=n(this,"dsOpen",7),this.dsClose=n(this,"dsClose",7)}get el(){return this}menuId;triggerWrapperRef;menuRef;dsId=this.getUniqueId();dsButtonText="";dsButtonVariant="secondary";dsButtonColour="blue";dsButtonSize="medium";dsIconOnly=!1;dsIcon="";dsAlign="start";dsPlacement="auto";dsMenuWidth;dsMenuMaxHeight;dsAriaLabel;dsDisabled=!1;dsOpen;dsClose;isOpen=!1;componentWillLoad(){this.menuId=this.dsId+"-menu",m(this.el,{closeMenu:()=>this.closeMenu()})}componentDidLoad(){this.componentMounted(),this.updateContext(),this.applyAnchorStyles()}componentDidRender(){this.applyAnchorStyles(),this.constrainMenuHeight()}applyAnchorStyles(){const s="--ds-action-menu-"+this.dsId;this.triggerWrapperRef?.style.setProperty("anchor-name",s),this.menuRef?.style.setProperty("position-anchor",s)}constrainMenuHeight(){if(!this.menuRef\|\|this.dsMenuMaxHeight\|\|!this.isOpen)return;const s=this.triggerWrapperRef?.getBoundingClientRect();if(!s)return;const t=this.menuRef.getBoundingClientRect(),n=~~window~~.innerHeight;this.menuRef.style.maxHeight=Math.max(t.bottom<=s.top+1?s.top-8:n-s.bottom-8,120)+"px"}updateContext(){u(this.el,{closeMenu:()=>this.closeMenu()})}async open(){this.openMenu()}async close(){this.closeMenu()}async toggle(){this.isOpen?this.closeMenu():this.openMenu()}openMenu(s="first"){this.dsDisabled\|\|this.isOpen\|\|(this.isOpen=!0,this.dsOpen.emit(),this.updateContext(),requestAnimationFrame((()=>{"last"===s?this.focusLastItem():this.focusFirstItem()})))}closeMenu(s=!0){this.isOpen&&(this.isOpen=!1,this.dsClose.emit(),s&&this.el.querySelector(a("ds-button","ds-action-menu",this.el))?.setFocus?.())}focusFirstItem(){const s=a("ds-action-list-item","ds-action-menu",this.el),t=Array.from(this.el.querySelectorAll(s));t.find((s=>!s.dsDisabled))?.setFocus?.()}focusLastItem(){const s=a("ds-action-list-item","ds-action-menu",this.el);Array.from(this.el.querySelectorAll(s)).findLast((s=>!s.dsDisabled))?.setFocus?.()}handleClickOutside(s){this.isOpen&&(d(s,this.el)\|\|this.closeMenu(!1))}handleKeyDown(s){if(this.isOpen)switch(s.key){case"Escape":s.preventDefault(),this.closeMenu();break;case"Tab":this.closeMenu(!1)}else{if(!this.triggerWrapperRef\|\|!d(s,this.triggerWrapperRef))return;"ArrowDown"===s.key?(s.preventDefault(),this.openMenu("first")):"ArrowUp"===s.key&&(s.preventDefault(),this.openMenu("last"))}}handleTriggerClick=()=>{this.isOpen?this.closeMenu():this.openMenu()};renderTrigger(s){const t=a("ds-button","ds-action-menu",this.el),n=a("ds-icon","ds-action-menu",this.el),i=s+"__trigger";return this.dsIconOnly?e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsIcon:this.dsIcon\|\|"more_vert",dsAriaLabel:this.dsAriaLabel,dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick}):e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsText:this.dsButtonText,dsIcon:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down",dsIconPosition:"end",dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick},this.dsIcon&&e(n,{slot:"prefix",dsName:this.dsIcon,dsAriaHidden:!0}))}render(){const s=r("ds-action-menu"),t={width:this.dsMenuWidth??"auto",maxHeight:this.dsMenuMaxHeight??"none"},n=o(s+"__menu",`${s}__menu--align-${this.dsAlign}`,`${s}__menu--placement-${this.dsPlacement}`);return e("div",{key:"~~22df98ccfe575071ea132197a57f1d37fcce58d1~~",class:s},e("div",{key:"~~200e6c81d8ccf1dc1cb36a2c279551b439016e6c~~",ref:s=>this.triggerWrapperRef=s,class:s+"__trigger-wrapper"},this.renderTrigger(s)),e("div",{key:"~~d9443def9271be5689c7e8e6f53037fe868ade7f~~",ref:s=>this.menuRef=s,id:this.menuId,role:"menu","aria-labelledby":this.dsId,class:n,style:t,hidden:!this.isOpen},e("slot",{key:"~~d80220edb4c461f863c35daa52aa94f6486d40b8~~"})))}static get style(){return".ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-~~menu__cpPWV0~~.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-~~menu__cpPWV0__trigger~~-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-~~menu__cpPWV0__menu~~.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-~~menu__cpPWV0__menu~~[hidden].sc-ds-action-menu{display:none}.ds-action-~~menu__cpPWV0__menu~~.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-~~menu__cpPWV0__menu~~.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-~~menu__cpPWV0__menu~~.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-~~menu__cpPWV0__menu~~.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-~~menu__cpPWV0__menu~~.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-~~menu__cpPWV0__menu~~.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-~~menu__cpPWV0__menu~~.ds-action-~~menu__cpPWV0__menu~~--placement-bottom.sc-ds-action-menu,.ds-action-~~menu__cpPWV0__menu~~.ds-action-~~menu__cpPWV0__menu~~--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-~~menu__cpPWV0__menu~~.ds-action-~~menu__cpPWV0__menu~~--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-~~menu__cpPWV0__menu~~.ds-action-~~menu__cpPWV0__menu~~--align-start.sc-ds-action-menu{left:0}.ds-action-~~menu__cpPWV0__menu~~.ds-action-~~menu__cpPWV0__menu~~--align-end.sc-ds-action-menu{right:0}.ds-action-~~menu__cpPWV0__menu~~.ds-action-~~menu__cpPWV0__menu~~--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-~~menu__cpPWV0__menu~~.sc-ds-action-menu{position:fixed}.ds-action-~~menu__cpPWV0__menu~~.ds-action-~~menu__cpPWV0__menu~~--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-~~menu__cpPWV0__menu~~.ds-action-~~menu__cpPWV0__menu~~--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-~~menu__cpPWV0__menu~~.ds-action-~~menu__cpPWV0__menu~~--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-~~menu__cpPWV0__menu~~.ds-action-~~menu__cpPWV0__menu~~--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-~~menu__cpPWV0__menu~~.ds-action-~~menu__cpPWV0__menu~~--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-~~menu__cpPWV0__menu~~.ds-action-~~menu__cpPWV0__menu~~--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}"}},[774,"ds-action-menu",{dsId:[1,"ds-id"],dsButtonText:[1,"ds-button-text"],dsButtonVariant:[1,"ds-button-variant"],dsButtonColour:[1,"ds-button-colour"],dsButtonSize:[1,"ds-button-size"],dsIconOnly:[4,"ds-icon-only"],dsIcon:[1,"ds-icon"],dsAlign:[1,"ds-align"],dsPlacement:[1,"ds-placement"],dsMenuWidth:[1,"ds-menu-width"],dsMenuMaxHeight:[1,"ds-menu-max-height"],dsAriaLabel:[1,"ds-aria-label"],dsDisabled:[4,"ds-disabled"],isOpen:[32],open:[64],close:[64],toggle:[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]]]);c([e("ds-button",null),e("ds-icon",{dsName:""})]);const g=f,y=function(){"undefined"!=typeof customElements&&["ds-action-menu","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-action-menu":customElements.get(i(s))\|\|customElements.define(i(s),f);break;case"ds-button":customElements.get(i(s))\|\|h();break;case"ds-icon":customElements.get(i(s))\|\|_();break;case"ds-spinner":customElements.get(i(s))\|\|p();break;case"ds-visually-hidden":customElements.get(i(s))\|\|b()}}))};export{g as DsActionMenu,y as defineCustomElement}
1	+ import{p as s,M as t,c as n,h as e,t as i}from"./p-Clnflbiz.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as a,l as d,d as r}from"./p-Duz7I_DQ.js";import{c}from"./p-C7gqnikf.js";import{s as l,p as u}from"./p-Ccf9CXPb.js";import{c as m}from"./p-BNucxURn.js";import{d as h}from"./p-CFIMJWhN.js";import{d as _}from"./p-DGgJGxC8.js";import{d as p}from"./p-CQHlIDeK.js";import{d as b}from"./p-Db_yp4Ff.js";const y=s(class extends(t(m("ds-action-menu",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsOpen=n(this,"dsOpen",7),this.dsClose=n(this,"dsClose",7)}get el(){return this}menuId;triggerWrapperRef;menuRef;dsId=this.getUniqueId();dsButtonText="";dsButtonVariant="secondary";dsButtonColour="blue";dsButtonSize="medium";dsIconOnly=!1;dsIcon="";dsAlign="start";dsPlacement="auto";dsMenuWidth;dsMenuMaxHeight;dsAriaLabel;dsDisabled=!1;dsOpen;dsClose;isOpen=!1;componentWillLoad(){this.menuId=this.dsId+"-menu",l(this.el,{closeMenu:()=>this.closeMenu()})}componentDidLoad(){this.componentMounted(),this.updateContext(),this.applyAnchorStyles()}componentDidRender(){this.applyAnchorStyles(),this.constrainMenuHeight()}applyAnchorStyles(){const s="--ds-action-menu-"+this.dsId;this.triggerWrapperRef?.style.setProperty("anchor-name",s),this.menuRef?.style.setProperty("position-anchor",s)}constrainMenuHeight(){if(!this.menuRef\|\|this.dsMenuMaxHeight\|\|!this.isOpen)return;const s=this.triggerWrapperRef?.getBoundingClientRect();if(!s)return;const t=this.menuRef.getBoundingClientRect(),n=globalThis.innerHeight;this.menuRef.style.maxHeight=Math.max(t.bottom<=s.top+1?s.top-8:n-s.bottom-8,120)+"px"}updateContext(){u(this.el,{closeMenu:()=>this.closeMenu()})}async open(){this.openMenu()}async close(){this.closeMenu()}async toggle(){this.isOpen?this.closeMenu():this.openMenu()}openMenu(s="first"){this.dsDisabled\|\|this.isOpen\|\|(this.isOpen=!0,this.dsOpen.emit(),this.updateContext(),requestAnimationFrame((()=>{"last"===s?this.focusLastItem():this.focusFirstItem()})))}closeMenu(s=!0){this.isOpen&&(this.isOpen=!1,this.dsClose.emit(),s&&this.el.querySelector(a("ds-button","ds-action-menu",this.el))?.setFocus?.())}focusFirstItem(){const s=a("ds-action-list-item","ds-action-menu",this.el),t=Array.from(this.el.querySelectorAll(s));t.find((s=>!s.dsDisabled))?.setFocus?.()}focusLastItem(){const s=a("ds-action-list-item","ds-action-menu",this.el);Array.from(this.el.querySelectorAll(s)).findLast((s=>!s.dsDisabled))?.setFocus?.()}handleClickOutside(s){this.isOpen&&(d(s,this.el)\|\|this.closeMenu(!1))}handleKeyDown(s){if(this.isOpen)switch(s.key){case"Escape":s.preventDefault(),this.closeMenu();break;case"Tab":this.closeMenu(!1)}else{if(!this.triggerWrapperRef\|\|!d(s,this.triggerWrapperRef))return;"ArrowDown"===s.key?(s.preventDefault(),this.openMenu("first")):"ArrowUp"===s.key&&(s.preventDefault(),this.openMenu("last"))}}handleTriggerClick=()=>{this.isOpen?this.closeMenu():this.openMenu()};renderTrigger(s){const t=a("ds-button","ds-action-menu",this.el),n=a("ds-icon","ds-action-menu",this.el),i=s+"__trigger";return this.dsIconOnly?e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsIcon:this.dsIcon\|\|"more_vert",dsAriaLabel:this.dsAriaLabel,dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick}):e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsText:this.dsButtonText,dsIcon:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down",dsIconPosition:"end",dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick},this.dsIcon&&e(n,{slot:"prefix",dsName:this.dsIcon,dsAriaHidden:!0}))}render(){const s=c("ds-action-menu"),t={width:this.dsMenuWidth??"auto",maxHeight:this.dsMenuMaxHeight??"none"},n=o(s+"__menu",`${s}__menu--align-${this.dsAlign}`,`${s}__menu--placement-${this.dsPlacement}`);return e("div",{key:"24cf817df04fcd96eae36d8c8748f8ae42c38139",class:s},e("div",{key:"99e6fddaf4c1a32aaeedafaefa478b3eedf1f6f1",ref:s=>this.triggerWrapperRef=s,class:s+"__trigger-wrapper"},this.renderTrigger(s)),e("div",{key:"b5029059906d4094f7401fa44a807c6088b75c95",ref:s=>this.menuRef=s,id:this.menuId,role:"menu","aria-labelledby":this.dsId,class:n,style:t,hidden:!this.isOpen},e("slot",{key:"918606616d18aad41c71f1646a6a61c12e8d72ba"})))}static get style(){return".ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__9el4Wy.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__9el4Wy__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__9el4Wy__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__9el4Wy__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}"}},[774,"ds-action-menu",{dsId:[1,"ds-id"],dsButtonText:[1,"ds-button-text"],dsButtonVariant:[1,"ds-button-variant"],dsButtonColour:[1,"ds-button-colour"],dsButtonSize:[1,"ds-button-size"],dsIconOnly:[4,"ds-icon-only"],dsIcon:[1,"ds-icon"],dsAlign:[1,"ds-align"],dsPlacement:[1,"ds-placement"],dsMenuWidth:[1,"ds-menu-width"],dsMenuMaxHeight:[1,"ds-menu-max-height"],dsAriaLabel:[1,"ds-aria-label"],dsDisabled:[4,"ds-disabled"],isOpen:[32],open:[64],close:[64],toggle:[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]]]);r([e("ds-button",null),e("ds-icon",{dsName:""})]);const f=y,g=function(){"undefined"!=typeof customElements&&["ds-action-menu","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-action-menu":customElements.get(i(s))\|\|customElements.define(i(s),y);break;case"ds-button":customElements.get(i(s))\|\|h();break;case"ds-icon":customElements.get(i(s))\|\|_();break;case"ds-spinner":customElements.get(i(s))\|\|p();break;case"ds-visually-hidden":customElements.get(i(s))\|\|b()}}))};export{f as DsActionMenu,g as defineCustomElement}

package/dist/components/ds-assistive-text.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~C11Y0EGM~~.js";const p=o,r=s;export{p as DsAssistiveText,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-DxvDtOKJ.js";const t=o,p=s;export{t as DsAssistiveText,p as defineCustomElement}

package/dist/components/ds-backdrop.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~Dii1PmbG~~.js";const i=o,m=s;export{i as DsBackdrop,m as defineCustomElement}
1	+ import{D as o,d as s}from"./p-CcSv4ilj.js";const p=o,r=s;export{p as DsBackdrop,r as defineCustomElement}

package/dist/components/ds-badge.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as d,h as e,t as a}from"./p-~~CcmqGmdl~~.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-~~uMjjtLqZ~~.js";import{t as c,d as r}from"./p-~~ChKb-Fx7~~.js";import{c as i}from"./p-~~B0staoGW~~.js";import{d as n}from"./p-~~IfuavV1d~~.js";const l=s(class extends(d(i("ds-badge"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsId=this.getUniqueId();dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return c("ds-visually-hidden","ds-badge",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=o("ds-badge");return e("div",{key:"3ec5758a361a0846428fe91a878e1d2b97798065",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"a2bebf576258c9b8ce1800bf00880e476654f2f9",class:s+"__content"},e("span",{key:"ceefcdd2ebdcb3bce08639f745169a393ac522d5",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"22c6a74a84b4be7bf4cb16fd9983a7325dc8397a"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"3018012c3bae649649d63d5e2fa18faf01ca0a9c",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-~~badge__cpPWV0~~.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-~~badge__cpPWV0~~--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-~~badge__cpPWV0~~--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-~~badge__cpPWV0~~--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-~~badge__cpPWV0~~--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-~~badge__cpPWV0~~--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-~~badge__cpPWV0~~--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-~~badge__cpPWV0~~--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-~~badge__cpPWV0~~--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-~~badge__cpPWV0__content~~.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-~~badge__cpPWV0__content__text~~.sc-ds-badge{white-space:nowrap}"}},[774,"ds-badge",{dsId:[1,"ds-id"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsAriaLabel:[1,"ds-aria-label"]}]);r([e("ds-visually-hidden",null)]);const b=l,g=function(){"undefined"!=typeof customElements&&["ds-badge","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-badge":customElements.get(a(s))\|\|customElements.define(a(s),l);break;case"ds-visually-hidden":customElements.get(a(s))\|\|n()}}))};export{b as DsBadge,g as defineCustomElement}
1	+ import{p as s,M as d,h as e,t as a}from"./p-Clnflbiz.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-C7gqnikf.js";import{t as r,d as c}from"./p-Duz7I_DQ.js";import{c as l}from"./p-BNucxURn.js";import{d as i}from"./p-Db_yp4Ff.js";const n=s(class extends(d(l("ds-badge"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsId=this.getUniqueId();dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return r("ds-visually-hidden","ds-badge",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=o("ds-badge");return e("div",{key:"3ec5758a361a0846428fe91a878e1d2b97798065",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"a2bebf576258c9b8ce1800bf00880e476654f2f9",class:s+"__content"},e("span",{key:"ceefcdd2ebdcb3bce08639f745169a393ac522d5",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"22c6a74a84b4be7bf4cb16fd9983a7325dc8397a"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"3018012c3bae649649d63d5e2fa18faf01ca0a9c",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-badge__9el4Wy.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__9el4Wy--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__9el4Wy--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__9el4Wy--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__9el4Wy--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__9el4Wy--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__9el4Wy--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__9el4Wy--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__9el4Wy--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__9el4Wy__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__9el4Wy__content__text.sc-ds-badge{white-space:nowrap}"}},[774,"ds-badge",{dsId:[1,"ds-id"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsAriaLabel:[1,"ds-aria-label"]}]);c([e("ds-visually-hidden",null)]);const b=n,g=function(){"undefined"!=typeof customElements&&["ds-badge","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-badge":customElements.get(a(s))\|\|customElements.define(a(s),n);break;case"ds-visually-hidden":customElements.get(a(s))\|\|i()}}))};export{b as DsBadge,g as defineCustomElement}

package/dist/components/ds-breadcrumb.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as e,c as r,h as d,d as a,t}from"./p-~~CcmqGmdl~~.js";import{c as n}from"./p-BfTCfPZ1.js";import{t as i,d as c}from"./p-~~ChKb-Fx7~~.js";import{l ~~as o~~}from"./p-DMddtiKs.js";import{c as l}from"./p-~~B0staoGW~~.js";import{c as m}from"./p-~~uMjjtLqZ~~.js";import{d as b}from"./p-~~nrjXUVDF~~.js";import{d as u}from"./p-~~nzR0rIwQ~~.js";import{d as p}from"./p-~~BgoPPNm6~~.js";import{d as h}from"./p-~~IfuavV1d~~.js";const f=s(class extends(e(l("ds-breadcrumb"),o)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=r(this,"dsClick",7),this.dsIsHiddenChange=r(this,"dsIsHiddenChange",7)}get el(){return this}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return i("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return d("slot",null,d("span",{class:s+"__current-page","aria-current":"page"},this.dsText))}renderLinkCrumb(s){return d("slot",null,d(this.DsLink,{class:s+"__link",dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=m("ds-breadcrumb"),e=s+"__content";return d(a,{key:"435213281dcf42a5a8c2241ac51433628fff4a2c",role:"listitem"},d("div",{key:"619e26ebf7b0aadbdaefb4960d0ad93a3434b635",class:n(s,{[s+"--hidden"]:this.dsIsHidden})},d("div",{key:"e717c084111491d89572ee09312281f034460214",class:e},this.dsHasSeparator?d(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:[{dsIsHiddenObserver:0}]}}static get style(){return'.sc-ds-breadcrumb-h{display:contents}.ds-~~breadcrumb__cpPWV0~~.sc-ds-breadcrumb{display:contents}.ds-~~breadcrumb__cpPWV0~~--hidden.sc-ds-breadcrumb{display:none}.ds-~~breadcrumb__cpPWV0__content~~.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-~~breadcrumb__cpPWV0__content__link~~.sc-ds-breadcrumb~~::part(link),.~~ds-~~breadcrumb__cpPWV0__content__link.sc~~-~~ds-breadcrumb [part~="link"]{~~vertical-align:middle}.ds-~~breadcrumb__cpPWV0__content__current~~-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}'}},[774,"ds-breadcrumb",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIsCurrentPage:[4,"ds-is-current-page"],dsHasSeparator:[4,"ds-has-separator"],dsSeparatorIcon:[1,"ds-separator-icon"],dsIsHidden:[4,"ds-is-hidden"],setFocus:[64]},[[0,"click","handleClick"]],{dsIsHidden:[{dsIsHiddenObserver:0}]}]);c([d("ds-link",{dsText:""}),d("ds-breadcrumbs-separator",null)]);const _=f,g=function(){"undefined"!=typeof customElements&&["ds-breadcrumb","ds-breadcrumbs-separator","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-breadcrumb":customElements.get(t(s))\|\|customElements.define(t(s),f);break;case"ds-breadcrumbs-separator":customElements.get(t(s))\|\|b();break;case"ds-icon":customElements.get(t(s))\|\|u();break;case"ds-link":customElements.get(t(s))\|\|p();break;case"ds-visually-hidden":customElements.get(t(s))\|\|h()}}))};export{_ as DsBreadcrumb,g as defineCustomElement}
1	+ import{p as s,M as e,c as d,h as r,d as a,t}from"./p-Clnflbiz.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as c}from"./p-Duz7I_DQ.js";import{l}from"./p-DMddtiKs.js";import{c as o}from"./p-BNucxURn.js";import{c as b}from"./p-C7gqnikf.js";import{d as m}from"./p-Dr3urvIc.js";import{d as u}from"./p-DGgJGxC8.js";import{d as p}from"./p-bk8kTN87.js";import{d as h}from"./p-Db_yp4Ff.js";const f=s(class extends(e(o("ds-breadcrumb"),l)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=d(this,"dsClick",7),this.dsIsHiddenChange=d(this,"dsIsHiddenChange",7)}get el(){return this}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return n("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return n("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return r("slot",null,r("span",{class:s+"__current-page","aria-current":"page"},this.dsText))}renderLinkCrumb(s){return r("slot",null,r(this.DsLink,{class:s+"__link",dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=b("ds-breadcrumb"),e=s+"__content";return r(a,{key:"435213281dcf42a5a8c2241ac51433628fff4a2c",role:"listitem"},r("div",{key:"619e26ebf7b0aadbdaefb4960d0ad93a3434b635",class:i(s,{[s+"--hidden"]:this.dsIsHidden})},r("div",{key:"e717c084111491d89572ee09312281f034460214",class:e},this.dsHasSeparator?r(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:[{dsIsHiddenObserver:0}]}}static get style(){return".sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__9el4Wy.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__9el4Wy--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__9el4Wy__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__9el4Wy__content__link.sc-ds-breadcrumb{--ds-link-vertical-align:middle}.ds-breadcrumb__9el4Wy__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}"}},[774,"ds-breadcrumb",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIsCurrentPage:[4,"ds-is-current-page"],dsHasSeparator:[4,"ds-has-separator"],dsSeparatorIcon:[1,"ds-separator-icon"],dsIsHidden:[4,"ds-is-hidden"],setFocus:[64]},[[0,"click","handleClick"]],{dsIsHidden:[{dsIsHiddenObserver:0}]}]);c([r("ds-link",{dsText:""}),r("ds-breadcrumbs-separator",null)]);const g=f,_=function(){"undefined"!=typeof customElements&&["ds-breadcrumb","ds-breadcrumbs-separator","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-breadcrumb":customElements.get(t(s))\|\|customElements.define(t(s),f);break;case"ds-breadcrumbs-separator":customElements.get(t(s))\|\|m();break;case"ds-icon":customElements.get(t(s))\|\|u();break;case"ds-link":customElements.get(t(s))\|\|p();break;case"ds-visually-hidden":customElements.get(t(s))\|\|h()}}))};export{g as DsBreadcrumb,_ as defineCustomElement}

package/dist/components/ds-breadcrumbs-collapsible.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as e,c as t,h as a,F as d,t as r}from"./p-~~CcmqGmdl~~.js";import{t as n,d as c}from"./p-~~ChKb-Fx7~~.js";import{c as o}from"./p-~~B0staoGW~~.js";import{d as l}from"./p-~~FtU3xWZ2~~.js";import{d as i}from"./p-~~nrjXUVDF~~.js";const b=s(class extends(e(o("ds-breadcrumbs-collapsible"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsExpandButtonClick=t(this,"dsExpandButtonClick",7)}get el(){return this}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}handleDsIsHiddenChange(s){s.detail\|\|s.target!==this.collapsibleTarget\|\|requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}handleDsClick(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return a(d,{key:"~~c6550453dc2f679ad9a7902e7503309e87693ac9~~"},a(this.DsBreadcrumbsExpandButton,{key:"~~eb6bf9f451492d1d52e6d0fd0aaf07b4f0aa39fa~~",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),a("slot",{key:"~~9aebf3b18996530ca640b3006213ad42e59dca69~~",onSlotchange:this.handleDefaultSlotChange}))}static get style(){return":host{display:contents}"}},[769,"ds-breadcrumbs-collapsible",{dsIsExpandButtonHidden:[4,"ds-is-expand-button-hidden"],dsSeparatorIcon:[1,"ds-separator-icon"],collapsibleTarget:[32]},[[0,"dsIsHiddenChange","handleDsIsHiddenChange"],[0,"dsClick","handleDsClick"]]]);c([a("ds-breadcrumbs-expand-button",null)]);const u=b,m=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs-collapsible","ds-breadcrumbs-expand-button","ds-breadcrumbs-separator"].forEach((s=>{switch(s){case"ds-breadcrumbs-collapsible":customElements.get(r(s))\|\|customElements.define(r(s),b);break;case"ds-breadcrumbs-expand-button":customElements.get(r(s))\|\|l();break;case"ds-breadcrumbs-separator":customElements.get(r(s))\|\|i()}}))};export{u as DsBreadcrumbsCollapsible,m as defineCustomElement}
1	+ import{p as s,M as e,c as t,h as a,F as d,t as r}from"./p-Clnflbiz.js";import{t as n,d as c}from"./p-Duz7I_DQ.js";import{c as o}from"./p-BNucxURn.js";import{d as l}from"./p-CmPAcLM4.js";import{d as i}from"./p-Dr3urvIc.js";const b=s(class extends(e(o("ds-breadcrumbs-collapsible"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsExpandButtonClick=t(this,"dsExpandButtonClick",7)}get el(){return this}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}handleDsIsHiddenChange(s){s.detail\|\|s.target!==this.collapsibleTarget\|\|requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}handleDsClick(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return a(d,{key:"2d26da2bd377439085286ed8844c511a3a099fce"},a(this.DsBreadcrumbsExpandButton,{key:"a46db9e7b9e7dec4e11831af8d1a0d5c32b859bd",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),a("slot",{key:"a7d7c45168a38525c5f92ac3246b95427e8c7aa9",onSlotchange:this.handleDefaultSlotChange}))}static get style(){return":host{display:contents}"}},[769,"ds-breadcrumbs-collapsible",{dsIsExpandButtonHidden:[4,"ds-is-expand-button-hidden"],dsSeparatorIcon:[1,"ds-separator-icon"],collapsibleTarget:[32]},[[0,"dsIsHiddenChange","handleDsIsHiddenChange"],[0,"dsClick","handleDsClick"]]]);c([a("ds-breadcrumbs-expand-button",null)]);const u=b,p=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs-collapsible","ds-breadcrumbs-expand-button","ds-breadcrumbs-separator"].forEach((s=>{switch(s){case"ds-breadcrumbs-collapsible":customElements.get(r(s))\|\|customElements.define(r(s),b);break;case"ds-breadcrumbs-expand-button":customElements.get(r(s))\|\|l();break;case"ds-breadcrumbs-separator":customElements.get(r(s))\|\|i()}}))};export{u as DsBreadcrumbsCollapsible,p as defineCustomElement}

package/dist/components/ds-breadcrumbs-expand-button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~FtU3xWZ2~~.js";const t=o,p=s;export{t as DsBreadcrumbsExpandButton,p as defineCustomElement}
1	+ import{D as o,d as s}from"./p-CmPAcLM4.js";const m=o,p=s;export{m as DsBreadcrumbsExpandButton,p as defineCustomElement}

package/dist/components/ds-breadcrumbs-separator.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as r}from"./p-~~nrjXUVDF~~.js";const s=o,p=r;export{s as DsBreadcrumbsSeparator,p as defineCustomElement}
1	+ import{D as r,d as o}from"./p-Dr3urvIc.js";const s=r,p=o;export{s as DsBreadcrumbsSeparator,p as defineCustomElement}

package/dist/components/ds-breadcrumbs.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,M as s,c as i,h as t,t as r}from"./p-~~CcmqGmdl~~.js";import{c as a}from"./p-~~uMjjtLqZ~~.js";import{g as d}from"./p-~~Bryw62FZ~~.js";import{i as c}from"./p-~~BW1GUsO7~~.js";import{c as m}from"./p-~~B0staoGW~~.js";const n=e(class extends(s(m("ds-breadcrumbs",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=c("medium");get el(){return this}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(d()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize=e=>{this.size=e.matches?"medium":"small"};connectedCallback(){this.isGreaterThanEqualMediumMediaQuery.addEventListener("change",this.setSize)}disconnectedCallback(){this.isGreaterThanEqualMediumMediaQuery.removeEventListener("change",this.setSize)}componentWillLoad(){this.size=this.isGreaterThanEqualMediumMediaQuery.matches?"medium":"small"}componentDidLoad(){this.componentMounted()}render(){const e=a("ds-breadcrumbs");return t("nav",{key:"~~e32aef7356741b82d0e7c6aee97461a9337dcba3~~",class:e,"aria-label":this.dsAriaLabel\|\|this.breadcrumb},t("div",{key:"~~6cc12974c7488895f8ad34c15cdcc9283380716d~~",role:"list",class:e+"__breadcrumbs"},t("slot",{key:"~~06819bff6f1fe52d8d82d7b388450ea894f1140c~~"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-~~breadcrumbs__cpPWV0~~{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-~~breadcrumbs__cpPWV0~~{min-height:32px}}.ds-~~breadcrumbs__cpPWV0__breadcrumbs~~{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-~~breadcrumbs__cpPWV0__breadcrumbs~~{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}"}},[769,"ds-breadcrumbs",{dsAriaLabel:[1,"ds-aria-label"],size:[32]},void 0,{size:[{sizeObserver:0}]}]),l=n,o=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),n))}))};export{l as DsBreadcrumbs,o as defineCustomElement}
1	+ import{p as e,M as s,c as i,h as t,t as a}from"./p-Clnflbiz.js";import{c as r}from"./p-C7gqnikf.js";import{g as d}from"./p-DdyM9c6W.js";import{i as n}from"./p-C77HFMMS.js";import{c as l}from"./p-BNucxURn.js";const c=e(class extends(s(l("ds-breadcrumbs",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=n("medium");get el(){return this}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(d()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize=e=>{this.size=e.matches?"medium":"small"};connectedCallback(){this.isGreaterThanEqualMediumMediaQuery.addEventListener("change",this.setSize)}disconnectedCallback(){this.isGreaterThanEqualMediumMediaQuery.removeEventListener("change",this.setSize)}componentWillLoad(){this.size=this.isGreaterThanEqualMediumMediaQuery.matches?"medium":"small"}componentDidLoad(){this.componentMounted()}render(){const e=r("ds-breadcrumbs");return t("nav",{key:"22a95867dbb19a4a61ceda11747d93d6b93a6975",class:e,"aria-label":this.dsAriaLabel\|\|this.breadcrumb},t("div",{key:"0dae673962ef4a04f360e13c85827a8b24872b2d",role:"list",class:e+"__breadcrumbs"},t("slot",{key:"499d355465dc30ef3c99b7756ae84e3d7b279c16"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-breadcrumbs__9el4Wy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__9el4Wy{min-height:32px}}.ds-breadcrumbs__9el4Wy__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__9el4Wy__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}"}},[769,"ds-breadcrumbs",{dsAriaLabel:[1,"ds-aria-label"],size:[32]},void 0,{size:[{sizeObserver:0}]}]),m=c,b=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),c))}))};export{m as DsBreadcrumbs,b as defineCustomElement}

package/dist/components/ds-button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~T8sk4OTo~~.js";const p=o,r=s;export{p as DsButton,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-CFIMJWhN.js";const p=o,r=s;export{p as DsButton,r as defineCustomElement}