@uh-design-system/component-library 0.5.3 → 0.6.0

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

@@ -1 +1 @@
-import{r as e,a as i,h as t}from"./index-84fd0ee9.js";import{c as s}from"./index-72ac5051.js";import{i as n,g as a,c as l}from"./utils-cfc536bc.js";import{o as d,v as o}from"./linkUtils-3d1b28cf.js";const r=l("visually-hidden-assistive-text"),c=class{constructor(i){e(this,i)}inheritedAttributes={};rel;visuallyHiddenAssistiveTextId=r.next().value;get el(){return i(this)}text;size;variant="inline";weight="regular";icon="";iconPosition="end";iconTitle;iconHidden;href;target;download;language;ariaLabel;componentWillLoad(){this.inheritedAttributes=n(this.el,["aria-label"]),d(this.target)&&(this.icon="open_in_new",this.iconPosition="end",this.rel="noopener noreferrer")}render(){const e=s("ds-link",`ds-link--${this.weight}`,`ds-link--${this.variant}`,{[`ds-link--${this.size}`]:Boolean(this.size)}),i=s("ds-link__icon",{[`ds-link__icon--start-${this.variant}`]:"start"===this.iconPosition,[`ds-link__icon--end-${this.variant}`]:"end"===this.iconPosition});return t("a",{key:"e8db9e6a903263d717a386e2fd61a2f279c4de1d",href:this.href,class:e,rel:this.rel,target:this.target,download:this.download,"aria-label":a(this.text,this.ariaLabel),...this.inheritedAttributes},t("slot",{key:"9def43becc24ab8f836ced9eb1f33de903fcfa40",name:"iconStart"},this.icon&&"start"===this.iconPosition&&t("ds-icon",{key:"301bbcf7464dca9e0e44cd9b74ccc77e67cbfac9",name:this.icon,class:i,size:"1em",title:this.iconTitle,hidden:this.iconHidden})),this.text,t("slot",{key:"f6f3b7824f5bb028375f40e2e5743989a56f187d",name:"iconEnd"},this.icon&&"end"===this.iconPosition&&t("ds-icon",{key:"3af94f1f8e4f1199e260929001b99ee56f780dff",name:this.icon,class:i,size:"1em",title:this.iconTitle,hidden:this.iconHidden})),d(this.target)&&t("ds-visually-hidden",{key:"f91801450c834793bf05a40f011b86f500422eee",id:this.visuallyHiddenAssistiveTextId},o(this.language??document.documentElement.lang)))}};c.style=":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:inline-block}.ds-link{display:inline-flex;align-items:center;color:var(--ds-palette-mainBlue-70);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline-color:var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-link--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link--xLarge{font-size:var(--ds-fontSize-20)}.ds-link--large{font-size:var(--ds-fontSize-18)}.ds-link--medium{font-size:var(--ds-fontSize-16)}.ds-link--small{font-size:var(--ds-fontSize-14)}.ds-link--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__icon{height:1em;width:1em}.ds-link__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link:hover,.ds-link:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link:hover{color:var(--ds-palette-mainBlue-80)}.ds-link:active{color:var(--ds-palette-mainBlue-90)}.ds-link:visited{color:#551a8b}.ds-link--standalone{color:var(--ds-palette-mainBlue-70);text-decoration-line:none}.ds-link--standalone:hover,.ds-link--standalone:active{text-decoration-line:underline}.ds-link--standalone:hover{color:var(--ds-palette-mainBlue-80)}.ds-link--standalone:active{color:var(--ds-palette-mainBlue-90)}.ds-link--standalone:focus-visible{color:var(--ds-palette-mainBlue-70)}.ds-link--standalone:visited{color:var(--ds-palette-mainBlue-70)}";export{c as ds_link}
+import{r as i,g as e,h as s}from"./index-Cm7V4EAn.js";import{c as t}from"./index-BfTCfPZ1.js";import{a as n,b as d}from"./attributes-BD_lNRxn.js";import{o as l,v as a}from"./linkUtils-02nCfO0F.js";import{i as o}from"./utils-CqaqnfY4.js";import"./index-DuYjhvTn.js";const r=o("visually-hidden-assistive-text"),c=class{constructor(e){i(this,e)}inheritedAttributes={};rel;visuallyHiddenAssistiveTextId=r.next().value;get el(){return e(this)}dsText;dsSize;dsVariant="inline";dsWeight="regular";dsIcon="";dsIconPosition="end";dsIconTitle;dsIconHidden;dsHref;dsTarget;dsDownload;dsAriaLabel;dsColour;componentWillLoad(){this.inheritedAttributes={...d(this.el,["aria-label"]),...n(this.el,["lang"])},l(this.dsTarget)&&(this.dsIcon="open_in_new",this.dsIconPosition="end",this.rel="noopener noreferrer")}render(){const i=t("ds-link",`ds-link--${this.dsWeight}`,`ds-link--${this.dsVariant}`,{[`ds-link--${this.dsSize}`]:!!this.dsSize,[`ds-link--colour-${this.dsColour}`]:!!this.dsColour}),e=t("ds-link__icon",{[`ds-link__icon--start-${this.dsVariant}`]:"start"===this.dsIconPosition,[`ds-link__icon--end-${this.dsVariant}`]:"end"===this.dsIconPosition});return s("a",{key:"a2dadeffad7a9ea98044d8d9e655b9623cdb287e",href:this.dsHref,class:i,rel:this.rel,target:this.dsTarget,download:this.dsDownload,"aria-label":this.dsAriaLabel,...this.inheritedAttributes},s("slot",{key:"731bfe4dc924dd63b2815daed0ebe8bf2f7c455e",name:"prefix"},this.dsIcon&&"start"===this.dsIconPosition&&s("ds-icon",{key:"4070f566905c409d9489221edaebb796aaccf973",dsName:this.dsIcon,class:e,dsSize:"1em",dsTitle:this.dsIconTitle,dsHidden:this.dsIconHidden})),this.dsText,s("slot",{key:"a57232ddd92c4225efe30b22247e8bf649e1f98f",name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&s("ds-icon",{key:"12d9a52ab321c0f607013accf39ee82947bac4eb",dsName:this.dsIcon,class:e,dsSize:"1em",dsTitle:this.dsIconTitle,dsHidden:this.dsIconHidden})),l(this.dsTarget)&&s("ds-visually-hidden",{key:"baf51d298ca730b60c969e980fe91eb6096bd791",id:this.visuallyHiddenAssistiveTextId},a()))}};c.style=":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:inline-block}.ds-link{display:inline-flex;align-items:center;color:var(--ds-palette-mainBlue-70);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link: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-link--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link--xLarge{font-size:var(--ds-fontSize-20)}.ds-link--large{font-size:var(--ds-fontSize-18)}.ds-link--medium{font-size:var(--ds-fontSize-16)}.ds-link--small{font-size:var(--ds-fontSize-14)}.ds-link--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__icon{height:1em;width:1em}.ds-link__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link:hover,.ds-link:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link:hover{color:var(--ds-palette-mainBlue-80)}.ds-link:active{color:var(--ds-palette-mainBlue-90)}.ds-link:visited{color:#551a8b}.ds-link--standalone{color:var(--ds-palette-mainBlue-70);text-decoration-line:none}.ds-link--standalone:hover,.ds-link--standalone:active{text-decoration-line:underline}.ds-link--standalone:hover{color:var(--ds-palette-mainBlue-80)}.ds-link--standalone:active{color:var(--ds-palette-mainBlue-90)}.ds-link--standalone:focus-visible{color:var(--ds-palette-mainBlue-70)}.ds-link--standalone:visited{color:var(--ds-palette-mainBlue-70)}.ds-link--colour-white{color:var(--ds-palette-white)}.ds-link--colour-white:hover,.ds-link--colour-white:active,.ds-link--colour-white:visited,.ds-link--colour-white:focus-visible{color:var(--ds-palette-white)}.ds-link--colour-black{color:var(--ds-palette-black-95)}.ds-link--colour-black:hover,.ds-link--colour-black:active,.ds-link--colour-black:visited,.ds-link--colour-black:focus-visible{color:var(--ds-palette-black-95)}";export{c as ds_link}

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

@@ -1 +1 @@
-import{r as t,c as e,a as i,h as s,H as r}from"./index-84fd0ee9.js";import{c as o}from"./index-72ac5051.js";import{i as a,c as d}from"./utils-cfc536bc.js";const n=d("ds-radio-button-group"),l=class{constructor(i){t(this,i),this.dsRadioGroupValueChange=e(this,"dsRadioGroupValueChange",7),this.dsRadioGroupInvalidStateChange=e(this,"dsRadioGroupInvalidStateChange",7)}fieldsetId=n.next().value;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;inheritedAttributes={};get el(){return i(this)}legend;assistiveText;initialValue;direction="vertical";errorText="";value;dsRadioGroupValueChange;dsRadioGroupInvalidStateChange;getRadios=()=>Array.from(this.el.querySelectorAll("ds-radio-button")).filter((t=>!t.disabled));updateFocusableRadioButton=()=>{const t=this.getRadios();if(!t.length)return;let e=null;for(const i of t){const t=i.value===this.value;i.setFocusable(t),t&&(e=i)}e||t[0].setFocusable(!0)};componentWillLoad(){this.value=this.initialValue,this.inheritedAttributes=a(this.el,["aria-labelledby"]),this.updateFocusableRadioButton()}async getValue(){return this.value}errorTextObserver(t){this.dsRadioGroupInvalidStateChange.emit(!!t)}onInputChange(t){t.stopPropagation(),this.value=t.target.value,this.dsRadioGroupValueChange.emit(this.value),this.updateFocusableRadioButton()}onKeyDown(t){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(t.key))return;if(t.target&&!this.el.contains(t.target))return;const e=this.getRadios();if(t.target&&!e.includes(t.target))return;t.preventDefault();const i=e.findIndex((e=>e===t.target));let s;["ArrowUp","ArrowLeft"].includes(t.key)&&(s=0===i?e.length-1:i-1),["ArrowDown","ArrowRight"].includes(t.key)&&(s=(i+1)%e.length);const r=e[s];r.setFocus(),r.setChecked()}render(){const t=o("ds-radio-button-group"),e=o("ds-radio-button-group__legend"),i=o("ds-radio-button-group__assistive-text"),a=o("ds-radio-button-group__radio-buttons-slot",{"ds-radio-button-group__radio-buttons-slot--horizontal":"horizontal"===this.direction}),d=o("ds-radio-button-group__error"),n=[!!this.errorText&&this.errorTextId,!!this.assistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return s(r,{key:"c29b30786a96a50976486eb107c707b973c06633","data-invalid":!!this.errorText||void 0},s("fieldset",{key:"90692a539c75bb81ae692b7209bd757c5d8b6b59",class:t,"aria-describedby":n,...this.inheritedAttributes},s("legend",{key:"1d4f2819f0fa4ca020297cddccc87f684fc03461",class:e},s("slot",{key:"d9edb199de4975dd876bf68fa834f7d1b841bad2",name:"legend"},this.legend)),s("slot",{key:"e48f2924efd4e0f47fedb8c30df34735aa6bc2df",name:"assistiveText"},this.assistiveText&&s("small",{key:"ebbb68a63acce035872ce7ef22d2821941ea3ccc",class:i,id:this.assistiveTextId},this.assistiveText)),s("div",{key:"a146cbf465a9fe97e5380db66d0baecaa46797e1",class:a},s("slot",{key:"d7623edbff9870335ae62451bad2b245e394d4d0",onSlotchange:this.updateFocusableRadioButton})),s("div",{key:"85381c3f1b7f28d5508cf866884f0f5df2e2413a",class:d},s("ds-input-validity",{key:"ebf9f79454c11f490261959e1bdb5433744f39a3",id:this.errorTextId,text:this.errorText,type:"error"}))))}static get watchers(){return{errorText:["errorTextObserver"]}}};l.style=".ds-radio-button-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__radio-buttons-slot--horizontal{flex-direction:row;gap:var(--ds-spacing-small);flex-wrap:wrap}.ds-radio-button-group__legend{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-group__assistive-text{font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";export{l as ds_radio_button_group}
+import{r as t,c as e,g as s,h as i,H as a}from"./index-Cm7V4EAn.js";import{c as r}from"./index-BfTCfPZ1.js";import{i as o}from"./utils-CqaqnfY4.js";import{b as d}from"./attributes-BD_lNRxn.js";import{g as n,b as l}from"./controlUtils-CNER0MvM.js";import"./index-DuYjhvTn.js";const h=o("ds-radio-button-group"),c=class{constructor(s){t(this,s),this.dsRadioGroupValueChange=e(this,"dsRadioGroupValueChange"),this.dsRadioGroupInvalidStateChange=e(this,"dsRadioGroupInvalidStateChange"),this.dsChange=e(this,"dsChange"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}fieldsetId=h.next().value;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;inheritedAttributes={};get el(){return s(this)}internals;dsLegend;dsAssistiveText;dsValue;dsDirection="vertical";dsErrorText="";dsRequired=!1;showInternalsValidationMessage=!1;dsRadioGroupValueChange;dsRadioGroupInvalidStateChange;dsChange;getLegendText=()=>this.dsRequired?n(this.dsLegend):this.dsLegend;getValidationMessage=()=>this.dsErrorText||(this.showInternalsValidationMessage?this.internals?.validationMessage:"");getRadios=()=>Array.from(this.el.querySelectorAll("ds-radio-button"));getEnabledRadios=()=>this.getRadios().filter((t=>!t.dsDisabled));updateRadios=t=>{this.getRadios().forEach(t)};updateFocusableRadioButton=()=>{const t=this.getEnabledRadios();if(!t.length)return;let e=null;for(const s of t){const t=s.dsValue===this.dsValue;s.setFocusable(t),t&&(e=s)}e||t[0].setFocusable(!0)};formResetCallback(){this.internals?.setValidity({})}componentWillLoad(){this.inheritedAttributes=d(this.el,["aria-labelledby"]),this.updateFocusableRadioButton()}componentDidLoad(){this.updateRadios((t=>{t.setAttribute("ds-errors-disabled","true")})),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},l(),this.getRadios()?.[0].shadowRoot.querySelector("input"))}async getValue(){return this.dsValue}errorTextObserver(t){this.dsRadioGroupInvalidStateChange.emit(!!t)}dsValueObserver(t){this.dsChange.emit(t),this.dsRequired&&this.internals?.setValidity({valueMissing:!t},l(),this.getRadios()?.[0].shadowRoot.querySelector("input"))}onInputChange(t){t.stopPropagation(),this.dsValue=t.target.dsValue,this.dsRadioGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}onKeyDown(t){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(t.key))return;if(t.target&&!this.el.contains(t.target))return;const e=this.getEnabledRadios();if(t.target&&!e.includes(t.target))return;t.preventDefault();const s=e.findIndex((e=>e===t.target));let i;["ArrowUp","ArrowLeft"].includes(t.key)&&(i=0===s?e.length-1:s-1),["ArrowDown","ArrowRight"].includes(t.key)&&(i=(s+1)%e.length);const a=e[i];a.dsFocus(),a.setChecked()}render(){const t=r("ds-radio-button-group"),e=r("ds-radio-button-group__legend"),s=r("ds-radio-button-group__assistive-text"),o=r("ds-radio-button-group__radio-buttons-slot",{"ds-radio-button-group__radio-buttons-slot--horizontal":"horizontal"===this.dsDirection}),d=r("ds-radio-button-group__error"),n=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return i(a,{key:"fd0fece58fea50d7ea0672b7f49608c2cdcb306e","data-invalid":!!this.dsErrorText||void 0},i("fieldset",{key:"809c66ac58f880345c231b2930ddd9c91c61cbc2",class:t,"aria-describedby":n,...this.inheritedAttributes},i("legend",{key:"5194fa04e6645381ef83ad5b4f09c98ea6757da4",class:e},i("slot",{key:"2944e5176ce596d6ab5ee6ee735f5b1e5a4e892b",name:"legend"},this.getLegendText())),i("slot",{key:"3df729bf79cef8d07e88c3e52e337a54a3fb4ead",name:"assistiveText"},this.dsAssistiveText&&i("small",{key:"36148c44fd5cc17ae506ab598ff79de41e23b71f",class:s,id:this.assistiveTextId},this.dsAssistiveText)),i("div",{key:"54380add5970ee72c0357b9562815d39a95602f0",class:o},i("slot",{key:"3ec766be90173f61dbb76b762c7f6d3f9781570f",onSlotchange:this.updateFocusableRadioButton})),(!!this.dsErrorText||this.dsRequired)&&i("slot",{key:"c8ae86acd96ecba84d7ab83dad731511629e3f4b",name:"validity"},i("div",{key:"da0ce15f076e2c76ca040a6ad6100d706e576862",class:d},i("ds-input-validity",{key:"d9beed52855b81a8125cb0c6498b023357383328",id:this.errorTextId,dsText:this.getValidationMessage(),dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"})))))}static get formAssociated(){return!0}static get watchers(){return{dsErrorText:["errorTextObserver"],dsValue:["dsValueObserver"]}}};c.style=".ds-radio-button-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__legend{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-group__assistive-text{font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";export{c as ds_radio_button_group}

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

@@ -1 +1 @@
-import{r as t,c as i,a as e,h as s,F as d}from"./index-84fd0ee9.js";import{b as a,c as o}from"./utils-cfc536bc.js";import{g as r,a as l}from"./controlUtils-c2ba44bd.js";import{c as n}from"./index-72ac5051.js";import{i as c}from"./store-73a56075.js";const h=o("ds-radio-button"),u=class{constructor(e){t(this,e),this.dsRadioButtonChecked=i(this,"dsRadioButtonChecked",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}radioGroup=null;inputElem;dsRadioButtonChecked;get el(){return e(this)}internals;identifier=h.next().value;errorsDisabled=!1;value=this.identifier;legend;assistiveText;text;required=!1;disabled=!1;optional=!1;checked=!1;optionalText;errorText="";focusable=!0;invalid=!!this.errorText;initialChecked=this.checked;validationMessage;errorTextId=`${this.identifier}-error`;assistiveTextId=`${this.identifier}-assistive-text`;async setFocus(){this.inputElem.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.checked=!0,this.internals?.setFormValue("true"),this.dsRadioButtonChecked.emit(),c("client")&&this.validationMessage&&(this.validationMessage=this.getValidationMessage())}inheritedAttributes={};getValidationMessage=()=>this.errorsDisabled?"":this.errorText||this.internals?.validationMessage||this.inputElem?.validationMessage;componentWillLoad(){this.inheritedAttributes={...a(this,this.el)}}formResetCallback(){this.checked=this.initialChecked,this.internals.setValidity({}),this.internals.setFormValue(this.checked.toString())}connectedCallback(){this.radioGroup=this.el.closest("ds-radio-button-group"),this.radioGroup&&(this.updateCheckedState(),this.invalid=!!this.radioGroup.errorText,this.radioGroup.addEventListener("dsRadioGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioGroupInvalidStateChange",this.updateInvalidState))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioGroupInvalidStateChange",this.updateInvalidState)),this.radioGroup=null}updateCheckedState=async()=>{this.checked=this.value===await this.radioGroup.getValue()};updateInvalidState=t=>{this.invalid=t.detail};handleInput=()=>{this.setChecked()};handleBlur=()=>{c("client")&&(this.validationMessage=this.getValidationMessage())};getLegendText=()=>this.required?r(this.legend):this.optional?l(this.legend,this.optionalText):this.legend;renderRadioIcon(){const t="ds-radio-button__icon",i=n(`${t}__outer-circle`,{[`${t}__outer-circle--checked`]:this.checked}),e=n(`${t}__inner-circle`);return s("slot",{name:"icon"},s("div",{class:t,"aria-hidden":"true"},s("svg",{width:"44",height:"44",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("rect",{x:"10",y:"10",width:"24",height:"24",rx:"12",fill:"white"}),s("circle",{class:i,cx:"22",cy:"22",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.checked&&s("circle",{class:e,cx:"22",cy:"22",r:"6",fill:"#005A94"}))))}renderRadioButton(){const t=n("ds-radio-button",{"ds-radio-button--disabled":this.disabled,"ds-radio-button--invalid":!!this.errorText||this.invalid}),i=n("ds-radio-button__input"),e=n("ds-radio-button__text");return s(d,null,s("div",null,s("label",{class:t},s("ds-visually-hidden",null,s("input",{ref:t=>this.inputElem=t,type:"radio",class:i,value:this.value,disabled:this.disabled,onInput:this.handleInput,onBlur:this.handleBlur,checked:this.checked,tabindex:this.focusable?0:-1,...this.inheritedAttributes})),this.renderRadioIcon(),s("slot",null,s("span",{class:e},this.text)))),s("slot",{name:"validity"},s("div",{class:"ds-radio-button__validity"},s("ds-input-validity",{text:this.errorText,type:"error",role:"alert",id:this.errorTextId}))))}renderFieldset(){const t=n("ds-radio-button__fieldset"),i=n("ds-radio-button__fieldset__legend"),e=n("ds-radio-button__fieldset__assistive-text"),d=[!!this.errorText&&this.errorTextId,!!this.assistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return s("fieldset",{class:t,"aria-describedby":d},s("legend",{class:i},s("slot",{name:"legend"},this.getLegendText())),s("slot",{name:"assistiveText"},this.assistiveText&&s("small",{class:e,id:this.assistiveTextId},this.assistiveText)),this.renderRadioButton())}render(){return this.legend?this.renderFieldset():this.renderRadioButton()}static get formAssociated(){return!0}};u.style=":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-palette-black-95)}.ds-radio-button--disabled{color:var(--ds-palette-black-40)}.ds-radio-button__validity{margin-left:10px}.ds-radio-button__fieldset{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__fieldset__legend{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{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large)}.ds-radio-button:focus-within .ds-radio-button__icon{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline-color:var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 5);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-radio-button__icon{border-radius:50%;height:44px;width:44px}.ds-radio-button__text{margin-top:11px}.ds-radio-button__icon__outer-circle{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-white)}.ds-radio-button__icon__outer-circle--checked{stroke:var(--ds-palette-mainBlue-70);fill:var(--ds-palette-white)}.ds-radio-button__icon__inner-circle{stroke:unset;fill:var(--ds-palette-mainBlue-70)}.ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-black-10)}.ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle--checked{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-palette-white)}.ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__inner-circle{stroke:unset;fill:var(--ds-palette-mainBlue-80)}.ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-black-20)}.ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle--checked{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-palette-white)}.ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__inner-circle{stroke:unset;fill:var(--ds-palette-mainBlue-90)}.ds-radio-button--disabled .ds-radio-button__icon__outer-circle{stroke:var(--ds-overlay-black-15);fill:var(--ds-overlay-black-10)}.ds-radio-button--disabled .ds-radio-button__icon__outer-circle--checked{stroke:var(--ds-overlay-black-15);fill:var(--ds-overlay-black-10)}.ds-radio-button--disabled .ds-radio-button__icon__inner-circle{stroke:unset;fill:var(--ds-overlay-black-15)}.ds-radio-button--invalid .ds-radio-button__icon__outer-circle{stroke:var(--ds-palette-red-50);fill:var(--ds-palette-white)}.ds-radio-button--invalid .ds-radio-button__icon__outer-circle--checked{stroke:var(--ds-palette-red-50);fill:var(--ds-palette-white)}.ds-radio-button--invalid .ds-radio-button__icon__inner-circle{stroke:unset;fill:var(--ds-palette-mainBlue-70)}";export{u as ds_radio_button}
+import{r as t,c as i,g as e,h as s,F as d}from"./index-Cm7V4EAn.js";import{i as a}from"./attributes-BD_lNRxn.js";import{g as r}from"./controlUtils-CNER0MvM.js";import{i as o}from"./utils-CqaqnfY4.js";import{c as l}from"./index-BfTCfPZ1.js";import{i as n}from"./index-DuYjhvTn.js";const c=o("ds-radio-button"),h=class{constructor(e){t(this,e),this.dsChange=i(this,"dsChange"),this.dsRadioButtonChecked=i(this,"dsRadioButtonChecked"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}radioGroup=null;inputElem;dsChange;dsRadioButtonChecked;get el(){return e(this)}internals;dsId=c.next().value;dsErrorsDisabled=!1;dsValue=this.dsId;dsLegend;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;invalid=!!this.dsErrorText;initialChecked=this.dsChecked;validationMessage;errorTextId=`${this.dsId}-error`;assistiveTextId=`${this.dsId}-assistive-text`;async dsFocus(){this.inputElem.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.dsChecked=!0,this.internals?.setFormValue("true"),this.dsRadioButtonChecked.emit(),n("client")&&this.validationMessage&&(this.validationMessage=this.getValidationMessage())}dsCheckedObserver(t){this.dsChange.emit(t)}inheritedAttributes={};getValidationMessage=()=>this.dsErrorsDisabled?"":this.dsErrorText||this.internals?.validationMessage||this.inputElem?.validationMessage;componentWillLoad(){this.inheritedAttributes={...a(this,this.el)}}formResetCallback(){this.dsChecked=this.initialChecked,this.internals.setValidity({}),this.internals.setFormValue(this.dsChecked.toString())}connectedCallback(){this.radioGroup=this.el.closest("ds-radio-button-group"),this.radioGroup&&(this.updateCheckedState(),this.invalid=!!this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioGroupInvalidStateChange",this.updateInvalidState))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioGroupInvalidStateChange",this.updateInvalidState)),this.radioGroup=null}updateCheckedState=async()=>{this.dsChecked=this.dsValue===await this.radioGroup.getValue()};updateInvalidState=t=>{this.invalid=t.detail};handleInput=()=>{this.setChecked()};handleBlur=()=>{n("client")&&(this.validationMessage=this.getValidationMessage())};getLegendText=()=>this.dsRequired?r(this.dsLegend):this.dsLegend;renderRadioIcon(){const t="ds-radio-button__icon",i=l(`${t}__outer-circle`,{[`${t}__outer-circle--checked`]:this.dsChecked}),e=l(`${t}__inner-circle`);return s("slot",{name:"icon"},s("div",{class:t,"aria-hidden":"true"},s("svg",{width:"44",height:"44",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("rect",{x:"10",y:"10",width:"24",height:"24",rx:"12",fill:"white"}),s("circle",{class:i,cx:"22",cy:"22",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&s("circle",{class:e,cx:"22",cy:"22",r:"6",fill:"#005A94"}))))}renderRadioButton(){const t=l("ds-radio-button",{"ds-radio-button--disabled":this.dsDisabled,"ds-radio-button--invalid":!!this.dsErrorText||this.invalid}),i=l("ds-radio-button__input"),e=l("ds-radio-button__text");return s(d,null,s("div",null,s("label",{class:t},s("ds-visually-hidden",null,s("input",{ref:t=>this.inputElem=t,type:"radio",class:i,value:this.dsValue,disabled:this.dsDisabled,onInput:this.handleInput,onBlur:this.handleBlur,checked:this.dsChecked,tabindex:this.focusable?0:-1,...this.inheritedAttributes})),this.renderRadioIcon(),s("slot",null,s("span",{class:e},this.dsText)))),!this.dsErrorsDisabled&&s("slot",{name:"validity"},s("div",{class:"ds-radio-button__validity"},s("ds-input-validity",{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(){const t=l("ds-radio-button-fieldset"),i=l("ds-radio-button-fieldset__legend"),e=l("ds-radio-button-fieldset__assistive-text"),d=[!!this.dsErrorText&&this.errorTextId,!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return s("fieldset",{class:t,"aria-describedby":d},s("legend",{class:i},s("slot",{name:"legend"},this.getLegendText())),s("slot",{name:"assistiveText"},this.dsAssistiveText&&s("small",{class:e,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=":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-palette-black-95)}.ds-radio-button--disabled{color:var(--ds-palette-black-40)}.ds-radio-button__validity{margin-left:10px}.ds-radio-button:has(input:focus-visible) .ds-radio-button__icon{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{border-radius:50%;height:44px;width:44px}.ds-radio-button__text{margin-top:11px}.ds-radio-button__icon__outer-circle{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-white)}.ds-radio-button__icon__outer-circle--checked{stroke:var(--ds-palette-mainBlue-70);fill:var(--ds-palette-white)}.ds-radio-button__icon__inner-circle{stroke:unset;fill:var(--ds-palette-mainBlue-70)}.ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-black-10)}.ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle--checked{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-palette-white)}.ds-radio-button:hover:not(.ds-radio-button--disabled) .ds-radio-button__icon__inner-circle{stroke:unset;fill:var(--ds-palette-mainBlue-80)}.ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle{stroke:var(--ds-palette-black-50);fill:var(--ds-palette-black-20)}.ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__outer-circle--checked{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-palette-white)}.ds-radio-button:active:not(.ds-radio-button--disabled) .ds-radio-button__icon__inner-circle{stroke:unset;fill:var(--ds-palette-mainBlue-90)}.ds-radio-button--disabled .ds-radio-button__icon__outer-circle{stroke:var(--ds-overlay-black-15);fill:var(--ds-overlay-black-10)}.ds-radio-button--disabled .ds-radio-button__icon__outer-circle--checked{stroke:var(--ds-overlay-black-15);fill:var(--ds-overlay-black-10)}.ds-radio-button--disabled .ds-radio-button__icon__inner-circle{stroke:unset;fill:var(--ds-overlay-black-15)}.ds-radio-button--invalid .ds-radio-button__icon__outer-circle{stroke:var(--ds-palette-red-50);fill:var(--ds-palette-white)}.ds-radio-button--invalid .ds-radio-button__icon__outer-circle--checked{stroke:var(--ds-palette-red-50);fill:var(--ds-palette-white)}.ds-radio-button--invalid .ds-radio-button__icon__inner-circle{stroke:unset;fill:var(--ds-palette-mainBlue-70)}.ds-radio-button-fieldset{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button-fieldset__legend{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{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}

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

@@ -0,0 +1 @@
+import{r as e,g as t,h as s}from"./index-Cm7V4EAn.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:"3d312dd8883b903bb59c8ceface626444ac0df44",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:"81d04de4de327d4b8be4a03a4b0f97d56214547e",class:"ds-spinner__spinner"},s("div",{key:"f7136c4637d17bc796d2e69df8aae51244d1d97e",class:g(1)}),s("div",{key:"d839ca7f1aae71616062b82af2d5b7610299bf25",class:g(2)}),s("div",{key:"bcbd84559e7fd2204320f4788837df61aed6208a",class:g(3)})),this.dsHiddenAssistiveText&&s("ds-visually-hidden",{key:"8b3f758381d1623f84e0c237ec17b97a81a85983"},s("span",{key:"52930b05b2b868c38f785b09d6bb86dddfde828b"},this.dsHiddenAssistiveText)),this.dsText&&s("span",{key:"91677c1f685820bc32f6c8557df98c1c37cdbf8e",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}

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

@@ -1 +1 @@
-import{r as t,c as i,a as e,h as s,F as n}from"./index-84fd0ee9.js";import{c as a}from"./index-72ac5051.js";import{g as d,a as r}from"./controlUtils-c2ba44bd.js";import{i as o}from"./store-73a56075.js";import{b as c,g as l,c as p}from"./utils-cfc536bc.js";const u={search:"search"},h={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},x=p("ds-input"),b=class{constructor(e){t(this,e),this.clear=i(this,"clear",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};suffixButtonElement;inputElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return e(this)}internals;clear;label;placeholder;identifier=x.next().value;name;disabled;optional;required;readonly;value;min;max;maxlength;pattern;autocomplete;optionalText;errorText;successText;assistiveText;actionButtonAriaLabel;hiddenAssistiveText;prefixText;suffixText;icon="";type="text";ariaLabel;ariaLabelledby;ariaDescribedby;hasFocus=!1;clearButtonVisible=!1;passwordInputVisible=!1;inputActive=!1;validationMessage;setIds=()=>{this.assistiveTextId=`${this.identifier}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.identifier}-visually-hidden-assistive-text`,this.errorTextId=`${this.identifier}-error-text`,this.successTextId=`${this.identifier}-success-text`};getValidationMessage=()=>this.errorText||this.internals?.validationMessage||this.inputElement?.validationMessage;async togglePasswordVisibility(){return this.passwordInputVisible=!this.passwordInputVisible}async clearInput(){this.inputElement.value="",this.inputElement.focus(),this.clearButtonVisible=!1,this.clear.emit({id:this.identifier})}getLabelText=()=>this.required?d(this.label):this.optional?r(this.label,this.optionalText):this.label;componentWillLoad(){this.inheritedAttributes={...c(this,this.el)},this.setIds(),this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),(o("server")||this.errorText)&&(this.validationMessage=this.getValidationMessage())}handleInput=t=>{const i=t.target;this.clearButtonVisible=!!i.value,this.internals?.setFormValue(i.value),o("client")&&this.validationMessage&&(this.validationMessage=this.getValidationMessage())};handleBlur=()=>{this.hasFocus=!1,o("client")&&(this.validationMessage=this.getValidationMessage())};onActionButtonClicked=t=>{switch(t.stopPropagation(),this.type){case"password":return this.togglePasswordVisibility();case"search":return void this.clearInput();default:return}};renderPrefixContent(){if(this.hasPrefixSlot)return s("slot",{name:"prefix"});if(this.prefixText)return s("slot",{name:"prefix"},s("span",{class:"prefix"},this.prefixText));const t=this.icon||u[this.type];return t?s("slot",{name:"prefix"},s("ds-icon",{class:"prefix",name:t})):null}renderSuffixContent(){if(this.hasSuffixSlot)return s("slot",{name:"suffix"});if(this.suffixText)return s("slot",{name:"suffix"},s("span",{class:"suffix"},this.suffixText));const t=h[this.type]?.(this)??"";return t?s("slot",{name:"suffix"},s("ds-button",{ref:t=>this.suffixButtonElement=t,variant:"supplementary",colour:"black",class:"suffix",disabled:!1,icon:t,onClick:this.onActionButtonClicked,"aria-pressed":"password"===this.type?this.passwordInputVisible:void 0,"aria-label":this.actionButtonAriaLabel})):null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement.focus()}render(){const t="password"===this.type&&this.passwordInputVisible?"text":this.type;return s(n,{key:"9706a2c55f36b1888b7287344d91ddd10f96201d"},s("div",{key:"35eafa8a92261bfdb4e0ed8325d98be85665eca6",class:"ds-input--label-container"},s("slot",{key:"50e67a545686807337bda0c607888f6bf9bf9d58",name:"label"},s("label",{key:"87ce740880e1fb5e966607a05af463a40655410d",htmlFor:this.identifier},this.getLabelText())),s("slot",{key:"f9c002b843341a3934df96611176fe8178c49c0d",name:"help-text"},s("small",{key:"2e780ce79e6e0720dee0360fe7e11a4742a26fca",id:this.assistiveTextId},this.assistiveText),s("ds-visually-hidden",{key:"63d47cc268aaf3128799f907144048411a0e9be5",id:this.visuallyHiddenAssistiveTextId},this.hiddenAssistiveText))),s("div",{key:"a060e806ef56c1b232ad2eacb5a1b675b01891f7",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:a("ds-input--container",{disabled:this.disabled,readonly:this.readonly,valid:!!this.successText,invalid:!!this.validationMessage,focus:this.hasFocus,active:!!this.inputActive})},this.renderPrefixContent(),s("input",{key:"cb27157fde11dcb0fc305423fbc94fcafdc34b1c",ref:t=>this.inputElement=t,id:this.identifier,name:this.name,"aria-label":l(this.label,this.ariaLabel),"aria-labelledby":this.ariaLabelledby,"aria-describedby":this.ariaDescribedby||a(this.assistiveTextId,this.visuallyHiddenAssistiveTextId,{[this.errorTextId]:Boolean(this.validationMessage),[this.successTextId]:Boolean(this.successText)}),"aria-invalid":this.validationMessage?"true":"false",disabled:this.disabled,required:this.required,readonly:this.readonly,value:this.value,type:t,min:this.min,max:this.max,maxlength:this.maxlength,pattern:this.pattern,placeholder:this.placeholder,autocomplete:this.autocomplete,onInput:this.handleInput,onFocus:()=>this.hasFocus=!0,onBlur:this.handleBlur,...this.inheritedAttributes}),this.renderSuffixContent()),s("slot",{key:"8e961d353346bd088e6f5f6d4efa9508598a2596",name:"input-validity"},s("ds-input-validity",{key:"d784f945dec403f64721a71fba72ecc1f836e844",id:this.errorTextId,text:this.validationMessage,type:"error",role:"alert"}),s("ds-input-validity",{key:"f343fc9fdbc4c4f33d345921a23f89fcb27b8a18",id:this.successTextId,text:this.successText,type:"success",role:"status"})))}static get formAssociated(){return!0}};b.style=".sc-ds-text-input:root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.dsNoStyleLeak.sc-ds-text-input *.sc-ds-text-input,.sc-ds-text-input-h *.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-color:var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-input--container.sc-ds-text-input:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline-color:var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.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(input:active){outline:none}.ds-input--container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:readonly){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: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::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:focus{outline:none;border:none}.ds-input--container.sc-ds-text-input>input[type=number].sc-ds-text-input{-moz-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{-webkit-appearance:none;margin:0}.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(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:has(ds-button.suffix){padding-inline-end:unset}.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}.error-text--container.sc-ds-text-input,.success-text--container.sc-ds-text-input{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.error-text--container.sc-ds-text-input ds-icon.sc-ds-text-input,.success-text--container.sc-ds-text-input ds-icon.sc-ds-text-input{display:block;height:1.5rem}.error-text--container.sc-ds-text-input small.sc-ds-text-input,.success-text--container.sc-ds-text-input small.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)}.error-text--container.sc-ds-text-input{color:var(--ds-palette-red-70)}.success-text--container.sc-ds-text-input{color:var(--ds-palette-green-70)}";export{b as ds_text_input}
+import{r as t,c as s,g as i,h as e,F as n}from"./index-Cm7V4EAn.js";import{c as a}from"./index-BfTCfPZ1.js";import{g as d,a as r}from"./controlUtils-CNER0MvM.js";import{i as o}from"./index-DuYjhvTn.js";import{i as c}from"./utils-CqaqnfY4.js";import{i as l}from"./attributes-BD_lNRxn.js";const p={search:"search"},u={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},h=c("ds-input"),b=class{constructor(i){t(this,i),this.dsChange=s(this,"dsChange"),this.dsInput=s(this,"dsInput"),this.dsClear=s(this,"dsClear"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};suffixButtonElement;inputElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return i(this)}internals;dsChange;dsInput;dsClear;dsLabel;dsPlaceholder;dsId=h.next().value;dsName;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;validationMessage;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`};getValidationMessage=()=>this.dsErrorText||this.internals?.validationMessage||this.inputElement?.validationMessage;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})}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={...l(this,this.el,["id"])},this.setIds(),this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),(o("server")||this.dsErrorText)&&(this.validationMessage=this.getValidationMessage())}handleInput=t=>{const s=t.target;this.dsValue=s.value,this.clearButtonVisible=!!s.value,this.internals?.setFormValue(s.value),this.dsInput.emit({event:t,value:this.dsValue}),o("client")&&this.validationMessage&&(this.validationMessage=this.getValidationMessage())};handleBlur=()=>{this.hasFocus=!1,o("client")&&(this.validationMessage=this.getValidationMessage())};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||p[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=u[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:"015e667345613d819eb885bdfde2011eefc60577"},e("div",{key:"abc03d3418fb9c648bc4d8039a4602366b6125c8",class:"ds-input__label-container"},e("slot",{key:"9b660821e35939092570b4f6f449caca22771dcb",name:"label"},e("label",{key:"96efa9db67a1f51f3380f7a3c350a8da45df9e1e",htmlFor:this.dsId},this.getLabelText())),e("slot",{key:"a5cb893f2c69efb68b7557fe5d253b58e7930f4c",name:"assistiveText"},e("small",{key:"341f60604eb3b795bcaf5d81306dc349d0093647",id:this.assistiveTextId},this.dsAssistiveText),e("ds-visually-hidden",{key:"613244a6dd9bb180a82c4250514ab74392cbaee8",id:this.visuallyHiddenAssistiveTextId},this.dsHiddenAssistiveText))),e("div",{key:"e0fb89582c7651eb00ec0dce5f5c4d0648840237",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.validationMessage,focus:this.hasFocus,active:!!this.inputActive})},this.renderPrefixContent(),e("input",{key:"5ad15cf4d756aae913e08bfd71338ea3d80c11b9",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.validationMessage,[this.successTextId]:!!this.dsSuccessText}),"aria-invalid":this.validationMessage?"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.hasFocus=!0,onBlur:this.handleBlur,...this.inheritedAttributes}),this.renderSuffixContent()),e("slot",{key:"4e378385106dd578542a99303cd4217e7bf21694",name:"validity"},e("ds-input-validity",{key:"367fab0f5d7446f99a028e881fa5c8ab8d9829e5",id:this.errorTextId,dsText:this.validationMessage,dsType:"error",dsValidityRole:"alert"}),e("ds-input-validity",{key:"8c35c70e4beb5ade4a5f8f6fb2a35d94be57cd98",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsValidityRole:"status"})))}static get formAssociated(){return!0}static get watchers(){return{value:["valueObserver"]}}};b.style=".sc-ds-text-input:root{--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{b as ds_text_input}

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

@@ -0,0 +1 @@
+import{r as d,h as e}from"./index-Cm7V4EAn.js";const s=class{constructor(e){d(this,e)}render(){return e("div",{key:"faa791957259a5ef05d2417a7b316e4cdabd8291",class:"ds-visually-hidden"},e("slot",{key:"d7c192f15bf2d74700205ad29f3bb78d0f9cce80"}))}};s.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{s as ds_visually_hidden}

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

@@ -0,0 +1,6 @@
+function r(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var n,t,e={exports:{}},u=(n||(n=1,t=e,function(){var r={}.hasOwnProperty;function n(){for(var r="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(r=u(r,e(t)))}return r}function e(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var f in t)r.call(t,f)&&t[f]&&(e=u(e,f));return e}function u(r,n){return n?r?r+" "+n:r+n:r}t.exports?(n.default=n,t.exports=n):window.classNames=n}()),e.exports),f=r(u);
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/export{f as c}

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

@@ -0,0 +1,2 @@
+var t=Object.defineProperty,e=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(e||{}),n=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(n||{}),o="type",l="value",s="serialized:",r=(t,e)=>{var n;Object.entries(null!=(n=e.o.t)?n:{}).map((([n,[o]])=>{if(31&o||32&o){const o=t[n],l=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),n);Object.defineProperty(t,n,{get(){return l.get.call(this)},set(t){l.set.call(this,t)},configurable:!0,enumerable:!0}),t[n]=e.l.has(n)?e.l.get(n):o}}))},i=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},c=(t,e)=>{t.__stencil__getHostRef=()=>e,e.i=t,r(t,e)},u=(t,e)=>e in t,f=(t,e)=>(0,console.error)(t,e),a=new Map,d=new Map,p="s-id",h="sty-id",$="c-id",v="slot-fb{display:contents}slot-fb[hidden]{display:none}",m="http://www.w3.org/1999/xlink",y=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],b="undefined"!=typeof window?window:{},g={u:0,p:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},w=t=>Promise.resolve(t),S=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),j=!1,O=[],k=[],x=(t,e)=>n=>{t.push(n),j||(j=!0,e&&4&g.u?N(E):g.raf(E))},C=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){f(t)}t.length=0},E=()=>{C(O),C(k),(j=O.length>0)&&g.raf(E)},N=t=>w().then(t),I=x(k,!0),M=t=>"object"==(t=typeof t)||"function"===t;function R(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var L=class t{static fromLocalValue(e){const n=e[o],s=l in e?e[l]:void 0;switch(n){case"string":case"boolean":return s;case"bigint":return BigInt(s);case"undefined":return;case"null":return null;case"number":return"NaN"===s?NaN:"-0"===s?-0:"Infinity"===s?1/0:"-Infinity"===s?-1/0:s;case"array":return s.map((e=>t.fromLocalValue(e)));case"date":return new Date(s);case"map":const e=new Map;for(const[n,o]of s){const l="object"==typeof n&&null!==n?t.fromLocalValue(n):n,s=t.fromLocalValue(o);e.set(l,s)}return e;case"object":const o={};for(const[e,n]of s)o[e]=t.fromLocalValue(n);return o;case"regexp":const{pattern:l,flags:r}=s;return RegExp(l,r);case"set":const i=new Set;for(const e of s)i.add(t.fromLocalValue(e));return i;case"symbol":return Symbol(s);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(e){return e.map((e=>t.fromLocalValue(e)))}static isLocalValueObject(t){if("object"!=typeof t||null===t)return!1;if(!t.hasOwnProperty(o))return!1;const s=t[o];return!!Object.values({...e,...n}).includes(s)&&("null"===s||"undefined"===s||t.hasOwnProperty(l))}};((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>P,map:()=>T,ok:()=>A,unwrap:()=>D,unwrapErr:()=>F});var A=t=>({isOk:!0,isErr:!1,value:t}),P=t=>({isOk:!1,isErr:!0,value:t});function T(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>A(t))):A(n)}if(t.isErr)return P(t.value);throw"should never get here"}var D=t=>{if(t.isOk)return t.value;throw t.value},F=t=>{if(t.isErr)return t.value;throw t.value},U=t=>{const e=J(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&W(e,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!V(t,H(t),!1).length)}));let n=0;for(n=0;n<e.length;n++){const t=e[n];1===t.nodeType&&J(t,"childNodes").length&&U(t)}};function W(t,e,n){let o,l=0,s=[];for(;l<t.length;l++)o=t[l],!o["s-sr"]||e&&o["s-hn"]!==e||void 0!==n||s.push(o),s=[...s,...W(o.childNodes,e,n)];return s}var V=(t,e,n=!0)=>{const o=[];(n&&t["s-sr"]||!t["s-sr"])&&o.push(t);let l=t;for(;l=l.nextSibling;)H(l)!==e||!n&&l["s-sr"]||o.push(l);return o},_=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,B=(t,e,n,o)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const l=document.createTextNode("");if(l["s-nr"]=t,!e["s-cr"]||!e["s-cr"].parentNode)return;const s=e["s-cr"].parentNode,r=J(s,"appendChild");if(void 0!==o){l["s-oo"]=o;const t=J(s,"childNodes"),e=[l];t.forEach((t=>{t["s-nr"]&&e.push(t)})),e.sort(((t,e)=>!t["s-oo"]||t["s-oo"]<(e["s-oo"]||0)?-1:!e["s-oo"]||e["s-oo"]<t["s-oo"]?1:0)),e.forEach((t=>r.call(s,t)))}else r.call(s,l);t["s-ol"]=l,t["s-sh"]=e["s-hn"]},H=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function z(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const n=[],o=this["s-sn"];(null==t?void 0:t.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 l=this["s-cr"].parentElement;return(l.__childNodes?l.childNodes:(t=>{const e=[];for(let n=0;n<t.length;n++){const o=t[n]["s-nr"]||void 0;o&&o.isConnected&&e.push(o)}return e})(l.childNodes)).forEach((t=>{o===H(t)&&n.push(t)})),e?n.filter((t=>1===t.nodeType)):n}.bind(t);t.assignedElements=e(!0),t.assignedNodes=e(!1)}function J(t,e){if("__"+e in t){const n=t["__"+e];return"function"!=typeof n?n:n.bind(t)}return"function"!=typeof t[e]?t[e]:t[e].bind(t)}var Y=(t,e,...n)=>{let o=null,l=null,s=null,r=!1,i=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((r="function"!=typeof t&&!M(o))&&(o+=""),r&&i?c[c.length-1].h+=o:c.push(r?q(null,o):o),i=r)};if(u(n),e){e.key&&(l=e.key),e.name&&(s=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,K);const f=q(t,null);return f.$=e,c.length>0&&(f.v=c),f.m=l,f.S=s,f},q=(t,e)=>({u:0,j:t,h:e,O:null,v:null,$:null,m:null,S:null}),G={},K={forEach:(t,e)=>t.map(Q).forEach(e),map:(t,e)=>t.map(Q).map(e).map(X)},Q=t=>({vattrs:t.$,vchildren:t.v,vkey:t.m,vname:t.S,vtag:t.j,vtext:t.h}),X=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),Y(t.vtag,e,...t.vchildren||[])}const e=q(t.vtag,t.vtext);return e.$=t.vattrs,e.v=t.vchildren,e.m=t.vkey,e.S=t.vname,e},Z=(t,e,n,o,l,s,r,i=[])=>{let c,u,f,a;const d=l["s-sc"];if(1===s.nodeType){if(c=s.getAttribute($),c&&(u=c.split("."),u[0]===r||"0"===u[0])){f=et({u:0,k:u[0],C:u[1],N:u[2],I:u[3],j:s.tagName.toLowerCase(),O:s,$:{class:s.className||""}}),e.push(f),s.removeAttribute($),t.v||(t.v=[]),d&&(s["s-si"]=d,f.$.class+=" "+d);const l=f.O.getAttribute("s-sn");"string"==typeof l&&("slot-fb"===f.j&&(nt(l,u[2],f,s,t,e,n,o,i),d&&s.classList.add(d)),f.O["s-sn"]=l,f.O.removeAttribute("s-sn")),void 0!==f.I&&(t.v[f.I]=f),t=f,o&&"0"===f.N&&(o[f.I]=f.O)}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)Z(t,e,n,o,l,s.shadowRoot.childNodes[a],r,i);const p=s.__childNodes||s.childNodes;for(a=p.length-1;a>=0;a--)Z(t,e,n,o,l,p[a],r,i)}else if(8===s.nodeType)u=s.nodeValue.split("."),(u[1]===r||"0"===u[1])&&(c=u[0],f=et({k:u[1],C:u[2],N:u[3],I:u[4]||"0",O:s,$:null,v:null,m:null,S:null,j:null,h:null}),"t"===c?(f.O=lt(s,3),f.O&&3===f.O.nodeType&&(f.h=f.O.textContent,e.push(f),s.remove(),r===f.k&&(t.v||(t.v=[]),t.v[f.I]=f),o&&"0"===f.N&&(o[f.I]=f.O))):"c"===c?(f.O=lt(s,8),f.O&&8===f.O.nodeType&&(e.push(f),s.remove())):f.k===r&&("s"===c?nt(s["s-sn"]=u[5]||"",u[2],f,s,t,e,n,o,i):"r"===c&&(o?s.remove():(l["s-cr"]=s,s["s-cn"]=!0))));else if(t&&"style"===t.j){const e=q(null,s.textContent);e.O=s,e.I="0",t.v=[e]}else 3!==s.nodeType||s.wholeText.trim()||s.remove();return t},tt=(t,e)=>{if(1===t.nodeType){const n=t[p]||t.getAttribute(p);n&&e.set(n,t);let o=0;if(t.shadowRoot)for(;o<t.shadowRoot.childNodes.length;o++)tt(t.shadowRoot.childNodes[o],e);const l=t.__childNodes||t.childNodes;for(o=0;o<l.length;o++)tt(l[o],e)}else if(8===t.nodeType){const n=t.nodeValue.split(".");"o"===n[0]&&(e.set(n[1]+"."+n[2],t),t.nodeValue="",t["s-en"]=n[3])}},et=t=>({u:0,k:null,C:null,N:null,I:"0",O:null,$:null,v:null,m:null,S:null,j:null,h:null,...t});function nt(t,e,n,o,l,s,r,i,c){o["s-sr"]=!0,n.S=t||null,n.j="slot";const u=(null==l?void 0:l.O)?l.O["s-id"]||l.O.getAttribute("s-id"):"";if(i&&b.document){const s=n.O=b.document.createElement(n.j);n.S&&n.O.setAttribute("name",t),u&&u!==n.k?l.O.insertBefore(s,l.O.children[0]):o.parentNode.insertBefore(n.O,o),ot(c,e,t,o,n.k),o.remove(),"0"===n.N&&(i[n.I]=n.O)}else{const r=n.O,i=u&&u!==n.k&&l.O.shadowRoot;ot(c,e,t,o,i?u:n.k),z(o),i&&l.O.insertBefore(r,l.O.children[0]),s.push(n)}r.push(n),l.v||(l.v=[]),l.v[n.I]=n}var ot=(t,e,n,o,l)=>{let s=o.nextSibling;for(t[e]=t[e]||[];s&&((s.getAttribute&&s.getAttribute("slot")||s["s-sn"])===n||""===n&&!s["s-sn"]&&(8===s.nodeType&&1!==s.nodeValue.indexOf(".")||3===s.nodeType));)s["s-sn"]=n,t[e].push({slot:o,node:s,hostId:l}),s=s.nextSibling},lt=(t,e)=>{let n=t;do{n=n.nextSibling}while(n&&(n.nodeType!==e||!n.nodeValue));return n},st=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};st("::slotted"),st(":host"),st(":host-context");var rt,it,ct,ut=(t,e)=>{if("string"==typeof t&&(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]")))try{return JSON.parse(t)}catch(t){}return"string"==typeof t&&t.startsWith(s)?t=function(t){return"string"==typeof t&&t.startsWith(s)?L.fromLocalValue(JSON.parse(atob(t.slice(11)))):t}(t):null==t||M(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&e?t+"":t},ft=t=>i(t).$hostElement$,at=(t,e)=>{const n=ft(t);return{emit:t=>dt(n,e,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},dt=(t,e,n)=>{const o=g.ce(e,n);return t.dispatchEvent(o),o},pt=new WeakMap,ht=(t,e,n)=>{let o=d.get(t);S&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,d.set(t,o)},$t=(t,e)=>{var n;const o=vt(e),l=d.get(o);if(!b.document)return o;if(t=11===t.nodeType?t:b.document,l)if("string"==typeof l){let s,r=pt.get(t=t.head||t);if(r||pt.set(t,r=new Set),!r.has(o)){if(t.host&&(s=t.querySelector(`[${h}="${o}"]`)))s.innerHTML=l;else{s=document.querySelector(`[${h}="${o}"]`)||b.document.createElement("style"),s.innerHTML=l;const r=null!=(n=g.M)?n:R(b.document);if(null!=r&&s.setAttribute("nonce",r),!(1&e.u))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(S){const e=new CSSStyleSheet;e.replaceSync(l),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.u&&t.insertBefore(s,null)}4&e.u&&(s.innerHTML+=v),r&&r.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o},vt=t=>"sc-"+t.R,mt=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),yt=(t,e,n,o,l,s,r)=>{if(n===o)return;let i=u(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=gt(n);let s=gt(o);t["s-si"]&&r?(s.push(t["s-si"]),l.forEach((e=>{e.startsWith(t["s-si"])&&s.push(e)})),s=[...new Set(s)],e.add(...s)):(e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t)))))}else if("style"===e){for(const e in n)o&&null!=o[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in o)n&&o[e]===n[e]||(e.includes("-")?t.style.setProperty(e,o[e]):t.style[e]=o[e])}else if("key"===e);else if("ref"===e)o&&o(t);else if(i||"o"!==e[0]||"n"!==e[1]){const r=M(o);if((i||r&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?i=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,u=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(e)||(u?t.removeAttributeNS(m,e):t.removeAttribute(e)):(!i||4&s||l)&&!r&&1===t.nodeType&&(o=!0===o?"":o,u?t.setAttributeNS(m,e,o):t.setAttribute(e,o))}else if(e="-"===e[2]?e.slice(3):u(b,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(wt);e=e.replace(St,""),n&&g.rel(t,e,n,l),o&&g.ael(t,e,o,l)}},bt=/\s/,gt=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(bt):[]),wt="Capture",St=RegExp(wt+"$"),jt=(t,e,n,o)=>{const l=11===e.O.nodeType&&e.O.host?e.O.host:e.O,s=t&&t.$||{},r=e.$||{};for(const t of Ot(Object.keys(s)))t in r||yt(l,t,s[t],void 0,n,e.u,o);for(const t of Ot(Object.keys(r)))yt(l,t,s[t],r[t],n,e.u,o)};function Ot(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var kt=!1,xt=!1,Ct=!1,Et=!1,Nt=(t,e,n)=>{var o;const l=e.v[n];let s,r,i,c=0;if(kt||(Ct=!0,"slot"===l.j&&(l.u|=l.v?2:1)),null!==l.h)s=l.O=b.document.createTextNode(l.h);else if(1&l.u)s=l.O=b.document.createTextNode(""),jt(null,l,Et);else{if(Et||(Et="svg"===l.j),!b.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(s=l.O=b.document.createElementNS(Et?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!kt&&2&l.u?"slot-fb":l.j),Et&&"foreignObject"===l.j&&(Et=!1),jt(null,l,Et),null!=rt&&void 0!==rt&&s["s-si"]!==rt&&s.classList.add(s["s-si"]=rt),l.v)for(c=0;c<l.v.length;++c)r=Nt(t,l,c),r&&s.appendChild(r);"svg"===l.j?Et=!1:"foreignObject"===s.tagName&&(Et=!0)}return s["s-hn"]=ct,3&l.u&&(s["s-sr"]=!0,s["s-cr"]=it,s["s-sn"]=l.S||"",s["s-rf"]=null==(o=l.$)?void 0:o.ref,z(s),i=t&&t.v&&t.v[n],i&&i.j===l.j&&t.O&&It(t.O,!1),Wt(it,s,e.O,null==t?void 0:t.O)),s},It=(t,e)=>{g.u|=1;const n=Array.from(t.__childNodes||t.childNodes);for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==ct&&o["s-ol"]&&(Ut(At(o).parentNode,o,At(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,Ct=!0),e&&It(o,e)}g.u&=-2},Mt=(t,e,n,o,l,s)=>{let r,i=t["s-cr"]&&t["s-cr"].parentNode||t;for(i.shadowRoot&&i.tagName===ct&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=Nt(null,n,l),r&&(o[l].O=r,Ut(i,r,At(e))))},Rt=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.O;Ft(e),t&&(xt=!0,t["s-ol"]?t["s-ol"].remove():It(t,!0),t.remove())}}},Lt=(t,e,n=!1)=>t.j===e.j&&("slot"===t.j?t.S===e.S:n?(n&&!t.m&&e.m&&(t.m=e.m),!0):t.m===e.m),At=t=>t&&t["s-ol"]||t,Pt=(t,e,n=!1)=>{const o=e.O=t.O,l=t.v,s=e.v,r=e.j,i=e.h;let c;null===i?(jt(t,e,Et="svg"===r||"foreignObject"!==r&&Et,n),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,f=0,a=e.length-1,d=e[0],p=e[a],h=o.length-1,$=o[0],v=o[h];for(;i<=a&&c<=h;)if(null==d)d=e[++i];else if(null==p)p=e[--a];else if(null==$)$=o[++c];else if(null==v)v=o[--h];else if(Lt(d,$,l))Pt(d,$,l),d=e[++i],$=o[++c];else if(Lt(p,v,l))Pt(p,v,l),p=e[--a],v=o[--h];else if(Lt(d,v,l))"slot"!==d.j&&"slot"!==v.j||It(d.O.parentNode,!1),Pt(d,v,l),Ut(t,d.O,p.O.nextSibling),d=e[++i],v=o[--h];else if(Lt(p,$,l))"slot"!==d.j&&"slot"!==v.j||It(p.O.parentNode,!1),Pt(p,$,l),Ut(t,p.O,d.O),p=e[--a],$=o[++c];else{for(u=-1,f=i;f<=a;++f)if(e[f]&&null!==e[f].m&&e[f].m===$.m){u=f;break}u>=0?(r=e[u],r.j!==$.j?s=Nt(e&&e[c],n,u):(Pt(r,$,l),e[u]=void 0,s=r.O),$=o[++c]):(s=Nt(e&&e[c],n,c),$=o[++c]),s&&Ut(At(d.O).parentNode,s,At(d.O))}i>a?Mt(t,null==o[h+1]?null:o[h+1].O,n,o,c,h):c>h&&Rt(e,i,a)})(o,l,e,s,n):null!==s?(null!==t.h&&(o.textContent=""),Mt(o,null,e,s,0,s.length-1)):!n&&null!==l&&Rt(l,0,l.length-1),Et&&"svg"===r&&(Et=!1)):(c=o["s-cr"])?c.parentNode.textContent=i:t.h!==i&&(o.data=i)},Tt=[],Dt=t=>{let e,n,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const l=t["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==t["s-hn"])if(_(e,l)){let n=Tt.find((t=>t.L===e));xt=!0,e["s-sn"]=e["s-sn"]||l,n?(n.L["s-sh"]=t["s-hn"],n.A=t):(e["s-sh"]=t["s-hn"],Tt.push({A:t,L:e})),e["s-sr"]&&Tt.map((t=>{_(t.L,e["s-sn"])&&(n=Tt.find((t=>t.L===e)),n&&!t.A&&(t.A=n.A))}))}else Tt.some((t=>t.L===e))||Tt.push({L:e})}1===t.nodeType&&Dt(t)}},Ft=t=>{t.$&&t.$.ref&&t.$.ref(null),t.v&&t.v.map(Ft)},Ut=(t,e,n)=>("string"==typeof e["s-sn"]&&e["s-sr"]&&e["s-cr"]&&Wt(e["s-cr"],e,t,e.parentElement),null==t?void 0:t.insertBefore(e,n));function Wt(t,e,n,o){var l,s;let r;if(t&&"string"==typeof e["s-sn"]&&e["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(r=e["s-si"]||t.parentNode["s-sc"])){const t=e["s-sn"],i=e["s-hn"];if(null==(l=n.classList)||l.add(r+"-s"),o&&(null==(s=o.classList)?void 0:s.contains(r+"-s"))){let e=(o.__childNodes||o.childNodes)[0],n=!1;for(;e;){if(e["s-sn"]!==t&&e["s-hn"]===i&&e["s-sr"]){n=!0;break}e=e.nextSibling}n||o.classList.remove(r+"-s")}}}var Vt=(t,e)=>{if(e&&!t.P&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.P=()=>{e["s-p"].splice(n-1,1),o()})))}},_t=(t,e)=>{if(t.u|=16,!(4&t.u))return Vt(t,t.T),I((()=>Bt(t,e)));t.u|=512},Bt=(t,e)=>{const n=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${n.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 l;return e?(t.u|=256,t.D&&(t.D.map((([t,e])=>Zt(o,t,e,n))),t.D=void 0),l=Zt(o,"componentWillLoad",void 0,n)):l=Zt(o,"componentWillUpdate",void 0,n),l=Ht(l,(()=>Zt(o,"componentWillRender",void 0,n))),Ht(l,(()=>Jt(t,o,e)))},Ht=(t,e)=>zt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),zt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Jt=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.u,l=$t(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);qt(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>Kt(t);0===e.length?n():(Promise.all(e).then(n),t.u|=4,e.length=0)}},Yt=null,qt=(t,e,n,o)=>{try{Yt=e,e=e.render(),t.u&=-17,t.u|=2,((t,e,n=!1)=>{var o,l,s,r;const i=t.$hostElement$,c=t.o,u=t.F||q(null,null),f=(t=>t&&t.j===G)(e)?e:Y(null,null,e);if(ct=i.tagName,n&&f.$)for(const t of Object.keys(f.$))i.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(f.$[t]=i[t]);if(f.j=null,f.u|=4,t.F=f,f.O=u.O=i.shadowRoot||i,rt=i["s-sc"],kt=!(!(1&c.u)||128&c.u),it=i["s-cr"],xt=!1,Pt(u,f,n),g.u|=1,Ct){Dt(f.O);for(const t of Tt){const e=t.L;if(!e["s-ol"]&&b.document){const t=b.document.createTextNode("");t["s-nr"]=e,Ut(e.parentNode,e["s-ol"]=t,e)}}for(const t of Tt){const e=t.L,i=t.A;if(i){const t=i.parentNode;let n=i.nextSibling;{let s=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===e["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&t!==(e.__parentNode||e.parentNode)||(e.__nextSibling||e.nextSibling)!==n)&&e!==n&&(!e["s-hn"]&&e["s-ol"]&&(e["s-hn"]=e["s-ol"].parentNode.nodeName),Ut(t,e,n),1===e.nodeType&&"SLOT-FB"!==e.tagName&&(e.hidden=null!=(s=e["s-ih"])&&s)),e&&"function"==typeof i["s-rf"]&&i["s-rf"](i)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(r=e.hidden)&&r),e.hidden=!0)}}xt&&U(f.O),g.u&=-2,Tt.length=0,it=void 0})(t,e,o)}catch(e){f(e,t.$hostElement$)}return Yt=null,null},Gt=()=>Yt,Kt=t=>{const e=t.$hostElement$,n=t.i,o=t.T;Zt(n,"componentDidRender",void 0,e),64&t.u?Zt(n,"componentDidUpdate",void 0,e):(t.u|=64,te(e),Zt(n,"componentDidLoad",void 0,e),t.U(e),o||Xt()),t.W(e),t.P&&(t.P(),t.P=void 0),512&t.u&&N((()=>_t(t,!1))),t.u&=-517},Qt=t=>{{const e=i(t),n=e.$hostElement$.isConnected;return n&&2==(18&e.u)&&_t(e,!1),n}},Xt=()=>{N((()=>dt(b,"appload",{detail:{namespace:"component-library"}})))},Zt=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){f(t,o)}},te=t=>t.classList.add("hydrated"),ee=(t,e,n,o)=>{const l=i(t);if(!l)throw Error(`Couldn't find host element for "${o.R}" 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 s=l.$hostElement$,r=l.l.get(e),c=l.u,u=l.i;if(n=ut(n,o.t[e][0]),(!(8&c)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(l.l.set(e,n),u)){if(o.V&&128&c){const t=o.V[e];t&&t.map((t=>{try{u[t](n,r,e)}catch(t){f(t,s)}}))}if(2==(18&c)){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(n,r,e))return;_t(l,!1)}}},ne=(t,e,n)=>{var o,l;const s=t.prototype;if(64&e.u&&1&n&&y.forEach((t=>{Object.defineProperty(s,t,{value(...e){const n=i(this),o=n.i;if(o){const n=o[t];"function"==typeof n&&n.call(o,...e)}else n._.then((n=>{const o=n[t];"function"==typeof o&&o.call(n,...e)}))}})})),e.t||e.V||t.watchers){t.watchers&&!e.V&&(e.V=t.watchers);const r=Object.entries(null!=(o=e.t)?o:{});if(r.map((([t,[o]])=>{if(31&o||2&n&&32&o){const{get:l,set:r}=Object.getOwnPropertyDescriptor(s,t)||{};l&&(e.t[t][0]|=2048),r&&(e.t[t][0]|=4096),(1&n||!l)&&Object.defineProperty(s,t,{get(){{if(!(2048&e.t[t][0]))return((t,e)=>i(this).l.get(e))(0,t);const n=i(this),o=n?n.i:s;if(!o)return;return o[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,t,{set(l){const s=i(this);if(r){const n=32&o?this[t]:s.$hostElement$[t];return void 0===n&&s.l.get(t)?l=s.l.get(t):!s.l.get(t)&&n&&s.l.set(t,n),r.call(this,ut(l,o)),void ee(this,t,l=32&o?this[t]:s.$hostElement$[t],e)}{if(!(1&n&&4096&e.t[t][0]))return ee(this,t,l,e),void(1&n&&!s.i&&s._.then((()=>{4096&e.t[t][0]&&s.i[t]!==s.l.get(t)&&(s.i[t]=l)})));const r=()=>{const n=s.i[t];!s.l.get(t)&&n&&s.l.set(t,n),s.i[t]=ut(l,o),ee(this,t,s.i[t],e)};s.i?r():s._.then((()=>r()))}}})}else 1&n&&64&o&&Object.defineProperty(s,t,{value(...e){var n;const o=i(this);return null==(n=null==o?void 0:o.B)?void 0:n.then((()=>{var n;return null==(n=o.i)?void 0:n[t](...e)}))}})})),1&n){const n=new Map;s.attributeChangedCallback=function(t,o,l){g.jmp((()=>{var r;const c=n.get(t);if(this.hasOwnProperty(c))l=this[c],delete this[c];else{if(s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==l)return;if(null==c){const n=i(this),s=null==n?void 0:n.u;if(s&&!(8&s)&&128&s&&l!==o){const s=n.i,i=null==(r=e.V)?void 0:r[t];null==i||i.forEach((e=>{null!=s[e]&&s[e].call(s,l,o,t)}))}return}}const u=Object.getOwnPropertyDescriptor(s,c);(l=(null!==l||"boolean"!=typeof this[c])&&l)===this[c]||u.get&&!u.set||(this[c]=l)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=e.V)?l:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const o=e[1]||t;return n.set(o,t),o}))]))}}return t},oe=(t,e)=>{Zt(t,"connectedCallback",void 0,e)},le=t=>{if(!(1&g.u)){const e=i(t),n=e.o,o=()=>{};if(1&e.u)ue(t,e,n.H),(null==e?void 0:e.i)?oe(e.i,t):(null==e?void 0:e._)&&e._.then((()=>oe(e.i,t)));else{let o;if(e.u|=1,o=t.getAttribute(p),o){if(1&n.u){const e=$t(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}else if(2&n.u){const e=vt(n);t["s-sc"]=e}((t,e,n,o)=>{var l;const s=t.shadowRoot,r=[],i=[],c=[],u=s?[]:null,f=q(e,null);let a;f.O=t,Object.entries((null==(l=o.o)?void 0:l.t)||{}).forEach((([e,[n,l]])=>{var s;if(!(31&n))return;const r=t.getAttribute(l||e);if(null!==r){const t=ut(r,n);null==(s=null==o?void 0:o.l)||s.set(e,t)}}));{const e=o.o;e&&10&e.u&&t["s-sc"]?(a=t["s-sc"],t.classList.add(a+"-h")):t["s-sc"]&&delete t["s-sc"]}!b.document||g.J&&g.J.size||tt(b.document.body,g.J=new Map),t[p]=n,t.removeAttribute(p),o.F=Z(f,r,i,u,t,t,n,c);let d=0;const h=r.length;let $;for(;d<h;d++){$=r[d];const n=$.k+"."+$.C,o=g.J.get(n),l=$.O;s||(l["s-hn"]=e.toUpperCase(),"slot"===$.j&&(l["s-cr"]=t["s-cr"])),"slot"===$.j&&($.S=$.O["s-sn"]||$.O.name||null,$.v?($.u|=2,$.O.childNodes.length||$.v.forEach((t=>{$.O.appendChild(t.O)}))):$.u|=1),o&&o.isConnected&&(s&&""===o["s-en"]&&o.parentNode.insertBefore(l,o.nextSibling),o.parentNode.removeChild(o),s||(l["s-oo"]=parseInt($.C))),g.J.delete(n)}const v=[],m=c.length;let y,w,S,j,O=0;for(;O<m;O++)if(y=c[O],y&&y.length)for(S=y.length,w=0;w<S;w++){if(j=y[w],v[j.hostId]||(v[j.hostId]=g.J.get(j.hostId)),!v[j.hostId])continue;const t=v[j.hostId];t.shadowRoot&&s||(j.slot["s-cr"]=t["s-cr"],j.slot["s-cr"]=!j.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0],B(j.node,j.slot,0,j.node["s-oo"])),t.shadowRoot&&j.node.parentElement!==t&&t.appendChild(j.node)}if(a&&i.length&&i.forEach((t=>{t.O.parentElement.classList.add(a+"-s")})),s&&!s.childNodes.length){let e=0;const n=u.length;if(n){for(;e<n;e++)s.appendChild(u[e]);Array.from(t.childNodes).forEach((t=>{"string"!=typeof t["s-sn"]&&(1===t.nodeType&&t.slot&&t.hidden?t.removeAttribute("hidden"):(8===t.nodeType||3===t.nodeType&&!t.wholeText.trim())&&t.parentNode.removeChild(t))}))}}g.J.delete(t["s-id"]),o.$hostElement$=t})(t,n.R,o,e)}o||12&n.u&&se(t);{let n=t;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Vt(e,e.T=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.u)){if(e.u|=32,n.Y){const l=((t,e)=>{const n=t.R.replace(/-/g,"_"),o=t.Y;if(!o)return;const l=a.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(a.set(o,t),t[n])),(t=>{f(t,e.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.R}#${e.q}" was not found`);o.isProxied||(n.V=o.watchers,ne(o,n,2),o.isProxied=!0);const s=()=>{};e.u|=8;try{new o(e)}catch(e){f(e,t)}e.u&=-9,e.u|=128,s(),oe(e.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=vt(n);if(!d.has(e)){const o=()=>{};ht(e,t,!!(1&n.u)),o()}}}const l=e.T,s=()=>_t(e,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()})(t,e,n)}o()}},se=t=>{if(!b.document)return;const e=t["s-cr"]=b.document.createComment("");e["s-cn"]=!0,Ut(t,e,t.firstChild)},re=(t,e)=>{Zt(t,"disconnectedCallback",void 0,e||t)},ie=(t,e={})=>{var n;if(!b.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const o=[],l=e.exclude||[],s=b.customElements,r=b.document.head,c=r.querySelector("meta[charset]"),u=b.document.createElement("style"),f=[];let a,d=!0;Object.assign(g,e),g.p=new URL(e.resourcesUrl||"./",b.document.baseURI).href,g.u|=2,(()=>{if(!b.document)return;const t=b.document.querySelectorAll(`[${h}]`);let e=0;for(;e<t.length;e++)ht(t[e].getAttribute(h),mt(t[e].innerHTML),!0)})();let p=!1;if(t.map((t=>{t[1].map((e=>{var n;const r={u:e[0],R:e[1],t:e[2],H:e[3]};4&r.u&&(p=!0),r.t=e[2],r.H=e[3],r.V=null!=(n=e[4])?n:{};const c=r.R,u=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={u:0,$hostElement$:t,o:e,l:new Map};n.B=new Promise((t=>n.W=t)),n._=new Promise((t=>n.U=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,r),1&r.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.R}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else t.attachShadow({mode:"open"})}connectedCallback(){const t=i(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,ue(this,t,r.H)),a&&(clearTimeout(a),a=null),d?f.push(this):g.jmp((()=>le(this)))}disconnectedCallback(){g.jmp((()=>(async t=>{if(!(1&g.u)){const e=i(t);e.G&&(e.G.map((t=>t())),e.G=void 0),(null==e?void 0:e.i)?re(e.i,t):(null==e?void 0:e._)&&e._.then((()=>re(e.i,t)))}pt.has(t)&&pt.delete(t),t.shadowRoot&&pt.has(t.shadowRoot)&&pt.delete(t.shadowRoot)})(this))),g.raf((()=>{var t;const e=i(this),n=f.findIndex((t=>t===this));n>-1&&f.splice(n,1),(null==(t=null==e?void 0:e.F)?void 0:t.O)instanceof Node&&!e.F.O.isConnected&&delete e.F.O}))}componentOnReady(){return i(this)._}};64&r.u&&(u.formAssociated=!0),r.Y=t[0],l.includes(c)||s.get(c)||(o.push(c),s.define(c,ne(u,r,1)))}))})),o.length>0&&(p&&(u.textContent+=v),u.textContent+=o.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",u.innerHTML.length)){u.setAttribute("data-styles","");const t=null!=(n=g.M)?n:R(b.document);null!=t&&u.setAttribute("nonce",t),r.insertBefore(u,c?c.nextSibling:r.firstChild)}d=!1,f.length?f.map((t=>t.connectedCallback())):g.jmp((()=>a=setTimeout(Xt,30)))},ce=(t,e)=>e,ue=(t,e,n)=>{n&&b.document&&n.map((([n,o,l])=>{const s=ae(b.document,t,n),r=fe(e,l),i=de(n);g.ael(s,o,r,i),(e.G=e.G||[]).push((()=>g.rel(s,o,r,i)))}))},fe=(t,e)=>n=>{var o;try{256&t.u?null==(o=t.i)||o[e](n):(t.D=t.D||[]).push([e,n])}catch(e){f(e,t.$hostElement$)}},ae=(t,e,n)=>4&n?t:e,de=t=>({passive:!!(1&t),capture:!!(2&t)}),pe=t=>g.M=t;export{ce as F,G as H,Gt as a,ie as b,at as c,Qt as f,ft as g,Y as h,w as p,c as r,pe as s}

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

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

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

@@ -1 +1 @@
-export{c as configure}from"./store-73a56075.js";import"./index-84fd0ee9.js";
+export{c as configure}from"./index-DuYjhvTn.js";import"./index-Cm7V4EAn.js";

package/dist/component-library/linkUtils-02nCfO0F.js

@@ -0,0 +1 @@
+import{g as e}from"./index-DuYjhvTn.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-CqaqnfY4.js

@@ -0,0 +1 @@
+const s=s=>s.toString().toLowerCase().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),r=s=>{const r=parseFloat(s);return(t=""+16*r).endsWith("px")?t:`${t}px`;var t};function*t(s){let r=1;for(;;)yield`${s}-${r++}`}export{t as i,r,s}

package/dist/components/attributes.js

@@ -72,8 +72,8 @@ const inheritAriaAttributes = (el, ignoreList) => {
     }
     return inheritSpecifiedAttributes(el, attributesToInherit);
 };
-const inheritAttributes = (component, elem) => {
-    const attributesToIgnore = new Set(['class', 'style', ...ariaAttributes]);
+const inheritAttributes = (component, elem, attrsToIgnore = []) => {
+    const attributesToIgnore = new Set(['class', 'style', ...ariaAttributes, ...attrsToIgnore]);
     const propsToIgnore = new Set(Object.keys(component));
     const attributes = {};
     for (const attr of elem.attributes) {
@@ -84,4 +84,4 @@ const inheritAttributes = (component, elem) => {
     return attributes;
 };
 
-export { inheritSpecifiedAttributes as a, inheritAttributes as b, inheritAriaAttributes as i };
+export { inheritAriaAttributes as a, inheritSpecifiedAttributes as b, inheritAttributes as i };

package/dist/components/controlUtils.js

@@ -1,4 +1,37 @@
-const getOptionalText = (text, optionalText) => [text, optionalText || '(optional)'].join(' ');
+import { g as getLanguage } from './index.js';
+
+const getOptionalText = (text, optionalText) => {
+    let defaultText = '(optional)';
+    switch (getLanguage()) {
+        case 'fi':
+            defaultText = '(valinnainen)';
+            break;
+        case 'sv':
+            defaultText = '(valfritt)';
+            break;
+    }
+    return [text, optionalText || defaultText].join(' ');
+};
 const getRequiredText = (text) => [text, '*'].join(' ');
+const atLeastOneOption = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Valitse vähintään yksi vaihtoehto.';
+        case 'sv':
+            return 'Vänligen välj minst ett alternativ.';
+        default:
+            return 'Please select at least one option.';
+    }
+};
+const allOptions = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'Valitse kaikki vaihtoehdot.';
+        case 'sv':
+            return 'Vänligen välj alla alternativ.';
+        default:
+            return 'Please select all options.';
+    }
+};
 
-export { getOptionalText as a, getRequiredText as g };
+export { getOptionalText as a, atLeastOneOption as b, allOptions as c, getRequiredText as g };

package/dist/components/ds-accordion.js

@@ -1,33 +1,35 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
 import { c as classNames } from './index3.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';
 import { d as defineCustomElement$2 } from './ds-visually-hidden2.js';
 
-const dsAccordionCss = ":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-accordion__open-button{color:var(--ds-palette-black-95);outline:var(--ds-borderWidth-thick) solid transparent;fill:var(--ds-palette-black-95);position:relative;all:unset;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);position:relative;width:100%}.ds-accordion__open-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline-color:var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1);outline-style:solid;outline-width:var(--ds-borderWidth-thin)}.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::before,.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::after{content:\"\";position:absolute;top:0;width:var(--ds-spacing-small);height:100%}.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::before{left:calc(var(--ds-spacing-small) * -1)}.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::after{right:calc(var(--ds-spacing-small) * -1)}.ds-accordion__open-button:hover{cursor:pointer}.ds-accordion__open-button:hover,.ds-accordion__open-button:hover::before,.ds-accordion__open-button:hover::after{background:var(--ds-overlay-black-10)}.ds-accordion__open-button:active,.ds-accordion__open-button:active::before,.ds-accordion__open-button:active::after{background:var(--ds-overlay-black-15)}.ds-accordion__open-button:focus-visible{z-index:1}.ds-accordion__open-button.ds-accordion--default{padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__open-button.ds-accordion--compact{font-size:var(--ds-fontSize-16);padding:var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);line-height:var(--ds-lineHeight-large);font-weight:var(--ds-fontWeight-semibold)}.ds-accordion__open-button.ds-accordion--border-aligned:not(:focus-visible){padding-inline:0;margin-inline:var(--ds-spacing-small);position:relative;width:calc(100% - var(--ds-spacing-large))}:host(:first-child) .ds-accordion__open-button:not(.ds-accordion--hide-top-border){border-top:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20)}:host(:first-child) .ds-accordion__open-button:not(.ds-accordion--hide-top-border):focus-visible{border-top-color:transparent}.ds-accordion__open-button[aria-expanded=false]{border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20)}.ds-accordion__panel--border-aligned{position:relative;width:calc(100% - 32px)}.ds-accordion__panel--border-aligned::before{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;left:0px;background:var(--ds-palette-white);width:var(--ds-spacing-small)}.ds-accordion__panel--border-aligned::after{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;right:0px;background:var(--ds-palette-white);width:var(--ds-spacing-small)}.ds-accordion__panel--expanded{display:block;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20);padding-inline:var(--ds-spacing-small)}::slotted([slot=header]){color:var(--ds-palette-black-95)}.ds-accordion__content{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);padding-block:var(--ds-spacing-small)}.ds-accordion__content .ds-accordion--default{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-xLarge);letter-spacing:var(--ds-letterSpacing-wide)}@media (min-width: 30rem){.ds-accordion__content .ds-accordion--default{font-size:var(--ds-fontSize-18)}}.ds-accordion__content .ds-accordion--compact{font-size:var(--fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__close-button{display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}";
-const DsAccordionStyle0 = dsAccordionCss;
+const dsAccordionCss = ":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-accordion__open-button{color:var(--ds-palette-black-95);outline:var(--ds-borderWidth-thick) solid transparent;fill:var(--ds-palette-black-95);position:relative;all:unset;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);position:relative;width:100%}.ds-accordion__open-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-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::before,.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::after{content:\"\";position:absolute;top:0;width:var(--ds-spacing-small);height:100%}.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::before{left:calc(var(--ds-spacing-small) * -1)}.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::after{right:calc(var(--ds-spacing-small) * -1)}.ds-accordion__open-button:hover{cursor:pointer}.ds-accordion__open-button:hover,.ds-accordion__open-button:hover::before,.ds-accordion__open-button:hover::after{background:var(--ds-overlay-black-10)}.ds-accordion__open-button:active,.ds-accordion__open-button:active::before,.ds-accordion__open-button:active::after{background:var(--ds-overlay-black-15)}.ds-accordion__open-button:focus-visible{z-index:1}.ds-accordion__open-button.ds-accordion--default{padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__open-button.ds-accordion--compact{font-size:var(--ds-fontSize-16);padding:var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);line-height:var(--ds-lineHeight-large);font-weight:var(--ds-fontWeight-semibold)}.ds-accordion__open-button.ds-accordion--border-aligned:not(:focus-visible){padding-inline:0;margin-inline:var(--ds-spacing-small);position:relative;width:calc(100% - var(--ds-spacing-large))}:host(:first-child) .ds-accordion__open-button:not(.ds-accordion--hide-top-border){border-top:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20)}:host(:first-child) .ds-accordion__open-button:not(.ds-accordion--hide-top-border):focus-visible{border-top-color:transparent}.ds-accordion__open-button:not(.ds-accordion--hide-bottom-border)[aria-expanded=false]{border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20)}.ds-accordion__panel--border-aligned{position:relative;width:calc(100% - 32px)}.ds-accordion__panel--border-aligned::before{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;left:0;background:var(--ds-palette-white);width:var(--ds-spacing-small)}.ds-accordion__panel--border-aligned::after{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;right:0;background:var(--ds-palette-white);width:var(--ds-spacing-small)}.ds-accordion__panel--expanded{display:block;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20);padding-inline:var(--ds-spacing-small)}.ds-accordion__panel--expanded.ds-accordion__panel--hide-bottom-border{border-bottom:0}::slotted([slot=header]){color:var(--ds-palette-black-95)}.ds-accordion__content{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);padding-block:var(--ds-spacing-small)}.ds-accordion__content .ds-accordion--default{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-xLarge);letter-spacing:var(--ds-letterSpacing-wide)}@media (min-width: 30rem){.ds-accordion__content .ds-accordion--default{font-size:var(--ds-fontSize-18)}}.ds-accordion__content .ds-accordion--compact{font-size:var(--fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__close-button{display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}";
 
 const DsAccordion$1 = proxyCustomElement(class DsAccordion extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.dsToggle = createEvent(this, "dsToggle");
     }
-    variant = 'default';
-    borderAligned = false;
-    openByDefault = false;
-    accordionId = 'dsaccordion';
-    headingLevel = 2;
-    useCloseButton = false;
-    closeButtonLabel = 'Close';
-    hideTopBorder = false;
+    dsVariant = 'default';
+    dsBorderAligned = false;
+    dsOpenByDefault = false;
+    dsAccordionId = 'dsaccordion';
+    dsHeadingLevel = 2;
+    dsUseCloseButton = false;
+    dsCloseButtonLabel = 'Close';
+    dsHideTopBorder = false;
+    dsHideBottomBorder = false;
     isExpanded = false;
     get host() { return this; }
+    dsToggle;
     headerButtonRef;
     shouldMoveFocus = false;
     componentWillLoad() {
-        if (this.openByDefault) {
+        if (this.dsOpenByDefault) {
             this.isExpanded = true;
         }
     }
@@ -36,6 +38,7 @@ const DsAccordion$1 = proxyCustomElement(class DsAccordion extends H {
             this.headerButtonRef.focus();
             this.shouldMoveFocus = false;
         }
+        this.dsToggle.emit(isExpanded);
     }
     handleClick = (event) => {
         const isCloseButton = event.target.closest('.ds-accordion__close-button');
@@ -55,33 +58,36 @@ const DsAccordion$1 = proxyCustomElement(class DsAccordion extends H {
         }
     };
     render() {
-        const iconSize = this.variant === 'compact' ? '1.5rem' : '2rem';
-        const buttonSize = this.variant === 'compact' ? 'small' : 'medium';
-        return (h("div", { key: '4f11a49feb015126dade5f95608ef6d02ddc04be', class: classNames('ds-accordion', `ds-accordion--${this.variant}`, {
-                'ds-accordion--border-aligned': this.borderAligned,
-            }), role: "presentation" }, h("div", { key: '8e8c4eaee0a6d89768856330e42205601da619e7', class: "ds-accordion__item" }, h("div", { key: 'ccc39341fadb2b83eab4b1df6eab08adaef26402', role: "heading", "aria-level": this.headingLevel, class: "ds-accordion__title" }, h("button", { key: 'ed7493083f683eaf3fb4b62b11d3dec94864f186', class: classNames('ds-accordion__open-button', `ds-accordion--${this.variant}`, {
-                'ds-accordion--border-aligned': this.borderAligned,
-                'ds-accordion--hide-top-border': this.hideTopBorder,
-            }), onClick: this.handleClick, onKeyDown: this.handleKeyDown, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `${this.accordionId}-panel`, id: this.accordionId, ref: el => (this.headerButtonRef = el) }, h("span", { key: '7da3b276200740ceec215ca60a3fe9fdf231cff5', class: "ds-accordion__icon", "aria-hidden": "true" }, this.isExpanded ? h("ds-icon", { size: iconSize, hidden: true, name: "keyboard_arrow_up" }) : h("ds-icon", { size: iconSize, hidden: true, name: "keyboard_arrow_down" })), h("slot", { key: '6703dfa726891be180aa667f985288c0ec86287a', name: "header" }))), h("div", { key: 'c8d05bc7d6f243c5df2acc8bf21f218bbceb9005', id: `${this.accordionId}-panel`, role: "region", "aria-labelledby": this.accordionId, class: classNames('ds-accordion__panel', `ds-accordion__panel--${this.variant}`, {
-                'ds-accordion__panel--border-aligned': this.borderAligned,
+        const iconSize = this.dsVariant === 'compact' ? '1.5rem' : '2rem';
+        const buttonSize = this.dsVariant === 'compact' ? 'small' : 'medium';
+        return (h("div", { key: '3f11aeec4a4941f0dcce0380b05a515c3b9c89e6', class: classNames('ds-accordion', `ds-accordion--${this.dsVariant}`, {
+                'ds-accordion--border-aligned': this.dsBorderAligned,
+            }) }, h("div", { key: '6a8ca7a66d2f43c970b359972cc5e2830252edb1', class: "ds-accordion__item" }, h("div", { key: '378a67aa57baf72f491370e2e357828d516832d2', role: "heading", "aria-level": this.dsHeadingLevel, class: "ds-accordion__title" }, h("button", { key: '3d495833ea4e1b31ac730947268850d7ba04a15d', 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: 'e720c9480de197083d4c3c956c6129caeb01a033', 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: 'b406436f9de56d89e343150a19c0d133e8b9e2da', name: "header" }))), h("div", { key: 'a51a019dbc6e9401aaf1552edc127226cecb0b7c', 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,
-            }), hidden: !this.isExpanded }, h("div", { key: '45e490a2d046cb05e403d8fc9be0baa3f0ec8401', class: "ds-accordion__content" }, h("slot", { key: 'efa60ab6f417045bfb0dd34d663581fc935b3307', name: "content" })), this.useCloseButton && (h("ds-button", { key: 'dfb14603e659d905a606cee3cfccedd0b4a9f04e', "aria-labelledby": `${this.accordionId}-close-button ${this.accordionId}`, id: `${this.accordionId}-close-button`, class: classNames('ds-accordion__close-button', `ds-accordion--${this.variant}`, {
-                'ds-accordion--border-aligned': this.borderAligned,
-            }), fontWeight: "semiBold", variant: "supplementary", colour: "black", icon: "keyboard_arrow_up", iconPosition: "start", onClick: this.handleClick, onKeyDown: this.handleKeyDown, value: this.closeButtonLabel, size: buttonSize, type: "button" }))))));
+                'ds-accordion__panel--hide-bottom-border': this.dsHideBottomBorder,
+            }), hidden: !this.isExpanded }, h("div", { key: 'a7d46ee04bbe43fbfdea6ac0ec3a760aeb17ba64', class: "ds-accordion__content" }, h("slot", { key: '00e8c609cc32ed726226547af724295884e40bb7', name: "content" })), this.dsUseCloseButton && (h("ds-button", { key: '7b03bc58471493bc89501753e35238b770eaf563', "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" }))))));
     }
     static get watchers() { return {
         "isExpanded": ["watchHandler"]
     }; }
-    static get style() { return DsAccordionStyle0; }
+    static get style() { return dsAccordionCss; }
 }, [1, "ds-accordion", {
-        "variant": [1],
-        "borderAligned": [4, "border-aligned"],
-        "openByDefault": [4, "open-by-default"],
-        "accordionId": [1, "accordion-id"],
-        "headingLevel": [2, "heading-level"],
-        "useCloseButton": [4, "use-close-button"],
-        "closeButtonLabel": [1, "close-button-label"],
-        "hideTopBorder": [4, "hide-top-border"],
+        "dsVariant": [1, "ds-variant"],
+        "dsBorderAligned": [4, "ds-border-aligned"],
+        "dsOpenByDefault": [4, "ds-open-by-default"],
+        "dsAccordionId": [1, "ds-accordion-id"],
+        "dsHeadingLevel": [2, "ds-heading-level"],
+        "dsUseCloseButton": [4, "ds-use-close-button"],
+        "dsCloseButtonLabel": [1, "ds-close-button-label"],
+        "dsHideTopBorder": [4, "ds-hide-top-border"],
+        "dsHideBottomBorder": [4, "ds-hide-bottom-border"],
         "isExpanded": [32]
     }, undefined, {
         "isExpanded": ["watchHandler"]