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

package/dist/components/ds-tabs.js

@@ -1 +1 @@
-import{p as t,H as s,h as a,t as e}from"./p-DZOTmLzP.js";import{c as n}from"./p-ByHAbBpc.js";import{s as r,p as d}from"./p-C9U2JkHS.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsCurrentTab;dsCurrentTabPanel;dsVariant="container";handleTabChange(t){t.stopPropagation()}createContext=()=>({currentTab:this.dsCurrentTab,currentTabPanel:this.dsCurrentTabPanel,variant:this.dsVariant});storeContext=()=>{const t=this.createContext();r(this.el,t)};updateContext=()=>{const t=this.createContext();d(this.el,t)};componentWillLoad(){this.storeContext()}componentDidUpdate(){this.updateContext()}render(){const t=n("ds-tabs");return a("div",{key:"8d1dd34db51da0c57559334cc3702ac2f8874eb4",class:t},a("slot",{key:"33780bd8adb124f21410b823712bff55c2c6ff2d"}))}static get style(){return".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__KmYz6O.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}"}},[774,"ds-tabs",{dsCurrentTab:[1,"ds-current-tab"],dsCurrentTabPanel:[1,"ds-current-tab-panel"],dsVariant:[1,"ds-variant"]},[[0,"dsTabChange","handleTabChange"]]]),i=o,b=function(){"undefined"!=typeof customElements&&["ds-tabs"].forEach((t=>{"ds-tabs"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))};export{i as DsTabs,b as defineCustomElement}
+import{p as t,H as s,h as e,t as a}from"./p-D7drWwKe.js";import{c as n}from"./p-DgTb4Jpc.js";import{s as r,p as d}from"./p-C9U2JkHS.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsCurrentTab;dsCurrentTabPanel;dsVariant="container";handleTabChange(t){t.stopPropagation()}createContext=()=>({currentTab:this.dsCurrentTab,currentTabPanel:this.dsCurrentTabPanel,variant:this.dsVariant});storeContext=()=>{const t=this.createContext();r(this.el,t)};updateContext=()=>{const t=this.createContext();d(this.el,t)};componentWillLoad(){this.storeContext()}componentDidUpdate(){this.updateContext()}render(){const t=n("ds-tabs");return e("div",{key:"8d1dd34db51da0c57559334cc3702ac2f8874eb4",class:t},e("slot",{key:"33780bd8adb124f21410b823712bff55c2c6ff2d"}))}static get style(){return".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__SPFJ1E.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}"}},[774,"ds-tabs",{dsCurrentTab:[1,"ds-current-tab"],dsCurrentTabPanel:[1,"ds-current-tab-panel"],dsVariant:[1,"ds-variant"]},[[0,"dsTabChange","handleTabChange"]]]),i=o,b=function(){"undefined"!=typeof customElements&&["ds-tabs"].forEach((t=>{"ds-tabs"===t&&(customElements.get(a(t))||customElements.define(a(t),o))}))};export{i as DsTabs,b as defineCustomElement}

package/dist/components/ds-tag-group.js

@@ -1 +1 @@
-import{p as s,H as e,h as t,t as a}from"./p-DZOTmLzP.js";import{i,t as d,a as r,d as l}from"./p-J5Ghj1_T.js";import{c as o}from"./p-ByHAbBpc.js";import{i as c,a as b}from"./p-BecId8t2.js";import{d as p}from"./p-BLLtctJi.js";import{d as n}from"./p-DZ3YQKK6.js";const g=i("ds-tag-group"),m=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}tagGroupId=g.next().value;assistiveTextId=this.tagGroupId+"-assistive-text";inheritedAttributes={};get el(){return this}dsLabel;dsAriaLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...b(this,this.el),...c(this.el,["aria-describedby"])}}render(){const s=o("ds-tag-group"),e=d("ds-group-label","ds-tag-group",this.el),{"aria-label":a,...i}=this.inheritedAttributes,l=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return t("div",{key:"506cb8b9335b5cdbf8dcd67e1ac09b523dbc7c71",class:s,role:"group",...r("aria-label",this.dsAriaLabel||a||this.dsLabel),...r("aria-describedby",l),...i},t(e,{key:"cfbd992d2f91d68192e511d61dbfd88cf1fc5cb5",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},t("slot",{key:"00fdecc8b0e2fbe3b57b9dd59803bb8e84c604c1",name:"label"}),t("slot",{key:"209aa3a2a855dfa78e2f776d01472c9bb08d049d",name:"assistiveText"})),t("div",{key:"0bfdd460d007fc112e931770e41c593b874692dc",role:"list",class:s+"__tags"},t("slot",{key:"87b3169b5eb8eb25f83889f533005c738fadee7e"})))}static get style(){return".ds-tag-group__KmYz6O__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}"}},[774,"ds-tag-group",{dsLabel:[1,"ds-label"],dsAriaLabel:[1,"ds-aria-label"],dsAssistiveText:[1,"ds-assistive-text"]}]);l([t("ds-group-label",null)]);const u=m,f=function(){"undefined"!=typeof customElements&&["ds-tag-group","ds-assistive-text","ds-group-label"].forEach((s=>{switch(s){case"ds-tag-group":customElements.get(a(s))||customElements.define(a(s),m);break;case"ds-assistive-text":customElements.get(a(s))||p();break;case"ds-group-label":customElements.get(a(s))||n()}}))};export{u as DsTagGroup,f as defineCustomElement}
+import{p as s,H as e,h as t,t as a}from"./p-D7drWwKe.js";import{i as d,t as i,a as r,d as l}from"./p-J5Ghj1_T.js";import{c as o}from"./p-DgTb4Jpc.js";import{i as c,a as b}from"./p-BecId8t2.js";import{d as p}from"./p-Bg8W_xlr.js";import{d as g}from"./p-D1r2tfNI.js";const n=d("ds-tag-group"),m=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}tagGroupId=n.next().value;assistiveTextId=this.tagGroupId+"-assistive-text";inheritedAttributes={};get el(){return this}dsLabel;dsAriaLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...b(this,this.el),...c(this.el,["aria-describedby"])}}render(){const s=o("ds-tag-group"),e=i("ds-group-label","ds-tag-group",this.el),{"aria-label":a,...d}=this.inheritedAttributes,l=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return t("div",{key:"506cb8b9335b5cdbf8dcd67e1ac09b523dbc7c71",class:s,role:"group",...r("aria-label",this.dsAriaLabel||a||this.dsLabel),...r("aria-describedby",l),...d},t(e,{key:"cfbd992d2f91d68192e511d61dbfd88cf1fc5cb5",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},t("slot",{key:"00fdecc8b0e2fbe3b57b9dd59803bb8e84c604c1",name:"label"}),t("slot",{key:"209aa3a2a855dfa78e2f776d01472c9bb08d049d",name:"assistiveText"})),t("div",{key:"0bfdd460d007fc112e931770e41c593b874692dc",role:"list",class:s+"__tags"},t("slot",{key:"87b3169b5eb8eb25f83889f533005c738fadee7e"})))}static get style(){return".ds-tag-group__SPFJ1E__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}"}},[774,"ds-tag-group",{dsLabel:[1,"ds-label"],dsAriaLabel:[1,"ds-aria-label"],dsAssistiveText:[1,"ds-assistive-text"]}]);l([t("ds-group-label",null)]);const f=m,u=function(){"undefined"!=typeof customElements&&["ds-tag-group","ds-assistive-text","ds-group-label"].forEach((s=>{switch(s){case"ds-tag-group":customElements.get(a(s))||customElements.define(a(s),m);break;case"ds-assistive-text":customElements.get(a(s))||p();break;case"ds-group-label":customElements.get(a(s))||g()}}))};export{f as DsTagGroup,u as defineCustomElement}

package/dist/components/ds-tag.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-HcAhEBY0.js";const p=o,r=s;export{p as DsTag,r as defineCustomElement}
+import{D as o,d as p}from"./p-ORTpE52P.js";const s=o,r=p;export{s as DsTag,r as defineCustomElement}

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

