npm - @uh-design-system/component-library - Versions diffs - 1.4.0 → 1.5.0 - Mend

@uh-design-system/component-library 1.4.0 → 1.5.0

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

Files changed (2350) hide show

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

	@@ -1 +1 @@
1	- import{p as e,H as t,c as a,f as s,h as r,F as i,t as d}from"./p-D7drWwKe.js";import{c as o}from"./p-BfTCfPZ1.js";import{p as n,q as l,u as c,g as _,a as h,v as x}from"./p-DBW_vEKT.js";import{i as b,b as v,t as u,a as f,d as m}from"./p-J5Ghj1_T.js";import{i as g,a as y}from"./p-BecId8t2.js";import{c as F}from"./p-DgTb4Jpc.js";import{b as E}from"./p-BT1Kxodd.js";import{d as S}from"./p-Bg8W_xlr.js";import{d as p}from"./p-C3JZK1na.js";import{d as J}from"./p-cBjVr9Tq.js";import{d as P}from"./p-BRKwvv98.js";import{d as C}from"./p-qyZAXct-.js";import{d as k}from"./p-tTA4zhDH.js";const T=b("ds-text-area"),w=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=a(this,"dsChange",7),this.dsInput=a(this,"dsInput",7),this.dsSubmitInvalid=a(this,"dsSubmitInvalid",7),this.dsValidity=a(this,"dsValidity",7)}inheritedAttributes={};textareaElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;get el(){return this}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=T.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 e=this.el.querySelector("textarea");e?.focus()}async checkValidity(){const e=this.el.querySelector("textarea");return e?.checkValidity()}async clearTextarea(){this.internalValue="";const e=this.el.querySelector("textarea");e&&(e.value="")}internalValueObserver(e){this.characterCount=e.length,this.validateCharacterCount(this.characterCount)}valueObserver(e){this.internalValue=e\|\|"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(e,t,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:e},s(this)}componentWillLoad(){this.inheritedAttributes={...y(this,this.el,["id"]),...g(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((e=>{this.hiddenCharacterCountText=e}),E);validateCharacterCount=e=>{this.dsCharacterLimit&&(e>this.dsCharacterLimit?(this.setHiddenCharacterCountText(n(e-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(l())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-e)),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?_(this.dsLabel):this.dsOptional?h(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=e=>"customError"===e?this.textareaElement?.validationMessage:x(e);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.wasInvalidOnBlur="valid"!==t,this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInvalid=e=>{e.preventDefault();const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsSubmitInvalid.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInput=e=>{if(this.internalValue=e.target.value,this.dsInput.emit({event:e,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText\|\|this.wasInvalidOnBlur){const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=u("ds-input-validity","ds-text-area",this.el),t=u("ds-control-label","ds-text-area",this.el),a=u("ds-visually-hidden","ds-text-area",this.el),s=F("ds-text-area"),d=s+"__container",{"aria-label":n,"aria-labelledby":l,"aria-describedby":c,..._}=this.inheritedAttributes,h=this.dsAriaLabel\|\|n,x=this.dsAriaLabelledby\|\|l,b=this.dsAriaDescribedby\|\|c;return r(i,{key:"b552302f5db01214407d5f62545b2ef07a9dfb44"},r(t,{key:"37035555f649c105ec460e6399752efaf1236f51",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},r("slot",{key:"a68186dfa927d07149c2d63138077da1cc08db74",name:"label"}),r("slot",{key:"d40242957ab517309673badf3740068d22db6705",name:"assistiveText"})),r("div",{key:"5edc680c64cdcdecb3d5e6f4cad5e96858ed3644",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:o(d,{[d+"--disabled"]:this.dsDisabled,[d+"--readonly"]:this.dsReadonly,[d+"--valid"]:!!this.dsSuccessText,[d+"--invalid"]:!!this.dsErrorText,[d+"--focus"]:this.hasFocus,[d+"--active"]:!!this.textareaActive,[d+"--full-width"]:this.dsFullWidth})},r("textarea",{key:"22b3486c977abffe10ffefa1a61bf0f8a8b6e73a",ref:e=>this.textareaElement=e,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:o(s+"__textarea",`${s}__textarea--resize-${this.dsResizing}`,{[s+"__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\|\|o({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._})),r("div",{key:"27a9a1949248fdb652873a7d4543a52e39fc9883",class:o(s+"__validity-container",{[s+"__validity-container--has-character-limit"]:!!this.dsCharacterLimit})},r("slot",{key:"f42131cd8a54a22509a2405d1c4e869ea890f078",name:"validity"},r(e,{key:"a12c66a7adba1e442e6235e7dfca42ea9a337993",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"},this.dsCharacterLimit&&r(a,{key:"2a299e7728a2aec5dc0e05f4e5c66e82cadf665d",dsTag:"span"},this.hiddenCharacterCountText)),r(e,{key:"d1967ab5e857ba8a509a903c2388bb90efc56fd2",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsAriaLive:"polite"})),this.dsCharacterLimit&&r("div",{key:"fabe8053142c23a5339eed424c57124f3d84f461",class:o(s+"__character-count",{[s+"__character-count--over-limit"]:this.characterCount>this.dsCharacterLimit})},r("small",{key:"dab4e062c8817987f05dfd7e40875cfc845490fa"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".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__SPFJ1E__container--full-width){width:100%}.ds-text-area__SPFJ1E.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__SPFJ1E__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__SPFJ1E__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__SPFJ1E__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__SPFJ1E__container.ds-text-area__SPFJ1E__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--invalid.ds-text-area__SPFJ1E__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__SPFJ1E__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__SPFJ1E__container--valid.sc-ds-text-area:hover:not(.ds-text-area__SPFJ1E__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__SPFJ1E__container--valid.ds-text-area__SPFJ1E__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__SPFJ1E__container--readonly.sc-ds-text-area,.ds-text-area__SPFJ1E__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__SPFJ1E__container.sc-ds-text-area:focus-within:not(.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--invalid,.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--valid.sc-ds-text-area,.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__SPFJ1E__container.sc-ds-text-area:hover:not(.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--disabled,.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--readonly.sc-ds-text-area,.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--active.sc-ds-text-area,.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--invalid.sc-ds-text-area,.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--valid.sc-ds-text-area,.ds-text-area__SPFJ1E__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__SPFJ1E__container.active.sc-ds-text-area:not(.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--disabled,.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--readonly.sc-ds-text-area,.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--invalid.sc-ds-text-area,.ds-text-area__SPFJ1E__container.ds-text-area__SPFJ1E__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__SPFJ1E__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__SPFJ1E__external-button.sc-ds-text-area,.ds-text-area__SPFJ1E.sc-ds-text-area-s>[slot=suffix],.ds-text-area__SPFJ1E .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__SPFJ1E__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__SPFJ1E__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__SPFJ1E__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__SPFJ1E__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__SPFJ1E__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__SPFJ1E__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__SPFJ1E__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__SPFJ1E__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__SPFJ1E__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__SPFJ1E__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__SPFJ1E__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__SPFJ1E__textarea--resize-auto.sc-ds-text-area,.ds-text-area__SPFJ1E__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__SPFJ1E__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__SPFJ1E__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__SPFJ1E__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__SPFJ1E__textarea--full-width.sc-ds-text-area{width:100%}"}},[838,"ds-text-area",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsOptionalText:[1,"ds-optional-text"],dsResizing:[1,"ds-resizing"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsErrorText:[1,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsCharacterLimit:[2,"ds-character-limit"],dsFullWidth:[4,"ds-full-width"],hasFocus:[32],textareaActive:[32],wasInvalidOnBlur:[32],characterCount:[32],internalValue:[32],hiddenCharacterCountText:[32],setFocus:[64],checkValidity:[64],clearTextarea:[64]},void 0,{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);m([r("ds-input-validity",null),r("ds-visually-hidden",null),r("ds-control-label",null)]);const z=w,A=function(){"undefined"!=typeof customElements&&["ds-text-area","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-text-area":customElements.get(d(e))\|\|customElements.define(d(e),w);break;case"ds-assistive-text":customElements.get(d(e))\|\|S();break;case"ds-control-label":customElements.get(d(e))\|\|p();break;case"ds-feedback":customElements.get(d(e))\|\|J();break;case"ds-icon":customElements.get(d(e))\|\|P();break;case"ds-input-validity":customElements.get(d(e))\|\|C();break;case"ds-visually-hidden":customElements.get(d(e))\|\|k()}}))};export{z as DsTextArea,A as defineCustomElement}
1	+ import{p as e,M as t,c as a,f as s,h as r,F as i,t as d}from"./p-Be3z-48a.js";import{c as n}from"./p-BfTCfPZ1.js";import{A as o,B as l,C as c,g as _,a as h,v as x}from"./p-B4X_51nl.js";import{f as b,t as v,i as u,d as G}from"./p-CjK5xiRo.js";import{i as f,a as m}from"./p-BecId8t2.js";import{c as g}from"./p-s-UO9MAI.js";import{b as y}from"./p-BT1Kxodd.js";import{c as W}from"./p-C2cIITC9.js";import{d as p}from"./p-BOO0cxNU.js";import{d as q}from"./p-CjJCI40n.js";import{d as Y}from"./p-DMnoiqYh.js";import{d as C}from"./p-CnF3gIOJ.js";import{d as k}from"./p-CiEWj4rx.js";import{d as w}from"./p-CHZWXcUp.js";const T=e(class extends(t(W("ds-text-area"))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=a(this,"dsChange",7),this.dsInput=a(this,"dsInput",7),this.dsSubmitInvalid=a(this,"dsSubmitInvalid",7),this.dsValidity=a(this,"dsValidity",7)}inheritedAttributes={};textareaElement;get el(){return this}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=this.getUniqueId();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="";get assistiveTextId(){return this.dsId+"-assistive-text"}get visuallyHiddenAssistiveTextId(){return this.dsId+"-visually-hidden-assistive-text"}get errorTextId(){return this.dsId+"-error-text"}get successTextId(){return this.dsId+"-success-text"}async setFocus(){const e=this.el.querySelector("textarea");e?.focus()}async checkValidity(){const e=this.el.querySelector("textarea");return e?.checkValidity()}async clearTextarea(){this.internalValue="";const e=this.el.querySelector("textarea");e&&(e.value="")}internalValueObserver(e){this.characterCount=e.length,this.validateCharacterCount(this.characterCount)}valueObserver(e){this.internalValue=e\|\|"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(e,t,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:e},s(this)}componentWillLoad(){this.inheritedAttributes={...m(this,this.el,["id"]),...f(this.el,["aria-invalid"])},this.internalValue=this.dsValue\|\|"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.componentMounted(),this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=b((e=>{this.hiddenCharacterCountText=e}),y);validateCharacterCount=e=>{this.dsCharacterLimit&&(e>this.dsCharacterLimit?(this.setHiddenCharacterCountText(o(e-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(l())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-e)),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?_(this.dsLabel):this.dsOptional?h(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=e=>"customError"===e?this.textareaElement?.validationMessage:x(e);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.wasInvalidOnBlur="valid"!==t,this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInvalid=e=>{e.preventDefault();const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsSubmitInvalid.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInput=e=>{if(this.internalValue=e.target.value,this.dsInput.emit({event:e,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText\|\|this.wasInvalidOnBlur){const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=v("ds-input-validity","ds-text-area",this.el),t=v("ds-control-label","ds-text-area",this.el),a=v("ds-visually-hidden","ds-text-area",this.el),s=g("ds-text-area"),d=s+"__container",{"aria-label":o,"aria-labelledby":l,"aria-describedby":c,..._}=this.inheritedAttributes,h=this.dsAriaLabel\|\|o,x=this.dsAriaLabelledby\|\|l,b=this.dsAriaDescribedby\|\|c;return r(i,{key:"e591094b6775f22391f60ddf12c6205e3c76149d"},r(t,{key:"f5199602d1981896a54d8f29e916c39f286a29f7",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},r("slot",{key:"270ac42a2309dce6fe8cd8dbbe1350a5e50d9f56",name:"label"}),r("slot",{key:"25f5f6cedda6f3e2568822769ba05cefde0d9253",name:"assistiveText"})),r("div",{key:"91a7f0cbe65d434890c7c9d20c585b0d7dbe551f",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:n(d,{[d+"--disabled"]:this.dsDisabled,[d+"--readonly"]:this.dsReadonly,[d+"--valid"]:!!this.dsSuccessText,[d+"--invalid"]:!!this.dsErrorText,[d+"--focus"]:this.hasFocus,[d+"--active"]:!!this.textareaActive,[d+"--full-width"]:this.dsFullWidth})},r("textarea",{key:"7e7b129e4cb8e7b5bdb69776ca5c353c5339fa58",ref:e=>this.textareaElement=e,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:n(s+"__textarea",`${s}__textarea--resize-${this.dsResizing}`,{[s+"__textarea--full-width"]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...u("aria-label",h),...u("aria-labelledby",x),...u("aria-describedby",b\|\|n({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._})),r("div",{key:"a7359297033e98437ca5e9595e933052ceda6403",class:n(s+"__validity-container",{[s+"__validity-container--has-character-limit"]:!!this.dsCharacterLimit})},r("slot",{key:"822b85ca8bc02e48181d2dd4bbf1ac254e0ac9ef",name:"validity"},r(e,{key:"80a7b31ae4e5178a93ac3ab07b9b9ecff98b8bbf",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"},this.dsCharacterLimit&&r(a,{key:"4ddd88740cc9a6e11d7eeacd6298bf5984792c7f",dsTag:"span"},this.hiddenCharacterCountText)),r(e,{key:"3918a844e278289d8de831e38948af93a3153bcb",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsAriaLive:"polite"})),this.dsCharacterLimit&&r("div",{key:"29f1beb8414bd40d47333806038d6e4ce050f8e2",class:n(s+"__character-count",{[s+"__character-count--over-limit"]:this.characterCount>this.dsCharacterLimit})},r("small",{key:"7119a45fb774e72e4fd40c7e36273c4407db40bc"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".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__GqWYnG__container--full-width){width:100%}.ds-text-area__GqWYnG.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__GqWYnG__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__GqWYnG__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__GqWYnG__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__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.ds-text-area__GqWYnG__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__GqWYnG__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__GqWYnG__container--valid.sc-ds-text-area:hover:not(.ds-text-area__GqWYnG__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__GqWYnG__container--valid.ds-text-area__GqWYnG__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__GqWYnG__container--readonly.sc-ds-text-area,.ds-text-area__GqWYnG__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__GqWYnG__container.sc-ds-text-area:focus-within:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--valid.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__GqWYnG__container.sc-ds-text-area:hover:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--disabled,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--readonly.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--active.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--valid.sc-ds-text-area,.ds-text-area__GqWYnG__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__GqWYnG__container.active.sc-ds-text-area:not(.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--disabled,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--readonly.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--invalid.sc-ds-text-area,.ds-text-area__GqWYnG__container.ds-text-area__GqWYnG__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__GqWYnG__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__GqWYnG__external-button.sc-ds-text-area,.ds-text-area__GqWYnG.sc-ds-text-area-s>[slot=suffix],.ds-text-area__GqWYnG .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__GqWYnG__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__GqWYnG__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__GqWYnG__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__GqWYnG__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__GqWYnG__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__GqWYnG__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__GqWYnG__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__GqWYnG__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__GqWYnG__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__GqWYnG__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__GqWYnG__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__GqWYnG__textarea--resize-auto.sc-ds-text-area,.ds-text-area__GqWYnG__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__GqWYnG__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__GqWYnG__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__GqWYnG__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__GqWYnG__textarea--full-width.sc-ds-text-area{width:100%}"}},[838,"ds-text-area",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsOptionalText:[1,"ds-optional-text"],dsResizing:[1,"ds-resizing"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsErrorText:[1,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsCharacterLimit:[2,"ds-character-limit"],dsFullWidth:[4,"ds-full-width"],hasFocus:[32],textareaActive:[32],wasInvalidOnBlur:[32],characterCount:[32],internalValue:[32],hiddenCharacterCountText:[32],setFocus:[64],checkValidity:[64],clearTextarea:[64]},void 0,{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);G([r("ds-input-validity",null),r("ds-visually-hidden",null),r("ds-control-label",null)]);const z=T,A=function(){"undefined"!=typeof customElements&&["ds-text-area","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-text-area":customElements.get(d(e))\|\|customElements.define(d(e),T);break;case"ds-assistive-text":customElements.get(d(e))\|\|p();break;case"ds-control-label":customElements.get(d(e))\|\|q();break;case"ds-feedback":customElements.get(d(e))\|\|Y();break;case"ds-icon":customElements.get(d(e))\|\|C();break;case"ds-input-validity":customElements.get(d(e))\|\|k();break;case"ds-visually-hidden":customElements.get(d(e))\|\|w()}}))};export{z as DsTextArea,A as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as t,M as s,c as i,f as e,h as n,F as d,t as a}from"./p-D7drWwKe.js";import{c as r}from"./p-BfTCfPZ1.js";import{x as o,y as l,z as c,v as u}from"./p-DBW_vEKT.js";import{i as _,t as p,a as h,d as x}from"./p-J5Ghj1_T.js";import{d as b}from"./p-B3JeAI4k.js";import{i as v,a as f}from"./p-BecId8t2.js";import{c as g}from"./p-DgTb4Jpc.js";import{d as m}from"./p-Bg8W_xlr.js";import{d as S}from"./p-Dib6BujO.js";import{d as E}from"./p-C3JZK1na.js";import{d as F}from"./p-cBjVr9Tq.js";import{d as y}from"./p-BRKwvv98.js";import{d as P}from"./p-qyZAXct-.js";import{d as J}from"./p-B9VvQC9G.js";import{d as k}from"./p-tTA4zhDH.js";const C={search:"search"},w={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},A=_("ds-input"),T=t(class extends(s(b)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsChange=i(this,"dsChange",7),this.dsInput=i(this,"dsInput",7),this.dsClear=i(this,"dsClear",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7)}inheritedAttributes={};suffixButtonElement;inputElement;assistiveTextId;visuallyHiddenAssistiveTextId;validityId;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return this}dsChange;dsInput;dsClear;dsSubmitInvalid;dsValidity;dsForm;_dsStep=1;get dsStep(){return this._dsStep}set dsStep(t){this._dsStep=void 0===t\|\|t<=0?1:t}dsLabel;dsPlaceholder;dsId=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\|\|o():this.dsActionButtonAriaLabel\|\|l();default:return this.dsActionButtonAriaLabel}}get validityText(){return this.dsErrorText\|\|this.dsSuccessText\|\|""}get validityType(){return this.dsSuccessText?"success":"error"}async togglePasswordVisibility(){return this.passwordInputVisible=!this.passwordInputVisible}async clearInput(t){this.internalValue="",this.inputElement.focus(),this.dsClear.emit({event:t,value:this.internalValue})}async setFocus(){this.inputElement.focus()}async checkValidity(){return this.inputElement?.checkValidity()}valueObserver(t){this.setDisableEventEmits(!0),this.internalValue=t\|\|""}internalValueObserver(t,s){this.clearButtonVisible="search"===this.dsType&&!!t;const i=this.getShouldEmit([t!==s]);this.setDisableEventEmits(),i&&this.dsChange.emit({value:t})}componentWillLoad(){this.inheritedAttributes={...f(this,this.el,["id"]),...v(this.el,["aria-invalid"])},this.setIds(),this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),this.setDisableEventEmits(!0),this.internalValue=this.dsValue\|\|"",this.setDisableEventEmits(),this.clearButtonVisible="search"===this.dsType&&!!this.internalValue}onAriaChanged(t,s,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:t},e(this)}formResetCallback(){this.dsErrorText=""}handleInvalid=t=>{t.preventDefault();const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:u(t,{type:this.dsType})});break}};handleInput=t=>{if(this.internalValue=t.target.value,this.dsInput.emit({event:t,value:this.internalValue}),this.dsErrorText\|\|this.wasInvalidOnBlur){const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:u(s,{type:this.dsType})});break}}};handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.wasInvalidOnBlur="valid"!==s,this.dsValidity.emit({flag:s,message:u(s,{type:this.dsType})});break}};handleActionButtonClicked=t=>{switch(t.stopPropagation(),this.dsType){case"password":return this.togglePasswordVisibility();case"search":return void this.clearInput(t);default:return}};renderPrefixContent(t){if(this.hasPrefixSlot)return n("slot",{name:"prefix"});if(this.dsPrefixText)return n("slot",{name:"prefix"},n("span",{class:t+"__prefix"},this.dsPrefixText));const s=this.dsIcon\|\|C[this.dsType],i=p("ds-icon","ds-text-input",this.el);return s?n("slot",{name:"prefix"},n(i,{class:t+"__icon",dsName:s})):null}renderSuffixContent(t){if(this.hasSuffixSlot)return n("slot",{name:"suffix"});if(this.dsSuffixText)return n("slot",{name:"suffix"},n("span",{class:t+"__suffix"},this.dsSuffixText));const s=w[this.dsType]?.(this)??"",i="password"===this.dsType?this.passwordInputVisible:void 0,e=p("ds-button","ds-text-input",this.el);if(s){const d=this.getActionButtonAriaLabel();return n("slot",{name:"suffix"},n(e,{ref:t=>this.suffixButtonElement=t,dsVariant:"supplementary",dsColour:"black",class:t+"__button",dsDisabled:!1,dsIcon:s,dsIconTitle:d,dsIconAriaLabel:d,onClick:this.handleActionButtonClicked,dsAriaPressed:i,...h("dsAriaLabel",d)}))}return null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement.focus()}render(){const t="password"===this.dsType&&this.passwordInputVisible?"text":this.dsType,s=p("ds-input-validity","ds-text-input",this.el),i=p("ds-control-label","ds-text-input",this.el),e=g("ds-text-input"),a=e+"__container",{"aria-label":o,"aria-labelledby":l,"aria-describedby":c,...u}=this.inheritedAttributes,_=this.dsAriaLabel\|\|o,x=this.dsAriaLabelledby\|\|l,b=this.dsAriaDescribedby\|\|c;return n(d,{key:"b5909f4e07fabad5576727aeb6fb53c36611825e"},n(i,{key:"5e7d8621878e9fa59b2b6c281b84a7d0267b9538",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText},n("slot",{key:"f229a02a180ce4dccedc4074c67802bc58553226",name:"label"}),n("slot",{key:"9af9d202f45e46979c8e7cb2cb1b5be5510b45c1",name:"assistiveText"})),n("div",{key:"8512cd070e27542a8aba3c5091c815de7e4165e2",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:r(a,{[a+"--disabled"]:this.dsDisabled,[a+"--readonly"]:this.dsReadonly,[a+"--valid"]:!!this.dsSuccessText,[a+"--invalid"]:!!this.dsErrorText,[a+"--focus"]:this.hasFocus,[a+"--active"]:!!this.inputActive})},this.renderPrefixContent(e),n("input",{key:"edd83a08f59fee3004b097214d10038803015beb",ref:t=>this.inputElement=t,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,required:this.dsRequired,readonly:this.dsReadonly,value:this.internalValue,type:t,min:this.dsMin,max:this.dsMax,maxlength:this.dsMaxLength,pattern:this.dsPattern,step:this.dsStep,placeholder:this.dsPlaceholder,autocomplete:this.dsAutocomplete,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...h("aria-label",_),...h("aria-labelledby",x),...h("aria-describedby",b\|\|r({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.validityId]:!!this.dsErrorText\|\|!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",...u}),this.renderSuffixContent(e)),n("slot",{key:"c8ace1da007e859d7c5862c26e6b58eb6972f480",name:"validity"},n(s,{key:"db35fe97d51a15f65b30844cd7a3e3b6642aa7f9",id:this.validityId,dsText:this.validityText,dsType:this.validityType})))}static get formAssociated(){return!0}static get watchers(){return{dsValue:[{valueObserver:0}],internalValue:[{internalValueObserver:0}],"aria-label":[{onAriaChanged:0}],"aria-labelledby":[{onAriaChanged:0}],"aria-describedby":[{onAriaChanged:0}]}}static get style(){return".ds-no-style-leak.sc-ds-text-input .sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-text-input__SPFJ1E.sc-ds-text-input{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-input__SPFJ1E__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__SPFJ1E__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__SPFJ1E__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__SPFJ1E__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__SPFJ1E__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__SPFJ1E__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__SPFJ1E__container.ds-text-input__SPFJ1E__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--invalid.ds-text-input__SPFJ1E__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--valid.sc-ds-text-input:hover:not(.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--valid.sc-ds-text-input .ds-text-input__SPFJ1E__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--readonly.sc-ds-text-input,.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__SPFJ1E__container.sc-ds-text-input:has(span.ds-text-input__SPFJ1E__prefix,.ds-text-input__SPFJ1E__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__SPFJ1E__container.sc-ds-text-input:has(.ds-text-input__SPFJ1E__button){padding-inline-end:unset}.ds-text-input__SPFJ1E__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__SPFJ1E__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__SPFJ1E__container.active.sc-ds-text-input:not(.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--disabled,.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--readonly.sc-ds-text-input,.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--invalid.sc-ds-text-input,.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__SPFJ1E__container.sc-ds-text-input:hover:not(.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--disabled,.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--readonly.sc-ds-text-input,.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--active.sc-ds-text-input,.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--invalid.sc-ds-text-input,.ds-text-input__SPFJ1E__container.ds-text-input__SPFJ1E__container--valid.sc-ds-text-input,.ds-text-input__SPFJ1E__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__SPFJ1E__container.sc-ds-text-input:focus-within:not(.ds-text-input__SPFJ1E__container:focus-within.ds-text-input__SPFJ1E__container--invalid,.ds-text-input__SPFJ1E__container.sc-ds-text-input:focus-within.ds-text-input__SPFJ1E__container--valid,.ds-text-input__SPFJ1E__container.sc-ds-text-input:focus-within.ds-text-input__SPFJ1E__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__SPFJ1E__container.sc-ds-text-input:focus-within .sc-ds-text-input>.ds-text-input__SPFJ1E__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__SPFJ1E__container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall);padding-inline:0}.ds-text-input__SPFJ1E__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__SPFJ1E__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__SPFJ1E__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__SPFJ1E__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__SPFJ1E__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__SPFJ1E__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__SPFJ1E__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__SPFJ1E__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__SPFJ1E__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__SPFJ1E__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__SPFJ1E__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__SPFJ1E__container.sc-ds-text-input:has(span.ds-text-input__SPFJ1E__prefix,.ds-text-input__SPFJ1E__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__SPFJ1E__container.sc-ds-text-input span.ds-text-input__SPFJ1E__prefix.sc-ds-text-input,.ds-text-input__SPFJ1E__container.sc-ds-text-input span.ds-text-input__SPFJ1E__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__SPFJ1E__container.sc-ds-text-input .ds-text-input__SPFJ1E__icon.sc-ds-text-input,.ds-text-input__SPFJ1E__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__SPFJ1E__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__SPFJ1E__container.sc-ds-text-input .ds-text-input__SPFJ1E__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}"}},[838,"ds-text-input",{dsForm:[1,"ds-form"],dsStep:[6658,"ds-step"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsMin:[2,"ds-min"],dsMax:[2,"ds-max"],dsMaxLength:[2,"ds-max-length"],dsPattern:[1,"ds-pattern"],dsAutocomplete:[1,"ds-autocomplete"],dsOptionalText:[1,"ds-optional-text"],dsErrorText:[1025,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsActionButtonAriaLabel:[1,"ds-action-button-aria-label"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsPrefixText:[1,"ds-prefix-text"],dsSuffixText:[1,"ds-suffix-text"],dsIcon:[1,"ds-icon"],dsType:[1,"ds-type"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],hasFocus:[32],clearButtonVisible:[32],passwordInputVisible:[32],inputActive:[32],wasInvalidOnBlur:[32],internalValue:[32],togglePasswordVisibility:[64],clearInput:[64],setFocus:[64],checkValidity:[64]},void 0,{dsValue:[{valueObserver:0}],internalValue:[{internalValueObserver:0}],"aria-label":[{onAriaChanged:0}],"aria-labelledby":[{onAriaChanged:0}],"aria-describedby":[{onAriaChanged:0}]}]);x([n("ds-icon",{dsName:""}),n("ds-button",null),n("ds-input-validity",null),n("ds-control-label",null)]);const I=T,V=function(){"undefined"!=typeof customElements&&["ds-text-input","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-spinner","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-text-input":customElements.get(a(t))\|\|customElements.define(a(t),T);break;case"ds-assistive-text":customElements.get(a(t))\|\|m();break;case"ds-button":customElements.get(a(t))\|\|S();break;case"ds-control-label":customElements.get(a(t))\|\|E();break;case"ds-feedback":customElements.get(a(t))\|\|F();break;case"ds-icon":customElements.get(a(t))\|\|y();break;case"ds-input-validity":customElements.get(a(t))\|\|P();break;case"ds-spinner":customElements.get(a(t))\|\|J();break;case"ds-visually-hidden":customElements.get(a(t))\|\|k()}}))};export{I as DsTextInput,V as defineCustomElement}
1	+ import{D as o,d as s}from"./p-DViKjoFz.js";const p=o,r=s;export{p as DsTextInput,r as defineCustomElement}

package/dist/components/ds-versioned-css-variables.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as a,h as t,d as l,t as r}from"./p-D7drWwKe.js";const d=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return t(l,{key:"6983cb42d1710ba811fe1404915fc2922fef3fba"},t("slot",{key:"5beca15db06f1dfd772474f134694bd0a71809da"}))}static get style(){return".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:#007cad;--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:#e13d37;--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-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--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-60);--ds-borderColor-success:var(--ds-palette-green-60);--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-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--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-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--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-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--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-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--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:#007cad;--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:#e13d37;--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-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--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-60);--ds-borderColor-success:var(--ds-palette-green-60);--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-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--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-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--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-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--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-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--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}}"}},[262,"ds-versioned-css-variables"]),s=d,o=function(){"undefined"!=typeof customElements&&["ds-versioned-css-variables"].forEach((e=>{"ds-versioned-css-variables"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),d))}))};export{s as DsVersionedCssVariables,o as defineCustomElement}
1	+ import{p as e,M as a,h as t,d as l,t as r}from"./p-Be3z-48a.js";import{c as d}from"./p-C2cIITC9.js";const s=e(class extends(a(d("ds-versioned-css-variables"))){constructor(e){super(),!1!==e&&this.__registerHost()}componentDidLoad(){this.componentMounted()}render(){return t(l,{key:"ef3cd2a4438ea0dc63be82f78420888b84009085"},t("slot",{key:"7bcb80476873517e955e73f7a7d9cf1a72e3086a"}))}static get style(){return".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:#007cad;--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:#e13d37;--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-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--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-60);--ds-borderColor-success:var(--ds-palette-green-60);--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-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--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-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--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-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--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-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--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:#007cad;--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:#e13d37;--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-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--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-60);--ds-borderColor-success:var(--ds-palette-green-60);--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-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--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-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--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-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--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-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--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}}"}},[262,"ds-versioned-css-variables"]),o=s,i=function(){"undefined"!=typeof customElements&&["ds-versioned-css-variables"].forEach((e=>{"ds-versioned-css-variables"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),s))}))};export{o as DsVersionedCssVariables,i as defineCustomElement}

package/dist/components/ds-visually-hidden.js CHANGED Viewed

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

package/dist/components/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-~~D7drWwKe~~.js";export{a as appData}from"./p-gPkqWfeS.js";export{c as componentOnReady}from"./p-~~J5Ghj1_T~~.js";export{c as calculatePaginationPages}from"./p-~~CT3rI4iU~~.js";
1	+ export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-Be3z-48a.js";export{a as appData}from"./p-gPkqWfeS.js";export{c as componentOnReady}from"./p-CjK5xiRo.js";export{c as calculatePaginationPages}from"./p-Bxh7NuqD.js";

package/dist/components/p-1TzDHydH.js ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/components/p-8-hQw_Ko.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as s,H as e,h as t,t as o}from"./p-Be3z-48a.js";import{g as r}from"./p-Cl5tN4CW.js";import{t as i,n as d,l as n,f as a,w as l}from"./p-B4X_51nl.js";import{t as g,d as p}from"./p-CjK5xiRo.js";import{c as m}from"./p-s-UO9MAI.js";import{d as c}from"./p-CnF3gIOJ.js";import{d as x}from"./p-DgEQMOgy.js";import{d as _}from"./p-CHZWXcUp.js";const u={dsErrorTitle:l,dsErrorText:a,dsLoadingText:n,dsNoResultsTitle:d,dsNoResultsText:i},h=(s,e)=>e||u[s](),T=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsLoading=!1;dsError=!1;dsNoResults=!1;dsErrorTitle;dsErrorText;dsLoadingText;dsNoResultsTitle;dsNoResultsText;texts=Object.fromEntries(Object.entries(u).map((([s,e])=>[s,e()])));setTexts(){this.texts={dsErrorTitle:h("dsErrorTitle",this.dsErrorTitle),dsErrorText:h("dsErrorText",this.dsErrorText),dsLoadingText:h("dsLoadingText",this.dsLoadingText),dsNoResultsTitle:h("dsNoResultsTitle",this.dsNoResultsTitle),dsNoResultsText:h("dsNoResultsText",this.dsNoResultsText)}}textPropObserver(s,e,t){this.texts={...this.texts,[t]:h(t,s)}}componentWillLoad(){this.setTexts()}handleLanguageChange(){this.setTexts()}render(){const s=g("ds-icon","ds-options-message",this.el),e=g("ds-spinner","ds-options-message",this.el),o=m("ds-options-message"),i=`${o}__error`,d=`${o}__loading`,n=`${o}__no-results`;return this.dsLoading||this.dsError||this.dsNoResults?t("div",null,t("div",{class:o},this.dsError?t("div",{class:i},t(s,{dsName:"warning",dsSize:"2rem",class:`${i}__icon`}),t("div",{class:`${i}__title`},this.texts.dsErrorTitle),t("div",{class:`${i}__text`},this.texts.dsErrorText)):this.dsLoading?t("div",{class:d},t(e,{dsSize:"large",dsText:this.texts.dsLoadingText})):t("div",{class:n},t("div",{class:`${n}__title`,lang:r()},this.texts.dsNoResultsTitle),t("div",{class:`${n}__text`},this.texts.dsNoResultsText)))):null}static get watchers(){return{dsErrorTitle:[{textPropObserver:0}],dsErrorText:[{textPropObserver:0}],dsLoadingText:[{textPropObserver:0}],dsNoResultsTitle:[{textPropObserver:0}],dsNoResultsText:[{textPropObserver:0}]}}static get style(){return".ds-options-message__GqWYnG.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__GqWYnG__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__GqWYnG__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__GqWYnG__error__title.sc-ds-options-message,.ds-options-message__GqWYnG__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__GqWYnG__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__GqWYnG__error__text.sc-ds-options-message,.ds-options-message__GqWYnG__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}"}},[514,"ds-options-message",{dsLoading:[4,"ds-loading"],dsError:[4,"ds-error"],dsNoResults:[4,"ds-no-results"],dsErrorTitle:[1,"ds-error-title"],dsErrorText:[1,"ds-error-text"],dsLoadingText:[1,"ds-loading-text"],dsNoResultsTitle:[1,"ds-no-results-title"],dsNoResultsText:[1,"ds-no-results-text"],texts:[32]},[[16,"dsLanguageChange","handleLanguageChange"]],{dsErrorTitle:[{textPropObserver:0}],dsErrorText:[{textPropObserver:0}],dsLoadingText:[{textPropObserver:0}],dsNoResultsTitle:[{textPropObserver:0}],dsNoResultsText:[{textPropObserver:0}]}]);function v(){"undefined"!=typeof customElements&&["ds-options-message","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-options-message":customElements.get(o(s))||customElements.define(o(s),T);break;case"ds-icon":customElements.get(o(s))||c();break;case"ds-spinner":customElements.get(o(s))||x();break;case"ds-visually-hidden":customElements.get(o(s))||_()}}))}p([t("ds-icon",{dsName:""}),t("ds-spinner",null)]);export{T as D,v as d}

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{p as i,M as s,c as e,f as t,h as n,t as d}from"./p-Be3z-48a.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as o,a as l}from"./p-BecId8t2.js";import{o as r,v as c}from"./p-D4zEYXpj.js";import{e as h,t as _,i as k,d as f}from"./p-CjK5xiRo.js";import{l as G}from"./p-DMddtiKs.js";import{a as v,d as b}from"./p-CnF3gIOJ.js";import{c as u}from"./p-s-UO9MAI.js";import{c as m}from"./p-C2cIITC9.js";import{d as g}from"./p-CHZWXcUp.js";const W=h("visually-hidden-assistive-text"),p={"2xLarge":"1.375rem",xLarge:"1.25rem",large:"1.125rem",medium:"1rem",small:"0.875rem",xSmall:"0.75rem"},x=i(class extends(s(m("ds-link"),G,v)){constructor(i){super(!1),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsClick=e(this,"dsClick",7)}inheritedAttributes={};visuallyHiddenAssistiveTextId=W.next().value;get el(){return this}linkRef;dsText;dsSize;dsVariant="inline";dsWeight="regular";dsIcon="";dsIconPosition="end";dsIconTitle;dsIconAriaLabel;dsIconHidden;dsIconAriaHidden;dsColour;dsTag="a";targetBlank=null;async setFocus(){this.linkRef?.focus()}async getLink(){return this.linkRef}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setTargetBlank(i){this.targetBlank=r(i)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...l(this,this.el),...o(this.el)},this.setTargetBlank(this.dsTarget)}componentDidLoad(){this.componentMounted()}onTargetChanged(i){this.setTargetBlank(i)}ariaLabelObserver(i){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":i},t(this)}renderIcon(i,s=this.dsIcon,e=this.dsIconPosition){const t=a(`${i}__icon`,{[`${i}__icon--start-${this.dsVariant}`]:"start"===e,[`${i}__icon--end-${this.dsVariant}`]:"end"===e}),d=this.dsSize?p[this.dsSize]:"1rem",o=_("ds-icon","ds-link",this.el);return n(o,{dsName:s,class:t,dsSize:d,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel,dsHidden:this.dsIconHidden,dsAriaHidden:this.dsIconAriaHidden})}renderSuffixIcon(i){return this.targetBlank?this.renderIcon(i,this.targetBlank.icon,"end"):this.dsIcon&&"end"===this.dsIconPosition?this.renderIcon(i):null}render(){const i=u("ds-link"),s=a(i,`${i}--${this.dsWeight}`,`${i}--${this.dsVariant}`,{[`${i}--${this.dsSize}`]:!!this.dsSize,[`${i}--colour-${this.dsColour}`]:!!this.dsColour}),e=_("ds-visually-hidden","ds-link",this.el),{"aria-label":t,"aria-labelledby":d,...o}=this.inheritedAttributes,l=this.dsAriaLabelledby||d;return n(this.dsTag,{key:"ad7cf9b1e8f4fe1bc26ec5335d6c3ef2feadd32a",ref:i=>this.linkRef=i,part:"link",class:s,...k("aria-label",this.dsAriaLabel||t),...k("aria-labelledby",l),...o,...this.linkAttributes},n("slot",{key:"e057ff567be1b2ab1ca8f12a10673aba6200e8a6",name:"prefix"},this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(i)),this.dsText,n("slot",{key:"77eedbd23fe1866b1237f26c5db4db993dd1a2d0",name:"suffix"},this.renderSuffixIcon(i)),r(this.dsTarget)&&n(e,{key:"02ab44244d7f5799253eeb44141c03c10b65533c",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},c()))}static get watchers(){return{dsTarget:[{onTargetChanged:0}],"aria-label":[{ariaLabelObserver:0}]}}static get style(){return":host{display:inline}:host:has(.ds-link__GqWYnG--standalone){display:inline-block}.ds-link__GqWYnG:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link__GqWYnG{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__GqWYnG--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__GqWYnG--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__GqWYnG--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__GqWYnG--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__GqWYnG--large{font-size:var(--ds-fontSize-18)}.ds-link__GqWYnG--medium{font-size:var(--ds-fontSize-16)}.ds-link__GqWYnG--small{font-size:var(--ds-fontSize-14)}.ds-link__GqWYnG--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__GqWYnG__icon{display:inline-block;vertical-align:-0.125em}.ds-link__GqWYnG__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__GqWYnG__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__GqWYnG__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__GqWYnG__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__GqWYnG:hover,.ds-link__GqWYnG:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__GqWYnG:hover{color:var(--ds-textColor-link-hover)}.ds-link__GqWYnG:active{color:var(--ds-textColor-link-active)}.ds-link__GqWYnG:visited{color:var(--ds-textColor-link-visited)}.ds-link__GqWYnG--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__GqWYnG--standalone:hover,.ds-link__GqWYnG--standalone:active{text-decoration-line:underline}.ds-link__GqWYnG--standalone:focus-visible,.ds-link__GqWYnG--standalone:visited{color:var(--ds-textColor-link)}.ds-link__GqWYnG--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__GqWYnG--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__GqWYnG--colour-white{color:var(--ds-textColor-white)}.ds-link__GqWYnG--colour-white:hover,.ds-link__GqWYnG--colour-white:active,.ds-link__GqWYnG--colour-white:visited,.ds-link__GqWYnG--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__GqWYnG--colour-black{color:var(--ds-textColor-default)}.ds-link__GqWYnG--colour-black:hover,.ds-link__GqWYnG--colour-black:active,.ds-link__GqWYnG--colour-black:visited,.ds-link__GqWYnG--colour-black:focus-visible{color:var(--ds-textColor-default)}"}},[769,"ds-link",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsSize:[1,"ds-size"],dsVariant:[1,"ds-variant"],dsWeight:[1,"ds-weight"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsIconTitle:[1,"ds-icon-title"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsIconHidden:[4,"ds-icon-hidden"],dsIconAriaHidden:[4,"ds-icon-aria-hidden"],dsColour:[1,"ds-colour"],dsTag:[1,"ds-tag"],targetBlank:[32],setFocus:[64],getLink:[64]},[[0,"click","handleClick"]],{dsTarget:[{onTargetChanged:0}],"aria-label":[{ariaLabelObserver:0}]}]);function Y(){"undefined"!=typeof customElements&&["ds-link","ds-icon","ds-visually-hidden"].forEach((i=>{switch(i){case"ds-link":customElements.get(d(i))||customElements.define(d(i),x);break;case"ds-icon":customElements.get(d(i))||b();break;case"ds-visually-hidden":customElements.get(d(i))||g()}}))}f([n("ds-icon",{dsName:""}),n("ds-visually-hidden",null)]);export{x as D,Y as d}

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1 @@

+ import{p as s,H as t,h as e,t as i}from"./p-Be3z-48a.js";import{c as a}from"./p-s-UO9MAI.js";import{e as d}from"./p-CjK5xiRo.js";const o=d("ds-assistive-text"),r=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}dsId=o.next().value;dsText;render(){const s=a("ds-assistive-text");return e("small",{key:"d3c86bf04cc507d02e2005d5622862a67ba9668b",class:s,id:this.dsId},e("slot",{key:"5f9286f0adb0fc5a03008f4a5d7a2f0939985d7d"},this.dsText))}static get style(){return".ds-assistive-text__GqWYnG.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}"}},[774,"ds-assistive-text",{dsId:[1,"ds-id"],dsText:[1,"ds-text"]}]);function n(){"undefined"!=typeof customElements&&["ds-assistive-text"].forEach((s=>{"ds-assistive-text"===s&&(customElements.get(i(s))||customElements.define(i(s),r))}))}export{r as D,n as d}

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

