@uh-design-system/component-library 1.2.0-rc.3 → 1.2.0

package/dist/component-library/ds-select-native.entry.js

@@ -1 +1 @@
-import{M as e,r as s,c as t,d as o,h as i}from"./index-CLIQk1DU.js";import{c as d}from"./index-BfTCfPZ1.js";import{t as a,d as l}from"./utils-C1bsmWWB.js";import{b as c,i as r}from"./attributes-DfbgRyXR.js";import{c as n}from"./cx-CUHafDbz.js";import{a as b}from"./ariaDeprecationFactory-CqVbDyhp.js";import{b as v}from"./controlUtils-BsuMygCG.js";import"./store-DvjRAZS-.js";const h=class extends(e(b)){constructor(e){super(),s(this,e),this.dsChange=t(this,"dsChange"),this.dsValidity=t(this,"dsValidity"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid")}dsAriaDescribedby;dsAriaControls;inheritedAttributes={};get el(){return o(this)}dsChange;dsValidity;dsSubmitInvalid;dsId;dsLabel;dsPlaceholder;dsValue;dsIcon;dsName;dsForm;dsDisabled=!1;dsErrorText;dsRequired=!1;value="";inputValidityId=`${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),...c(this.el,["aria-controls"])}}componentDidLoad(){this.nativeSelectRef&&(this.nativeSelectRef.addEventListener("invalid",(e=>{e.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:v()}),this.dsValidity.emit({flag:"customError",message:v()})})),this.nativeSelectRef.addEventListener("blur",(()=>{const e=this.nativeSelectRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":v()})})))}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?"":v()})}}render(){const e=n("ds-select-native"),s=a("ds-control-label","ds-select-native",this.el),{"aria-controls":t,"aria-describedby":o,...l}=this.inheritedAttributes,c=this.dsAriaDescribedby??o,r=this.dsAriaControls??t??`${this.dsId}-listbox`;return i("div",{key:"eb7ed057c71be3caeab3adcd4c2fd4060b5d1a95"},i(s,{key:"71b1dfa802aa89d1e680dd0a026fef2e67248d91",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired},i("slot",{key:"b08f83aebe600f5d18ff46347405ce449709d676",name:"label"})),i("div",{key:"c24b314cb859076e15e93cc6d8446acae626bf4b",class:d(`${e}`,{[`${e}--disabled`]:this.dsDisabled,[`${e}--invalid`]:!!this.dsErrorText})},i("div",{key:"5ee130c1d3988af100fc82ac8ba5c837b5a60f2d",class:`${e}__selected-text`,"aria-hidden":"true"},this.value&&this.nativeSelectRef?.selectedOptions[0]?.textContent||this.dsPlaceholder),i("select",{key:"22255c08f59a03577bb47b838f4226414c459806",ref:e=>{this.nativeSelectRef=e,e&&(e.value=this.value)},id:this.dsId,name:this.dsName,form:this.dsForm,class:`${e}__select`,disabled:this.dsDisabled,required:this.dsRequired,onChange:e=>{const s=e.target;this.value=s.value,this.dsChange.emit(s.value)},"aria-describedby":c,"aria-controls":r,...l},i("option",{key:"13d852c731f3d7f69b0df8edcbb9d0356e79bd96",value:"",disabled:!0,style:{display:this.dsRequired?"none":void 0},selected:!this.value},this.dsPlaceholder),i("slot",{key:"f7d8f52fae76cc131e5ff70b809e28d41e0905d4",name:"native"})),i(this.DsIconTag,{key:"bd53936877ae2f729573875d3565c504b69a048c",class:`${e}__dropdown-icon`,dsName:"keyboard_arrow_down"})),!!this.dsErrorText&&i(this.DsInputValidityTag,{key:"e7a2e9642570d31770f17a9417c9821ddaefb869",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}static get watchers(){return{"aria-describedby":["ariaAttributeObserver"],dsValue:["dsValueObserver"],value:["valueObserver"]}}};l([i("ds-icon",{dsName:""}),i("ds-control-label",null),i("ds-input-validity",null)]),h.style=".sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select-native__pYthVb.sc-ds-select-native,.ds-select__pYthVb-custom.sc-ds-select-native{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);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select-native__pYthVb.sc-ds-select-native:hover,.ds-select__pYthVb-custom.sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select-native__pYthVb__dropdown-icon.sc-ds-select-native,.ds-select__pYthVb-custom__dropdown-icon.sc-ds-select-native{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__pYthVb-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__pYthVb-custom.sc-ds-select-native .ds-options__pYthVb.sc-ds-select-native{display:block}.ds-select__pYthVb-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__pYthVb-custom-input-container.sc-ds-select-native:has(.ds-select__pYthVb-custom__clear-button:hover) .ds-select__pYthVb-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__pYthVb-custom.sc-ds-select-native:not(.ds-select__pYthVb-custom--open,.ds-select__pYthVb-custom--invalid.sc-ds-select-native,.ds-select__pYthVb-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__pYthVb-custom.sc-ds-select-native:active:not(.ds-select__pYthVb-custom--open,.ds-select__pYthVb-custom--invalid.sc-ds-select-native,.ds-select__pYthVb-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__pYthVb-custom--open.sc-ds-select-native,.ds-select__pYthVb-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__pYthVb-custom--open.sc-ds-select-native:not(.ds-select__pYthVb-custom--open--invalid,.ds-select__pYthVb-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__pYthVb-custom.sc-ds-select-native:focus-visible:not(.ds-select__pYthVb-custom--open--invalid,.ds-select__pYthVb-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__pYthVb-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__pYthVb-custom--disabled.sc-ds-select-native .ds-select__pYthVb-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__pYthVb-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__pYthVb-custom--invalid.sc-ds-select-native:not(.ds-select__pYthVb-custom--invalid--open,.ds-select__pYthVb-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__pYthVb-custom--invalid.sc-ds-select-native:not(.ds-select__pYthVb-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__pYthVb-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__pYthVb-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-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__pYthVb-custom--has-icon.sc-ds-select-native .ds-select__pYthVb-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__pYthVb-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__pYthVb-custom__selected-option__text.sc-ds-select-native{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__pYthVb-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__pYthVb-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__pYthVb-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__pYthVb-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__pYthVb-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__pYthVb-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__pYthVb-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__pYthVb-custom__clear-button.sc-ds-select-native{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__pYthVb-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__pYthVb-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-light);background-color:var(--ds-bgColor-white)}.ds-select__pYthVb-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__pYthVb-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__pYthVb-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__pYthVb-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__pYthVb-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__pYthVb-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__pYthVb-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__pYthVb-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__pYthVb-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__pYthVb-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%)}.sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select-native__pYthVb.sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select-native__pYthVb.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-native__pYthVb--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-native__pYthVb--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select-native__pYthVb__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-spacing-xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select-native__pYthVb__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-native__pYthVb__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select-native__pYthVb__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}";export{h as ds_select_native}
+import{M as e,r as s,c as t,d as o,h as i}from"./index-D-3Utc_w.js";import{c as d}from"./index-BfTCfPZ1.js";import{t as n,d as a}from"./utils-C1bsmWWB.js";import{b as c,i as l}from"./attributes-DfbgRyXR.js";import{c as r}from"./cx-CiFpdjHK.js";import{a as v}from"./ariaDeprecationFactory-BmasIGdA.js";import{b as _}from"./controlUtils-uMUNW1aR.js";import"./store-B9-Hp5ie.js";const b=class extends(e(v)){constructor(e){super(),s(this,e),this.dsChange=t(this,"dsChange"),this.dsValidity=t(this,"dsValidity"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid")}dsAriaDescribedby;dsAriaControls;inheritedAttributes={};get el(){return o(this)}dsChange;dsValidity;dsSubmitInvalid;dsId;dsLabel;dsPlaceholder;dsValue;dsIcon;dsName;dsForm;dsDisabled=!1;dsErrorText;dsRequired=!1;value="";inputValidityId=`${this.dsId}-input-validity`;nativeSelectRef;get DsInputValidityTag(){return n("ds-input-validity","ds-select-native",this.el)}get DsIconTag(){return n("ds-icon","ds-select-native",this.el)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.value=this.dsValue||"",this.inheritedAttributes={...l(this,this.el),...c(this.el,["aria-controls"])}}componentDidLoad(){this.nativeSelectRef&&(this.nativeSelectRef.addEventListener("invalid",(e=>{e.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:_()}),this.dsValidity.emit({flag:"customError",message:_()})})),this.nativeSelectRef.addEventListener("blur",(()=>{const e=this.nativeSelectRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":_()})})))}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?"":_()})}}render(){const e=r("ds-select-native"),s=n("ds-control-label","ds-select-native",this.el),{"aria-controls":t,"aria-describedby":o,...a}=this.inheritedAttributes,c=this.dsAriaDescribedby??o,l=this.dsAriaControls??t??`${this.dsId}-listbox`;return i("div",{key:"eb7ed057c71be3caeab3adcd4c2fd4060b5d1a95"},i(s,{key:"71b1dfa802aa89d1e680dd0a026fef2e67248d91",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired},i("slot",{key:"b08f83aebe600f5d18ff46347405ce449709d676",name:"label"})),i("div",{key:"c24b314cb859076e15e93cc6d8446acae626bf4b",class:d(`${e}`,{[`${e}--disabled`]:this.dsDisabled,[`${e}--invalid`]:!!this.dsErrorText})},i("div",{key:"5ee130c1d3988af100fc82ac8ba5c837b5a60f2d",class:`${e}__selected-text`,"aria-hidden":"true"},this.value&&this.nativeSelectRef?.selectedOptions[0]?.textContent||this.dsPlaceholder),i("select",{key:"22255c08f59a03577bb47b838f4226414c459806",ref:e=>{this.nativeSelectRef=e,e&&(e.value=this.value)},id:this.dsId,name:this.dsName,form:this.dsForm,class:`${e}__select`,disabled:this.dsDisabled,required:this.dsRequired,onChange:e=>{const s=e.target;this.value=s.value,this.dsChange.emit(s.value)},"aria-describedby":c,"aria-controls":l,...a},i("option",{key:"13d852c731f3d7f69b0df8edcbb9d0356e79bd96",value:"",disabled:!0,style:{display:this.dsRequired?"none":void 0},selected:!this.value},this.dsPlaceholder),i("slot",{key:"f7d8f52fae76cc131e5ff70b809e28d41e0905d4",name:"native"})),i(this.DsIconTag,{key:"bd53936877ae2f729573875d3565c504b69a048c",class:`${e}__dropdown-icon`,dsName:"keyboard_arrow_down"})),!!this.dsErrorText&&i(this.DsInputValidityTag,{key:"e7a2e9642570d31770f17a9417c9821ddaefb869",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}static get watchers(){return{"aria-describedby":["ariaAttributeObserver"],dsValue:["dsValueObserver"],value:["valueObserver"]}}};a([i("ds-icon",{dsName:""}),i("ds-control-label",null),i("ds-input-validity",null)]),b.style=".sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select-native__DFAX9n.sc-ds-select-native,.ds-select__DFAX9n-custom.sc-ds-select-native{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);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select-native__DFAX9n.sc-ds-select-native:hover,.ds-select__DFAX9n-custom.sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select-native__DFAX9n__dropdown-icon.sc-ds-select-native,.ds-select__DFAX9n-custom__dropdown-icon.sc-ds-select-native{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__DFAX9n-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__DFAX9n-custom.sc-ds-select-native .ds-options__DFAX9n.sc-ds-select-native{display:block}.ds-select__DFAX9n-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__DFAX9n-custom-input-container.sc-ds-select-native:has(.ds-select__DFAX9n-custom__clear-button:hover) .ds-select__DFAX9n-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__DFAX9n-custom.sc-ds-select-native:not(.ds-select__DFAX9n-custom--open,.ds-select__DFAX9n-custom--invalid.sc-ds-select-native,.ds-select__DFAX9n-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__DFAX9n-custom.sc-ds-select-native:active:not(.ds-select__DFAX9n-custom--open,.ds-select__DFAX9n-custom--invalid.sc-ds-select-native,.ds-select__DFAX9n-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__DFAX9n-custom--open.sc-ds-select-native,.ds-select__DFAX9n-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__DFAX9n-custom--open.sc-ds-select-native:not(.ds-select__DFAX9n-custom--open--invalid,.ds-select__DFAX9n-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__DFAX9n-custom.sc-ds-select-native:focus-visible:not(.ds-select__DFAX9n-custom--open--invalid,.ds-select__DFAX9n-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__DFAX9n-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__DFAX9n-custom--disabled.sc-ds-select-native .ds-select__DFAX9n-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__DFAX9n-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__DFAX9n-custom--invalid.sc-ds-select-native:not(.ds-select__DFAX9n-custom--invalid--open,.ds-select__DFAX9n-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__DFAX9n-custom--invalid.sc-ds-select-native:not(.ds-select__DFAX9n-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__DFAX9n-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__DFAX9n-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-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__DFAX9n-custom--has-icon.sc-ds-select-native .ds-select__DFAX9n-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__DFAX9n-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__DFAX9n-custom__selected-option__text.sc-ds-select-native{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__DFAX9n-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__DFAX9n-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__DFAX9n-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__DFAX9n-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__DFAX9n-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__DFAX9n-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__DFAX9n-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__DFAX9n-custom__clear-button.sc-ds-select-native{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__DFAX9n-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__DFAX9n-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-light);background-color:var(--ds-bgColor-white)}.ds-select__DFAX9n-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__DFAX9n-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__DFAX9n-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__DFAX9n-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__DFAX9n-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__DFAX9n-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__DFAX9n-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__DFAX9n-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__DFAX9n-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__DFAX9n-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%)}.sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select-native__DFAX9n.sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select-native__DFAX9n.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-native__DFAX9n--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-native__DFAX9n--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select-native__DFAX9n__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-spacing-xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select-native__DFAX9n__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-native__DFAX9n__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select-native__DFAX9n__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}";export{b as ds_select_native}

package/dist/component-library/ds-spinner.entry.js

@@ -1 +1 @@
-import{h as e,r as t,d as s}from"./index-CLIQk1DU.js";import{b as i,i as n}from"./attributes-DfbgRyXR.js";import{c as r}from"./index-BfTCfPZ1.js";import{d,t as a}from"./utils-C1bsmWWB.js";import{c as o}from"./cx-CUHafDbz.js";const l={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},g={small:"ds-text-regular-xs",medium:"ds-text-regular-sm",large:"ds-text-regular-md",xLarge:"ds-text-regular-lg","2xLarge":"ds-text-regular-xl"},f={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)"},h=class{constructor(e){t(this,e)}inheritedAttributes={};get el(){return s(this)}dsText;dsSize="medium";dsCustomSize;dsCustomTextSize;dsTextPosition="below";dsColour="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...i(this.el,["role","aria-live"])}}render(){const t=l[this.dsSize],s=this.dsCustomSize?"":g[this.dsSize],i=f[this.dsColour],n=o("ds-spinner"),d=r(n,{[`${n}--${this.dsSize}`]:!this.dsCustomSize,[`${n}--custom`]:!!this.dsCustomSize,[`${n}--${this.dsTextPosition}`]:!!this.dsText}),h=r(`${n}__text`,s,`${n}__text--${this.dsColour}`),p=e=>r(`${n}__segment`,`${n}__segment--${e}`),b=a("ds-visually-hidden","ds-spinner",this.el);return e("div",{key:"8913c8c5401dffba3bb7abe43db3c1afd6775ee3",role:this.dsUseRoleAlert?"alert":null,"aria-live":this.dsUseAriaLive?"polite":null,class:d,style:{"--spinner-size":this.dsCustomSize?`calc(${this.dsCustomSize} / 1.5833333333)`:`${t}px`,"--spinner-color":`${i}`,"--spinner-border-color":"white"==this.dsColour?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},e("div",{key:"e707f822461892f6ccc1bb6b417875ac306ae547",class:`${n}__spinner`},e("div",{key:"35db86067a9438c5f39798a8acbfa222dcddcfc7",class:p(1)}),e("div",{key:"92be670780d43cee87ef8893dca076d9cf0959f2",class:p(2)}),e("div",{key:"dc6b5b27c285f28c0c20a18740b9e879c7226694",class:p(3)})),this.dsHiddenAssistiveText&&e(b,{key:"f92b2cc2f0e096119a36b92b91da4b15bc688866"},e("span",{key:"5ca590701eb04d3beab6dd416510ff586bfff2b6"},this.dsHiddenAssistiveText)),this.dsText&&e("span",{key:"bac1e20291e903aa0c723118d14f307982bea009",class:h,style:{fontSize:this.dsCustomTextSize}},this.dsText))}};d([e("ds-visually-hidden",null)]),h.style="html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__pYthVb{display:inline-block}.ds-spinner__pYthVb:has(.ds-spinner__pYthVb__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__pYthVb{}.ds-spinner__pYthVb--small{padding:1.5px}.ds-spinner__pYthVb--medium{padding:3px}.ds-spinner__pYthVb--large{padding:3px}.ds-spinner__pYthVb--xLarge{padding:5.5px}.ds-spinner__pYthVb--2xLarge{padding:5.5px}.ds-spinner__pYthVb--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__pYthVb{}.ds-spinner__pYthVb--below{flex-direction:column;align-items:center}.ds-spinner__pYthVb--right{flex-direction:row;align-items:center}.ds-spinner__pYthVb__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__pYthVb__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__pYthVb__text--white{color:var(--ds-textColor-white)}.ds-spinner__pYthVb__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__pYthVb__segment--1{animation-delay:-0.3s}.ds-spinner__pYthVb__segment--2{animation-delay:-0.2s}.ds-spinner__pYthVb__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__pYthVb__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__pYthVb__segment--1{animation-delay:-0.6s}.ds-spinner__pYthVb__segment--2{animation-delay:-0.4s}.ds-spinner__pYthVb__segment--3{animation-delay:-0.2s}}";export{h as ds_spinner}
+import{h as e,r as t,d as s}from"./index-D-3Utc_w.js";import{b as i,i as n}from"./attributes-DfbgRyXR.js";import{c as r}from"./index-BfTCfPZ1.js";import{d,t as a}from"./utils-C1bsmWWB.js";import{c as o}from"./cx-CiFpdjHK.js";const l={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},g={small:"ds-text-regular-xs",medium:"ds-text-regular-sm",large:"ds-text-regular-md",xLarge:"ds-text-regular-lg","2xLarge":"ds-text-regular-xl"},f={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)"},h=class{constructor(e){t(this,e)}inheritedAttributes={};get el(){return s(this)}dsText;dsSize="medium";dsCustomSize;dsCustomTextSize;dsTextPosition="below";dsColour="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...i(this.el,["role","aria-live"])}}render(){const t=l[this.dsSize],s=this.dsCustomSize?"":g[this.dsSize],i=f[this.dsColour],n=o("ds-spinner"),d=r(n,{[`${n}--${this.dsSize}`]:!this.dsCustomSize,[`${n}--custom`]:!!this.dsCustomSize,[`${n}--${this.dsTextPosition}`]:!!this.dsText}),h=r(`${n}__text`,s,`${n}__text--${this.dsColour}`),m=e=>r(`${n}__segment`,`${n}__segment--${e}`),p=a("ds-visually-hidden","ds-spinner",this.el);return e("div",{key:"8913c8c5401dffba3bb7abe43db3c1afd6775ee3",role:this.dsUseRoleAlert?"alert":null,"aria-live":this.dsUseAriaLive?"polite":null,class:d,style:{"--spinner-size":this.dsCustomSize?`calc(${this.dsCustomSize} / 1.5833333333)`:`${t}px`,"--spinner-color":`${i}`,"--spinner-border-color":"white"==this.dsColour?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},e("div",{key:"e707f822461892f6ccc1bb6b417875ac306ae547",class:`${n}__spinner`},e("div",{key:"35db86067a9438c5f39798a8acbfa222dcddcfc7",class:m(1)}),e("div",{key:"92be670780d43cee87ef8893dca076d9cf0959f2",class:m(2)}),e("div",{key:"dc6b5b27c285f28c0c20a18740b9e879c7226694",class:m(3)})),this.dsHiddenAssistiveText&&e(p,{key:"f92b2cc2f0e096119a36b92b91da4b15bc688866"},e("span",{key:"5ca590701eb04d3beab6dd416510ff586bfff2b6"},this.dsHiddenAssistiveText)),this.dsText&&e("span",{key:"bac1e20291e903aa0c723118d14f307982bea009",class:h,style:{fontSize:this.dsCustomTextSize}},this.dsText))}};d([e("ds-visually-hidden",null)]),h.style="html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__DFAX9n{display:inline-block}.ds-spinner__DFAX9n:has(.ds-spinner__DFAX9n__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__DFAX9n{}.ds-spinner__DFAX9n--small{padding:1.5px}.ds-spinner__DFAX9n--medium{padding:3px}.ds-spinner__DFAX9n--large{padding:3px}.ds-spinner__DFAX9n--xLarge{padding:5.5px}.ds-spinner__DFAX9n--2xLarge{padding:5.5px}.ds-spinner__DFAX9n--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__DFAX9n{}.ds-spinner__DFAX9n--below{flex-direction:column;align-items:center}.ds-spinner__DFAX9n--right{flex-direction:row;align-items:center}.ds-spinner__DFAX9n__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__DFAX9n__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__DFAX9n__text--white{color:var(--ds-textColor-white)}.ds-spinner__DFAX9n__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__DFAX9n__segment--1{animation-delay:-0.3s}.ds-spinner__DFAX9n__segment--2{animation-delay:-0.2s}.ds-spinner__DFAX9n__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__DFAX9n__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__DFAX9n__segment--1{animation-delay:-0.6s}.ds-spinner__DFAX9n__segment--2{animation-delay:-0.4s}.ds-spinner__DFAX9n__segment--3{animation-delay:-0.2s}}";export{h as ds_spinner}