@@ -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-DZOTmLzP.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-BpSE24G8.js";import{i as b,b as m,t as v,a as u,d as f}from"./p-J5Ghj1_T.js";import{i as z,a as O}from"./p-BecId8t2.js";import{c as g}from"./p-ByHAbBpc.js";import{b as y}from"./p-BT1Kxodd.js";import{d as p}from"./p-BLLtctJi.js";import{d as K}from"./p-OhiaSnAg.js";import{d as Y}from"./p-Oz3y34wB.js";import{d as C}from"./p-CeglrwZj.js";import{d as k}from"./p-ZdV_7tJ4.js";import{d as w}from"./p-DCn1Mkl6.js";const T=b("ds-text-area"),A=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={...O(this,this.el,["id"]),...z(this.el,["aria-invalid"])},this.setIds(),this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=m((e=>{this.hiddenCharacterCountText=e}),y);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=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":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,...u("aria-label",h),...u("aria-labelledby",x),...u("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:"5c98f82c2bc965ab24be16b9898b3261a539e09f",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"assertive"},this.dsCharacterLimit&&r(a,{key:"4078803a0f3bea8c94f23e62222bb3d81b13a439",dsTag:"span"},this.hiddenCharacterCountText)),r(e,{key:"4d4dd7ac89b088a67591828f53e2e8891381dafb",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success"})),this.dsCharacterLimit&&r("div",{key:"aaf767b66c448f8bcaf6e517df4688286470bff1",class:o(s+"__character-count",{[s+"__character-count--over-limit"]:this.characterCount>this.dsCharacterLimit})},r("small",{key:"bd86a6b1ed6ee31cdfb1a4105f6a74e3edf9e312"},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__KmYz6O__container--full-width){width:100%}.ds-text-area__KmYz6O.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__KmYz6O__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__KmYz6O__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__KmYz6O__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__KmYz6O__container.ds-text-area__KmYz6O__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid.ds-text-area__KmYz6O__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__KmYz6O__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__KmYz6O__container--valid.sc-ds-text-area:hover:not(.ds-text-area__KmYz6O__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__KmYz6O__container--valid.ds-text-area__KmYz6O__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__KmYz6O__container--readonly.sc-ds-text-area,.ds-text-area__KmYz6O__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__KmYz6O__container.sc-ds-text-area:focus-within:not(.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--valid.sc-ds-text-area,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__KmYz6O__container.sc-ds-text-area:hover:not(.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--disabled,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--readonly.sc-ds-text-area,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--active.sc-ds-text-area,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid.sc-ds-text-area,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--valid.sc-ds-text-area,.ds-text-area__KmYz6O__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__KmYz6O__container.active.sc-ds-text-area:not(.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--disabled,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--readonly.sc-ds-text-area,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--invalid.sc-ds-text-area,.ds-text-area__KmYz6O__container.ds-text-area__KmYz6O__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__KmYz6O__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__KmYz6O__external-button.sc-ds-text-area,.ds-text-area__KmYz6O.sc-ds-text-area-s>[slot=suffix],.ds-text-area__KmYz6O .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__KmYz6O__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__KmYz6O__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__KmYz6O__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__KmYz6O__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__KmYz6O__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__KmYz6O__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__KmYz6O__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__KmYz6O__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__KmYz6O__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__KmYz6O__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__KmYz6O__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__KmYz6O__textarea--resize-auto.sc-ds-text-area,.ds-text-area__KmYz6O__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__KmYz6O__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__KmYz6O__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__KmYz6O__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__KmYz6O__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}]}]);f([r("ds-input-validity",null),r("ds-visually-hidden",null),r("ds-control-label",null)]);const L=A,I=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),A);break;case"ds-assistive-text":customElements.get(d(e))||p();break;case"ds-control-label":customElements.get(d(e))||K();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{L as DsTextArea,I as defineCustomElement}
+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}

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

@@ -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-DZOTmLzP.js";import{c as r}from"./p-BfTCfPZ1.js";import{x as o,y as l,z as c,v as u}from"./p-BpSE24G8.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 m,a as v}from"./p-BecId8t2.js";import{c as f}from"./p-ByHAbBpc.js";import{d as g}from"./p-BLLtctJi.js";import{d as z}from"./p-NoqVzqGs.js";import{d as O}from"./p-OhiaSnAg.js";import{d as y}from"./p-Oz3y34wB.js";import{d as K}from"./p-CeglrwZj.js";import{d as Y}from"./p-ZdV_7tJ4.js";import{d as k}from"./p-DLh_CSNT.js";import{d as C}from"./p-DCn1Mkl6.js";const w={search:"search"},A={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},S=_("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=S.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={...v(this,this.el,["id"]),...m(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||w[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=A[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=f("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:"6f8f4d3fe0d20ba285d97a5627e796c9798a6be6",id:this.validityId,dsText:this.validityText,dsType:this.validityType,dsAriaLive:"assertive"})))}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__KmYz6O.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__KmYz6O__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__KmYz6O__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__KmYz6O__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__KmYz6O__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__KmYz6O__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__KmYz6O__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__KmYz6O__container.ds-text-input__KmYz6O__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--invalid.ds-text-input__KmYz6O__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--valid.sc-ds-text-input:hover:not(.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--valid.sc-ds-text-input .ds-text-input__KmYz6O__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--readonly.sc-ds-text-input,.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__KmYz6O__container.sc-ds-text-input:has(span.ds-text-input__KmYz6O__prefix,.ds-text-input__KmYz6O__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__KmYz6O__container.sc-ds-text-input:has(.ds-text-input__KmYz6O__button){padding-inline-end:unset}.ds-text-input__KmYz6O__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__KmYz6O__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__KmYz6O__container.active.sc-ds-text-input:not(.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--disabled,.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--readonly.sc-ds-text-input,.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--invalid.sc-ds-text-input,.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__KmYz6O__container.sc-ds-text-input:hover:not(.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--disabled,.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--readonly.sc-ds-text-input,.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--active.sc-ds-text-input,.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--invalid.sc-ds-text-input,.ds-text-input__KmYz6O__container.ds-text-input__KmYz6O__container--valid.sc-ds-text-input,.ds-text-input__KmYz6O__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__KmYz6O__container.sc-ds-text-input:focus-within:not(.ds-text-input__KmYz6O__container:focus-within.ds-text-input__KmYz6O__container--invalid,.ds-text-input__KmYz6O__container.sc-ds-text-input:focus-within.ds-text-input__KmYz6O__container--valid,.ds-text-input__KmYz6O__container.sc-ds-text-input:focus-within.ds-text-input__KmYz6O__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__KmYz6O__container.sc-ds-text-input:focus-within *.sc-ds-text-input>.ds-text-input__KmYz6O__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__KmYz6O__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__KmYz6O__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__KmYz6O__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__KmYz6O__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__KmYz6O__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__KmYz6O__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__KmYz6O__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__KmYz6O__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__KmYz6O__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__KmYz6O__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__KmYz6O__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__KmYz6O__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__KmYz6O__container.sc-ds-text-input:has(span.ds-text-input__KmYz6O__prefix,.ds-text-input__KmYz6O__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__KmYz6O__container.sc-ds-text-input span.ds-text-input__KmYz6O__prefix.sc-ds-text-input,.ds-text-input__KmYz6O__container.sc-ds-text-input span.ds-text-input__KmYz6O__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__KmYz6O__container.sc-ds-text-input .ds-text-input__KmYz6O__icon.sc-ds-text-input,.ds-text-input__KmYz6O__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__KmYz6O__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__KmYz6O__container.sc-ds-text-input .ds-text-input__KmYz6O__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))||g();break;case"ds-button":customElements.get(a(t))||z();break;case"ds-control-label":customElements.get(a(t))||O();break;case"ds-feedback":customElements.get(a(t))||y();break;case"ds-icon":customElements.get(a(t))||K();break;case"ds-input-validity":customElements.get(a(t))||Y();break;case"ds-spinner":customElements.get(a(t))||k();break;case"ds-visually-hidden":customElements.get(a(t))||C()}}))};export{I as DsTextInput,V as defineCustomElement}
+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}

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

