@uh-design-system/component-library 1.5.2 → 1.6.0-rc.1

package/dist/components/p-D-nqVNgA.js

@@ -0,0 +1 @@
+import{p as t,M as i,c as s,f as e,h as n,F as d,t as a}from"./p-B91f7lDE.js";import{c as r}from"./p-BfTCfPZ1.js";import{k as o,o as l,p as c,v as u}from"./p-CiIjs_L3.js";import{t as h,a as x,d as _}from"./p-Duz7I_DQ.js";import{d as p}from"./p-VfYMKfsX.js";import{i as b,a as f}from"./p-5l5qZ1Ad.js";import{c as v}from"./p-C9ahrvg0.js";import{c as A}from"./p-BEoRtKR4.js";import{d as m}from"./p-Z1pYzolE.js";import{d as g}from"./p-fxi3L1BE.js";import{d as z}from"./p-ocpXKsU5.js";import{d as y}from"./p-BwRK7oyN.js";import{d as K}from"./p-CslnOIgL.js";import{d as k}from"./p-CRR--HxK.js";import{d as C}from"./p-BjhvmYfi.js";import{d as w}from"./p-DJHiPTII.js";const I={search:"search"},T={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},S=t(class extends(i(A("ds-text-input",{stopRootTracking:!0,stopRootTrackingExcept:["ds-datepicker"]}),p)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsChange=s(this,"dsChange",7),this.dsInput=s(this,"dsInput",7),this.dsClear=s(this,"dsClear",7),this.dsSubmitInvalid=s(this,"dsSubmitInvalid",7),this.dsValidity=s(this,"dsValidity",7)}inheritedAttributes={};suffixButtonElement;inputElement;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return this}dsChange;dsInput;dsClear;dsSubmitInvalid;dsValidity;dsForm;_dsStep=1;get dsStep(){return this._dsStep}set dsStep(t){this._dsStep=void 0===t||t<=0?1:t}dsLabel;dsPlaceholder;dsId=this.getUniqueId();dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsMin;dsMax;dsMaxLength;dsPattern;dsAutocomplete;dsOptionalText;dsErrorText;dsSuccessText;dsAssistiveText;dsActionButtonAriaLabel;dsHiddenAssistiveText;dsPrefixText;dsSuffixText;dsIcon="";dsType="text";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsInvalid=!1;dsFullWidth=!1;hasFocus=!1;clearButtonVisible=!1;passwordInputVisible=!1;inputActive=!1;wasInvalidOnBlur=!1;internalValue="";get assistiveTextId(){return`${this.dsId}-assistive-text`}get visuallyHiddenAssistiveTextId(){return`${this.dsId}-visually-hidden-assistive-text`}get validityId(){return`${this.dsId}-validity`}getActionButtonAriaLabel(){switch(this.dsType){case"search":return this.clearButtonVisible?this.dsActionButtonAriaLabel||c():this.dsActionButtonAriaLabel||"";case"password":return this.passwordInputVisible?this.dsActionButtonAriaLabel||o():this.dsActionButtonAriaLabel||l();default:return this.dsActionButtonAriaLabel}}get validityText(){return this.dsErrorText||this.dsSuccessText||""}get validityType(){return this.dsSuccessText?"success":"error"}async togglePasswordVisibility(){return this.passwordInputVisible=!this.passwordInputVisible,this.passwordInputVisible}async clearInput(t){this.internalValue="",this.inputElement?.focus(),this.dsClear.emit({event:t,value:this.internalValue})}async setFocus(){this.inputElement?.focus()}async checkValidity(){return this.inputElement?.checkValidity()}valueObserver(t){this._setDisableEventEmits(!0),this.internalValue=t||""}internalValueObserver(t,i){this.clearButtonVisible="search"===this.dsType&&!!t;const s=this.getShouldEmit([t!==i]);this._setDisableEventEmits(),s&&this.dsChange.emit({value:t})}componentWillLoad(){this.inheritedAttributes={...f(this,this.el,["id"]),...b(this.el,["aria-invalid"])},this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),this._setDisableEventEmits(!0),this.internalValue=this.dsValue||"",this._setDisableEventEmits(),this.clearButtonVisible="search"===this.dsType&&!!this.internalValue}componentDidLoad(){this.componentMounted()}onAriaChanged(t,i,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:t},e(this)}formResetCallback(){this.dsErrorText=""}handleInvalid=t=>{t.preventDefault();const i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsSubmitInvalid.emit({flag:t,message:u(t,{type:this.dsType})});break}};handleInput=t=>{if(this.internalValue=t.target.value,this.dsInput.emit({event:t,value:this.internalValue}),this.dsErrorText||this.wasInvalidOnBlur){const t=this.inputElement?.validity;for(const i in t)if(t[i]){this.dsValidity.emit({flag:i,message:u(i,{type:this.dsType})});break}}};handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.inputElement?.validity;for(const i in t)if(t[i]){this.wasInvalidOnBlur="valid"!==i,this.dsValidity.emit({flag:i,message:u(i,{type:this.dsType})});break}};handleActionButtonClicked=t=>{switch(t.stopPropagation(),this.dsType){case"password":return this.togglePasswordVisibility();case"search":return void this.clearInput(t);default:return}};renderPrefixContent(t){if(this.hasPrefixSlot)return n("slot",{name:"prefix"});if(this.dsPrefixText)return n("slot",{name:"prefix"},n("span",{class:`${t}__prefix`},this.dsPrefixText));const i=this.dsIcon||I[this.dsType],s=h("ds-icon","ds-text-input",this.el);return i?n("slot",{name:"prefix"},n(s,{class:`${t}__icon`,dsName:i})):null}renderSuffixContent(t){if(this.hasSuffixSlot)return n("slot",{name:"suffix"});if(this.dsSuffixText)return n("slot",{name:"suffix"},n("span",{class:`${t}__suffix`},this.dsSuffixText));const i=T[this.dsType]?.(this)??"",s="password"===this.dsType?this.passwordInputVisible:void 0,e=h("ds-button","ds-text-input",this.el);if(i){const d=this.getActionButtonAriaLabel();return n("slot",{name:"suffix"},n(e,{ref:t=>this.suffixButtonElement=t,dsVariant:"supplementary",dsColour:"black",class:`${t}__button`,dsDisabled:!1,dsIcon:i,dsIconTitle:d,dsIconAriaLabel:d,dsInInput:!0,dsNoFocusRing:!0,onClick:this.handleActionButtonClicked,dsAriaPressed:s,...x("dsAriaLabel",d)}))}return null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement?.focus()}render(){const t="password"===this.dsType&&this.passwordInputVisible?"text":this.dsType,i=h("ds-input-validity","ds-text-input",this.el),s=h("ds-control-label","ds-text-input",this.el),e=v("ds-text-input"),a=`${e}__container`,{"aria-label":o,"aria-labelledby":l,"aria-describedby":c,...u}=this.inheritedAttributes,_=this.dsAriaLabel||o,p=this.dsAriaLabelledby||l,b=this.dsAriaDescribedby||c;return n(d,{key:"819dd8a2ccce8543bd23a4c56be02670d23dd8d8"},n(s,{key:"16c94fe5d9ffeb6a5aa335bbe489dafde1914e8c",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText},n("slot",{key:"3729a9925b8f6b67fb1c812f1191cb064adde8fb",name:"label"}),n("slot",{key:"9493c8401698245cbfdedc0b8a924acb46d2ef7c",name:"assistiveText"})),n("div",{key:"e820a1837bfbdedb2bdc26bcb33227d0ebeed5aa",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:r(a,{[`${a}--disabled`]:this.dsDisabled,[`${a}--readonly`]:this.dsReadonly,[`${a}--valid`]:!!this.dsSuccessText,[`${a}--invalid`]:this.dsInvalid||!!this.dsErrorText,[`${a}--focus`]:this.hasFocus,[`${a}--active`]:!!this.inputActive,[`${e}--full-width`]:this.dsFullWidth})},this.renderPrefixContent(e),n("input",{key:"721c5fd7fce47adf118b15683c24203b1307970b",ref:t=>this.inputElement=t,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,required:this.dsRequired,readonly:this.dsReadonly,value:this.internalValue,type:t,min:this.dsMin,max:this.dsMax,maxlength:this.dsMaxLength,pattern:this.dsPattern,step:this.dsStep,placeholder:this.dsPlaceholder,autocomplete:this.dsAutocomplete,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...x("aria-label",_),...x("aria-labelledby",p),...x("aria-describedby",b||r({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.validityId]:!!this.dsErrorText||!!this.dsSuccessText})),"aria-invalid":this.dsInvalid||this.dsErrorText?"true":"false",...u}),this.renderSuffixContent(e)),n("slot",{key:"cd0519db1b7fecf6184f839d6e857e50c3b21cec",name:"validity"},n(i,{key:"8cfb192f9b28c35eb07990ee42ade178a854d349",id:this.validityId,dsText:this.validityText,dsType:this.validityType})))}static get formAssociated(){return!0}static get watchers(){return{dsValue:[{valueObserver:0}],internalValue:[{internalValueObserver:0}],"aria-label":[{onAriaChanged:0}],"aria-labelledby":[{onAriaChanged:0}],"aria-describedby":[{onAriaChanged:0}]}}static get style(){return".ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.sc-ds-text-input-h:has(.ds-text-input__izAhxK--full-width){width:100%}.ds-text-input__izAhxK.sc-ds-text-input{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-input__izAhxK__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__izAhxK__label-container.sc-ds-text-input label.sc-ds-text-input{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-text-input__izAhxK__label-container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-text-input__izAhxK__container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;background-color:var(--ds-bgColor-white);border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--invalid.ds-text-input__izAhxK__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--valid.sc-ds-text-input:hover:not(.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--valid.sc-ds-text-input .ds-text-input__izAhxK__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--readonly.sc-ds-text-input,.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__izAhxK__container.sc-ds-text-input:has(span.ds-text-input__izAhxK__prefix,.ds-text-input__izAhxK__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__izAhxK__container.sc-ds-text-input:has(.ds-text-input__izAhxK__button){padding-inline-end:unset}.ds-text-input__izAhxK__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-borderColor-default)}.ds-text-input__izAhxK__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__izAhxK__container.active.sc-ds-text-input:not(.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--disabled,.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--readonly.sc-ds-text-input,.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--invalid.sc-ds-text-input,.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__izAhxK__container.sc-ds-text-input:hover:not(.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--disabled,.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--readonly.sc-ds-text-input,.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--active.sc-ds-text-input,.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--invalid.sc-ds-text-input,.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--valid.sc-ds-text-input,.ds-text-input__izAhxK__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__izAhxK__container.sc-ds-text-input:has(>input:focus){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-text-input__izAhxK__container.sc-ds-text-input:has(>input:focus):not(.ds-text-input__izAhxK__container:has(>input:focus).ds-text-input__izAhxK__container--invalid,.ds-text-input__izAhxK__container.sc-ds-text-input:has(>input:focus).ds-text-input__izAhxK__container--valid,.ds-text-input__izAhxK__container.sc-ds-text-input:has(>input:focus).ds-text-input__izAhxK__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__izAhxK__container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall);padding-inline:0}.ds-text-input__izAhxK__container.sc-ds-text-input>input.sc-ds-text-input::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-input__izAhxK__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__izAhxK__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__izAhxK__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__izAhxK__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__izAhxK__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__izAhxK__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__izAhxK__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__izAhxK__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__izAhxK__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__izAhxK__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__izAhxK__container.sc-ds-text-input:has(span.ds-text-input__izAhxK__prefix,.ds-text-input__izAhxK__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__izAhxK__container.sc-ds-text-input span.ds-text-input__izAhxK__prefix.sc-ds-text-input,.ds-text-input__izAhxK__container.sc-ds-text-input span.ds-text-input__izAhxK__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__izAhxK__container.sc-ds-text-input .ds-text-input__izAhxK__icon.sc-ds-text-input,.ds-text-input__izAhxK__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__izAhxK__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__izAhxK__container.sc-ds-text-input .ds-text-input__izAhxK__button.sc-ds-text-input{max-height:40px}.ds-text-input__izAhxK__container.sc-ds-text-input .ds-text-input__izAhxK__button.sc-ds-text-input: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)}"}},[838,"ds-text-input",{dsForm:[1,"ds-form"],dsStep:[6658,"ds-step"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsMin:[2,"ds-min"],dsMax:[2,"ds-max"],dsMaxLength:[2,"ds-max-length"],dsPattern:[1,"ds-pattern"],dsAutocomplete:[1,"ds-autocomplete"],dsOptionalText:[1,"ds-optional-text"],dsErrorText:[1025,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsActionButtonAriaLabel:[1,"ds-action-button-aria-label"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsPrefixText:[1,"ds-prefix-text"],dsSuffixText:[1,"ds-suffix-text"],dsIcon:[1,"ds-icon"],dsType:[1,"ds-type"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsInvalid:[4,"ds-invalid"],dsFullWidth:[4,"ds-full-width"],hasFocus:[32],clearButtonVisible:[32],passwordInputVisible:[32],inputActive:[32],wasInvalidOnBlur:[32],internalValue:[32],setDisableEventEmits:[64],togglePasswordVisibility:[64],clearInput:[64],setFocus:[64],checkValidity:[64]},void 0,{dsValue:[{valueObserver:0}],internalValue:[{internalValueObserver:0}],"aria-label":[{onAriaChanged:0}],"aria-labelledby":[{onAriaChanged:0}],"aria-describedby":[{onAriaChanged:0}]}]);function V(){"undefined"!=typeof customElements&&["ds-text-input","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-spinner","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-text-input":customElements.get(a(t))||customElements.define(a(t),S);break;case"ds-assistive-text":customElements.get(a(t))||m();break;case"ds-button":customElements.get(a(t))||g();break;case"ds-control-label":customElements.get(a(t))||z();break;case"ds-feedback":customElements.get(a(t))||y();break;case"ds-icon":customElements.get(a(t))||K();break;case"ds-input-validity":customElements.get(a(t))||k();break;case"ds-spinner":customElements.get(a(t))||C();break;case"ds-visually-hidden":customElements.get(a(t))||w()}}))}_([n("ds-icon",{dsName:""}),n("ds-button",null),n("ds-input-validity",null),n("ds-control-label",null)]);export{S as D,V as d}