package/dist/component-library/ds-store.entry.js

@@ -1 +1 @@
-import{r as s,c as a}from"./index-CLIQk1DU.js";import{d as e,i as g,s as t,g as n}from"./store-DvjRAZS-.js";const r=class{constructor(e){s(this,e),this.dsLanguageChange=a(this,"dsLanguageChange")}dsLanguage=e;dsLanguageChange;componentWillLoad(){g({language:this.dsLanguage})}dsLanguageObserver(s){t(s),this.dsLanguageChange.emit(s)}async setLanguage(s){this.dsLanguage=s,t(s)}async getLanguage(){return n()}static get watchers(){return{dsLanguage:["dsLanguageObserver"]}}};export{r as ds_store}
+import{r as s,c as a}from"./index-D-3Utc_w.js";import{d as e,i as t,s as g,g as n}from"./store-B9-Hp5ie.js";const r=class{constructor(e){s(this,e),this.dsLanguageChange=a(this,"dsLanguageChange")}dsLanguage=e;dsLanguageChange;componentWillLoad(){t({language:this.dsLanguage})}dsLanguageObserver(s){g(s),this.dsLanguageChange.emit(s)}async setLanguage(s){this.dsLanguage=s,g(s)}async getLanguage(){return n()}static get watchers(){return{dsLanguage:["dsLanguageObserver"]}}};export{r as ds_store}

