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/components/p-CFIMJWhN.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as t,M as o,f as n,h as s,d,t as e}from"./p-Clnflbiz.js";import{c as r}from"./p-BfTCfPZ1.js";import{i as _,a as u}from"./p-5l5qZ1Ad.js";import{t as l,a as b,d as i}from"./p-Duz7I_DQ.js";import{c as a}from"./p-C7gqnikf.js";import{a as y,d as c}from"./p-DGgJGxC8.js";import{c as W}from"./p-BNucxURn.js";import{d as g}from"./p-CQHlIDeK.js";import{d as p}from"./p-Db_yp4Ff.js";const v=t(class extends(o(W("ds-button"),y)){constructor(t){super(!1),!1!==t&&this.__registerHost()}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return 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,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:t},n(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,d=l("ds-icon","ds-button",this.el);return s(d,{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}),d=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 s("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},s("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(o),this.dsLoading&&s(d,{class:`${o}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":void 0})),s("span",{class:`${o}__value`,hidden:!t},s("slot",{onSlotchange:this.handleDefaultSlotChange}),this.text),this.dsHiddenAssistiveText&&s(e,{dsTag:"span"},this.dsHiddenAssistiveText),s("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(o)))};render(){const t=`${a("ds-button")}__host`,o=this.renderButton();return s(d,{key:"c137e9d7efd727c7bb9cc76f2b28b1f36b93a370",class:r(t,{[`${t}--full-width`]:this.dsFullWidth})},this.dsUseSpinner?s("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}]}}static get style(){return".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}"}},[774,"ds-button",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsAutoFocus:[4,"ds-auto-focus"],dsText:[1,"ds-text"],dsValue:[1,"ds-value"],dsVariant:[1,"ds-variant"],dsColour:[1,"ds-colour"],dsSize:[1,"ds-size"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsIconTitle:[1,"ds-icon-title"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsType:[1,"ds-type"],dsDisabled:[4,"ds-disabled"],dsLoading:[4,"ds-loading"],dsUseSpinner:[4,"ds-use-spinner"],dsSpinnerHiddenText:[1,"ds-spinner-hidden-text"],dsFullWidth:[4,"ds-full-width"],dsRole:[1,"ds-role"],dsAriaDisabled:[4,"ds-aria-disabled"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaExpanded:[4,"ds-aria-expanded"],dsAriaPressed:[4,"ds-aria-pressed"],dsAriaControls:[1,"ds-aria-controls"],dsAriaHaspopup:[8,"ds-aria-haspopup"],dsAriaHidden:[4,"ds-aria-hidden"],dsTabIndex:[2,"ds-tab-index"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsActive:[4,"ds-active"],dsInInput:[4,"ds-in-input"],dsNoFocusRing:[4,"ds-no-focus-ring"],hasDefaultSlot:[32],isActive:[32],text:[32],setFocus:[64]},void 0,{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}]}]);function h(){"undefined"!=typeof customElements&&["ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-button":customElements.get(e(t))||customElements.define(e(t),v);break;case"ds-icon":customElements.get(e(t))||c();break;case"ds-spinner":customElements.get(e(t))||g();break;case"ds-visually-hidden":customElements.get(e(t))||p()}}))}i([s("ds-icon",{dsName:""}),s("ds-spinner",null),s("ds-visually-hidden",null)]);export{v as D,h as d}

package/dist/components/p-CFlXJNjO.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as e,M as s,c as i,f as t,h as d,F as r,t as o}from"./p-Clnflbiz.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as c,a as h}from"./p-5l5qZ1Ad.js";import{g as l,a as n,v as b}from"./p-CTROETkT.js";import{t as _,a as u,d as k}from"./p-Duz7I_DQ.js";import{c as x}from"./p-C7gqnikf.js";import{a as p,d as v}from"./p-DGgJGxC8.js";import{d as g}from"./p-VfYMKfsX.js";import{c as m}from"./p-BNucxURn.js";import{d as f}from"./p-CkdOciiG.js";import{d as y}from"./p-BfHVqAwo.js";import{d as C}from"./p-Db_yp4Ff.js";const W=e(class extends(s(m("ds-checkbox"),p,g)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.dsChange=i(this,"dsChange",7),this.dsFocus=i(this,"dsFocus",7),this.dsBlur=i(this,"dsBlur",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7)}checkboxGroup=null;inputElement;inheritedAttributes={};get el(){return this}dsChange;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;setName(e){this._dsName=this.checkboxGroup?.dsName||e||this._dsName}get dsName(){return this._dsName}set dsName(e){this.setName(e)}dsValue=this.dsId;dsChecked=!1;dsLabel;dsAssistiveText;dsText;dsIndeterminate=!1;dsDisabled=!1;dsErrorText="";dsErrorsDisabled=!1;dsRequired=!1;dsOptional=!1;dsOptionalText;dsAriaLabel;dsAriaDescribedby;groupInvalid=!1;hasFocus=!1;wasInvalidOnBlur=!1;internalChecked=!1;initialChecked=!1;isPressingEnter=!1;get labelId(){return`${this.dsId}-label`}get inputValidityId(){return`${this.dsId}-validity`}get assistiveTextId(){return`${this.dsId}-assistive-text`}async setFocus(){this.inputElement?.focus()}async checkValidity(){return this.inputElement?.checkValidity()}getLegendText=()=>this.dsRequired?l(this.dsLabel):this.dsOptional?n(this.dsLabel,this.dsOptionalText):this.dsLabel;getCheckboxText=()=>this.dsLabel?this.dsText:this.dsRequired?l(this.dsText):this.dsOptional?n(this.dsText,this.dsOptionalText):this.dsText;get DsCheckboxGroupTag(){return _("ds-checkbox-group","ds-checkbox",this.el)}getInheritedGroupErrorText=()=>{let e=this.el.closest(this.DsCheckboxGroupTag);for(;e;){if(e.dsErrorText)return e.dsErrorText;e=e.parentElement?.closest(this.DsCheckboxGroupTag)??null}return""};formResetCallback(){if(this.dsErrorText="",this.dsChecked=this.initialChecked,this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup){const e=this.getInheritedGroupErrorText();this.groupInvalid=!!e,this.dsErrorText=this.dsErrorText||e}}connectedCallback(){if(this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup){const e=this.getInheritedGroupErrorText();this.groupInvalid=!!e,this.dsErrorText=this.dsErrorText||e,this.dsErrorsDisabled=!0,this.checkboxGroup.dsDisabled&&(this.dsDisabled=!0),this.checkboxGroup.dsAllRequired&&(this.dsRequired=!0),this.checkboxGroup.dsForm&&(this.dsForm=this.checkboxGroup.dsForm),this.checkboxGroup.addEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.addEventListener("dsCheckboxGroupDisabledChange",this.updateDisabledState),this.checkboxGroup.addEventListener("dsCheckboxGroupAllRequiredChange",this.updateAllRequiredState),this.checkboxGroup.addEventListener("dsCheckboxGroupFormChange",this.updateFormState),this.checkboxGroup.addEventListener("dsCheckboxGroupNameChange",this.updateNameState),this.checkboxGroup.addEventListener("dsCheckboxGroupCheckedChange",this.updateCheckedFromGroup),this.checkboxGroup.childConnected()}}disconnectedCallback(){this.checkboxGroup&&(this.checkboxGroup.removeEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.removeEventListener("dsCheckboxGroupDisabledChange",this.updateDisabledState),this.checkboxGroup.removeEventListener("dsCheckboxGroupAllRequiredChange",this.updateAllRequiredState),this.checkboxGroup.removeEventListener("dsCheckboxGroupFormChange",this.updateFormState),this.checkboxGroup.removeEventListener("dsCheckboxGroupNameChange",this.updateNameState),this.checkboxGroup.removeEventListener("dsCheckboxGroupCheckedChange",this.updateCheckedFromGroup),this.checkboxGroup.childDisconnected()),this.checkboxGroup=null}handleInvalid=e=>{if(e.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const e in s)if(s[e]){this.dsSubmitInvalid.emit({flag:e,message:b(e)});break}};updateGroupInvalidState=e=>{this.groupInvalid=!!e.detail,this.dsErrorText=e.detail};updateDisabledState=e=>{this.dsDisabled=e.detail};updateAllRequiredState=e=>{this.dsRequired=e.detail};updateFormState=e=>{this.dsForm=e.detail};updateNameState=e=>{this.setName(e.detail),t(this)};updateCheckedFromGroup=e=>{this.dsChecked=e.detail};componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setName(),this.inheritedAttributes={...h(this,this.el),...c(this.el,["aria-describedby","aria-invalid"])},this.initialChecked=this.dsChecked,this.internalChecked=this.dsChecked,this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted()}ariaAttributeObserver(e,s,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:e},t(this)}dsCheckedObserver(e){this.internalChecked=e,this._setDisableEventEmits(!0)}internalCheckedObserver(e,s){const i=this.getShouldEmit([e!==s]);if(this.dsChecked!==e&&(this.dsChecked=e),this._setDisableEventEmits(!0),i&&this.dsChange.emit({checked:e,value:this.dsValue}),!this.wasInvalidOnBlur||this.groupInvalid||this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const e in t)if(t[e]){this.dsValidity.emit({flag:e,message:b(e)});break}}handleInput=e=>{const s=e.target;this._setDisableEventEmits(!1),this.internalChecked=s.checked};handleKeyDown=e=>{"Enter"!==e.key||this.isPressingEnter||(this.isPressingEnter=!0)};handleKeyUp=e=>{"Enter"===e.key&&this.isPressingEnter&&(this.inputElement?.click(),this.isPressingEnter=!1)};handleFocus=()=>{this.hasFocus=!0,this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.hasFocus=!1,this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.wasInvalidOnBlur="valid"!==s,this.dsValidity.emit({flag:s,message:b(s)});break}};renderCheckbox(e){const s=a(e,{[`${e}--disabled`]:this.dsDisabled,[`${e}--no-margin`]:!this.dsText}),i=a(`${e}__input`,{[`${e}__input--invalid`]:!!this.dsErrorText}),t=a(`${e}-error`,{[`${e}-error--visible`]:!!this.dsErrorText}),o=_("ds-input-validity","ds-checkbox",this.el),{"aria-label":c,"aria-describedby":h,"aria-invalid":l,...n}=this.inheritedAttributes,b=this.dsAriaDescribedby||h||[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),k=this.dsAriaLabel||c,x=this.dsErrorText?"true":l;return d(r,null,d("div",null,d("label",{id:this.labelId,class:s},d("input",{ref:e=>this.inputElement=e,type:"checkbox",class:i,id:this.dsId,name:this.dsName,form:this.dsForm,checked:this.internalChecked,indeterminate:this.dsIndeterminate,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,value:this.dsValue,disabled:this.dsDisabled,required:this.dsRequired,...u("aria-describedby",b),...u("aria-label",k),"aria-invalid":x,...n}),this.getCheckboxText())),!this.dsErrorsDisabled&&d("slot",{name:"validity"},d("div",{class:t},d(o,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))))}renderFieldset(e){const s=a(`${e}-fieldset`),i=a(`${e}-fieldset__legend`),t=a(`${e}-fieldset__assistive-text`);return d("fieldset",{class:s},d("legend",{class:i},this.getLegendText()),this.dsAssistiveText&&d("small",{class:t,id:this.assistiveTextId},this.dsAssistiveText),this.renderCheckbox(e))}render(){const e=x("ds-checkbox");return this.dsLabel?this.renderFieldset(e):this.renderCheckbox(e)}static get formAssociated(){return!0}static get watchers(){return{"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}],dsChecked:[{dsCheckedObserver:0}],internalChecked:[{internalCheckedObserver:0}]}}static get style(){return".ds-checkbox__9el4Wy-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__9el4Wy-fieldset__legend.sc-ds-checkbox{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox__9el4Wy-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__9el4Wy.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox{appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox: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-checkbox__9el4Wy__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:hover,.ds-checkbox__9el4Wy__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__9el4Wy__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__9el4Wy__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):checked,.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):checked:hover,.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):checked:active,.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):checked:disabled,.ds-checkbox__9el4Wy__input.sc-ds-checkbox:not(.ds-checkbox__9el4Wy__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__9el4Wy__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__9el4Wy__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox__9el4Wy--no-margin.sc-ds-checkbox .ds-checkbox__9el4Wy__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__9el4Wy--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__9el4Wy__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__9el4Wy.sc-ds-checkbox:has(.ds-checkbox__9el4Wy__input:disabled){cursor:not-allowed}.ds-checkbox__9el4Wy-error.sc-ds-checkbox{display:flex}.ds-checkbox__9el4Wy-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}"}},[838,"ds-checkbox",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsForm:[1025,"ds-form"],dsId:[1,"ds-id"],dsName:[6145,"ds-name"],dsValue:[1,"ds-value"],dsChecked:[1028,"ds-checked"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsText:[1,"ds-text"],dsIndeterminate:[4,"ds-indeterminate"],dsDisabled:[1028,"ds-disabled"],dsErrorText:[1025,"ds-error-text"],dsErrorsDisabled:[1028,"ds-errors-disabled"],dsRequired:[1028,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsAriaLabel:[1,"ds-aria-label"],dsAriaDescribedby:[1,"ds-aria-describedby"],groupInvalid:[32],hasFocus:[32],wasInvalidOnBlur:[32],internalChecked:[32],setDisableEventEmits:[64],setFocus:[64],checkValidity:[64]},void 0,{"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}],dsChecked:[{dsCheckedObserver:0}],internalChecked:[{internalCheckedObserver:0}]}]);function w(){"undefined"!=typeof customElements&&["ds-checkbox","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-checkbox":customElements.get(o(e))||customElements.define(o(e),W);break;case"ds-feedback":customElements.get(o(e))||f();break;case"ds-icon":customElements.get(o(e))||v();break;case"ds-input-validity":customElements.get(o(e))||y();break;case"ds-visually-hidden":customElements.get(o(e))||C()}}))}k([d("ds-input-validity",null)]);export{W as D,w as d}

package/dist/components/p-CJm4OADF.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as s,M as e,c as t,f as i,h as o,d,t as l}from"./p-Clnflbiz.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,c,k as n,F as h,a as p,d as u}from"./p-Duz7I_DQ.js";import{s as _,h as b,i as v,l as m,w as g,f,r as y,j as x}from"./p-CTROETkT.js";import{c as w}from"./p-C7gqnikf.js";import{i as W,a as k}from"./p-5l5qZ1Ad.js";import{m as O}from"./p-xYmAT405.js";import{d as C}from"./p-VfYMKfsX.js";import{c as I}from"./p-BNucxURn.js";import{d as E}from"./p-DxvDtOKJ.js";import{d as S}from"./p-CFIMJWhN.js";import{d as $}from"./p-ClKrJiwF.js";import{d as F}from"./p-CkdOciiG.js";import{d as T}from"./p-DGgJGxC8.js";import{d as L}from"./p-BfHVqAwo.js";import{d as D}from"./p-Bf3RXIkB.js";import{d as R}from"./p-B3aF7xnN.js";import{d as A}from"./p-CQHlIDeK.js";import{d as z}from"./p-Db_yp4Ff.js";const V={dsPlaceholder:_},j=s(class extends(e(I("ds-select",{stopRootTracking:!0,stopRootTrackingExcept:["ds-datepicker"]}),O,C)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsMultipleChange=t(this,"dsMultipleChange",7),this.dsChange=t(this,"dsChange",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),this.dsBlur=t(this,"dsBlur",7),this.dsFocus=t(this,"dsFocus",7),this.internals=this.attachInternals()}inheritedAttributes={};get el(){return this}internals;dsMultipleChange;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=this.getUniqueId();dsName=this.dsId;dsLabel;dsAssistiveText;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsIconSize;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsFullWidth=!1;dsRequired=!1;dsAriaLabel;activeOption=null;selectedOptions=[];selectedOptionsLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonRef;iconRef;badgeRef;badgeContainerOffset=null;feedback=[];get isNative(){return"native"===this.dsVariant}get isMultiple(){return"multiple"===this.dsVariant}get inputValidityId(){return`${this.dsId}-validity`}get assistiveTextId(){return`${this.dsId}-assistive-text`}get placeholder(){return this.dsPlaceholder||V.dsPlaceholder()}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};async checkValidity(){return this.internals?.checkValidity()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue||null,label:await s.getLabel()||null,description:s.dsDescription||null}))))}connectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this._setDisableEventEmits(!0),this.inheritedAttributes={...k(this,this.el),...W(this.el,this.isNative?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.componentMounted(),this.isNative?this.internals?.setValidity({}):this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},b()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.removeEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return a("ds-icon","ds-select",this.el)}get DsInputValidity(){return a("ds-input-validity","ds-select",this.el)}get DsOption(){return a("ds-option","ds-select",this.el)}get DsFeedback(){return a("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;handleEscEvent(s){this.selectedOptions.length>0&&"Tab"===s.detail.key?this.clearButtonRef?.setFocus():["Escape","Shift+Tab"].includes(s.detail.key)&&this.customSelectRef?.focus()}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const e=s&&"relatedTarget"in s?s.relatedTarget:null;(!e||!this.el.contains(e))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.isNative||this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async handleOptionClick(s){s&&!s.dsDisabled&&(this._setDisableEventEmits(!1),this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple||(this.activeIndex=null,this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus()))}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){this.dsDisabled||(this.activeIndex=null,this._setDisableEventEmits(!1),this.value=this.toValue(null),this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus())}handleKeyDown(s){"ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.isOpen=!0,this.updateActiveIndex(),globalThis.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${w("ds-options")}`);s?.focus()})))}getBadgeContainerWidthOffset=async()=>{if(!this.clearButtonRef||!this.badgeRef)return;await c(this.clearButtonRef),await c(this.badgeRef);const s=this.clearButtonRef.getBoundingClientRect().width||0,e=this.badgeRef.getBoundingClientRect().width||0;this.badgeContainerOffset=s&&e?s+e:null};getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOption))}getFocusIndex(){const s=this.getAllOptions();if(""!==this.getValueItem(0)?.trim()){const e=s.findIndex((s=>String(s.dsValue)===String(this.getValueItem(0))));if(-1!==e)return e}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const e=this.getAllOptions();this.activeOption=null===s?null:e[s];for(const[s,t]of e.entries())t.dsActive=s===this.activeIndex,t.dsSelected=this.inValue(t.dsValue)}clearButtonRefObserver(){this.getBadgeContainerWidthOffset()}valueObserver(s){this.isNative||this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.value=this.toValue(s)}selectedOptionsObserver(s,e){const t=s.map((s=>s.dsValue)),i=e?.map((s=>s.dsValue))||[],o=i.filter((s=>!t.includes(s))),d=t.filter((s=>!i.includes(s))),l=o.length>0||d.length>0;if(e)for(const s of e)s.dsSelected=!1;for(const e of s)e.dsSelected=!0;const r=this.getShouldEmit([l]);this._setDisableEventEmits(!0),r&&(this.dsMultipleChange.emit({values:t,added:d,removed:o}),this.dsChange.emit(t[0]||null)),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}hasFocusObserver(s){(s?this.dsFocus:this.dsBlur).emit()}resetFeedback=()=>{this.feedback=[],i(this)};debouncedResetFeedback=n(this.resetFeedback,h);appendFeedback=(s,e)=>{this.feedback=[...this.feedback,{key:s,message:e}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((e=>e.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback.at(-1)?.message:"";optionsMessagePropertyObserver(s,e,t){if(!s)return this.removeFeedback(t),void(0===this.feedback.length&&this.appendFeedback("default",v()));"dsLoading"===t&&s?this.appendFeedback(t,this.dsLoadingText||m()):"dsOptionsError"===t&&s&&this.appendFeedback(t,this.dsOptionsErrorText||`${g()} ${f()}`)}setSelectedOptionsFromValue=async s=>{if(!s||0===s.length)return void await this.setSelectedOptions([]);const e=this.getAllOptions().filter((e=>s.includes(e.dsValue)));0!==e.length?await this.setSelectedOptions(e):console.warn(`ds-select: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{!this.isMultiple&&this.activeOption&&(this.activeOption.dsActive=!1),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},b()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=a("ds-select-native","ds-select",this.el);return o(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.placeholder,dsIcon:this.dsIcon,dsIconSize:this.dsIconSize,dsName:this.dsName||this.dsId,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsRequired:this.dsRequired,dsFullWidth:this.dsFullWidth,dsAriaLabel:this.dsAriaLabel,dsValue:this.getValueItem(0)||"",onDsChange:s=>{this.value=this.toValue(s.detail)},onDsValidity:s=>{this.dsValidity.emit(s.detail)},onDsSubmitInvalid:s=>{this.dsSubmitInvalid.emit(s.detail)},...this.inheritedAttributes},o("slot",{name:"label"}),o("slot",{name:"native"}))}renderCustomSelect(s){const e=0===this.selectedOptions.length,t=`${this.dsId}-label`,i=`${this.dsId}-badge`,d=`${this.dsId}-selected-option`,l=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" ")||void 0,c=`ds-select-options-${this.dsId}`,n=`${s}-custom`,h=a("ds-badge","ds-select",this.el),p=a("ds-button","ds-select",this.el),u=a("ds-options","ds-select",this.el),_=a("ds-options-message","ds-select",this.el),b=a("ds-control-label","ds-select",this.el),v=y(!0);return o("div",{style:{"--badge-container-offset":this.badgeContainerOffset?`${this.badgeContainerOffset}px`:void 0}},o(b,{dsId:t,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},o("slot",{name:"label"})),o("div",{class:`${n}-wrapper`},o("div",{class:`${n}-input-container`},o("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:r(`${n}`,{[`${n}--open`]:this.isOpen,[`${n}--none-selected`]:e,[`${n}--disabled`]:this.dsDisabled,[`${n}--invalid`]:!!this.dsErrorText,[`${n}--has-icon`]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-invalid":this.dsErrorText?"true":"false","aria-haspopup":"listbox","aria-expanded":String(this.isOpen),"aria-disabled":String(this.dsDisabled),"aria-label":this.dsAriaLabel,"aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${t} ${i}`:t,"aria-describedby":l,"aria-controls":c,"aria-activedescendant":null===this.activeIndex?void 0:`${this.dsId}-option-${this.activeIndex}`,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:s=>{this.dsDisabled||this.handleKeyDown(s)}},o("div",{class:`${n}__selected-option`},this.dsIcon&&o(this.DsIcon,{class:`${n}__selected-option__placeholder-icon`,dsName:this.dsIcon,dsSize:this.dsIconSize}),o("span",{id:d,class:r(`${n}__selected-option__text`,{[`${n}__selected-option__text--none-selected`]:e,[`${n}__selected-option__text--disabled`]:this.dsDisabled})},this.selectedOptionsLabel||this.placeholder)),o(this.DsIcon,{ref:s=>this.iconRef=s,class:r(`${n}__dropdown-icon`,{[`${n}__dropdown-icon--has-clear-button`]:this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled}),dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.isMultiple&&this.selectedOptions?.length>0&&o("div",{class:`${n}__badge-container`},o(h,{ref:s=>this.badgeRef=s,dsId:i,dsText:`${this.selectedOptions.length}`,dsHiddenAssistiveText:x()})),this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled&&o(p,{ref:s=>this.clearButtonRef=s,class:`${n}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:v,dsIconAriaLabel:v,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:v,dsAriaDescribedby:d,dsInInput:!0,dsNoFocusRing:!0})),o("div",{id:c,class:{[`${n}__options-container`]:!0,[`${n}__options-container--open`]:this.isOpen},onClick:s=>{const e=s.target.closest(this.DsOption);this.handleOptionClick(e)}},o(_,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),o(u,{dsActiveIndex:this.activeIndex??void 0,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:t,dsAriaMultiselectable:this.isMultiple},o("slot",null)))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>o("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),o(this.DsInputValidity,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}),o(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=w("ds-select"),e=`${s}__host`;return o(d,{key:"35e1b9c4f7ea428b4f3ca1c80c8946c7632d6585",class:r(e,{[`${e}--full-width`]:this.dsFullWidth}),...p("name",this.isNative?void 0:this.dsName)},o("div",{key:"0461f70215a1adeca24e139a4033b538090c8c73",tabIndex:this.isNative?void 0:-1},this.isNative?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:[{activeIndexObserver:0}],clearButtonRef:[{clearButtonRefObserver:0}],badgeRef:[{clearButtonRefObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],selectedOptions:[{selectedOptionsObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{optionsMessagePropertyObserver:0}],dsOptionsError:[{optionsMessagePropertyObserver:0}]}}static get style(){return".ds-select__9el4Wy__host.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__9el4Wy__host.sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__9el4Wy__host.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__9el4Wy__host--full-width.sc-ds-select-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__9el4Wy-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__9el4Wy-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__9el4Wy-custom-wrapper.sc-ds-select{position:relative}.ds-select__9el4Wy-custom.sc-ds-select .ds-options__9el4Wy.sc-ds-select{display:block}.ds-select__9el4Wy-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__9el4Wy-custom-input-container.sc-ds-select:has(.ds-select__9el4Wy-custom__clear-button:hover) .ds-select__9el4Wy-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__9el4Wy-custom.sc-ds-select:not(.ds-select__9el4Wy-custom--open,.ds-select__9el4Wy-custom--invalid.sc-ds-select,.ds-select__9el4Wy-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__9el4Wy-custom.sc-ds-select:active:not(.ds-select__9el4Wy-custom--open,.ds-select__9el4Wy-custom--invalid.sc-ds-select,.ds-select__9el4Wy-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__9el4Wy-custom--open.sc-ds-select,.ds-select__9el4Wy-custom.sc-ds-select: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-select__9el4Wy-custom--open.sc-ds-select:not(.ds-select__9el4Wy-custom--open--invalid,.ds-select__9el4Wy-custom.sc-ds-select:focus-visible--invalid),.ds-select__9el4Wy-custom.sc-ds-select:focus-visible:not(.ds-select__9el4Wy-custom--open--invalid,.ds-select__9el4Wy-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__9el4Wy-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__9el4Wy-custom--disabled.sc-ds-select .ds-select__9el4Wy-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__9el4Wy-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__9el4Wy-custom--invalid.sc-ds-select:not(.ds-select__9el4Wy-custom--invalid--open,.ds-select__9el4Wy-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__9el4Wy-custom--invalid.sc-ds-select:not(.ds-select__9el4Wy-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__9el4Wy-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__9el4Wy-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__9el4Wy-custom--has-icon.sc-ds-select .ds-select__9el4Wy-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__9el4Wy-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__9el4Wy-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__9el4Wy-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__9el4Wy-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__9el4Wy-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;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);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__9el4Wy-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__9el4Wy-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__9el4Wy-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__9el4Wy-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__9el4Wy-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__9el4Wy-custom__clear-button.sc-ds-select:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-select__9el4Wy-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__9el4Wy-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-select__9el4Wy-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__9el4Wy-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__9el4Wy-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__9el4Wy-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__9el4Wy-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__9el4Wy-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__9el4Wy-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__9el4Wy-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__9el4Wy-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__9el4Wy-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}"}},[838,"ds-select",{dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsPlaceholder:[1,"ds-placeholder"],dsVariant:[1,"ds-variant"],dsClearable:[4,"ds-clearable"],dsDisabled:[4,"ds-disabled"],dsErrorText:[1,"ds-error-text"],dsIcon:[1,"ds-icon"],dsIconSize:[1,"ds-icon-size"],dsValue:[1,"ds-value"],dsLoading:[4,"ds-loading"],dsLoadingText:[1,"ds-loading-text"],dsOptionsError:[4,"ds-options-error"],dsOptionsErrorTitle:[1,"ds-options-error-title"],dsOptionsErrorText:[1,"ds-options-error-text"],dsFullWidth:[4,"ds-full-width"],dsRequired:[4,"ds-required"],dsAriaLabel:[1,"ds-aria-label"],value:[32],activeOption:[32],selectedOptions:[32],selectedOptionsLabel:[32],isOpen:[32],activeIndex:[32],hasFocus:[32],clearButtonRef:[32],iconRef:[32],badgeRef:[32],badgeContainerOffset:[32],feedback:[32],setDisableEventEmits:[64],checkValidity:[64],getSelectedOption:[64],getSelectedOptions:[64]},[[0,"dsEsc","handleEscEvent"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{activeIndex:[{activeIndexObserver:0}],clearButtonRef:[{clearButtonRefObserver:0}],badgeRef:[{clearButtonRefObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],selectedOptions:[{selectedOptionsObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{optionsMessagePropertyObserver:0}],dsOptionsError:[{optionsMessagePropertyObserver:0}]}]);function B(){"undefined"!=typeof customElements&&["ds-select","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-options","ds-select-native","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-select":customElements.get(l(s))||customElements.define(l(s),j);break;case"ds-assistive-text":customElements.get(l(s))||E();break;case"ds-button":customElements.get(l(s))||S();break;case"ds-control-label":customElements.get(l(s))||$();break;case"ds-feedback":customElements.get(l(s))||F();break;case"ds-icon":customElements.get(l(s))||T();break;case"ds-input-validity":customElements.get(l(s))||L();break;case"ds-options":customElements.get(l(s))||D();break;case"ds-select-native":customElements.get(l(s))||R();break;case"ds-spinner":customElements.get(l(s))||A();break;case"ds-visually-hidden":customElements.get(l(s))||z()}}))}u([o("ds-select-native",null),o("ds-icon",{dsName:""}),o("ds-input-validity",null),o("ds-button",null),o("ds-options",null),o("ds-control-label",null),o("ds-feedback",null)]);export{j as D,B as d}

package/dist/components/p-CLejL_HF.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as t,M as s,c as e,h as o,t as a}from"./p-Clnflbiz.js";import{c as d}from"./p-C7gqnikf.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as r}from"./p-Duz7I_DQ.js";import{t as l}from"./p-D0sPlQo8.js";import{g as c,d as b}from"./p-DGgJGxC8.js";import{c as h}from"./p-BNucxURn.js";const f=t(class extends(s(h("ds-tab"),l)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsTabClick=e(this,"dsTabClick",7),this.dsTabFocus=e(this,"dsTabFocus",7)}get el(){return this}tablist=null;tabElement;dsTabClick;dsTabFocus;dsId;dsTabPanelId;dsText;dsIconStart;dsIconEnd;dsIconEndColour;hasPrefixSlot=!1;hasContentSlot=!1;hasSuffixSlot=!1;isHovered=!1;isActive=!1;get DsTablist(){return n("ds-tablist","ds-tab",this.el)}get DsIcon(){return n("ds-icon","ds-tab",this.el)}get iconInteractionState(){return this.isActive?"active":this.isHovered?"hover":void 0}get iconColour(){if(this.dsIconEndColour)return c(this.dsIconEndColour,this.iconInteractionState)}async setFocus(){this.tabElement?.focus({preventScroll:!0})}handleMouseEnter(){this.isHovered=!0}handleMouseLeave(){this.isHovered=!1}handleMouseDown(){this.isActive=!0}handleMouseUp(){this.isActive=!1}handleFocusIn(){this.dsTabFocus.emit({tabId:this.dsId})}handleClick(){this.context?.currentTab!==this.dsId&&this.dsTabClick.emit({tabId:this.dsId,tabPanelId:this.dsTabPanelId})}checkSlot=(t,s)=>{this[t]=null!==this.el.querySelector(s)};checkPrefixSlot=()=>this.checkSlot("hasPrefixSlot",'[slot="prefix"]');checkContentSlot=()=>this.checkSlot("hasContentSlot",'[slot="content"]');checkSuffixSlot=()=>this.checkSlot("hasSuffixSlot",'[slot="suffix"]');connectedCallback(){this.tablist=this.el.closest(this.DsTablist),this.tablist&&this.tablist.tabConnected()}disconnectedCallback(){super.disconnectedCallback(),this.tablist&&this.tablist.tabDisconnected(),this.tablist=null}componentDidLoad(){this.checkPrefixSlot(),this.checkContentSlot(),this.checkSuffixSlot()}render(){const t=d("ds-tab"),s=this.context?.currentTab===this.dsId,e=i(t,{[`${t}--container`]:"container"===this.context?.variant,[`${t}--line`]:"line"===this.context?.variant,[`${t}--selected`]:s});return o("div",{key:"0a6c6d728f3cd2a94607841b48bbe3175ce8eb9c",ref:t=>this.tabElement=t,class:e,role:"tab","aria-controls":this.dsTabPanelId,"aria-selected":String(s),tabIndex:s?0:-1},o("div",{key:"74dda6d84b96ba52bd27d7d26981dd0ac6aefa8d",class:`${t}__content`},o("slot",{key:"d86cfa386a03900c9fc4ef8d8742b06ddbe1b894",name:"prefix",onSlotchange:this.checkPrefixSlot},!this.hasPrefixSlot&&this.dsIconStart&&o(this.DsIcon,{key:"8fefb92b506fdb891d0ae2e0b09e9e88ca3c3781",dsName:this.dsIconStart})),o("slot",{key:"bfac3a742edef0839bfc7e4d172fc4c494ead1f2",name:"content",onSlotchange:this.checkContentSlot},!this.hasContentSlot&&o("span",{key:"59accad649404c11f74b4883e3296286871cb323"},this.dsText)),o("slot",{key:"b3816680181748f8a3726066657ae832eb2698e4",name:"suffix",onSlotchange:this.checkSuffixSlot},!this.hasSuffixSlot&&this.dsIconEnd&&o(this.DsIcon,{key:"4a1c073f90003442bd88aaa1ec4bb77925ea5aed",dsName:this.dsIconEnd,dsColour:this.iconColour}))))}static get style(){return'.ds-no-style-leak.sc-ds-tab *.sc-ds-tab{all:unset;box-sizing:border-box;display:block}.sc-ds-tab-h{display:contents}.ds-tab__9el4Wy.sc-ds-tab{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:inline-flex;flex-direction:row;flex-shrink:0;min-width:44px;min-height:44px;padding:var(--ds-spacing-xSmall);background-color:var(--ds-bgColor-transparent-onLight);color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-style:normal;font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);cursor:default}@media (min-width: 60rem){.ds-tab__9el4Wy.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__9el4Wy--selected.sc-ds-tab,.ds-tab__9el4Wy.sc-ds-tab:hover:not(.ds-tab__9el4Wy--selected),.ds-tab__9el4Wy.sc-ds-tab:active:not(.ds-tab__9el4Wy--selected){color:var(--ds-textColor-default)}.ds-tab__9el4Wy--container.sc-ds-tab:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-tab__9el4Wy--container.ds-tab__9el4Wy--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__9el4Wy--container.ds-tab__9el4Wy--selected.sc-ds-tab::after{content:"";position:absolute;top:0;left:0;right:0;border-block-start:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__9el4Wy--container.ds-tab__9el4Wy--selected.sc-ds-tab:not(:focus-visible)::before{content:"";position:absolute;inset:0;border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tab__9el4Wy--container.sc-ds-tab:hover:not(.ds-tab__9el4Wy--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__9el4Wy--container.sc-ds-tab:active:not(.ds-tab__9el4Wy--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__9el4Wy--line.sc-ds-tab:focus-visible .ds-tab__9el4Wy__content.sc-ds-tab{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-tab__9el4Wy--line.ds-tab__9el4Wy--selected.sc-ds-tab::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__9el4Wy--line.sc-ds-tab:hover:not(.ds-tab__9el4Wy--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-default)}.ds-tab__9el4Wy--line.sc-ds-tab:active:not(.ds-tab__9el4Wy--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-black)}.ds-tab__9el4Wy.sc-ds-tab .ds-tab__9el4Wy__content.sc-ds-tab{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall)}'}},[774,"ds-tab",{dsId:[1,"ds-id"],dsTabPanelId:[1,"ds-tab-panel-id"],dsText:[1,"ds-text"],dsIconStart:[1,"ds-icon-start"],dsIconEnd:[1,"ds-icon-end"],dsIconEndColour:[1,"ds-icon-end-colour"],context:[32],hasPrefixSlot:[32],hasContentSlot:[32],hasSuffixSlot:[32],isHovered:[32],isActive:[32],setFocus:[64]},[[1,"mouseenter","handleMouseEnter"],[1,"mouseleave","handleMouseLeave"],[1,"mousedown","handleMouseDown"],[1,"mouseup","handleMouseUp"],[0,"focusin","handleFocusIn"],[0,"click","handleClick"]]]);function u(){"undefined"!=typeof customElements&&["ds-tab","ds-icon"].forEach((t=>{switch(t){case"ds-tab":customElements.get(a(t))||customElements.define(a(t),f);break;case"ds-icon":customElements.get(a(t))||b()}}))}r([o("ds-icon",{dsName:""})]);export{f as D,u as d}

package/dist/components/p-CMH0Guj4.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as s,M as e,c as i,f as d,h as t,F as a,t as r}from"./p-Clnflbiz.js";import{r as o}from"./p-CTROETkT.js";import{t as c,o as l,d as n}from"./p-Duz7I_DQ.js";import{c as h}from"./p-C7gqnikf.js";import{i as b,a as m}from"./p-5l5qZ1Ad.js";import{a as p,d as f}from"./p-DGgJGxC8.js";import{c as u}from"./p-BNucxURn.js";import{d as v}from"./p-Db_yp4Ff.js";const y=(s,e)=>s||e,g=s(class extends(e(u("ds-chip"),p)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=i(this,"dsClick",7)}buttonEl;inheritedAttributes={};get el(){return this}dsClick;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;set dsName(s){this._dsName=y(s,this._dsName)}get dsName(){return this._dsName}dsValue=0;dsText;dsIcon;dsType="button";dsRole;dsAriaLabel;name=this._dsName;async setFocus(){this.buttonEl?.focus()}get DsChipGroupTag(){return c("ds-chip-group","ds-chip",this.el)}connectedCallback(){const s=this.el.closest(this.DsChipGroupTag);this.name=y(s?.dsName,this.name),s?.childConnected()}disconnectedCallback(){const s=this.el.closest(this.DsChipGroupTag);s?.childDisconnected()}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...m(this,this.el),...b(this.el)}}componentDidLoad(){this.componentMounted()}dsNameObserver(s){this.name=s}ariaAttributeObserver(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},d(this)}handleClick(){this.dsClick.emit(this.dsValue)}render(){const s=h("ds-chip"),e=c("ds-icon","ds-chip",this.el),i=c("ds-visually-hidden","ds-chip",this.el),d=this.dsRole??this.inheritedAttributes.role,r=this.dsAriaLabel??this.inheritedAttributes["aria-label"],n=d?"div":a,b=l(this.inheritedAttributes,["role","aria-label"]);return t(n,{key:"f983e1b4fe07f9eeed524dd5e4060f4c24b93699",role:d},t("button",{key:"978d753167b4473b9140856c7aaf5cff3e11f2fe",ref:s=>this.buttonEl=s,class:s,id:this.dsId,name:this.name,form:this.dsForm,type:this.dsType,"aria-label":r,...b},t("slot",{key:"b12c9a1e7abf7ac8abf3f0d698f53950c9f59549",name:"prefix"},this.dsIcon&&t(e,{key:"351d5aa58c3f9329dfc4d5fd4d11b267ed9e5e0d",dsName:this.dsIcon,dsSize:"1rem"})),t("span",{key:"5356d617c2270322b8cafd633cd00eba13c38122",class:`${s}__text`},t("slot",{key:"d3eb97ea2f6e803db178a7cc631483e36d2f8c9b"},this.dsText),t(i,{key:"e21034448a8ad20dad12853ae59ce424f56d8e60",dsTag:"span"},", ",o())),t(e,{key:"3d1b5815acd5db98a8655241e05c704f7d47d1bf",dsName:"close",dsSize:"1rem"})))}static get watchers(){return{dsName:[{dsNameObserver:0}],role:[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}]}}static get style(){return".ds-chip__9el4Wy: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-chip__9el4Wy{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__9el4Wy:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__9el4Wy:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__9el4Wy__text{padding:0 var(--ds-spacing-3xSmall)}"}},[772,"ds-chip",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[6145,"ds-name"],dsValue:[520,"ds-value"],dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsType:[1,"ds-type"],dsRole:[1,"ds-role"],dsAriaLabel:[1,"ds-aria-label"],name:[32],setFocus:[64]},[[0,"click","handleClick"]],{dsName:[{dsNameObserver:0}],role:[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}]}]);function k(){"undefined"!=typeof customElements&&["ds-chip","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-chip":customElements.get(r(s))||customElements.define(r(s),g);break;case"ds-icon":customElements.get(r(s))||f();break;case"ds-visually-hidden":customElements.get(r(s))||v()}}))}n([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]);export{g as D,k as d}

package/dist/components/p-CQHlIDeK.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as e,M as s,h as t,t as i}from"./p-Clnflbiz.js";import{i as d,a as n}from"./p-5l5qZ1Ad.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,d as o}from"./p-Duz7I_DQ.js";import{c as l}from"./p-C7gqnikf.js";import{c as f}from"./p-BNucxURn.js";import{d as g}from"./p-Db_yp4Ff.js";const p={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},m={small:"ds-text-regular-xs",medium:"ds-text-regular-sm",large:"ds-text-regular-md",xLarge:"ds-text-regular-lg","2xLarge":"ds-text-regular-xl"},h={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)",danger:"var(--ds-palette-red-70)"},c=e(class extends(s(f("ds-spinner"))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}inheritedAttributes={};get el(){return this}dsText;dsSize="medium";dsCustomSize;dsCustomTextSize;dsTextPosition="below";dsColour="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...d(this.el,["role","aria-live"])}}componentDidLoad(){this.componentMounted()}render(){const e=p[this.dsSize],s=this.dsCustomSize?"":m[this.dsSize],i=h[this.dsColour],d=l("ds-spinner"),n=r(d,{[`${d}--${this.dsSize}`]:!this.dsCustomSize,[`${d}--custom`]:!!this.dsCustomSize,[`${d}--${this.dsTextPosition}`]:!!this.dsText}),o=r(`${d}__text`,s,`${d}__text--${this.dsColour}`),f=e=>r(`${d}__segment`,`${d}__segment--${e}`),g=a("ds-visually-hidden","ds-spinner",this.el);return t("div",{key:"22d731a3381debe084f5caabf7f4f62f50c4caf4",role:this.dsUseRoleAlert?"alert":void 0,"aria-live":this.dsUseAriaLive?"polite":void 0,class:n,style:{"--spinner-size":this.dsCustomSize?`calc(${this.dsCustomSize} / 1.5833333333)`:`${e}px`,"--spinner-color":`${i}`,"--spinner-border-color":"white"==this.dsColour?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},t("div",{key:"0e415eeb1da1e4cce51c5fe6c8e212d6b4c3fe7f",class:`${d}__spinner`},t("div",{key:"f427fc3b0ee1a7f00014bc8f720710392bd1ffda",class:f(1)}),t("div",{key:"796c7e0d493f524df33dd2995c7cd0b863a98499",class:f(2)}),t("div",{key:"e2959d5b0d51e0463fcf9659e6d4090bba44f2ac",class:f(3)})),this.dsHiddenAssistiveText&&t(g,{key:"3fdb1904b5edfc746ae25e7d2dcb4dd5cd9d6b7a"},t("span",{key:"458410c6e7d5ef61f206993f44a842210de48838"},this.dsHiddenAssistiveText)),this.dsText&&t("span",{key:"e6f7214438611d6d944882c39d3ff7687331bb53",class:o,style:{fontSize:this.dsCustomTextSize}},this.dsText))}static get style(){return".ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-paragraph-width-optimal{max-width:var(--ds-paragraphWidth-optimal)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__9el4Wy{display:inline-block}.ds-spinner__9el4Wy:has(.ds-spinner__9el4Wy__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__9el4Wy{}.ds-spinner__9el4Wy--small{padding:1.5px}.ds-spinner__9el4Wy--medium{padding:3px}.ds-spinner__9el4Wy--large{padding:3px}.ds-spinner__9el4Wy--xLarge{padding:5.5px}.ds-spinner__9el4Wy--2xLarge{padding:5.5px}.ds-spinner__9el4Wy--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__9el4Wy{}.ds-spinner__9el4Wy--below{flex-direction:column;align-items:center}.ds-spinner__9el4Wy--right{flex-direction:row;align-items:center}.ds-spinner__9el4Wy__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__9el4Wy__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__9el4Wy__text--white{color:var(--ds-textColor-white)}.ds-spinner__9el4Wy__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__9el4Wy__segment--1{animation-delay:-0.3s}.ds-spinner__9el4Wy__segment--2{animation-delay:-0.2s}.ds-spinner__9el4Wy__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__9el4Wy__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__9el4Wy__segment--1{animation-delay:-0.6s}.ds-spinner__9el4Wy__segment--2{animation-delay:-0.4s}.ds-spinner__9el4Wy__segment--3{animation-delay:-0.2s}}"}},[513,"ds-spinner",{dsText:[1,"ds-text"],dsSize:[1,"ds-size"],dsCustomSize:[1,"ds-custom-size"],dsCustomTextSize:[1,"ds-custom-text-size"],dsTextPosition:[1,"ds-text-position"],dsColour:[1,"ds-colour"],dsUseRoleAlert:[4,"ds-use-role-alert"],dsUseAriaLive:[4,"ds-use-aria-live"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"]}]);function v(){"undefined"!=typeof customElements&&["ds-spinner","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-spinner":customElements.get(i(e))||customElements.define(i(e),c);break;case"ds-visually-hidden":customElements.get(i(e))||g()}}))}o([t("ds-visually-hidden",null)]);export{c as D,v as d}

package/dist/components/p-CTROETkT.js ADDED Viewed

@@ -0,0 +1 @@

+ import{g as e}from"./p-DdyM9c6W.js";const t=()=>{switch(e()){case"fi":return"Täytä tämä kenttä.";case"sv":return"Fyll i det här fältet.";default:return"Fill in this field."}},a=()=>{switch(e()){case"fi":return"Lyhennä tekstiä.";case"sv":return"Förkorta texten.";default:return"Shorten your text."}},r=()=>{switch(e()){case"fi":return"Syötä suurempi arvo.";case"sv":return"Ange ett större värde.";default:return"Enter a larger value."}},s=()=>{switch(e()){case"fi":return"Syötä pienempi arvo.";case"sv":return"Ange ett mindre värde.";default:return"Enter a smaller value."}},n=()=>{switch(e()){case"fi":return"Anna kelvollinen arvo.";case"sv":return"Ange ett giltigt värde.";default:return"Enter a valid value."}},i=(i,u)=>{switch(i){case"valueMissing":return t();case"typeMismatch":return(t=>{if("email"===t?.type)return(()=>{switch(e()){case"fi":return"Syötä sähköpostiosoite oikeassa muodossa (esim. nimi@helsinki.fi).";case"sv":return"Ange e-postadressen i rätt format (t.ex. namn@helsinki.fi).";default:return"Enter the email address in the correct format (e.g. name@helsinki.fi)."}})();if("url"===t?.type)return(()=>{switch(e()){case"fi":return"Syötä verkkosivun osoite oikeassa muodossa (esim. https://helsinki.fi).";case"sv":return"Ange webbadressen i rätt formatet (t.ex. https://helsinki.fi).";default:return"Enter the web address in the correct format (e.g. https://helsinki.fi)."}})();switch(e()){case"fi":return"Syötä arvo oikeassa muodossa.";case"sv":return"Ange värdet i rätt format.";default:return"Enter a value in the correct format."}})(u);case"patternMismatch":return(()=>{switch(e()){case"fi":return"Syötä arvo vaaditussa muodossa.";case"sv":return"Ange värdet i det angivna formatet.";default:return"Match the requested format."}})();case"tooLong":return a();case"tooShort":return(()=>{switch(e()){case"fi":return"Pidennä tekstiä.";case"sv":return"Förläng texten.";default:return"Lengthen your text."}})();case"rangeUnderflow":return r();case"rangeOverflow":return s();case"stepMismatch":return(()=>{switch(e()){case"fi":return"Syötä sallittu arvo.";case"sv":return"Ange ett tillåtet värde.";default:return"Enter an allowed value."}})();case"badInput":return n();default:return""}},u=(t,a)=>{let r="(optional)";switch(e()){case"fi":r="(valinnainen)";break;case"sv":r="(valfritt)"}return[t,a||r].join(" ")},l=e=>[e,"*"].join(" "),c=()=>{switch(e()){case"fi":return"Valitse vähintään yksi vaihtoehto.";case"sv":return"Välj minst ett alternativ.";default:return"Select at least one option."}},o=()=>{switch(e()){case"fi":return"Valitse kaikki vaihtoehdot.";case"sv":return"Välj alla alternativ.";default:return"Select all options."}},f=(t=!1)=>{let a="";switch(e()){case"fi":a="poista valinta";break;case"sv":a="ta bort val";break;default:a="remove selection"}return t?a[0].toUpperCase()+a.substring(1):a},v=()=>{switch(e()){case"fi":return"Emme voineet ladata vaihtoehtoja.";case"sv":return"Vi kunde inte ladda alternativen.";default:return"We could not load options."}},h=()=>{switch(e()){case"fi":return"Yritä uudelleen tai jos ongelma jatkuu, ota yhteyttä ylläpitoon.";case"sv":return"Försök igen eller om problemet kvarstår, kontakta supporten.";default:return"Try again or if the problem persists, contact support."}},d=()=>{switch(e()){case"fi":return"Ladataan vaihtoehtoja...";case"sv":return"Laddar alternativ...";default:return"Loading options..."}},m=()=>{switch(e()){case"fi":return"Kirjoita tai valitse...";case"sv":return"Sök eller välj...";default:return"Search or select..."}},k=t=>{switch(e()){case"fi":return t?`Ei tuloksia haulle "${t}".`:"Ei tuloksia.";case"sv":return t?`Inga resultat för sökningen "${t}".`:"Inga resultat.";default:return t?`No results found for "${t}".`:"No results found."}},w=()=>{switch(e()){case"fi":return"Kokeile toista hakusanaa.";case"sv":return"Prova ett annat sökord.";default:return"Try a different search term."}},p=()=>{switch(e()){case"fi":return"Vaihtoehtoja on selattavissa.";case"sv":return"Det finns alternativ att bläddra i.";default:return"There are options to browse."}},g=t=>{switch(e()){case"fi":return`${t} merkkiä liian pitkä.`;case"sv":return`${t} tecken för mycket.`;default:return`${t} characters too many.`}},y=t=>{switch(e()){case"fi":return`${t} merkkiä jäljellä.`;case"sv":return`${t} tecken kvar.`;default:return`${t} characters remaining.`}},$=t=>{switch(e()){case"fi":return 1===t?`${t} valinta liian vähän.`:`${t} valintaa liian vähän.`;case"sv":return`${t} val för lite.`;default:return 1===t?`${t} item too few.`:`${t} items too few.`}},j=t=>{switch(e()){case"fi":return 1===t?`${t} valinta liikaa.`:`${t} valintaa liikaa.`;case"sv":return`${t} val för många.`;default:return 1===t?`${t} item too many.`:`${t} items too many.`}},S=()=>{switch(e()){case"fi":return"Tyhjennä kenttä";case"sv":return"Rensa fält";default:return"Clear field"}},b=()=>{switch(e()){case"fi":return"Näytä salasana";case"sv":return"Visa lösenord";default:return"Show password"}},E=()=>{switch(e()){case"fi":return"Piilota salasana";case"sv":return"Dölj lösenord";default:return"Hide password"}},A=()=>{switch(e()){case"fi":return"Valitse vaihtoehto";case"sv":return"Välj alternativ";default:return"Select an option"}},V=()=>{switch(e()){case"fi":return"valintaa";case"sv":return"val";default:return"selections"}},x=()=>{switch(e()){case"fi":return"monivalinta";case"sv":return"flerval";default:return"multiselectable"}},L=()=>{switch(e()){case"fi":return"Kolme pistettä";case"sv":return"Tre punkter";default:return"Ellipsis"}};export{g as A,a as B,y as C,u as a,t as b,n as c,r as d,s as e,h as f,l as g,c as h,p as i,V as j,E as k,d as l,x as m,k as n,b as o,S as p,o as q,f as r,A as s,w as t,$ as u,i as v,v as w,j as x,m as y,L as z}

package/dist/components/p-CcSv4ilj.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as s,M as o,c as t,h as r,t as e}from"./p-Clnflbiz.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as n}from"./p-C7gqnikf.js";import{B as a,j as d}from"./p-Duz7I_DQ.js";import{c}from"./p-BNucxURn.js";const l=s(class extends(o(c("ds-backdrop",{transparentForRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsBackdropClose=t(this,"dsBackdropClose",7),this.dsTransition=t(this,"dsTransition",7)}get el(){return this}mediaQuery=globalThis.matchMedia("(prefers-reduced-motion: reduce)");transitionTimeout=null;dialogElement;mouseDownTarget=null;dsBackdropClose;dsTransition;dsOpen=!1;dsZIndex=9999;dsDialogClasses="";dsRole="dialog";transitionInProgress=!1;async getDialog(){return this.dialogElement}handleReducedMotionChange=s=>{s.matches&&(this.transitionTimeout&&(clearTimeout(this.transitionTimeout),this.transitionTimeout=null),this.transitionInProgress=!1)};disconnectedCallback(){this.transitionTimeout&&clearTimeout(this.transitionTimeout),this.mediaQuery.removeEventListener("change",this.handleReducedMotionChange)}connectedCallback(){this.mediaQuery.addEventListener("change",this.handleReducedMotionChange)}componentDidLoad(){this.dsOpen&&this.dialogElement&&this.dialogElement.showModal()}transitionInProgressObserver(s){this.dsTransition.emit({status:s?"on":"off",direction:this.dsOpen?"in":"out"})}dsOpenObserver(s){this.transitionInProgress=!0,s&&this.dialogElement&&this.dialogElement.showModal();const o=()=>{!s&&this.dialogElement&&this.dialogElement.close()};if(this.mediaQuery.matches)return o(),void(this.transitionInProgress=!1);this.transitionTimeout=setTimeout((()=>{o(),requestAnimationFrame((()=>{this.transitionInProgress=!1}))}),s?a:d)}handleMouseDown=s=>{this.mouseDownTarget=s.target};handleMouseUp=s=>{s.target===this.dialogElement&&s.target===this.mouseDownTarget&&this.dsOpen&&!this.transitionInProgress&&this.dsBackdropClose.emit()};handleKeyDown=s=>{"Escape"===s.key&&(s.preventDefault(),this.transitionInProgress||this.dsBackdropClose.emit())};render(){const s=n("ds-backdrop");return r("dialog",{key:"e7fcbeafcd262ffa31d367308c17e97d3dc2e1e5",ref:s=>this.dialogElement=s,role:this.dsRole,class:i(s,this.dsDialogClasses,{[`${s}--open`]:this.dsOpen,[`${s}--in`]:this.dsOpen&&this.transitionInProgress}),onClose:()=>{this.dsBackdropClose.emit()},onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,onKeyDown:this.handleKeyDown,style:{"--ds-backdrop-z-index":`${this.dsZIndex}`,"--ds-backdrop-transition-in-duration":`${a}ms`,"--ds-backdrop-transition-out-duration":`${d}ms`}},r("slot",{key:"13da2a6b6655f8762abb3265556484aa950af910"}))}static get watchers(){return{transitionInProgress:[{transitionInProgressObserver:0}],dsOpen:[{dsOpenObserver:0}]}}static get style(){return".ds-backdrop__9el4Wy{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__9el4Wy::backdrop{background-color:var(--ds-bgColor-transparent-onLight);transition:display var(--ds-backdrop-transition-out-duration) allow-discrete, overlay var(--ds-backdrop-transition-out-duration) allow-discrete, background-color var(--ds-backdrop-transition-out-duration) ease}@starting-style{.ds-backdrop__9el4Wy::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__9el4Wy--in::backdrop{transition:display var(--ds-backdrop-transition-in-duration) allow-discrete, overlay var(--ds-backdrop-transition-in-duration) allow-discrete, background-color var(--ds-backdrop-transition-in-duration) ease}.ds-backdrop__9el4Wy--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__9el4Wy::backdrop{transition:none}}html:has(.ds-modal__9el4Wy--open){overflow:hidden}"}},[772,"ds-backdrop",{dsOpen:[4,"ds-open"],dsZIndex:[2,"ds-z-index"],dsDialogClasses:[1,"ds-dialog-classes"],dsRole:[1,"ds-role"],transitionInProgress:[32],getDialog:[64]},void 0,{transitionInProgress:[{transitionInProgressObserver:0}],dsOpen:[{dsOpenObserver:0}]}]);function h(){"undefined"!=typeof customElements&&["ds-backdrop"].forEach((s=>{"ds-backdrop"===s&&(customElements.get(e(s))||customElements.define(e(s),l))}))}export{l as D,h as d}

package/dist/components/p-Ck4GGwmX.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as a,M as i,c as l,h as d,t as s}from"./p-Clnflbiz.js";import{c as t}from"./p-BfTCfPZ1.js";import{i as n,a as r}from"./p-5l5qZ1Ad.js";import{o as e,v as o}from"./p-DuDgbqSl.js";import{f as c,t as k,a as _,d as b}from"./p-Duz7I_DQ.js";import{l as h}from"./p-DMddtiKs.js";import{c as y}from"./p-C7gqnikf.js";import{c as v}from"./p-BNucxURn.js";import{d as p}from"./p-DGgJGxC8.js";import{d as g}from"./p-Db_yp4Ff.js";const W=c("visually-hidden-assistive-text"),m=a(class extends(i(v("ds-link-cta"),h)){constructor(a){super(!1),!1!==a&&this.__registerHost(),this.dsClick=l(this,"dsClick",7)}inheritedAttributes={};linkEl;visuallyHiddenAssistiveTextId=W.next().value;get el(){return this}dsText;dsVariant="primary";dsColour="blue";dsSize="medium";dsHideIcon=!1;dsIcon;dsIconPosition="end";dsTag="a";dsTabIndex;dsDisabled=!1;rel;icon="arrow_forward";get currentIcon(){return this.dsIcon?this.dsIcon:this.icon}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}updateIcon(a){e(a)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon="arrow_forward",this.rel=void 0)}componentWillLoad(){this.inheritedAttributes={...r(this,this.el),...n(this.el)},this.updateIcon(this.dsTarget)}componentDidLoad(){this.componentMounted()}onTargetChanged(a){this.updateIcon(a)}handleKeyDown=a=>{switch(a.key){case" ":a.preventDefault(),this.linkEl?.click();break;case"Enter":"span"!==this.dsTag&&this.dsHref||this.linkEl?.click()}};render(){const a=y("ds-link-cta"),i=t(a,`${a}--${this.dsVariant}`,`${a}--${this.dsColour}`,`${a}--${this.dsSize}`,{[`${a}--no-text`]:!this.dsText||""===this.dsText.trim()}),l=t(`${a}__text`),s=t(`${a}__icon`,`${a}__icon--${this.dsIconPosition}`),n=k("ds-icon","ds-link-cta",this.el),r=k("ds-visually-hidden","ds-link-cta",this.el),{"aria-label":c,"aria-labelledby":b,...h}=this.inheritedAttributes,v=this.dsAriaLabel||c,p=this.dsAriaLabelledby||b,g=!this.dsHideIcon&&d(n,{key:"8ab67008ced9bd7daa5db76d6506c6d91934e182",dsName:this.currentIcon,class:s,dsCustomSize:"medium"===this.dsSize?"1.5rem":"1.25rem"});return d(this.dsTag,{key:"deb8a07cfe9a10dba7c35829b95b59c61f8dc90b",ref:a=>this.linkEl=a,class:i,onKeyDown:this.handleKeyDown,tabindex:this.dsTabIndex??("a"!==this.dsTag||this.dsHref?void 0:"0"),..._("role","span"===this.dsTag?"link":void 0),..._("aria-disabled",this.dsDisabled?"true":void 0),..._("aria-label",v),..._("aria-labelledby",p),...h,...this.linkAttributes},"start"===this.dsIconPosition&&g,d("span",{key:"39b2ad2822b8a1ee0a94ad2fc2b2f082dd808475",class:l},this.dsText),"end"===this.dsIconPosition&&g,e(this.dsTarget)&&d(r,{key:"4592dee6a9f46c783c96e306e527fb6dcbdb3333",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},o()))}static get watchers(){return{dsTarget:[{onTargetChanged:0}]}}static get style(){return".ds-no-style-leak.sc-ds-link-cta *.sc-ds-link-cta{all:unset;box-sizing:border-box;display:block}.sc-ds-link-cta-h{display:inline-block;vertical-align:middle}.ds-link-cta__9el4Wy.sc-ds-link-cta{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:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__9el4Wy[aria-disabled=true].sc-ds-link-cta{cursor:default;pointer-events:none;background-color:transparent !important;border-color:transparent !important;color:var(--ds-textColor-disabled-onLight) !important}.ds-link-cta__9el4Wy__text.sc-ds-link-cta{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:var(--ds-link-cta-text-decoration, underline);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-cta__9el4Wy--no-text.sc-ds-link-cta .ds-link-cta__9el4Wy__text.sc-ds-link-cta{padding:0}.ds-link-cta__9el4Wy.sc-ds-link-cta:has(.ds-link-cta__9el4Wy__spinner):not(.ds-link-cta__9el4Wy--small) .ds-link-cta__9el4Wy__value.sc-ds-link-cta{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__9el4Wy--icon-only.sc-ds-link-cta{aspect-ratio:1;justify-content:center}.ds-link-cta__9el4Wy.sc-ds-link-cta:has(.ds-link-cta__9el4Wy__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__9el4Wy.sc-ds-link-cta:has(.ds-link-cta__9el4Wy__text:empty) .ds-link-cta__9el4Wy__icon.sc-ds-link-cta{margin:0}.ds-link-cta__9el4Wy.sc-ds-link-cta:not(.ds-link-cta__9el4Wy--small):not(.ds-link-cta__9el4Wy--secondary):not(.ds-link-cta__9el4Wy--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__9el4Wy.sc-ds-link-cta:not(.ds-link-cta__9el4Wy--small).ds-link-cta__9el4Wy--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__9el4Wy.sc-ds-link-cta:not(.ds-link-cta__9el4Wy--small).ds-link-cta__9el4Wy--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__9el4Wy.sc-ds-link-cta:not(.ds-link-cta__9el4Wy--small).ds-link-cta__9el4Wy--icon-only{padding-left:0;padding-right:0}.ds-link-cta__9el4Wy--small.sc-ds-link-cta:not(.ds-link-cta__9el4Wy--secondary):not(.ds-link-cta__9el4Wy--supplementary){font-weight:var(--ds-fontWeight-semibold);border-width:0;border-style:none;font-size:var(--ds-fontSize-16);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__9el4Wy--small.ds-link-cta__9el4Wy--secondary.sc-ds-link-cta{font-weight:var(--ds-fontWeight-semibold);border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-16);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__9el4Wy--small.ds-link-cta__9el4Wy--supplementary.sc-ds-link-cta{font-weight:var(--ds-fontWeight-semibold);border-width:0;border-style:none;font-size:var(--ds-fontSize-16);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__9el4Wy--small.ds-link-cta__9el4Wy--icon-only.sc-ds-link-cta{padding-left:0;padding-right:0;width:32px}.ds-link-cta__9el4Wy--small.sc-ds-link-cta .ds-link-cta__9el4Wy__icon.sc-ds-link-cta{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__9el4Wy__icon--start.sc-ds-link-cta{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__9el4Wy__icon--end.sc-ds-link-cta{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__9el4Wy--no-text.sc-ds-link-cta .ds-link-cta__9el4Wy__icon--start.sc-ds-link-cta,.ds-link-cta__9el4Wy--no-text.sc-ds-link-cta .ds-link-cta__9el4Wy__icon--end.sc-ds-link-cta{margin:0}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--blue.sc-ds-link-cta: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-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--blue.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-primary));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--blue.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--blue.sc-ds-link-cta:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--black.sc-ds-link-cta: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-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--black.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-black));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--black.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--black.sc-ds-link-cta:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--white.sc-ds-link-cta: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-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--white.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-white));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--white.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--white.sc-ds-link-cta:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--blue.sc-ds-link-cta: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-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--blue.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-secondary));border-color:var(--ds-borderColor-primary);color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--blue.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--blue.sc-ds-link-cta:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--black.sc-ds-link-cta: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-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--black.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-black);color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--black.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--black.sc-ds-link-cta:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--white.sc-ds-link-cta: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-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--white.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-white);color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--white.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--white.sc-ds-link-cta:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--blue.sc-ds-link-cta: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-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--blue.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--blue.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--blue.sc-ds-link-cta:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--black.sc-ds-link-cta: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-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--black.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--black.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--black.sc-ds-link-cta:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--white.sc-ds-link-cta: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-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--white.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--white.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--white.sc-ds-link-cta:active{background-color:var(--ds-bgColor-transparent-onDark-active)}"}},[514,"ds-link-cta",{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"],dsVariant:[1,"ds-variant"],dsColour:[1,"ds-colour"],dsSize:[1,"ds-size"],dsHideIcon:[4,"ds-hide-icon"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsTag:[1,"ds-tag"],dsTabIndex:[1,"ds-tab-index"],dsDisabled:[4,"ds-disabled"],rel:[32],icon:[32]},[[0,"click","handleClick"]],{dsTarget:[{onTargetChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["ds-link-cta","ds-icon","ds-visually-hidden"].forEach((a=>{switch(a){case"ds-link-cta":customElements.get(s(a))||customElements.define(s(a),m);break;case"ds-icon":customElements.get(s(a))||p();break;case"ds-visually-hidden":customElements.get(s(a))||g()}}))}b([d("ds-icon",{dsName:""}),d("ds-visually-hidden",null)]);export{m as D,u as d}

package/dist/components/p-CkdOciiG.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as s,H as e,h as d,F as t,t as i}from"./p-Clnflbiz.js";import{t as a,a as r,d as l}from"./p-Duz7I_DQ.js";import{d as o}from"./p-Db_yp4Ff.js";const n=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsTag="div";dsRole;dsAriaLive="polite";dsAriaAtomic=!1;dsSrOnly=!1;dsSrOnlyTag="div";get DsVisuallyHidden(){return a("ds-visually-hidden","ds-feedback",this.el)}componentWillRender(){const s="Please provide either dsRole or dsAriaLive property";this.dsRole&&this.dsAriaLive?console.warn(`ds-feedback: ${s}. The dsAriaLive property is defined by default.`):this.dsRole||this.dsAriaLive||console.warn(`ds-feedback: ${s}.`)}render(){const s=this.dsSrOnly?this.DsVisuallyHidden:t,e=this.dsSrOnly?{dsTag:this.dsSrOnlyTag}:{};return d(this.dsTag,{key:"794338430f0e0e5341c1eee25eadf098d059eff3",...r("role",this.dsRole),...r("aria-live",this.dsAriaLive),...r("aria-atomic",this.dsAriaAtomic?"true":void 0)},d(s,{key:"15285f38ad7a6439ecbd1515010c0eb608bdebcc",...e},d("slot",{key:"933b521fd4434e65a69f10d8a1a8f6edc28a58d3"})))}static get style(){return".sc-ds-feedback-h{display:contents}"}},[774,"ds-feedback",{dsTag:[1,"ds-tag"],dsRole:[1,"ds-role"],dsAriaLive:[1,"ds-aria-live"],dsAriaAtomic:[4,"ds-aria-atomic"],dsSrOnly:[4,"ds-sr-only"],dsSrOnlyTag:[1,"ds-sr-only-tag"]}]);function c(){"undefined"!=typeof customElements&&["ds-feedback","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-feedback":customElements.get(i(s))||customElements.define(i(s),n);break;case"ds-visually-hidden":customElements.get(i(s))||o()}}))}l([d("ds-visually-hidden",null)]);export{n as D,c as d}

package/dist/components/p-ClKrJiwF.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as s,M as t,h as e,t as i}from"./p-Clnflbiz.js";import{c as d}from"./p-C7gqnikf.js";import{a as l,i as a}from"./p-5l5qZ1Ad.js";import{t as o,d as n}from"./p-Duz7I_DQ.js";import{g as r,a as c}from"./p-CTROETkT.js";import{c as b}from"./p-BNucxURn.js";import{d as h}from"./p-DxvDtOKJ.js";import{d as m}from"./p-Db_yp4Ff.js";const f=s(class extends(t(b("ds-control-label"))){constructor(s){super(),!1!==s&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsId;dsHtmlFor;dsLabel;dsAssistiveText;dsAssistiveTextId;dsVisuallyHiddenAssistiveText;dsVisuallyHiddenAssistiveTextId;dsRequired;dsOptional;dsOptionalText;get DsVisuallyHidden(){return o("ds-visually-hidden","ds-control-label",this.el)}get DsAssistiveText(){return o("ds-assistive-text","ds-control-label",this.el)}componentWillLoad(){this.inheritedAttributes={...a(this.el),...l(this,this.el)}}componentDidLoad(){this.componentMounted()}getLabelText=()=>this.dsRequired?r(this.dsLabel):this.dsOptional?c(this.dsLabel,this.dsOptionalText):this.dsLabel;render(){const s=d("ds-control-label");return e("div",{key:"fb82006018b75e4c00356245966ea94fa1ba62ba",class:s},e("slot",{key:"4626446a9dcd5984a66cc0a24978339c74bc79df",name:"label"},this.dsLabel&&e("label",{key:"fc7253241bc2bfd7ebb7cf3d46a0edb3ec1f12c9",class:`${s}__label`,htmlFor:this.dsHtmlFor,id:this.dsId,...this.inheritedAttributes},this.getLabelText())),e("slot",{key:"41e6bb792f3a594cb7a846cfcdc1ac7a0accd871",name:"assistiveText"},this.dsAssistiveText&&e(this.DsAssistiveText,{key:"3c33bb3d1c8a4708e349559f759847dcf6c94bc6",dsId:this.dsAssistiveTextId,dsText:this.dsAssistiveText}),this.dsVisuallyHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"7ca49d923701fdc03ba72d46c4f989e4f92e1834",id:this.dsVisuallyHiddenAssistiveTextId,dsTag:"span"},this.dsVisuallyHiddenAssistiveText)))}static get style(){return".ds-control-label__9el4Wy__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__9el4Wy{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__9el4Wy:empty{display:none}"}},[772,"ds-control-label",{dsId:[1,"ds-id"],dsHtmlFor:[1,"ds-html-for"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsAssistiveTextId:[1,"ds-assistive-text-id"],dsVisuallyHiddenAssistiveText:[1,"ds-visually-hidden-assistive-text"],dsVisuallyHiddenAssistiveTextId:[1,"ds-visually-hidden-assistive-text-id"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"]}]);function p(){"undefined"!=typeof customElements&&["ds-control-label","ds-assistive-text","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-control-label":customElements.get(i(s))||customElements.define(i(s),f);break;case"ds-assistive-text":customElements.get(i(s))||h();break;case"ds-visually-hidden":customElements.get(i(s))||m()}}))}n([e("ds-visually-hidden",null),e("ds-assistive-text",null)]);export{f as D,p as d}