@uh-design-system/component-library 0.7.0 → 0.7.1

package/dist/component-library/ds-radio-button.entry.js

@@ -1 +1 @@
-import{r as t,c as s,a as i,h as d,F as e}from"./index-D-gUvxcp.js";import{i as o,b as a}from"./attributes-BD_lNRxn.js";import{v as r,g as n}from"./controlUtils-D7E0lnlW.js";import{i as l}from"./utils-CqaqnfY4.js";import{c}from"./index-BfTCfPZ1.js";import"./index-B5zt1rdf.js";const u=l("ds-radio-button"),h=class{constructor(i){t(this,i),this.dsChange=s(this,"dsChange"),this.dsRadioButtonChecked=s(this,"dsRadioButtonChecked"),this.dsRadioButtonFocused=s(this,"dsRadioButtonFocused"),this.dsRadioButtonBlurred=s(this,"dsRadioButtonBlurred"),this.dsSubmitInvalid=s(this,"dsSubmitInvalid"),this.dsValidity=s(this,"dsValidity")}radioGroup=null;inputElement;inheritedAttributes={};get el(){return i(this)}dsChange;dsRadioButtonChecked;dsRadioButtonFocused;dsRadioButtonBlurred;dsSubmitInvalid;dsValidity;dsId=u.next().value;dsName=this.dsId;dsErrorsDisabled=!1;dsValue=this.dsId;dsLegend;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=`${this.dsId}-error`;assistiveTextId=`${this.dsId}-assistive-text`;async dsFocus(){this.inputElement.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.dsChecked=!0,this.dsRadioButtonChecked.emit()}async dsCheckValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(t){this.dsChange.emit({checked:t,value:this.dsValue});const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsValidity.emit({flag:t,message:r(t)});break}}componentWillLoad(){this.inheritedAttributes={...a(this.el,["aria-invalid"]),...o(this,this.el,["value","name","id"])},this.initialChecked=this.dsChecked}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup=this.el.closest("ds-radio-button-group"),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest("ds-radio-button-group"),this.radioGroup&&(this.updateCheckedState(),this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioGroupInvalidStateChange",this.updateGroupInvalidState))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioGroupInvalidStateChange",this.updateGroupInvalidState)),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:r(t)});break}};updateCheckedState=async()=>{this.dsChecked=this.dsValue===await this.radioGroup.getValue()};updateGroupInvalidState=t=>{this.groupInvalid=!!t.detail,this.dsErrorText=t.detail};handleInput=()=>{this.setChecked()};handleFocus=()=>{this.dsRadioButtonFocused.emit(this.dsId)};handleBlur=()=>{if(this.dsRadioButtonBlurred.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:r(s)});break}};getLegendText=()=>this.dsRequired?n(this.dsLegend):this.dsLegend;renderRadioIcon(){const t="ds-radio-button__icon",s=c(`${t}__outer-circle`,{[`${t}__outer-circle--checked`]:this.dsChecked}),i=c(`${t}__inner-circle`);return d("slot",{name:"icon"},d("div",{class:t,"aria-hidden":"true"},d("svg",{width:"44",height:"44",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d("rect",{x:"10",y:"10",width:"24",height:"24",rx:"12",fill:"white"}),d("circle",{class:s,cx:"22",cy:"22",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&d("circle",{class:i,cx:"22",cy:"22",r:"6",fill:"#005A94"}))))}renderRadioButton(){const t=c("ds-radio-button",{"ds-radio-button--disabled":this.dsDisabled,"ds-radio-button--invalid":!!this.dsErrorText}),s=c("ds-radio-button__input"),i=c("ds-radio-button__text");return d(e,null,d("div",null,d("label",{class:t},d("ds-visually-hidden",null,d("input",{ref:t=>this.inputElement=t,type:"radio",class:s,value:this.dsValue,id:this.dsId,name:this.dsName,disabled:this.dsDisabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,checked:this.dsChecked,tabindex:this.focusable?0:-1,required:this.dsRequired,"aria-invalid":!!this.dsErrorText,...this.inheritedAttributes})),this.renderRadioIcon(),d("slot",null,d("span",{class:i},this.dsText)))),!this.dsErrorsDisabled&&d("slot",{name:"validity"},d("div",{class:"ds-radio-button__validity"},d("ds-input-validity",{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(){const t=c("ds-radio-button-fieldset"),s=c("ds-radio-button-fieldset__legend"),i=c("ds-radio-button-fieldset__assistive-text"),e=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return d("fieldset",{class:t,"aria-describedby":e},d("legend",{class:s},d("slot",{name:"legend"},this.getLegendText())),d("slot",{name:"assistiveText"},this.dsAssistiveText&&d("small",{class:i,id:this.assistiveTextId},this.dsAssistiveText)),this.renderRadioButton())}render(){return this.dsLegend?this.renderFieldset():this.renderRadioButton()}static get formAssociated(){return!0}static get watchers(){return{dsChecked:["dsCheckedObserver"]}}};h.style=".sc-ds-radio-button:root,.sc-ds-radio-button-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-radio-button.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-palette-black-95)}.ds-radio-button--disabled.sc-ds-radio-button{color:var(--ds-palette-black-40)}.ds-radio-button__validity.sc-ds-radio-button{margin-left:10px}.ds-radio-button.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__icon.sc-ds-radio-button{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 5)}.ds-radio-button__icon.sc-ds-radio-button{border-radius:50%;height:44px;width:44px}.ds-radio-button__text.sc-ds-radio-button{margin-top:11px}.ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-white)}.ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-70);fill:var(--ds-palette-white)}.ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-palette-mainBlue-70)}.ds-radio-button.sc-ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-black-10)}.ds-radio-button.sc-ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-palette-white)}.ds-radio-button.sc-ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-palette-mainBlue-80)}.ds-radio-button.sc-ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-black-20)}.ds-radio-button.sc-ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-palette-white)}.ds-radio-button.sc-ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-palette-mainBlue-90)}.ds-radio-button--disabled.sc-ds-radio-button .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-overlay-black-15);fill:var(--ds-overlay-black-10)}.ds-radio-button--disabled.sc-ds-radio-button .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-overlay-black-15);fill:var(--ds-overlay-black-10)}.ds-radio-button--disabled.sc-ds-radio-button .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-overlay-black-15)}.ds-radio-button--invalid.sc-ds-radio-button .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-palette-red-50);fill:var(--ds-palette-white)}.ds-radio-button--invalid.sc-ds-radio-button .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-red-50);fill:var(--ds-palette-white)}.ds-radio-button--invalid.sc-ds-radio-button .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-palette-mainBlue-70)}.ds-radio-button-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-palette-black-95);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large)}";export{h as ds_radio_button}
+import{h as t,r as s,c as i,a as d,F as e}from"./index-CIXO9B7A.js";import{i as o,b as a}from"./attributes-BD_lNRxn.js";import{v as r,g as n}from"./controlUtils-DQRQCahL.js";import{d as l,i as c,t as u}from"./utils-hnAo1pVs.js";import{c as h}from"./index-BfTCfPZ1.js";import"./index--uGgWE-E.js";const b=c("ds-radio-button"),v=class{constructor(t){s(this,t),this.dsChange=i(this,"dsChange"),this.dsRadioButtonChecked=i(this,"dsRadioButtonChecked"),this.dsRadioButtonFocused=i(this,"dsRadioButtonFocused"),this.dsRadioButtonBlurred=i(this,"dsRadioButtonBlurred"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity")}radioGroup=null;inputElement;inheritedAttributes={};get el(){return d(this)}dsChange;dsRadioButtonChecked;dsRadioButtonFocused;dsRadioButtonBlurred;dsSubmitInvalid;dsValidity;dsId=b.next().value;dsName=this.dsId;dsErrorsDisabled=!1;dsValue=this.dsId;dsLegend;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=`${this.dsId}-error`;assistiveTextId=`${this.dsId}-assistive-text`;async dsFocus(){this.inputElement.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.dsChecked=!0,this.dsRadioButtonChecked.emit()}async dsCheckValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(t){this.dsChange.emit({checked:t,value:this.dsValue});const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsValidity.emit({flag:t,message:r(t)});break}}componentWillLoad(){this.radioGroup&&this.updateCheckedState(),this.inheritedAttributes={...a(this.el,["aria-invalid"]),...o(this,this.el,["value","name","id"])},this.initialChecked=this.dsChecked}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(u("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioGroupInvalidStateChange",this.updateGroupInvalidState))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioGroupInvalidStateChange",this.updateGroupInvalidState)),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:r(t)});break}};updateCheckedState=async()=>{this.dsChecked=this.dsValue===await this.radioGroup.getValue()};updateGroupInvalidState=t=>{this.groupInvalid=!!t.detail,this.dsErrorText=t.detail};handleInput=()=>{this.setChecked()};handleFocus=()=>{this.dsRadioButtonFocused.emit(this.dsId)};handleBlur=()=>{if(this.dsRadioButtonBlurred.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:r(s)});break}};getLegendText=()=>this.dsRequired?n(this.dsLegend):this.dsLegend;renderRadioIcon(){const s="ds-radio-button__icon",i=h(`${s}__outer-circle`,{[`${s}__outer-circle--checked`]:this.dsChecked}),d=h(`${s}__inner-circle`);return t("slot",{name:"icon"},t("div",{class:s,"aria-hidden":"true"},t("svg",{width:"44",height:"44",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("rect",{x:"10",y:"10",width:"24",height:"24",rx:"12",fill:"white"}),t("circle",{class:i,cx:"22",cy:"22",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&t("circle",{class:d,cx:"22",cy:"22",r:"6",fill:"#005A94"}))))}renderRadioButton(){const s=h("ds-radio-button",{"ds-radio-button--disabled":this.dsDisabled,"ds-radio-button--invalid":!!this.dsErrorText}),i=h("ds-radio-button__input"),d=h("ds-radio-button__text"),o=this.focusable?0:-1,a=u("ds-input-validity","ds-radio-button",this.el),r=u("ds-visually-hidden","ds-radio-button",this.el);return t(e,null,t("div",null,t("label",{class:s},t(r,null,t("input",{ref:t=>this.inputElement=t,type:"radio",class:i,value:this.dsValue,id:this.dsId,name:this.dsName,disabled:this.dsDisabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,checked:this.dsChecked,tabindex:o,required:this.dsRequired,"aria-invalid":!!this.dsErrorText,...this.inheritedAttributes})),this.renderRadioIcon(),t("slot",null,t("span",{class:d},this.dsText)))),!this.dsErrorsDisabled&&t("slot",{name:"validity"},t("div",{class:"ds-radio-button__validity"},t(a,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(){const s=h("ds-radio-button-fieldset"),i=h("ds-radio-button-fieldset__legend"),d=h("ds-radio-button-fieldset__assistive-text"),e=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return t("fieldset",{class:s,"aria-describedby":e},t("legend",{class:i},t("slot",{name:"legend"},this.getLegendText())),t("slot",{name:"assistiveText"},this.dsAssistiveText&&t("small",{class:d,id:this.assistiveTextId},this.dsAssistiveText)),this.renderRadioButton())}render(){return this.dsLegend?this.renderFieldset():this.renderRadioButton()}static get formAssociated(){return!0}static get watchers(){return{dsChecked:["dsCheckedObserver"]}}};l([t("ds-visually-hidden",null),t("ds-input-validity",null)]),v.style=".sc-ds-radio-button:root,.sc-ds-radio-button-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-radio-button.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-palette-black-95)}.ds-radio-button--disabled.sc-ds-radio-button{color:var(--ds-palette-black-40)}.ds-radio-button__validity.sc-ds-radio-button{margin-left:10px}.ds-radio-button.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__icon.sc-ds-radio-button{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 5)}.ds-radio-button__icon.sc-ds-radio-button{border-radius:50%;height:44px;width:44px}.ds-radio-button__text.sc-ds-radio-button{margin-top:11px}.ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-white)}.ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-70);fill:var(--ds-palette-white)}.ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-palette-mainBlue-70)}.ds-radio-button.sc-ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-black-10)}.ds-radio-button.sc-ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-palette-white)}.ds-radio-button.sc-ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-palette-mainBlue-80)}.ds-radio-button.sc-ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-black-20)}.ds-radio-button.sc-ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-palette-white)}.ds-radio-button.sc-ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-palette-mainBlue-90)}.ds-radio-button--disabled.sc-ds-radio-button .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-overlay-black-15);fill:var(--ds-overlay-black-10)}.ds-radio-button--disabled.sc-ds-radio-button .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-overlay-black-15);fill:var(--ds-overlay-black-10)}.ds-radio-button--disabled.sc-ds-radio-button .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-overlay-black-15)}.ds-radio-button--invalid.sc-ds-radio-button .ds-radio-button__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-palette-red-50);fill:var(--ds-palette-white)}.ds-radio-button--invalid.sc-ds-radio-button .ds-radio-button__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-red-50);fill:var(--ds-palette-white)}.ds-radio-button--invalid.sc-ds-radio-button .ds-radio-button__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-palette-mainBlue-70)}.ds-radio-button-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-palette-black-95);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large)}";export{v as ds_radio_button}

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

@@ -1 +1 @@
-import{r as e,a as t,h as s}from"./index-D-gUvxcp.js";import{b as i}from"./attributes-BD_lNRxn.js";import{c as n}from"./index-BfTCfPZ1.js";const r={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},d={small:"ds-text--xs-regular",medium:"ds-text--sm-regular",large:"ds-text--md-regular",xLarge:"ds-text--lg-regular","2xLarge":"ds-text--xl-regular"},a={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)"},o=class{constructor(t){e(this,t)}inheritedAttributes={};get el(){return t(this)}dsText;dsSize="medium";dsSpinnerTextPosition="below";dsSpinnerColor="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes=i(this.el)}render(){const e=r[this.dsSize],t=d[this.dsSize],i=a[this.dsSpinnerColor],o=n("ds-spinner",`ds-spinner--${this.dsSize}`,{[`ds-spinner--${this.dsSpinnerTextPosition}`]:!!this.dsText}),l=n("ds-spinner__text",t,`ds-spinner__text--${this.dsSpinnerColor}`),g=e=>n("ds-spinner__segment",`ds-spinner__segment--${e}`);return s("div",{key:"0fa992bde3a9244616f5b6ba2120ae5f6d0db76e",role:this.dsUseRoleAlert?"alert":null,"aria-live":this.dsUseAriaLive?"polite":null,class:o,style:{"--spinner-size":`${e}px`,"--spinner-color":`${i}`,"--spinner-border-color":"white"==this.dsSpinnerColor?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},s("div",{key:"d3736ffa6a0dba10813bf044b43f0de19c4d20fb",class:"ds-spinner__spinner"},s("div",{key:"b23b329401fd853c5e24f834ce9ec73b15217a58",class:g(1)}),s("div",{key:"f9d619f5a9ad5dac4ebc606caed35c98c2b9e692",class:g(2)}),s("div",{key:"5165008462494014e5fb29d795b449363f819e82",class:g(3)})),this.dsHiddenAssistiveText&&s("ds-visually-hidden",{key:"4597804a73f0223ca7b58e09a8346b1cce68c9a1"},s("span",{key:"cdd40dbb408478afc55ea7a80a8aac1db5a34729"},this.dsHiddenAssistiveText)),this.dsText&&s("span",{key:"385ccceedbf6750de761d7aec6503dccf1445d3d",class:l},this.dsText))}};o.style="html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font--heading{font-family:var(--ds-fontFamily-heading)}.ds-font--body{font-family:var(--ds-fontFamily-body)}.ds-font--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--xtight{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking--tight{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking--normal{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking--wide{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking--xwide{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading--small{line-height:var(--ds-lineHeight-small)}.ds-leading--medium{line-height:var(--ds-lineHeight-medium)}.ds-leading--large{line-height:var(--ds-lineHeight-large)}.ds-leading--xlarge{line-height:var(--ds-lineHeight-xLarge)}.ds-width--normal{font-stretch:var(--ds-fontWidth-normal)}.ds-width--condense{font-stretch:var(--ds-fontWidth-condense)}.ds-number--proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph--16{margin-bottom:var(--ds-fontSize-16)}.ds-paragraph--20{margin-bottom:var(--ds-fontSize-20)}.ds-list--spacing{gap:4px}.ds-text-color--default{color:var(--ds-palette-black-95)}.ds-text{}.ds-text--2xl-regular{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text--xl-regular{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text--lg-regular{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text--md-regular{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text--sm-regular{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text--xs-regular{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text--2xl-semibold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xl-semibold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text--lg-semibold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text--md-semibold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text--sm-semibold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xs-semibold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text--2xl-bold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text--xl-bold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text--lg-bold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text--md-bold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text--sm-bold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text--xs-bold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner{display:flex;align-items:center;justify-content:center;}.ds-spinner--small{padding:1.5px}.ds-spinner--small:has(.ds-spinner__text){gap:var(--ds-spacing-2xSmall)}.ds-spinner--medium{padding:3px}.ds-spinner--medium:has(.ds-spinner__text){gap:var(--ds-spacing-2xSmall)}.ds-spinner--large{padding:3px}.ds-spinner--large:has(.ds-spinner__text){gap:var(--ds-spacing-xSmall)}.ds-spinner--xLarge{padding:5.5px}.ds-spinner--xLarge:has(.ds-spinner__text){gap:10px}.ds-spinner--2xLarge{padding:5.5px}.ds-spinner--2xLarge:has(.ds-spinner__text){gap:var(--ds-spacing-small)}.ds-spinner--below{flex-direction:column;align-items:center}.ds-spinner--right{flex-direction:row;align-items:center}.ds-spinner__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-overlay-black-15);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__text{font-family:var(--ds-fontFamily-body);color:var(--ds-palette-black-95)}.ds-spinner__text--white{color:var(--ds-palette-white)}.ds-spinner__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__segment--1{animation-delay:-0.3s}.ds-spinner__segment--2{animation-delay:-0.2s}.ds-spinner__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__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__segment--1{animation-delay:-0.6s}.ds-spinner__segment--2{animation-delay:-0.4s}.ds-spinner__segment--3{animation-delay:-0.2s}}";export{o as ds_spinner}
+import{h as e,r as s,a as t}from"./index-CIXO9B7A.js";import{b as i}from"./attributes-BD_lNRxn.js";import{c as n}from"./index-BfTCfPZ1.js";import{d as r,t as d}from"./utils-hnAo1pVs.js";const a={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},o={small:"ds-text--xs-regular",medium:"ds-text--sm-regular",large:"ds-text--md-regular",xLarge:"ds-text--lg-regular","2xLarge":"ds-text--xl-regular"},l={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)"},g=class{constructor(e){s(this,e)}inheritedAttributes={};get el(){return t(this)}dsText;dsSize="medium";dsSpinnerTextPosition="below";dsSpinnerColor="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes=i(this.el)}render(){const s=a[this.dsSize],t=o[this.dsSize],i=l[this.dsSpinnerColor],r=n("ds-spinner",`ds-spinner--${this.dsSize}`,{[`ds-spinner--${this.dsSpinnerTextPosition}`]:!!this.dsText}),g=n("ds-spinner__text",t,`ds-spinner__text--${this.dsSpinnerColor}`),f=e=>n("ds-spinner__segment",`ds-spinner__segment--${e}`),p=d("ds-visually-hidden","ds-spinner",this.el);return e("div",{key:"41ac2e9d4a4d47ba260cf0573c625c4cc3285772",role:this.dsUseRoleAlert?"alert":null,"aria-live":this.dsUseAriaLive?"polite":null,class:r,style:{"--spinner-size":`${s}px`,"--spinner-color":`${i}`,"--spinner-border-color":"white"==this.dsSpinnerColor?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},e("div",{key:"8f275e0bdbdd5ace7ad4c9cf3c7ce367ba5882ee",class:"ds-spinner__spinner"},e("div",{key:"2ae06bbf92492d0f6c63054c360257da685a2310",class:f(1)}),e("div",{key:"c5a12fd927eee963657c2a82d91ecfa81eb88a2d",class:f(2)}),e("div",{key:"80c36207963e53a3ca4041d993e60854f74dccae",class:f(3)})),this.dsHiddenAssistiveText&&e(p,{key:"aea851246b5b233128c94b4dc49eee409d19cc15"},e("span",{key:"6ffda5a7cc47eb4842dc8cf945ae7a2dbb4f49c7"},this.dsHiddenAssistiveText)),this.dsText&&e("span",{key:"020b3ccab3864a19ce3939661183731ae4db1d08",class:g},this.dsText))}};r([e("ds-visually-hidden",null)]),g.style="html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font--heading{font-family:var(--ds-fontFamily-heading)}.ds-font--body{font-family:var(--ds-fontFamily-body)}.ds-font--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--xtight{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking--tight{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking--normal{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking--wide{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking--xwide{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading--small{line-height:var(--ds-lineHeight-small)}.ds-leading--medium{line-height:var(--ds-lineHeight-medium)}.ds-leading--large{line-height:var(--ds-lineHeight-large)}.ds-leading--xlarge{line-height:var(--ds-lineHeight-xLarge)}.ds-width--normal{font-stretch:var(--ds-fontWidth-normal)}.ds-width--condense{font-stretch:var(--ds-fontWidth-condense)}.ds-number--proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph--16{margin-bottom:var(--ds-fontSize-16)}.ds-paragraph--20{margin-bottom:var(--ds-fontSize-20)}.ds-list--spacing{gap:4px}.ds-text-color--default{color:var(--ds-palette-black-95)}.ds-text{}.ds-text--2xl-regular{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text--xl-regular{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text--lg-regular{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text--md-regular{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text--sm-regular{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text--xs-regular{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text--2xl-semibold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xl-semibold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text--lg-semibold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text--md-semibold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text--sm-semibold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xs-semibold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text--2xl-bold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text--xl-bold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text--lg-bold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text--md-bold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text--sm-bold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text--xs-bold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner{display:flex;align-items:center;justify-content:center;}.ds-spinner--small{padding:1.5px}.ds-spinner--small:has(.ds-spinner__text){gap:var(--ds-spacing-2xSmall)}.ds-spinner--medium{padding:3px}.ds-spinner--medium:has(.ds-spinner__text){gap:var(--ds-spacing-2xSmall)}.ds-spinner--large{padding:3px}.ds-spinner--large:has(.ds-spinner__text){gap:var(--ds-spacing-xSmall)}.ds-spinner--xLarge{padding:5.5px}.ds-spinner--xLarge:has(.ds-spinner__text){gap:10px}.ds-spinner--2xLarge{padding:5.5px}.ds-spinner--2xLarge:has(.ds-spinner__text){gap:var(--ds-spacing-small)}.ds-spinner--below{flex-direction:column;align-items:center}.ds-spinner--right{flex-direction:row;align-items:center}.ds-spinner__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-overlay-black-15);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__text{font-family:var(--ds-fontFamily-body);color:var(--ds-palette-black-95)}.ds-spinner__text--white{color:var(--ds-palette-white)}.ds-spinner__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__segment--1{animation-delay:-0.3s}.ds-spinner__segment--2{animation-delay:-0.2s}.ds-spinner__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__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__segment--1{animation-delay:-0.6s}.ds-spinner__segment--2{animation-delay:-0.4s}.ds-spinner__segment--3{animation-delay:-0.2s}}";export{g as ds_spinner}

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

@@ -0,0 +1 @@
+import{r as a,a as s,h as e}from"./index-CIXO9B7A.js";const i=class{constructor(s){a(this,s)}get el(){return s(this)}dsLabel;dsAssistiveText;render(){const a=this.dsAssistiveText?"ds-tag-group-assistive-text":void 0;return e("div",{key:"5e132f0aa006d74722358f2ac3b0b74c4116ea9a",class:"ds-tag-group",role:"group","aria-label":this.dsLabel,"aria-describedby":a||void 0},(this.dsLabel||this.dsAssistiveText)&&e("div",{key:"2fe72fffe735931ff5472162cac5b3babda6b957"},this.dsLabel&&e("div",{key:"5388aa1fb591062e25c51f03390af5f34a9e81e9",class:"ds-tag-group__label"},this.dsLabel),this.dsAssistiveText&&e("small",{key:"d63eb8fc20ef2e361890a45709d2a7e54c4f9a02",class:"ds-tag-group__assistive-text",id:a},this.dsAssistiveText)),e("ul",{key:"35f882de376802e7048f4ea6b06291288d233c64",class:"ds-tag-group__tags"},Array.from(this.el.children).map((a=>e("li",{innerHTML:a.outerHTML})))))}};i.style=".ds-tag-group__label{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag-group__assistive-text{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large)}.ds-tag-group__tags{display:inline-flex;flex-direction:row;flex-wrap:wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{i as ds_tag_group}

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

@@ -1 +1 @@
-import{r as a,h as s}from"./index-D-gUvxcp.js";import{c as t}from"./index-BfTCfPZ1.js";const d=class{constructor(s){a(this,s)}dsText="Label";dsIcon="";dsIconPosition="start";dsDownload;dsTarget;dsHref;dsColour="default";render(){const a=t("ds-tag",`ds-tag--${this.dsColour}`,{"ds-tag--link":!!this.dsHref});return s("div",{key:"a54bbc1ec29cfa0c6df2f9e40765a746d1e6fcf8",class:a},s("slot",{key:"2c4a3c20b956798f114477bc22be6e796cca3f1f",name:"prefix"},!this.dsHref&&this.dsIcon&&"start"===this.dsIconPosition?s("ds-icon",{dsName:this.dsIcon,dsSize:"1rem"}):null),s("slot",{key:"30e3768b29339c327449472b9f530d564d7e0269"},this.dsHref?s("ds-link",{dsText:this.dsText,dsHref:this.dsHref,dsTarget:this.dsTarget,dsDownload:this.dsDownload,dsColour:"black"===this.dsColour?"white":"black",dsSize:"small",dsWeight:"semibold"}):s("span",{class:"ds-tag__text"},this.dsText)),s("slot",{key:"26cdf6d6b8dea7de55eade2f1b3807da4b9abb24",name:"suffix"},!this.dsHref&&this.dsIcon&&"end"===this.dsIconPosition?s("ds-icon",{dsName:this.dsIcon,dsSize:"1rem"}):null))}};d.style=".ds-tag{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-palette-black-05);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag.ds-tag--default{color:var(--ds-palette-black-95);background-color:var(--ds-palette-black-05)}.ds-tag.ds-tag--default:hover:has(ds-link){background-color:var(--ds-palette-black-10)}.ds-tag.ds-tag--default:active:has(ds-link){background-color:var(--ds-palette-black-20)}.ds-tag.ds-tag--black{color:var(--ds-palette-white);background-color:var(--ds-palette-black-95)}.ds-tag.ds-tag--black:hover:has(ds-link){background-color:var(--ds-palette-black-80)}.ds-tag.ds-tag--black:active:has(ds-link){background-color:var(--ds-palette-black-70)}.ds-tag.ds-tag--white{color:var(--ds-palette-black-95);background-color:var(--ds-palette-white)}.ds-tag.ds-tag--white:hover:has(ds-link){background-color:var(--ds-palette-black-10)}.ds-tag.ds-tag--white:active:has(ds-link){background-color:var(--ds-palette-black-20)}.ds-tag.ds-tag--info{color:var(--ds-palette-black-95);background-color:var(--ds-palette-blue-05)}.ds-tag.ds-tag--info:hover:has(ds-link){background-color:var(--ds-palette-blue-10)}.ds-tag.ds-tag--info:active:has(ds-link){background-color:var(--ds-palette-blue-20)}.ds-tag.ds-tag--danger{color:var(--ds-palette-black-95);background-color:var(--ds-palette-red-05)}.ds-tag.ds-tag--danger:hover:has(ds-link){background-color:var(--ds-palette-red-10)}.ds-tag.ds-tag--danger:active:has(ds-link){background-color:var(--ds-palette-red-20)}.ds-tag.ds-tag--attention{color:var(--ds-palette-black-95);background-color:var(--ds-palette-yellow-05)}.ds-tag.ds-tag--attention:hover:has(ds-link){background-color:var(--ds-palette-yellow-10)}.ds-tag.ds-tag--attention:active:has(ds-link){background-color:var(--ds-palette-yellow-20)}.ds-tag.ds-tag--success{color:var(--ds-palette-black-95);background-color:var(--ds-palette-green-05)}.ds-tag.ds-tag--success:hover:has(ds-link){background-color:var(--ds-palette-green-10)}.ds-tag.ds-tag--success:active:has(ds-link){background-color:var(--ds-palette-green-20)}.ds-tag__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag--link{padding:unset}.ds-tag--link ds-link::part(ds-link){min-height:1.5rem;padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall)}";export{d as ds_tag}
+import{h as a,r as t,a as s}from"./index-CIXO9B7A.js";import{c as d}from"./index-BfTCfPZ1.js";import{d as e,t as l}from"./utils-hnAo1pVs.js";const r=class{constructor(a){t(this,a)}dsText="Label";dsIcon="";dsIconPosition="start";dsDownload;dsTarget;dsHref;dsColour="default";get el(){return s(this)}render(){const t=d("ds-tag",`ds-tag--${this.dsColour}`,{"ds-tag--link":!!this.dsHref}),s=l("ds-icon","ds-tag",this.el),e=l("ds-link","ds-tag",this.el);return a("div",{key:"40d1e7607357b556097b27c6aad58a1b2e5af0fb",class:t},a("slot",{key:"416e038155b38f758d5f31994ee45e619facff1b",name:"prefix"},!this.dsHref&&this.dsIcon&&"start"===this.dsIconPosition?a(s,{dsName:this.dsIcon,dsSize:"1rem"}):null),a("slot",{key:"a276c53fd88b357f40a6a0227d79576318c0b708"},this.dsHref?a(e,{class:"ds-tag__link",dsText:this.dsText,dsHref:this.dsHref,dsTarget:this.dsTarget,dsDownload:this.dsDownload,dsColour:"black"===this.dsColour?"white":"black",dsSize:"small",dsWeight:"semibold"}):a("span",{class:"ds-tag__text"},this.dsText)),a("slot",{key:"e0ec39cd2378889d15b4a22e62742e730ce33a21",name:"suffix"},!this.dsHref&&this.dsIcon&&"end"===this.dsIconPosition?a(s,{dsName:this.dsIcon,dsSize:"1rem"}):null))}};e([a("ds-icon",null),a("ds-link",{dsText:""})]),r.style=".ds-tag{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-palette-black-05);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag.ds-tag--default{color:var(--ds-palette-black-95);background-color:var(--ds-palette-black-05)}.ds-tag.ds-tag--default:hover:has(.ds-tag__link){background-color:var(--ds-palette-black-10)}.ds-tag.ds-tag--default:active:has(.ds-tag__link){background-color:var(--ds-palette-black-20)}.ds-tag.ds-tag--black{color:var(--ds-palette-white);background-color:var(--ds-palette-black-95)}.ds-tag.ds-tag--black:hover:has(.ds-tag__link){background-color:var(--ds-palette-black-80)}.ds-tag.ds-tag--black:active:has(.ds-tag__link){background-color:var(--ds-palette-black-70)}.ds-tag.ds-tag--white{color:var(--ds-palette-black-95);background-color:var(--ds-palette-white)}.ds-tag.ds-tag--white:hover:has(.ds-tag__link){background-color:var(--ds-palette-black-10)}.ds-tag.ds-tag--white:active:has(.ds-tag__link){background-color:var(--ds-palette-black-20)}.ds-tag.ds-tag--info{color:var(--ds-palette-black-95);background-color:var(--ds-palette-blue-05)}.ds-tag.ds-tag--info:hover:has(.ds-tag__link){background-color:var(--ds-palette-blue-10)}.ds-tag.ds-tag--info:active:has(.ds-tag__link){background-color:var(--ds-palette-blue-20)}.ds-tag.ds-tag--danger{color:var(--ds-palette-black-95);background-color:var(--ds-palette-red-05)}.ds-tag.ds-tag--danger:hover:has(.ds-tag__link){background-color:var(--ds-palette-red-10)}.ds-tag.ds-tag--danger:active:has(.ds-tag__link){background-color:var(--ds-palette-red-20)}.ds-tag.ds-tag--attention{color:var(--ds-palette-black-95);background-color:var(--ds-palette-yellow-05)}.ds-tag.ds-tag--attention:hover:has(.ds-tag__link){background-color:var(--ds-palette-yellow-10)}.ds-tag.ds-tag--attention:active:has(.ds-tag__link){background-color:var(--ds-palette-yellow-20)}.ds-tag.ds-tag--success{color:var(--ds-palette-black-95);background-color:var(--ds-palette-green-05)}.ds-tag.ds-tag--success:hover:has(.ds-tag__link){background-color:var(--ds-palette-green-10)}.ds-tag.ds-tag--success:active:has(.ds-tag__link){background-color:var(--ds-palette-green-20)}.ds-tag__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag--link{padding:unset}.ds-tag--link .ds-tag__link::part(link){min-height:1.5rem;padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall)}";export{r as ds_tag}

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

@@ -1 +1 @@
-import{r as t,c as s,a as i,h as e,F as n}from"./index-D-gUvxcp.js";import{c as a}from"./index-BfTCfPZ1.js";import{g as d,a as r,v as o}from"./controlUtils-D7E0lnlW.js";import{i as l}from"./utils-CqaqnfY4.js";import{b as c,i as p}from"./attributes-BD_lNRxn.js";import"./index-B5zt1rdf.js";const u={search:"search"},h={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},b=l("ds-input"),x=class{constructor(i){t(this,i),this.dsChange=s(this,"dsChange"),this.dsInput=s(this,"dsInput"),this.dsClear=s(this,"dsClear"),this.dsSubmitInvalid=s(this,"dsSubmitInvalid"),this.dsValidity=s(this,"dsValidity")}inheritedAttributes={};suffixButtonElement;inputElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return i(this)}dsChange;dsInput;dsClear;dsSubmitInvalid;dsValidity;dsLabel;dsPlaceholder;dsId=b.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;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 togglePasswordVisibility(){return this.passwordInputVisible=!this.passwordInputVisible}async clearInput(t){this.dsValue="",this.inputElement.focus(),this.clearButtonVisible=!1,this.dsClear.emit({event:t,value:this.dsValue})}async dsFocus(){this.inputElement.focus()}async dsCheckValidity(){return this.inputElement?.checkValidity()}valueObserver(t){this.dsChange.emit({value:t})}getLabelText=()=>this.dsRequired?d(this.dsLabel):this.dsOptional?r(this.dsLabel,this.dsOptionalText):this.dsLabel;componentWillLoad(){this.inheritedAttributes={...p(this,this.el,["id"]),...c(this.el,["aria-label","aria-labelledby","aria-describedby","aria-invalid"])},this.setIds(),this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),this.clearButtonVisible="search"===this.dsType&&!!this.dsValue}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:o(t,{type:this.dsType})});break}};handleInput=t=>{const s=t.target;if(this.dsValue=s.value,this.clearButtonVisible=!!s.value,this.dsInput.emit({event:t,value:this.dsValue}),this.dsErrorText||this.wasInvalidOnBlur){const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:o(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:o(s,{type:this.dsType})});break}};onActionButtonClicked=t=>{switch(t.stopPropagation(),this.dsType){case"password":return this.togglePasswordVisibility();case"search":return void this.clearInput(t);default:return}};renderPrefixContent(){if(this.hasPrefixSlot)return e("slot",{name:"prefix"});if(this.dsPrefixText)return e("slot",{name:"prefix"},e("span",{class:"prefix"},this.dsPrefixText));const t=this.dsIcon||u[this.dsType];return t?e("slot",{name:"prefix"},e("ds-icon",{class:"prefix",dsName:t})):null}renderSuffixContent(){if(this.hasSuffixSlot)return e("slot",{name:"suffix"});if(this.dsSuffixText)return e("slot",{name:"suffix"},e("span",{class:"suffix"},this.dsSuffixText));const t=h[this.dsType]?.(this)??"";return t?e("slot",{name:"suffix"},e("ds-button",{ref:t=>this.suffixButtonElement=t,dsVariant:"supplementary",dsColour:"black",class:"suffix",dsDisabled:!1,dsIcon:t,onClick:this.onActionButtonClicked,"aria-pressed":"password"===this.dsType?this.passwordInputVisible:void 0,"aria-label":this.dsActionButtonAriaLabel})):null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement.focus()}render(){const t="password"===this.dsType&&this.passwordInputVisible?"text":this.dsType;return e(n,{key:"fb0f6452db05f8673b54a017407dd7fd9fb21bb3"},e("div",{key:"0f88cb72aedb629b5c3cc36f6d83c3940d889ab9",class:"ds-input__label-container"},e("slot",{key:"c31624f0477510c18d79d968251ec010ce2d2012",name:"label"},e("label",{key:"f9cebb5bb2e2f990251499e27e044b8b59877ebd",htmlFor:this.dsId},this.getLabelText())),e("slot",{key:"8b6902a1166f89654a6d31690551b03a0533ad99",name:"assistiveText"},e("small",{key:"2c8fbeb5077000496197380c1673ba0ced05aefd",id:this.assistiveTextId},this.dsAssistiveText),e("ds-visually-hidden",{key:"dd8d75b334a98d3f17b97a4ced317d32c472e418",id:this.visuallyHiddenAssistiveTextId,"ds-tag":"span"},this.dsHiddenAssistiveText))),e("div",{key:"76027598d91485d8770bebb66e5295f141c49821",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:a("ds-input__container",{disabled:this.dsDisabled,readonly:this.dsReadonly,valid:!!this.dsSuccessText,invalid:!!this.dsErrorText,focus:this.hasFocus,active:!!this.inputActive})},this.renderPrefixContent(),e("input",{key:"896073a9e7efee2292a43fe433904796439b7738",ref:t=>this.inputElement=t,id:this.dsId,name:this.dsName,"aria-label":this.dsAriaLabel,"aria-labelledby":this.dsAriaLabelledby,"aria-describedby":this.dsAriaDescribedby||a({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText}),"aria-invalid":this.dsErrorText?"true":"false",disabled:this.dsDisabled,required:this.dsRequired,readonly:this.dsReadonly,value:this.dsValue,type:t,min:this.dsMin,max:this.dsMax,maxlength:this.dsMaxLength,pattern:this.dsPattern,placeholder:this.dsPlaceholder,autocomplete:this.dsAutocomplete,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...this.inheritedAttributes}),this.renderSuffixContent()),e("slot",{key:"e90508f02dda7b770ded7a7a07ab9916fc25ac48",name:"validity"},e("ds-input-validity",{key:"87e125ea5df941c0dc2294673b877c1274827335",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsValidityRole:"alert"}),e("ds-input-validity",{key:"12707c8076a00260b65f735259bd83bcaab0755f",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsValidityRole:"status"})))}static get formAssociated(){return!0}static get watchers(){return{dsValue:["valueObserver"]}}};x.style=".sc-ds-text-input:root,.sc-ds-text-input-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-text-input-h *.sc-ds-text-input,.ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-input__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-input__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-palette-black-95)}.ds-input__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-palette-black-70)}.ds-input__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;border-color:var(--ds-palette-black-50);padding-inline:var(--ds-spacing-xSmall)}.ds-input__container.sc-ds-text-input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-input__container.sc-ds-text-input:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-input__container.invalid.sc-ds-text-input{background-color:var(--ds-palette-red-05);border-color:var(--ds-palette-red-50)}.ds-input__container.invalid.sc-ds-text-input:hover:not(.ds-input__container.invalid:focus-within){background-color:var(--ds-palette-red-10);border-color:var(--ds-palette-red-50)}.ds-input__container.invalid.active.sc-ds-text-input{background-color:var(--ds-palette-red-20);border-color:var(--ds-palette-red-50)}.ds-input__container.valid.sc-ds-text-input{background-color:var(--ds-palette-green-05);border-color:var(--ds-palette-green-50)}.ds-input__container.valid.sc-ds-text-input:hover:not(.ds-input__container.valid:focus-within){background-color:var(--ds-palette-green-10);border-color:var(--ds-palette-green-50)}.ds-input__container.valid.active.sc-ds-text-input{background-color:var(--ds-palette-green-20);border-color:var(--ds-palette-green-50)}.ds-input__container.readonly.sc-ds-text-input,.ds-input__container.disabled.sc-ds-text-input{background-color:var(--ds-overlay-black-10);border-color:var(--ds-overlay-black-15)}.ds-input__container.sc-ds-text-input:has(span.prefix,ds-icon.prefix).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-input__container.sc-ds-text-input:has(ds-button.suffix){padding-inline-end:unset}.ds-input__container.sc-ds-text-input:has(input:active){outline:none}.ds-input__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-palette-black-50)}.ds-input__container.active.sc-ds-text-input:not(.ds-input__container.disabled,.ds-input__container.readonly.sc-ds-text-input,.ds-input__container.invalid.sc-ds-text-input,.ds-input__container.valid).sc-ds-text-input{border-color:var(--ds-palette-black-50);background-color:var(--ds-palette-black-20)}.ds-input__container.sc-ds-text-input:hover:not(.ds-input__container.disabled,.ds-input__container.readonly.sc-ds-text-input,.ds-input__container.active.sc-ds-text-input,.ds-input__container.invalid.sc-ds-text-input,.ds-input__container.valid.sc-ds-text-input,.ds-input__container.sc-ds-text-input:focus-within){border-color:var(--ds-palette-black-50);background-color:var(--ds-palette-black-10)}.ds-input__container.sc-ds-text-input:focus-within:not(.ds-input__container:focus-within.invalid,.ds-input__container.sc-ds-text-input:focus-within.valid,.ds-input__container.sc-ds-text-input:focus-within.readonly){border-color:var(--ds-palette-mainBlue-70)}.ds-input__container.sc-ds-text-input:focus-within *.sc-ds-text-input>ds-button.suffix.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-overlay-black-10)}.ds-input__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-palette-black-95);border:none;padding-block:var(--ds-spacing-4xSmall)}.ds-input__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-palette-black-70)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-palette-black-40)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-palette-black-40)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-input__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-input__container.sc-ds-text-input:has(span.prefix,ds-icon.prefix).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-input__container.sc-ds-text-input span.prefix.sc-ds-text-input,.ds-input__container.sc-ds-text-input span.suffix.sc-ds-text-input{color:var(--ds-palette-black-70)}.ds-input__container.sc-ds-text-input ds-icon.prefix.sc-ds-text-input,.ds-input__container.sc-ds-text-input-s>[slot=prefix],.ds-input__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-palette-black-95)}.ds-input__container.sc-ds-text-input ds-button.suffix.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}";export{x as ds_text_input}
+import{h as t,r as s,c as i,a as e,F as n}from"./index-CIXO9B7A.js";import{c as a}from"./index-BfTCfPZ1.js";import{g as d,a as r,v as o}from"./controlUtils-DQRQCahL.js";import{d as l,i as c,t as u}from"./utils-hnAo1pVs.js";import{b as p,i as h}from"./attributes-BD_lNRxn.js";import"./index--uGgWE-E.js";const b={search:"search"},x={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},f=c("ds-input"),v=class{constructor(t){s(this,t),this.dsChange=i(this,"dsChange"),this.dsInput=i(this,"dsInput"),this.dsClear=i(this,"dsClear"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity")}inheritedAttributes={};suffixButtonElement;inputElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return e(this)}dsChange;dsInput;dsClear;dsSubmitInvalid;dsValidity;dsLabel;dsPlaceholder;dsId=f.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;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 togglePasswordVisibility(){return this.passwordInputVisible=!this.passwordInputVisible}async clearInput(t){this.dsValue="",this.inputElement.focus(),this.clearButtonVisible=!1,this.dsClear.emit({event:t,value:this.dsValue})}async dsFocus(){this.inputElement.focus()}async dsCheckValidity(){return this.inputElement?.checkValidity()}valueObserver(t){this.dsChange.emit({value:t})}getLabelText=()=>this.dsRequired?d(this.dsLabel):this.dsOptional?r(this.dsLabel,this.dsOptionalText):this.dsLabel;componentWillLoad(){this.inheritedAttributes={...h(this,this.el,["id"]),...p(this.el,["aria-label","aria-labelledby","aria-describedby","aria-invalid"])},this.setIds(),this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),this.clearButtonVisible="search"===this.dsType&&!!this.dsValue}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:o(t,{type:this.dsType})});break}};handleInput=t=>{const s=t.target;if(this.dsValue=s.value,this.clearButtonVisible=!!s.value,this.dsInput.emit({event:t,value:this.dsValue}),this.dsErrorText||this.wasInvalidOnBlur){const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:o(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:o(s,{type:this.dsType})});break}};onActionButtonClicked=t=>{switch(t.stopPropagation(),this.dsType){case"password":return this.togglePasswordVisibility();case"search":return void this.clearInput(t);default:return}};renderPrefixContent(){if(this.hasPrefixSlot)return t("slot",{name:"prefix"});if(this.dsPrefixText)return t("slot",{name:"prefix"},t("span",{class:"prefix"},this.dsPrefixText));const s=this.dsIcon||b[this.dsType],i=u("ds-icon","ds-text-input",this.el);return s?t("slot",{name:"prefix"},t(i,{class:"ds-text-input__icon",dsName:s})):null}renderSuffixContent(){if(this.hasSuffixSlot)return t("slot",{name:"suffix"});if(this.dsSuffixText)return t("slot",{name:"suffix"},t("span",{class:"suffix"},this.dsSuffixText));const s=x[this.dsType]?.(this)??"",i="password"===this.dsType?this.passwordInputVisible:void 0,e=u("ds-button","ds-text-input",this.el);return s?t("slot",{name:"suffix"},t(e,{ref:t=>this.suffixButtonElement=t,dsVariant:"supplementary",dsColour:"black",class:"ds-text-input__button",dsDisabled:!1,dsIcon:s,onClick:this.onActionButtonClicked,"aria-pressed":i,"aria-label":this.dsActionButtonAriaLabel})):null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement.focus()}render(){const s="password"===this.dsType&&this.passwordInputVisible?"text":this.dsType,i=u("ds-visually-hidden","ds-text-input",this.el),e=u("ds-input-validity","ds-text-input",this.el);return t(n,{key:"d5fbe44bbbff42b75a215b87a69d8574a2911018"},t("div",{key:"94c0dd7e71ede20e760796deb76edde382a0f10b",class:"ds-input__label-container"},t("slot",{key:"e86e263cd9af65e1fa3b86c237a5ef39d4f20e7f",name:"label"},t("label",{key:"3936b750b6f318a1b7344c4cc3ebcb852fc51066",htmlFor:this.dsId},this.getLabelText())),t("slot",{key:"d2da2e30b78a34a45b8b7f46966ab972e4e0b025",name:"assistiveText"},t("small",{key:"d52b4154dd59e8f27e6cc825cbe62c1d8f0f3319",id:this.assistiveTextId},this.dsAssistiveText),t(i,{key:"fea45e29a5e2d61946cc623688ddd02f842d5dff",id:this.visuallyHiddenAssistiveTextId,"ds-tag":"span"},this.dsHiddenAssistiveText))),t("div",{key:"5ee839a7c0e09ba29f0d188504f31c93fe95b993",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:a("ds-input__container",{disabled:this.dsDisabled,readonly:this.dsReadonly,valid:!!this.dsSuccessText,invalid:!!this.dsErrorText,focus:this.hasFocus,active:!!this.inputActive})},this.renderPrefixContent(),t("input",{key:"a9bf53d9a819db9cad6c80535abb3b101d3e36ed",ref:t=>this.inputElement=t,id:this.dsId,name:this.dsName,"aria-label":this.dsAriaLabel,"aria-labelledby":this.dsAriaLabelledby,"aria-describedby":this.dsAriaDescribedby||a({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText}),"aria-invalid":this.dsErrorText?"true":"false",disabled:this.dsDisabled,required:this.dsRequired,readonly:this.dsReadonly,value:this.dsValue,type:s,min:this.dsMin,max:this.dsMax,maxlength:this.dsMaxLength,pattern:this.dsPattern,placeholder:this.dsPlaceholder,autocomplete:this.dsAutocomplete,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...this.inheritedAttributes}),this.renderSuffixContent()),t("slot",{key:"1ad212e77fa8fd66c414860bf767054322a3f3bf",name:"validity"},t(e,{key:"980a25cc784a37a0ba5f32e029f744a94db8502f",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsValidityRole:"alert"}),t(e,{key:"0a006fdb9962543ecb77790a56655669e251e7e1",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsValidityRole:"status"})))}static get formAssociated(){return!0}static get watchers(){return{dsValue:["valueObserver"]}}};l([t("ds-icon",null),t("ds-button",null),t("ds-visually-hidden",null),t("ds-input-validity",null)]),v.style=".sc-ds-text-input:root,.sc-ds-text-input-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-text-input-h *.sc-ds-text-input,.ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-input__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-input__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-palette-black-95)}.ds-input__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-palette-black-70)}.ds-input__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;border-color:var(--ds-palette-black-50);padding-inline:var(--ds-spacing-xSmall)}.ds-input__container.sc-ds-text-input:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-input__container.sc-ds-text-input:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-input__container.invalid.sc-ds-text-input{background-color:var(--ds-palette-red-05);border-color:var(--ds-palette-red-50)}.ds-input__container.invalid.sc-ds-text-input:hover:not(.ds-input__container.invalid:focus-within){background-color:var(--ds-palette-red-10);border-color:var(--ds-palette-red-50)}.ds-input__container.invalid.active.sc-ds-text-input{background-color:var(--ds-palette-red-20);border-color:var(--ds-palette-red-50)}.ds-input__container.valid.sc-ds-text-input{background-color:var(--ds-palette-green-05);border-color:var(--ds-palette-green-50)}.ds-input__container.valid.sc-ds-text-input:hover:not(.ds-input__container.valid:focus-within){background-color:var(--ds-palette-green-10);border-color:var(--ds-palette-green-50)}.ds-input__container.valid.active.sc-ds-text-input{background-color:var(--ds-palette-green-20);border-color:var(--ds-palette-green-50)}.ds-input__container.readonly.sc-ds-text-input,.ds-input__container.disabled.sc-ds-text-input{background-color:var(--ds-overlay-black-10);border-color:var(--ds-overlay-black-15)}.ds-input__container.sc-ds-text-input:has(span.prefix,.ds-text-input__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-input__container.sc-ds-text-input:has(.ds-text-input__button){padding-inline-end:unset}.ds-input__container.sc-ds-text-input:has(input:active){outline:none}.ds-input__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-palette-black-50)}.ds-input__container.active.sc-ds-text-input:not(.ds-input__container.disabled,.ds-input__container.readonly.sc-ds-text-input,.ds-input__container.invalid.sc-ds-text-input,.ds-input__container.valid).sc-ds-text-input{border-color:var(--ds-palette-black-50);background-color:var(--ds-palette-black-20)}.ds-input__container.sc-ds-text-input:hover:not(.ds-input__container.disabled,.ds-input__container.readonly.sc-ds-text-input,.ds-input__container.active.sc-ds-text-input,.ds-input__container.invalid.sc-ds-text-input,.ds-input__container.valid.sc-ds-text-input,.ds-input__container.sc-ds-text-input:focus-within){border-color:var(--ds-palette-black-50);background-color:var(--ds-palette-black-10)}.ds-input__container.sc-ds-text-input:focus-within:not(.ds-input__container:focus-within.invalid,.ds-input__container.sc-ds-text-input:focus-within.valid,.ds-input__container.sc-ds-text-input:focus-within.readonly){border-color:var(--ds-palette-mainBlue-70)}.ds-input__container.sc-ds-text-input:focus-within *.sc-ds-text-input>.ds-text-input__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-overlay-black-10)}.ds-input__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-palette-black-95);border:none;padding-block:var(--ds-spacing-4xSmall)}.ds-input__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-palette-black-70)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-palette-black-40)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-palette-black-40)}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-input__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-input__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-input__container.sc-ds-text-input:has(span.prefix,.ds-text-input__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-input__container.sc-ds-text-input span.prefix.sc-ds-text-input,.ds-input__container.sc-ds-text-input span.suffix.sc-ds-text-input{color:var(--ds-palette-black-70)}.ds-input__container.sc-ds-text-input .ds-text-input__icon.sc-ds-text-input,.ds-input__container.sc-ds-text-input-s>[slot=prefix],.ds-input__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-palette-black-95)}.ds-input__container.sc-ds-text-input .ds-text-input__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}";export{v as ds_text_input}

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