@@ -1 +1 @@
-import{p as e,H as a,h as t,d as l,t as r}from"./p-DZOTmLzP.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-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-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}
+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}

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

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

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-DZOTmLzP.js";export{a as appData}from"./p-gPkqWfeS.js";export{c as componentOnReady}from"./p-J5Ghj1_T.js";export{c as calculatePaginationPages}from"./p-yWMvWpEO.js";
+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";

package/dist/components/p-3h1AY-Xk.js

@@ -0,0 +1 @@
+import{p as i,M as s,c as e,f as t,h as n,t as d}from"./p-D7drWwKe.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as l,a as o}from"./p-BecId8t2.js";import{o as r,v as c}from"./p-CRw90huu.js";import{i as h,t as _,a as k,d as v}from"./p-J5Ghj1_T.js";import{l as b}from"./p-DMddtiKs.js";import{a as f,d as u}from"./p-BRKwvv98.js";import{c as g}from"./p-DgTb4Jpc.js";import{d as m}from"./p-tTA4zhDH.js";const S=h("visually-hidden-assistive-text"),x={"2xLarge":"1.375rem",xLarge:"1.25rem",large:"1.125rem",medium:"1rem",small:"0.875rem",xSmall:"0.75rem"},p=i(class extends(s(b,f)){constructor(i){super(!1),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsClick=e(this,"dsClick",7)}inheritedAttributes={};visuallyHiddenAssistiveTextId=S.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={...o(this,this.el),...l(this.el)},this.setTargetBlank(this.dsTarget)}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=x[this.dsSize]??"1rem",l=_("ds-icon","ds-link",this.el);return n(l,{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=g("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,...l}=this.inheritedAttributes,o=this.dsAriaLabelledby||d;return n(this.dsTag,{key:"473090c1309762d7bf8be27568c1f35307774514",ref:i=>this.linkRef=i,part:"link",class:s,...k("aria-label",this.dsAriaLabel||t),...k("aria-labelledby",o),...l,...this.linkAttributes},n("slot",{key:"8cdb65481a0b646a2fed499f5945bb81b03b164c",name:"prefix"},this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(i)),this.dsText,n("slot",{key:"4bb55caa2e5491181d99be9ecd73166175bf2e83",name:"suffix"},this.renderSuffixIcon(i)),r(this.dsTarget)&&n(e,{key:"080db20d8bb58e5c230d2de759744daea0b2ce46",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__SPFJ1E--standalone){display:inline-block}.ds-link__SPFJ1E: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__SPFJ1E{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__SPFJ1E--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__SPFJ1E--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__SPFJ1E--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__SPFJ1E--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__SPFJ1E--large{font-size:var(--ds-fontSize-18)}.ds-link__SPFJ1E--medium{font-size:var(--ds-fontSize-16)}.ds-link__SPFJ1E--small{font-size:var(--ds-fontSize-14)}.ds-link__SPFJ1E--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__SPFJ1E__icon{display:inline-block;vertical-align:-0.125em}.ds-link__SPFJ1E__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__SPFJ1E__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__SPFJ1E__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__SPFJ1E__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__SPFJ1E:hover,.ds-link__SPFJ1E:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__SPFJ1E:hover{color:var(--ds-textColor-link-hover)}.ds-link__SPFJ1E:active{color:var(--ds-textColor-link-active)}.ds-link__SPFJ1E:visited{color:var(--ds-textColor-link-visited)}.ds-link__SPFJ1E--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__SPFJ1E--standalone:hover,.ds-link__SPFJ1E--standalone:active{text-decoration-line:underline}.ds-link__SPFJ1E--standalone:focus-visible,.ds-link__SPFJ1E--standalone:visited{color:var(--ds-textColor-link)}.ds-link__SPFJ1E--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__SPFJ1E--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__SPFJ1E--colour-white{color:var(--ds-textColor-white)}.ds-link__SPFJ1E--colour-white:hover,.ds-link__SPFJ1E--colour-white:active,.ds-link__SPFJ1E--colour-white:visited,.ds-link__SPFJ1E--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__SPFJ1E--colour-black{color:var(--ds-textColor-default)}.ds-link__SPFJ1E--colour-black:hover,.ds-link__SPFJ1E--colour-black:active,.ds-link__SPFJ1E--colour-black:visited,.ds-link__SPFJ1E--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 E(){"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),p);break;case"ds-icon":customElements.get(d(i))||u();break;case"ds-visually-hidden":customElements.get(d(i))||m()}}))}v([n("ds-icon",{dsName:""}),n("ds-visually-hidden",null)]);export{p as D,E as d}

package/dist/components/p-B9VvQC9G.js

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

package/dist/components/p-BRKwvv98.js

@@ -0,0 +1 @@
+import{p as e,M as t,f as s,h as i,F as r,t as a}from"./p-D7drWwKe.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as n,o,r as l}from"./p-J5Ghj1_T.js";import{c}from"./p-DgTb4Jpc.js";import{c as h,a as u,i as b}from"./p-BecId8t2.js";const p=e=>class extends e{constructor(){super()}dsMuteAriaDeprecationWarning=!1;getDeprecationWarningForAriaAttribute=(e,t)=>{this.dsMuteAriaDeprecationWarning||e.hasAttribute(t)&&console.warn(`[DEPRECATION] The use of the '${t}' attribute on <${e.tagName.toLowerCase()}> is deprecated and will be removed in a future version (tba). Please refer to the documentation for alternative ds-prefixed property name. If the attribute you are using does not have a corresponding ds-prefixed property name, please contact developers at #designsystem Slack channel. In the future, any aria-attributes set on the web component will remain on the host element. To mute all warnings on this component instance, set the "dsMuteAriaDeprecationWarning" property.`)};getDeprecationWarningsForAriaAttributes=e=>{this.dsMuteAriaDeprecationWarning||h.forEach((t=>this.getDeprecationWarningForAriaAttribute(e,t)))}},m=["default","neutral","white","primary","info","danger","success","attention","disabled-onDark","disabled-onLight"],f=["hover","active"],g=(e,t)=>`ds-iconColor-${e}${t?`-${t}`:""}`;m.map((e=>g(e))).reduce(((e,t)=>(e.push(t),f.forEach((s=>{e.push(g(t,s))})),e)),[]);const A=e(class extends(t(p)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}inheritedAttributes={};dsName;dsColour;dsCustomSize;defaultSize="1.5rem";_dsSize=this.defaultSize;get dsSize(){return this._dsSize}set dsSize(e){this._dsSize=(e=>/^(\d+(\.\d+)?|\.\d+)rem$/.test(e))(e)?e:this.defaultSize}dsTitle;dsHidden=!1;dsAriaLabel="Icon";dsRole="img";dsAriaLabelledby;dsAriaHidden=!0;ariaAttributeObserver(e,t,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:e},s(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...b(this.el),...u(this,this.el)}}getIconColour(){return this.dsColour?`var(--${e=this.dsColour,m.includes(e)?g(e):e})`:"currentColor";var e}render(){const e=c("ds-icon"),t=`ds-icon-${this.dsName?.replace(/_/g,"-")}`,s=n(t,"ds-icon",this.el),a=this.dsAriaLabel??this.inheritedAttributes["aria-label"],h=this.dsAriaLabelledby??this.inheritedAttributes["aria-labelledby"],u=this.dsRole??this.inheritedAttributes.role,b=String(this.dsAriaHidden??!0),p=o(this.inheritedAttributes,["aria-label","aria-labelledby","role","aria-hidden"]);return i(r,{key:"de2643201428967586d53f6ab1f745b0f2bbc389"},i("span",{key:"f857fb52f634f1c7a98528f86c105a4a82118726",class:d(`${e}--container`,{[`${e}--hidden`]:this.dsHidden}),"aria-hidden":b},i(s,{key:"2349b20e55450d38779e5776bbf1f51413136a27",dsSize:this.dsCustomSize?this.dsCustomSize:l(this.dsSize),dsColour:this.getIconColour(),dsRole:u,dsTitle:this.dsTitle,dsAriaLabel:a,dsAriaLabelledby:h,...p})))}static get watchers(){return{role:[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}]}}static get style(){return":host{display:flex}.ds-icon__SPFJ1E--container{display:flex}.ds-icon__SPFJ1E--hidden{display:none}"}},[513,"ds-icon",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsName:[1,"ds-name"],dsColour:[1,"ds-colour"],dsCustomSize:[1,"ds-custom-size"],dsSize:[6145,"ds-size"],dsTitle:[1,"ds-title"],dsHidden:[4,"ds-hidden"],dsAriaLabel:[1,"ds-aria-label"],dsRole:[1,"ds-role"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaHidden:[4,"ds-aria-hidden"]},void 0,{role:[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}]}]);function y(){"undefined"!=typeof customElements&&["ds-icon"].forEach((e=>{"ds-icon"===e&&(customElements.get(a(e))||customElements.define(a(e),A))}))}export{A as D,p as a,y as d,g}

package/dist/components/p-BdA7fj28.js

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

package/dist/components/p-Bg8W_xlr.js

@@ -0,0 +1 @@
+import{p as s,H as t,h as e,t as a}from"./p-D7drWwKe.js";import{c as i}from"./p-DgTb4Jpc.js";import{i as d}from"./p-J5Ghj1_T.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=i("ds-assistive-text");return e("small",{key:"9bfb0e81eb1ef34e38a55a04ff0af6aa3a9d565b",class:s,id:this.dsId},e("slot",{key:"179642f01fe69bb1871172a8365e9e20a66d5336"},this.dsText))}static get style(){return".ds-assistive-text__SPFJ1E.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(a(s))||customElements.define(a(s),r))}))}export{r as D,n as d}