package/dist/component-library/ds-tag-group.entry.js

@@ -1 +1 @@
-import{h as s,r as a,d as t}from"./index-CLIQk1DU.js";import{i as e,d as i,t as d,a as r}from"./utils-C1bsmWWB.js";import{c as l}from"./cx-CUHafDbz.js";import{b as o,i as b}from"./attributes-DfbgRyXR.js";const c=e("ds-tag-group"),g=class{constructor(s){a(this,s)}tagGroupId=c.next().value;assistiveTextId=`${this.tagGroupId}-assistive-text`;inheritedAttributes={};get el(){return t(this)}dsLabel;dsAriaLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...b(this,this.el),...o(this.el,["aria-describedby"])}}render(){const a=l("ds-tag-group"),t=d("ds-group-label","ds-tag-group",this.el),{"aria-label":e,...i}=this.inheritedAttributes,o=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return s("div",{key:"ca526c5ac71155054926bdb68b9e326e29bddf56",class:a,role:"group",...r("aria-label",this.dsAriaLabel||e||this.dsLabel),...r("aria-describedby",o),...i},s(t,{key:"ca4dde5c79963b76b5c18835d5dbf1d14869debf",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},s("slot",{key:"6314740e852ad1e528036244217648260ffa3354",name:"label"}),s("slot",{key:"cca7f56ae4e961ca36eacdf7b6f304497360bcd0",name:"assistiveText"})),s("div",{key:"4ebf0810f30588917820730bc02cada9a8632e5d",role:"list",class:`${a}__tags`},s("slot",{key:"12bb06986972f647f6ae8780664df68fe292f98d"})))}};i([s("ds-group-label",null)]),g.style=".ds-tag-group__pYthVb__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{g as ds_tag_group}
+import{h as s,r as a,d as t}from"./index-D-3Utc_w.js";import{i as e,d as i,t as d,a as r}from"./utils-C1bsmWWB.js";import{c as l}from"./cx-CiFpdjHK.js";import{b as o,i as b}from"./attributes-DfbgRyXR.js";const c=e("ds-tag-group"),g=class{constructor(s){a(this,s)}tagGroupId=c.next().value;assistiveTextId=`${this.tagGroupId}-assistive-text`;inheritedAttributes={};get el(){return t(this)}dsLabel;dsAriaLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...b(this,this.el),...o(this.el,["aria-describedby"])}}render(){const a=l("ds-tag-group"),t=d("ds-group-label","ds-tag-group",this.el),{"aria-label":e,...i}=this.inheritedAttributes,o=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return s("div",{key:"ca526c5ac71155054926bdb68b9e326e29bddf56",class:a,role:"group",...r("aria-label",this.dsAriaLabel||e||this.dsLabel),...r("aria-describedby",o),...i},s(t,{key:"ca4dde5c79963b76b5c18835d5dbf1d14869debf",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},s("slot",{key:"6314740e852ad1e528036244217648260ffa3354",name:"label"}),s("slot",{key:"cca7f56ae4e961ca36eacdf7b6f304497360bcd0",name:"assistiveText"})),s("div",{key:"4ebf0810f30588917820730bc02cada9a8632e5d",role:"list",class:`${a}__tags`},s("slot",{key:"12bb06986972f647f6ae8780664df68fe292f98d"})))}};i([s("ds-group-label",null)]),g.style=".ds-tag-group__DFAX9n__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{g as ds_tag_group}