package/dist/components/p-D0V_-N2C.js

@@ -0,0 +1 @@
+import{p as s,M as e,h as t,t as a}from"./p-B91f7lDE.js";import{c as i}from"./p-C9ahrvg0.js";import{t as d,d as l}from"./p-Duz7I_DQ.js";import{c as o}from"./p-BEoRtKR4.js";import{d as r}from"./p-Z1pYzolE.js";const c=s(class extends(e(o("ds-group-label"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsLabel;dsAssistiveText;dsAssistiveTextId;get DsAssistiveText(){return d("ds-assistive-text","ds-group-label",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=i("ds-group-label");return t("div",{key:"464d44f204db2ad4856afdbd42c88fb37946c821",class:s},t("slot",{key:"84b0c2aed1cb714ec1c9b18a20aab875c8a53b26",name:"label"},this.dsLabel&&t("div",{key:"657a67c761189e370209ad4e91b59e85b88588c3",class:`${s}__label`},this.dsLabel)),t("slot",{key:"5c2c0a22ce3590701544d6f125f95d431b2c644f",name:"assistiveText"},this.dsAssistiveText&&t(this.DsAssistiveText,{key:"eed3766a7fa01b160330e44ea8c83938c9f9e7f7",dsId:this.dsAssistiveTextId,dsText:this.dsAssistiveText})))}static get style(){return".ds-group-label__izAhxK__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-group-label__izAhxK{display:flex;flex-direction:column}.ds-group-label__izAhxK:empty{display:none}"}},[772,"ds-group-label",{dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsAssistiveTextId:[1,"ds-assistive-text-id"]}]);function n(){"undefined"!=typeof customElements&&["ds-group-label","ds-assistive-text"].forEach((s=>{switch(s){case"ds-group-label":customElements.get(a(s))||customElements.define(a(s),c);break;case"ds-assistive-text":customElements.get(a(s))||r()}}))}l([t("ds-assistive-text",null)]);export{c as D,n as d}

package/dist/components/p-D0sPlQo8.js

@@ -0,0 +1 @@
+import{c as t,C as s}from"./p-DFqTeO7_.js";const o=o=>class extends o{constructor(){super()}context;contextUpdateHandler=t=>{this.context=t.detail};componentWillLoad(){this.context=t(this.el)||void 0,this.el.addEventListener(s,this.contextUpdateHandler)}disconnectedCallback(){this.el.removeEventListener(s,this.contextUpdateHandler)}};export{o as t}

package/dist/components/p-D2MsK1Gx.js

@@ -0,0 +1 @@
+import{g as e}from"./p-B696KJNe.js";const r=(e,r)=>{const s=[];if(r<=9){for(let e=1;e<=r;e++)s.push(e);return s}if(s.push(1),e<=5){for(let e=2;e<=7;e++)s.push(e);return s.push("ellipsis",r),s}if(e>=r-4){s.push("ellipsis");for(let e=r-6;e<=r;e++)s.push(e);return s}s.push("ellipsis");for(let r=e-2;r<=e+2;r++)s.push(r);return s.push("ellipsis",r),s},s=()=>{switch(e()){case"fi":return"Sivutus";case"sv":return"Paginering";default:return"Pagination"}},t=()=>{switch(e()){case"fi":return"Alkuun";case"sv":return"Till början";default:return"First"}},a=()=>{switch(e()){case"fi":return"Loppuun";case"sv":return"Till slutet";default:return"Last"}},i=()=>{switch(e()){case"fi":return"Edellinen";case"sv":return"Föregående";default:return"Previous"}},u=()=>{switch(e()){case"fi":return"Seuraava";case"sv":return"Nästa";default:return"Next"}},n=()=>{switch(e()){case"fi":return"Ensimmäinen sivu";case"sv":return"Första sidan";default:return"First page"}},c=()=>{switch(e()){case"fi":return"Viimeinen sivu";case"sv":return"Sista sidan";default:return"Last page"}},l=()=>{switch(e()){case"fi":return"Edellinen sivu";case"sv":return"Föregående sida";default:return"Previous page"}},f=()=>{switch(e()){case"fi":return"Seuraava sivu";case"sv":return"Nästa sida";default:return"Next page"}},d=()=>{switch(e()){case"fi":return"Nykyinen sivu";case"sv":return"Nuvarande sida";default:return"Current page"}},v=r=>{switch(e()){case"fi":return`Sivu ${r}`;case"sv":return`Sida ${r}`;default:return`Page ${r}`}};export{d as a,l as b,r as c,c as d,n as e,i as f,f as g,t as h,s as i,a as l,u as n,v as p}

package/dist/components/p-DFqTeO7_.js

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

package/dist/components/p-DJHiPTII.js

@@ -0,0 +1 @@
+import{p as s,H as e,h as d,t}from"./p-B91f7lDE.js";import{c as a}from"./p-C9ahrvg0.js";const i=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}dsTag="div";render(){const s=a("ds-visually-hidden");return d(this.dsTag,{key:"8392305eb097f06684fa3ddb8a577dd5c218d4de",class:s},d("slot",{key:"bdad797a3999abea2c23626a1a1e34a9eb379aca"}))}static get style(){return".sc-ds-visually-hidden-h{position:absolute}.ds-visually-hidden__izAhxK.sc-ds-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}"}},[774,"ds-visually-hidden",{dsTag:[1,"ds-tag"]}]);function l(){"undefined"!=typeof customElements&&["ds-visually-hidden"].forEach((s=>{"ds-visually-hidden"===s&&(customElements.get(t(s))||customElements.define(t(s),i))}))}export{i as D,l as d}

package/dist/components/p-DLPuG1NY.js