package/dist/components/p-C3JZK1na.js

@@ -0,0 +1 @@
+import{p as s,H as e,h as t,t as i}from"./p-D7drWwKe.js";import{c as d}from"./p-DgTb4Jpc.js";import{a as l,i as a}from"./p-BecId8t2.js";import{t as o,d as n}from"./p-J5Ghj1_T.js";import{g as r,a as c}from"./p-DBW_vEKT.js";import{d as f}from"./p-Bg8W_xlr.js";import{d as h}from"./p-tTA4zhDH.js";const m=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsId;dsHtmlFor;dsLabel;dsAssistiveText;dsAssistiveTextId;dsVisuallyHiddenAssistiveText;dsVisuallyHiddenAssistiveTextId;dsRequired;dsOptional;dsOptionalText;get DsVisuallyHidden(){return o("ds-visually-hidden","ds-control-label",this.el)}get DsAssistiveText(){return o("ds-assistive-text","ds-control-label",this.el)}componentWillLoad(){this.inheritedAttributes={...a(this.el),...l(this,this.el)}}getLabelText=()=>this.dsRequired?r(this.dsLabel):this.dsOptional?c(this.dsLabel,this.dsOptionalText):this.dsLabel;render(){const s=d("ds-control-label");return t("div",{key:"fab508f4e3fa50aac9e734414eaa1f73c4483107",class:s},t("slot",{key:"e483813e2f15ee7410400149ea53807f2f0f15ef",name:"label"},this.dsLabel&&t("label",{key:"af75b193d8fc93e60ed5e4c60ce5f18cf7a93552",class:`${s}__label`,htmlFor:this.dsHtmlFor,id:this.dsId,...this.inheritedAttributes},this.getLabelText())),t("slot",{key:"50194ab5f50307640b651281ba4f9827957b026c",name:"assistiveText"},this.dsAssistiveText&&t(this.DsAssistiveText,{key:"cdd90c6b958c5234479e1eda45cf7a57bec439f3",dsId:this.dsAssistiveTextId,dsText:this.dsAssistiveText}),this.dsVisuallyHiddenAssistiveText&&t(this.DsVisuallyHidden,{key:"feeee3fe0deb641b92692c2fb0940fc27ccec957",id:this.dsVisuallyHiddenAssistiveTextId,dsTag:"span"},this.dsVisuallyHiddenAssistiveText)))}static get style(){return".ds-control-label__SPFJ1E__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__SPFJ1E{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__SPFJ1E:empty{display:none}"}},[772,"ds-control-label",{dsId:[1,"ds-id"],dsHtmlFor:[1,"ds-html-for"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsAssistiveTextId:[1,"ds-assistive-text-id"],dsVisuallyHiddenAssistiveText:[1,"ds-visually-hidden-assistive-text"],dsVisuallyHiddenAssistiveTextId:[1,"ds-visually-hidden-assistive-text-id"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"]}]);function b(){"undefined"!=typeof customElements&&["ds-control-label","ds-assistive-text","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-control-label":customElements.get(i(s))||customElements.define(i(s),m);break;case"ds-assistive-text":customElements.get(i(s))||f();break;case"ds-visually-hidden":customElements.get(i(s))||h()}}))}n([t("ds-visually-hidden",null),t("ds-assistive-text",null)]);export{m as D,b as d}

package/dist/components/p-C6fOun-P.js

@@ -0,0 +1 @@
+import{p as s,M as e,c as i,f as a,h as t,F as d,t as r}from"./p-D7drWwKe.js";import{r as o}from"./p-DBW_vEKT.js";import{i as c,t as l,o as n,d as h}from"./p-J5Ghj1_T.js";import{c as b}from"./p-DgTb4Jpc.js";import{i as p,a as m}from"./p-BecId8t2.js";import{a as u,d as f}from"./p-BRKwvv98.js";import{d as v}from"./p-tTA4zhDH.js";const g=c("ds-chip"),y=s(class extends(e(u)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=i(this,"dsClick",7)}dsRole;dsAriaLabel;chipGroup;buttonEl;inheritedAttributes={};get el(){return this}dsClick;dsForm;dsId=g.next().value;dsName=this.dsId;dsValue=0;dsText;dsIcon;dsType="button";name=this.dsName;async setFocus(){this.buttonEl?.focus()}async setName(s){this.name=s||this.dsName}get DsChipGroupTag(){return l("ds-chip-group","ds-chip",this.el)}connectedCallback(){this.chipGroup=this.el.closest(this.DsChipGroupTag),this.chipGroup?.childConnected()}disconnectedCallback(){this.chipGroup?.childDisconnected()}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...m(this,this.el),...p(this.el)},this.setName(this.el.closest(this.DsChipGroupTag)?.dsName)}ariaAttributeObserver(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},a(this)}onClick(){this.dsClick.emit(this.dsValue)}render(){const s=b("ds-chip"),e=l("ds-icon","ds-chip",this.el),i=l("ds-visually-hidden","ds-chip",this.el),a=this.dsRole??this.inheritedAttributes.role,r=this.dsAriaLabel??this.inheritedAttributes["aria-label"],c=a?"div":d,h=n(this.inheritedAttributes,["role","aria-label"]);return t(c,{key:"5e8fac24a20ef512b186789fb1c7884b01d4a134",role:a},t("button",{key:"2ca4745f784e31dea050d4bf3f5b726a90635707",ref:s=>this.buttonEl=s,class:s,id:this.dsId,name:this.name,form:this.dsForm,type:this.dsType,"aria-label":r,...h},t("slot",{key:"7b5cd3d4e3adaeb8e155f2a010a40af90d778dbe",name:"prefix"},this.dsIcon&&t(e,{key:"8b77eaa9122d68572ed39a707e795d408dbdc5d2",dsName:this.dsIcon,dsSize:"1rem"})),t("span",{key:"70e7f1a4235e8f427a18bdae863c93b4d48490ce",class:`${s}__text`},t("slot",{key:"ccc96fdcb6b8576b0a56539ce0e219b0a65c0d17"},this.dsText),t(i,{key:"797a97d887309696dffa97a06fa9f315ee8413e9",dsTag:"span"},", ",o())),t(e,{key:"dc664f8b8afbdc823605a6c36455152ddccf1a66",dsName:"close",dsSize:"1rem"})))}static get watchers(){return{role:[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}]}}static get style(){return".ds-chip__SPFJ1E:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-chip__SPFJ1E{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__SPFJ1E:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__SPFJ1E:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__SPFJ1E__text{padding:0 var(--ds-spacing-3xSmall)}"}},[772,"ds-chip",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsRole:[1,"ds-role"],dsAriaLabel:[1,"ds-aria-label"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsValue:[520,"ds-value"],dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsType:[1,"ds-type"],name:[32],setFocus:[64],setName:[64]},[[0,"click","onClick"]],{role:[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}]}]);function k(){"undefined"!=typeof customElements&&["ds-chip","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-chip":customElements.get(r(s))||customElements.define(r(s),y);break;case"ds-icon":customElements.get(r(s))||f();break;case"ds-visually-hidden":customElements.get(r(s))||v()}}))}h([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]);export{y as D,k as d}