@@ -0,0 +1 @@

+ import{p as s,M as e,c as i,f as t,h as a,t as d}from"./p-Be3z-48a.js";import{c as o}from"./p-BfTCfPZ1.js";import{b as l,i as r}from"./p-BecId8t2.js";import{e as n,t as c,i as h,d as m}from"./p-CjK5xiRo.js";import{l as f}from"./p-DMddtiKs.js";import{c as b}from"./p-s-UO9MAI.js";import{o as g,v as p}from"./p-D4zEYXpj.js";import{d as u}from"./p-CnF3gIOJ.js";import{d as k}from"./p-BFYsN4Q2.js";import{d as v}from"./p-CHZWXcUp.js";const y=n("visually-hidden-assistive-text"),x=s(class extends(e(f)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsClick=i(this,"dsClick",7)}inheritedAttributes={};visuallyHiddenAssistiveTextId=y.next().value;get el(){return this}dsIcon;dsText;dsSize;dsTarget="_self";dsIconTitle;dsIconAriaLabel;dsColour;dsTag="a";targetBlank=null;get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget}}setTargetBlank(s){this.targetBlank=g(s)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.inheritedAttributes={...r(this.el),...l(this.el,["lang"])},this.setTargetBlank(this.dsTarget)}onAriaChanged(s){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":s},t(this)}get DsIcon(){return c("ds-icon","ds-link-logo",this.el)}render(){const s=b("ds-link-logo"),e=o(s,{[`${s}--${this.dsSize}`]:!!this.dsSize,[`${s}--colour-${this.dsColour}`]:!!this.dsColour}),i=c("ds-visually-hidden","ds-link-logo",this.el),{"aria-label":t,"aria-labelledby":d,...l}=this.inheritedAttributes,r=this.dsAriaLabelledby||d;return a(this.dsTag,{key:"510884ff3bceb2e72648465a0c176524114e990d",part:"link",class:e,...h("aria-label",this.dsAriaLabel||t),...h("aria-labelledby",r),...l,...this.linkAttributes},this.dsIcon&&a(this.DsIcon,{key:"af02f372577dd0f422a9cc6ddaf69465851e28bf",dsName:this.dsIcon,dsSize:"2rem",dsRole:"img"}),this.dsText,g(this.dsTarget)&&a(i,{key:"3bd78b4d2e7662786373ee5167ca7050d3d2b0b5",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},p()))}static get watchers(){return{"aria-label":[{onAriaChanged:0}]}}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__GqWYnG{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-link-logo__GqWYnG:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-logo__GqWYnG{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall, 0.5rem);color:var(--ds-textColor-default, #0c0c0c);cursor:pointer;font-family:var(--ds-fontFamily-headings);font-size:var(--ds-fontSize-14, 0.875rem);font-weight:var(--ds-fontWeight-bold, 700);letter-spacing:-0.04375rem;line-height:1;text-transform:uppercase}.ds-link-logo__GqWYnG:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__GqWYnG{font-size:var(--ds-fontSize-16, 1rem)}}"}},[513,"ds-link-logo",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsIcon:[1,"ds-icon"],dsText:[1,"ds-text"],dsSize:[1,"ds-size"],dsTarget:[1,"ds-target"],dsIconTitle:[1,"ds-icon-title"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsColour:[1,"ds-colour"],dsTag:[1,"ds-tag"],targetBlank:[32]},[[0,"click","handleClick"]],{"aria-label":[{onAriaChanged:0}]}]);function C(){"undefined"!=typeof customElements&&["ds-link-logo","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-link-logo":customElements.get(d(s))||customElements.define(d(s),x);break;case"ds-icon":customElements.get(d(s))||u();break;case"ds-link":customElements.get(d(s))||k();break;case"ds-visually-hidden":customElements.get(d(s))||v()}}))}m([a("ds-icon",{dsName:""}),a("ds-link",{dsText:""})]);export{x as D,C as d}

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