@@ -1 +1 @@
-import{r as e,h as s}from"./index-D-gUvxcp.js";const d=class{constructor(s){e(this,s)}dsTag="div";render(){return s(this.dsTag,{key:"c9653582372e9edd1f516b31a27797907251bd6e",class:"ds-visually-hidden"},s("slot",{key:"50d2e1f5c8cfe8669ef75011fe583d4955fff46b"}))}};d.style=".ds-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{d as ds_visually_hidden}
+import{r as e,h as s}from"./index-CIXO9B7A.js";const i=class{constructor(s){e(this,s)}dsTag="div";render(){return s(this.dsTag,{key:"4294edab8fcf553ad50c2e0f268df30e9338382f",class:"ds-visually-hidden"},s("slot",{key:"33181a1b5924f4e58b71a1795ebcc42e72b66971"}))}};i.style=".ds-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{i as ds_visually_hidden}

package/dist/component-library/{index-B5zt1rdf.js → index--uGgWE-E.js}

@@ -1 +1 @@
-import{d as e,f as t}from"./index-D-gUvxcp.js";const s=e=>!("isConnected"in e)||e.isConnected,n=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(s))})(...t)}),2e3)}})(),o=e=>"function"==typeof e?e():e,r={language:"en"},{state:c,set:a}=(()=>{const s=((e,t=(e,t)=>e!==t)=>{const s=o(e);let n=new Map(Object.entries(s??{}));const r={dispose:[],get:[],set:[],reset:[]},c=()=>{n=new Map(Object.entries(o(e)??{})),r.reset.forEach((e=>e()))},a=e=>(r.get.forEach((t=>t(e))),n.get(e)),u=(e,s)=>{const o=n.get(e);t(s,o,e)&&(n.set(e,s),r.set.forEach((t=>t(e,s,o))))},i="undefined"==typeof Proxy?{}:new Proxy(s,{get:(e,t)=>a(t),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>n.has(t),set:(e,t,s)=>(u(t,s),!0)}),g=(e,t)=>(r[e].push(t),()=>{((e,t)=>{const s=e.indexOf(t);s>=0&&(e[s]=e[e.length-1],e.length--)})(r[e],t)});return{state:i,get:a,set:u,on:g,onChange:(t,s)=>{const n=g("set",((e,n)=>{e===t&&s(n)})),r=g("reset",(()=>s(o(e)[t])));return()=>{n(),r()}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(g("set",t.set)),t.get&&e.push(g("get",t.get)),t.reset&&e.push(g("reset",t.reset)),t.dispose&&e.push(g("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{r.dispose.forEach((e=>e())),c()},reset:c,forceUpdate:e=>{const t=n.get(e);r.set.forEach((s=>s(e,t,t)))}}})({...r},void 0);return s.use((()=>{if("function"!=typeof e)return{};const s=new Map;return{dispose:()=>s.clear(),get:t=>{const n=e();n&&((e,t,s)=>{const n=e.get(t);n?n.includes(s)||n.push(s):e.set(t,[s])})(s,t,n)},set:e=>{const o=s.get(e);o&&s.set(e,o.filter(t)),n(s)},reset:()=>{s.forEach((e=>e.forEach(t))),n(s)}}})()),s})(),u=()=>c.language,i=({language:e})=>{a("language",e||r.language)};export{i as c,u as g}
+import{d as e,f as t}from"./index-CIXO9B7A.js";const s=e=>!("isConnected"in e)||e.isConnected,n=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(s))})(...t)}),2e3)}})(),o=e=>"function"==typeof e?e():e,r={language:"en"},{state:c,set:a}=(()=>{const s=((e,t=(e,t)=>e!==t)=>{const s=o(e);let n=new Map(Object.entries(s??{}));const r={dispose:[],get:[],set:[],reset:[]},c=()=>{n=new Map(Object.entries(o(e)??{})),r.reset.forEach((e=>e()))},a=e=>(r.get.forEach((t=>t(e))),n.get(e)),u=(e,s)=>{const o=n.get(e);t(s,o,e)&&(n.set(e,s),r.set.forEach((t=>t(e,s,o))))},i="undefined"==typeof Proxy?{}:new Proxy(s,{get:(e,t)=>a(t),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>n.has(t),set:(e,t,s)=>(u(t,s),!0)}),g=(e,t)=>(r[e].push(t),()=>{((e,t)=>{const s=e.indexOf(t);s>=0&&(e[s]=e[e.length-1],e.length--)})(r[e],t)});return{state:i,get:a,set:u,on:g,onChange:(t,s)=>{const n=g("set",((e,n)=>{e===t&&s(n)})),r=g("reset",(()=>s(o(e)[t])));return()=>{n(),r()}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(g("set",t.set)),t.get&&e.push(g("get",t.get)),t.reset&&e.push(g("reset",t.reset)),t.dispose&&e.push(g("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{r.dispose.forEach((e=>e())),c()},reset:c,forceUpdate:e=>{const t=n.get(e);r.set.forEach((s=>s(e,t,t)))}}})({...r},void 0);return s.use((()=>{if("function"!=typeof e)return{};const s=new Map;return{dispose:()=>s.clear(),get:t=>{const n=e();n&&((e,t,s)=>{const n=e.get(t);n?n.includes(s)||n.push(s):e.set(t,[s])})(s,t,n)},set:e=>{const o=s.get(e);o&&s.set(e,o.filter(t)),n(s)},reset:()=>{s.forEach((e=>e.forEach(t))),n(s)}}})()),s})(),u=()=>c.language,i=({language:e})=>{a("language",e||r.language)};export{i as c,u as g}

package/dist/component-library/index-CIXO9B7A.js

@@ -0,0 +1,2 @@
+const e=()=>{};var t=Object.defineProperty,s=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(s||{}),a=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(a||{}),r="type",n="value",i="serialized:",d=(e,t)=>{var s;Object.entries(null!=(s=t.i.t)?s:{}).map((([s,[a]])=>{if(31&a||32&a){const a=e[s],r=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),s);Object.defineProperty(e,s,{get(){return r.get.call(this)},set(e){r.set.call(this,e)},configurable:!0,enumerable:!0}),e[s]=t.l.has(s)?t.l.get(s):a}}))},l=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},o=(e,t)=>{e.__stencil__getHostRef=()=>t,t.o=e,d(e,t)},g=(e,t)=>t in e,m=(e,t)=>(0,console.error)(e,t),p=new Map,c=new Map,f="s-id",v="sty-id",x="c-id",h="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="http://www.w3.org/1999/xlink",b=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],y="undefined"!=typeof window?window:{},S={m:0,p:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,s,a)=>e.addEventListener(t,s,a),rel:(e,t,s,a)=>e.removeEventListener(t,s,a),ce:(e,t)=>new CustomEvent(e,t)},w=e=>Promise.resolve(e),$=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),L=!1,z=[],k=[],W=(e,t)=>s=>{e.push(s),L||(L=!0,t&&4&S.m?F(O):S.raf(O))},j=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){m(e)}e.length=0},O=()=>{j(z),j(k),(L=z.length>0)&&S.raf(O)},F=e=>w().then(e),T=W(k,!0),C=e=>"object"==(e=typeof e)||"function"===e;function E(e){var t,s,a;return null!=(a=null==(s=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:s.getAttribute("content"))?a:void 0}var N=class e{static fromLocalValue(t){const s=t[r],a=n in t?t[n]:void 0;switch(s){case"string":case"boolean":return a;case"bigint":return BigInt(a);case"undefined":return;case"null":return null;case"number":return"NaN"===a?NaN:"-0"===a?-0:"Infinity"===a?1/0:"-Infinity"===a?-1/0:a;case"array":return a.map((t=>e.fromLocalValue(t)));case"date":return new Date(a);case"map":const t=new Map;for(const[s,r]of a){const a="object"==typeof s&&null!==s?e.fromLocalValue(s):s,n=e.fromLocalValue(r);t.set(a,n)}return t;case"object":const r={};for(const[t,s]of a)r[t]=e.fromLocalValue(s);return r;case"regexp":const{pattern:n,flags:i}=a;return RegExp(n,i);case"set":const d=new Set;for(const t of a)d.add(e.fromLocalValue(t));return d;case"symbol":return Symbol(a);default:throw Error("Unsupported type: "+s)}}static fromLocalValueArray(t){return t.map((t=>e.fromLocalValue(t)))}static isLocalValueObject(e){if("object"!=typeof e||null===e)return!1;if(!e.hasOwnProperty(r))return!1;const t=e[r];return!!Object.values({...s,...a}).includes(t)&&("null"===t||"undefined"===t||e.hasOwnProperty(n))}};((e,s)=>{for(var a in s)t(e,a,{get:s[a],enumerable:!0})})({},{err:()=>B,map:()=>R,ok:()=>H,unwrap:()=>I,unwrapErr:()=>M});var H=e=>({isOk:!0,isErr:!1,value:e}),B=e=>({isOk:!1,isErr:!0,value:e});function R(e,t){if(e.isOk){const s=t(e.value);return s instanceof Promise?s.then((e=>H(e))):H(s)}if(e.isErr)return B(e.value);throw"should never get here"}var I=e=>{if(e.isOk)return e.value;throw e.value},M=e=>{if(e.isErr)return e.value;throw e.value};function P(e){const t=this.attachShadow({mode:"open",delegatesFocus:!!(16&e.m)});if($){const e=new CSSStyleSheet;e.replaceSync('html{box-sizing:border-box}html *,html *::before,html *::after{box-sizing:inherit}slot-fb{display:contents}:root,:host{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px}:root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:root,:host{--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#0084b8;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#d71f19;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115}:root,:host{--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-m-4xs{margin:var(--ds-spacing-4xSmall, 0.125rem)}.ds-m-3xs{margin:var(--ds-spacing-3xSmall, 0.25rem)}.ds-m-2xs{margin:var(--ds-spacing-2xSmall, 0.5rem)}.ds-m-xs{margin:var(--ds-spacing-xSmall, 0.75rem)}.ds-m-sm{margin:var(--ds-spacing-small, 1rem)}.ds-m-md{margin:var(--ds-spacing-medium, 1.5rem)}.ds-m-lg{margin:var(--ds-spacing-large, 2rem)}.ds-m-xl{margin:var(--ds-spacing-xLarge, 2.5rem)}.ds-m-2xl{margin:var(--ds-spacing-2xLarge, 3rem)}.ds-m-3xl{margin:var(--ds-spacing-3xLarge, 3.5rem)}.ds-m-4xl{margin:var(--ds-spacing-4xLarge, 4rem)}.ds-m-5xl{margin:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mt-4xs{margin-top:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mt-3xs{margin-top:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mt-2xs{margin-top:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mt-xs{margin-top:var(--ds-spacing-xSmall, 0.75rem)}.ds-mt-sm{margin-top:var(--ds-spacing-small, 1rem)}.ds-mt-md{margin-top:var(--ds-spacing-medium, 1.5rem)}.ds-mt-lg{margin-top:var(--ds-spacing-large, 2rem)}.ds-mt-xl{margin-top:var(--ds-spacing-xLarge, 2.5rem)}.ds-mt-2xl{margin-top:var(--ds-spacing-2xLarge, 3rem)}.ds-mt-3xl{margin-top:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mt-4xl{margin-top:var(--ds-spacing-4xLarge, 4rem)}.ds-mt-5xl{margin-top:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mr-4xs{margin-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mr-3xs{margin-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mr-2xs{margin-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mr-xs{margin-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-mr-sm{margin-right:var(--ds-spacing-small, 1rem)}.ds-mr-md{margin-right:var(--ds-spacing-medium, 1.5rem)}.ds-mr-lg{margin-right:var(--ds-spacing-large, 2rem)}.ds-mr-xl{margin-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-mr-2xl{margin-right:var(--ds-spacing-2xLarge, 3rem)}.ds-mr-3xl{margin-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mr-4xl{margin-right:var(--ds-spacing-4xLarge, 4rem)}.ds-mr-5xl{margin-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mb-4xs{margin-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mb-3xs{margin-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mb-2xs{margin-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mb-xs{margin-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-mb-sm{margin-bottom:var(--ds-spacing-small, 1rem)}.ds-mb-md{margin-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-mb-lg{margin-bottom:var(--ds-spacing-large, 2rem)}.ds-mb-xl{margin-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-mb-2xl{margin-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-mb-3xl{margin-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mb-4xl{margin-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-mb-5xl{margin-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-ml-4xs{margin-left:var(--ds-spacing-4xSmall, 0.125rem)}.ds-ml-3xs{margin-left:var(--ds-spacing-3xSmall, 0.25rem)}.ds-ml-2xs{margin-left:var(--ds-spacing-2xSmall, 0.5rem)}.ds-ml-xs{margin-left:var(--ds-spacing-xSmall, 0.75rem)}.ds-ml-sm{margin-left:var(--ds-spacing-small, 1rem)}.ds-ml-md{margin-left:var(--ds-spacing-medium, 1.5rem)}.ds-ml-lg{margin-left:var(--ds-spacing-large, 2rem)}.ds-ml-xl{margin-left:var(--ds-spacing-xLarge, 2.5rem)}.ds-ml-2xl{margin-left:var(--ds-spacing-2xLarge, 3rem)}.ds-ml-3xl{margin-left:var(--ds-spacing-3xLarge, 3.5rem)}.ds-ml-4xl{margin-left:var(--ds-spacing-4xLarge, 4rem)}.ds-ml-5xl{margin-left:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mx-4xs{margin-left:var(--ds-spacing-4xSmall, 0.125rem);margin-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mx-3xs{margin-left:var(--ds-spacing-3xSmall, 0.25rem);margin-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mx-2xs{margin-left:var(--ds-spacing-2xSmall, 0.5rem);margin-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mx-xs{margin-left:var(--ds-spacing-xSmall, 0.75rem);margin-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-mx-sm{margin-left:var(--ds-spacing-small, 1rem);margin-right:var(--ds-spacing-small, 1rem)}.ds-mx-md{margin-left:var(--ds-spacing-medium, 1.5rem);margin-right:var(--ds-spacing-medium, 1.5rem)}.ds-mx-lg{margin-left:var(--ds-spacing-large, 2rem);margin-right:var(--ds-spacing-large, 2rem)}.ds-mx-xl{margin-left:var(--ds-spacing-xLarge, 2.5rem);margin-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-mx-2xl{margin-left:var(--ds-spacing-2xLarge, 3rem);margin-right:var(--ds-spacing-2xLarge, 3rem)}.ds-mx-3xl{margin-left:var(--ds-spacing-3xLarge, 3.5rem);margin-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mx-4xl{margin-left:var(--ds-spacing-4xLarge, 4rem);margin-right:var(--ds-spacing-4xLarge, 4rem)}.ds-mx-5xl{margin-left:var(--ds-spacing-5xLarge, 4.5rem);margin-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-my-4xs{margin-top:var(--ds-spacing-4xSmall, 0.125rem);margin-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-my-3xs{margin-top:var(--ds-spacing-3xSmall, 0.25rem);margin-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-my-2xs{margin-top:var(--ds-spacing-2xSmall, 0.5rem);margin-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-my-xs{margin-top:var(--ds-spacing-xSmall, 0.75rem);margin-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-my-sm{margin-top:var(--ds-spacing-small, 1rem);margin-bottom:var(--ds-spacing-small, 1rem)}.ds-my-md{margin-top:var(--ds-spacing-medium, 1.5rem);margin-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-my-lg{margin-top:var(--ds-spacing-large, 2rem);margin-bottom:var(--ds-spacing-large, 2rem)}.ds-my-xl{margin-top:var(--ds-spacing-xLarge, 2.5rem);margin-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-my-2xl{margin-top:var(--ds-spacing-2xLarge, 3rem);margin-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-my-3xl{margin-top:var(--ds-spacing-3xLarge, 3.5rem);margin-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-my-4xl{margin-top:var(--ds-spacing-4xLarge, 4rem);margin-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-my-5xl{margin-top:var(--ds-spacing-5xLarge, 4.5rem);margin-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-p-4xs{padding:var(--ds-spacing-4xSmall, 0.125rem)}.ds-p-3xs{padding:var(--ds-spacing-3xSmall, 0.25rem)}.ds-p-2xs{padding:var(--ds-spacing-2xSmall, 0.5rem)}.ds-p-xs{padding:var(--ds-spacing-xSmall, 0.75rem)}.ds-p-sm{padding:var(--ds-spacing-small, 1rem)}.ds-p-md{padding:var(--ds-spacing-medium, 1.5rem)}.ds-p-lg{padding:var(--ds-spacing-large, 2rem)}.ds-p-xl{padding:var(--ds-spacing-xLarge, 2.5rem)}.ds-p-2xl{padding:var(--ds-spacing-2xLarge, 3rem)}.ds-p-3xl{padding:var(--ds-spacing-3xLarge, 3.5rem)}.ds-p-4xl{padding:var(--ds-spacing-4xLarge, 4rem)}.ds-p-5xl{padding:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pt-4xs{padding-top:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pt-3xs{padding-top:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pt-2xs{padding-top:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pt-xs{padding-top:var(--ds-spacing-xSmall, 0.75rem)}.ds-pt-sm{padding-top:var(--ds-spacing-small, 1rem)}.ds-pt-md{padding-top:var(--ds-spacing-medium, 1.5rem)}.ds-pt-lg{padding-top:var(--ds-spacing-large, 2rem)}.ds-pt-xl{padding-top:var(--ds-spacing-xLarge, 2.5rem)}.ds-pt-2xl{padding-top:var(--ds-spacing-2xLarge, 3rem)}.ds-pt-3xl{padding-top:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pt-4xl{padding-top:var(--ds-spacing-4xLarge, 4rem)}.ds-pt-5xl{padding-top:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pr-4xs{padding-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pr-3xs{padding-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pr-2xs{padding-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pr-xs{padding-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-pr-sm{padding-right:var(--ds-spacing-small, 1rem)}.ds-pr-md{padding-right:var(--ds-spacing-medium, 1.5rem)}.ds-pr-lg{padding-right:var(--ds-spacing-large, 2rem)}.ds-pr-xl{padding-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-pr-2xl{padding-right:var(--ds-spacing-2xLarge, 3rem)}.ds-pr-3xl{padding-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pr-4xl{padding-right:var(--ds-spacing-4xLarge, 4rem)}.ds-pr-5xl{padding-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pb-4xs{padding-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pb-3xs{padding-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pb-2xs{padding-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pb-xs{padding-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-pb-sm{padding-bottom:var(--ds-spacing-small, 1rem)}.ds-pb-md{padding-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-pb-lg{padding-bottom:var(--ds-spacing-large, 2rem)}.ds-pb-xl{padding-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-pb-2xl{padding-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-pb-3xl{padding-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pb-4xl{padding-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-pb-5xl{padding-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pl-4xs{padding-left:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pl-3xs{padding-left:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pl-2xs{padding-left:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pl-xs{padding-left:var(--ds-spacing-xSmall, 0.75rem)}.ds-pl-sm{padding-left:var(--ds-spacing-small, 1rem)}.ds-pl-md{padding-left:var(--ds-spacing-medium, 1.5rem)}.ds-pl-lg{padding-left:var(--ds-spacing-large, 2rem)}.ds-pl-xl{padding-left:var(--ds-spacing-xLarge, 2.5rem)}.ds-pl-2xl{padding-left:var(--ds-spacing-2xLarge, 3rem)}.ds-pl-3xl{padding-left:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pl-4xl{padding-left:var(--ds-spacing-4xLarge, 4rem)}.ds-pl-5xl{padding-left:var(--ds-spacing-5xLarge, 4.5rem)}.ds-px-4xs{padding-left:var(--ds-spacing-4xSmall, 0.125rem);padding-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-px-3xs{padding-left:var(--ds-spacing-3xSmall, 0.25rem);padding-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-px-2xs{padding-left:var(--ds-spacing-2xSmall, 0.5rem);padding-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-px-xs{padding-left:var(--ds-spacing-xSmall, 0.75rem);padding-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-px-sm{padding-left:var(--ds-spacing-small, 1rem);padding-right:var(--ds-spacing-small, 1rem)}.ds-px-md{padding-left:var(--ds-spacing-medium, 1.5rem);padding-right:var(--ds-spacing-medium, 1.5rem)}.ds-px-lg{padding-left:var(--ds-spacing-large, 2rem);padding-right:var(--ds-spacing-large, 2rem)}.ds-px-xl{padding-left:var(--ds-spacing-xLarge, 2.5rem);padding-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-px-2xl{padding-left:var(--ds-spacing-2xLarge, 3rem);padding-right:var(--ds-spacing-2xLarge, 3rem)}.ds-px-3xl{padding-left:var(--ds-spacing-3xLarge, 3.5rem);padding-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-px-4xl{padding-left:var(--ds-spacing-4xLarge, 4rem);padding-right:var(--ds-spacing-4xLarge, 4rem)}.ds-px-5xl{padding-left:var(--ds-spacing-5xLarge, 4.5rem);padding-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-py-4xs{padding-top:var(--ds-spacing-4xSmall, 0.125rem);padding-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-py-3xs{padding-top:var(--ds-spacing-3xSmall, 0.25rem);padding-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-py-2xs{padding-top:var(--ds-spacing-2xSmall, 0.5rem);padding-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-py-xs{padding-top:var(--ds-spacing-xSmall, 0.75rem);padding-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-py-sm{padding-top:var(--ds-spacing-small, 1rem);padding-bottom:var(--ds-spacing-small, 1rem)}.ds-py-md{padding-top:var(--ds-spacing-medium, 1.5rem);padding-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-py-lg{padding-top:var(--ds-spacing-large, 2rem);padding-bottom:var(--ds-spacing-large, 2rem)}.ds-py-xl{padding-top:var(--ds-spacing-xLarge, 2.5rem);padding-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-py-2xl{padding-top:var(--ds-spacing-2xLarge, 3rem);padding-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-py-3xl{padding-top:var(--ds-spacing-3xLarge, 3.5rem);padding-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-py-4xl{padding-top:var(--ds-spacing-4xLarge, 4rem);padding-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-py-5xl{padding-top:var(--ds-spacing-5xLarge, 4.5rem);padding-bottom:var(--ds-spacing-5xLarge, 4.5rem)}html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font--heading{font-family:var(--ds-fontFamily-heading)}.ds-font--body{font-family:var(--ds-fontFamily-body)}.ds-font--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--xtight{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking--tight{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking--normal{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking--wide{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking--xwide{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading--small{line-height:var(--ds-lineHeight-small)}.ds-leading--medium{line-height:var(--ds-lineHeight-medium)}.ds-leading--large{line-height:var(--ds-lineHeight-large)}.ds-leading--xlarge{line-height:var(--ds-lineHeight-xLarge)}.ds-width--normal{font-stretch:var(--ds-fontWidth-normal)}.ds-width--condense{font-stretch:var(--ds-fontWidth-condense)}.ds-number--proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph--16{margin-bottom:var(--ds-fontSize-16)}.ds-paragraph--20{margin-bottom:var(--ds-fontSize-20)}.ds-list--spacing{gap:4px}.ds-text-color--default{color:var(--ds-palette-black-95)}.ds-text{}.ds-text--2xl-regular{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text--xl-regular{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text--lg-regular{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text--md-regular{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text--sm-regular{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text--xs-regular{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text--2xl-semibold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xl-semibold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text--lg-semibold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text--md-semibold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text--sm-semibold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text--xs-semibold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text--2xl-bold{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text--xl-bold{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text--lg-bold{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text--md-bold{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text--sm-bold{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text--xs-bold{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-heading--2xLarge{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:-1.2px;font-stretch:var(--ds-fontWidth-normal);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading--2xLarge{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px;font-stretch:var(--ds-fontWidth-condense)}}.ds-heading--xLarge{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading--xLarge{font-size:var(--ds-fontSize-48);line-height:52px;font-stretch:var(--ds-fontWidth-condense)}}.ds-heading--large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none}@media (min-width: 60rem){.ds-heading--large{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading--medium{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none}@media (min-width: 60rem){.ds-heading--medium{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading--small{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;text-transform:none}@media (min-width: 60rem){.ds-heading--small{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading--xSmall{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading--xSmall{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-bodyText--2xLarge{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--2xLarge{font-size:var(--ds-fontSize-22)}}.ds-bodyText--xLarge{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--xLarge{font-size:var(--ds-fontSize-20)}}.ds-bodyText--large{color:var(--ds-palette-black-95);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)}@media (min-width: 60rem){.ds-bodyText--large{font-size:var(--ds-fontSize-18)}}.ds-bodyText--medium{color:var(--ds-palette-black-95);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)}@media (min-width: 60rem){.ds-bodyText--medium{font-size:var(--ds-fontSize-16)}}.ds-bodyText--small{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodyText--small{font-size:var(--ds-fontSize-14)}}:root,:host{--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:-2px;--ds-letterSpacing-tight:-1.4px;--ds-letterSpacing-normal:-0.4px;--ds-letterSpacing-wide:0px;--ds-letterSpacing-xWide:0.4px;--ds-lineHeight-small:1;--ds-lineHeight-medium:1.2;--ds-lineHeight-large:1.5;--ds-lineHeight-xLarge:1.75;--ds-fontWidth-normal:100;--ds-fontWidth-condense:90;--ds-number-style:proportional-figures;}@supports (font-variation-settings: normal){:root,:host{--ds-fontFamily-heading:"Open Sans Variable", sans-serif;--ds-fontFamily-body:"Open Sans Variable", sans-serif}}'),t.adoptedStyleSheets.push(e)}}var A=e=>{const t=q(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&D(t,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!U(e,J(e),!1).length)}));let s=0;for(s=0;s<t.length;s++){const e=t[s];1===e.nodeType&&q(e,"childNodes").length&&A(e)}};function D(e,t,s){let a,r=0,n=[];for(;r<e.length;r++)a=e[r],!a["s-sr"]||t&&a["s-hn"]!==t||void 0!==s||n.push(a),n=[...n,...D(a.childNodes,t,s)];return n}var U=(e,t,s=!0)=>{const a=[];(s&&e["s-sr"]||!e["s-sr"])&&a.push(e);let r=e;for(;r=r.nextSibling;)J(r)!==t||!s&&r["s-sr"]||a.push(r);return a},V=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,_=(e,t,s,a)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const r=document.createTextNode("");if(r["s-nr"]=e,!t["s-cr"]||!t["s-cr"].parentNode)return;const n=t["s-cr"].parentNode,i=q(n,"appendChild");if(void 0!==a){r["s-oo"]=a;const e=q(n,"childNodes"),t=[r];e.forEach((e=>{e["s-nr"]&&t.push(e)})),t.sort(((e,t)=>!e["s-oo"]||e["s-oo"]<(t["s-oo"]||0)?-1:!t["s-oo"]||t["s-oo"]<e["s-oo"]?1:0)),t.forEach((e=>i.call(n,e)))}else i.call(n,r);e["s-ol"]=r,e["s-sh"]=t["s-hn"]},J=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")||void 0;function Y(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const s=[],a=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const r=this["s-cr"].parentElement;return(r.__childNodes?r.childNodes:(e=>{const t=[];for(let s=0;s<e.length;s++){const a=e[s]["s-nr"]||void 0;a&&a.isConnected&&t.push(a)}return t})(r.childNodes)).forEach((e=>{a===J(e)&&s.push(e)})),t?s.filter((e=>1===e.nodeType)):s}.bind(e);e.assignedElements=t(!0),e.assignedNodes=t(!1)}function q(e,t){if("__"+t in e){const s=e["__"+t];return"function"!=typeof s?s:s.bind(e)}return"function"!=typeof e[t]?e[t]:e[t].bind(e)}var G=(e,t,...s)=>{let a=null,r=null,n=null,i=!1,d=!1;const l=[],o=t=>{for(let s=0;s<t.length;s++)a=t[s],Array.isArray(a)?o(a):null!=a&&"boolean"!=typeof a&&((i="function"!=typeof e&&!C(a))&&(a+=""),i&&d?l[l.length-1].v+=a:l.push(i?K(null,a):a),d=i)};if(o(s),t){t.key&&(r=t.key),t.name&&(n=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,l,X);const g=K(e,null);return g.h=t,l.length>0&&(g.u=l),g.S=r,g.$=n,g},K=(e,t)=>({m:0,L:e,v:t,k:null,u:null,h:null,S:null,$:null}),Q={},X={forEach:(e,t)=>e.map(Z).forEach(t),map:(e,t)=>e.map(Z).map(t).map(ee)},Z=e=>({vattrs:e.h,vchildren:e.u,vkey:e.S,vname:e.$,vtag:e.L,vtext:e.v}),ee=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),G(e.vtag,t,...e.vchildren||[])}const t=K(e.vtag,e.vtext);return t.h=e.vattrs,t.u=e.vchildren,t.S=e.vkey,t.$=e.vname,t},te=(e,t,s,a,r,n,i,d=[])=>{let l,o,g,m;const p=r["s-sc"];if(1===n.nodeType){if(l=n.getAttribute(x),l&&(o=l.split("."),o[0]===i||"0"===o[0])){g=ae({m:0,W:o[0],j:o[1],O:o[2],F:o[3],L:n.tagName.toLowerCase(),k:n,h:{class:n.className||""}}),t.push(g),n.removeAttribute(x),e.u||(e.u=[]),p&&(n["s-si"]=p,g.h.class+=" "+p);const r=g.k.getAttribute("s-sn");"string"==typeof r&&("slot-fb"===g.L&&(re(r,o[2],g,n,e,t,s,a,d),p&&n.classList.add(p)),g.k["s-sn"]=r,g.k.removeAttribute("s-sn")),void 0!==g.F&&(e.u[g.F]=g),e=g,a&&"0"===g.O&&(a[g.F]=g.k)}if(n.shadowRoot)for(m=n.shadowRoot.childNodes.length-1;m>=0;m--)te(e,t,s,a,r,n.shadowRoot.childNodes[m],i,d);const c=n.__childNodes||n.childNodes;for(m=c.length-1;m>=0;m--)te(e,t,s,a,r,c[m],i,d)}else if(8===n.nodeType)o=n.nodeValue.split("."),(o[1]===i||"0"===o[1])&&(l=o[0],g=ae({W:o[1],j:o[2],O:o[3],F:o[4]||"0",k:n,h:null,u:null,S:null,$:null,L:null,v:null}),"t"===l?(g.k=ie(n,3),g.k&&3===g.k.nodeType&&(g.v=g.k.textContent,t.push(g),n.remove(),i===g.W&&(e.u||(e.u=[]),e.u[g.F]=g),a&&"0"===g.O&&(a[g.F]=g.k))):"c"===l?(g.k=ie(n,8),g.k&&8===g.k.nodeType&&(t.push(g),n.remove())):g.W===i&&("s"===l?re(n["s-sn"]=o[5]||"",o[2],g,n,e,t,s,a,d):"r"===l&&(a?n.remove():(r["s-cr"]=n,n["s-cn"]=!0))));else if(e&&"style"===e.L){const t=K(null,n.textContent);t.k=n,t.F="0",e.u=[t]}else 3!==n.nodeType||n.wholeText.trim()||n.remove();return e},se=(e,t)=>{if(1===e.nodeType){const s=e[f]||e.getAttribute(f);s&&t.set(s,e);let a=0;if(e.shadowRoot)for(;a<e.shadowRoot.childNodes.length;a++)se(e.shadowRoot.childNodes[a],t);const r=e.__childNodes||e.childNodes;for(a=0;a<r.length;a++)se(r[a],t)}else if(8===e.nodeType){const s=e.nodeValue.split(".");"o"===s[0]&&(t.set(s[1]+"."+s[2],e),e.nodeValue="",e["s-en"]=s[3])}},ae=e=>({m:0,W:null,j:null,O:null,F:"0",k:null,h:null,u:null,S:null,$:null,L:null,v:null,...e});function re(e,t,s,a,r,n,i,d,l){a["s-sr"]=!0,s.$=e||null,s.L="slot";const o=(null==r?void 0:r.k)?r.k["s-id"]||r.k.getAttribute("s-id"):"";if(d&&y.document){const n=s.k=y.document.createElement(s.L);s.$&&s.k.setAttribute("name",e),o&&o!==s.W?r.k.insertBefore(n,r.k.children[0]):a.parentNode.insertBefore(n,a),ne(l,t,e,a,s.W),a.remove(),"0"===s.O&&(d[s.F]=s.k)}else{const n=s.k,i=o&&o!==s.W&&r.k.shadowRoot;ne(l,t,e,a,i?o:s.W),Y(a),i&&r.k.insertBefore(n,r.k.children[0])}n.push(s),i.push(s),r.u||(r.u=[]),r.u[s.F]=s}var ne=(e,t,s,a,r)=>{let n=a.nextSibling;for(e[t]=e[t]||[];n&&((n.getAttribute&&n.getAttribute("slot")||n["s-sn"])===s||""===s&&!n["s-sn"]&&(8===n.nodeType&&1!==n.nodeValue.indexOf(".")||3===n.nodeType));)n["s-sn"]=s,e[t].push({slot:a,node:n,hostId:r}),n=n.nextSibling},ie=(e,t)=>{let s=e;do{s=s.nextSibling}while(s&&(s.nodeType!==t||!s.nodeValue));return s},de=e=>{const t=(e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(e);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};de("::slotted"),de(":host"),de(":host-context");var le,oe,ge,me=(e,t,s)=>{if("string"==typeof e&&(e.startsWith("{")&&e.endsWith("}")||e.startsWith("[")&&e.endsWith("]")))try{return JSON.parse(e)}catch(e){}return"string"==typeof e&&e.startsWith(i)?e=function(e){return"string"==typeof e&&e.startsWith(i)?N.fromLocalValue(JSON.parse(atob(e.slice(11)))):e}(e):null==e||C(e)?e:4&t?(s&&"string"==typeof e||"false"!==e)&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e},pe=e=>l(e).$hostElement$,ce=(e,t)=>{const s=pe(e);return{emit:e=>fe(s,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},fe=(e,t,s)=>{const a=S.ce(t,s);return e.dispatchEvent(a),a},ve=new WeakMap,xe=(e,t,s)=>{let a=c.get(e);$&&s?(a=a||new CSSStyleSheet,"string"==typeof a?a=t:a.replaceSync(t)):a=t,c.set(e,a)},he=(e,t)=>{var s;const a=ue(t),r=c.get(a);if(!y.document)return a;if(e=11===e.nodeType?e:y.document,r)if("string"==typeof r){let n,i=ve.get(e=e.head||e);if(i||ve.set(e,i=new Set),!i.has(a)){if(e.host&&(n=e.querySelector(`[${v}="${a}"]`)))n.innerHTML=r;else{n=y.document.createElement("style"),n.innerHTML=r;const a=null!=(s=S.T)?s:E(y.document);if(null!=a&&n.setAttribute("nonce",a),!(1&t.m))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),s=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(n,(null==s?void 0:s.parentNode)===e?s:null)}else if("host"in e)if($){const t=new CSSStyleSheet;t.replaceSync(r),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=r+t.innerHTML:e.prepend(n)}else e.append(n);1&t.m&&e.insertBefore(n,null)}4&t.m&&(n.innerHTML+=h),i&&i.add(a)}}else e.adoptedStyleSheets.includes(r)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]);return a},ue=e=>"sc-"+e.C,be=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),ye=(e,t,s,a,r,n,i)=>{if(s===a)return;let d=g(e,t),l=t.toLowerCase();if("class"===t){const t=e.classList,r=we(s);let n=we(a);e["s-si"]&&i?(n.push(e["s-si"]),r.forEach((t=>{t.startsWith(e["s-si"])&&n.push(t)})),n=[...new Set(n)],t.add(...n)):(t.remove(...r.filter((e=>e&&!n.includes(e)))),t.add(...n.filter((e=>e&&!r.includes(e)))))}else if("style"===t){for(const t in s)a&&null!=a[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in a)s&&a[t]===s[t]||(t.includes("-")?e.style.setProperty(t,a[t]):e.style[t]=a[t])}else if("key"===t);else if("ref"===t)a&&a(e);else if(d||"o"!==t[0]||"n"!==t[1]){const i=C(a);if((d||i&&null!==a)&&!r)try{if(e.tagName.includes("-"))e[t]!==a&&(e[t]=a);else{const r=null==a?"":a;"list"===t?d=!1:null!=s&&e[t]==r||("function"==typeof e.__lookupSetter__(t)?e[t]=r:e.setAttribute(t,r))}}catch(e){}let o=!1;l!==(l=l.replace(/^xlink\:?/,""))&&(t=l,o=!0),null==a||!1===a?!1===a&&""!==e.getAttribute(t)||(o?e.removeAttributeNS(u,t):e.removeAttribute(t)):(!d||4&n||r)&&!i&&1===e.nodeType&&(a=!0===a?"":a,o?e.setAttributeNS(u,t,a):e.setAttribute(t,a))}else if(t="-"===t[2]?t.slice(3):g(y,l)?l.slice(2):l[2]+t.slice(3),s||a){const r=t.endsWith($e);t=t.replace(Le,""),s&&S.rel(e,t,s,r),a&&S.ael(e,t,a,r)}},Se=/\s/,we=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(Se):[]),$e="Capture",Le=RegExp($e+"$"),ze=(e,t,s,a)=>{const r=11===t.k.nodeType&&t.k.host?t.k.host:t.k,n=e&&e.h||{},i=t.h||{};for(const e of ke(Object.keys(n)))e in i||ye(r,e,n[e],void 0,s,t.m,a);for(const e of ke(Object.keys(i)))ye(r,e,n[e],i[e],s,t.m,a)};function ke(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var We=!1,je=!1,Oe=!1,Fe=!1,Te=(e,t,s)=>{var a;const r=t.u[s];let n,i,d,l=0;if(We||(Oe=!0,"slot"===r.L&&(r.m|=r.u?2:1)),null!==r.v)n=r.k=y.document.createTextNode(r.v);else if(1&r.m)n=r.k=y.document.createTextNode(""),ze(null,r,Fe);else{if(Fe||(Fe="svg"===r.L),!y.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(n=r.k=y.document.createElementNS(Fe?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!We&&2&r.m?"slot-fb":r.L),Fe&&"foreignObject"===r.L&&(Fe=!1),ze(null,r,Fe),null!=le&&void 0!==le&&n["s-si"]!==le&&n.classList.add(n["s-si"]=le),r.u)for(l=0;l<r.u.length;++l)i=Te(e,r,l),i&&n.appendChild(i);"svg"===r.L?Fe=!1:"foreignObject"===n.tagName&&(Fe=!0)}return n["s-hn"]=ge,3&r.m&&(n["s-sr"]=!0,n["s-cr"]=oe,n["s-sn"]=r.$||"",n["s-rf"]=null==(a=r.h)?void 0:a.ref,Y(n),d=e&&e.u&&e.u[s],d&&d.L===r.L&&e.k&&Ce(e.k,!1),De(oe,n,t.k,null==e?void 0:e.k)),n},Ce=(e,t)=>{S.m|=1;const s=Array.from(e.__childNodes||e.childNodes);for(let e=s.length-1;e>=0;e--){const a=s[e];a["s-hn"]!==ge&&a["s-ol"]&&(Ae(Be(a).parentNode,a,Be(a)),a["s-ol"].remove(),a["s-ol"]=void 0,a["s-sh"]=void 0,Oe=!0),t&&Ce(a,t)}S.m&=-2},Ee=(e,t,s,a,r,n)=>{let i,d=e["s-cr"]&&e["s-cr"].parentNode||e;for(d.shadowRoot&&d.tagName===ge&&(d=d.shadowRoot);r<=n;++r)a[r]&&(i=Te(null,s,r),i&&(a[r].k=i,Ae(d,i,Be(t))))},Ne=(e,t,s)=>{for(let a=t;a<=s;++a){const t=e[a];if(t){const e=t.k;Pe(t),e&&(je=!0,e["s-ol"]?e["s-ol"].remove():Ce(e,!0),e.remove())}}},He=(e,t,s=!1)=>e.L===t.L&&("slot"===e.L?e.$===t.$:s?(s&&!e.S&&t.S&&(e.S=t.S),!0):e.S===t.S),Be=e=>e&&e["s-ol"]||e,Re=(e,t,s=!1)=>{const a=t.k=e.k,r=e.u,n=t.u,i=t.L,d=t.v;let l;null===d?(ze(e,t,Fe="svg"===i||"foreignObject"!==i&&Fe,s),null!==r&&null!==n?((e,t,s,a,r=!1)=>{let n,i,d=0,l=0,o=0,g=0,m=t.length-1,p=t[0],c=t[m],f=a.length-1,v=a[0],x=a[f];for(;d<=m&&l<=f;)if(null==p)p=t[++d];else if(null==c)c=t[--m];else if(null==v)v=a[++l];else if(null==x)x=a[--f];else if(He(p,v,r))Re(p,v,r),p=t[++d],v=a[++l];else if(He(c,x,r))Re(c,x,r),c=t[--m],x=a[--f];else if(He(p,x,r))"slot"!==p.L&&"slot"!==x.L||Ce(p.k.parentNode,!1),Re(p,x,r),Ae(e,p.k,c.k.nextSibling),p=t[++d],x=a[--f];else if(He(c,v,r))"slot"!==p.L&&"slot"!==x.L||Ce(c.k.parentNode,!1),Re(c,v,r),Ae(e,c.k,p.k),c=t[--m],v=a[++l];else{for(o=-1,g=d;g<=m;++g)if(t[g]&&null!==t[g].S&&t[g].S===v.S){o=g;break}o>=0?(i=t[o],i.L!==v.L?n=Te(t&&t[l],s,o):(Re(i,v,r),t[o]=void 0,n=i.k),v=a[++l]):(n=Te(t&&t[l],s,l),v=a[++l]),n&&Ae(Be(p.k).parentNode,n,Be(p.k))}d>m?Ee(e,null==a[f+1]?null:a[f+1].k,s,a,l,f):l>f&&Ne(t,d,m)})(a,r,t,n,s):null!==n?(null!==e.v&&(a.textContent=""),Ee(a,null,t,n,0,n.length-1)):!s&&null!==r&&Ne(r,0,r.length-1),Fe&&"svg"===i&&(Fe=!1)):(l=a["s-cr"])?l.parentNode.textContent=d:e.v!==d&&(a.data=d)},Ie=[],Me=e=>{let t,s,a;const r=e.__childNodes||e.childNodes;for(const e of r){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){s=t.parentNode.__childNodes||t.parentNode.childNodes;const r=e["s-sn"];for(a=s.length-1;a>=0;a--)if(t=s[a],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"])if(V(t,r)){let s=Ie.find((e=>e.N===t));je=!0,t["s-sn"]=t["s-sn"]||r,s?(s.N["s-sh"]=e["s-hn"],s.H=e):(t["s-sh"]=e["s-hn"],Ie.push({H:e,N:t})),t["s-sr"]&&Ie.map((e=>{V(e.N,t["s-sn"])&&(s=Ie.find((e=>e.N===t)),s&&!e.H&&(e.H=s.H))}))}else Ie.some((e=>e.N===t))||Ie.push({N:t})}1===e.nodeType&&Me(e)}},Pe=e=>{e.h&&e.h.ref&&e.h.ref(null),e.u&&e.u.map(Pe)},Ae=(e,t,s)=>("string"==typeof t["s-sn"]&&t["s-sr"]&&t["s-cr"]&&De(t["s-cr"],t,e,t.parentElement),null==e?void 0:e.insertBefore(t,s));function De(e,t,s,a){var r,n;let i;if(e&&"string"==typeof t["s-sn"]&&t["s-sr"]&&e.parentNode&&e.parentNode["s-sc"]&&(i=t["s-si"]||e.parentNode["s-sc"])){const e=t["s-sn"],d=t["s-hn"];if(null==(r=s.classList)||r.add(i+"-s"),a&&(null==(n=a.classList)?void 0:n.contains(i+"-s"))){let t=(a.__childNodes||a.childNodes)[0],s=!1;for(;t;){if(t["s-sn"]!==e&&t["s-hn"]===d&&t["s-sr"]){s=!0;break}t=t.nextSibling}s||a.classList.remove(i+"-s")}}}var Ue=(e,t)=>{if(t&&!e.B&&t["s-p"]){const s=t["s-p"].push(new Promise((a=>e.B=()=>{t["s-p"].splice(s-1,1),a()})))}},Ve=(e,t)=>{if(e.m|=16,!(4&e.m))return Ue(e,e.R),T((()=>_e(e,t)));e.m|=512},_e=(e,t)=>{const s=e.$hostElement$,a=e.o;if(!a)throw Error(`Can't render component <${s.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let r;return t?(e.m|=256,e.I&&(e.I.map((([e,t])=>tt(a,e,t,s))),e.I=void 0),r=tt(a,"componentWillLoad",void 0,s)):r=tt(a,"componentWillUpdate",void 0,s),r=Je(r,(()=>tt(a,"componentWillRender",void 0,s))),Je(r,(()=>qe(e,a,t)))},Je=(e,t)=>Ye(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Ye=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,qe=async(e,t,s)=>{var a;const r=e.$hostElement$,n=r["s-rc"];s&&(e=>{const t=e.i,s=e.$hostElement$,a=t.m,r=he(s.shadowRoot?s.shadowRoot:s.getRootNode(),t);10&a&&(s["s-sc"]=r,s.classList.add(r+"-h"))})(e);Ke(e,t,r,s),n&&(n.map((e=>e())),r["s-rc"]=void 0);{const t=null!=(a=r["s-p"])?a:[],s=()=>Xe(e);0===t.length?s():(Promise.all(t).then(s),e.m|=4,t.length=0)}},Ge=null,Ke=(e,t,s,a)=>{try{Ge=t,t=t.render(),e.m&=-17,e.m|=2,((e,t,s=!1)=>{var a,r,n,i;const d=e.$hostElement$,l=e.i,o=e.M||K(null,null),g=(e=>e&&e.L===Q)(t)?t:G(null,null,t);if(ge=d.tagName,l.P&&(g.h=g.h||{},l.P.map((([e,t])=>g.h[t]=d[e]))),s&&g.h)for(const e of Object.keys(g.h))d.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(g.h[e]=d[e]);if(g.L=null,g.m|=4,e.M=g,g.k=o.k=d.shadowRoot||d,le=d["s-sc"],We=!(!(1&l.m)||128&l.m),oe=d["s-cr"],je=!1,Re(o,g,s),S.m|=1,Oe){Me(g.k);for(const e of Ie){const t=e.N;if(!t["s-ol"]&&y.document){const e=y.document.createTextNode("");e["s-nr"]=t,Ae(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ie){const t=e.N,d=e.H;if(d){const e=d.parentNode;let s=d.nextSibling;{let n=null==(a=t["s-ol"])?void 0:a.previousSibling;for(;n;){let a=null!=(r=n["s-nr"])?r:null;if(a&&a["s-sn"]===t["s-sn"]&&e===(a.__parentNode||a.parentNode)){for(a=a.nextSibling;a===t||(null==a?void 0:a["s-sr"]);)a=null==a?void 0:a.nextSibling;if(!a||!a["s-nr"]){s=a;break}}n=n.previousSibling}}(!s&&e!==(t.__parentNode||t.parentNode)||(t.__nextSibling||t.nextSibling)!==s)&&t!==s&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),Ae(e,t,s),1===t.nodeType&&"SLOT-FB"!==t.tagName&&(t.hidden=null!=(n=t["s-ih"])&&n)),t&&"function"==typeof d["s-rf"]&&d["s-rf"](d)}else 1===t.nodeType&&(s&&(t["s-ih"]=null!=(i=t.hidden)&&i),t.hidden=!0)}}je&&A(g.k),S.m&=-2,Ie.length=0,oe=void 0})(e,t,a)}catch(t){m(t,e.$hostElement$)}return Ge=null,null},Qe=()=>Ge,Xe=e=>{const t=e.$hostElement$,s=e.o,a=e.R;tt(s,"componentDidRender",void 0,t),64&e.m?tt(s,"componentDidUpdate",void 0,t):(e.m|=64,st(t),tt(s,"componentDidLoad",void 0,t),e.A(t),a||et()),e.D(t),e.B&&(e.B(),e.B=void 0),512&e.m&&F((()=>Ve(e,!1))),e.m&=-517},Ze=e=>{{const t=l(e),s=t.$hostElement$.isConnected;return s&&2==(18&t.m)&&Ve(t,!1),s}},et=()=>{F((()=>fe(y,"appload",{detail:{namespace:"component-library"}})))},tt=(e,t,s,a)=>{if(e&&e[t])try{return e[t](s)}catch(e){m(e,a)}},st=e=>e.classList.add("hydrated"),at=(e,t,s,a)=>{const r=l(e);if(!r)throw Error(`Couldn't find host element for "${a.C}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const n=r.$hostElement$,i=r.l.get(t),d=r.m,o=r.o;if(s=me(s,a.t[t][0],!!(64&a.m)),(!(8&d)||void 0===i)&&s!==i&&(!Number.isNaN(i)||!Number.isNaN(s))&&(r.l.set(t,s),o)){if(a.U&&128&d){const e=a.U[t];e&&e.map((e=>{try{o[e](s,i,t)}catch(e){m(e,n)}}))}if(2==(18&d)){if(o.componentShouldUpdate&&!1===o.componentShouldUpdate(s,i,t))return;Ve(r,!1)}}},rt=(e,t,s)=>{var a,r;const n=e.prototype;if(64&t.m&&1&s&&b.forEach((e=>{Object.defineProperty(n,e,{value(...t){const s=l(this),a=s.o;if(a){const s=a[e];"function"==typeof s&&s.call(a,...t)}else s.V.then((s=>{const a=s[e];"function"==typeof a&&a.call(s,...t)}))}})})),t.t||t.U||e.watchers){e.watchers&&!t.U&&(t.U=e.watchers);const i=Object.entries(null!=(a=t.t)?a:{});if(i.map((([e,[a]])=>{if(31&a||2&s&&32&a){const{get:r,set:i}=Object.getOwnPropertyDescriptor(n,e)||{};r&&(t.t[e][0]|=2048),i&&(t.t[e][0]|=4096),(1&s||!r)&&Object.defineProperty(n,e,{get(){{if(!(2048&t.t[e][0]))return((e,t)=>l(this).l.get(t))(0,e);const s=l(this),a=s?s.o:n;if(!a)return;return a[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(n,e,{set(r){const n=l(this);if(i){const s=32&a?this[e]:n.$hostElement$[e];return void 0===s&&n.l.get(e)?r=n.l.get(e):!n.l.get(e)&&s&&n.l.set(e,s),i.call(this,me(r,a,!!(64&t.m))),void at(this,e,r=32&a?this[e]:n.$hostElement$[e],t)}{if(!(1&s&&4096&t.t[e][0]))return at(this,e,r,t),void(1&s&&!n.o&&n.V.then((()=>{4096&t.t[e][0]&&n.o[e]!==n.l.get(e)&&(n.o[e]=r)})));const i=()=>{const s=n.o[e];!n.l.get(e)&&s&&n.l.set(e,s),n.o[e]=me(r,a,!!(64&t.m)),at(this,e,n.o[e],t)};n.o?i():n.V.then((()=>i()))}}})}else 1&s&&64&a&&Object.defineProperty(n,e,{value(...t){var s;const a=l(this);return null==(s=null==a?void 0:a._)?void 0:s.then((()=>{var s;return null==(s=a.o)?void 0:s[e](...t)}))}})})),1&s){const s=new Map;n.attributeChangedCallback=function(e,a,r){S.jmp((()=>{var i;const d=s.get(e);if(this.hasOwnProperty(d))r=this[d],delete this[d];else{if(n.hasOwnProperty(d)&&"number"==typeof this[d]&&this[d]==r)return;if(null==d){const s=l(this),n=null==s?void 0:s.m;if(n&&!(8&n)&&128&n&&r!==a){const n=s.o,d=null==(i=t.U)?void 0:i[e];null==d||d.forEach((t=>{null!=n[t]&&n[t].call(n,r,a,e)}))}return}}const o=Object.getOwnPropertyDescriptor(n,d);(r=(null!==r||"boolean"!=typeof this[d])&&r)===this[d]||o.get&&!o.set||(this[d]=r)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t.U)?r:{}),...i.filter((([e,t])=>15&t[0])).map((([e,a])=>{var r;const n=a[1]||e;return s.set(n,e),512&a[0]&&(null==(r=t.P)||r.push([e,n])),n}))]))}}return e},nt=(e,t)=>{tt(e,"connectedCallback",void 0,t)},it=e=>{if(!(1&S.m)){const t=l(e),s=t.i,a=()=>{};if(1&t.m)mt(e,t,s.J),(null==t?void 0:t.o)?nt(t.o,e):(null==t?void 0:t.V)&&t.V.then((()=>nt(t.o,e)));else{let a;if(t.m|=1,a=e.getAttribute(f),a){if(1&s.m){const t=he(e.shadowRoot,s);e.classList.remove(t+"-h",t+"-s")}else if(2&s.m){const t=ue(s);e["s-sc"]=t}((e,t,s,a)=>{var r;const n=e.shadowRoot,i=[],d=[],l=[],o=n?[]:null,g=K(t,null);let m;g.k=e,Object.entries((null==(r=a.i)?void 0:r.t)||{}).forEach((([t,[s,r]])=>{var n,i;if(!(31&s))return;const d=e.getAttribute(r||t);if(null!==d){const e=me(d,s,!!(64&(null==(n=a.i)?void 0:n.m)));null==(i=null==a?void 0:a.l)||i.set(t,e)}}));{const t=a.i;t&&10&t.m&&e["s-sc"]?(m=e["s-sc"],e.classList.add(m+"-h")):e["s-sc"]&&delete e["s-sc"]}!y.document||S.Y&&S.Y.size||se(y.document.body,S.Y=new Map),e[f]=s,e.removeAttribute(f),a.M=te(g,i,d,o,e,e,s,l);let p=0;const c=i.length;let v;for(;p<c;p++){v=i[p];const s=v.W+"."+v.j,a=S.Y.get(s),r=v.k;n||(r["s-hn"]=t.toUpperCase(),"slot"===v.L&&(r["s-cr"]=e["s-cr"])),"slot"===v.L&&(v.$=v.k["s-sn"]||v.k.name||null,v.u?(v.m|=2,v.k.childNodes.length||v.u.forEach((e=>{v.k.appendChild(e.k)}))):v.m|=1),a&&a.isConnected&&(n&&""===a["s-en"]&&a.parentNode.insertBefore(r,a.nextSibling),a.parentNode.removeChild(a),n||(r["s-oo"]=parseInt(v.j))),S.Y.delete(s)}const x=[],h=l.length;let u,b,w,$,L=0;for(;L<h;L++)if(u=l[L],u&&u.length)for(w=u.length,b=0;b<w;b++){if($=u[b],x[$.hostId]||(x[$.hostId]=S.Y.get($.hostId)),!x[$.hostId])continue;const e=x[$.hostId];e.shadowRoot&&n||($.slot["s-cr"]=e["s-cr"],$.slot["s-cr"]=!$.slot["s-cr"]&&e.shadowRoot?e:(e.__childNodes||e.childNodes)[0],_($.node,$.slot,0,$.node["s-oo"])),e.shadowRoot&&$.node.parentElement!==e&&e.appendChild($.node)}if(m&&d.length&&d.forEach((e=>{e.k.parentElement.classList.add(m+"-s")})),n&&!n.childNodes.length){let t=0;const s=o.length;if(s){for(;t<s;t++)n.appendChild(o[t]);Array.from(e.childNodes).forEach((e=>{"string"!=typeof e["s-en"]&&"string"!=typeof e["s-sn"]&&(1===e.nodeType&&e.slot&&e.hidden?e.removeAttribute("hidden"):(8===e.nodeType||3===e.nodeType&&!e.wholeText.trim())&&e.parentNode.removeChild(e))}))}}S.Y.delete(e["s-id"]),a.$hostElement$=e})(e,s.C,a,t)}a||12&s.m&&dt(e);{let s=e;for(;s=s.parentNode||s.host;)if(1===s.nodeType&&s.hasAttribute("s-id")&&s["s-p"]||s["s-p"]){Ue(t,t.R=s);break}}s.t&&Object.entries(s.t).map((([t,[s]])=>{if(31&s&&e.hasOwnProperty(t)){const s=e[t];delete e[t],e[t]=s}})),(async(e,t,s)=>{let a;if(!(32&t.m)){if(t.m|=32,s.q){const r=((e,t)=>{const s=e.C.replace(/-/g,"_"),a=e.q;if(!a)return;const r=p.get(a);return r?r[s]:import(`./${a}.entry.js`).then((e=>(p.set(a,e),e[s])),(e=>{m(e,t.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(s,t);if(r&&"then"in r){const e=()=>{};a=await r,e()}else a=r;if(!a)throw Error(`Constructor for "${s.C}#${t.G}" was not found`);a.isProxied||(s.U=a.watchers,rt(a,s,2),a.isProxied=!0);const n=()=>{};t.m|=8;try{new a(t)}catch(t){m(t,e)}t.m&=-9,t.m|=128,n(),nt(t.o,e)}else a=e.constructor,customElements.whenDefined(e.localName).then((()=>t.m|=128));if(a&&a.style){let e;"string"==typeof a.style&&(e=a.style);const t=ue(s);if(!c.has(t)){const a=()=>{};xe(t,e,!!(1&s.m)),a()}}}const r=t.R,n=()=>Ve(t,!0);r&&r["s-rc"]?r["s-rc"].push(n):n()})(e,t,s)}a()}},dt=e=>{if(!y.document)return;const t=e["s-cr"]=y.document.createComment("");t["s-cn"]=!0,Ae(e,t,e.firstChild)},lt=(e,t)=>{tt(e,"disconnectedCallback",void 0,t||e)},ot=(e,t={})=>{var s;if(!y.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const a=[],r=t.exclude||[],n=y.customElements,i=y.document.head,d=i.querySelector("meta[charset]"),o=y.document.createElement("style"),g=[];let m,p=!0;Object.assign(S,t),S.p=new URL(t.resourcesUrl||"./",y.document.baseURI).href,S.m|=2,(()=>{if(!y.document)return;const e=y.document.querySelectorAll(`[${v}]`);let t=0;for(;t<e.length;t++)xe(e[t].getAttribute(v),be(e[t].innerHTML),!0)})();let c=!1;if(e.map((e=>{e[1].map((s=>{var i;const d={m:s[0],C:s[1],t:s[2],J:s[3]};4&d.m&&(c=!0),d.t=s[2],d.J=s[3],d.P=[],d.U=null!=(i=s[4])?i:{};const o=t.transformTagName?t.transformTagName(d.C):d.C,f=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const s={m:0,$hostElement$:e,i:t,l:new Map};s._=new Promise((e=>s.D=e)),s.V=new Promise((e=>s.A=e)),e["s-p"]=[],e["s-rc"]=[];const a=s;e.__stencil__getHostRef=()=>a})(e=this,d),1&d.m)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${d.C}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else P.call(e,d)}connectedCallback(){const e=l(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,mt(this,e,d.J)),m&&(clearTimeout(m),m=null),p?g.push(this):S.jmp((()=>it(this)))}disconnectedCallback(){S.jmp((()=>(async e=>{if(!(1&S.m)){const t=l(e);t.K&&(t.K.map((e=>e())),t.K=void 0),(null==t?void 0:t.o)?lt(t.o,e):(null==t?void 0:t.V)&&t.V.then((()=>lt(t.o,e)))}ve.has(e)&&ve.delete(e),e.shadowRoot&&ve.has(e.shadowRoot)&&ve.delete(e.shadowRoot)})(this))),S.raf((()=>{var e;const t=l(this),s=g.findIndex((e=>e===this));s>-1&&g.splice(s,1),(null==(e=null==t?void 0:t.M)?void 0:e.k)instanceof Node&&!t.M.k.isConnected&&delete t.M.k}))}componentOnReady(){return l(this).V}};64&d.m&&(f.formAssociated=!0),d.q=e[0],r.includes(o)||n.get(o)||(a.push(o),n.define(o,rt(f,d,1)))}))})),a.length>0&&(c&&(o.textContent+=h),o.textContent+=a.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",o.innerHTML.length)){o.setAttribute("data-styles","");const e=null!=(s=S.T)?s:E(y.document);null!=e&&o.setAttribute("nonce",e),i.insertBefore(o,d?d.nextSibling:i.firstChild)}p=!1,g.length?g.map((e=>e.connectedCallback())):S.jmp((()=>m=setTimeout(et,30)))},gt=(e,t)=>t,mt=(e,t,s)=>{s&&y.document&&s.map((([s,a,r])=>{const n=ct(y.document,e,s),i=pt(t,r),d=ft(s);S.ael(n,a,i,d),(t.K=t.K||[]).push((()=>S.rel(n,a,i,d)))}))},pt=(e,t)=>s=>{var a;try{256&e.m?null==(a=e.o)||a[t](s):(e.I=e.I||[]).push([t,s])}catch(t){m(t,e.$hostElement$)}},ct=(e,t,s)=>8&s?y:t,ft=e=>({passive:!!(1&e),capture:!!(2&e)}),vt=e=>S.T=e;export{gt as F,Q as H,pe as a,ot as b,ce as c,Qe as d,Ze as f,e as g,G as h,w as p,o as r,vt as s}

package/dist/component-library/index.esm.js

@@ -1 +1 @@
-export{c as configure}from"./index-B5zt1rdf.js";import"./index-D-gUvxcp.js";
+export{c as configure}from"./index--uGgWE-E.js";import"./index-CIXO9B7A.js";

package/dist/component-library/{linkUtils-nm6kk12E.js → linkUtils-BBCV7Pjj.js}

@@ -1 +1 @@
-import{g as e}from"./index-B5zt1rdf.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}
+import{g as e}from"./index--uGgWE-E.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/component-library/utils-hnAo1pVs.js

@@ -0,0 +1 @@
+const t=t=>t.toString().toLowerCase().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),s=t=>{const s=parseFloat(t);return(n=""+16*s).endsWith("px")?n:`${n}px`;var n};function*n(t){let s=1;for(;;)yield`${t}-${s++}`}const o=(t,s,n)=>{const o=n.tagName.toLowerCase();if(!o.includes(s))throw new Error(`knownUntransformedTag mismatch: expected tag to include '${s}', but got '${o}'`);const r=n.tagName.toLowerCase(),a=s.split(/^ds-/)[1],e=t.split(/^ds-/)[1],[c,d]=r.split(a);return c+e+d},r=()=>!1;export{r as d,n as i,s as r,t as s,o as t}

package/dist/components/ds-accordion.js

@@ -1,5 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
 import { c as classNames } from './index3.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils.js';
 import { d as defineCustomElement$5 } from './ds-button2.js';
 import { d as defineCustomElement$4 } from './ds-icon2.js';
 import { d as defineCustomElement$3 } from './ds-spinner2.js';
@@ -23,7 +24,7 @@ const DsAccordion$1 = proxyCustomElement(class DsAccordion extends H {
     dsHideTopBorder = false;
     dsHideBottomBorder = false;
     isExpanded = false;
-    get host() { return this; }
+    get el() { return this; }
     dsToggle;
     headerButtonRef;
     shouldMoveFocus = false;
@@ -59,17 +60,19 @@ const DsAccordion$1 = proxyCustomElement(class DsAccordion extends H {
     render() {
         const iconSize = this.dsVariant === 'compact' ? '1.5rem' : '2rem';
         const buttonSize = this.dsVariant === 'compact' ? 'small' : 'medium';
-        return (h("div", { key: 'c2221eb19e8dc5c8046835c64f18cfe851414cc6', class: classNames('ds-accordion', `ds-accordion--${this.dsVariant}`, {
+        const DsButton = transformTagName('ds-button', 'ds-accordion', this.el);
+        const DsIcon = transformTagName('ds-icon', 'ds-accordion', this.el);
+        return (h("div", { key: '951be0118195679381c22878a038dfb232ee0346', class: classNames('ds-accordion', `ds-accordion--${this.dsVariant}`, {
                 'ds-accordion--border-aligned': this.dsBorderAligned,
-            }) }, h("div", { key: '46162baf286481658939b9eaafa7bdb76fca24eb', class: "ds-accordion__item" }, h("div", { key: '00522f00fd26aa790afeb5a9023506a52d08eaa8', role: "heading", "aria-level": this.dsHeadingLevel, class: "ds-accordion__title" }, h("button", { key: 'af21838b6a526ec0eb80ab2718e6bcc73e3c4fcd', class: classNames('ds-accordion__open-button', `ds-accordion--${this.dsVariant}`, {
+            }) }, h("div", { key: '256b5f3b8a1e1811c22afee44a0f5ed4cd015c21', class: "ds-accordion__item" }, h("div", { key: '6668b815277d2da0c573d1c685c6332c3ef14bfc', role: "heading", "aria-level": this.dsHeadingLevel, class: "ds-accordion__title" }, h("button", { key: '68d35fe833b59992c390654faa1fc211f7729f01', class: classNames('ds-accordion__open-button', `ds-accordion--${this.dsVariant}`, {
                 'ds-accordion--border-aligned': this.dsBorderAligned,
                 'ds-accordion--hide-top-border': this.dsHideTopBorder,
                 'ds-accordion--hide-bottom-border': this.dsHideBottomBorder,
-            }), onClick: this.handleClick, onKeyDown: this.handleKeyDown, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `${this.dsAccordionId}-panel`, id: this.dsAccordionId, ref: el => (this.headerButtonRef = el) }, h("span", { key: 'd5a5596d1ba39cef01fce18a6c68ef5e355fc6f5', class: "ds-accordion__icon", "aria-hidden": "true" }, this.isExpanded ? h("ds-icon", { dsSize: iconSize, dsHidden: true, dsName: "keyboard_arrow_up" }) : h("ds-icon", { dsSize: iconSize, dsHidden: true, dsName: "keyboard_arrow_down" })), h("slot", { key: '901a9dc03e72610a7551dc49f3d771625927e147', name: "header" }))), h("div", { key: '36cd019db0224777f2cfd227d0ce30165737f4c4', id: `${this.dsAccordionId}-panel`, role: "region", "aria-labelledby": this.dsAccordionId, class: classNames('ds-accordion__panel', `ds-accordion__panel--${this.dsVariant}`, {
+            }), onClick: this.handleClick, onKeyDown: this.handleKeyDown, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `${this.dsAccordionId}-panel`, id: this.dsAccordionId, ref: el => (this.headerButtonRef = el), type: "button" }, h("span", { key: 'bfaa887b6d942136384975122271b8fd22a519ea', class: "ds-accordion__icon", "aria-hidden": "true" }, this.isExpanded ? h(DsIcon, { dsSize: iconSize, dsHidden: true, dsName: "keyboard_arrow_up" }) : h(DsIcon, { dsSize: iconSize, dsHidden: true, dsName: "keyboard_arrow_down" })), h("slot", { key: 'b91cad283ab0fa5b0b10bfbf4be83bb8940d9be5', name: "header" }))), h("div", { key: 'f98963fc3958a003437f590dffcdb4e62e6ca4c5', id: `${this.dsAccordionId}-panel`, role: "region", "aria-labelledby": this.dsAccordionId, class: classNames('ds-accordion__panel', `ds-accordion__panel--${this.dsVariant}`, {
                 'ds-accordion__panel--border-aligned': this.dsBorderAligned,
                 'ds-accordion__panel--expanded': this.isExpanded,
                 'ds-accordion__panel--hide-bottom-border': this.dsHideBottomBorder,
-            }), hidden: !this.isExpanded }, h("div", { key: 'fb63ac75d5fe67e5c39fbc946f886d901688d63f', class: "ds-accordion__content" }, h("slot", { key: '64ed63495dea2b77480c9e308d373e8cff0f5817', name: "content" })), this.dsUseCloseButton && (h("ds-button", { key: '4a95bf6121c370a79cca2528c9b5fdfc53ba1b1c', "aria-labelledby": `${this.dsAccordionId}-close-button ${this.dsAccordionId}`, id: `${this.dsAccordionId}-close-button`, class: classNames('ds-accordion__close-button', `ds-accordion--${this.dsVariant}`, {
+            }), hidden: !this.isExpanded }, h("div", { key: '26e898bc4b0d08363226bd3ed1fabf4b2fe3d09b', class: "ds-accordion__content" }, h("slot", { key: 'b1ad63b87156b98ff24586d1df6c23b61895092e', name: "content" })), this.dsUseCloseButton && (h(DsButton, { key: 'c5d8de3590c4bdefffad1198e263878bde739c57', "aria-labelledby": `${this.dsAccordionId}-close-button ${this.dsAccordionId}`, id: `${this.dsAccordionId}-close-button`, class: classNames('ds-accordion__close-button', `ds-accordion--${this.dsVariant}`, {
                 'ds-accordion--border-aligned': this.dsBorderAligned,
             }), dsVariant: "supplementary", dsColour: "black", dsIcon: "keyboard_arrow_up", dsIconPosition: "start", onClick: this.handleClick, onKeyDown: this.handleKeyDown, dsValue: this.dsCloseButtonLabel, dsSize: buttonSize, dsType: "button" }))))));
     }
@@ -91,6 +94,7 @@ const DsAccordion$1 = proxyCustomElement(class DsAccordion extends H {
     }, undefined, {
         "isExpanded": ["watchHandler"]
     }]);
+declareComponentDependencies([h("ds-icon", null), h("ds-button", null)]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/ds-button2.js

@@ -1,11 +1,12 @@
 import { p as proxyCustomElement, H, h } from './index2.js';
 import { c as classNames } from './index3.js';
 import { i as inheritAttributes, b as inheritSpecifiedAttributes, a as inheritAriaAttributes } from './attributes.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils.js';
 import { d as defineCustomElement$3 } from './ds-icon2.js';
 import { d as defineCustomElement$2 } from './ds-spinner2.js';
 import { d as defineCustomElement$1 } from './ds-visually-hidden2.js';
 
-const dsButtonCss = ".sc-ds-button-h *.sc-ds-button,.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button:root,.sc-ds-button-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-button-h{display:inline-block}[dsFullWidth].sc-ds-button-h,[ds-full-width].sc-ds-button-h{width:100%}.ds-button.sc-ds-button{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}.ds-button.sc-ds-button:not(.supplementary) .button-value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button.supplementary.sc-ds-button:has(ds-spinner) .button-value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button.sc-ds-button ds-icon.sc-ds-button{height:1.5rem}.ds-button.sc-ds-button:has(ds-spinner):not(.small) .button-value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button.icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button.sc-ds-button:not(.small):not(.secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button.sc-ds-button:not(.small).secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button.sc-ds-button:not(.small).icon-only{padding-left:0;padding-right:0}.ds-button.small.sc-ds-button:not(.secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button.small.secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button.small.icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button.small.sc-ds-button ds-icon.sc-ds-button{height:1rem}.ds-button.icon-start.sc-ds-button:not(.small) ds-icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button.icon-end.sc-ds-button:not(.small) ds-icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button.primary.blue.sc-ds-button{background-color:var(--ds-palette-mainBlue-70);border-color:transparent;color:var(--ds-palette-white)}.ds-button.primary.blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-80)}.ds-button.primary.blue.sc-ds-button:active,.ds-button.primary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-90)}.ds-button.primary.blue.disabled.sc-ds-button,.ds-button.primary.blue.sc-ds-button:disabled{background-color:var(--ds-overlay-black-10);border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.primary.black.sc-ds-button{background-color:var(--ds-palette-black-95);border-color:transparent;color:var(--ds-palette-white)}.ds-button.primary.black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.black.sc-ds-button:hover{background-color:var(--ds-palette-black-80)}.ds-button.primary.black.sc-ds-button:active,.ds-button.primary.black--active.sc-ds-button{background-color:var(--ds-palette-black-70)}.ds-button.primary.black.disabled.sc-ds-button,.ds-button.primary.black.sc-ds-button:disabled{background-color:var(--ds-overlay-black-10);border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.primary.white.sc-ds-button{background-color:var(--ds-palette-white);border-color:transparent;color:var(--ds-palette-black-95)}.ds-button.primary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.white.sc-ds-button:hover{background-color:var(--ds-palette-black-10)}.ds-button.primary.white.sc-ds-button:active,.ds-button.primary.white--active.sc-ds-button{background-color:var(--ds-palette-black-20)}.ds-button.primary.white.disabled.sc-ds-button,.ds-button.primary.white.sc-ds-button:disabled{background-color:var(--ds-overlay-white-10);border-color:transparent;color:var(--ds-overlay-white-40)}.ds-button.secondary.blue.sc-ds-button{background-color:var(--ds-palette-white);border-color:var(--ds-palette-mainBlue-70);color:var(--ds-palette-mainBlue-70)}.ds-button.secondary.blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-05)}.ds-button.secondary.blue.sc-ds-button:active,.ds-button.secondary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-10)}.ds-button.secondary.blue.disabled.sc-ds-button,.ds-button.secondary.blue.sc-ds-button:disabled{background-color:var(--ds-palette-white);border-color:var(--ds-overlay-black-15);color:var(--ds-palette-black-40)}.ds-button.secondary.black.sc-ds-button{background-color:transparent;border-color:var(--ds-palette-black-95);color:var(--ds-palette-black-95)}.ds-button.secondary.black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.black.sc-ds-button:hover{background-color:var(--ds-overlay-black-10)}.ds-button.secondary.black.sc-ds-button:active,.ds-button.secondary.black--active.sc-ds-button{background-color:var(--ds-overlay-black-15)}.ds-button.secondary.black.disabled.sc-ds-button,.ds-button.secondary.black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-overlay-black-15);color:var(--ds-palette-black-40)}.ds-button.secondary.white.sc-ds-button{background-color:transparent;border-color:var(--ds-palette-white);color:var(--ds-palette-white)}.ds-button.secondary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.white.sc-ds-button:hover{background-color:var(--ds-overlay-white-30)}.ds-button.secondary.white.sc-ds-button:active,.ds-button.secondary.white--active.sc-ds-button{background-color:var(--ds-overlay-white-40)}.ds-button.secondary.white.disabled.sc-ds-button,.ds-button.secondary.white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-overlay-white-15);color:var(--ds-overlay-white-40)}.ds-button.supplementary.blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-mainBlue-70);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-05)}.ds-button.supplementary.blue.sc-ds-button:active,.ds-button.supplementary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-10)}.ds-button.supplementary.blue.disabled.sc-ds-button,.ds-button.supplementary.blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.supplementary.black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-95);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.black.sc-ds-button:hover{background-color:var(--ds-overlay-black-10)}.ds-button.supplementary.black.sc-ds-button:active,.ds-button.supplementary.black--active.sc-ds-button{background-color:var(--ds-overlay-black-15)}.ds-button.supplementary.black.disabled.sc-ds-button,.ds-button.supplementary.black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.supplementary.white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.white.sc-ds-button:hover{background-color:var(--ds-overlay-white-30)}.ds-button.supplementary.white.sc-ds-button:active,.ds-button.supplementary.white--active.sc-ds-button{background-color:var(--ds-overlay-white-40)}.ds-button.supplementary.white.disabled.sc-ds-button,.ds-button.supplementary.white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-overlay-white-40)}";
+const dsButtonCss = ".sc-ds-button-h *.sc-ds-button,.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button:root,.sc-ds-button-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-button-h{display:inline-block}[dsFullWidth].sc-ds-button-h,[ds-full-width].sc-ds-button-h{width:100%}.ds-button.sc-ds-button{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}.ds-button.sc-ds-button:not(.supplementary) .button-value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button.supplementary.sc-ds-button:has(.ds-button__spinner) .button-value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__icon.sc-ds-button{height:1.5rem}.ds-button.sc-ds-button:has(.ds-button__spinner):not(.small) .button-value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button.icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button.sc-ds-button:not(.small):not(.secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button.sc-ds-button:not(.small).secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button.sc-ds-button:not(.small).icon-only{padding-left:0;padding-right:0}.ds-button.small.sc-ds-button:not(.secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button.small.secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button.small.icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button.small.sc-ds-button .ds-button__icon.sc-ds-button{height:1rem}.ds-button.icon-start.sc-ds-button:not(.small) .ds-button__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button.icon-end.sc-ds-button:not(.small) .ds-button__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button.primary.blue.sc-ds-button{background-color:var(--ds-palette-mainBlue-70);border-color:transparent;color:var(--ds-palette-white)}.ds-button.primary.blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-80)}.ds-button.primary.blue.sc-ds-button:active,.ds-button.primary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-90)}.ds-button.primary.blue.disabled.sc-ds-button,.ds-button.primary.blue.sc-ds-button:disabled{background-color:var(--ds-overlay-black-10);border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.primary.black.sc-ds-button{background-color:var(--ds-palette-black-95);border-color:transparent;color:var(--ds-palette-white)}.ds-button.primary.black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.black.sc-ds-button:hover{background-color:var(--ds-palette-black-80)}.ds-button.primary.black.sc-ds-button:active,.ds-button.primary.black--active.sc-ds-button{background-color:var(--ds-palette-black-70)}.ds-button.primary.black.disabled.sc-ds-button,.ds-button.primary.black.sc-ds-button:disabled{background-color:var(--ds-overlay-black-10);border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.primary.white.sc-ds-button{background-color:var(--ds-palette-white);border-color:transparent;color:var(--ds-palette-black-95)}.ds-button.primary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.white.sc-ds-button:hover{background-color:var(--ds-palette-black-10)}.ds-button.primary.white.sc-ds-button:active,.ds-button.primary.white--active.sc-ds-button{background-color:var(--ds-palette-black-20)}.ds-button.primary.white.disabled.sc-ds-button,.ds-button.primary.white.sc-ds-button:disabled{background-color:var(--ds-overlay-white-10);border-color:transparent;color:var(--ds-overlay-white-40)}.ds-button.secondary.blue.sc-ds-button{background-color:var(--ds-palette-white);border-color:var(--ds-palette-mainBlue-70);color:var(--ds-palette-mainBlue-70)}.ds-button.secondary.blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-05)}.ds-button.secondary.blue.sc-ds-button:active,.ds-button.secondary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-10)}.ds-button.secondary.blue.disabled.sc-ds-button,.ds-button.secondary.blue.sc-ds-button:disabled{background-color:var(--ds-palette-white);border-color:var(--ds-overlay-black-15);color:var(--ds-palette-black-40)}.ds-button.secondary.black.sc-ds-button{background-color:transparent;border-color:var(--ds-palette-black-95);color:var(--ds-palette-black-95)}.ds-button.secondary.black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.black.sc-ds-button:hover{background-color:var(--ds-overlay-black-10)}.ds-button.secondary.black.sc-ds-button:active,.ds-button.secondary.black--active.sc-ds-button{background-color:var(--ds-overlay-black-15)}.ds-button.secondary.black.disabled.sc-ds-button,.ds-button.secondary.black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-overlay-black-15);color:var(--ds-palette-black-40)}.ds-button.secondary.white.sc-ds-button{background-color:transparent;border-color:var(--ds-palette-white);color:var(--ds-palette-white)}.ds-button.secondary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.white.sc-ds-button:hover{background-color:var(--ds-overlay-white-30)}.ds-button.secondary.white.sc-ds-button:active,.ds-button.secondary.white--active.sc-ds-button{background-color:var(--ds-overlay-white-40)}.ds-button.secondary.white.disabled.sc-ds-button,.ds-button.secondary.white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-overlay-white-15);color:var(--ds-overlay-white-40)}.ds-button.supplementary.blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-mainBlue-70);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-05)}.ds-button.supplementary.blue.sc-ds-button:active,.ds-button.supplementary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-10)}.ds-button.supplementary.blue.disabled.sc-ds-button,.ds-button.supplementary.blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.supplementary.black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-95);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.black.sc-ds-button:hover{background-color:var(--ds-overlay-black-10)}.ds-button.supplementary.black.sc-ds-button:active,.ds-button.supplementary.black--active.sc-ds-button{background-color:var(--ds-overlay-black-15)}.ds-button.supplementary.black.disabled.sc-ds-button,.ds-button.supplementary.black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.supplementary.white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.white.sc-ds-button:hover{background-color:var(--ds-overlay-white-30)}.ds-button.supplementary.white.sc-ds-button:active,.ds-button.supplementary.white--active.sc-ds-button{background-color:var(--ds-overlay-white-40)}.ds-button.supplementary.white.disabled.sc-ds-button,.ds-button.supplementary.white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-overlay-white-40)}";
 
 const DsButton = proxyCustomElement(class DsButton extends H {
     constructor() {
@@ -107,8 +108,12 @@ const DsButton = proxyCustomElement(class DsButton extends H {
             'icon-end': this.dsIcon && this.dsIconPosition === 'end' && this.hasContent,
             'icon-only': this.dsIcon && !this.hasContent,
         });
+        const iconClasses = classNames('ds-button__icon');
         const iconSize = this.dsSize === 'small' ? '1rem' : undefined;
-        return (h("button", { ref: el => (this.buttonEl = el), onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, class: classes, type: this.dsType, "aria-disabled": this.dsAriaDisabled == 'true' ? 'true' : 'false', disabled: this.dsDisabled, ...this.inheritedAttributes }, h("slot", { name: "prefix" }, !this.dsIsLoading && this.dsIcon && this.dsIconPosition === 'start' && h("ds-icon", { dsName: this.dsIcon, dsSize: iconSize }), this.dsIsLoading && (h("ds-spinner", { dsHiddenAssistiveText: this.dsSpinnerHiddenText, dsSpinnerColor: this.getSpinnerColour(), dsSize: this.dsSize == 'small' ? 'small' : 'medium' }))), this.hasContent && (h("span", { class: "button-value" }, h("slot", null, this.dsValue, this.dsHiddenAssistiveText && (h("ds-visually-hidden", { "ds-tag": "span" }, this.dsHiddenAssistiveText))))), h("slot", { name: "suffix" }, this.dsIcon && this.dsIconPosition === 'end' && h("ds-icon", { dsName: this.dsIcon, dsSize: iconSize }))));
+        const DsIcon = transformTagName('ds-icon', 'ds-button', this.el);
+        const DsSpinner = transformTagName('ds-spinner', 'ds-button', this.el);
+        const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-button', this.el);
+        return (h("button", { ref: el => (this.buttonEl = el), onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, class: classes, type: this.dsType, "aria-disabled": this.dsAriaDisabled == 'true' ? 'true' : 'false', disabled: this.dsDisabled, ...this.inheritedAttributes }, h("slot", { name: "prefix" }, !this.dsIsLoading && this.dsIcon && this.dsIconPosition === 'start' && h(DsIcon, { class: iconClasses, dsName: this.dsIcon, dsSize: iconSize }), this.dsIsLoading && (h(DsSpinner, { class: "ds-button__spinner", dsHiddenAssistiveText: this.dsSpinnerHiddenText, dsSpinnerColor: this.getSpinnerColour(), dsSize: this.dsSize == 'small' ? 'small' : 'medium' }))), this.hasContent && (h("span", { class: "button-value" }, h("slot", null, this.dsValue, this.dsHiddenAssistiveText && (h(DsVisuallyHidden, { "ds-tag": "span" }, this.dsHiddenAssistiveText))))), h("slot", { name: "suffix" }, this.dsIcon && this.dsIconPosition === 'end' && h(DsIcon, { class: iconClasses, dsName: this.dsIcon, dsSize: iconSize }))));
     };
     render() {
         const buttonElement = this.renderButton();
@@ -133,6 +138,11 @@ const DsButton = proxyCustomElement(class DsButton extends H {
         "hasContent": [32],
         "dsFocus": [64]
     }]);
+declareComponentDependencies([
+    h("ds-icon", null),
+    h("ds-spinner", null),
+    h("ds-visually-hidden", null)
+]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/ds-card.js

@@ -1,8 +1,9 @@
 import { p as proxyCustomElement, H, h } from './index2.js';
 import { c as classNames } from './index3.js';
-import { s as slugifyText, d as defineCustomElement$2 } from './ds-icon2.js';
+import { s as slugifyText, t as transformTagName, d as declareComponentDependencies } from './utils.js';
+import { d as defineCustomElement$2 } from './ds-icon2.js';
 
-const dsCardCss = ":root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:block}.ds-card{background-color:var(--ds-palette-white);border:1px solid var(--ds-palette-black-20);color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;margin-bottom:var(--ds-spacing-2xSmall)}.ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card:focus-within .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:hover{border-color:var(--ds-palette-black-50);cursor:pointer}.ds-card.ds-card--link:hover ds-icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link:hover .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:active{border-color:var(--ds-palette-black-95)}.ds-card.ds-card--link:active ds-icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link{text-decoration:none}.ds-card.ds-card--link:focus-within ds-icon{color:var(--ds-palette-black-80)}.ds-card--filled{background-color:var(--ds-palette-black-05)}.ds-card__image-container{aspect-ratio:16/9;position:relative;width:100%;overflow:hidden}.ds-card__image{width:100%;height:100%;object-fit:cover}.ds-card__content--top{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__content--top__text{display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-card__eyebrow{color:var(--ds-palette-black-70);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:1px;line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-3xSmall);order:1}.ds-card__heading{align-items:center;color:var(--ds-palette-black-95);display:flex;font-size:var(--ds-fontSize-20);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);margin:0;order:2;justify-content:space-between;text-wrap:balance}.ds-card__heading__link{all:unset}.ds-card__subtitle{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__description{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);color:var(--ds-palette-black-95);padding:0 var(--ds-spacing-small);margin:0 0 var(--ds-spacing-small) 0;text-wrap:pretty}.ds-card ds-icon{color:var(--ds-palette-mainBlue-70);font-size:var(--ds-fontSize-20);font-weight:normal}";
+const dsCardCss = ":root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:block}.ds-card{background-color:var(--ds-palette-white);border:1px solid var(--ds-palette-black-20);color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;margin-bottom:var(--ds-spacing-2xSmall)}.ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card:focus-within .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:hover{border-color:var(--ds-palette-black-50);cursor:pointer}.ds-card.ds-card--link:hover .ds-card__icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link:hover .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:active{border-color:var(--ds-palette-black-95)}.ds-card.ds-card--link:active .ds-card__icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link{text-decoration:none}.ds-card.ds-card--link:focus-within .ds-card__icon{color:var(--ds-palette-black-80)}.ds-card--filled{background-color:var(--ds-palette-black-05)}.ds-card__image-container{aspect-ratio:16/9;position:relative;width:100%;overflow:hidden}.ds-card__image{width:100%;height:100%;object-fit:cover}.ds-card__content--top{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__content--top__text{display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-card__eyebrow{color:var(--ds-palette-black-70);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:1px;line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-3xSmall);order:1}.ds-card__heading{align-items:center;color:var(--ds-palette-black-95);display:flex;font-size:var(--ds-fontSize-20);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);margin:0;order:2;justify-content:space-between;text-wrap:balance}.ds-card__heading__link{all:unset}.ds-card__subtitle{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__description{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);color:var(--ds-palette-black-95);padding:0 var(--ds-spacing-small);margin:0 0 var(--ds-spacing-small) 0;text-wrap:pretty}.ds-card .ds-card__icon{color:var(--ds-palette-mainBlue-70);font-size:var(--ds-fontSize-20);font-weight:normal}";
 
 const DsCard$1 = proxyCustomElement(class DsCard extends H {
     constructor() {
@@ -47,10 +48,11 @@ const DsCard$1 = proxyCustomElement(class DsCard extends H {
         const HeadingTag = `h${this.dsHeadingLevel}`;
         const randomId = Math.random().toString(36).substring(2, 9);
         const headingId = `${slugifyText(this.dsHeading)}-${randomId}`;
-        return (h("article", { key: '4275de582a0f175018e04fba3201895ec3a75270', "aria-labelledby": headingId, class: classes, onClick: (e) => this.handleClick(e), onKeyDown: (e) => this.handleKeydown(e) }, this.dsImageUrl && (h("div", { key: '3a1b3b9b4b236ade25efe88037b3c032971943d5', class: "ds-card__image-container" }, h("img", { key: '49503128ed1b968327f6548f4afae33a0ddec813', class: "ds-card__image", src: this.dsImageUrl, alt: this.dsImageAlt }))), h("div", { key: '4e5095d1eee487f72e1e5b523c33ea7f17cc6c65', class: "ds-card__content" }, h("div", { key: '29bcae828a5abda0f46f1e1695e5c88e4dd9eedf', class: "ds-card__content--top" }, h("div", { key: '791ef1f0cd45f25fbf2a518a5884cc1e830eb74a', class: "ds-card__content--top__text" }, this.dsUrl ?
+        const DsIcon = transformTagName('ds-icon', 'ds-card', this.el);
+        return (h("article", { key: 'd1245f635fe90888ed00300bbb7e8590fcd32340', "aria-labelledby": headingId, class: classes, onClick: (e) => this.handleClick(e), onKeyDown: (e) => this.handleKeydown(e) }, this.dsImageUrl && (h("div", { key: 'c89c1d2cb84f5d922c67dc4b91b5d5d9ad023bda', class: "ds-card__image-container" }, h("img", { key: 'fac12526ef53c5de35cbb2586f35ac914425fc9f', class: "ds-card__image", src: this.dsImageUrl, alt: this.dsImageAlt }))), h("div", { key: 'b15e54cca3b2ab7fd349b48346b423a7f377a740', class: "ds-card__content" }, h("div", { key: '6e09022df1d5ae20e48f1d4a4bd753e58f958ae9', class: "ds-card__content--top" }, h("div", { key: '0fb199716819949e5293663a44104cc35cf02dea', class: "ds-card__content--top__text" }, this.dsUrl ?
             h(HeadingTag, { class: "ds-card__heading", id: headingId }, h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: "ds-card__heading__link" }, this.dsHeading))
             :
-                h(HeadingTag, { class: "ds-card__heading" }, this.dsHeading), this.dsEyebrow && h("div", { key: 'e084ac07556497e960dade75e0893640dc67cf9f', class: "ds-card__eyebrow" }, this.dsEyebrow), this.dsSubtitle && h("div", { key: '8882de57288421012851a81b2d06ee2a11127d2d', class: "ds-card__subtitle" }, this.dsSubtitle)), (this.dsUrl && this.dsShowArrow) && h("ds-icon", { key: '134ce4d424a4d2a235fc2cd6c2b392c053914a95', "ds-name": "arrow_forward" })), h("div", { key: 'fd4101fb43b3d3e2fbd92075a33e7715422ee27d', class: "ds-card__content--bottom" }, this.dsDescription && h("p", { key: '1ba650951ecc252a71e8787265ce2cfd3b3c7f97', class: "ds-card__description" }, this.dsDescription), h("div", { key: '337de8c68477b130c7f9eb1be7c7e4623748b622', class: "ds-card__slot--content" }, h("slot", { key: 'db10985cfbf292de7941bec168d74656f5214512', name: "content" })), h("div", { key: '9b425156a340cc4d318af11e0b485edcd49528f6', class: "ds-card__slot--footer" }, h("slot", { key: '4a54f803b3d276354d61e00277ff1367505d77ff', name: "footer" }))))));
+                h(HeadingTag, { class: "ds-card__heading" }, this.dsHeading), this.dsEyebrow && h("div", { key: 'cdb6d4a4d5846151828dce183ff3c19777997816', class: "ds-card__eyebrow" }, this.dsEyebrow), this.dsSubtitle && h("div", { key: 'cbdbd9627b5226b5349f2aa3c1ef25644f81fd08', class: "ds-card__subtitle" }, this.dsSubtitle)), (this.dsUrl && this.dsShowArrow) && h(DsIcon, { key: 'dce294ee232bcec7f72c1079c6a0667881252385', class: "ds-card__icon", "ds-name": "arrow_forward" })), h("div", { key: '0bc86a6abbc1ba6b0467579ab771d9e6df827e78', class: "ds-card__content--bottom" }, this.dsDescription && h("p", { key: 'f8b9cf073af8e73f799dade662e3bece4d5a9435', class: "ds-card__description" }, this.dsDescription), h("div", { key: 'ba701f51d614348b87d9167dd2ee28b590e3ccbb', class: "ds-card__slot--content" }, h("slot", { key: 'cd8ba106097d7d4a6d49cd74eca8dfcdee14fc6b', name: "content" })), h("div", { key: 'c2b7da383574c8fe5a647c601793e201eee2f157', class: "ds-card__slot--footer" }, h("slot", { key: '8c185d120f7379a5ecbe06618e2d7b530e1ec971', name: "footer" }))))));
     }
     static get style() { return dsCardCss; }
 }, [1, "ds-card", {
@@ -66,6 +68,7 @@ const DsCard$1 = proxyCustomElement(class DsCard extends H {
         "dsSubtitle": [1, "ds-subtitle"],
         "dsShowArrow": [4, "ds-show-arrow"]
     }, [[2, "click", "handleClick"], [2, "keydown", "handleKeydown"]]]);
+declareComponentDependencies([h("ds-icon", null)]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;