package/dist/components/p-C9w2i3T-.js

@@ -0,0 +1 @@
+import{p as a,M as i,c as d,h as t,t as r}from"./p-D7drWwKe.js";import{c as n}from"./p-BfTCfPZ1.js";import{i as s,a as l}from"./p-BecId8t2.js";import{o,v as e}from"./p-CRw90huu.js";import{i as c,t as _,a as k,d as h}from"./p-J5Ghj1_T.js";import{l as b}from"./p-DMddtiKs.js";import{c as v}from"./p-DgTb4Jpc.js";import{d as p}from"./p-BRKwvv98.js";import{d as g}from"./p-tTA4zhDH.js";const S=c("visually-hidden-assistive-text"),E=a(class extends(i(b)){constructor(a){super(!1),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsClick=d(this,"dsClick",7)}inheritedAttributes={};linkEl;visuallyHiddenAssistiveTextId=S.next().value;get el(){return this}dsText;dsVariant="primary";dsColour="blue";dsSize="medium";dsHideIcon=!1;dsIcon;dsIconPosition="end";dsTag="a";dsTabIndex;dsDisabled=!1;rel;icon="arrow_forward";get currentIcon(){return this.dsIcon?this.dsIcon:this.icon}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}updateIcon(a){o(a)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon="arrow_forward",this.rel=void 0)}componentWillLoad(){this.inheritedAttributes={...l(this,this.el),...s(this.el)},this.updateIcon(this.dsTarget)}onTargetChanged(a){this.updateIcon(a)}handleKeyDown=a=>{switch(a.key){case" ":a.preventDefault(),this.linkEl?.click();break;case"Enter":"span"!==this.dsTag&&this.dsHref||this.linkEl?.click()}};render(){const a=v("ds-link-cta"),i=n(a,`${a}--${this.dsVariant}`,`${a}--${this.dsColour}`,`${a}--${this.dsSize}`,{[`${a}--no-text`]:!this.dsText||""===this.dsText.trim()}),d=n(`${a}__text`),r=n(`${a}__icon`,`${a}__icon--${this.dsIconPosition}`),s=_("ds-icon","ds-link-cta",this.el),l=_("ds-visually-hidden","ds-link-cta",this.el),{"aria-label":c,"aria-labelledby":h,...b}=this.inheritedAttributes,p=this.dsAriaLabel||c,g=this.dsAriaLabelledby||h,S=!this.dsHideIcon&&t(s,{key:"e01edbf87e51d1f27a01e5e6da3cead73298ee64",dsName:this.currentIcon,class:r,dsCustomSize:"medium"===this.dsSize?"1.5rem":"1.25rem"});return t(this.dsTag,{key:"f4438b02d0ee321dd505478cbde5605d35fb8d90",ref:a=>this.linkEl=a,part:"link",class:i,onKeyDown:this.handleKeyDown,tabindex:void 0!==this.dsTabIndex?this.dsTabIndex:"a"!==this.dsTag||this.dsHref?void 0:"0",...k("role","span"===this.dsTag?"link":void 0),...k("aria-disabled",this.dsDisabled?"true":void 0),...k("aria-label",p),...k("aria-labelledby",g),...b,...this.linkAttributes},"start"===this.dsIconPosition&&S,t("span",{key:"40203ab8b05342f5c01f03e8592c999bcf020f03",class:d},this.dsText),"end"===this.dsIconPosition&&S,o(this.dsTarget)&&t(l,{key:"b640c395df6588b797b71dbdb93e37263480f579",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},e()))}static get watchers(){return{dsTarget:[{onTargetChanged:0}]}}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block;vertical-align:middle}.ds-link-cta__SPFJ1E{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__SPFJ1E[aria-disabled=true]{cursor:default;pointer-events:none;background-color:transparent !important;border-color:transparent !important;color:var(--ds-textColor-disabled-onLight) !important}.ds-link-cta__SPFJ1E__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:var(--ds-link-cta-text-decoration, underline);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-cta__SPFJ1E--no-text .ds-link-cta__SPFJ1E__text{padding:0}.ds-link-cta__SPFJ1E:has(.ds-link-cta__SPFJ1E__spinner):not(.ds-link-cta__SPFJ1E--small) .ds-link-cta__SPFJ1E__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__SPFJ1E--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__SPFJ1E:has(.ds-link-cta__SPFJ1E__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__SPFJ1E:has(.ds-link-cta__SPFJ1E__text:empty) .ds-link-cta__SPFJ1E__icon{margin:0}.ds-link-cta__SPFJ1E:not(.ds-link-cta__SPFJ1E--small):not(.ds-link-cta__SPFJ1E--secondary):not(.ds-link-cta__SPFJ1E--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__SPFJ1E:not(.ds-link-cta__SPFJ1E--small).ds-link-cta__SPFJ1E--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__SPFJ1E:not(.ds-link-cta__SPFJ1E--small).ds-link-cta__SPFJ1E--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__SPFJ1E:not(.ds-link-cta__SPFJ1E--small).ds-link-cta__SPFJ1E--icon-only{padding-left:0;padding-right:0}.ds-link-cta__SPFJ1E--small:not(.ds-link-cta__SPFJ1E--secondary):not(.ds-link-cta__SPFJ1E--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__SPFJ1E--small.ds-link-cta__SPFJ1E--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__SPFJ1E--small.ds-link-cta__SPFJ1E--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__SPFJ1E--small.ds-link-cta__SPFJ1E--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__SPFJ1E--small .ds-link-cta__SPFJ1E__icon{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__SPFJ1E__icon--start{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__SPFJ1E__icon--end{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__SPFJ1E--no-text .ds-link-cta__SPFJ1E__icon--start,.ds-link-cta__SPFJ1E--no-text .ds-link-cta__SPFJ1E__icon--end{margin:0}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--primary.ds-link-cta__SPFJ1E--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--primary.ds-link-cta__SPFJ1E--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-primary));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--primary.ds-link-cta__SPFJ1E--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--primary.ds-link-cta__SPFJ1E--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--primary.ds-link-cta__SPFJ1E--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--primary.ds-link-cta__SPFJ1E--black{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-black));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--primary.ds-link-cta__SPFJ1E--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--primary.ds-link-cta__SPFJ1E--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--primary.ds-link-cta__SPFJ1E--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--primary.ds-link-cta__SPFJ1E--white{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-white));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--primary.ds-link-cta__SPFJ1E--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--primary.ds-link-cta__SPFJ1E--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--secondary.ds-link-cta__SPFJ1E--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--secondary.ds-link-cta__SPFJ1E--blue{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-secondary));border-color:var(--ds-borderColor-primary);color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--secondary.ds-link-cta__SPFJ1E--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--secondary.ds-link-cta__SPFJ1E--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--secondary.ds-link-cta__SPFJ1E--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--secondary.ds-link-cta__SPFJ1E--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-black);color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--secondary.ds-link-cta__SPFJ1E--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--secondary.ds-link-cta__SPFJ1E--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--secondary.ds-link-cta__SPFJ1E--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--secondary.ds-link-cta__SPFJ1E--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-white);color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--secondary.ds-link-cta__SPFJ1E--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--secondary.ds-link-cta__SPFJ1E--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--supplementary.ds-link-cta__SPFJ1E--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--supplementary.ds-link-cta__SPFJ1E--blue{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--supplementary.ds-link-cta__SPFJ1E--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--supplementary.ds-link-cta__SPFJ1E--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--supplementary.ds-link-cta__SPFJ1E--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--supplementary.ds-link-cta__SPFJ1E--black{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--supplementary.ds-link-cta__SPFJ1E--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--supplementary.ds-link-cta__SPFJ1E--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--supplementary.ds-link-cta__SPFJ1E--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--supplementary.ds-link-cta__SPFJ1E--white{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--supplementary.ds-link-cta__SPFJ1E--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__SPFJ1E.ds-link-cta__SPFJ1E--supplementary.ds-link-cta__SPFJ1E--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}"}},[513,"ds-link-cta",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsColour:[1,"ds-colour"],dsSize:[1,"ds-size"],dsHideIcon:[4,"ds-hide-icon"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsTag:[1,"ds-tag"],dsTabIndex:[1,"ds-tab-index"],dsDisabled:[4,"ds-disabled"],rel:[32],icon:[32]},[[0,"click","handleClick"]],{dsTarget:[{onTargetChanged:0}]}]);function P(){"undefined"!=typeof customElements&&["ds-link-cta","ds-icon","ds-visually-hidden"].forEach((a=>{switch(a){case"ds-link-cta":customElements.get(r(a))||customElements.define(r(a),E);break;case"ds-icon":customElements.get(r(a))||p();break;case"ds-visually-hidden":customElements.get(r(a))||g()}}))}h([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]);export{E as D,P as d}

package/dist/components/p-CGJXc6RW.js

@@ -0,0 +1 @@
+import{p as e,M as s,c as t,h as o,t as d}from"./p-D7drWwKe.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as a,d as l}from"./p-J5Ghj1_T.js";import{i as r,a as c}from"./p-BecId8t2.js";import{c as n}from"./p-DgTb4Jpc.js";import{a as v,d as _}from"./p-BRKwvv98.js";import{c as b}from"./p-DBW_vEKT.js";import{d as h}from"./p-Bg8W_xlr.js";import{d as p}from"./p-C3JZK1na.js";import{d as u}from"./p-cBjVr9Tq.js";import{d as m}from"./p-qyZAXct-.js";import{d as g}from"./p-tTA4zhDH.js";const f=e(class extends(s(v)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.dsChange=t(this,"dsChange",7),this.dsValidity=t(this,"dsValidity",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7)}dsAriaDescribedby;dsAriaControls;inheritedAttributes={};get el(){return this}dsChange;dsValidity;dsSubmitInvalid;dsId;dsLabel;dsPlaceholder;dsValue;dsIcon;dsName;dsForm;dsDisabled=!1;dsErrorText;dsFullWidth=!1;dsRequired=!1;value="";inputValidityId=`${this.dsId}-input-validity`;nativeSelectRef;get DsInputValidityTag(){return a("ds-input-validity","ds-select-native",this.el)}get DsIconTag(){return a("ds-icon","ds-select-native",this.el)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.value=this.dsValue||"",this.inheritedAttributes={...c(this,this.el),...r(this.el,["aria-controls"])}}componentDidLoad(){this.nativeSelectRef&&(this.nativeSelectRef.addEventListener("invalid",(e=>{e.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:b()}),this.dsValidity.emit({flag:"customError",message:b()})})),this.nativeSelectRef.addEventListener("blur",(()=>{const e=this.nativeSelectRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":b()})})))}ariaAttributeObserver(e,s,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:e}}dsValueObserver(e){this.value=e||""}valueObserver(e){if(this.nativeSelectRef&&(this.nativeSelectRef.value!==e&&(this.nativeSelectRef.value=e),this.dsRequired)){const e=this.nativeSelectRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":b()})}}render(){const e=n("ds-select"),s=`${e}-native`,t=a("ds-control-label","ds-select-native",this.el),{"aria-controls":d,"aria-describedby":l,...r}=this.inheritedAttributes,c=this.dsAriaDescribedby??l,v=this.dsAriaControls??d??`${this.dsId}-listbox`;return o("div",{key:"a6151f2eb05db8596f5b2bf905bd3c86c6f037e2"},o(t,{key:"c7d3f6154dcefdb2bb6da5c1bf099b535aab047f",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired},o("slot",{key:"3f23a69479ea9ecdb75779de2578c58ace1e0976",name:"label"})),o("div",{key:"bde07705b0a3746c8651d1836ed3d1340eee5dc8",class:i(`${s}`,{[`${e}--full-width`]:this.dsFullWidth,[`${s}--disabled`]:this.dsDisabled,[`${s}--invalid`]:!!this.dsErrorText})},o("div",{key:"9e0006fb87aee8a6d7137570262c1c23abbe2a4e",class:`${s}__selected-text`,"aria-hidden":"true"},this.value&&this.nativeSelectRef?.selectedOptions[0]?.textContent||this.dsPlaceholder),o("select",{key:"d9f2b83a5d31d2411af500955dd18af5ab242702",ref:e=>{this.nativeSelectRef=e,e&&(e.value=this.value)},id:this.dsId,name:this.dsName,form:this.dsForm,class:`${s}__select`,disabled:this.dsDisabled,required:this.dsRequired,onChange:e=>{const s=e.target;this.value=s.value,this.dsChange.emit(s.value)},"aria-describedby":c,"aria-controls":v,...r},o("option",{key:"9b1a4055f338a9c3640b0810c805afb21c48875b",value:"",disabled:!0,style:{display:this.dsRequired?"none":void 0},selected:!this.value},this.dsPlaceholder),o("slot",{key:"fb773442e20b07260b3418aa714591bbf4df3875",name:"native"})),o(this.DsIconTag,{key:"d9cdf30eae2de4eb38796a4f8ffeb0e4f770a614",class:`${s}__dropdown-icon`,dsName:"keyboard_arrow_down"})),o(this.DsInputValidityTag,{key:"779101ea5d70873be46cde2d86a5e578224493e8",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}static get watchers(){return{"aria-describedby":[{ariaAttributeObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}}static get style(){return".sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__SPFJ1E--full-width)).sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select__SPFJ1E-native.sc-ds-select-native,.ds-select__SPFJ1E-custom.sc-ds-select-native{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__SPFJ1E-native__dropdown-icon.sc-ds-select-native,.ds-select__SPFJ1E-custom__dropdown-icon.sc-ds-select-native{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__SPFJ1E-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__SPFJ1E-custom.sc-ds-select-native .ds-options__SPFJ1E.sc-ds-select-native{display:block}.ds-select__SPFJ1E-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__SPFJ1E-custom-input-container.sc-ds-select-native:has(.ds-select__SPFJ1E-custom__clear-button:hover) .ds-select__SPFJ1E-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__SPFJ1E-custom.sc-ds-select-native:not(.ds-select__SPFJ1E-custom--open,.ds-select__SPFJ1E-custom--invalid.sc-ds-select-native,.ds-select__SPFJ1E-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__SPFJ1E-custom.sc-ds-select-native:active:not(.ds-select__SPFJ1E-custom--open,.ds-select__SPFJ1E-custom--invalid.sc-ds-select-native,.ds-select__SPFJ1E-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__SPFJ1E-custom--open.sc-ds-select-native,.ds-select__SPFJ1E-custom.sc-ds-select-native:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__SPFJ1E-custom--open.sc-ds-select-native:not(.ds-select__SPFJ1E-custom--open--invalid,.ds-select__SPFJ1E-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__SPFJ1E-custom.sc-ds-select-native:focus-visible:not(.ds-select__SPFJ1E-custom--open--invalid,.ds-select__SPFJ1E-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__SPFJ1E-custom--disabled.sc-ds-select-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__SPFJ1E-custom--disabled.sc-ds-select-native .ds-select__SPFJ1E-custom__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__SPFJ1E-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__SPFJ1E-custom--invalid.sc-ds-select-native:not(.ds-select__SPFJ1E-custom--invalid--open,.ds-select__SPFJ1E-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__SPFJ1E-custom--invalid.sc-ds-select-native:not(.ds-select__SPFJ1E-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__SPFJ1E-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__SPFJ1E-custom__selected-option.sc-ds-select-native{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-xSmall)}.ds-select__SPFJ1E-custom--has-icon.sc-ds-select-native .ds-select__SPFJ1E-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__SPFJ1E-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__SPFJ1E-custom__selected-option__text.sc-ds-select-native{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__SPFJ1E-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__SPFJ1E-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__SPFJ1E-custom.sc-ds-select-native input.sc-ds-select-native{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__SPFJ1E-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__SPFJ1E-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__SPFJ1E-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__SPFJ1E-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__SPFJ1E-custom__clear-button.sc-ds-select-native{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__SPFJ1E-custom__badge-container.sc-ds-select-native{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__SPFJ1E-custom__options-container.sc-ds-select-native{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__SPFJ1E-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__SPFJ1E-custom__options-container__options.sc-ds-select-native{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__SPFJ1E-custom__options-container__options__inner.sc-ds-select-native{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__SPFJ1E-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__SPFJ1E-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__SPFJ1E-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__SPFJ1E-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__SPFJ1E-custom__options-container__options__inner__top-scrim.sc-ds-select-native{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__SPFJ1E-custom__options-container__options__inner__top-scrim--dark.sc-ds-select-native{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__SPFJ1E-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__SPFJ1E-native.sc-ds-select-native:not(.ds-select__SPFJ1E-native--invalid,.ds-select__SPFJ1E-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__SPFJ1E-native.sc-ds-select-native:has(.ds-select__SPFJ1E-native__select:active):not(.ds-select__SPFJ1E-native--invalid,.ds-select__SPFJ1E-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__SPFJ1E-native.sc-ds-select-native:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__SPFJ1E-native--disabled.sc-ds-select-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__SPFJ1E-native--disabled.sc-ds-select-native .ds-select__SPFJ1E-native__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__SPFJ1E-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__SPFJ1E-native--invalid.sc-ds-select-native:not(.ds-select__SPFJ1E-native--invalid--disabled):has(.ds-select__SPFJ1E-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__SPFJ1E-native--invalid.sc-ds-select-native:not(.ds-select__SPFJ1E-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__SPFJ1E-native__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-spacing-xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select__SPFJ1E-native__select.sc-ds-select-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;appearance:none;border:none;outline:none;padding:0 var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);background-color:transparent;color:inherit;flex:1}.ds-select__SPFJ1E-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__SPFJ1E-native__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}"}},[774,"ds-select-native",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],dsId:[1,"ds-id"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsValue:[1,"ds-value"],dsIcon:[1,"ds-icon"],dsName:[1,"ds-name"],dsForm:[1,"ds-form"],dsDisabled:[4,"ds-disabled"],dsErrorText:[1,"ds-error-text"],dsFullWidth:[4,"ds-full-width"],dsRequired:[4,"ds-required"],value:[32]},void 0,{"aria-describedby":[{ariaAttributeObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}]);function S(){"undefined"!=typeof customElements&&["ds-select-native","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-select-native":customElements.get(d(e))||customElements.define(d(e),f);break;case"ds-assistive-text":customElements.get(d(e))||h();break;case"ds-control-label":customElements.get(d(e))||p();break;case"ds-feedback":customElements.get(d(e))||u();break;case"ds-icon":customElements.get(d(e))||_();break;case"ds-input-validity":customElements.get(d(e))||m();break;case"ds-visually-hidden":customElements.get(d(e))||g()}}))}l([o("ds-icon",{dsName:""}),o("ds-control-label",null),o("ds-input-validity",null)]);export{f as D,S as d}

package/dist/components/p-CRw90huu.js

@@ -0,0 +1 @@
+import{g as e}from"./p-J7Ct1MQ0.js";const n=e=>"_blank"===e,t=()=>{switch(e()){case"fi":return"Avautuu uuteen välilehteen";case"sv":return"Öppnas i en ny flik";default:return"Opens in a new tab"}};export{n as o,t as v}

package/dist/components/p-CT3rI4iU.js

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

package/dist/components/p-CTBLJr5M.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as s,h as r,t as d}from"./p-D7drWwKe.js";import{c as a}from"./p-BfTCfPZ1.js";import{g as n}from"./p-J7Ct1MQ0.js";import{c as o}from"./p-DgTb4Jpc.js";import{t as i,d as b}from"./p-J5Ghj1_T.js";import{d as c}from"./p-BdA7fj28.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dsClick=s(this,"dsClick",7)}get el(){return this}dsClick;dsIsHidden=!1;dsSeparatorIcon;get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumbs-expand-button",this.el)}get showFullBreadcrumbTrail(){switch(n()){case"fi":return"Näytä koko murupolku.";case"sv":return"Visa hela brödsmulestigen.";default:return"Show full breadcrumb trail."}}handleExpandButtonClick=()=>{this.dsClick.emit()};render(){const t=o("ds-breadcrumbs-expand-button");return r("div",{key:"30a3a18d9c081633cb6a7d757895f8e6e4408c35",role:"listitem",class:a(t,{[`${t}--hidden`]:this.dsIsHidden})},r(this.DsBreadcrumbsSeparator,{key:"72464f4258717ed7619cd42ac072f1678bc90580",dsIcon:this.dsSeparatorIcon}),r("button",{key:"efc2b73e6a84262d6dadfe1a9cd440c611d93a85","aria-label":this.showFullBreadcrumbTrail,class:`${t}__button`,onClick:this.handleExpandButtonClick},"…"))}static get style(){return".ds-breadcrumbs-expand-button__SPFJ1E.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__SPFJ1E--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__SPFJ1E__button.sc-ds-breadcrumbs-expand-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-breadcrumbs-expand-button__SPFJ1E__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;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-breadcrumbs-expand-button__SPFJ1E__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__SPFJ1E__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}"}},[514,"ds-breadcrumbs-expand-button",{dsIsHidden:[4,"ds-is-hidden"],dsSeparatorIcon:[1,"ds-separator-icon"]}]);function l(){"undefined"!=typeof customElements&&["ds-breadcrumbs-expand-button","ds-breadcrumbs-separator"].forEach((t=>{switch(t){case"ds-breadcrumbs-expand-button":customElements.get(d(t))||customElements.define(d(t),u);break;case"ds-breadcrumbs-separator":customElements.get(d(t))||c()}}))}b([r("ds-breadcrumbs-separator",null)]);export{u as D,l as d}

package/dist/components/p-Co4vmkj8.js

@@ -0,0 +1 @@
+import{p as e,H as s,c as t,h as i,t as d}from"./p-D7drWwKe.js";import{c as a}from"./p-BfTCfPZ1.js";import{t as r,d as o}from"./p-J5Ghj1_T.js";import{c as n}from"./p-DgTb4Jpc.js";import{v as c,o as l}from"./p-DBW_vEKT.js";import{d as h}from"./p-Bg8W_xlr.js";import{d as b}from"./p-Dib6BujO.js";import{d as u}from"./p-C3JZK1na.js";import{d as v}from"./p-cBjVr9Tq.js";import{d as p}from"./p-BRKwvv98.js";import{d as m}from"./p-qyZAXct-.js";import{d as f}from"./p-B9VvQC9G.js";import{d as k}from"./p-tTA4zhDH.js";const _=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=t(this,"dsChange",7),this.dsValidity=t(this,"dsValidity",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsBlur=t(this,"dsBlur",7),this.dsFocus=t(this,"dsFocus",7)}dsAriaDescribedby;dsAriaControls;get el(){return this}dsChange;dsValidity;dsSubmitInvalid;dsBlur;dsFocus;dsId;dsLabel;dsValue;dsName;dsForm;dsDisabled=!1;dsErrorText;dsRequired=!1;dsMin;dsMax;dsShowCalendarIcon=!0;value="";hasFocus=!1;inputValidityId=`${this.dsId}-input-validity`;nativeDateInputRef;get DsInputValidityTag(){return r("ds-input-validity","ds-datepicker-native",this.el)}get DsIconTag(){return r("ds-icon","ds-datepicker-native",this.el)}get DsButtonTag(){return r("ds-button","ds-datepicker-native",this.el)}get supportsShowPicker(){return!!this.nativeDateInputRef&&"function"==typeof this.nativeDateInputRef.showPicker}componentWillLoad(){this.value=this.dsValue||""}componentDidLoad(){this.nativeDateInputRef&&this.nativeDateInputRef.addEventListener("invalid",(e=>{e.preventDefault();const s=this.getValidityMessage();this.dsSubmitInvalid.emit({flag:"customError",message:s}),this.dsValidity.emit({flag:"customError",message:s})}))}onFocusIn(){this.hasFocus=!0}onFocusOut(e){const s=e&&"relatedTarget"in e?e.relatedTarget:null;if((!s||!this.el.contains(s))&&(this.hasFocus=!1,this.nativeDateInputRef)){const e=this.nativeDateInputRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":this.getValidityMessage()})}}hasFocusObserver(e){e?this.dsFocus.emit():this.dsBlur.emit()}dsValueObserver(e){this.value=e||""}valueObserver(e){if(this.nativeDateInputRef&&(this.nativeDateInputRef.value!==e&&(this.nativeDateInputRef.value=e),this.dsRequired)){const e=this.nativeDateInputRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":this.getValidityMessage()})}}openDatePicker=()=>{if(!this.dsDisabled&&this.nativeDateInputRef){if(this.supportsShowPicker)try{return void this.nativeDateInputRef.showPicker()}catch{}this.nativeDateInputRef.focus(),this.nativeDateInputRef.click()}};handleIconKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.openDatePicker())};getValidityMessage(){if(!this.nativeDateInputRef)return"";const e=this.nativeDateInputRef.validity;for(const s in e)if("valid"!==s&&e[s])return c(s);return""}render(){const e=n("ds-datepicker-native"),s=r("ds-control-label","ds-datepicker-native",this.el),t=[this.dsAriaDescribedby,this.dsErrorText?this.inputValidityId:null].filter(Boolean).join(" ")||void 0;return i("div",{key:"42127d1127b4f84cbb750188fc83fb6ea502c0e3"},i(s,{key:"5865a9d48cbcad2d63c4ec9f787dd9fcb2ecac8b",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired},i("slot",{key:"be2f3cdf919e28bae320de31c0802056b42ffa0a",name:"label"})),i("div",{key:"830492eef5b3fc94c136b405bb0139b1f5c2632c",class:a(`${e}`,{[`${e}--disabled`]:this.dsDisabled,[`${e}--invalid`]:!!this.dsErrorText})},i("input",{key:"ad2ab2470878ae939aa262809bb3e8278bb44ecf",ref:e=>{this.nativeDateInputRef=e,e&&(e.value=this.value)},id:this.dsId,name:this.dsName,form:this.dsForm,type:"date",class:`${e}__input`,disabled:this.dsDisabled,required:this.dsRequired,min:this.dsMin,max:this.dsMax,value:this.value,onChange:e=>{const s=e.target;this.value=s.value,this.dsChange.emit(s.value)},"aria-invalid":this.dsErrorText?"true":"false","aria-describedby":t,"aria-controls":this.dsAriaControls}),this.dsShowCalendarIcon&&i(this.DsButtonTag,{key:"3d2bea5fc2c8eefaba197489f3137f505a275443",class:`${e}__calendar-icon`,dsVariant:"supplementary",dsColour:"black",dsSize:"small",onClick:this.openDatePicker,onKeyDown:this.handleIconKeyDown,dsDisabled:this.dsDisabled,dsAriaLabel:l(),dsInInput:!0},i(this.DsIconTag,{key:"74a3b106b345ada46b177dfbe185757b459a20fa",slot:"prefix",dsName:"calendar_month",dsAriaHidden:!0}))),i(this.DsInputValidityTag,{key:"c376788b5bf28b9663dd5aa5083b3c56fb97e1a7",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}static get watchers(){return{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}}static get style(){return".sc-ds-datepicker-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-datepicker-native-h{width:17.875rem}}.sc-ds-datepicker-native-h>div.sc-ds-datepicker-native{display:flex;flex-direction:column;position:relative}.ds-datepicker-native__SPFJ1E.sc-ds-datepicker-native{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);box-sizing:border-box;height:2.75rem;width:100%}.ds-datepicker-native__SPFJ1E__input.sc-ds-datepicker-native{flex:1;border:none;outline:none;background-color:transparent;color:inherit;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0 var(--ds-spacing-xSmall);min-width:0}.ds-datepicker-native__SPFJ1E__input.sc-ds-datepicker-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-datepicker-native__SPFJ1E__input.sc-ds-datepicker-native::-webkit-calendar-picker-indicator{display:none}.ds-datepicker-native__SPFJ1E__input.sc-ds-datepicker-native::-webkit-clear-button{display:none}.ds-datepicker-native__SPFJ1E__calendar-icon.sc-ds-datepicker-native{height:100%}@supports (-moz-appearance: none){.ds-datepicker-native__SPFJ1E__calendar-icon.sc-ds-datepicker-native{display:none}}.ds-datepicker-native__SPFJ1E.sc-ds-datepicker-native:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-datepicker-native__SPFJ1E.sc-ds-datepicker-native:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-datepicker-native__SPFJ1E.sc-ds-datepicker-native{justify-content:flex-end}.ds-datepicker-native__SPFJ1E--disabled.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-native__SPFJ1E--invalid.sc-ds-datepicker-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__SPFJ1E.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__SPFJ1E--disabled,.ds-datepicker-native__SPFJ1E--invalid.sc-ds-datepicker-native,.ds-datepicker-native__SPFJ1E.sc-ds-datepicker-native:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-native__SPFJ1E.sc-ds-datepicker-native:focus-within:not(.ds-datepicker-native__SPFJ1E--invalid,.ds-datepicker-native__SPFJ1E--disabled).sc-ds-datepicker-native{border-color:var(--ds-borderColor-primary)}"}},[774,"ds-datepicker-native",{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"],dsErrorText:[1,"ds-error-text"],dsRequired:[4,"ds-required"],dsMin:[1,"ds-min"],dsMax:[1,"ds-max"],dsShowCalendarIcon:[4,"ds-show-calendar-icon"],value:[32],hasFocus:[32]},[[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}]);function g(){"undefined"!=typeof customElements&&["ds-datepicker-native","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-spinner","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-datepicker-native":customElements.get(d(e))||customElements.define(d(e),_);break;case"ds-assistive-text":customElements.get(d(e))||h();break;case"ds-button":customElements.get(d(e))||b();break;case"ds-control-label":customElements.get(d(e))||u();break;case"ds-feedback":customElements.get(d(e))||v();break;case"ds-icon":customElements.get(d(e))||p();break;case"ds-input-validity":customElements.get(d(e))||m();break;case"ds-spinner":customElements.get(d(e))||f();break;case"ds-visually-hidden":customElements.get(d(e))||k()}}))}o([i("ds-icon",{dsName:""}),i("ds-control-label",null),i("ds-input-validity",null),i("ds-button",null)]);export{_ as D,g as d}