@@ -0,0 +1 @@
+import{p as s,M as o,c as t,h as r,t as i}from"./p-B91f7lDE.js";import{c as e}from"./p-BfTCfPZ1.js";import{c as a}from"./p-C9ahrvg0.js";import{B as n,j as d}from"./p-Duz7I_DQ.js";import{c}from"./p-BEoRtKR4.js";const h=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?n: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=a("ds-backdrop");return r("dialog",{key:"e7fcbeafcd262ffa31d367308c17e97d3dc2e1e5",ref:s=>this.dialogElement=s,role:this.dsRole,class:e(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":`${n}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__izAhxK{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__izAhxK::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__izAhxK::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__izAhxK--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__izAhxK--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__izAhxK::backdrop{transition:none}}html:has(.ds-modal__izAhxK--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 l(){"undefined"!=typeof customElements&&["ds-backdrop"].forEach((s=>{"ds-backdrop"===s&&(customElements.get(i(s))||customElements.define(i(s),h))}))}export{h as D,l as d}

package/dist/components/p-DOL9IvIQ.js

@@ -0,0 +1 @@
+import{c as t}from"./p-Df8u3Wey.js";const n=n=>class extends n{constructor(){super()}context;contextUpdateHandler=t=>{this.context=t.detail};get paginationContext(){return this.context}componentWillLoad(){this.context=t(this.el)||void 0,this.el.addEventListener("dsPaginationContextUpdate",this.contextUpdateHandler)}disconnectedCallback(){this.el.removeEventListener("dsPaginationContextUpdate",this.contextUpdateHandler)}};export{n as p}

package/dist/components/p-DZ8RQ7Ks.js

@@ -0,0 +1 @@
+import{p as d,H as i,h as s,d as e,t as r}from"./p-B91f7lDE.js";import{c as a}from"./p-BfTCfPZ1.js";import{c as t}from"./p-C9ahrvg0.js";const o=d(class extends i{constructor(d){super(),!1!==d&&this.__registerHost()}dsVariant="decorative";dsOrientation="horizontal";dsPadding="2xSmall";dsCustomPaddingBefore;dsCustomPaddingAfter;toSpacingValue(d){return"none"===d?"0":`var(--ds-spacing-${d})`}render(){const d=t("ds-divider"),i={"--ds-divider-spacing-before":this.dsCustomPaddingBefore??this.toSpacingValue(this.dsPadding),"--ds-divider-spacing-after":this.dsCustomPaddingAfter??this.toSpacingValue(this.dsPadding)};return s(e,{key:"bbdd3113e65cb634f6723e72cde9cc4e8b9c240a",style:i},s("hr",{key:"e1fa912f0e35d0da479087e160628ee79b25da41",class:a(d,`${d}--${this.dsVariant}`,`${d}--${this.dsOrientation}`),"aria-hidden":"decorative"===this.dsVariant?"true":void 0}))}static get style(){return".ds-no-style-leak.sc-ds-divider *.sc-ds-divider{all:unset;box-sizing:border-box;display:block}.ds-divider__izAhxK.sc-ds-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);border:none;display:block}.ds-divider__izAhxK--horizontal.sc-ds-divider{border-top:var(--ds-borderWidth-hairline) solid;margin:var(--ds-divider-spacing-before, var(--ds-spacing-2xSmall)) 0 var(--ds-divider-spacing-after, var(--ds-spacing-2xSmall));width:100%}.ds-divider__izAhxK--vertical.sc-ds-divider{display:inline-flex;flex-direction:column;align-self:stretch;height:100%;border-left:var(--ds-borderWidth-hairline) solid;margin:0 var(--ds-divider-spacing-after, var(--ds-spacing-2xSmall)) 0 var(--ds-divider-spacing-before, var(--ds-spacing-2xSmall));flex:1;width:0}.ds-divider__izAhxK--decorative.sc-ds-divider{border-color:var(--ds-borderColor-light)}.ds-divider__izAhxK--accessible.sc-ds-divider{border-color:var(--ds-borderColor-default)}"}},[514,"ds-divider",{dsVariant:[1,"ds-variant"],dsOrientation:[513,"ds-orientation"],dsPadding:[1,"ds-padding"],dsCustomPaddingBefore:[1,"ds-custom-padding-before"],dsCustomPaddingAfter:[1,"ds-custom-padding-after"]}]);function n(){"undefined"!=typeof customElements&&["ds-divider"].forEach((d=>{"ds-divider"===d&&(customElements.get(r(d))||customElements.define(r(d),o))}))}export{o as D,n as d}

package/dist/components/p-Df8u3Wey.js

@@ -0,0 +1 @@
+import{t as n}from"./p-Duz7I_DQ.js";const t="__ds_pagination_context__";function o(n,t,o){n.dispatchEvent(new CustomEvent("dsPaginationContextUpdate",{bubbles:!1,detail:{...t,isCompact:o}}))}function i(n,o){n[t]=o}function s(i,s){i[t]=s;const a=i.shadowRoot;if(!a)return;const e=[n("ds-pagination-item","ds-pagination",c=i),n("ds-pagination-page","ds-pagination",c),n("ds-pagination-ellipsis","ds-pagination",c),n("ds-pagination-page-info","ds-pagination",c)].join(", ");var c;const f=a.querySelector('slot[name="compact"]');if(f){const n=f.assignedElements({flatten:!0});for(const t of n){t.matches(e)&&o(t,s,!0);for(const n of t.querySelectorAll(e))o(n,s,!0)}}const p=a.querySelector('slot[name="full"]');if(p){const n=p.assignedElements({flatten:!0});for(const t of n){t.matches(e)&&o(t,s,!1);for(const n of t.querySelectorAll(e))o(n,s,!1)}}}function a(n){let o=n.parentElement;for(;o;){if(o[t])return o[t];o=o.parentElement}return console.warn(`${n.tagName} must be used inside ds-pagination component`),null}export{a as c,s as p,i as s}

package/dist/components/p-Dia08Bp6.js

@@ -0,0 +1 @@
+import{p as s,M as r,h as a,t as e}from"./p-B91f7lDE.js";import{c as t}from"./p-C9ahrvg0.js";import{t as d}from"./p-Duz7I_DQ.js";import{c as i}from"./p-BEoRtKR4.js";const c=s(class extends(r(i("ds-breadcrumbs-separator"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsIcon="chevron_forward";get DsIcon(){return d("ds-icon","ds-breadcrumbs-separator",this.el)}render(){const s=t("ds-breadcrumbs-separator");return a(this.DsIcon,{key:"bd7c55e87bfefd24a6d4f59a4663e765debb7103",class:s,dsName:this.dsIcon,dsSize:"1rem"})}static get style(){return".ds-breadcrumbs-separator__izAhxK.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__izAhxK.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}"}},[514,"ds-breadcrumbs-separator",{dsIcon:[1,"ds-icon"]}]);function m(){"undefined"!=typeof customElements&&["ds-breadcrumbs-separator"].forEach((s=>{"ds-breadcrumbs-separator"===s&&(customElements.get(e(s))||customElements.define(e(s),c))}))}export{c as D,m as d}

package/dist/components/p-DpPuCa2a.js

@@ -0,0 +1 @@
+import{p as s,H as t,c as e,h as i,t as a}from"./p-B91f7lDE.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as r,b as o,e as n,d as c}from"./p-Duz7I_DQ.js";import{c as l}from"./p-C9ahrvg0.js";import{b as h,c as u,d as m,e as p,v as f}from"./p-CiIjs_L3.js";import{p as b,a as _,c as g,o as k,g as y,h as v,i as x,b as A,d as w,e as z,f as C,j as D,k as K,l as T,n as V,m as $,q as I,r as E,s as O,t as S,u as R,y as j,v as F,w as Y,x as B,z as L,A as M,B as H,C as N,D as W,E as q}from"./p-CO8RojEk.js";import{d as P}from"./p-Z1pYzolE.js";import{d as X}from"./p-fxi3L1BE.js";import{d as Q}from"./p-ocpXKsU5.js";import{d as U}from"./p-BwRK7oyN.js";import{d as Z}from"./p-CslnOIgL.js";import{d as G}from"./p-CRR--HxK.js";import{d as J}from"./p-BulCOKq2.js";import{d as ss}from"./p-B9yaYYQe.js";import{d as ts}from"./p-CH1vuLp_.js";import{d as es}from"./p-edoQRGfx.js";import{d as is}from"./p-BjhvmYfi.js";import{d as as}from"./p-D-nqVNgA.js";import{d as ds}from"./p-DJHiPTII.js";const rs=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsChange=e(this,"dsChange",7),this.dsValidity=e(this,"dsValidity",7),this.dsSubmitInvalid=e(this,"dsSubmitInvalid",7),this.dsBlur=e(this,"dsBlur",7),this.dsFocus=e(this,"dsFocus",7)}get el(){return this}dsAriaDescribedby;dsAriaControls;dsId;dsLabel="";dsValue;dsName;dsForm;dsDisabled=!1;dsReadonly=!1;dsErrorText;dsRequired=!1;dsOptional;dsOptionalText;dsAssistiveText;dsHiddenAssistiveText;dsPlaceholder;dsMin;dsMax;dsDisabledDates;dsYearRangeStart;dsYearRangeEnd;dsChange;dsValidity;dsSubmitInvalid;dsBlur;dsFocus;isOpen=!1;currentMonth=(new Date).getMonth();currentYear=(new Date).getFullYear();selectedDate="";clickOutsideEnabled=!1;focusedDate=null;hasFocus=!1;internalErrorText="";wasInvalidOnBlur=!1;announcerText="";transitionDirection=null;transitionKey=0;debouncedInputValue=null;inputValue=null;originalValue="";justChanged=!1;pendingFocus=!1;cachedCalendarDays=[];lastCalendarMonth=null;lastCalendarYear=null;cachedYearOptions=[];pickerRef;calendarButtonRef;announceTimeout;debounceTimeout;get calendarButtonAriaLabel(){let s=this.selectedDate;if(null!==this.debouncedInputValue&&""!==this.debouncedInputValue.trim()){const t=b(this.debouncedInputValue.trim());t&&(s=t)}const t=s?_(s):null;return this.isOpen?g(t):k(t)}get dateConstraints(){return{min:this.dsMin,max:this.dsMax,disabledDates:this.dsDisabledDates}}textInputRef;inputRef=null;get validityText(){return this.dsErrorText||this.internalErrorText||""}get DsControlLabel(){return r("ds-control-label","ds-datepicker-custom",this.el)}get DsIconTag(){return r("ds-icon","ds-datepicker-custom",this.el)}get DsButtonTag(){return r("ds-button","ds-datepicker-custom",this.el)}get DsSelectTag(){return r("ds-select","ds-datepicker-custom",this.el)}get DsFeedbackTag(){return r("ds-feedback","ds-datepicker-custom",this.el)}get DsInputValidityTag(){return r("ds-input-validity","ds-datepicker-custom",this.el)}get DsTextInputTag(){return r("ds-text-input","ds-datepicker-custom",this.el)}componentWillLoad(){if(this.selectedDate=this.dsValue||"",this.selectedDate){const s=_(this.selectedDate);s&&(this.currentMonth=s.getMonth(),this.currentYear=s.getFullYear())}this.updateYearOptions()}updateYearOptions(){this.cachedYearOptions=y(this.dsYearRangeStart,this.dsYearRangeEnd)}componentDidLoad(){this.inputRef=this.textInputRef?.querySelector("input")||null,this.inputRef?.addEventListener("keydown",v)}componentDidRender(){this.pendingFocus&&(this.pendingFocus=!1,this.focusDayButton())}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null;if(!t||!this.el.contains(t)){if(this.pendingFocus)return;if(this.hasFocus=!1,this.justChanged)return void(this.justChanged=!1);const{isValid:s,flag:t,message:e}=this.validateInputValue();this.wasInvalidOnBlur=!s,s&&this.applyValidInput(),this.internalErrorText=e,this.dsValidity.emit({flag:t,message:e})}}hasFocusObserver(s){(s?this.dsFocus:this.dsBlur).emit()}dsValueObserver(s){if(this.selectedDate=s||"",!this.selectedDate)return;const t=_(this.selectedDate);t&&(this.currentMonth=t.getMonth(),this.currentYear=t.getFullYear())}dsYearRangeObserver(){this.updateYearOptions()}handleDocumentKeyDown(s){if(this.isOpen){if("Escape"===s.key)return this.selectedDate=this.originalValue,this.inputValue=null,void this.closePicker((()=>this.calendarButtonRef?.setFocus()));if("Tab"===s.key&&this.pickerRef){const t=Array.from(this.pickerRef.querySelectorAll('button:not([disabled]), [tabindex="0"], select, input, [tabindex]:not([tabindex="-1"])')).filter((s=>!s.hasAttribute("disabled")&&"-1"!==s.getAttribute("tabindex")));if(0===t.length)return;const e=t[0],i=t.at(-1);s.shiftKey||!e||document.activeElement!==i&&!i?.contains(document.activeElement)?s.shiftKey&&i&&(document.activeElement===e||e.contains(document.activeElement))&&(s.preventDefault(),i.focus()):(s.preventDefault(),e.focus())}}}handleClickOutside(s){this.isOpen&&this.clickOutsideEnabled&&this.pickerRef&&(this.el.contains(s.target)||this.closePicker())}openPicker=()=>{if(!this.dsDisabled&&!this.dsReadonly){if(null!==this.inputValue){const s=this.inputValue.trim();if(s){const t=b(s),e=t?_(t):null;t&&e&&!x(e,this.dateConstraints)&&(this.selectedDate=t,this.inputValue=null)}}if(this.originalValue=this.selectedDate,this.selectedDate){const s=_(this.selectedDate);s&&(this.focusedDate=s,this.currentMonth=s.getMonth(),this.currentYear=s.getFullYear())}else this.focusedDate=A(this.dateConstraints),this.currentMonth=this.focusedDate.getMonth(),this.currentYear=this.focusedDate.getFullYear();this.isOpen=!0,this.clickOutsideEnabled=!0,this.pendingFocus=!0}};togglePicker=()=>{this.isOpen?this.closePicker():this.openPicker()};handleCalendarButtonClick=s=>{s.stopPropagation(),this.togglePicker()};closePicker=s=>{this.isOpen=!1,this.clickOutsideEnabled=!1,this.focusedDate=null,s&&requestAnimationFrame(s)};focusDayButton=()=>{if(!this.pickerRef||!this.focusedDate)return;const s=this.pickerRef.querySelectorAll('[role="gridcell"] > button'),t=this.focusedDate.getDate();for(const e of Array.from(s)){const s=Number.parseInt(e.textContent?.trim()||"0"),i=e.className.includes("other-month");if(s===t&&!i&&!e.disabled)return void e.focus()}};selectDate=s=>{const t=w(s);this.selectedDate=t,this.internalErrorText="",this.inputValue=null,this.wasInvalidOnBlur=!1,this.justChanged=!0,this.dsChange.emit(t),this.dsValidity.emit({flag:"valid",message:""}),this.closePicker((()=>this.calendarButtonRef?.setFocus()))};handleDayClick=s=>{x(s,this.dateConstraints)||this.selectDate(s)};createDayClickHandler=s=>()=>this.handleDayClick(s);createDayKeyDownHandler=s=>t=>this.handleDayKeyDown(t,s);handleShowToday=()=>{const s=new Date,t=s.getMonth()!==this.currentMonth||s.getFullYear()!==this.currentYear;if(t){const t=s>z(this.currentYear,this.currentMonth,1)?"next":"prev";this.setMonthWithTransition(s.getMonth(),s.getFullYear(),t)}if(x(s,this.dateConstraints)){const s=C(this.currentYear,this.currentMonth,this.dateConstraints);this.focusedDate=s}else this.focusedDate=s;t?this.pendingFocus=!0:requestAnimationFrame((()=>this.focusDayButton()))};handleClear=()=>{this.selectedDate="",this.inputValue=null,this.internalErrorText="",this.wasInvalidOnBlur=!1,this.justChanged=!0,this.dsChange.emit(""),this.dsValidity.emit({flag:"valid",message:""}),this.closePicker((()=>this.inputRef?.focus()))};handleDayKeyDown=(s,t)=>{const e=s.key;if("Tab"!==e){if(o(e)){s.preventDefault();const i=q(e),a=D(t,i,this.dateConstraints);if(a)if(this.focusedDate=a,this.inputValue=K(w(a)),a.getMonth()!==this.currentMonth||a.getFullYear()!==this.currentYear){const s=a>z(this.currentYear,this.currentMonth,1)?"next":"prev";this.setMonthWithTransition(a.getMonth(),a.getFullYear(),s),this.announceMonthYear(),this.pendingFocus=!0}else requestAnimationFrame((()=>this.focusDayButton()))}n(e)&&(s.preventDefault(),x(t,this.dateConstraints)||this.selectDate(t))}};applyValidInput(){if(null===this.inputValue)return;const s=this.inputValue.trim();if(this.inputValue=null,!s)return void(this.selectedDate&&(this.selectedDate="",this.dsChange.emit("")));const t=b(s);if(!t||t===this.selectedDate)return;this.selectedDate=t;const e=_(t);e&&(this.currentMonth=e.getMonth(),this.currentYear=e.getFullYear()),this.dsChange.emit(t)}validateInputValue=()=>{const s=(this.inputValue??K(this.selectedDate)).trim();if(!s&&this.dsRequired)return{isValid:!1,flag:"valueMissing",message:h()};if(!s)return{isValid:!0,flag:"valid",message:""};const t=b(s);if(!t)return{isValid:!1,flag:"badInput",message:u()};const e=_(t);if(!e)return{isValid:!1,flag:"badInput",message:u()};if(this.dsMin){const s=_(this.dsMin);if(s&&e<s)return{isValid:!1,flag:"rangeUnderflow",message:m()}}if(this.dsMax){const s=_(this.dsMax);if(s&&e>s)return{isValid:!1,flag:"rangeOverflow",message:p()}}return this.dsDisabledDates?.includes(t)?{isValid:!1,flag:"customError",message:T()}:{isValid:!0,flag:"valid",message:""}};handleInputChange=s=>{const t=s.detail.value;if(this.inputValue=t,this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout((()=>{this.debouncedInputValue=t??""}),500),t.trim()){if(this.wasInvalidOnBlur){const{isValid:s,flag:e,message:i}=this.validateInputValue();if(s){const s=b(t);if(s){this.selectedDate=s;const t=_(s);t&&(this.currentMonth=t.getMonth(),this.currentYear=t.getFullYear()),this.internalErrorText="",this.wasInvalidOnBlur=!1,this.dsChange.emit(s)}}this.dsValidity.emit({flag:e,message:i})}}else this.dsRequired||(this.selectedDate||this.internalErrorText)&&(this.selectedDate="",this.internalErrorText="",this.wasInvalidOnBlur=!1,this.dsChange.emit(""),this.dsValidity.emit({flag:"valid",message:""}))};setMonthWithTransition=(s,t,e)=>{this.transitionDirection=e,this.transitionKey++,this.currentMonth=s,this.currentYear=t};handleChangeMonth=s=>{const{month:t,year:e}=V(this.currentMonth,this.currentYear,s);this.setMonthWithTransition(t,e,s);let i=null;i="prev"===s?$(e,t,this.dateConstraints)??z(e,t+1,0):C(e,t,this.dateConstraints)??z(e,t,1),this.focusedDate=i,this.announceMonthYear()};handleMonthChange=s=>{s.stopPropagation();const t=Number.parseInt(s.detail,10);if(!Number.isNaN(t)&&t>=0&&t<=11){this.setMonthWithTransition(t,this.currentYear,t>this.currentMonth?"next":"prev");const s=C(this.currentYear,t,this.dateConstraints);this.focusedDate=s??z(this.currentYear,t,1),this.announceMonthYear()}};handleYearChange=s=>{s.stopPropagation();const t=Number.parseInt(s.detail,10);if(!Number.isNaN(t)){this.setMonthWithTransition(this.currentMonth,t,t>this.currentYear?"next":"prev");const s=C(t,this.currentMonth,this.dateConstraints);this.focusedDate=s??z(t,this.currentMonth,1),this.announceMonthYear()}};announceMonthYear=()=>{const s=I();this.announcerText=`${s[this.currentMonth]} ${this.currentYear}`,this.announceTimeout&&clearTimeout(this.announceTimeout),this.announceTimeout=setTimeout((()=>{this.announcerText="",this.announceTimeout=void 0}),2e3)};getCalendarDaysWithCache(){const s=this.currentYear,t=this.currentMonth;return this.lastCalendarMonth===t&&this.lastCalendarYear===s&&this.cachedCalendarDays.length>0||(this.lastCalendarMonth=t,this.lastCalendarYear=s,this.cachedCalendarDays=E(s,t)),this.cachedCalendarDays}handleIconKeyDown=s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.togglePicker())};getValidityMessage=()=>{if(!this.inputRef)return"";if(this.selectedDate){const s=_(this.selectedDate);if(!s)return"";if(this.dsMin){const t=_(this.dsMin);if(t&&s<t)return m()}if(this.dsMax){const t=_(this.dsMax);if(t&&s>t)return p()}if(this.dsDisabledDates?.includes(this.selectedDate))return T()}const s=this.inputRef.validity;for(const t in s)if("valid"!==t&&s[t])return f(t);return""};handleValidityEvent(s){return t=>{t.stopPropagation();const e=this.getValidityMessage();s.emit({flag:"customError",message:e})}}render(){const s=l("ds-datepicker-custom"),t=I(),e=B(),a=this.getCalendarDaysWithCache(),r=this.cachedYearOptions,o=this.dsAssistiveText?`${this.dsId}-assistive`:void 0,n=this.dsHiddenAssistiveText?`${this.dsId}-hidden-assistive`:void 0,c=this.validityText?`${this.dsId}-validity`:void 0,h=this.dsAriaDescribedby||void 0;return i("div",{key:"36fcd5c8412002f3bbf5837d8a66b475b6e588ab"},i(this.DsControlLabel,{key:"7e19a728468dbd41ff162a68acf694e964c71565",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:o,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:n},i("slot",{key:"28a783c8c02c86d25448b13cee06e9180e29fc5c",name:"label"}),i("slot",{key:"dfb4ab27189fe899b7ac8e13bc442c670db4f3a8",name:"assistiveText"})),i("div",{key:"02bb2e1ffe902a6003ceab75932be733a0bc97b0",class:s},i(this.DsTextInputTag,{key:"9b379fc4ccc2a8aa729e727af3cf6d89cd6bc98d",ref:s=>this.textInputRef=s,dsId:this.dsId,dsName:this.dsName,dsForm:this.dsForm,dsDisabled:this.dsDisabled,dsReadonly:this.dsReadonly,dsRequired:this.dsRequired,dsValue:this.inputValue??K(this.selectedDate),dsPlaceholder:this.dsPlaceholder,dsInvalid:!!this.validityText,dsFullWidth:!0,dsAriaDescribedby:[h,o,n,c].filter(Boolean).join(" ")||void 0,onDsInput:this.handleInputChange,onDsChange:s=>s.stopPropagation(),onDsValidity:this.handleValidityEvent(this.dsValidity),onDsSubmitInvalid:this.handleValidityEvent(this.dsSubmitInvalid)},i(this.DsButtonTag,{key:"949b14cf0836f350e6230e8a4ed01aebc85f930f",ref:s=>this.calendarButtonRef=s,slot:"suffix",class:`${s}__calendar-icon`,dsVariant:"supplementary",dsColour:"black",dsSize:"small",onClick:this.handleCalendarButtonClick,onKeyDown:this.handleIconKeyDown,dsDisabled:this.dsDisabled||this.dsReadonly,dsAriaLabel:this.calendarButtonAriaLabel,dsInInput:!0,tabindex:this.dsDisabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.isOpen?"true":"false"},i(this.DsIconTag,{key:"c00a87c3ff158a280326802209694d80ca1c347a",dsName:this.isOpen?"calendar_month_fill":"calendar_month",dsAriaHidden:!0}))),this.isOpen&&i("div",{key:"66aa7339fcd083ced79db74ae687c679c2f1d408",ref:s=>this.pickerRef=s,class:`${s}__picker`,role:"dialog","aria-modal":"true","aria-labelledby":`${this.dsId}-grid-label`},i(this.DsFeedbackTag,{key:"d7a3b7d5247964dda877ce4176466690e595292b",dsSrOnly:!0,dsSrOnlyTag:"span"},this.announcerText),i("div",{key:"0df676197d2f3f2d0f7065cb63ff63daab73dc64",class:`${s}__header`},i("div",{key:"c03cc6f1318eb9ea4dc2283eab8a3e37a15e1b54",id:`${this.dsId}-grid-label`,class:`${s}__selects`},i(this.DsSelectTag,{key:"f47ebec65b269d28d238dbe8d0b91507f1513219",dsId:`${this.dsId}-month`,dsValue:this.currentMonth.toString(),dsClearable:!1,dsVariant:"native",dsIconSize:"1rem",dsPlaceholder:S(),dsAriaLabel:`${O()}, ${t[this.currentMonth]}`,onDsChange:this.handleMonthChange},t.map(((s,t)=>i("option",{key:s,slot:"native",value:t.toString()},s)))),i(this.DsSelectTag,{key:"97e7861bea111869e61e69004f09857c1bfd347e",dsId:`${this.dsId}-year`,dsValue:this.currentYear.toString(),dsClearable:!1,dsVariant:"native",dsIconSize:"1rem",dsPlaceholder:j(),dsAriaLabel:`${R()}, ${this.currentYear}`,onDsChange:this.handleYearChange},r.map((s=>i("option",{key:s,slot:"native",value:s.toString()},s))))),i("div",{key:"f66c363cb852aecc4ab391fb9d1731dbbb5e9f7d",class:`${s}__navigation`},i(this.DsButtonTag,{key:"b7abfb45d5d25aedfaf1eaa065b962b8bca36227",dsVariant:"supplementary",dsColour:"blue",dsSize:"small",dsAriaLabel:F(),onClick:()=>this.handleChangeMonth("prev"),tabindex:0},i(this.DsIconTag,{key:"1501214afb47f434cc7ef4cd6c355483c3c891b3",dsName:"chevron_backward",dsSize:"1rem",dsAriaHidden:!0})),i(this.DsButtonTag,{key:"7ef7fa2cd2258ba2b4e8abed9eee38035950fd4f",dsVariant:"supplementary",dsColour:"blue",dsSize:"small",dsAriaLabel:Y(),onClick:()=>this.handleChangeMonth("next"),tabindex:0},i(this.DsIconTag,{key:"82ea872f6302dead5ab4b267193d91639746f73a",dsName:"chevron_forward",dsSize:"1rem",dsAriaHidden:!0})))),i("div",{class:d(`${s}__calendar`,{[`${s}__calendar--transitioning`]:null!==this.transitionDirection,[`${s}__calendar--prev`]:"prev"===this.transitionDirection,[`${s}__calendar--next`]:"next"===this.transitionDirection}),key:this.transitionKey,role:"grid","aria-label":`${t[this.currentMonth]} ${this.currentYear}`,onAnimationEnd:()=>this.transitionDirection=null},i("div",{key:"d301d732eb26250654241d795efd725f7d6af103",role:"row",class:`${s}__weekday-row`,"aria-hidden":"true"},e.map((t=>i("div",{key:t,class:`${s}__weekday`,role:"columnheader"},t)))),Array.from({length:Math.ceil(a.length/7)},((t,e)=>{const r=a.slice(7*e,7*(e+1));return i("div",{key:e,role:"row",class:`${s}__day-row`},r.map((({day:t,isCurrentMonth:e,isToday:a,date:r})=>{const o=x(r,this.dateConstraints),n=L(r,this.selectedDate),c=r.getDate()===this.focusedDate?.getDate()&&r.getMonth()===this.focusedDate?.getMonth()&&r.getFullYear()===this.focusedDate?.getFullYear(),l=M(),h=H(),u=(r.getDay()+6)%7,m=`${r.getDate()} ${l[r.getMonth()]} ${h[u]} ${r.getFullYear()}`;return i("div",{key:r.toISOString(),role:"gridcell","aria-selected":n?"true":"false"},i("button",{type:"button",disabled:o,tabIndex:c&&e&&!o?0:-1,"aria-current":a?"date":void 0,"aria-label":m,onClick:this.createDayClickHandler(r),onKeyDown:this.createDayKeyDownHandler(r),class:d(`${s}__day`,{[`${s}__day--other-month`]:!e,[`${s}__day--today`]:a,[`${s}__day--selected`]:n,[`${s}__day--disabled`]:o})},t))})))}))),i("div",{key:"8227ce2a0d37d37700b4b7224d9ea5a79da6d080",class:`${s}__footer`},i(this.DsButtonTag,{key:"f3fb962009e6cc354dde012157c653d05d2ace22",dsVariant:"supplementary",dsText:N(),dsSize:"small",onClick:this.handleShowToday,class:`${s}__footer-button--left`,tabindex:0}),i(this.DsButtonTag,{key:"aa4dd130edd6fd2942e44f5c1a4a223d87bd5b9e",dsVariant:"supplementary",dsText:W(),dsSize:"small",onClick:this.handleClear,class:`${s}__footer-button--right`,tabindex:0})))),this.validityText&&i(this.DsInputValidityTag,{key:"d7ebeb82e77cbe2245b05a5723499cad72e11a5c",id:c,dsText:this.validityText,dsType:"error"}))}static get watchers(){return{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}],dsYearRangeStart:[{dsYearRangeObserver:0}],dsYearRangeEnd:[{dsYearRangeObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-datepicker-custom *.sc-ds-datepicker-custom{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-custom-h{display:inline-block;width:18rem}.sc-ds-datepicker-custom-h>div.sc-ds-datepicker-custom{display:flex;flex-direction:column;position:relative}.ds-datepicker-custom__izAhxK__calendar-icon.sc-ds-datepicker-custom{height:100%}.ds-datepicker-custom__izAhxK.sc-ds-datepicker-custom{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-datepicker-custom__izAhxK__calendar-icon.sc-ds-datepicker-custom{margin-right:calc(-1 * var(--ds-spacing-xSmall))}@supports (-moz-appearance: none){.ds-datepicker-custom__izAhxK__calendar-icon.sc-ds-datepicker-custom{display:inline-flex}}.ds-datepicker-custom__izAhxK__picker.sc-ds-datepicker-custom{position:absolute;top:100%;width:100%;height:22.5rem;display:flex;flex-direction:column;background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);box-shadow:var(--ds-shadow-overlay);z-index:1000;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-datepicker-custom__izAhxK__header.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-spacing-small);margin-bottom:var(--ds-spacing-xSmall)}.ds-datepicker-custom__izAhxK__selects.sc-ds-datepicker-custom{--ds-select-borderWidth:0;--ds-select-narrow-width:auto;--ds-select-wide-width:auto;--ds-select-height:var(--ds-spacing-large);--ds-select-dropdown-icon-border-left:none;--ds-select-selected-option-color:var(--ds-textColor-default);--ds-select-selected-option-font-size:var(--ds-fontSize-14);--ds-select-selected-option-font-weight:var(--ds-fontWeight-semibold);--ds-select-selected-option-padding:0;--ds-select-dropdown-icon-padding:0 var(--ds-spacing-4xSmall);--ds-select-selected-text-margin-right:var(--ds-spacing-3xSmall);display:flex;gap:var(--ds-spacing-xSmall);flex:1}.ds-datepicker-custom__izAhxK__navigation.sc-ds-datepicker-custom{--ds-button-min-height:2rem;--ds-button-min-width:2rem;display:flex;gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__izAhxK__calendar.sc-ds-datepicker-custom{--ds-button-min-height:var(--ds-spacing-large);--ds-button-min-width:var(--ds-spacing-large);display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__izAhxK__calendar--prev.sc-ds-datepicker-custom{animation:slide-in-from-left 250ms ease-out}.ds-datepicker-custom__izAhxK__calendar--next.sc-ds-datepicker-custom{animation:slide-in-from-right 250ms ease-out}@keyframes slide-in-from-left{from{opacity:0;transform:translateX(-0.75rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-from-right{from{opacity:0;transform:translateX(0.75rem)}to{opacity:1;transform:translateX(0)}}.ds-datepicker-custom__izAhxK__weekday-row.sc-ds-datepicker-custom,.ds-datepicker-custom__izAhxK__day-row.sc-ds-datepicker-custom{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__izAhxK__weekday-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom,.ds-datepicker-custom__izAhxK__day-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom{display:contents}.ds-datepicker-custom__izAhxK__weekday.sc-ds-datepicker-custom,.ds-datepicker-custom__izAhxK__day.sc-ds-datepicker-custom{aspect-ratio:1;line-height:var(--ds-button-min-height);text-align:center}.ds-datepicker-custom__izAhxK__weekday.sc-ds-datepicker-custom{font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-12);color:var(--ds-textColor-secondary)}.ds-datepicker-custom__izAhxK__day.sc-ds-datepicker-custom{background:none;border:none;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-datepicker-custom__izAhxK__day.sc-ds-datepicker-custom: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-datepicker-custom__izAhxK__day.sc-ds-datepicker-custom:hover:not(.ds-datepicker-custom__izAhxK__day--disabled,.ds-datepicker-custom__izAhxK__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-custom__izAhxK__day.sc-ds-datepicker-custom:active:not(.ds-datepicker-custom__izAhxK__day--disabled,.ds-datepicker-custom__izAhxK__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-active)}.ds-datepicker-custom__izAhxK__day--other-month.sc-ds-datepicker-custom:not(.ds-datepicker-custom__izAhxK__day--disabled){color:var(--ds-textColor-secondary)}.ds-datepicker-custom__izAhxK__day--today.sc-ds-datepicker-custom{font-weight:var(--ds-fontWeight-bold);text-decoration:underline;text-decoration-thickness:13%;text-underline-offset:12%}.ds-datepicker-custom__izAhxK__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__izAhxK__day--disabled){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);font-weight:var(--ds-fontWeight-bold)}.ds-datepicker-custom__izAhxK__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__izAhxK__day--disabled):hover{background-color:var(--ds-bgColor-primary-hover)}.ds-datepicker-custom__izAhxK__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__izAhxK__day--disabled):active{background-color:var(--ds-bgColor-primary-active)}.ds-datepicker-custom__izAhxK__day--disabled.sc-ds-datepicker-custom{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-custom__izAhxK__footer.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.ds-datepicker-custom__izAhxK__footer-button--left.sc-ds-datepicker-custom{margin-right:auto}.ds-datepicker-custom__izAhxK__footer-button--right.sc-ds-datepicker-custom{margin-left:auto}"}},[774,"ds-datepicker-custom",{dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],dsId:[1,"ds-id"],dsLabel:[1,"ds-label"],dsValue:[1,"ds-value"],dsName:[1,"ds-name"],dsForm:[1,"ds-form"],dsDisabled:[4,"ds-disabled"],dsReadonly:[4,"ds-readonly"],dsErrorText:[1,"ds-error-text"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsPlaceholder:[1,"ds-placeholder"],dsMin:[1,"ds-min"],dsMax:[1,"ds-max"],dsDisabledDates:[16],dsYearRangeStart:[2,"ds-year-range-start"],dsYearRangeEnd:[2,"ds-year-range-end"],isOpen:[32],currentMonth:[32],currentYear:[32],selectedDate:[32],clickOutsideEnabled:[32],focusedDate:[32],hasFocus:[32],internalErrorText:[32],wasInvalidOnBlur:[32],announcerText:[32],transitionDirection:[32],transitionKey:[32],debouncedInputValue:[32],inputValue:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"],[4,"keydown","handleDocumentKeyDown"],[4,"click","handleClickOutside"]],{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}],dsYearRangeStart:[{dsYearRangeObserver:0}],dsYearRangeEnd:[{dsYearRangeObserver:0}]}]);function os(){"undefined"!=typeof customElements&&["ds-datepicker-custom","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-option","ds-options","ds-select","ds-select-native","ds-spinner","ds-text-input","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-datepicker-custom":customElements.get(a(s))||customElements.define(a(s),rs);break;case"ds-assistive-text":customElements.get(a(s))||P();break;case"ds-button":customElements.get(a(s))||X();break;case"ds-control-label":customElements.get(a(s))||Q();break;case"ds-feedback":customElements.get(a(s))||U();break;case"ds-icon":customElements.get(a(s))||Z();break;case"ds-input-validity":customElements.get(a(s))||G();break;case"ds-option":customElements.get(a(s))||J();break;case"ds-options":customElements.get(a(s))||ss();break;case"ds-select":customElements.get(a(s))||ts();break;case"ds-select-native":customElements.get(a(s))||es();break;case"ds-spinner":customElements.get(a(s))||is();break;case"ds-text-input":customElements.get(a(s))||as();break;case"ds-visually-hidden":customElements.get(a(s))||ds()}}))}c([i("ds-icon",{dsName:""}),i("ds-control-label",null),i("ds-input-validity",null),i("ds-button",null),i("ds-select",null),i("ds-option",{dsValue:""}),i("ds-text-input",null),i("ds-feedback",null)]);export{rs as D,os as d}

package/dist/components/p-Duz7I_DQ.js

@@ -0,0 +1 @@
+const t=3e3,n=350,e=44,r=180,o=160,s=220,a=160,u=140,c=100,i=()=>void 0!==globalThis.window&&"undefined"!=typeof document,l=t=>{const n=Number.parseFloat(t);return(e=""+16*n).endsWith("px")?e:`${e}px`;var e};function*m(t){let n=1;for(;;)yield`${t}-${n++}`}const f=(t,n=0,e=!1)=>{let r=null;const o=(...o)=>{r&&clearTimeout(r),e&&!r&&t(...o),r=setTimeout((function(){r=null,e||t(...o)}),n)};return o.cancel=()=>{r&&(clearTimeout(r),r=null)},o},d=(t,n=0)=>{let e=0;return(...r)=>{const o=Date.now();o-e>=n&&(t(...r),e=o)}},h=(t,n,e)=>{const r=e.tagName.toLowerCase();if(!r.includes(n))throw new Error(`knownUntransformedTag mismatch: expected tag to include '${n}', but got '${r}'`);const o=e.tagName.toLowerCase(),s=n.split(/^ds-/)[1],a=t.split(/^ds-/)[1],[u,c]=o.split(s);return u+a+c},w=()=>{},p=(t,n)=>{const e=new Set(n);return Object.fromEntries(Object.entries(t).filter((([t])=>!e.has(t))))},b=(t,n)=>null==n||""===n?{}:{[t]:n},g=t=>t?.componentOnReady?t.componentOnReady():new Promise((n=>{requestAnimationFrame((()=>n(t)))}));function T(t,n){return n.includes(t)}const A=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"];function j(t){return T(t,A)}const x=["Enter"," "];function $(t){return T(t,x)}const S=t=>{const n=t.getRootNode();return n instanceof ShadowRoot?n.host:null},k=t=>t.parentElement??S(t),q=(t,n)=>{let e=t;for(;e;){if(e.closest(n))return!0;e=S(e)}return!1},v=t=>{if(!i())return;const n=(t=>{let n=t??null;for(;n;){const t=n.closest("[data-uhds-app-name]");if(t)return t;n=S(n)}return null})(t),e=n?.dataset.uhdsAppName?.trim();if(e)return e;const r=document.documentElement?.dataset.uhdsAppName?.trim();return r||globalThis._uhdsMatomoAppName},y=()=>{const t="https://matomo.it.helsinki.fi/matomo/js/container_hxIamClK.js";if(!i())return;if(Array.from(document.scripts).some((n=>n.src===t)))return;globalThis._mtm=globalThis._mtm||[],globalThis._mtm.push({"mtm.startTime":Date.now(),event:"mtm.Start"});const n=document.createElement("script");n.async=!0,n.src=t;const e=document.scripts[0];e?.parentNode?e.parentNode.insertBefore(n,e):(document.head??document.documentElement).appendChild(n)},D=(t,n)=>t.composedPath().includes(n),F=()=>new Promise((t=>requestAnimationFrame((()=>t()))));export{r as B,c as C,t as F,s as M,e as S,b as a,j as b,g as c,w as d,$ as e,m as f,k as g,q as h,y as i,o as j,f as k,D as l,u as m,F as n,p as o,n as p,d as q,v as r,a as s,h as t,l as u}

package/dist/components/p-YqM-8IWD.js

@@ -0,0 +1 @@
+import{p as s,H as i,c as t,h as e,t as d}from"./p-B91f7lDE.js";import{t as a,d as l}from"./p-Duz7I_DQ.js";import{c as r}from"./p-C9ahrvg0.js";import{b as n,c as o,d as h,e as c,v as u}from"./p-CiIjs_L3.js";import{h as m,p,a as f,l as b,k as v}from"./p-CO8RojEk.js";import{d as g}from"./p-Z1pYzolE.js";import{d as x}from"./p-fxi3L1BE.js";import{d as y}from"./p-ocpXKsU5.js";import{d as k}from"./p-BwRK7oyN.js";import{d as V}from"./p-CslnOIgL.js";import{d as D}from"./p-CRR--HxK.js";import{d as I}from"./p-BjhvmYfi.js";import{d as E}from"./p-D-nqVNgA.js";import{d as T}from"./p-DJHiPTII.js";const F=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsChange=t(this,"dsChange",7),this.dsValidity=t(this,"dsValidity",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsBlur=t(this,"dsBlur",7),this.dsFocus=t(this,"dsFocus",7)}get el(){return this}dsAriaDescribedby;dsAriaControls;dsId;dsLabel="";dsValue;dsName;dsForm;dsDisabled=!1;dsReadonly=!1;dsErrorText;dsRequired=!1;dsOptional;dsOptionalText;dsAssistiveText;dsHiddenAssistiveText;dsPlaceholder;dsMin;dsMax;dsDisabledDates;dsChange;dsValidity;dsSubmitInvalid;dsBlur;dsFocus;selectedDate="";hasFocus=!1;internalErrorText="";wasInvalidOnBlur=!1;inputValue=null;textInputRef;inputRef;get validityText(){return this.dsErrorText||this.internalErrorText||""}get DsControlLabel(){return a("ds-control-label","ds-datepicker-simple",this.el)}get DsInputValidityTag(){return a("ds-input-validity","ds-datepicker-simple",this.el)}get DsTextInputTag(){return a("ds-text-input","ds-datepicker-simple",this.el)}componentWillLoad(){this.selectedDate=this.dsValue||""}componentDidLoad(){this.inputRef=this.textInputRef?.querySelector("input")??void 0,this.inputRef?.addEventListener("keydown",m)}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const i=s&&"relatedTarget"in s?s.relatedTarget:null;if(!i||!this.el.contains(i)){this.hasFocus=!1;const{isValid:s,flag:i,message:t}=this.validateInputValue();if(this.wasInvalidOnBlur=!s,s&&this.inputRef){const s=this.inputRef.value.trim();if(s){const i=p(s);i&&i!==this.selectedDate&&(this.selectedDate=i,this.dsChange.emit(i))}else this.selectedDate&&(this.selectedDate="",this.dsChange.emit(""));this.inputValue=null}this.internalErrorText=t,this.dsValidity.emit({flag:i,message:t})}}hasFocusObserver(s){(s?this.dsFocus:this.dsBlur).emit()}dsValueObserver(s){this.selectedDate=s||""}validateInputValue=()=>{if(!this.inputRef)return{isValid:!0,flag:"valid",message:""};const s=this.inputRef.value.trim();if(!s&&this.dsRequired)return{isValid:!1,flag:"valueMissing",message:n()};if(!s)return{isValid:!0,flag:"valid",message:""};const i=p(s);if(!i)return{isValid:!1,flag:"badInput",message:o()};const t=f(i);if(!t)return{isValid:!1,flag:"badInput",message:o()};if(this.dsMin){const s=f(this.dsMin);if(s&&t<s)return{isValid:!1,flag:"rangeUnderflow",message:h()}}if(this.dsMax){const s=f(this.dsMax);if(s&&t>s)return{isValid:!1,flag:"rangeOverflow",message:c()}}return this.dsDisabledDates?.includes(i)?{isValid:!1,flag:"customError",message:b()}:{isValid:!0,flag:"valid",message:""}};handleInputChange=s=>{const i=s.detail.value;if(this.inputValue=i,i.trim()){if(this.wasInvalidOnBlur){const{isValid:s,flag:t,message:e}=this.validateInputValue();if(s){const s=p(i);s&&(this.selectedDate=s,this.internalErrorText="",this.wasInvalidOnBlur=!1,this.dsChange.emit(s))}this.dsValidity.emit({flag:t,message:e})}}else this.dsRequired||!this.selectedDate&&!this.internalErrorText||(this.selectedDate="",this.internalErrorText="",this.wasInvalidOnBlur=!1,this.dsChange.emit(""),this.dsValidity.emit({flag:"valid",message:""}))};getValidityMessage(){if(!this.inputRef)return"";if(this.selectedDate){const s=f(this.selectedDate);if(!s)return"";if(this.dsMin){const i=f(this.dsMin);if(i&&s<i)return h()}if(this.dsMax){const i=f(this.dsMax);if(i&&s>i)return c()}if(this.dsDisabledDates?.includes(this.selectedDate))return b()}const s=this.inputRef.validity;for(const i in s)if("valid"!==i&&s[i])return u(i);return""}handleValidityEvent(s){return i=>{i.stopPropagation();const t=this.getValidityMessage();s.emit({flag:"customError",message:t})}}render(){const s=r("ds-datepicker-simple"),i=this.dsAssistiveText?`${this.dsId}-assistive`:void 0,t=this.dsHiddenAssistiveText?`${this.dsId}-hidden-assistive`:void 0,d=this.validityText?`${this.dsId}-validity`:void 0,a=this.dsAriaDescribedby||void 0;return e("div",{key:"2d8789b5b5d7fe5c92f4c2ebdd3598269e9f3acc"},e(this.DsControlLabel,{key:"4e9b9db6fa8700b0cf4d8ed0ccccc64f6346191c",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:i,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:t},e("slot",{key:"96b1af36aad9ddb277382b1e46830b3ff4033f8f",name:"label"})),e("div",{key:"905765654158cbc48807b570c5b941f99138c430",class:s},e(this.DsTextInputTag,{key:"010688f3e00a368023cdc4ca4211bb5bebd31aa7",ref:s=>this.textInputRef=s,dsId:this.dsId,dsName:this.dsName,dsForm:this.dsForm,dsDisabled:this.dsDisabled,dsReadonly:this.dsReadonly,dsRequired:this.dsRequired,dsValue:this.inputValue??v(this.selectedDate),dsPlaceholder:this.dsPlaceholder,dsInvalid:!!this.validityText,dsFullWidth:!0,dsAriaDescribedby:[a,i,t,d].filter(Boolean).join(" ")||void 0,onDsInput:this.handleInputChange,onDsChange:s=>s.stopPropagation(),onDsValidity:this.handleValidityEvent(this.dsValidity),onDsSubmitInvalid:this.handleValidityEvent(this.dsSubmitInvalid)})),this.validityText&&e(this.DsInputValidityTag,{key:"d29dbb2744d7228f68550da44ba79e136c116513",id:d,dsText:this.validityText,dsType:"error"}))}static get watchers(){return{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-datepicker-simple *.sc-ds-datepicker-simple{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-simple-h{display:inline-block;width:18rem}.sc-ds-datepicker-simple-h>div.sc-ds-datepicker-simple{display:flex;flex-direction:column;position:relative}.ds-datepicker-simple__izAhxK.sc-ds-datepicker-simple{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}"}},[774,"ds-datepicker-simple",{dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],dsId:[1,"ds-id"],dsLabel:[1,"ds-label"],dsValue:[1,"ds-value"],dsName:[1,"ds-name"],dsForm:[1,"ds-form"],dsDisabled:[4,"ds-disabled"],dsReadonly:[4,"ds-readonly"],dsErrorText:[1,"ds-error-text"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsPlaceholder:[1,"ds-placeholder"],dsMin:[1,"ds-min"],dsMax:[1,"ds-max"],dsDisabledDates:[16],selectedDate:[32],hasFocus:[32],internalErrorText:[32],wasInvalidOnBlur:[32],inputValue:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}]}]);function O(){"undefined"!=typeof customElements&&["ds-datepicker-simple","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-spinner","ds-text-input","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-datepicker-simple":customElements.get(d(s))||customElements.define(d(s),F);break;case"ds-assistive-text":customElements.get(d(s))||g();break;case"ds-button":customElements.get(d(s))||x();break;case"ds-control-label":customElements.get(d(s))||y();break;case"ds-feedback":customElements.get(d(s))||k();break;case"ds-icon":customElements.get(d(s))||V();break;case"ds-input-validity":customElements.get(d(s))||D();break;case"ds-spinner":customElements.get(d(s))||I();break;case"ds-text-input":customElements.get(d(s))||E();break;case"ds-visually-hidden":customElements.get(d(s))||T()}}))}l([e("ds-control-label",null),e("ds-input-validity",null),e("ds-text-input",null)]);export{F as D,O as d}

package/dist/components/p-Z1pYzolE.js

@@ -0,0 +1 @@
+import{p as s,M as t,h as e,t as i}from"./p-B91f7lDE.js";import{c as a}from"./p-C9ahrvg0.js";import{c as d}from"./p-BEoRtKR4.js";const o=s(class extends(t(d("ds-assistive-text"))){constructor(s){super(),!1!==s&&this.__registerHost()}dsId=this.getUniqueId();dsText;render(){const s=a("ds-assistive-text");return e("small",{key:"b3ea5f9023f6ee9116610f23125b282fc75d9919",class:s,id:this.dsId},e("slot",{key:"57add51c80a4bb668f6f0e5a1d5ae406be5eb799"},this.dsText))}static get style(){return".ds-assistive-text__izAhxK.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}"}},[774,"ds-assistive-text",{dsId:[1,"ds-id"],dsText:[1,"ds-text"]}]);function r(){"undefined"!=typeof customElements&&["ds-assistive-text"].forEach((s=>{"ds-assistive-text"===s&&(customElements.get(i(s))||customElements.define(i(s),o))}))}export{o as D,r as d}

package/dist/components/p-d3XRY3lH.js

@@ -0,0 +1 @@
+import{p as e,H as s,c as i,h as t,t as d}from"./p-B91f7lDE.js";import{c as a}from"./p-BfTCfPZ1.js";import{t as r,d as o}from"./p-Duz7I_DQ.js";import{c as n}from"./p-C9ahrvg0.js";import{v as c}from"./p-CiIjs_L3.js";import{o as l}from"./p-CO8RojEk.js";import{d as h}from"./p-Z1pYzolE.js";import{d as v}from"./p-fxi3L1BE.js";import{d as p}from"./p-ocpXKsU5.js";import{d as b}from"./p-BwRK7oyN.js";import{d as u}from"./p-CslnOIgL.js";import{d as k}from"./p-CRR--HxK.js";import{d as _}from"./p-BjhvmYfi.js";import{d as f}from"./p-DJHiPTII.js";const m=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=i(this,"dsChange",7),this.dsValidity=i(this,"dsValidity",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsBlur=i(this,"dsBlur",7),this.dsFocus=i(this,"dsFocus",7)}get el(){return this}dsChange;dsValidity;dsSubmitInvalid;dsBlur;dsFocus;dsId;dsLabel="";dsValue;dsName;dsForm;dsDisabled=!1;dsReadonly=!1;dsErrorText;dsRequired=!1;dsOptional;dsOptionalText;dsAssistiveText;dsHiddenAssistiveText;dsMin;dsMax;dsShowCalendarIcon=!0;dsAriaDescribedby;dsAriaControls;value="";hasFocus=!1;isOpen=!1;get inputValidityId(){return`${this.dsId}-input-validity`}nativeDateInputRef;get DsInputValidityTag(){return r("ds-input-validity","ds-datepicker-native",this.el)}get DsIconTag(){return r("ds-icon","ds-datepicker-native",this.el)}get DsButtonTag(){return r("ds-button","ds-datepicker-native",this.el)}get supportsShowPicker(){return!!this.nativeDateInputRef&&"function"==typeof this.nativeDateInputRef.showPicker}componentWillLoad(){this.value=this.dsValue||""}componentDidLoad(){this.nativeDateInputRef&&this.nativeDateInputRef.addEventListener("invalid",(e=>{e.preventDefault();const s=this.getValidityMessage();this.dsSubmitInvalid.emit({flag:"customError",message:s}),this.dsValidity.emit({flag:"customError",message:s})}))}handleFocusIn(){this.hasFocus=!0}handleFocusOut(e){const s=e&&"relatedTarget"in e?e.relatedTarget:null;if((!s||!this.el.contains(s))&&(this.hasFocus=!1,this.isOpen=!1,this.nativeDateInputRef)){const e=this.nativeDateInputRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":this.getValidityMessage()})}}hasFocusObserver(e){(e?this.dsFocus:this.dsBlur).emit()}dsValueObserver(e){this.value=e||""}valueObserver(e){if(this.nativeDateInputRef&&(this.nativeDateInputRef.value!==e&&(this.nativeDateInputRef.value=e),this.dsRequired)){const e=this.nativeDateInputRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":this.getValidityMessage()})}}openDatePicker=()=>{if(!this.dsDisabled&&!this.dsReadonly&&this.nativeDateInputRef){if(this.isOpen=!0,this.supportsShowPicker)try{return void this.nativeDateInputRef.showPicker()}catch{}this.nativeDateInputRef.focus(),this.nativeDateInputRef.click()}};handleIconKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.openDatePicker())};getValidityMessage(){if(!this.nativeDateInputRef)return"";const e=this.nativeDateInputRef.validity;for(const s in e)if("valid"!==s&&e[s])return c(s);return""}render(){const e=n("ds-datepicker-native"),s=`${e}__input-container`,i=r("ds-control-label","ds-datepicker-native",this.el),d=this.dsAssistiveText?`${this.dsId}-assistive`:void 0,o=this.dsHiddenAssistiveText?`${this.dsId}-hidden-assistive`:void 0,c=[this.dsAriaDescribedby,d,o,this.dsErrorText?this.inputValidityId:null].filter(Boolean).join(" ")||void 0;return t("div",{key:"d33638642ebbac4cb45b2abf71d752035a283692"},t(i,{key:"de88719f244fbde0b4c9414a90caaaa208d6f937",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:d,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:o},t("slot",{key:"21291470896f76f1b3d6298e01744b106d93ffbb",name:"label"})),t("div",{key:"264304186d3c2dfa2839b70db45ce0de4721fd09",class:a(`${e}`,{[`${e}--disabled`]:this.dsDisabled,[`${e}--readonly`]:this.dsReadonly,[`${e}--invalid`]:!!this.dsErrorText})},t("div",{key:"01720ca8960311269d35aa3a82fc645cbb68f92b",class:s},t("input",{key:"e475c5ee7c26d754f97fade516192ed11ce95b94",ref:e=>{this.nativeDateInputRef=e,e&&(e.value=this.value)},id:this.dsId,name:this.dsName,form:this.dsForm,type:"date",class:`${e}__input`,disabled:this.dsDisabled,readonly:this.dsReadonly,required:this.dsRequired,min:this.dsMin,max:this.dsMax,value:this.value,onChange:e=>{const s=e.target;this.value=s.value,this.isOpen=!1,this.dsChange.emit(s.value)},"aria-invalid":this.dsErrorText?"true":"false","aria-describedby":c,"aria-controls":this.dsAriaControls})),this.dsShowCalendarIcon&&t(this.DsButtonTag,{key:"a74aeb5f476af943743ab854aa60579fbc10cd8d",class:`${e}__calendar-icon`,dsVariant:"supplementary",dsColour:"black",dsSize:"small",onClick:this.openDatePicker,onKeyDown:this.handleIconKeyDown,dsDisabled:this.dsDisabled||this.dsReadonly,dsAriaLabel:l(),dsInInput:!0},t(this.DsIconTag,{key:"0c5c00215180de833e1a22d1f426f6573a241724",slot:"prefix",dsName:this.isOpen?"calendar_month_fill":"calendar_month",dsAriaHidden:!0}))),t(this.DsInputValidityTag,{key:"049fe49bef2605255f2e58e92b456e5f82af4a28",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}static get watchers(){return{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-datepicker-native *.sc-ds-datepicker-native{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-native-h{display:inline-block;width:18rem}.sc-ds-datepicker-native-h>div.sc-ds-datepicker-native{display:flex;flex-direction:column;position:relative}.ds-datepicker-native__izAhxK__input-container.sc-ds-datepicker-native .ds-datepicker-native__izAhxK__input.sc-ds-datepicker-native{flex:1;border:none;outline:none;background-color:transparent;color:inherit;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0 var(--ds-spacing-xSmall);min-width:0;width:100%}.ds-datepicker-native__izAhxK__input-container.sc-ds-datepicker-native .ds-datepicker-native__izAhxK__input.sc-ds-datepicker-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-datepicker-native__izAhxK__input-container.sc-ds-datepicker-native .ds-datepicker-native__izAhxK__input.sc-ds-datepicker-native::-webkit-calendar-picker-indicator{display:none}.ds-datepicker-native__izAhxK__input-container.sc-ds-datepicker-native .ds-datepicker-native__izAhxK__input.sc-ds-datepicker-native::-webkit-clear-button{display:none}.ds-datepicker-native__izAhxK__calendar-icon.sc-ds-datepicker-native{height:100%}.ds-datepicker-native__izAhxK.sc-ds-datepicker-native{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);box-sizing:border-box;height:2.75rem;width:100%}.ds-datepicker-native__izAhxK--disabled.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-native__izAhxK--readonly.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-datepicker-native__izAhxK--invalid.sc-ds-datepicker-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__izAhxK--invalid.sc-ds-datepicker-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__izAhxK--invalid.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__izAhxK--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__izAhxK.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__izAhxK--disabled,.ds-datepicker-native__izAhxK--readonly.sc-ds-datepicker-native,.ds-datepicker-native__izAhxK--invalid.sc-ds-datepicker-native,.ds-datepicker-native__izAhxK.sc-ds-datepicker-native:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-native__izAhxK.sc-ds-datepicker-native:focus-within:not(.ds-datepicker-native__izAhxK--invalid,.ds-datepicker-native__izAhxK--disabled.sc-ds-datepicker-native,.ds-datepicker-native__izAhxK--readonly).sc-ds-datepicker-native{border-color:var(--ds-borderColor-primary)}.ds-datepicker-native__izAhxK.sc-ds-datepicker-native: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-datepicker-native__izAhxK.sc-ds-datepicker-native:focus-within{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-datepicker-native__izAhxK.sc-ds-datepicker-native{justify-content:space-between}@supports (-moz-appearance: none){.ds-datepicker-native__izAhxK__calendar-icon.sc-ds-datepicker-native{display:none !important}}.ds-datepicker-native__izAhxK__input-container.sc-ds-datepicker-native{width:100% !important}@supports (-webkit-touch-callout: none){.ds-datepicker-native__izAhxK__input-container.sc-ds-datepicker-native .ds-datepicker-native__izAhxK__input.sc-ds-datepicker-native{position:absolute;inset:0;line-height:var(--ds-fontSize-36);z-index:1}}"}},[774,"ds-datepicker-native",{dsId:[1,"ds-id"],dsLabel:[1,"ds-label"],dsValue:[1,"ds-value"],dsName:[1,"ds-name"],dsForm:[1,"ds-form"],dsDisabled:[4,"ds-disabled"],dsReadonly:[4,"ds-readonly"],dsErrorText:[1,"ds-error-text"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsMin:[1,"ds-min"],dsMax:[1,"ds-max"],dsShowCalendarIcon:[4,"ds-show-calendar-icon"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],value:[32],hasFocus:[32],isOpen:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}]);function x(){"undefined"!=typeof customElements&&["ds-datepicker-native","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-spinner","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-datepicker-native":customElements.get(d(e))||customElements.define(d(e),m);break;case"ds-assistive-text":customElements.get(d(e))||h();break;case"ds-button":customElements.get(d(e))||v();break;case"ds-control-label":customElements.get(d(e))||p();break;case"ds-feedback":customElements.get(d(e))||b();break;case"ds-icon":customElements.get(d(e))||u();break;case"ds-input-validity":customElements.get(d(e))||k();break;case"ds-spinner":customElements.get(d(e))||_();break;case"ds-visually-hidden":customElements.get(d(e))||f()}}))}o([t("ds-icon",{dsName:""}),t("ds-control-label",null),t("ds-input-validity",null),t("ds-button",null)]);export{m as D,x as d}

package/dist/components/p-edoQRGfx.js

@@ -0,0 +1 @@
+import{p as e,M as s,c as t,h as i,t as o}from"./p-B91f7lDE.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as a,d as l}from"./p-Duz7I_DQ.js";import{a as r}from"./p-5l5qZ1Ad.js";import{c}from"./p-C9ahrvg0.js";import{a as n,d as v}from"./p-CslnOIgL.js";import{h}from"./p-CiIjs_L3.js";import{d as _}from"./p-Z1pYzolE.js";import{d as b}from"./p-ocpXKsU5.js";import{d as p}from"./p-BwRK7oyN.js";import{d as u}from"./p-CRR--HxK.js";import{d as m}from"./p-DJHiPTII.js";const x=e(class extends(s(n)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.dsChange=t(this,"dsChange",7),this.dsValidity=t(this,"dsValidity",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7)}dsAriaDescribedby;dsAriaControls;inheritedAttributes={};get el(){return this}dsChange;dsValidity;dsSubmitInvalid;dsId;dsLabel="";dsPlaceholder;dsValue;dsIcon="";dsIconSize;dsName;dsForm;dsDisabled=!1;dsErrorText;dsFullWidth=!1;dsRequired=!1;dsAriaLabel;value="";get inputValidityId(){return`${this.dsId}-input-validity`}nativeSelectRef;get DsInputValidityTag(){return a("ds-input-validity","ds-select-native",this.el)}get DsIconTag(){return a("ds-icon","ds-select-native",this.el)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.value=this.dsValue||"",this.inheritedAttributes={...r(this,this.el)}}componentDidLoad(){if(!this.nativeSelectRef)return;const e=this.nativeSelectRef;e.addEventListener("invalid",(e=>{e.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:h()}),this.dsValidity.emit({flag:"customError",message:h()})})),e.addEventListener("blur",(()=>{const s=e.validity.valid;this.dsValidity.emit({flag:s?"valid":"customError",message:s?"":h()})}))}ariaAttributeObserver(e,s,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:e}}dsValueObserver(e){this.value=e||""}valueObserver(e){if(this.nativeSelectRef&&(this.nativeSelectRef.value!==e&&(this.nativeSelectRef.value=e),this.dsRequired)){const e=this.nativeSelectRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":h()})}}render(){const e=c("ds-select"),s=`${e}-native`,t=a("ds-control-label","ds-select-native",this.el),{"aria-describedby":o,...l}=this.inheritedAttributes,r=this.dsAriaDescribedby??o,n=!!this.el.querySelector('[slot="label"]');return i("div",{key:"bb84d1226bcd6ca1d2a2bc9a90f24aa7f8b85028"},(this.dsLabel||n)&&i(t,{key:"336584784e899636fff4a1dfe484de2eb545fe93",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired},i("slot",{key:"9b223b1e69eaffb33296979bf4818ffbbb841d30",name:"label"})),i("div",{key:"08fedae5f5e0f2beb1ad36e8347ef0659f6a4580",class:d(`${s}`,{[`${e}--full-width`]:this.dsFullWidth,[`${s}--disabled`]:this.dsDisabled,[`${s}--invalid`]:!!this.dsErrorText})},i("div",{key:"de078718856e707ae1f7a5cb5e56591394242a28",class:`${s}__selected-text`,"aria-hidden":"true"},this.value&&this.nativeSelectRef?.selectedOptions[0]?.textContent||this.dsPlaceholder),i("select",{key:"423ab1212be718463ff78b40eb117b72998d8ea7",ref:e=>{this.nativeSelectRef=e,e&&(e.value=this.value)},id:this.dsId,name:this.dsName,form:this.dsForm,class:`${s}__select`,disabled:this.dsDisabled,required:this.dsRequired,"aria-label":this.dsAriaLabel,onChange:e=>{const s=e.target;this.value=s.value,this.dsChange.emit(s.value)},"aria-describedby":r,...l},i("option",{key:"70b3d13e85c80bea19a18764a4e145056795a0de",value:"",disabled:!0,style:{display:this.dsRequired?"none":void 0},selected:!this.value},this.dsPlaceholder),i("slot",{key:"203918dab70206937187cfd7b5a999910a04c7b8",name:"native"})),i(this.DsIconTag,{key:"8b0cfb98f2ac7609b423955e16bdb4b5cd216a0b",class:`${s}__dropdown-icon`,dsName:"keyboard_arrow_down",dsSize:this.dsIconSize})),i(this.DsInputValidityTag,{key:"9b3e28907294abbb731fad33e2185930082426b9",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}static get watchers(){return{"aria-describedby":[{ariaAttributeObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}}static get style(){return".sc-ds-select-native-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__izAhxK--full-width)).sc-ds-select-native-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select__izAhxK-native.sc-ds-select-native,.ds-select__izAhxK-custom.sc-ds-select-native{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__izAhxK-native__dropdown-icon.sc-ds-select-native,.ds-select__izAhxK-custom__dropdown-icon.sc-ds-select-native{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__izAhxK-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__izAhxK-custom.sc-ds-select-native .ds-options__izAhxK.sc-ds-select-native{display:block}.ds-select__izAhxK-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__izAhxK-custom-input-container.sc-ds-select-native:has(.ds-select__izAhxK-custom__clear-button:hover) .ds-select__izAhxK-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__izAhxK-custom.sc-ds-select-native:not(.ds-select__izAhxK-custom--open,.ds-select__izAhxK-custom--invalid.sc-ds-select-native,.ds-select__izAhxK-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__izAhxK-custom.sc-ds-select-native:active:not(.ds-select__izAhxK-custom--open,.ds-select__izAhxK-custom--invalid.sc-ds-select-native,.ds-select__izAhxK-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__izAhxK-custom--open.sc-ds-select-native,.ds-select__izAhxK-custom.sc-ds-select-native: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__izAhxK-custom--open.sc-ds-select-native:not(.ds-select__izAhxK-custom--open--invalid,.ds-select__izAhxK-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__izAhxK-custom.sc-ds-select-native:focus-visible:not(.ds-select__izAhxK-custom--open--invalid,.ds-select__izAhxK-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__izAhxK-custom--disabled.sc-ds-select-native{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__izAhxK-custom--disabled.sc-ds-select-native .ds-select__izAhxK-custom__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__izAhxK-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__izAhxK-custom--invalid.sc-ds-select-native:not(.ds-select__izAhxK-custom--invalid--open,.ds-select__izAhxK-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__izAhxK-custom--invalid.sc-ds-select-native:not(.ds-select__izAhxK-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__izAhxK-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__izAhxK-custom__selected-option.sc-ds-select-native{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__izAhxK-custom--has-icon.sc-ds-select-native .ds-select__izAhxK-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__izAhxK-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__izAhxK-custom__selected-option__text.sc-ds-select-native{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__izAhxK-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__izAhxK-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__izAhxK-custom.sc-ds-select-native input.sc-ds-select-native{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__izAhxK-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__izAhxK-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__izAhxK-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__izAhxK-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__izAhxK-custom__clear-button.sc-ds-select-native{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__izAhxK-custom__clear-button.sc-ds-select-native: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__izAhxK-custom__badge-container.sc-ds-select-native{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__izAhxK-custom__options-container.sc-ds-select-native{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__izAhxK-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__izAhxK-custom__options-container__options.sc-ds-select-native{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__izAhxK-custom__options-container__options__inner.sc-ds-select-native{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__izAhxK-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__izAhxK-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{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__izAhxK-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__izAhxK-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__izAhxK-custom__options-container__options__inner__top-scrim.sc-ds-select-native{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__izAhxK-custom__options-container__options__inner__top-scrim--dark.sc-ds-select-native{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__izAhxK-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__izAhxK-native.sc-ds-select-native:not(.ds-select__izAhxK-native--invalid,.ds-select__izAhxK-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__izAhxK-native.sc-ds-select-native:has(.ds-select__izAhxK-native__select:active):not(.ds-select__izAhxK-native--invalid,.ds-select__izAhxK-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__izAhxK-native.sc-ds-select-native:focus-within{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__izAhxK-native--disabled.sc-ds-select-native{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__izAhxK-native--disabled.sc-ds-select-native .ds-select__izAhxK-native__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__izAhxK-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__izAhxK-native--invalid.sc-ds-select-native:not(.ds-select__izAhxK-native--invalid--disabled):has(.ds-select__izAhxK-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__izAhxK-native--invalid.sc-ds-select-native:not(.ds-select__izAhxK-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__izAhxK-native__dropdown-icon.sc-ds-select-native{color:var(--ds-select-selected-option-color, inherit)}.ds-select__izAhxK-native__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall));margin-right:var(--ds-select-selected-text-margin-right, 0);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:var(--ds-select-selected-option-color, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select__izAhxK-native__select.sc-ds-select-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;appearance:none;border:none;outline:none;padding:0 var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);background-color:transparent;color:inherit;flex:1}.ds-select__izAhxK-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__izAhxK-native__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}"}},[774,"ds-select-native",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],dsId:[1,"ds-id"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsValue:[1,"ds-value"],dsIcon:[1,"ds-icon"],dsIconSize:[1,"ds-icon-size"],dsName:[1,"ds-name"],dsForm:[1,"ds-form"],dsDisabled:[4,"ds-disabled"],dsErrorText:[1,"ds-error-text"],dsFullWidth:[4,"ds-full-width"],dsRequired:[4,"ds-required"],dsAriaLabel:[1,"ds-aria-label"],value:[32]},void 0,{"aria-describedby":[{ariaAttributeObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}]);function g(){"undefined"!=typeof customElements&&["ds-select-native","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-select-native":customElements.get(o(e))||customElements.define(o(e),x);break;case"ds-assistive-text":customElements.get(o(e))||_();break;case"ds-control-label":customElements.get(o(e))||b();break;case"ds-feedback":customElements.get(o(e))||p();break;case"ds-icon":customElements.get(o(e))||v();break;case"ds-input-validity":customElements.get(o(e))||u();break;case"ds-visually-hidden":customElements.get(o(e))||m()}}))}l([i("ds-icon",{dsName:""}),i("ds-control-label",null),i("ds-input-validity",null)]);export{x as D,g as d}

package/dist/components/p-fxi3L1BE.js

@@ -0,0 +1 @@
+import{p as t,M as o,f as n,h as s,t as d}from"./p-B91f7lDE.js";import{c as i}from"./p-BfTCfPZ1.js";import{i as r,a as _}from"./p-5l5qZ1Ad.js";import{t as u,a as b,d as a}from"./p-Duz7I_DQ.js";import{c as h}from"./p-C9ahrvg0.js";import{a as e,d as c}from"./p-CslnOIgL.js";import{c as x}from"./p-BEoRtKR4.js";import{d as A}from"./p-BjhvmYfi.js";import{d as z}from"./p-DJHiPTII.js";const K=t(class extends(o(x("ds-button"),e)){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={..._(this,this.el),...r(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=i(`${t}__icon`),n="small"===this.dsSize?"1.25rem":void 0,d=u("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=h("ds-button"),n=i(`${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}--full-width`]:this.dsFullWidth,[`${o}--disabled`]:this.dsDisabled,[`${o}--${this.dsColour}--active`]:this.isActive,[`${o}--in-input`]:this.dsInInput,[`${o}--no-focus-ring`]:this.dsNoFocusRing}),d=u("ds-spinner","ds-button",this.el),r=u("ds-visually-hidden","ds-button",this.el),{role:_,"aria-label":a,"aria-labelledby":e,"aria-describedby":c,"aria-disabled":x,"aria-expanded":A,"aria-pressed":z,"aria-controls":K,"aria-haspopup":l,...g}=this.inheritedAttributes,p=this.dsRole??_,v=this.dsAriaLabel||a,f=this.dsAriaLabelledby||e,y=this.dsAriaDescribedby||c,m=this.dsAriaControls||K,k=this.dsAriaHaspopup??l,C=this.getBooleanishAttribute(this.dsAriaDisabled,x),w=this.getBooleanishAttribute(this.dsAriaExpanded,A),L=this.getBooleanishAttribute(this.dsAriaPressed,z);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",p),...b("aria-disabled",C),...b("aria-label",v),...b("aria-labelledby",f),...b("aria-describedby",y),...b("aria-expanded",w),...b("aria-pressed",L),...b("aria-controls",m),...b("aria-haspopup",k),...b("aria-hidden",this.dsAriaHidden?"true":void 0),...b("tabindex",this.dsTabIndex),...g},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(r,{dsTag:"span"},this.dsHiddenAssistiveText),s("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(o)))};render(){const t=this.renderButton();return this.dsUseSpinner?s("div",{"aria-live":"polite"},t):t}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}.sc-ds-button-h{display:inline-block}.sc-ds-button-h:has(.ds-button__izAhxK--full-width){width:100%}.ds-button__izAhxK.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__izAhxK__value[hidden].sc-ds-button{display:none}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--supplementary) .ds-button__izAhxK__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__izAhxK--supplementary.sc-ds-button:has(.ds-button__izAhxK__spinner) .ds-button__izAhxK__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__izAhxK__icon.sc-ds-button{height:1.5rem}.ds-button__izAhxK.sc-ds-button:has(.ds-button__izAhxK__spinner):not(.ds-button__izAhxK--small) .ds-button__izAhxK__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__izAhxK__spinner.sc-ds-button{display:flex}.ds-button__izAhxK--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--small):not(.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--small).ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--small).ds-button__izAhxK--icon-only{padding-left:0;padding-right:0}.ds-button__izAhxK--small.ds-button__izAhxK--icon-start.sc-ds-button,.ds-button__izAhxK--small.ds-button__izAhxK--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__izAhxK--small.sc-ds-button:not(.ds-button__izAhxK--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__izAhxK--small.ds-button__izAhxK--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__izAhxK--small.ds-button__izAhxK--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__izAhxK--small.sc-ds-button .ds-button__izAhxK__icon.sc-ds-button{height:auto}.ds-button__izAhxK--icon-start.sc-ds-button:not(.ds-button__izAhxK--small) .ds-button__izAhxK__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__izAhxK--icon-end.sc-ds-button:not(.ds-button__izAhxK--small) .ds-button__izAhxK__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--blue.sc-ds-button:active,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--blue.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--black.sc-ds-button:active,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--black.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--white.sc-ds-button:active,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--white.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--danger.sc-ds-button:active,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--danger.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--blue.sc-ds-button:active,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--blue.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--black.sc-ds-button:active,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--black.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--white.sc-ds-button:active,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--white.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--danger.sc-ds-button:active,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--danger.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue.sc-ds-button:active,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--black.sc-ds-button:active,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--black.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--white.sc-ds-button:active,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--white.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger.sc-ds-button:active,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.sc-ds-button:not(.ds-button__izAhxK--in-input,.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--blue:active,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--blue.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--black:active,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--black.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--white:active,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--white.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--danger:active,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--danger.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--primary.ds-button__izAhxK--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--blue:active,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--blue.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--black:active,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--black.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--white:active,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--white.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--danger:active,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--danger.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--secondary.ds-button__izAhxK--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue:active,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--black:active,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--black.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--white:active,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--white.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger:active,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--no-focus-ring.sc-ds-button:not(.ds-button__izAhxK--in-input).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--blue:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--blue.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--black:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--black.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--white:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--white.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--danger:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--danger.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--primary.ds-button__izAhxK--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--blue:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--blue.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--black:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--black.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--white:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--white.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--danger:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--danger.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--secondary.ds-button__izAhxK--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--black:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--black.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--white:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--white.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger.ds-button__izAhxK--disabled,.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring).ds-button__izAhxK--supplementary.ds-button__izAhxK--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.sc-ds-button:not(.ds-button__izAhxK--no-focus-ring){--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--blue.sc-ds-button:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--blue.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--black.sc-ds-button:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--black.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--white.sc-ds-button:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--white.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--danger.sc-ds-button:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--danger.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--primary.ds-button__izAhxK--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--blue.sc-ds-button:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--blue.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--black.sc-ds-button:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--black.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--white.sc-ds-button:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--white.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--danger.sc-ds-button:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--danger.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--secondary.ds-button__izAhxK--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--blue.sc-ds-button:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--blue.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--black.sc-ds-button:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--black.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--white.sc-ds-button:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--white.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--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__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--danger.sc-ds-button:active,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--danger.ds-button__izAhxK--disabled.sc-ds-button,.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--no-focus-ring.ds-button__izAhxK--supplementary.ds-button__izAhxK--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__izAhxK.ds-button__izAhxK--in-input.ds-button__izAhxK--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 l(){"undefined"!=typeof customElements&&["ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-button":customElements.get(d(t))||customElements.define(d(t),K);break;case"ds-icon":customElements.get(d(t))||c();break;case"ds-spinner":customElements.get(d(t))||A();break;case"ds-visually-hidden":customElements.get(d(t))||z()}}))}a([s("ds-icon",{dsName:""}),s("ds-spinner",null),s("ds-visually-hidden",null)]);export{K as D,l as d}

package/dist/components/p-nZ-TS_u7.js

@@ -0,0 +1 @@
+import{p as s,M as e,c as i,f as t,h as d,F as r,t as o}from"./p-B91f7lDE.js";import{c as h}from"./p-BfTCfPZ1.js";import{i as a,a as c}from"./p-5l5qZ1Ad.js";import{g as n,a as l,v as b}from"./p-CiIjs_L3.js";import{t as x,a as _,d as u}from"./p-Duz7I_DQ.js";import{c as k}from"./p-C9ahrvg0.js";import{a as p,d as g}from"./p-CslnOIgL.js";import{d as v}from"./p-VfYMKfsX.js";import{c as m}from"./p-BEoRtKR4.js";import{d as f}from"./p-BwRK7oyN.js";import{d as C}from"./p-CRR--HxK.js";import{d as A}from"./p-DJHiPTII.js";const z=s(class extends(e(m("ds-checkbox"),p,v)){constructor(s){super(!1),!1!==s&&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(s){this._dsName=this.checkboxGroup?.dsName||s||this._dsName}get dsName(){return this._dsName}set dsName(s){this.setName(s)}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;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?n(this.dsLabel):this.dsOptional?l(this.dsLabel,this.dsOptionalText):this.dsLabel;getCheckboxText=()=>this.dsLabel?this.dsText:this.dsRequired?n(this.dsText):this.dsOptional?l(this.dsText,this.dsOptionalText):this.dsText;get DsCheckboxGroupTag(){return x("ds-checkbox-group","ds-checkbox",this.el)}getInheritedGroupErrorText=()=>{let s=this.el.closest(this.DsCheckboxGroupTag);for(;s;){if(s.dsErrorText)return s.dsErrorText;s=s.parentElement?.closest(this.DsCheckboxGroupTag)??null}return""};formResetCallback(){if(this.dsErrorText="",this.dsChecked=this.initialChecked,this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup){const s=this.getInheritedGroupErrorText();this.groupInvalid=!!s,this.dsErrorText=this.dsErrorText||s}}connectedCallback(){if(this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup){const s=this.getInheritedGroupErrorText();this.groupInvalid=!!s,this.dsErrorText=this.dsErrorText||s,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=s=>{if(s.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.dsSubmitInvalid.emit({flag:s,message:b(s)});break}};updateGroupInvalidState=s=>{this.groupInvalid=!!s.detail,this.dsErrorText=s.detail};updateDisabledState=s=>{this.dsDisabled=s.detail};updateAllRequiredState=s=>{this.dsRequired=s.detail};updateFormState=s=>{this.dsForm=s.detail};updateNameState=s=>{this.setName(s.detail),t(this)};updateCheckedFromGroup=s=>{this.dsChecked=s.detail};componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setName(),this.inheritedAttributes={...c(this,this.el),...a(this.el,["aria-describedby","aria-invalid"])},this.initialChecked=this.dsChecked,this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted()}ariaAttributeObserver(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},t(this)}dsCheckedObserver(s){const e=this.getShouldEmit();if(this._setDisableEventEmits(!0),e&&this.dsChange.emit({checked:s,value:this.dsValue}),!this.wasInvalidOnBlur||this.groupInvalid||this.dsErrorsDisabled)return;const i=this.inputElement?.validity;for(const s in i)if(i[s]){this.dsValidity.emit({flag:s,message:b(s)});break}}handleInput=s=>{const e=s.target;this._setDisableEventEmits(!1),this.dsChecked=e.checked};handleKeyDown=s=>{"Enter"!==s.key||this.isPressingEnter||(this.isPressingEnter=!0)};handleKeyUp=s=>{"Enter"===s.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 s=this.inputElement?.validity;for(const e in s)if(s[e]){this.wasInvalidOnBlur="valid"!==e,this.dsValidity.emit({flag:e,message:b(e)});break}};renderCheckbox(s){const e=h(s,{[`${s}--disabled`]:this.dsDisabled,[`${s}--no-margin`]:!this.dsText}),i=h(`${s}__input`,{[`${s}__input--invalid`]:!!this.dsErrorText}),t=h(`${s}-error`,{[`${s}-error--visible`]:!!this.dsErrorText}),o=x("ds-input-validity","ds-checkbox",this.el),{"aria-label":a,"aria-describedby":c,"aria-invalid":n,...l}=this.inheritedAttributes,b=this.dsAriaDescribedby||c||[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),u=this.dsAriaLabel||a,k=this.dsErrorText?"true":n;return d(r,null,d("div",null,d("label",{id:this.labelId,class:e},d("input",{ref:s=>this.inputElement=s,type:"checkbox",class:i,id:this.dsId,name:this.dsName,form:this.dsForm,checked:this.dsChecked,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,..._("aria-describedby",b),..._("aria-label",u),"aria-invalid":k,...l}),this.getCheckboxText())),!this.dsErrorsDisabled&&d("slot",{name:"validity"},d("div",{class:t},d(o,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))))}renderFieldset(s){const e=h(`${s}-fieldset`),i=h(`${s}-fieldset__legend`),t=h(`${s}-fieldset__assistive-text`);return d("fieldset",{class:e},d("legend",{class:i},this.getLegendText()),this.dsAssistiveText&&d("small",{class:t,id:this.assistiveTextId},this.dsAssistiveText),this.renderCheckbox(s))}render(){const s=k("ds-checkbox");return this.dsLabel?this.renderFieldset(s):this.renderCheckbox(s)}static get formAssociated(){return!0}static get watchers(){return{"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}],dsChecked:[{dsCheckedObserver:0}]}}static get style(){return".ds-checkbox__izAhxK-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__izAhxK-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__izAhxK-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__izAhxK.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__izAhxK__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__izAhxK__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__izAhxK__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__izAhxK__input.sc-ds-checkbox:hover,.ds-checkbox__izAhxK__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__izAhxK__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__izAhxK__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__izAhxK__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__izAhxK__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__izAhxK__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__izAhxK__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__izAhxK__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__izAhxK__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__izAhxK__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__izAhxK__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__izAhxK__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__izAhxK__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__izAhxK__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__izAhxK__input.sc-ds-checkbox:not(.ds-checkbox__izAhxK__input--invalid):checked,.ds-checkbox__izAhxK__input.sc-ds-checkbox:not(.ds-checkbox__izAhxK__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__izAhxK__input.sc-ds-checkbox:not(.ds-checkbox__izAhxK__input--invalid):checked:hover,.ds-checkbox__izAhxK__input.sc-ds-checkbox:not(.ds-checkbox__izAhxK__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__izAhxK__input.sc-ds-checkbox:not(.ds-checkbox__izAhxK__input--invalid):checked:active,.ds-checkbox__izAhxK__input.sc-ds-checkbox:not(.ds-checkbox__izAhxK__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__izAhxK__input.sc-ds-checkbox:not(.ds-checkbox__izAhxK__input--invalid):checked:disabled,.ds-checkbox__izAhxK__input.sc-ds-checkbox:not(.ds-checkbox__izAhxK__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__izAhxK__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__izAhxK__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__izAhxK__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__izAhxK__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__izAhxK__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__izAhxK--no-margin.sc-ds-checkbox .ds-checkbox__izAhxK__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__izAhxK--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__izAhxK__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__izAhxK.sc-ds-checkbox:has(.ds-checkbox__izAhxK__input:disabled){cursor:not-allowed}.ds-checkbox__izAhxK-error.sc-ds-checkbox{display:flex}.ds-checkbox__izAhxK-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],setDisableEventEmits:[64],setFocus:[64],checkValidity:[64]},void 0,{"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}],dsChecked:[{dsCheckedObserver:0}]}]);function K(){"undefined"!=typeof customElements&&["ds-checkbox","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-checkbox":customElements.get(o(s))||customElements.define(o(s),z);break;case"ds-feedback":customElements.get(o(s))||f();break;case"ds-icon":customElements.get(o(s))||g();break;case"ds-input-validity":customElements.get(o(s))||C();break;case"ds-visually-hidden":customElements.get(o(s))||A()}}))}u([d("ds-input-validity",null)]);export{z as D,K as d}

package/dist/components/p-ocpXKsU5.js

@@ -0,0 +1 @@
+import{p as s,M as t,h as e,t as i}from"./p-B91f7lDE.js";import{c as d}from"./p-C9ahrvg0.js";import{a,i as l}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-CiIjs_L3.js";import{c as h}from"./p-BEoRtKR4.js";import{d as f}from"./p-Z1pYzolE.js";import{d as m}from"./p-DJHiPTII.js";const p=s(class extends(t(h("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={...l(this.el),...a(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:"d2fe881cdf38cef4e7c7e80e8ecaac117a8361a6",class:s},e("slot",{key:"f81fc8f6b938f6d87972d19741a483e2bf576c27",name:"label"},this.dsLabel&&e("label",{key:"ad389060716d49d9809feef5daafea7dafab60e7",class:`${s}__label`,htmlFor:this.dsHtmlFor,id:this.dsId,...this.inheritedAttributes},this.getLabelText())),e("slot",{key:"aa4726f2ae80e07a3e2f0a572d8b724c65fff790",name:"assistiveText"},this.dsAssistiveText&&e(this.DsAssistiveText,{key:"0c2a048c0f1db647d318350b18151d95c13542d6",dsId:this.dsAssistiveTextId,dsText:this.dsAssistiveText}),this.dsVisuallyHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"2cacc5835e351b7bd170f78cd8649bf144258ba5",id:this.dsVisuallyHiddenAssistiveTextId,dsTag:"span"},this.dsVisuallyHiddenAssistiveText)))}static get style(){return".ds-control-label__izAhxK__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__izAhxK{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__izAhxK: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 b(){"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),p);break;case"ds-assistive-text":customElements.get(i(s))||f();break;case"ds-visually-hidden":customElements.get(i(s))||m()}}))}n([e("ds-visually-hidden",null),e("ds-assistive-text",null)]);export{p as D,b as d}

package/dist/components/p-z6Ma2crf.js

@@ -0,0 +1 @@
+import{p as s,M as o,h as a,t}from"./p-B91f7lDE.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as i,o as r,d as e}from"./p-Duz7I_DQ.js";import{c as l}from"./p-C9ahrvg0.js";import{i as n,a as h}from"./p-5l5qZ1Ad.js";import{c as _}from"./p-BEoRtKR4.js";import{d as c}from"./p-CslnOIgL.js";import{d as g}from"./p-CV1NFkr2.js";import{d as b}from"./p-DJHiPTII.js";const x=s(class extends(o(_("ds-tag"))){constructor(s){super(),!1!==s&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsText="Label";dsIcon="";dsIconPosition="start";dsDownload;dsTarget;dsHref;dsColour="default";dsRole;dsAriaHidden;componentWillLoad(){this.inheritedAttributes={...h(this,this.el),...n(this.el)}}componentDidLoad(){this.componentMounted()}render(){const s=l("ds-tag"),o=d(s,`${s}--${this.dsColour}`,{[`${s}--link`]:!!this.dsHref}),t=i("ds-icon","ds-tag",this.el),e=i("ds-link","ds-tag",this.el),n=this.dsAriaHidden??!this.dsHref,h=this.dsRole??this.inheritedAttributes.role,_=r(this.inheritedAttributes,["aria-hidden","role"]);return a("div",{key:"66fea1337be74f8211f4bee653c0f41a232f2c93",class:o,..._,"aria-hidden":n,role:h},a("slot",{key:"f79c99343b3c9fd2ff9b51453476df223b367e66",name:"prefix"},!this.dsHref&&this.dsIcon&&"start"===this.dsIconPosition?a(t,{dsName:this.dsIcon,dsSize:"1rem"}):null),a("slot",{key:"6642519c5843c1db6e0cf4eca534f2fec1e664cb"},this.dsHref?a(e,{class:`${s}__link`,dsText:this.dsText,dsHref:this.dsHref,dsTarget:this.dsTarget,dsDownload:this.dsDownload,dsColour:"black"===this.dsColour?"white":"black",dsSize:"small",dsWeight:"semibold"}):a("span",{class:`${s}__text`},this.dsText)),a("slot",{key:"a1d7fb503ddee8587a2a48a85de77cf949e6a29f",name:"suffix"},!this.dsHref&&this.dsIcon&&"end"===this.dsIconPosition?a(t,{dsName:this.dsIcon,dsSize:"1rem"}):null))}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}.ds-tag__izAhxK{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-tag__izAhxK: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-tag__izAhxK:focus-within{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-tag__izAhxK{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__izAhxK.ds-tag__izAhxK--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__izAhxK.ds-tag__izAhxK--default:has(.ds-tag__izAhxK__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__izAhxK.ds-tag__izAhxK--default:has(.ds-tag__izAhxK__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__izAhxK.ds-tag__izAhxK--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__izAhxK.ds-tag__izAhxK--black:has(.ds-tag__izAhxK__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__izAhxK.ds-tag__izAhxK--black:has(.ds-tag__izAhxK__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__izAhxK.ds-tag__izAhxK--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__izAhxK.ds-tag__izAhxK--white:has(.ds-tag__izAhxK__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__izAhxK.ds-tag__izAhxK--white:has(.ds-tag__izAhxK__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__izAhxK.ds-tag__izAhxK--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__izAhxK.ds-tag__izAhxK--info:has(.ds-tag__izAhxK__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__izAhxK.ds-tag__izAhxK--info:has(.ds-tag__izAhxK__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__izAhxK.ds-tag__izAhxK--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__izAhxK.ds-tag__izAhxK--danger:has(.ds-tag__izAhxK__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__izAhxK.ds-tag__izAhxK--danger:has(.ds-tag__izAhxK__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__izAhxK.ds-tag__izAhxK--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__izAhxK.ds-tag__izAhxK--attention:has(.ds-tag__izAhxK__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__izAhxK.ds-tag__izAhxK--attention:has(.ds-tag__izAhxK__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__izAhxK.ds-tag__izAhxK--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__izAhxK.ds-tag__izAhxK--success:has(.ds-tag__izAhxK__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__izAhxK.ds-tag__izAhxK--success:has(.ds-tag__izAhxK__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__izAhxK__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__izAhxK__link{display:contents}.ds-tag__izAhxK__link a:focus-visible{box-shadow:none !important;outline:none !important;outline-offset:unset !important}"}},[772,"ds-tag",{dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsDownload:[4,"ds-download"],dsTarget:[1,"ds-target"],dsHref:[1,"ds-href"],dsColour:[1,"ds-colour"],dsRole:[1,"ds-role"],dsAriaHidden:[4,"ds-aria-hidden"]}]);function v(){"undefined"!=typeof customElements&&["ds-tag","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-tag":customElements.get(t(s))||customElements.define(t(s),x);break;case"ds-icon":customElements.get(t(s))||c();break;case"ds-link":customElements.get(t(s))||g();break;case"ds-visually-hidden":customElements.get(t(s))||b()}}))}e([a("ds-icon",{dsName:""}),a("ds-link",{dsText:""})]);export{x as D,v as d}