@@ -0,0 +1 @@

+ import{p as o,H as s,c as e,h as t,F as d,t as i}from"./p-Be3z-48a.js";import{c as n}from"./p-BfTCfPZ1.js";import{e as r,t as a,d as l}from"./p-CjK5xiRo.js";import{c}from"./p-s-UO9MAI.js";import{i as p,a as h}from"./p-BecId8t2.js";import{d as b}from"./p-CnF3gIOJ.js";const _=r("ds-option"),G=o(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.dsClick=e(this,"dsClick",7),this.dsMounted=e(this,"dsMounted",7),this.dsValueChange=e(this,"dsValueChange",7),this.dsLabelChange=e(this,"dsLabelChange",7)}get el(){return this}inheritedAttributes={};observer;optionRef;optionLabelTextRef;dsClick;dsMounted;dsValueChange;dsLabelChange;dsId=_.next().value;dsValue;dsLabel;dsDisabled=!1;dsDescription;dsActive=!1;dsSelected=!1;dsHidden=!1;dsMouseDownPreventDefault=!1;dsFocusOnActiveChange=!0;dsVariant="default";internalTabIndex=-1;get isMultiple(){return"multiple"===this.dsVariant}onMouseDown(o){this.dsMouseDownPreventDefault&&o.preventDefault()}onClick(){this.dsClick.emit()}dsActiveObserver(o){this.internalTabIndex=o&&!this.dsDisabled?0:-1,o&&!this.dsDisabled&&this.dsFocusOnActiveChange&&this.setFocus()}dsValueObserver(o,s){this.dsValueChange.emit({newValue:o,oldValue:s})}dsLabelObserver(o,s){this.dsLabelChange.emit({value:this.dsValue,label:o,newLabel:o,oldLabel:s})}async getLabel(){return this.optionLabelTextRef?.textContent||""}async getGroup(){return this.el.closest(a("ds-option-group","ds-option",this.el))}async setFocus(){this.optionRef?.focus()}componentWillLoad(){this.internalTabIndex=this.dsActive&&!this.dsDisabled?0:-1,this.inheritedAttributes={...h(this,this.el,["tabindex"]),...p(this.el,["aria-selected","aria-disabled","aria-hidden"])}}componentDidLoad(){this.dsMounted.emit();let o=this.optionLabelTextRef?.textContent||"";this.observer=new MutationObserver((s=>{const e=this.optionLabelTextRef?.textContent||"";for(const t of s)("childList"===t.type||t.addedNodes.length>0||t.removedNodes.length>0)&&this.dsLabelChange.emit({value:this.dsValue,label:e,newLabel:e,oldLabel:o});o=e})),this.observer.observe(this.optionLabelTextRef,{childList:!0})}render(){const o=c("ds-option"),s=a("ds-icon","ds-option",this.el);return t("div",{key:"f3b3d9431c291de33bc44172db062ea4fcadd9ed",ref:o=>this.optionRef=o,id:this.dsId,class:n(o,{[`${o}--multiple`]:this.isMultiple,[`${o}--active`]:this.dsActive,[`${o}--selected`]:this.dsSelected,[`${o}--disabled`]:this.dsDisabled,[`${o}--hidden`]:this.dsHidden}),role:"option","aria-selected":String(this.dsSelected),"aria-disabled":String(this.dsDisabled),"aria-hidden":String(this.dsHidden),tabIndex:this.internalTabIndex,...this.inheritedAttributes},this.isMultiple&&t("span",{key:"c3406f80f847bea5ee8b8074f7d337069980a222",class:`${o}__checkbox`},this.dsSelected&&t(s,{key:"88f66a28771ca6238b3c3015e7ea5d01e3d4a9d6",class:`${o}__checkbox__icon`,dsName:"check_small",dsSize:"1.25rem",dsColour:this.dsDisabled?"ds-textColor-disabled-onLight":"ds-textColor-white"})),t(d,{key:"9cb09a61253d7aed983626a547209057994184a3"},t("span",{key:"1407f9ee7ba6faae1140335bc364fd552c3ca1f3"},t("span",{key:"b2dde5cbf32871dc64b9ea1456a9e16ab07e5490",class:`${o}__label`,ref:o=>this.optionLabelTextRef=o},t("slot",{key:"a78869160f7a66f6fe75b3b669b8633d595c2f60"},this.dsLabel)),this.dsDescription&&t("span",{key:"c243fd5a045bf4d2218bff0ac8234b035365de0c",class:`${o}__description`},this.dsDescription)),!this.isMultiple&&this.dsSelected&&t(s,{key:"a3b690f4035cdc9619c2bfc1eb5d24f5a994a2e6",dsName:"check",class:`${o}__check-icon`})))}static get watchers(){return{dsActive:[{dsActiveObserver:0}],dsValue:[{dsValueObserver:0}],dsLabel:[{dsLabelObserver:0}]}}static get style(){return".ds-option__GqWYnG.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__GqWYnG.sc-ds-option:not(.ds-option__GqWYnG--multiple){justify-content:space-between}.ds-option__GqWYnG--hidden.sc-ds-option{display:none}.ds-option__GqWYnG--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__GqWYnG.sc-ds-option:hover:not(.ds-option__GqWYnG--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__GqWYnG.sc-ds-option:active:not(.ds-option__GqWYnG--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__GqWYnG--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__GqWYnG--active.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__GqWYnG--multiple.ds-option__GqWYnG--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__GqWYnG--multiple.sc-ds-option .ds-option__GqWYnG__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__GqWYnG--multiple.ds-option__GqWYnG--disabled.sc-ds-option .ds-option__GqWYnG__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__GqWYnG--multiple.ds-option__GqWYnG--disabled.sc-ds-option:not(.ds-option__GqWYnG--selected) .ds-option__GqWYnG__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__GqWYnG--selected.sc-ds-option .ds-option__GqWYnG__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple).ds-option__GqWYnG--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple) .ds-option__GqWYnG__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple) .ds-option__GqWYnG__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple).ds-option__GqWYnG--disabled .ds-option__GqWYnG__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple):hover:not(.ds-option__GqWYnG--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__GqWYnG--selected.sc-ds-option:not(.ds-option__GqWYnG--multiple):active:not(.ds-option__GqWYnG--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__GqWYnG__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__GqWYnG__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__GqWYnG__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__GqWYnG__description.sc-ds-option:not(:empty){display:block}"}},[774,"ds-option",{dsId:[513,"ds-id"],dsValue:[513,"ds-value"],dsLabel:[1,"ds-label"],dsDisabled:[4,"ds-disabled"],dsDescription:[1,"ds-description"],dsActive:[516,"ds-active"],dsSelected:[516,"ds-selected"],dsHidden:[4,"ds-hidden"],dsMouseDownPreventDefault:[4,"ds-mouse-down-prevent-default"],dsFocusOnActiveChange:[4,"ds-focus-on-active-change"],dsVariant:[1,"ds-variant"],internalTabIndex:[32],getLabel:[64],getGroup:[64],setFocus:[64]},[[0,"mousedown","onMouseDown"],[0,"click","onClick"]],{dsActive:[{dsActiveObserver:0}],dsValue:[{dsValueObserver:0}],dsLabel:[{dsLabelObserver:0}]}]);function u(){"undefined"!=typeof customElements&&["ds-option","ds-icon"].forEach((o=>{switch(o){case"ds-option":customElements.get(i(o))||customElements.define(i(o),G);break;case"ds-icon":customElements.get(i(o))||b()}}))}l([t("ds-icon",{dsName:""})]);export{G as D,u as d}