package/dist/component-library/ds-text-area.entry.js

@@ -1 +1 @@
-import{h as t,r as e,c as a,d as s,f as r,F as i}from"./index-CLIQk1DU.js";import{c as d}from"./index-BfTCfPZ1.js";import{p as o,q as n,u as h,g as c,a as l,v as _}from"./controlUtils-BsuMygCG.js";import{i as b,d as x,b as v,t as u,a as p}from"./utils-C1bsmWWB.js";import{b as f,i as g}from"./attributes-DfbgRyXR.js";import{c as V}from"./cx-CUHafDbz.js";import{a as Y}from"./constants-C6xow8e6.js";import"./store-DvjRAZS-.js";const y=b("ds-text-area"),m=class{constructor(t){e(this,t),this.dsChange=a(this,"dsChange"),this.dsInput=a(this,"dsInput"),this.dsSubmitInvalid=a(this,"dsSubmitInvalid"),this.dsValidity=a(this,"dsValidity")}inheritedAttributes={};textareaElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;get el(){return s(this)}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=y.next().value;dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.errorTextId=`${this.dsId}-error-text`,this.successTextId=`${this.dsId}-success-text`};async setFocus(){const t=this.el.querySelector("textarea");t?.focus()}async checkValidity(){const t=this.el.querySelector("textarea");return t?.checkValidity()}async clearTextarea(){this.internalValue="",this.dsChange.emit({value:""});const t=this.el.querySelector("textarea");t&&(t.value="")}internalValueObserver(t){this.characterCount=t.length,this.validateCharacterCount(this.characterCount)}valueObserver(t){this.internalValue=t||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(t,e,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:t},r(this)}componentWillLoad(){this.inheritedAttributes={...g(this,this.el,["id"]),...f(this.el,["aria-invalid"])},this.setIds(),this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=v((t=>{this.hiddenCharacterCountText=t}),Y);validateCharacterCount=t=>{this.dsCharacterLimit&&(t>this.dsCharacterLimit?(this.setHiddenCharacterCountText(o(t-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(n())):(this.setHiddenCharacterCountText(h(this.dsCharacterLimit-t)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=`${this.textareaElement.scrollHeight}px`)};getLabelText=()=>this.dsRequired?c(this.dsLabel):this.dsOptional?l(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=t=>"customError"===t?this.textareaElement?.validationMessage:_(t);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.wasInvalidOnBlur="valid"!==e,this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInvalid=t=>{t.preventDefault();const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsSubmitInvalid.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInput=t=>{if(this.internalValue=t.target.value,this.dsInput.emit({event:t,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=u("ds-input-validity","ds-text-area",this.el),a=u("ds-control-label","ds-text-area",this.el),s=u("ds-visually-hidden","ds-text-area",this.el),r=V("ds-text-area"),o=`${r}__container`,{"aria-label":n,"aria-labelledby":h,"aria-describedby":c,...l}=this.inheritedAttributes,_=this.dsAriaLabel||n,b=this.dsAriaLabelledby||h,x=this.dsAriaDescribedby||c;return t(i,{key:"fc85f77fb58cbf325275ed89dacccc35aab7a812"},t(a,{key:"426f479d7db9f2d18100ee9cd3e436d92451b624",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},t("slot",{key:"2a8d1eb242cbe1af2947b24c265dafb71e91df84",name:"label"}),t("slot",{key:"02b6763b285e5b5544de09d9f3c54d4bd9523f5c",name:"assistiveText"})),t("div",{key:"0e47e3e228fa5fed004f42a639fd99f333f72a1a",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:d(o,{[`${o}--disabled`]:this.dsDisabled,[`${o}--readonly`]:this.dsReadonly,[`${o}--valid`]:!!this.dsSuccessText,[`${o}--invalid`]:!!this.dsErrorText,[`${o}--focus`]:this.hasFocus,[`${o}--active`]:!!this.textareaActive,[`${o}--full-width`]:this.dsFullWidth})},t("textarea",{key:"b82a6724f0ac6907a8ebf20a4103454129e991c0",ref:t=>this.textareaElement=t,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:void 0!==this.dsValue?this.dsValue:this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:d(`${r}__textarea`,`${r}__textarea--resize-${this.dsResizing}`,{[`${r}__textarea--full-width`]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...p("aria-label",_),...p("aria-labelledby",b),...p("aria-describedby",x||d({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",...l})),t("div",{key:"2a9abe519e0b6034ed86d53dfb76ccd963580f2d",class:d(`${r}__validity-container`,{[`${r}__validity-container--has-character-limit`]:!!this.dsCharacterLimit})},t("slot",{key:"d5f72d1c119261fe6add89680be1eca866c5bd4a",name:"validity"},t(e,{key:"601fd56b0c06d87ed97d3f3b701750031c55bef5",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"assertive"},this.dsCharacterLimit&&t(s,{key:"9f6a312255ca7509f309340028f6e1a14fa54469",dsTag:"span"},this.hiddenCharacterCountText)),t(e,{key:"cd090a9b56280b1d3571b944d3ca77dd1fc58344",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success"})),this.dsCharacterLimit&&t("div",{key:"562dd857cc655bd59df19230739118cd49fd9135",class:d(`${r}__character-count`,{[`${r}__character-count--over-limit`]:this.characterCount>this.dsCharacterLimit})},t("small",{key:"10e501c08aa085b7fde52a2d2dabece665546201"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:["internalValueObserver"],dsValue:["valueObserver"],dsCharacterLimit:["characterLimitObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"]}}};x([t("ds-input-validity",null),t("ds-visually-hidden",null),t("ds-control-label",null)]),m.style=".sc-ds-text-area-h *.sc-ds-text-area,.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__pYthVb__container--full-width){width:100%}.ds-text-area__pYthVb__container.sc-ds-text-area: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-text-area__pYthVb__container.sc-ds-text-area: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-text-area__pYthVb__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--invalid.ds-text-area__pYthVb__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__pYthVb__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__pYthVb__container--valid.sc-ds-text-area:hover:not(.ds-text-area__pYthVb__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__pYthVb__container--valid.ds-text-area__pYthVb__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__pYthVb__container--readonly.sc-ds-text-area,.ds-text-area__pYthVb__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__pYthVb__container.sc-ds-text-area:focus-within:not(.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--invalid,.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--valid.sc-ds-text-area,.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__pYthVb__container.sc-ds-text-area:hover:not(.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--disabled,.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--readonly.sc-ds-text-area,.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--active.sc-ds-text-area,.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--invalid.sc-ds-text-area,.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--valid.sc-ds-text-area,.ds-text-area__pYthVb__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__pYthVb__container.active.sc-ds-text-area:not(.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--disabled,.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--readonly.sc-ds-text-area,.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--invalid.sc-ds-text-area,.ds-text-area__pYthVb__container.ds-text-area__pYthVb__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__pYthVb__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__pYthVb__external-button.sc-ds-text-area,.ds-text-area__pYthVb.sc-ds-text-area-s>[slot=suffix],.ds-text-area__pYthVb .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__pYthVb__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__pYthVb__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__pYthVb__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__pYthVb__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__pYthVb__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block}.ds-text-area__pYthVb__textarea.sc-ds-text-area{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:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__pYthVb__textarea.sc-ds-text-area::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-area__pYthVb__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__pYthVb__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__pYthVb__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__pYthVb__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__pYthVb__textarea--resize-auto.sc-ds-text-area,.ds-text-area__pYthVb__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__pYthVb__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__pYthVb__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__pYthVb__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__pYthVb__textarea--full-width.sc-ds-text-area{width:100%}";export{m as ds_text_area}
+import{h as t,r as e,c as a,d as s,f as r,F as i}from"./index-D-3Utc_w.js";import{c as d}from"./index-BfTCfPZ1.js";import{p as n,q as o,u as c,g as l,a as _,v as h}from"./controlUtils-uMUNW1aR.js";import{i as x,d as b,b as v,t as u,a as f}from"./utils-C1bsmWWB.js";import{b as A,i as g}from"./attributes-DfbgRyXR.js";import{c as F}from"./cx-CiFpdjHK.js";import{a as D}from"./constants-C6xow8e6.js";import"./store-B9-Hp5ie.js";const X=x("ds-text-area"),y=class{constructor(t){e(this,t),this.dsChange=a(this,"dsChange"),this.dsInput=a(this,"dsInput"),this.dsSubmitInvalid=a(this,"dsSubmitInvalid"),this.dsValidity=a(this,"dsValidity")}inheritedAttributes={};textareaElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;get el(){return s(this)}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=X.next().value;dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.errorTextId=`${this.dsId}-error-text`,this.successTextId=`${this.dsId}-success-text`};async setFocus(){const t=this.el.querySelector("textarea");t?.focus()}async checkValidity(){const t=this.el.querySelector("textarea");return t?.checkValidity()}async clearTextarea(){this.internalValue="",this.dsChange.emit({value:""});const t=this.el.querySelector("textarea");t&&(t.value="")}internalValueObserver(t){this.characterCount=t.length,this.validateCharacterCount(this.characterCount)}valueObserver(t){this.internalValue=t||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(t,e,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:t},r(this)}componentWillLoad(){this.inheritedAttributes={...g(this,this.el,["id"]),...A(this.el,["aria-invalid"])},this.setIds(),this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=v((t=>{this.hiddenCharacterCountText=t}),D);validateCharacterCount=t=>{this.dsCharacterLimit&&(t>this.dsCharacterLimit?(this.setHiddenCharacterCountText(n(t-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(o())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-t)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=`${this.textareaElement.scrollHeight}px`)};getLabelText=()=>this.dsRequired?l(this.dsLabel):this.dsOptional?_(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=t=>"customError"===t?this.textareaElement?.validationMessage:h(t);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.wasInvalidOnBlur="valid"!==e,this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInvalid=t=>{t.preventDefault();const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsSubmitInvalid.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInput=t=>{if(this.internalValue=t.target.value,this.dsInput.emit({event:t,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=u("ds-input-validity","ds-text-area",this.el),a=u("ds-control-label","ds-text-area",this.el),s=u("ds-visually-hidden","ds-text-area",this.el),r=F("ds-text-area"),n=`${r}__container`,{"aria-label":o,"aria-labelledby":c,"aria-describedby":l,..._}=this.inheritedAttributes,h=this.dsAriaLabel||o,x=this.dsAriaLabelledby||c,b=this.dsAriaDescribedby||l;return t(i,{key:"fc85f77fb58cbf325275ed89dacccc35aab7a812"},t(a,{key:"426f479d7db9f2d18100ee9cd3e436d92451b624",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},t("slot",{key:"2a8d1eb242cbe1af2947b24c265dafb71e91df84",name:"label"}),t("slot",{key:"02b6763b285e5b5544de09d9f3c54d4bd9523f5c",name:"assistiveText"})),t("div",{key:"0e47e3e228fa5fed004f42a639fd99f333f72a1a",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:d(n,{[`${n}--disabled`]:this.dsDisabled,[`${n}--readonly`]:this.dsReadonly,[`${n}--valid`]:!!this.dsSuccessText,[`${n}--invalid`]:!!this.dsErrorText,[`${n}--focus`]:this.hasFocus,[`${n}--active`]:!!this.textareaActive,[`${n}--full-width`]:this.dsFullWidth})},t("textarea",{key:"b82a6724f0ac6907a8ebf20a4103454129e991c0",ref:t=>this.textareaElement=t,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:void 0!==this.dsValue?this.dsValue:this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:d(`${r}__textarea`,`${r}__textarea--resize-${this.dsResizing}`,{[`${r}__textarea--full-width`]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...f("aria-label",h),...f("aria-labelledby",x),...f("aria-describedby",b||d({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._})),t("div",{key:"2a9abe519e0b6034ed86d53dfb76ccd963580f2d",class:d(`${r}__validity-container`,{[`${r}__validity-container--has-character-limit`]:!!this.dsCharacterLimit})},t("slot",{key:"d5f72d1c119261fe6add89680be1eca866c5bd4a",name:"validity"},t(e,{key:"601fd56b0c06d87ed97d3f3b701750031c55bef5",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"assertive"},this.dsCharacterLimit&&t(s,{key:"9f6a312255ca7509f309340028f6e1a14fa54469",dsTag:"span"},this.hiddenCharacterCountText)),t(e,{key:"cd090a9b56280b1d3571b944d3ca77dd1fc58344",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success"})),this.dsCharacterLimit&&t("div",{key:"562dd857cc655bd59df19230739118cd49fd9135",class:d(`${r}__character-count`,{[`${r}__character-count--over-limit`]:this.characterCount>this.dsCharacterLimit})},t("small",{key:"10e501c08aa085b7fde52a2d2dabece665546201"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:["internalValueObserver"],dsValue:["valueObserver"],dsCharacterLimit:["characterLimitObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"]}}};b([t("ds-input-validity",null),t("ds-visually-hidden",null),t("ds-control-label",null)]),y.style=".sc-ds-text-area-h *.sc-ds-text-area,.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__DFAX9n__container--full-width){width:100%}.ds-text-area__DFAX9n__container.sc-ds-text-area: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-text-area__DFAX9n__container.sc-ds-text-area: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-text-area__DFAX9n__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid.ds-text-area__DFAX9n__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__DFAX9n__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__DFAX9n__container--valid.sc-ds-text-area:hover:not(.ds-text-area__DFAX9n__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__DFAX9n__container--valid.ds-text-area__DFAX9n__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__DFAX9n__container--readonly.sc-ds-text-area,.ds-text-area__DFAX9n__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__DFAX9n__container.sc-ds-text-area:focus-within:not(.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--valid.sc-ds-text-area,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__DFAX9n__container.sc-ds-text-area:hover:not(.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--disabled,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--readonly.sc-ds-text-area,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--active.sc-ds-text-area,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid.sc-ds-text-area,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--valid.sc-ds-text-area,.ds-text-area__DFAX9n__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__DFAX9n__container.active.sc-ds-text-area:not(.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--disabled,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--readonly.sc-ds-text-area,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid.sc-ds-text-area,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__DFAX9n__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__DFAX9n__external-button.sc-ds-text-area,.ds-text-area__DFAX9n.sc-ds-text-area-s>[slot=suffix],.ds-text-area__DFAX9n .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__DFAX9n__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__DFAX9n__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__DFAX9n__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__DFAX9n__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__DFAX9n__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block}.ds-text-area__DFAX9n__textarea.sc-ds-text-area{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:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__DFAX9n__textarea.sc-ds-text-area::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-area__DFAX9n__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__DFAX9n__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__DFAX9n__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__DFAX9n__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__DFAX9n__textarea--resize-auto.sc-ds-text-area,.ds-text-area__DFAX9n__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__DFAX9n__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__DFAX9n__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__DFAX9n__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__DFAX9n__textarea--full-width.sc-ds-text-area{width:100%}";export{y as ds_text_area}

package/dist/component-library/ds-text-input.entry.js

@@ -1 +1 @@
-import{h as t,r as i,c as s,d as e,f as n,F as d}from"./index-CLIQk1DU.js";import{c as a}from"./index-BfTCfPZ1.js";import{j as r,k as o,o as c,v as p}from"./controlUtils-BsuMygCG.js";import{i as l,d as h,t as _,a as u}from"./utils-C1bsmWWB.js";import{b,i as x}from"./attributes-DfbgRyXR.js";import{c as v}from"./cx-CUHafDbz.js";import"./store-DvjRAZS-.js";const f={search:"search"},g={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},V=l("ds-input"),Y=class{constructor(t){i(this,t),this.dsChange=s(this,"dsChange"),this.dsInput=s(this,"dsInput"),this.dsClear=s(this,"dsClear"),this.dsSubmitInvalid=s(this,"dsSubmitInvalid"),this.dsValidity=s(this,"dsValidity")}inheritedAttributes={};suffixButtonElement;inputElement;assistiveTextId;visuallyHiddenAssistiveTextId;validityId;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return e(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=V.next().value;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;hasFocus=!1;clearButtonVisible=!1;passwordInputVisible=!1;inputActive=!1;wasInvalidOnBlur=!1;internalValue="";setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.validityId=`${this.dsId}-validity`};getActionButtonAriaLabel(){switch(this.dsType){case"search":return this.clearButtonVisible?this.dsActionButtonAriaLabel||c():this.dsActionButtonAriaLabel||"";case"password":return this.passwordInputVisible?this.dsActionButtonAriaLabel||r():this.dsActionButtonAriaLabel||o();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}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.internalValue=t||""}internalValueObserver(t){this.clearButtonVisible="search"===this.dsType&&!!t,this.dsChange.emit({value:t})}componentWillLoad(){this.inheritedAttributes={...x(this,this.el,["id"]),...b(this.el,["aria-invalid"])},this.setIds(),this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),this.internalValue=this.dsValue||"",this.clearButtonVisible="search"===this.dsType&&!!this.internalValue}onAriaChanged(t,i,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:t},n(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:p(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:p(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:p(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(i){if(this.hasPrefixSlot)return t("slot",{name:"prefix"});if(this.dsPrefixText)return t("slot",{name:"prefix"},t("span",{class:`${i}__prefix`},this.dsPrefixText));const s=this.dsIcon||f[this.dsType],e=_("ds-icon","ds-text-input",this.el);return s?t("slot",{name:"prefix"},t(e,{class:`${i}__icon`,dsName:s})):null}renderSuffixContent(i){if(this.hasSuffixSlot)return t("slot",{name:"suffix"});if(this.dsSuffixText)return t("slot",{name:"suffix"},t("span",{class:`${i}__suffix`},this.dsSuffixText));const s=g[this.dsType]?.(this)??"",e="password"===this.dsType?this.passwordInputVisible:void 0,n=_("ds-button","ds-text-input",this.el);if(s){const d=this.getActionButtonAriaLabel();return t("slot",{name:"suffix"},t(n,{ref:t=>this.suffixButtonElement=t,dsVariant:"supplementary",dsColour:"black",class:`${i}__button`,dsDisabled:!1,dsIcon:s,dsIconTitle:d,dsIconAriaLabel:d,onClick:this.handleActionButtonClicked,dsAriaPressed:e,...u("dsAriaLabel",d)}))}return null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement.focus()}render(){const i="password"===this.dsType&&this.passwordInputVisible?"text":this.dsType,s=_("ds-input-validity","ds-text-input",this.el),e=_("ds-control-label","ds-text-input",this.el),n=v("ds-text-input"),r=`${n}__container`,{"aria-label":o,"aria-labelledby":c,"aria-describedby":p,...l}=this.inheritedAttributes,h=this.dsAriaLabel||o,b=this.dsAriaLabelledby||c,x=this.dsAriaDescribedby||p;return t(d,{key:"626e8148ec3038b8e59904ae5bc455195fd5448f"},t(e,{key:"625430170ff103c190d0adc8031774fd7925002a",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},t("slot",{key:"fc3b1102d500713f192c7c9d89a5d7e0a56cd23c",name:"label"}),t("slot",{key:"9aee99d1d3de3bf823611af465b4756ab6a2b09d",name:"assistiveText"})),t("div",{key:"000d97ca2a9bfd95ee5c85ff22e399df24728eed",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:a(r,{[`${r}--disabled`]:this.dsDisabled,[`${r}--readonly`]:this.dsReadonly,[`${r}--valid`]:!!this.dsSuccessText,[`${r}--invalid`]:!!this.dsErrorText,[`${r}--focus`]:this.hasFocus,[`${r}--active`]:!!this.inputActive})},this.renderPrefixContent(n),t("input",{key:"745a7ec49f750ea5d82673e4b701ec2015434f8d",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:i,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,...u("aria-label",h),...u("aria-labelledby",b),...u("aria-describedby",x||a({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.validityId]:!!this.dsErrorText||!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",...l}),this.renderSuffixContent(n)),t("slot",{key:"a86d1dc2c0a4029b6454a1bb913d8f138b95638b",name:"validity"},t(s,{key:"56b53bd44a6332b2e9501cbb2dafddf013c38d99",id:this.validityId,dsText:this.validityText,dsType:this.validityType,dsAriaLive:"assertive"})))}static get formAssociated(){return!0}static get watchers(){return{dsValue:["valueObserver"],internalValue:["internalValueObserver"],"aria-label":["onAriaChanged"],"aria-labelledby":["onAriaChanged"],"aria-describedby":["onAriaChanged"]}}};h([t("ds-icon",{dsName:""}),t("ds-button",null),t("ds-input-validity",null),t("ds-control-label",null)]),Y.style=".sc-ds-text-input-h *.sc-ds-text-input,.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}}.ds-text-input__pYthVb__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__pYthVb__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__pYthVb__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__pYthVb__container.sc-ds-text-input: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-text-input__pYthVb__container.sc-ds-text-input: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-text-input__pYthVb__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__pYthVb__container.ds-text-input__pYthVb__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--invalid.ds-text-input__pYthVb__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--valid.sc-ds-text-input:hover:not(.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--valid.sc-ds-text-input .ds-text-input__pYthVb__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--readonly.sc-ds-text-input,.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__pYthVb__container.sc-ds-text-input:has(span.ds-text-input__pYthVb__prefix,.ds-text-input__pYthVb__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__pYthVb__container.sc-ds-text-input:has(.ds-text-input__pYthVb__button){padding-inline-end:unset}.ds-text-input__pYthVb__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__pYthVb__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__pYthVb__container.active.sc-ds-text-input:not(.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--disabled,.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--readonly.sc-ds-text-input,.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--invalid.sc-ds-text-input,.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__pYthVb__container.sc-ds-text-input:hover:not(.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--disabled,.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--readonly.sc-ds-text-input,.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--active.sc-ds-text-input,.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--invalid.sc-ds-text-input,.ds-text-input__pYthVb__container.ds-text-input__pYthVb__container--valid.sc-ds-text-input,.ds-text-input__pYthVb__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__pYthVb__container.sc-ds-text-input:focus-within:not(.ds-text-input__pYthVb__container:focus-within.ds-text-input__pYthVb__container--invalid,.ds-text-input__pYthVb__container.sc-ds-text-input:focus-within.ds-text-input__pYthVb__container--valid,.ds-text-input__pYthVb__container.sc-ds-text-input:focus-within.ds-text-input__pYthVb__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__pYthVb__container.sc-ds-text-input:focus-within *.sc-ds-text-input>.ds-text-input__pYthVb__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-text-input__pYthVb__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)}.ds-text-input__pYthVb__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__pYthVb__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__pYthVb__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__pYthVb__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__pYthVb__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__pYthVb__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__pYthVb__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__pYthVb__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__pYthVb__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__pYthVb__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__pYthVb__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__pYthVb__container.sc-ds-text-input:has(span.ds-text-input__pYthVb__prefix,.ds-text-input__pYthVb__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__pYthVb__container.sc-ds-text-input span.ds-text-input__pYthVb__prefix.sc-ds-text-input,.ds-text-input__pYthVb__container.sc-ds-text-input span.ds-text-input__pYthVb__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__pYthVb__container.sc-ds-text-input .ds-text-input__pYthVb__icon.sc-ds-text-input,.ds-text-input__pYthVb__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__pYthVb__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__pYthVb__container.sc-ds-text-input .ds-text-input__pYthVb__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}";export{Y as ds_text_input}
+import{h as t,r as i,c as s,d as e,f as n,F as d}from"./index-D-3Utc_w.js";import{c as a}from"./index-BfTCfPZ1.js";import{j as r,k as o,o as c,v as l}from"./controlUtils-uMUNW1aR.js";import{i as _,d as u,t as p,a as h}from"./utils-C1bsmWWB.js";import{b as x,i as b}from"./attributes-DfbgRyXR.js";import{c as v}from"./cx-CiFpdjHK.js";import"./store-B9-Hp5ie.js";const f={search:"search"},g={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},A=_("ds-input"),F=class{constructor(t){i(this,t),this.dsChange=s(this,"dsChange"),this.dsInput=s(this,"dsInput"),this.dsClear=s(this,"dsClear"),this.dsSubmitInvalid=s(this,"dsSubmitInvalid"),this.dsValidity=s(this,"dsValidity")}inheritedAttributes={};suffixButtonElement;inputElement;assistiveTextId;visuallyHiddenAssistiveTextId;validityId;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return e(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=A.next().value;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;hasFocus=!1;clearButtonVisible=!1;passwordInputVisible=!1;inputActive=!1;wasInvalidOnBlur=!1;internalValue="";setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.validityId=`${this.dsId}-validity`};getActionButtonAriaLabel(){switch(this.dsType){case"search":return this.clearButtonVisible?this.dsActionButtonAriaLabel||c():this.dsActionButtonAriaLabel||"";case"password":return this.passwordInputVisible?this.dsActionButtonAriaLabel||r():this.dsActionButtonAriaLabel||o();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}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.internalValue=t||""}internalValueObserver(t){this.clearButtonVisible="search"===this.dsType&&!!t,this.dsChange.emit({value:t})}componentWillLoad(){this.inheritedAttributes={...b(this,this.el,["id"]),...x(this.el,["aria-invalid"])},this.setIds(),this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),this.internalValue=this.dsValue||"",this.clearButtonVisible="search"===this.dsType&&!!this.internalValue}onAriaChanged(t,i,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:t},n(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:l(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:l(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:l(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(i){if(this.hasPrefixSlot)return t("slot",{name:"prefix"});if(this.dsPrefixText)return t("slot",{name:"prefix"},t("span",{class:`${i}__prefix`},this.dsPrefixText));const s=this.dsIcon||f[this.dsType],e=p("ds-icon","ds-text-input",this.el);return s?t("slot",{name:"prefix"},t(e,{class:`${i}__icon`,dsName:s})):null}renderSuffixContent(i){if(this.hasSuffixSlot)return t("slot",{name:"suffix"});if(this.dsSuffixText)return t("slot",{name:"suffix"},t("span",{class:`${i}__suffix`},this.dsSuffixText));const s=g[this.dsType]?.(this)??"",e="password"===this.dsType?this.passwordInputVisible:void 0,n=p("ds-button","ds-text-input",this.el);if(s){const d=this.getActionButtonAriaLabel();return t("slot",{name:"suffix"},t(n,{ref:t=>this.suffixButtonElement=t,dsVariant:"supplementary",dsColour:"black",class:`${i}__button`,dsDisabled:!1,dsIcon:s,dsIconTitle:d,dsIconAriaLabel:d,onClick:this.handleActionButtonClicked,dsAriaPressed:e,...h("dsAriaLabel",d)}))}return null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement.focus()}render(){const i="password"===this.dsType&&this.passwordInputVisible?"text":this.dsType,s=p("ds-input-validity","ds-text-input",this.el),e=p("ds-control-label","ds-text-input",this.el),n=v("ds-text-input"),r=`${n}__container`,{"aria-label":o,"aria-labelledby":c,"aria-describedby":l,..._}=this.inheritedAttributes,u=this.dsAriaLabel||o,x=this.dsAriaLabelledby||c,b=this.dsAriaDescribedby||l;return t(d,{key:"626e8148ec3038b8e59904ae5bc455195fd5448f"},t(e,{key:"625430170ff103c190d0adc8031774fd7925002a",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},t("slot",{key:"fc3b1102d500713f192c7c9d89a5d7e0a56cd23c",name:"label"}),t("slot",{key:"9aee99d1d3de3bf823611af465b4756ab6a2b09d",name:"assistiveText"})),t("div",{key:"000d97ca2a9bfd95ee5c85ff22e399df24728eed",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:a(r,{[`${r}--disabled`]:this.dsDisabled,[`${r}--readonly`]:this.dsReadonly,[`${r}--valid`]:!!this.dsSuccessText,[`${r}--invalid`]:!!this.dsErrorText,[`${r}--focus`]:this.hasFocus,[`${r}--active`]:!!this.inputActive})},this.renderPrefixContent(n),t("input",{key:"745a7ec49f750ea5d82673e4b701ec2015434f8d",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:i,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,...h("aria-label",u),...h("aria-labelledby",x),...h("aria-describedby",b||a({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.validityId]:!!this.dsErrorText||!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._}),this.renderSuffixContent(n)),t("slot",{key:"a86d1dc2c0a4029b6454a1bb913d8f138b95638b",name:"validity"},t(s,{key:"56b53bd44a6332b2e9501cbb2dafddf013c38d99",id:this.validityId,dsText:this.validityText,dsType:this.validityType,dsAriaLive:"assertive"})))}static get formAssociated(){return!0}static get watchers(){return{dsValue:["valueObserver"],internalValue:["internalValueObserver"],"aria-label":["onAriaChanged"],"aria-labelledby":["onAriaChanged"],"aria-describedby":["onAriaChanged"]}}};u([t("ds-icon",{dsName:""}),t("ds-button",null),t("ds-input-validity",null),t("ds-control-label",null)]),F.style=".sc-ds-text-input-h *.sc-ds-text-input,.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}}.ds-text-input__DFAX9n__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__DFAX9n__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__DFAX9n__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__DFAX9n__container.sc-ds-text-input: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-text-input__DFAX9n__container.sc-ds-text-input: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-text-input__DFAX9n__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__DFAX9n__container.ds-text-input__DFAX9n__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--invalid.ds-text-input__DFAX9n__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--valid.sc-ds-text-input:hover:not(.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--valid.sc-ds-text-input .ds-text-input__DFAX9n__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--readonly.sc-ds-text-input,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__DFAX9n__container.sc-ds-text-input:has(span.ds-text-input__DFAX9n__prefix,.ds-text-input__DFAX9n__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__DFAX9n__container.sc-ds-text-input:has(.ds-text-input__DFAX9n__button){padding-inline-end:unset}.ds-text-input__DFAX9n__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__DFAX9n__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__DFAX9n__container.active.sc-ds-text-input:not(.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--disabled,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--readonly.sc-ds-text-input,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--invalid.sc-ds-text-input,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__DFAX9n__container.sc-ds-text-input:hover:not(.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--disabled,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--readonly.sc-ds-text-input,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--active.sc-ds-text-input,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--invalid.sc-ds-text-input,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--valid.sc-ds-text-input,.ds-text-input__DFAX9n__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__DFAX9n__container.sc-ds-text-input:focus-within:not(.ds-text-input__DFAX9n__container:focus-within.ds-text-input__DFAX9n__container--invalid,.ds-text-input__DFAX9n__container.sc-ds-text-input:focus-within.ds-text-input__DFAX9n__container--valid,.ds-text-input__DFAX9n__container.sc-ds-text-input:focus-within.ds-text-input__DFAX9n__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__DFAX9n__container.sc-ds-text-input:focus-within *.sc-ds-text-input>.ds-text-input__DFAX9n__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-text-input__DFAX9n__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)}.ds-text-input__DFAX9n__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__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__DFAX9n__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__DFAX9n__container.sc-ds-text-input:has(span.ds-text-input__DFAX9n__prefix,.ds-text-input__DFAX9n__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__DFAX9n__container.sc-ds-text-input span.ds-text-input__DFAX9n__prefix.sc-ds-text-input,.ds-text-input__DFAX9n__container.sc-ds-text-input span.ds-text-input__DFAX9n__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__DFAX9n__container.sc-ds-text-input .ds-text-input__DFAX9n__icon.sc-ds-text-input,.ds-text-input__DFAX9n__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__DFAX9n__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__DFAX9n__container.sc-ds-text-input .ds-text-input__DFAX9n__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}";export{F as ds_text_input}

package/dist/component-library/ds-versioned-css-variables.entry.js

@@ -1 +1 @@
-import{r as e,h as a,H as t}from"./index-CLIQk1DU.js";const l=class{constructor(a){e(this,a)}render(){return a(t,{key:"4e427c854860f073703da46ca90cee89d56ad810"},a("slot",{key:"2006ffe8bd945af2c2691bf3b55f34cd219ceb5c"}))}};l.style='.sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#0084b8;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#d71f19;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-10);--ds-iconColor-white-active:var(--ds-palette-black-20);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-50);--ds-iconColor-danger-hover:var(--ds-palette-red-60);--ds-iconColor-danger-active:var(--ds-palette-red-70);--ds-iconColor-success:var(--ds-palette-green-50);--ds-iconColor-success-hover:var(--ds-palette-green-60);--ds-iconColor-success-active:var(--ds-palette-green-70);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-fontFamily-heading:"Open Sans", sans-serif;--ds-fontFamily-body:"Open Sans", sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:"Open Sans Variable", sans-serif;--ds-fontFamily-body:"Open Sans Variable", sans-serif}}.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#0084b8;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#d71f19;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-10);--ds-iconColor-white-active:var(--ds-palette-black-20);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-50);--ds-iconColor-danger-hover:var(--ds-palette-red-60);--ds-iconColor-danger-active:var(--ds-palette-red-70);--ds-iconColor-success:var(--ds-palette-green-50);--ds-iconColor-success-hover:var(--ds-palette-green-60);--ds-iconColor-success-active:var(--ds-palette-green-70);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-fontFamily-heading:"Open Sans", sans-serif;--ds-fontFamily-body:"Open Sans", sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures;display:contents}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:"Open Sans Variable", sans-serif;--ds-fontFamily-body:"Open Sans Variable", sans-serif}}';export{l as ds_versioned_css_variables}
+import{r as e,h as a,H as t}from"./index-D-3Utc_w.js";const l=class{constructor(a){e(this,a)}render(){return a(t,{key:"4e427c854860f073703da46ca90cee89d56ad810"},a("slot",{key:"2006ffe8bd945af2c2691bf3b55f34cd219ceb5c"}))}};l.style='.sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#0084b8;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#d71f19;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-10);--ds-iconColor-white-active:var(--ds-palette-black-20);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-50);--ds-iconColor-danger-hover:var(--ds-palette-red-60);--ds-iconColor-danger-active:var(--ds-palette-red-70);--ds-iconColor-success:var(--ds-palette-green-50);--ds-iconColor-success-hover:var(--ds-palette-green-60);--ds-iconColor-success-active:var(--ds-palette-green-70);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-fontFamily-heading:"Open Sans", sans-serif;--ds-fontFamily-body:"Open Sans", sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:"Open Sans Variable", sans-serif;--ds-fontFamily-body:"Open Sans Variable", sans-serif}}.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#0084b8;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#d71f19;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-10);--ds-iconColor-white-active:var(--ds-palette-black-20);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-50);--ds-iconColor-danger-hover:var(--ds-palette-red-60);--ds-iconColor-danger-active:var(--ds-palette-red-70);--ds-iconColor-success:var(--ds-palette-green-50);--ds-iconColor-success-hover:var(--ds-palette-green-60);--ds-iconColor-success-active:var(--ds-palette-green-70);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-fontFamily-heading:"Open Sans", sans-serif;--ds-fontFamily-body:"Open Sans", sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures;display:contents}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:"Open Sans Variable", sans-serif;--ds-fontFamily-body:"Open Sans Variable", sans-serif}}';export{l as ds_versioned_css_variables}

package/dist/component-library/ds-visually-hidden.entry.js

@@ -1 +1 @@
-import{r as s,h as e}from"./index-CLIQk1DU.js";import{c as i}from"./cx-CUHafDbz.js";const t=class{constructor(e){s(this,e)}dsTag="div";render(){const s=i("ds-visually-hidden");return e(this.dsTag,{key:"a33a03602b2fa925a85018b580474864213b0447",class:s},e("slot",{key:"d3c0185b5f0181925dbd65eec7df85b9bae9232e"}))}};t.style=":host{position:absolute}.ds-visually-hidden__pYthVb{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{t as ds_visually_hidden}
+import{r as s,h as i}from"./index-D-3Utc_w.js";import{c as e}from"./cx-CiFpdjHK.js";const t=class{constructor(i){s(this,i)}dsTag="div";render(){const s=e("ds-visually-hidden");return i(this.dsTag,{key:"a33a03602b2fa925a85018b580474864213b0447",class:s},i("slot",{key:"d3c0185b5f0181925dbd65eec7df85b9bae9232e"}))}};t.style=":host{position:absolute}.ds-visually-hidden__DFAX9n{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{t as ds_visually_hidden}