@uh-design-system/component-library 1.6.0-rc.1 → 1.6.0-rc.2

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

@@ -1 +1 @@
-import{p as o,M as s,h as t,t as e}from"./p-B91f7lDE.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as d}from"./p-Duz7I_DQ.js";import{c as n}from"./p-C9ahrvg0.js";import{i as r,a as p}from"./p-5l5qZ1Ad.js";import{c as a}from"./p-BEoRtKR4.js";const l=o(class extends(s(a("ds-option-group"))){constructor(o){super(),!1!==o&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsLabel;dsHidden=!1;dsMouseDownPreventDefault=!1;get DsOptionTag(){return d("ds-option","ds-option-group",this.el)}get groupId(){return"ds-option-group-label-"+this.dsLabel.replaceAll(/\s+/g,"-").toLowerCase()}async hasVisibleOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag)).some((o=>!o.dsHidden))}componentWillLoad(){this.inheritedAttributes={...p(this,this.el),...r(this.el,["aria-labelledby"])}}handleMouseDown(o){this.dsMouseDownPreventDefault&&o.preventDefault()}render(){const o=n("ds-option-group");return t("div",{key:"bc78c8e9eca6c7395fcec178d194d27d35d501e9",class:i(""+o,{[o+"--hidden"]:this.dsHidden}),role:"group","aria-labelledby":this.groupId,...this.inheritedAttributes},t("div",{key:"fea3e9b9cdcb412c30b427e6b59cee8f2ddd6006",class:o+"__label",id:this.groupId},this.dsLabel),t("slot",{key:"93e8b98c40226ac84d64e9394f1502e26efb206a"}))}static get style(){return".ds-option-group__izAhxK.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__izAhxK--hidden.sc-ds-option-group{display:none}.ds-option-group__izAhxK.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__izAhxK__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__izAhxK__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}"}},[774,"ds-option-group",{dsLabel:[1,"ds-label"],dsHidden:[4,"ds-hidden"],dsMouseDownPreventDefault:[4,"ds-mouse-down-prevent-default"],hasVisibleOptions:[64]},[[0,"mousedown","handleMouseDown"]]]),u=l,c=function(){"undefined"!=typeof customElements&&["ds-option-group"].forEach((o=>{"ds-option-group"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))};export{u as DsOptionGroup,c as defineCustomElement}
+import{p as o,M as s,h as t,t as e}from"./p-Clnflbiz.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as d}from"./p-Duz7I_DQ.js";import{c as n}from"./p-C7gqnikf.js";import{i as r,a}from"./p-5l5qZ1Ad.js";import{c as p}from"./p-BNucxURn.js";const l=o(class extends(s(p("ds-option-group"))){constructor(o){super(),!1!==o&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsLabel;dsHidden=!1;dsMouseDownPreventDefault=!1;get DsOptionTag(){return d("ds-option","ds-option-group",this.el)}get groupId(){return"ds-option-group-label-"+this.dsLabel.replaceAll(/\s+/g,"-").toLowerCase()}async hasVisibleOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag)).some((o=>!o.dsHidden))}componentWillLoad(){this.inheritedAttributes={...a(this,this.el),...r(this.el,["aria-labelledby"])}}handleMouseDown(o){this.dsMouseDownPreventDefault&&o.preventDefault()}render(){const o=n("ds-option-group");return t("div",{key:"8023b873b342fb6ed068e04d1c5a90e7a0abbd08",class:i(""+o,{[o+"--hidden"]:this.dsHidden}),role:"group","aria-labelledby":this.groupId,...this.inheritedAttributes},t("div",{key:"1dba0efdf6a067e140f293b632af322bbf0ccd4b",class:o+"__label",id:this.groupId},this.dsLabel),t("slot",{key:"57684ac864169f1a515d038026caba48f3f8fb52"}))}static get style(){return".ds-option-group__9el4Wy.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__9el4Wy--hidden.sc-ds-option-group{display:none}.ds-option-group__9el4Wy.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__9el4Wy__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__9el4Wy__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}"}},[774,"ds-option-group",{dsLabel:[1,"ds-label"],dsHidden:[4,"ds-hidden"],dsMouseDownPreventDefault:[4,"ds-mouse-down-prevent-default"],hasVisibleOptions:[64]},[[0,"mousedown","handleMouseDown"]]]),u=l,g=function(){"undefined"!=typeof customElements&&["ds-option-group"].forEach((o=>{"ds-option-group"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))};export{u as DsOptionGroup,g as defineCustomElement}

package/dist/components/ds-option.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-BulCOKq2.js";const p=o,r=s;export{p as DsOption,r as defineCustomElement}
+import{D as o,d as s}from"./p-2bzgijev.js";const p=o,r=s;export{p as DsOption,r as defineCustomElement}

package/dist/components/ds-options-message.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-BBzmOMin.js";const m=o,p=s;export{m as DsOptionsMessage,p as defineCustomElement}
+import{D as o,d as s}from"./p-DYfDS7nG.js";const p=o,r=s;export{p as DsOptionsMessage,r as defineCustomElement}

package/dist/components/ds-options.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-B9yaYYQe.js";const a=o,p=s;export{a as DsOptions,p as defineCustomElement}
+import{D as o,d as s}from"./p-Bf3RXIkB.js";const p=o,r=s;export{p as DsOptions,r as defineCustomElement}

package/dist/components/ds-pagination-ellipsis.js

@@ -1 +1 @@
-import{p as s,M as i,h as a,d as t,t as e}from"./p-B91f7lDE.js";import{c as n}from"./p-C9ahrvg0.js";import{p as l}from"./p-DOL9IvIQ.js";const c=s(class extends(i(l)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}render(){const s=n("ds-pagination-ellipsis"),i=n("ds-pagination-ellipsis-variant--"+(this.paginationContext?.variant||"medium"));return a(t,{key:"1cc7a1b9f87796c3dc7e1a89e591f6242bcea288",class:i},a("span",{key:"b4fc2e3f4599a5d02227a1688494839fc39b6bd0",class:s,role:"img","aria-label":this.paginationContext?.texts.ellipsis||"Ellipsis"},"…"))}static get style(){return".sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__izAhxK.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-pagination-ellipsis-colour, var(--ds-textColor-default));font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}"}},[514,"ds-pagination-ellipsis",{context:[32]}]),r=c,o=function(){"undefined"!=typeof customElements&&["ds-pagination-ellipsis"].forEach((s=>{"ds-pagination-ellipsis"===s&&(customElements.get(e(s))||customElements.define(e(s),c))}))};export{r as DsPaginationEllipsis,o as defineCustomElement}
+import{p as s,M as i,h as a,d as n,t}from"./p-Clnflbiz.js";import{c as e}from"./p-C7gqnikf.js";import{p as l}from"./p-DOL9IvIQ.js";const r=s(class extends(i(l)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}render(){const s=e("ds-pagination-ellipsis"),i=e("ds-pagination-ellipsis-variant--"+(this.paginationContext?.variant||"medium"));return a(n,{key:"0106fd04258015b0557a86617d57da4494903312",class:i},a("span",{key:"3b5a55cde73b72d2b36aed113c4721a6546b7eb3",class:s,role:"img","aria-label":this.paginationContext?.texts.ellipsis||"Ellipsis"},"…"))}static get style(){return".sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__9el4Wy.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-pagination-ellipsis-colour, var(--ds-textColor-default));font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}"}},[514,"ds-pagination-ellipsis",{context:[32]}]),o=r,p=function(){"undefined"!=typeof customElements&&["ds-pagination-ellipsis"].forEach((s=>{"ds-pagination-ellipsis"===s&&(customElements.get(t(s))||customElements.define(t(s),r))}))};export{o as DsPaginationEllipsis,p as defineCustomElement}

package/dist/components/ds-pagination-item.js

@@ -1 +1 @@
-import{p as s,M as t,h as i,d as e,t as a}from"./p-B91f7lDE.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as d}from"./p-C9ahrvg0.js";import{t as r,d as o}from"./p-Duz7I_DQ.js";import{p as l}from"./p-DOL9IvIQ.js";import{d as c}from"./p-CslnOIgL.js";import{d as p}from"./p-B8sMGje6.js";import{d as h}from"./p-DJHiPTII.js";const m=s(class extends(t(l)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsType;dsText;dsIcon;dsHref;dsDisabled;dsTag;get iconName(){return this.dsIcon?this.dsIcon:{first:"first_page",previous:"chevron_backward",next:"chevron_forward",last:"last_page"}[this.dsType]}get text(){return this.dsText?this.dsText:this.paginationContext?{first:this.paginationContext.texts.firstPage,previous:this.paginationContext.texts.previousPage,next:this.paginationContext.texts.nextPage,last:this.paginationContext.texts.lastPage}[this.dsType]:""}get isCompact(){return this.paginationContext?.isCompact??!1}get ariaLabel(){if(this.paginationContext&&this.isCompact)return{first:this.paginationContext.texts.goToFirstPage,previous:this.paginationContext.texts.goToPreviousPage,next:this.paginationContext.texts.goToNextPage,last:this.paginationContext.texts.goToLastPage}[this.dsType]}get isDisabled(){if(void 0!==this.dsDisabled)return this.dsDisabled;if(!this.paginationContext)return!1;const{currentPage:s,totalPages:t}=this.paginationContext,i=1===s,e=s===t;switch(this.dsType){case"first":case"previous":return i;case"next":case"last":return e;default:return!1}}get DsLinkCta(){return r("ds-link-cta","ds-pagination-item",this.el)}render(){if(!this.paginationContext)return i(e,null);const s=d("ds-pagination-item"),t=n(s,`${s}--${this.dsType}`,{[s+"--disabled"]:this.isDisabled}),a="span"===this.dsTag||!this.dsHref;return i(e,null,i(this.DsLinkCta,{class:t,dsVariant:"supplementary",dsColour:this.paginationContext.colour,dsSize:this.paginationContext.variant,dsAriaLabel:this.ariaLabel,dsText:this.isCompact?"":this.text,dsIcon:this.iconName,dsHideIcon:!1,dsIconPosition:"first"===this.dsType||"previous"===this.dsType?"start":"end",dsHref:a?void 0:this.dsHref,dsDisabled:this.isDisabled,dsTag:a?"span":"a",dsTabIndex:this.isDisabled?"-1":void 0}))}static get style(){return".ds-pagination-item__izAhxK.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__izAhxK--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__izAhxK--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__izAhxK--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}"}},[514,"ds-pagination-item",{dsType:[1,"ds-type"],dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsHref:[1,"ds-href"],dsDisabled:[4,"ds-disabled"],dsTag:[1,"ds-tag"],context:[32]}]);o([i("ds-link-cta",{dsText:""})]);const u=m,g=function(){"undefined"!=typeof customElements&&["ds-pagination-item","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-item":customElements.get(a(s))||customElements.define(a(s),m);break;case"ds-icon":customElements.get(a(s))||c();break;case"ds-link-cta":customElements.get(a(s))||p();break;case"ds-visually-hidden":customElements.get(a(s))||h()}}))};export{u as DsPaginationItem,g as defineCustomElement}
+import{p as s,M as t,h as i,d as e,t as a}from"./p-Clnflbiz.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as d}from"./p-C7gqnikf.js";import{t as r,d as o}from"./p-Duz7I_DQ.js";import{p as l}from"./p-DOL9IvIQ.js";import{d as c}from"./p-DGgJGxC8.js";import{d as p}from"./p-Ck4GGwmX.js";import{d as h}from"./p-Db_yp4Ff.js";const m=s(class extends(t(l)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsType;dsText;dsIcon;dsHref;dsDisabled;dsTag;get iconName(){return this.dsIcon?this.dsIcon:{first:"first_page",previous:"chevron_backward",next:"chevron_forward",last:"last_page"}[this.dsType]}get text(){return this.dsText?this.dsText:this.paginationContext?{first:this.paginationContext.texts.firstPage,previous:this.paginationContext.texts.previousPage,next:this.paginationContext.texts.nextPage,last:this.paginationContext.texts.lastPage}[this.dsType]:""}get isCompact(){return this.paginationContext?.isCompact??!1}get ariaLabel(){if(this.paginationContext&&this.isCompact)return{first:this.paginationContext.texts.goToFirstPage,previous:this.paginationContext.texts.goToPreviousPage,next:this.paginationContext.texts.goToNextPage,last:this.paginationContext.texts.goToLastPage}[this.dsType]}get isDisabled(){if(void 0!==this.dsDisabled)return this.dsDisabled;if(!this.paginationContext)return!1;const{currentPage:s,totalPages:t}=this.paginationContext,i=1===s,e=s===t;switch(this.dsType){case"first":case"previous":return i;case"next":case"last":return e;default:return!1}}get DsLinkCta(){return r("ds-link-cta","ds-pagination-item",this.el)}render(){if(!this.paginationContext)return i(e,null);const s=d("ds-pagination-item"),t=n(s,`${s}--${this.dsType}`,{[s+"--disabled"]:this.isDisabled}),a="span"===this.dsTag||!this.dsHref;return i(e,null,i(this.DsLinkCta,{class:t,dsVariant:"supplementary",dsColour:this.paginationContext.colour,dsSize:this.paginationContext.variant,dsAriaLabel:this.ariaLabel,dsText:this.isCompact?"":this.text,dsIcon:this.iconName,dsHideIcon:!1,dsIconPosition:"first"===this.dsType||"previous"===this.dsType?"start":"end",dsHref:a?void 0:this.dsHref,dsDisabled:this.isDisabled,dsTag:a?"span":"a",dsTabIndex:this.isDisabled?"-1":void 0}))}static get style(){return".ds-pagination-item__9el4Wy.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__9el4Wy--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__9el4Wy--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__9el4Wy--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}"}},[514,"ds-pagination-item",{dsType:[1,"ds-type"],dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsHref:[1,"ds-href"],dsDisabled:[4,"ds-disabled"],dsTag:[1,"ds-tag"],context:[32]}]);o([i("ds-link-cta",{dsText:""})]);const u=m,g=function(){"undefined"!=typeof customElements&&["ds-pagination-item","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-item":customElements.get(a(s))||customElements.define(a(s),m);break;case"ds-icon":customElements.get(a(s))||c();break;case"ds-link-cta":customElements.get(a(s))||p();break;case"ds-visually-hidden":customElements.get(a(s))||h()}}))};export{u as DsPaginationItem,g as defineCustomElement}

package/dist/components/ds-pagination-page-info.js

@@ -1 +1 @@
-import{p as n,M as t,h as i,d as e,t as s}from"./p-B91f7lDE.js";import{c as a}from"./p-C9ahrvg0.js";import{p as o}from"./p-DOL9IvIQ.js";const r=n(class extends(t(o)){constructor(n){super(!1),!1!==n&&this.__registerHost()}get el(){return this}render(){if(!this.paginationContext)return i(e,null);const n=a("ds-pagination-page-info"),{currentPage:t,totalPages:s}=this.paginationContext;return i(e,null,i("span",{class:n},t," / ",s))}static get style(){return".ds-no-style-leak.sc-ds-pagination-page-info *.sc-ds-pagination-page-info{all:unset;box-sizing:border-box;display:block}.sc-ds-pagination-page-info-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-page-info__izAhxK.sc-ds-pagination-page-info{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0;font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}"}},[514,"ds-pagination-page-info",{context:[32]}]),p=r,l=function(){"undefined"!=typeof customElements&&["ds-pagination-page-info"].forEach((n=>{"ds-pagination-page-info"===n&&(customElements.get(s(n))||customElements.define(s(n),r))}))};export{p as DsPaginationPageInfo,l as defineCustomElement}
+import{p as n,M as t,h as i,d as e,t as s}from"./p-Clnflbiz.js";import{c as a}from"./p-C7gqnikf.js";import{p as o}from"./p-DOL9IvIQ.js";const r=n(class extends(t(o)){constructor(n){super(!1),!1!==n&&this.__registerHost()}get el(){return this}render(){if(!this.paginationContext)return i(e,null);const n=a("ds-pagination-page-info"),{currentPage:t,totalPages:s}=this.paginationContext;return i(e,null,i("span",{class:n},t," / ",s))}static get style(){return".ds-no-style-leak.sc-ds-pagination-page-info *.sc-ds-pagination-page-info{all:unset;box-sizing:border-box;display:block}.sc-ds-pagination-page-info-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-page-info__9el4Wy.sc-ds-pagination-page-info{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0;font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}"}},[514,"ds-pagination-page-info",{context:[32]}]),p=r,l=function(){"undefined"!=typeof customElements&&["ds-pagination-page-info"].forEach((n=>{"ds-pagination-page-info"===n&&(customElements.get(s(n))||customElements.define(s(n),r))}))};export{p as DsPaginationPageInfo,l as defineCustomElement}

package/dist/components/ds-pagination-page.js

@@ -1 +1 @@
-import{p as s,M as t,h as i,d as a,t as e}from"./p-B91f7lDE.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-C9ahrvg0.js";import{t as d,d as o}from"./p-Duz7I_DQ.js";import{p}from"./p-DOL9IvIQ.js";import{d as c}from"./p-CslnOIgL.js";import{d as l}from"./p-B8sMGje6.js";import{d as g}from"./p-DJHiPTII.js";const h=s(class extends(t(p)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsPage;dsHref;dsIsCurrent;dsAriaLabel;dsTag;get isCurrent(){return void 0!==this.dsIsCurrent?this.dsIsCurrent:!!this.paginationContext&&this.dsPage===this.paginationContext.currentPage}get ariaLabel(){if(""!==this.dsAriaLabel)return null==this.dsAriaLabel?this.paginationContext?.texts.pageNumber(this.dsPage):this.dsAriaLabel}get DsLinkCta(){return d("ds-link-cta","ds-pagination-page",this.el)}render(){if(!this.paginationContext)return i(a,null);const s=r("ds-pagination-page"),t=n(s,{[s+"--current"]:this.isCurrent}),e="span"===this.dsTag||this.isCurrent||!this.dsHref,d={class:t,dsVariant:this.isCurrent?"primary":"supplementary",dsColour:this.paginationContext.colour,dsSize:this.paginationContext.variant,dsTag:e?"span":"a",dsHref:e?void 0:this.dsHref,"aria-current":this.isCurrent?"page":void 0,dsText:this.dsPage+"",dsAriaLabel:this.ariaLabel,dsHideIcon:!0},o=r("ds-pagination-page-variant--"+this.paginationContext.variant);return i(a,{class:o},i(this.DsLinkCta,{...d}))}static get style(){return".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__izAhxK.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__izAhxK--current.sc-ds-pagination-page{pointer-events:none}"}},[514,"ds-pagination-page",{dsPage:[2,"ds-page"],dsHref:[1,"ds-href"],dsIsCurrent:[4,"ds-is-current"],dsAriaLabel:[1,"ds-aria-label"],dsTag:[1,"ds-tag"],context:[32]}]);o([i("ds-link-cta",{dsText:""})]);const m=h,u=function(){"undefined"!=typeof customElements&&["ds-pagination-page","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-page":customElements.get(e(s))||customElements.define(e(s),h);break;case"ds-icon":customElements.get(e(s))||c();break;case"ds-link-cta":customElements.get(e(s))||l();break;case"ds-visually-hidden":customElements.get(e(s))||g()}}))};export{m as DsPaginationPage,u as defineCustomElement}
+import{p as s,M as t,h as i,d as a,t as e}from"./p-Clnflbiz.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-C7gqnikf.js";import{t as d,d as o}from"./p-Duz7I_DQ.js";import{p}from"./p-DOL9IvIQ.js";import{d as c}from"./p-DGgJGxC8.js";import{d as l}from"./p-Ck4GGwmX.js";import{d as g}from"./p-Db_yp4Ff.js";const m=s(class extends(t(p)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsPage;dsHref;dsIsCurrent;dsAriaLabel;dsTag;get isCurrent(){return void 0!==this.dsIsCurrent?this.dsIsCurrent:!!this.paginationContext&&this.dsPage===this.paginationContext.currentPage}get ariaLabel(){if(""!==this.dsAriaLabel)return null==this.dsAriaLabel?this.paginationContext?.texts.pageNumber(this.dsPage):this.dsAriaLabel}get DsLinkCta(){return d("ds-link-cta","ds-pagination-page",this.el)}render(){if(!this.paginationContext)return i(a,null);const s=r("ds-pagination-page"),t=n(s,{[s+"--current"]:this.isCurrent}),e="span"===this.dsTag||this.isCurrent||!this.dsHref,d={class:t,dsVariant:this.isCurrent?"primary":"supplementary",dsColour:this.paginationContext.colour,dsSize:this.paginationContext.variant,dsTag:e?"span":"a",dsHref:e?void 0:this.dsHref,"aria-current":this.isCurrent?"page":void 0,dsText:this.dsPage+"",dsAriaLabel:this.ariaLabel,dsHideIcon:!0},o=r("ds-pagination-page-variant--"+this.paginationContext.variant);return i(a,{class:o},i(this.DsLinkCta,{...d}))}static get style(){return".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__9el4Wy.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__9el4Wy--current.sc-ds-pagination-page{pointer-events:none}"}},[514,"ds-pagination-page",{dsPage:[2,"ds-page"],dsHref:[1,"ds-href"],dsIsCurrent:[4,"ds-is-current"],dsAriaLabel:[1,"ds-aria-label"],dsTag:[1,"ds-tag"],context:[32]}]);o([i("ds-link-cta",{dsText:""})]);const h=m,u=function(){"undefined"!=typeof customElements&&["ds-pagination-page","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-page":customElements.get(e(s))||customElements.define(e(s),m);break;case"ds-icon":customElements.get(e(s))||c();break;case"ds-link-cta":customElements.get(e(s))||l();break;case"ds-visually-hidden":customElements.get(e(s))||g()}}))};export{h as DsPaginationPage,u as defineCustomElement}

package/dist/components/ds-pagination.js

@@ -1 +1 @@
-import{p as a,M as t,h as i,t as s}from"./p-B91f7lDE.js";import{c as e}from"./p-BfTCfPZ1.js";import{c as o}from"./p-C9ahrvg0.js";import{z as n}from"./p-CiIjs_L3.js";import{p as r,a as d,g as l,b as p,d as g,e as c,n as h,f as _,l as m,h as u,i as f}from"./p-D2MsK1Gx.js";import{s as x,p as b}from"./p-Df8u3Wey.js";import{c as v}from"./p-BEoRtKR4.js";const z=a(class extends(t(v("ds-pagination",{stopRootTracking:!0}))){constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}get el(){return this}dsCurrentPage=1;dsTotalPages=1;dsLayout="auto";dsVariant="medium";dsColour="blue";dsAriaLabel;get texts(){return{firstPage:u(),lastPage:m(),previousPage:_(),nextPage:h(),goToFirstPage:c(),goToLastPage:g(),goToPreviousPage:p(),goToNextPage:l(),currentPage:d(),ellipsis:n(),pageNumber:a=>r(a)}}configurationPropertyObserver(){this.updateContext()}dsCurrentPageObserver(a){(a<1||a>this.dsTotalPages)&&console.warn(`ds-pagination: dsCurrentPage (${a}) is out of range. Should be between 1 and ${this.dsTotalPages}`),this.updateContext()}dsTotalPagesObserver(a){a<1&&console.warn(`ds-pagination: dsTotalPages (${a}) should be at least 1`),this.updateContext()}componentWillLoad(){this.dsCurrentPageObserver(this.dsCurrentPage),this.dsTotalPagesObserver(this.dsTotalPages),this.storeContext()}componentDidLoad(){this.componentMounted(),this.updateContext()}componentDidUpdate(){this.updateContext()}storeContext(){const a=this.createContext();x(this.el,a)}updateContext(){const a=this.createContext();b(this.el,a)}createContext(){return{currentPage:this.dsCurrentPage,totalPages:this.dsTotalPages,variant:this.dsVariant,colour:this.dsColour,layout:this.dsLayout,isCompact:!1,texts:this.texts}}render(){const a=o("ds-pagination"),t=e(a,`${a}--${this.dsVariant}`,`${a}--${this.dsLayout}`,`${a}--${this.dsColour}`),s="small"===this.dsVariant?"var(--ds-fontSize-16)":"var(--ds-fontSize-18)",n="small"===this.dsVariant?"var(--ds-spacing-large)":"calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))";return i("nav",{key:"ef22ab4865a3139b74d2d3e0e64c2d953dd723e5",class:t,"aria-label":this.dsAriaLabel||f(),style:{"--ds-pagination-font-size":s,"--ds-link-cta-min-width":n}},i("div",{key:"f6a5be74c7b21c633edb69cb340f1f8f6aa88a73",class:a+"__compact"},i("slot",{key:"143093d797e6d97e3ad37ede26b53d819f3d6004",name:"compact",onSlotchange:()=>this.updateContext()})),i("div",{key:"7d4fb67fb8f5a1b56ee6de1cf70f190989793191",class:a+"__full"},i("slot",{key:"b934f23fe9506be0a929ed50ae5d0571cfe9676e",name:"full",onSlotchange:()=>this.updateContext()})))}static get watchers(){return{lang:[{configurationPropertyObserver:0}],dsColour:[{configurationPropertyObserver:0}],dsVariant:[{configurationPropertyObserver:0}],dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__izAhxK{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__izAhxK__compact slot,.ds-pagination__izAhxK__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__izAhxK--compact .ds-pagination__izAhxK__compact,.ds-pagination__izAhxK--auto .ds-pagination__izAhxK__compact{width:100%}@media (min-width: 30rem){.ds-pagination__izAhxK--compact .ds-pagination__izAhxK__compact,.ds-pagination__izAhxK--auto .ds-pagination__izAhxK__compact{width:auto}}.ds-pagination__izAhxK--compact .ds-pagination__izAhxK__compact slot,.ds-pagination__izAhxK--auto .ds-pagination__izAhxK__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__izAhxK ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}.ds-pagination__izAhxK--white{--ds-pagination-ellipsis-colour:var(--ds-textColor-white)}.ds-pagination__izAhxK--white ::slotted([class*=pagination-page-info]){color:var(--ds-textColor-white)}.ds-pagination__izAhxK--compact .ds-pagination__izAhxK__full{display:none}.ds-pagination__izAhxK--full .ds-pagination__izAhxK__compact{display:none}.ds-pagination__izAhxK--auto .ds-pagination__izAhxK__full{display:none}@media (min-width: 60rem){.ds-pagination__izAhxK--auto .ds-pagination__izAhxK__full{display:contents}.ds-pagination__izAhxK--auto .ds-pagination__izAhxK__compact{display:none}}"}},[769,"ds-pagination",{dsCurrentPage:[2,"ds-current-page"],dsTotalPages:[2,"ds-total-pages"],dsLayout:[1,"ds-layout"],dsVariant:[1,"ds-variant"],dsColour:[1,"ds-colour"],dsAriaLabel:[1,"ds-aria-label"]},void 0,{lang:[{configurationPropertyObserver:0}],dsColour:[{configurationPropertyObserver:0}],dsVariant:[{configurationPropertyObserver:0}],dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}]),y=z,P=function(){"undefined"!=typeof customElements&&["ds-pagination"].forEach((a=>{"ds-pagination"===a&&(customElements.get(s(a))||customElements.define(s(a),z))}))};export{y as DsPagination,P as defineCustomElement}
+import{p as a,M as t,h as s,t as e}from"./p-Clnflbiz.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as o}from"./p-C7gqnikf.js";import{z as n}from"./p-CTROETkT.js";import{p as r,a as l,g as d,b as p,d as g,e as c,n as _,f as u,l as m,h as f,i as y}from"./p-dQo399_u.js";import{s as h,p as b}from"./p-Df8u3Wey.js";import{c as v}from"./p-BNucxURn.js";const P=a(class extends(t(v("ds-pagination",{stopRootTracking:!0}))){constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}get el(){return this}dsCurrentPage=1;dsTotalPages=1;dsLayout="auto";dsVariant="medium";dsColour="blue";dsAriaLabel;get texts(){return{firstPage:f(),lastPage:m(),previousPage:u(),nextPage:_(),goToFirstPage:c(),goToLastPage:g(),goToPreviousPage:p(),goToNextPage:d(),currentPage:l(),ellipsis:n(),pageNumber:a=>r(a)}}configurationPropertyObserver(){this.updateContext()}dsCurrentPageObserver(a){(a<1||a>this.dsTotalPages)&&console.warn(`ds-pagination: dsCurrentPage (${a}) is out of range. Should be between 1 and ${this.dsTotalPages}`),this.updateContext()}dsTotalPagesObserver(a){a<1&&console.warn(`ds-pagination: dsTotalPages (${a}) should be at least 1`),this.updateContext()}componentWillLoad(){this.dsCurrentPageObserver(this.dsCurrentPage),this.dsTotalPagesObserver(this.dsTotalPages),this.storeContext()}componentDidLoad(){this.componentMounted(),this.updateContext()}componentDidUpdate(){this.updateContext()}storeContext(){const a=this.createContext();h(this.el,a)}updateContext(){const a=this.createContext();b(this.el,a)}createContext(){return{currentPage:this.dsCurrentPage,totalPages:this.dsTotalPages,variant:this.dsVariant,colour:this.dsColour,layout:this.dsLayout,isCompact:!1,texts:this.texts}}render(){const a=o("ds-pagination"),t=i(a,`${a}--${this.dsVariant}`,`${a}--${this.dsLayout}`,`${a}--${this.dsColour}`),e="small"===this.dsVariant?"var(--ds-fontSize-16)":"var(--ds-fontSize-18)",n="small"===this.dsVariant?"var(--ds-spacing-large)":"calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))";return s("nav",{key:"ef84c607c696bf50b5e302fdf384d23ca665b2ec",class:t,"aria-label":this.dsAriaLabel||y(),style:{"--ds-pagination-font-size":e,"--ds-link-cta-min-width":n}},s("div",{key:"2e24858179e4435f85fbbb3d004716b10ee85cd8",class:a+"__compact"},s("slot",{key:"0a7f214e2006de0e8c85844ffaac9c68fa70f541",name:"compact",onSlotchange:()=>this.updateContext()})),s("div",{key:"f2b657f9b2d0e5bd45e0e2e67c94fe44e3ac1884",class:a+"__full"},s("slot",{key:"73bda4aafb0e8204dee278a11811b39cff6da4b2",name:"full",onSlotchange:()=>this.updateContext()})))}static get watchers(){return{lang:[{configurationPropertyObserver:0}],dsColour:[{configurationPropertyObserver:0}],dsVariant:[{configurationPropertyObserver:0}],dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__9el4Wy{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__9el4Wy__compact slot,.ds-pagination__9el4Wy__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__9el4Wy--compact .ds-pagination__9el4Wy__compact,.ds-pagination__9el4Wy--auto .ds-pagination__9el4Wy__compact{width:100%}@media (min-width: 30rem){.ds-pagination__9el4Wy--compact .ds-pagination__9el4Wy__compact,.ds-pagination__9el4Wy--auto .ds-pagination__9el4Wy__compact{width:auto}}.ds-pagination__9el4Wy--compact .ds-pagination__9el4Wy__compact slot,.ds-pagination__9el4Wy--auto .ds-pagination__9el4Wy__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__9el4Wy ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}.ds-pagination__9el4Wy--white{--ds-pagination-ellipsis-colour:var(--ds-textColor-white)}.ds-pagination__9el4Wy--white ::slotted([class*=pagination-page-info]){color:var(--ds-textColor-white)}.ds-pagination__9el4Wy--compact .ds-pagination__9el4Wy__full{display:none}.ds-pagination__9el4Wy--full .ds-pagination__9el4Wy__compact{display:none}.ds-pagination__9el4Wy--auto .ds-pagination__9el4Wy__full{display:none}@media (min-width: 60rem){.ds-pagination__9el4Wy--auto .ds-pagination__9el4Wy__full{display:contents}.ds-pagination__9el4Wy--auto .ds-pagination__9el4Wy__compact{display:none}}"}},[769,"ds-pagination",{dsCurrentPage:[2,"ds-current-page"],dsTotalPages:[2,"ds-total-pages"],dsLayout:[1,"ds-layout"],dsVariant:[1,"ds-variant"],dsColour:[1,"ds-colour"],dsAriaLabel:[1,"ds-aria-label"]},void 0,{lang:[{configurationPropertyObserver:0}],dsColour:[{configurationPropertyObserver:0}],dsVariant:[{configurationPropertyObserver:0}],dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}]),W=P,x=function(){"undefined"!=typeof customElements&&["ds-pagination"].forEach((a=>{"ds-pagination"===a&&(customElements.get(e(a))||customElements.define(e(a),P))}))};export{W as DsPagination,x as defineCustomElement}

package/dist/components/ds-radio-button-group.js

@@ -1 +1 @@
-import{p as s,M as t,c as i,h as e,d as o,t as d}from"./p-B91f7lDE.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,d as n}from"./p-Duz7I_DQ.js";import{d as l}from"./p-VfYMKfsX.js";import{i as h,a as c}from"./p-5l5qZ1Ad.js";import{g as u,h as b}from"./p-CiIjs_L3.js";import{c as m}from"./p-C9ahrvg0.js";import{c as f}from"./p-BEoRtKR4.js";import{d as p}from"./p-BwRK7oyN.js";import{d as g}from"./p-CslnOIgL.js";import{d as v}from"./p-CRR--HxK.js";import{d as y}from"./p-DJHiPTII.js";const x=s(class extends(t(f("ds-radio-button-group",{stopRootTracking:!0}),l)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsRadioButtonGroupValueChange=i(this,"dsRadioButtonGroupValueChange",7),this.dsRadioButtonGroupInvalidStateChange=i(this,"dsRadioButtonGroupInvalidStateChange",7),this.dsChange=i(this,"dsChange",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7),this.internals=this.attachInternals()}generatedId=this.getUniqueId();fieldsetId=this.generatedId;legendId=this.generatedId+"-legend";errorTextId=this.generatedId+"-error";assistiveTextId=this.generatedId+"-assistive-text";childBlurTimeout=null;inheritedAttributes={};get el(){return this}internals;dsRadioButtonGroupValueChange;dsRadioButtonGroupInvalidStateChange;dsChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsValue;dsDirection="vertical";dsErrorText="";dsRequired=!1;dsName;focusedChildRadioButton;wasInvalidOnBlur=!1;async setFocus(){this.getEnabledRadios()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}get DsRadioButtonTag(){return a("ds-radio-button","ds-radio-button-group",this.el)}getLegendText=()=>{if("boolean"!=typeof this.dsLabel)return this.dsRequired?u(this.dsLabel):this.dsLabel};getRadios=()=>Array.from(this.el.querySelectorAll(this.DsRadioButtonTag));getEnabledRadios=()=>this.getRadios().filter((s=>!s.dsDisabled));updateRadios=s=>{this.getRadios().forEach(s)};updateFocusableRadioButton=()=>{const s=this.getEnabledRadios();if(!s.length)return;let t=null;for(const i of s){const s=i.dsValue===this.dsValue;i.setFocusable(s),s&&(t=i)}t||s[0].setFocusable(!0)};formResetCallback(){this.dsErrorText="",this.dsRequired?this.internals?.setValidity({valueMissing:!0},b(),this.getRadios()?.[0]?.querySelector("input")??void 0):this.internals?.setValidity({})}connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=null}async childConnected(){this.updateFocusableRadioButton(),this.syncErrorAriaDescribedby()}async childDisconnected(){this.updateFocusableRadioButton(),this.syncErrorAriaDescribedby()}syncErrorAriaDescribedby=()=>{this.updateRadios(((s,t)=>{0===t&&this.dsErrorText?s.setAttribute("aria-describedby",this.errorTextId):0===t&&s.removeAttribute("aria-describedby")}))};handleInvalid=async s=>{s.preventDefault(),this.getEnabledRadios()?.[0]?.setFocus(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage??""})};componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...h(this.el,["aria-labelledby"])},this.updateFocusableRadioButton(),this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted(),this.updateRadios((s=>{s.dsErrorsDisabled=!0,this.dsForm&&(s.dsForm=this.dsForm),this.dsName&&(s.dsName=this.dsName)})),this.syncErrorAriaDescribedby(),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},b(),this.getRadios()?.[0]?.querySelector("input")??void 0)}async getValue(){return this.dsValue}errorObserver(s){this.syncErrorAriaDescribedby(),this.dsRadioButtonGroupInvalidStateChange.emit(s)}dsValueObserver(s){this.dsRadioButtonGroupValueChange.emit(s);const t=this.getShouldEmit();this._setDisableEventEmits(!0),t&&this.dsChange.emit({value:s}),this.dsRequired&&this.internals?.setValidity({valueMissing:!s},b(),this.getRadios()?.[0]?.querySelector("input")??void 0),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}focusedChildRadioButtonObserver(s){s||(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}dsFormAssociatedPropObserver(s,t,i){this.updateRadios((t=>{t[i]=s}))}handleDsCheck(s){s.stopPropagation();const t=s.target;this._setDisableEventEmits(!1),this.dsValue=t.dsValue,this.dsRadioButtonGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}handleDsFocus(s){this.focusedChildRadioButton=s.detail}handleDsBlur(s){this.childBlurTimeout=setTimeout((()=>{s.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}async handleKeyDown(s){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(s.key))return;const t=this.getEnabledRadios(),i=s.target.closest(this.DsRadioButtonTag);if(!i||!t.includes(i))return;s.preventDefault();const e=t.indexOf(i);let o=e;["ArrowUp","ArrowLeft"].includes(s.key)&&(o=0===e?t.length-1:e-1),["ArrowDown","ArrowRight"].includes(s.key)&&(o=(e+1)%t.length);const d=t[o];d.setFocus(),await d.setDisableEventEmits(!1),d.setChecked()}render(){const s=m("ds-radio-button-group"),t=r(s),i=r(s+"__legend"),d=r(s+"__assistive-text"),n=r(s+"__radio-buttons-slot",{[s+"__radio-buttons-slot--horizontal"]:"horizontal"===this.dsDirection}),l=r(s+"__error"),h=a("ds-input-validity","ds-radio-button-group",this.el);return e(o,{key:"0733c0a9c04691a265410376a1211fbbd34b1f81","data-invalid":!!this.dsErrorText||void 0},e("fieldset",{key:"f4714673d79620236ce854f700dc88a7d78bf3e1",id:this.fieldsetId,class:t,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},e("legend",{key:"9c54939eca8a9b70335b741c9085813e4ea72275",id:this.legendId,class:i},this.getLegendText()),this.dsAssistiveText&&e("small",{key:"a89970ed23e91b01f2752dbb829192e5630270f5",class:d,id:this.assistiveTextId},this.dsAssistiveText),e("div",{key:"bad700b57c7c02dfce4470f47164c1ade6e17b73",class:n},e("slot",{key:"a6113f4ca3c4cf6897e42d9050f24b173280c931"})),e("div",{key:"286d6eed005c1b00b19f3f54c5759a43cbcda50c",class:l},e(h,{key:"58d55556cd4dcec58ab38b0adeff379a1d6861ca",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}static get formAssociated(){return!0}static get watchers(){return{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-radio-button-group *.sc-ds-radio-button-group{all:unset;box-sizing:border-box;display:block}.ds-radio-button-group__izAhxK.sc-ds-radio-button-group{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__izAhxK__radio-buttons-slot.sc-ds-radio-button-group{display:inline-flex;flex-direction:column}.ds-radio-button-group__izAhxK__radio-buttons-slot--horizontal.sc-ds-radio-button-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__izAhxK__legend.sc-ds-radio-button-group{padding-inline:0;color:var(--ds-textColor-default);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);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__izAhxK__assistive-text.sc-ds-radio-button-group{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}"}},[838,"ds-radio-button-group",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsValue:[1025,"ds-value"],dsDirection:[1,"ds-direction"],dsErrorText:[1025,"ds-error-text"],dsRequired:[4,"ds-required"],dsName:[1,"ds-name"],focusedChildRadioButton:[32],wasInvalidOnBlur:[32],setDisableEventEmits:[64],setFocus:[64],checkValidity:[64],childConnected:[64],childDisconnected:[64],getValue:[64]},[[0,"dsCheck","handleDsCheck"],[0,"dsFocus","handleDsFocus"],[0,"dsBlur","handleDsBlur"],[0,"keydown","handleKeyDown"]],{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}]);n([e("ds-input-validity",null)]);const _=x,C=function(){"undefined"!=typeof customElements&&["ds-radio-button-group","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-radio-button-group":customElements.get(d(s))||customElements.define(d(s),x);break;case"ds-feedback":customElements.get(d(s))||p();break;case"ds-icon":customElements.get(d(s))||g();break;case"ds-input-validity":customElements.get(d(s))||v();break;case"ds-visually-hidden":customElements.get(d(s))||y()}}))};export{_ as DsRadioButtonGroup,C as defineCustomElement}
+import{p as s,M as t,c as i,h as e,d as o,t as d}from"./p-Clnflbiz.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,d as n}from"./p-Duz7I_DQ.js";import{d as l}from"./p-VfYMKfsX.js";import{i as h,a as c}from"./p-5l5qZ1Ad.js";import{g as u,h as b}from"./p-CTROETkT.js";import{c as f}from"./p-C7gqnikf.js";import{c as m}from"./p-BNucxURn.js";import{d as p}from"./p-CkdOciiG.js";import{d as g}from"./p-DGgJGxC8.js";import{d as v}from"./p-BfHVqAwo.js";import{d as y}from"./p-Db_yp4Ff.js";const x=s(class extends(t(m("ds-radio-button-group",{stopRootTracking:!0}),l)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsRadioButtonGroupValueChange=i(this,"dsRadioButtonGroupValueChange",7),this.dsRadioButtonGroupInvalidStateChange=i(this,"dsRadioButtonGroupInvalidStateChange",7),this.dsChange=i(this,"dsChange",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7),this.internals=this.attachInternals()}generatedId=this.getUniqueId();fieldsetId=this.generatedId;legendId=this.generatedId+"-legend";errorTextId=this.generatedId+"-error";assistiveTextId=this.generatedId+"-assistive-text";childBlurTimeout=null;inheritedAttributes={};get el(){return this}internals;dsRadioButtonGroupValueChange;dsRadioButtonGroupInvalidStateChange;dsChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsValue;dsDirection="vertical";dsErrorText="";dsRequired=!1;dsName;focusedChildRadioButton;wasInvalidOnBlur=!1;async setFocus(){this.getEnabledRadios()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}get DsRadioButtonTag(){return a("ds-radio-button","ds-radio-button-group",this.el)}getLegendText=()=>{if("boolean"!=typeof this.dsLabel)return this.dsRequired?u(this.dsLabel):this.dsLabel};getRadios=()=>Array.from(this.el.querySelectorAll(this.DsRadioButtonTag));getEnabledRadios=()=>this.getRadios().filter((s=>!s.dsDisabled));updateRadios=s=>{this.getRadios().forEach(s)};updateFocusableRadioButton=()=>{const s=this.getEnabledRadios();if(!s.length)return;let t=null;for(const i of s){const s=i.dsValue===this.dsValue;i.setFocusable(s),s&&(t=i)}t||s[0].setFocusable(!0)};formResetCallback(){this.dsErrorText="",this.dsRequired?this.internals?.setValidity({valueMissing:!0},b(),this.getRadios()?.[0]?.querySelector("input")??void 0):this.internals?.setValidity({})}connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=null}async childConnected(){this.updateFocusableRadioButton(),this.syncErrorAriaDescribedby()}async childDisconnected(){this.updateFocusableRadioButton(),this.syncErrorAriaDescribedby()}syncErrorAriaDescribedby=()=>{this.updateRadios(((s,t)=>{0===t&&this.dsErrorText?s.setAttribute("aria-describedby",this.errorTextId):0===t&&s.removeAttribute("aria-describedby")}))};handleInvalid=async s=>{s.preventDefault(),this.getEnabledRadios()?.[0]?.setFocus(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage??""})};componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...h(this.el,["aria-labelledby"])},this.updateFocusableRadioButton(),this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted(),this.updateRadios((s=>{s.dsErrorsDisabled=!0,this.dsForm&&(s.dsForm=this.dsForm),this.dsName&&(s.dsName=this.dsName)})),this.syncErrorAriaDescribedby(),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},b(),this.getRadios()?.[0]?.querySelector("input")??void 0)}async getValue(){return this.dsValue}errorObserver(s){this.syncErrorAriaDescribedby(),this.dsRadioButtonGroupInvalidStateChange.emit(s)}dsValueObserver(s){this.dsRadioButtonGroupValueChange.emit(s);const t=this.getShouldEmit();this._setDisableEventEmits(!0),t&&this.dsChange.emit({value:s}),this.dsRequired&&this.internals?.setValidity({valueMissing:!s},b(),this.getRadios()?.[0]?.querySelector("input")??void 0),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}focusedChildRadioButtonObserver(s){s||(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}dsFormAssociatedPropObserver(s,t,i){this.updateRadios((t=>{t[i]=s}))}handleDsCheck(s){s.stopPropagation();const t=s.target;this._setDisableEventEmits(!1),this.dsValue=t.dsValue,this.dsRadioButtonGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}handleDsFocus(s){this.focusedChildRadioButton=s.detail}handleDsBlur(s){this.childBlurTimeout=setTimeout((()=>{s.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}async handleKeyDown(s){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(s.key))return;const t=this.getEnabledRadios(),i=s.target.closest(this.DsRadioButtonTag);if(!i||!t.includes(i))return;s.preventDefault();const e=t.indexOf(i);let o=e;["ArrowUp","ArrowLeft"].includes(s.key)&&(o=0===e?t.length-1:e-1),["ArrowDown","ArrowRight"].includes(s.key)&&(o=(e+1)%t.length);const d=t[o];d.setFocus(),await d.setDisableEventEmits(!1),d.setChecked()}render(){const s=f("ds-radio-button-group"),t=r(s),i=r(s+"__legend"),d=r(s+"__assistive-text"),n=r(s+"__radio-buttons-slot",{[s+"__radio-buttons-slot--horizontal"]:"horizontal"===this.dsDirection}),l=r(s+"__error"),h=a("ds-input-validity","ds-radio-button-group",this.el);return e(o,{key:"0733c0a9c04691a265410376a1211fbbd34b1f81","data-invalid":!!this.dsErrorText||void 0},e("fieldset",{key:"f4714673d79620236ce854f700dc88a7d78bf3e1",id:this.fieldsetId,class:t,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},e("legend",{key:"9c54939eca8a9b70335b741c9085813e4ea72275",id:this.legendId,class:i},this.getLegendText()),this.dsAssistiveText&&e("small",{key:"a89970ed23e91b01f2752dbb829192e5630270f5",class:d,id:this.assistiveTextId},this.dsAssistiveText),e("div",{key:"bad700b57c7c02dfce4470f47164c1ade6e17b73",class:n},e("slot",{key:"a6113f4ca3c4cf6897e42d9050f24b173280c931"})),e("div",{key:"286d6eed005c1b00b19f3f54c5759a43cbcda50c",class:l},e(h,{key:"58d55556cd4dcec58ab38b0adeff379a1d6861ca",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}static get formAssociated(){return!0}static get watchers(){return{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-radio-button-group *.sc-ds-radio-button-group{all:unset;box-sizing:border-box;display:block}.ds-radio-button-group__9el4Wy.sc-ds-radio-button-group{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__9el4Wy__radio-buttons-slot.sc-ds-radio-button-group{display:inline-flex;flex-direction:column}.ds-radio-button-group__9el4Wy__radio-buttons-slot--horizontal.sc-ds-radio-button-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__9el4Wy__legend.sc-ds-radio-button-group{padding-inline:0;color:var(--ds-textColor-default);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);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__9el4Wy__assistive-text.sc-ds-radio-button-group{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}"}},[838,"ds-radio-button-group",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsValue:[1025,"ds-value"],dsDirection:[1,"ds-direction"],dsErrorText:[1025,"ds-error-text"],dsRequired:[4,"ds-required"],dsName:[1,"ds-name"],focusedChildRadioButton:[32],wasInvalidOnBlur:[32],setDisableEventEmits:[64],setFocus:[64],checkValidity:[64],childConnected:[64],childDisconnected:[64],getValue:[64]},[[0,"dsCheck","handleDsCheck"],[0,"dsFocus","handleDsFocus"],[0,"dsBlur","handleDsBlur"],[0,"keydown","handleKeyDown"]],{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}]);n([e("ds-input-validity",null)]);const _=x,k=function(){"undefined"!=typeof customElements&&["ds-radio-button-group","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-radio-button-group":customElements.get(d(s))||customElements.define(d(s),x);break;case"ds-feedback":customElements.get(d(s))||p();break;case"ds-icon":customElements.get(d(s))||g();break;case"ds-input-validity":customElements.get(d(s))||v();break;case"ds-visually-hidden":customElements.get(d(s))||y()}}))};export{_ as DsRadioButtonGroup,k as defineCustomElement}

package/dist/components/ds-radio-button.js

@@ -1 +1 @@
-import{p as i,M as t,c as s,f as d,h as o,F as r,t as e}from"./p-B91f7lDE.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as n,a as l}from"./p-5l5qZ1Ad.js";import{v as h,g as c}from"./p-CiIjs_L3.js";import{t as b,a as u,d as _}from"./p-Duz7I_DQ.js";import{c as v}from"./p-C9ahrvg0.js";import{a as x,d as g}from"./p-CslnOIgL.js";import{d as f}from"./p-VfYMKfsX.js";import{c as m}from"./p-BEoRtKR4.js";import{d as p}from"./p-BwRK7oyN.js";import{d as A}from"./p-CRR--HxK.js";import{d as z}from"./p-DJHiPTII.js";const K=i(class extends(t(m("ds-radio-button"),x,f)){constructor(i){super(!1),!1!==i&&this.__registerHost(),this.dsChange=s(this,"dsChange",3),this.dsCheck=s(this,"dsCheck",7),this.dsFocus=s(this,"dsFocus",7),this.dsBlur=s(this,"dsBlur",7),this.dsSubmitInvalid=s(this,"dsSubmitInvalid",7),this.dsValidity=s(this,"dsValidity",7)}dsAriaLabel;dsAriaDescribedby;radioGroup=null;inputElement;inheritedAttributes={};get el(){return this}dsChange;dsCheck;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;setName(i){this._dsName=this.radioGroup?.dsName||i||this._dsName}get dsName(){return this._dsName}set dsName(i){this.setName(i)}dsErrorsDisabled=!1;dsValue=this.dsId;dsLabel;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=this.dsId+"-error";assistiveTextId=this.dsId+"-assistive-text";async setFocus(){this.inputElement.focus()}async setFocusable(i){this.focusable=i}async setChecked(){this.dsChecked=!0,this.dsCheck.emit()}async checkValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(i){const t=this.getShouldEmit();this._setDisableEventEmits(!0),t&&this.dsChange.emit({checked:i,value:this.dsValue});const s=this.inputElement?.validity;for(const i in s)if(s[i]){this.dsValidity.emit({flag:i,message:h(i)});break}}ariaAttributeObserver(i,t,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:i},d(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setName(),this.radioGroup&&this.updateCheckedState(),this.inheritedAttributes={...l(this,this.el),...n(this.el,["aria-invalid"])},this.initialChecked=this.dsChecked,this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted()}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(b("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState),this.radioGroup.childConnected())}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState),this.radioGroup.childDisconnected()),this.radioGroup=null}handleInvalid=i=>{if(i.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const i in t)if(t[i]){this.dsSubmitInvalid.emit({flag:i,message:h(i)});break}};updateCheckedState=async()=>{this.radioGroup&&(this.dsChecked=this.dsValue===await this.radioGroup.getValue())};updateGroupInvalidState=i=>{this.groupInvalid=!!i.detail,this.dsErrorText=i.detail};handleInput=()=>{this._setDisableEventEmits(!1),this.setChecked()};handleFocus=()=>{this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsValidity.emit({flag:t,message:h(t)});break}};getLegendText=()=>this.dsRequired?c(this.dsLabel):this.dsLabel;renderRadioIcon(i){const t=i+"__icon",s=a(t+"__outer-circle",{[t+"__outer-circle--checked"]:this.dsChecked}),d=a(t+"__inner-circle");return o("slot",{name:"icon"},o("div",{class:t,"aria-hidden":"true"},o("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("rect",{width:"24",height:"24",rx:"12",fill:"white"}),o("circle",{class:s,cx:"12",cy:"12",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&o("circle",{class:d,cx:"12",cy:"12",r:"6",fill:"#005A94"}))))}renderRadioButton(i){const t=a(""+i,{[i+"--disabled"]:this.dsDisabled,[i+"--invalid"]:!!this.dsErrorText}),s=a(i+"__input"),d=a(i+"__text"),e=this.focusable?0:-1,n=b("ds-input-validity","ds-radio-button",this.el),l=b("ds-visually-hidden","ds-radio-button",this.el),{"aria-label":h,"aria-describedby":c,...u}=this.inheritedAttributes;return o(r,null,o("div",null,o("label",{class:t},o(l,null,o("input",{ref:i=>this.inputElement=i,type:"radio",class:s,id:this.dsId,name:this.dsName,form:this.dsForm,value:this.dsValue,disabled:this.dsDisabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,checked:this.dsChecked,tabIndex:e,required:this.dsRequired,"aria-label":this.dsAriaLabel??h,"aria-describedby":this.dsAriaDescribedby??c,"aria-invalid":this.dsErrorText?"true":this.inheritedAttributes["aria-invalid"],...u})),this.renderRadioIcon(i),o("span",{class:d},o("slot",null,this.dsText)))),!this.dsErrorsDisabled&&o("slot",{name:"validity"},o("div",{class:i+"__validity"},o(n,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}renderFieldset(i){const t=a(i+"-fieldset"),s=a(i+"-fieldset__legend"),d=a(i+"-fieldset__assistive-text"),r=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return o("fieldset",{class:t,...u("aria-describedby",r)},o("legend",{class:s},o("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&o("small",{class:d,id:this.assistiveTextId},o("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(i))}render(){const i=v("ds-radio-button");return this.dsLabel?this.renderFieldset(i):this.renderRadioButton(i)}static get formAssociated(){return!0}static get watchers(){return{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-radio-button__izAhxK.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__izAhxK--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__izAhxK.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__izAhxK__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__izAhxK__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__izAhxK__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__izAhxK.sc-ds-radio-button:hover:not(.ds-radio-button__izAhxK--disabled):not(.ds-radio-button__izAhxK--invalid) .ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__izAhxK.sc-ds-radio-button:hover:not(.ds-radio-button__izAhxK--disabled):not(.ds-radio-button__izAhxK--invalid) .ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__izAhxK.sc-ds-radio-button:hover:not(.ds-radio-button__izAhxK--disabled):not(.ds-radio-button__izAhxK--invalid) .ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__izAhxK.sc-ds-radio-button:active:not(.ds-radio-button__izAhxK--disabled):not(.ds-radio-button__izAhxK--invalid) .ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__izAhxK.sc-ds-radio-button:active:not(.ds-radio-button__izAhxK--disabled):not(.ds-radio-button__izAhxK--invalid) .ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__izAhxK.sc-ds-radio-button:active:not(.ds-radio-button__izAhxK--disabled):not(.ds-radio-button__izAhxK--invalid) .ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__izAhxK--disabled.sc-ds-radio-button .ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__izAhxK--disabled.sc-ds-radio-button .ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__izAhxK--disabled.sc-ds-radio-button .ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button .ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button .ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button .ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__izAhxK--disabled) .ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__izAhxK--disabled) .ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__izAhxK--disabled) .ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button:active:not(.ds-radio-button__izAhxK--disabled) .ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button:active:not(.ds-radio-button__izAhxK--disabled) .ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button:active:not(.ds-radio-button__izAhxK--disabled) .ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__izAhxK-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__izAhxK-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);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);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__izAhxK-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}"}},[838,"ds-radio-button",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaLabel:[1,"ds-aria-label"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[6145,"ds-name"],dsErrorsDisabled:[4,"ds-errors-disabled"],dsValue:[1,"ds-value"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsText:[1,"ds-text"],dsRequired:[4,"ds-required"],dsDisabled:[4,"ds-disabled"],dsChecked:[1028,"ds-checked"],dsErrorText:[1025,"ds-error-text"],focusable:[32],groupInvalid:[32],setDisableEventEmits:[64],setFocus:[64],setFocusable:[64],setChecked:[64],checkValidity:[64]},void 0,{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);_([o("ds-visually-hidden",null),o("ds-input-validity",null)]);const C=K,k=function(){"undefined"!=typeof customElements&&["ds-radio-button","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((i=>{switch(i){case"ds-radio-button":customElements.get(e(i))||customElements.define(e(i),K);break;case"ds-feedback":customElements.get(e(i))||p();break;case"ds-icon":customElements.get(e(i))||g();break;case"ds-input-validity":customElements.get(e(i))||A();break;case"ds-visually-hidden":customElements.get(e(i))||z()}}))};export{C as DsRadioButton,k as defineCustomElement}
+import{p as t,M as s,c as i,f as d,h as e,F as o,t as r}from"./p-Clnflbiz.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as n,a as l}from"./p-5l5qZ1Ad.js";import{v as c,g as b}from"./p-CTROETkT.js";import{t as u,a as _,d as h}from"./p-Duz7I_DQ.js";import{c as v}from"./p-C7gqnikf.js";import{a as y,d as g}from"./p-DGgJGxC8.js";import{d as f}from"./p-VfYMKfsX.js";import{c as m}from"./p-BNucxURn.js";import{d as p}from"./p-CkdOciiG.js";import{d as W}from"./p-BfHVqAwo.js";import{d as C}from"./p-Db_yp4Ff.js";const k=t(class extends(s(m("ds-radio-button"),y,f)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsChange=i(this,"dsChange",3),this.dsCheck=i(this,"dsCheck",7),this.dsFocus=i(this,"dsFocus",7),this.dsBlur=i(this,"dsBlur",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7)}dsAriaLabel;dsAriaDescribedby;radioGroup=null;inputElement;inheritedAttributes={};get el(){return this}dsChange;dsCheck;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;setName(t){this._dsName=this.radioGroup?.dsName||t||this._dsName}get dsName(){return this._dsName}set dsName(t){this.setName(t)}dsErrorsDisabled=!1;dsValue=this.dsId;dsLabel;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=this.dsId+"-error";assistiveTextId=this.dsId+"-assistive-text";async setFocus(){this.inputElement.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.dsChecked=!0,this.dsCheck.emit()}async checkValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(t){const s=this.getShouldEmit();this._setDisableEventEmits(!0),s&&this.dsChange.emit({checked:t,value:this.dsValue});const i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsValidity.emit({flag:t,message:c(t)});break}}ariaAttributeObserver(t,s,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:t},d(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setName(),this.radioGroup&&this.updateCheckedState(),this.inheritedAttributes={...l(this,this.el),...n(this.el,["aria-invalid"])},this.initialChecked=this.dsChecked,this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted()}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(u("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState),this.radioGroup.childConnected())}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState),this.radioGroup.childDisconnected()),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:c(t)});break}};updateCheckedState=async()=>{this.radioGroup&&(this.dsChecked=this.dsValue===await this.radioGroup.getValue())};updateGroupInvalidState=t=>{this.groupInvalid=!!t.detail,this.dsErrorText=t.detail};handleInput=()=>{this._setDisableEventEmits(!1),this.setChecked()};handleFocus=()=>{this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:c(s)});break}};getLegendText=()=>this.dsRequired?b(this.dsLabel):this.dsLabel;renderRadioIcon(t){const s=t+"__icon",i=a(s+"__outer-circle",{[s+"__outer-circle--checked"]:this.dsChecked}),d=a(s+"__inner-circle");return e("slot",{name:"icon"},e("div",{class:s,"aria-hidden":"true"},e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("rect",{width:"24",height:"24",rx:"12",fill:"white"}),e("circle",{class:i,cx:"12",cy:"12",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&e("circle",{class:d,cx:"12",cy:"12",r:"6",fill:"#005A94"}))))}renderRadioButton(t){const s=a(""+t,{[t+"--disabled"]:this.dsDisabled,[t+"--invalid"]:!!this.dsErrorText}),i=a(t+"__input"),d=a(t+"__text"),r=this.focusable?0:-1,n=u("ds-input-validity","ds-radio-button",this.el),l=u("ds-visually-hidden","ds-radio-button",this.el),{"aria-label":c,"aria-describedby":b,..._}=this.inheritedAttributes;return e(o,null,e("div",null,e("label",{class:s},e(l,null,e("input",{ref:t=>this.inputElement=t,type:"radio",class:i,id:this.dsId,name:this.dsName,form:this.dsForm,value:this.dsValue,disabled:this.dsDisabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,checked:this.dsChecked,tabIndex:r,required:this.dsRequired,"aria-label":this.dsAriaLabel??c,"aria-describedby":this.dsAriaDescribedby??b,"aria-invalid":this.dsErrorText?"true":this.inheritedAttributes["aria-invalid"],..._})),this.renderRadioIcon(t),e("span",{class:d},e("slot",null,this.dsText)))),!this.dsErrorsDisabled&&e("slot",{name:"validity"},e("div",{class:t+"__validity"},e(n,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}renderFieldset(t){const s=a(t+"-fieldset"),i=a(t+"-fieldset__legend"),d=a(t+"-fieldset__assistive-text"),o=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return e("fieldset",{class:s,..._("aria-describedby",o)},e("legend",{class:i},e("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&e("small",{class:d,id:this.assistiveTextId},e("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(t))}render(){const t=v("ds-radio-button");return this.dsLabel?this.renderFieldset(t):this.renderRadioButton(t)}static get formAssociated(){return!0}static get watchers(){return{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-radio-button__9el4Wy.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__9el4Wy--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__9el4Wy.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__9el4Wy__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__9el4Wy__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__9el4Wy__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__9el4Wy__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__9el4Wy__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__9el4Wy__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__9el4Wy.sc-ds-radio-button:hover:not(.ds-radio-button__9el4Wy--disabled):not(.ds-radio-button__9el4Wy--invalid) .ds-radio-button__9el4Wy__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__9el4Wy.sc-ds-radio-button:hover:not(.ds-radio-button__9el4Wy--disabled):not(.ds-radio-button__9el4Wy--invalid) .ds-radio-button__9el4Wy__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__9el4Wy.sc-ds-radio-button:hover:not(.ds-radio-button__9el4Wy--disabled):not(.ds-radio-button__9el4Wy--invalid) .ds-radio-button__9el4Wy__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__9el4Wy.sc-ds-radio-button:active:not(.ds-radio-button__9el4Wy--disabled):not(.ds-radio-button__9el4Wy--invalid) .ds-radio-button__9el4Wy__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__9el4Wy.sc-ds-radio-button:active:not(.ds-radio-button__9el4Wy--disabled):not(.ds-radio-button__9el4Wy--invalid) .ds-radio-button__9el4Wy__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__9el4Wy.sc-ds-radio-button:active:not(.ds-radio-button__9el4Wy--disabled):not(.ds-radio-button__9el4Wy--invalid) .ds-radio-button__9el4Wy__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__9el4Wy--disabled.sc-ds-radio-button .ds-radio-button__9el4Wy__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__9el4Wy--disabled.sc-ds-radio-button .ds-radio-button__9el4Wy__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__9el4Wy--disabled.sc-ds-radio-button .ds-radio-button__9el4Wy__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__9el4Wy--invalid.sc-ds-radio-button .ds-radio-button__9el4Wy__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__9el4Wy--invalid.sc-ds-radio-button .ds-radio-button__9el4Wy__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__9el4Wy--invalid.sc-ds-radio-button .ds-radio-button__9el4Wy__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__9el4Wy--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__9el4Wy--disabled) .ds-radio-button__9el4Wy__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__9el4Wy--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__9el4Wy--disabled) .ds-radio-button__9el4Wy__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__9el4Wy--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__9el4Wy--disabled) .ds-radio-button__9el4Wy__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__9el4Wy--invalid.sc-ds-radio-button:active:not(.ds-radio-button__9el4Wy--disabled) .ds-radio-button__9el4Wy__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__9el4Wy--invalid.sc-ds-radio-button:active:not(.ds-radio-button__9el4Wy--disabled) .ds-radio-button__9el4Wy__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__9el4Wy--invalid.sc-ds-radio-button:active:not(.ds-radio-button__9el4Wy--disabled) .ds-radio-button__9el4Wy__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__9el4Wy-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__9el4Wy-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);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);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__9el4Wy-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}"}},[838,"ds-radio-button",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaLabel:[1,"ds-aria-label"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[6145,"ds-name"],dsErrorsDisabled:[4,"ds-errors-disabled"],dsValue:[1,"ds-value"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsText:[1,"ds-text"],dsRequired:[4,"ds-required"],dsDisabled:[4,"ds-disabled"],dsChecked:[1028,"ds-checked"],dsErrorText:[1025,"ds-error-text"],focusable:[32],groupInvalid:[32],setDisableEventEmits:[64],setFocus:[64],setFocusable:[64],setChecked:[64],checkValidity:[64]},void 0,{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);h([e("ds-visually-hidden",null),e("ds-input-validity",null)]);const x=k,w=function(){"undefined"!=typeof customElements&&["ds-radio-button","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-radio-button":customElements.get(r(t))||customElements.define(r(t),k);break;case"ds-feedback":customElements.get(r(t))||p();break;case"ds-icon":customElements.get(r(t))||g();break;case"ds-input-validity":customElements.get(r(t))||W();break;case"ds-visually-hidden":customElements.get(r(t))||C()}}))};export{x as DsRadioButton,w as defineCustomElement}

package/dist/components/ds-ribbon.js

@@ -1 +1 @@
-import{p as i,M as s,c as e,h as r,t}from"./p-B91f7lDE.js";import{c as o}from"./p-BfTCfPZ1.js";import{b as n,i as a}from"./p-5l5qZ1Ad.js";import{f as d,t as l,d as b}from"./p-Duz7I_DQ.js";import{c as h}from"./p-C9ahrvg0.js";import{v as c}from"./p-Cp6yq7Bu.js";import{g as _,o as m}from"./p-B696KJNe.js";import{a as p}from"./p-gPkqWfeS.js";import{c as g}from"./p-BEoRtKR4.js";import{d as u}from"./p-fxi3L1BE.js";import{d as x}from"./p-CslnOIgL.js";import{d as f}from"./p-CV1NFkr2.js";import{d as w}from"./p-B9JDDuP7.js";import{d as k}from"./p-BjhvmYfi.js";import{d as v}from"./p-z6Ma2crf.js";import{d as z}from"./p-DJHiPTII.js";class A{static async loadRibbonData(i){if(!i||""===i.trim())return null;try{const s=await fetch(i);if(!s.ok)throw Error("Failed to fetch data: "+s.status);const e=await s.json();if(e.v1?.ribbon)return e.v1.ribbon;throw Error("Invalid data structure: expected v1.ribbon")}catch(i){return console.warn("Failed to load external ribbon data:",i),null}}}const y=p.v1.ribbon,K=i(class extends(s(g("ds-ribbon",{stopRootTracking:!0}))){constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsDrawerToggle=e(this,"dsDrawerToggle",7)}inheritedAttributes={};get el(){return this}drawerRef;mobileToggleRef;dsIcon;dsSiteName;dsHideBranding=!1;dsIconTitle;dsIconAriaLabel;dsLinks;dsBrandingUrls;dsMobileToggleText;dsCloseButtonText;dsNavAriaLabel;dsLogoAriaLabel;dsCloseButtonId=d("ds-button-drawer-close").next().value;dsMobileToggleId=d("ds-button-mobile-toggle").next().value;dsDataUrl="";isMobileDrawerOpen=!1;isMobileDrawerClicked=!1;loadedExternalData=null;icon;brandingUrls;get DsLinkLogo(){return l("ds-link-logo","ds-ribbon",this.el)}get DsLink(){return l("ds-link","ds-ribbon",this.el)}get DsButton(){return l("ds-button","ds-ribbon",this.el)}get DsTag(){return l("ds-tag","ds-ribbon",this.el)}get DsVisuallyHidden(){return l("ds-visually-hidden","ds-ribbon",this.el)}get localizedLinks(){return this.dsLinks?this.dsLinks:this.loadedExternalData?.links?.[this.lang]?((i,s,e="en")=>this.loadedExternalData.links[this.lang].map((i=>({id:i.id,href:i.href||"#",text:i.text,badge:i.badge?s.badgeTexts[i.badge][e]:void 0,target:i.target,mobileOnly:i.mobileOnly||!1}))))(0,this.loadedExternalData,this.lang):void 0}get localizedSiteName(){return this.dsSiteName||this.loadedExternalData?.siteNames?.[this.lang]}get localizedSitesText(){return this.dsMobileToggleText||this.loadedExternalData?.uiTexts?.sites?.[this.lang]}get localizedCloseText(){return this.dsCloseButtonText||this.loadedExternalData?.uiTexts?.close?.[this.lang]}get localizedNavAriaLabel(){return this.dsNavAriaLabel||this.loadedExternalData?.uiTexts?.navigationLabel?.[this.lang]}get localizedLogoAriaLabel(){return this.dsLogoAriaLabel||this.loadedExternalData?.uiTexts?.logoLabel?.[this.lang]}dsDrawerToggle;componentWillLoad(){this.inheritedAttributes={...a(this.el),...n(this.el,["lang"])}}async loadExternalData(i){try{const s=await A.loadRibbonData(i);if(!s)throw Error("No external data");this.loadedExternalData=s}catch{this.loadedExternalData=y}this.dsIcon||(this.icon=this.loadedExternalData?.config?.dsIcon),this.dsBrandingUrls||(this.brandingUrls=this.loadedExternalData?.brandingUrls)}componentDidLoad(){this.componentMounted(),this.lang=_(),this.setupStoreListener(),this.dsDataUrl&&""!==this.dsDataUrl.trim()&&this.loadExternalData(this.dsDataUrl)}setupStoreListener(){this.storeUnsubscribe=m("language",(i=>{i&&i!==this.lang&&(this.lang=i)}))}dsIconObserver(i){this.icon=i}dsBrandingUrlsObserver(i){this.brandingUrls=i}isMobileDrawerOpenObserver(i){this.dsDrawerToggle.emit(i),i?this.openMobileDrawer():this.closeMobileDrawer()}handleKeyDown(i){if(this.isMobileDrawerOpen)return"Escape"===i.key?(i.preventDefault(),void this.closeMobileDrawer()):void("Tab"===i.key&&this.handleFocusTrap(i))}handleWindowResize(){clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{this.updateScrollState()}),150)}resizeTimeout;storeUnsubscribe;handleMobileToggle=()=>{this.isMobileDrawerClicked=!0,this.isMobileDrawerOpen=!this.isMobileDrawerOpen};handleDrawerScroll=i=>{const s=i.target;if(!s)return;const e=s.scrollTop,r=s.scrollHeight-s.clientHeight;r<=0||(e<=1?(s.classList.remove("has-top-scrim"),s.classList.add("has-bottom-scrim")):e>=r-1?(s.classList.add("has-top-scrim"),s.classList.remove("has-bottom-scrim")):s.classList.add("has-top-scrim","has-bottom-scrim"))};handleDrawerBackdropClick=i=>{i.target===i.currentTarget&&(this.isMobileDrawerOpen=!1)};getDrawerFocusableElements(){if(!this.drawerRef)return[];const i=[],s=this.drawerRef.querySelector("#"+this.dsCloseButtonId);s&&this.isFocusableElement(s)&&i.push(s);const e=this.drawerRef.querySelector(this.DsLinkLogo);if(e?.shadowRoot){const s=e.shadowRoot.querySelector("a");s&&this.isFocusableElement(s)&&i.push(s)}const r=this.drawerRef.querySelectorAll('[class*="drawer-link-item"]');for(const s of r){const e=s.querySelector(this.DsLink);if(e){const s=e.querySelector("a");s&&this.isFocusableElement(s)&&i.push(s)}}return i}isFocusableElement(i){if(null===i?.offsetParent)return!1;const s=i.tagName.toLowerCase();return["a","button"].includes(s)&&-1!==i.tabIndex}handleFocusTrap(i){const s=this.getDrawerFocusableElements();if(0===s.length)return;let e=document.activeElement;e?.shadowRoot?.activeElement&&(e=e.shadowRoot.activeElement),this.el.shadowRoot?.activeElement&&(e=this.el.shadowRoot.activeElement,e.shadowRoot?.activeElement&&(e=e.shadowRoot.activeElement));const r=s.indexOf(e);if(i.shiftKey){const i=r<=0?s.length-1:r-1;s[i]?.focus()}else{const i=r>=s.length-1?0:r+1;s[i]?.focus()}i.preventDefault()}openMobileDrawer(){setTimeout((()=>{const i=this.el.shadowRoot?.querySelector("#"+this.dsCloseButtonId);if(i&&i.focus(),this.drawerRef){const i=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;i>0&&this.setupScrollListener(this.drawerRef,i)}}),50)}setupScrollListener(i,s){if(i.removeEventListener("scroll",this.handleDrawerScroll),i.addEventListener("scroll",this.handleDrawerScroll,{passive:!0}),this.drawerRef){const e=i.scrollTop,r=1;e<=r?(this.drawerRef.classList.remove("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim")):e>=s-r?(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.remove("has-bottom-scrim")):this.drawerRef.classList.add("has-top-scrim","has-bottom-scrim")}}updateScrollState(){if(!this.isMobileDrawerOpen||!this.drawerRef)return;const i=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;if(i<=0)return this.drawerRef.classList.remove("has-top-scrim","has-bottom-scrim"),void this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);this.setupScrollListener(this.drawerRef,i)}closeMobileDrawer(){this.isMobileDrawerOpen=!1,this.drawerRef&&this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);const i=this.mobileToggleRef?.querySelector("button");setTimeout((()=>{i?.focus()}),100)}getBrandingUrl(){const i=_()||"fi";return this.dsBrandingUrls?.[i]||this.brandingUrls?.[i]||y.brandingUrls?.[i]}renderBranding(){if(this.dsHideBranding)return null;const i=h("ds-ribbon"),s=this.getBrandingUrl();return r("div",{class:i+"__branding"},r(this.DsLinkLogo,{dsHref:s,dsIcon:this.dsIcon||this.icon||y.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",dsAriaLabel:this.localizedLogoAriaLabel}))}renderDesktopNavigation(){const i=this.localizedLinks;if(!i?.length)return null;const s=h("ds-ribbon");return r("div",{class:s+"__desktop-nav"},r("ul",{class:s+"__desktop-links"},i.filter((i=>!i.mobileOnly)).map((i=>r("li",{key:"desktop-"+i.id,class:s+"__desktop-link-item"},r(this.DsLink,{dsHref:i.href,dsText:i.text,dsTarget:i.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:s+"__desktop-link"},i.badge&&r("span",{slot:"suffix"},r(this.DsVisuallyHidden,null," - ",i.badge))),i.badge&&r(this.DsTag,{dsText:i.badge,dsColour:"info",class:s+"__desktop-badge",dsAriaHidden:!0}),"_blank"===i.target&&r(this.DsVisuallyHidden,null,c()))))))}renderMobileNavigation(){const i=this.localizedLinks;if(!i?.length)return null;const s=h("ds-ribbon");return r("div",{class:s+"__drawer-backdrop",onClick:this.handleDrawerBackdropClick,...this.isMobileDrawerOpen?{}:{inert:!0}},r("div",{id:s+"__drawer",class:s+"__drawer",role:"dialog","aria-label":"Site navigation menu","aria-modal":"true","aria-hidden":this.isMobileDrawerOpen?"false":"true",ref:i=>this.drawerRef=i},this.renderDrawerHeader(),r("div",{class:s+"__drawer-nav"},r("div",{class:s+"__top-scrim"}),r("ul",{class:s+"__drawer-links"},i.map((i=>r("li",{key:"mobile-"+i.id,class:s+"__drawer-link-item"},r(this.DsLink,{dsHref:i.href,dsText:i.text,dsTarget:i.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:s+"__drawer-link"},i.badge&&r("span",{slot:"suffix"},r(this.DsVisuallyHidden,null," - ",i.badge))),i.badge&&r(this.DsTag,{dsText:i.badge,dsColour:"info",class:s+"__drawer-badge",dsAriaHidden:!0}),"_blank"===i.target&&r(this.DsVisuallyHidden,null,c()))))),r("div",{class:s+"__bottom-scrim"}))))}renderDrawerHeader(){const i=h("ds-ribbon"),s=this.getBrandingUrl();return r("div",{class:i+"__drawer-header"},r("div",{class:i+"__drawer-branding"},r(this.DsLinkLogo,{class:i+"__drawer-branding-link",dsHref:s,dsIcon:this.dsIcon||this.icon||y.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",dsAriaLabel:this.localizedLogoAriaLabel})),r(this.DsButton,{dsId:this.dsCloseButtonId,dsType:"button",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedCloseText,dsIcon:"close",dsIconPosition:"end",class:i+"__drawer-close",onClick:this.handleMobileToggle}))}renderMobileToggle(){const i=this.localizedLinks;if(!i?.length||!this.localizedSitesText||!this.localizedCloseText)return null;const s=h("ds-ribbon");return r(this.DsButton,{ref:i=>this.mobileToggleRef=i,id:this.dsMobileToggleId,class:s+"__mobile-toggle",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedSitesText,dsIcon:"keyboard_arrow_down",dsIconPosition:"end",onClick:this.handleMobileToggle,dsAriaExpanded:this.isMobileDrawerOpen,dsAriaControls:s+"__drawer",dsAriaHaspopup:"dialog"})}disconnectedCallback(){clearTimeout(this.resizeTimeout);const i=this.el.shadowRoot?.querySelector(`#${h("ds-ribbon")}__drawer`);i?.removeEventListener("scroll",this.handleDrawerScroll),this.storeUnsubscribe?.()}render(){const i=h("ds-ribbon"),s=o(i,{[i+"--drawer-open"]:this.isMobileDrawerOpen,[i+"--drawer-clicked"]:this.isMobileDrawerClicked});return r("div",{key:"b36a7d61360761e689e67853bb54642547c6b8b6",class:s},r("nav",{key:"b25008b643dc45d7a468330d3bc44b5119a8d491","aria-label":this.localizedNavAriaLabel,...this.isMobileDrawerOpen?{inert:!0}:{}},r("div",{key:"99cc13e575c50b5be600d403087759019dcdccf2",class:i+"__container",...this.inheritedAttributes},this.renderBranding(),this.renderDesktopNavigation(),this.renderMobileToggle())),this.renderMobileNavigation())}static get watchers(){return{dsIcon:[{dsIconObserver:0}],dsBrandingUrls:[{dsBrandingUrlsObserver:0}],isMobileDrawerOpen:[{isMobileDrawerOpenObserver:0}]}}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%;border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff);position:relative;z-index:1000}.ds-ribbon__izAhxK{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__izAhxK__container{display:grid;grid-template-columns:8rem auto;align-items:center;justify-content:space-between;padding:0 var(--ds-spacing-small, 16px);max-width:120rem;margin:0 auto;height:3rem}@media (min-width: 30rem){.ds-ribbon__izAhxK__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__izAhxK__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__izAhxK__container{grid-template-columns:auto auto}}.ds-ribbon__izAhxK__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__izAhxK__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__izAhxK__mobile-toggle{display:none}}.ds-ribbon__izAhxK__drawer-backdrop{position:fixed;inset:0;background-color:var(--ds-overlay-black-00);grid-column-end:-1;opacity:0;z-index:-1;pointer-events:none}@media (min-width: 60rem){.ds-ribbon__izAhxK__drawer-backdrop{display:none}}.ds-ribbon__izAhxK--drawer-open .ds-ribbon__izAhxK__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__izAhxK__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__izAhxK__drawer-backdrop,.ds-ribbon__izAhxK--drawer-open .ds-ribbon__izAhxK__container .ds-ribbon__izAhxK__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__izAhxK--drawer-clicked .ds-ribbon__izAhxK__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__izAhxK--drawer-open .ds-ribbon__izAhxK__drawer-backdrop{background-color:var(--ds-overlay-black-50);opacity:1;transition:background-color 0.1s 0.3s, opacity 0s 0s;z-index:999}.ds-ribbon__izAhxK__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__izAhxK__desktop-nav{display:block}}.ds-ribbon__izAhxK__desktop-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:var(--ds-spacing-medium, 24px);align-items:center}.ds-ribbon__izAhxK__desktop-link-item{--ds-link-text-transform:uppercase;display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__izAhxK__desktop-link{--ds-link-font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__izAhxK__desktop-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none;position:absolute;top:0;right:100%}.ds-ribbon__izAhxK__desktop-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__izAhxK__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__izAhxK__drawer{position:absolute;top:0;right:0;bottom:0;width:calc(100% - var(--ds-spacing-small, 16px));background-color:var(--ds-bgColor-white, #fff);box-shadow:var(--ds-shadow-medium);padding-top:0;transform:translateX(100%);transition:transform 0.3s ease;overflow-y:auto;cursor:default}@media (min-width: 60rem){.ds-ribbon__izAhxK__drawer{position:static;width:auto;max-width:none;background-color:transparent;box-shadow:none;padding-top:0;transform:none;transition:none;overflow-y:visible}}.ds-ribbon__izAhxK--drawer-open .ds-ribbon__izAhxK__drawer{transform:translateX(0%)}.ds-ribbon__izAhxK__drawer-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;height:3rem;z-index:1;padding:var(--ds-spacing-small, 16px) var(--ds-spacing-medium, 24px);border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff)}@media (min-width: 60rem){.ds-ribbon__izAhxK__drawer-header{display:none}}.ds-ribbon__izAhxK__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__izAhxK__drawer-branding{max-width:unset}}.ds-ribbon__izAhxK__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__izAhxK__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__izAhxK__drawer-nav{padding:0}}.ds-ribbon__izAhxK__top-scrim,.ds-ribbon__izAhxK__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-ribbon__izAhxK__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__izAhxK__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.has-top-scrim .ds-ribbon__izAhxK__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__izAhxK__bottom-scrim{display:block}.ds-ribbon__izAhxK__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__izAhxK__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;--ds-link-text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__izAhxK__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__izAhxK__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__izAhxK__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__izAhxK__drawer-link{--ds-link-font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__izAhxK__drawer-link{--ds-link-font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__izAhxK__drawer-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__izAhxK__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__izAhxK__drawer-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__izAhxK__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__izAhxK--drawer-open) .ds-ribbon__izAhxK__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__izAhxK--drawer-open) .ds-ribbon__izAhxK__drawer-backdrop{display:block}}:host(.ds-ribbon__izAhxK--drawer-open) .ds-ribbon__izAhxK__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__izAhxK--drawer-open) .ds-ribbon__izAhxK__drawer{transform:none}}"}},[513,"ds-ribbon",{dsIcon:[1,"ds-icon"],dsSiteName:[1,"ds-site-name"],dsHideBranding:[4,"ds-hide-branding"],dsIconTitle:[1,"ds-icon-title"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsLinks:[16],dsBrandingUrls:[16],dsMobileToggleText:[1,"ds-mobile-toggle-text"],dsCloseButtonText:[1,"ds-close-button-text"],dsNavAriaLabel:[1,"ds-nav-aria-label"],dsLogoAriaLabel:[1,"ds-logo-aria-label"],dsCloseButtonId:[1,"ds-close-button-id"],dsMobileToggleId:[1,"ds-mobile-toggle-id"],dsDataUrl:[1,"ds-data-url"],isMobileDrawerOpen:[32],isMobileDrawerClicked:[32],loadedExternalData:[32],icon:[32],brandingUrls:[32]},[[4,"keydown","handleKeyDown"],[9,"resize","handleWindowResize"]],{dsIcon:[{dsIconObserver:0}],dsBrandingUrls:[{dsBrandingUrlsObserver:0}],isMobileDrawerOpen:[{isMobileDrawerOpenObserver:0}]}]);b([r("ds-link-logo",{dsHref:""}),r("ds-link",{dsText:""}),r("ds-button",null),r("ds-tag",{dsText:""}),r("ds-visually-hidden",null)]);const T=K,D=function(){"undefined"!=typeof customElements&&["ds-ribbon","ds-button","ds-icon","ds-link","ds-link-logo","ds-spinner","ds-tag","ds-visually-hidden"].forEach((i=>{switch(i){case"ds-ribbon":customElements.get(t(i))||customElements.define(t(i),K);break;case"ds-button":customElements.get(t(i))||u();break;case"ds-icon":customElements.get(t(i))||x();break;case"ds-link":customElements.get(t(i))||f();break;case"ds-link-logo":customElements.get(t(i))||w();break;case"ds-spinner":customElements.get(t(i))||k();break;case"ds-tag":customElements.get(t(i))||v();break;case"ds-visually-hidden":customElements.get(t(i))||z()}}))};export{T as DsRibbon,D as defineCustomElement}
+import{p as s,M as e,c as i,h as t,t as r}from"./p-Clnflbiz.js";import{c as o}from"./p-BfTCfPZ1.js";import{b as n,i as d}from"./p-5l5qZ1Ad.js";import{f as a,t as l,d as b}from"./p-Duz7I_DQ.js";import{c}from"./p-C7gqnikf.js";import{v as h}from"./p-DuDgbqSl.js";import{g as _,o as m}from"./p-DdyM9c6W.js";import{a as p}from"./p-gPkqWfeS.js";import{c as g}from"./p-BNucxURn.js";import{d as u}from"./p-CFIMJWhN.js";import{d as f}from"./p-DGgJGxC8.js";import{d as w}from"./p-bk8kTN87.js";import{d as y}from"./p-DunYmBZd.js";import{d as k}from"./p-CQHlIDeK.js";import{d as v}from"./p-DnzmQx_8.js";import{d as x}from"./p-Db_yp4Ff.js";class W{static async loadRibbonData(s){if(!s||""===s.trim())return null;try{const e=await fetch(s);if(!e.ok)throw Error("Failed to fetch data: "+e.status);const i=await e.json();if(i.v1?.ribbon)return i.v1.ribbon;throw Error("Invalid data structure: expected v1.ribbon")}catch(s){return console.warn("Failed to load external ribbon data:",s),null}}}const T=p.v1.ribbon,D=s(class extends(e(g("ds-ribbon",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsDrawerToggle=i(this,"dsDrawerToggle",7)}inheritedAttributes={};get el(){return this}drawerRef;mobileToggleRef;dsIcon;dsSiteName;dsHideBranding=!1;dsIconTitle;dsIconAriaLabel;dsLinks;dsBrandingUrls;dsMobileToggleText;dsCloseButtonText;dsNavAriaLabel;dsLogoAriaLabel;dsCloseButtonId=a("ds-button-drawer-close").next().value;dsMobileToggleId=a("ds-button-mobile-toggle").next().value;dsDataUrl="";isMobileDrawerOpen=!1;isMobileDrawerClicked=!1;loadedExternalData=null;icon;brandingUrls;get DsLinkLogo(){return l("ds-link-logo","ds-ribbon",this.el)}get DsLink(){return l("ds-link","ds-ribbon",this.el)}get DsButton(){return l("ds-button","ds-ribbon",this.el)}get DsTag(){return l("ds-tag","ds-ribbon",this.el)}get DsVisuallyHidden(){return l("ds-visually-hidden","ds-ribbon",this.el)}get localizedLinks(){return this.dsLinks?this.dsLinks:this.loadedExternalData?.links?.[this.lang]?((s,e,i="en")=>this.loadedExternalData.links[this.lang].map((s=>({id:s.id,href:s.href||"#",text:s.text,badge:s.badge?e.badgeTexts[s.badge][i]:void 0,target:s.target,mobileOnly:s.mobileOnly||!1}))))(0,this.loadedExternalData,this.lang):void 0}get localizedSiteName(){return this.dsSiteName||this.loadedExternalData?.siteNames?.[this.lang]}get localizedSitesText(){return this.dsMobileToggleText||this.loadedExternalData?.uiTexts?.sites?.[this.lang]}get localizedCloseText(){return this.dsCloseButtonText||this.loadedExternalData?.uiTexts?.close?.[this.lang]}get localizedNavAriaLabel(){return this.dsNavAriaLabel||this.loadedExternalData?.uiTexts?.navigationLabel?.[this.lang]}get localizedLogoAriaLabel(){return this.dsLogoAriaLabel||this.loadedExternalData?.uiTexts?.logoLabel?.[this.lang]}dsDrawerToggle;componentWillLoad(){this.inheritedAttributes={...d(this.el),...n(this.el,["lang"])}}async loadExternalData(s){try{const e=await W.loadRibbonData(s);if(!e)throw Error("No external data");this.loadedExternalData=e}catch{this.loadedExternalData=T}this.dsIcon||(this.icon=this.loadedExternalData?.config?.dsIcon),this.dsBrandingUrls||(this.brandingUrls=this.loadedExternalData?.brandingUrls)}componentDidLoad(){this.componentMounted(),this.lang=_(),this.setupStoreListener(),this.dsDataUrl&&""!==this.dsDataUrl.trim()&&this.loadExternalData(this.dsDataUrl)}setupStoreListener(){this.storeUnsubscribe=m("language",(s=>{s&&s!==this.lang&&(this.lang=s)}))}dsIconObserver(s){this.icon=s}dsBrandingUrlsObserver(s){this.brandingUrls=s}isMobileDrawerOpenObserver(s){this.dsDrawerToggle.emit(s),s?this.openMobileDrawer():this.closeMobileDrawer()}handleKeyDown(s){if(this.isMobileDrawerOpen)return"Escape"===s.key?(s.preventDefault(),void this.closeMobileDrawer()):void("Tab"===s.key&&this.handleFocusTrap(s))}handleWindowResize(){clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{this.updateScrollState()}),150)}resizeTimeout;storeUnsubscribe;handleMobileToggle=()=>{this.isMobileDrawerClicked=!0,this.isMobileDrawerOpen=!this.isMobileDrawerOpen};handleDrawerScroll=s=>{const e=s.target;if(!e)return;const i=e.scrollTop,t=e.scrollHeight-e.clientHeight;t<=0||(i<=1?(e.classList.remove("has-top-scrim"),e.classList.add("has-bottom-scrim")):i>=t-1?(e.classList.add("has-top-scrim"),e.classList.remove("has-bottom-scrim")):e.classList.add("has-top-scrim","has-bottom-scrim"))};handleDrawerBackdropClick=s=>{s.target===s.currentTarget&&(this.isMobileDrawerOpen=!1)};getDrawerFocusableElements(){if(!this.drawerRef)return[];const s=[],e=this.drawerRef.querySelector("#"+this.dsCloseButtonId);e&&this.isFocusableElement(e)&&s.push(e);const i=this.drawerRef.querySelector(this.DsLinkLogo);if(i?.shadowRoot){const e=i.shadowRoot.querySelector("a");e&&this.isFocusableElement(e)&&s.push(e)}const t=this.drawerRef.querySelectorAll('[class*="drawer-link-item"]');for(const e of t){const i=e.querySelector(this.DsLink);if(i){const e=i.querySelector("a");e&&this.isFocusableElement(e)&&s.push(e)}}return s}isFocusableElement(s){if(null===s?.offsetParent)return!1;const e=s.tagName.toLowerCase();return["a","button"].includes(e)&&-1!==s.tabIndex}handleFocusTrap(s){const e=this.getDrawerFocusableElements();if(0===e.length)return;let i=document.activeElement;i?.shadowRoot?.activeElement&&(i=i.shadowRoot.activeElement),this.el.shadowRoot?.activeElement&&(i=this.el.shadowRoot.activeElement,i.shadowRoot?.activeElement&&(i=i.shadowRoot.activeElement));const t=e.indexOf(i);if(s.shiftKey){const s=t<=0?e.length-1:t-1;e[s]?.focus()}else{const s=t>=e.length-1?0:t+1;e[s]?.focus()}s.preventDefault()}openMobileDrawer(){setTimeout((()=>{const s=this.el.shadowRoot?.querySelector("#"+this.dsCloseButtonId);if(s&&s.focus(),this.drawerRef){const s=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;s>0&&this.setupScrollListener(this.drawerRef,s)}}),50)}setupScrollListener(s,e){if(s.removeEventListener("scroll",this.handleDrawerScroll),s.addEventListener("scroll",this.handleDrawerScroll,{passive:!0}),this.drawerRef){const i=s.scrollTop,t=1;i<=t?(this.drawerRef.classList.remove("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim")):i>=e-t?(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.remove("has-bottom-scrim")):this.drawerRef.classList.add("has-top-scrim","has-bottom-scrim")}}updateScrollState(){if(!this.isMobileDrawerOpen||!this.drawerRef)return;const s=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;if(s<=0)return this.drawerRef.classList.remove("has-top-scrim","has-bottom-scrim"),void this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);this.setupScrollListener(this.drawerRef,s)}closeMobileDrawer(){this.isMobileDrawerOpen=!1,this.drawerRef&&this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);const s=this.mobileToggleRef?.querySelector("button");setTimeout((()=>{s?.focus()}),100)}getBrandingUrl(){const s=_()||"fi";return this.dsBrandingUrls?.[s]||this.brandingUrls?.[s]||T.brandingUrls?.[s]}renderBranding(){if(this.dsHideBranding)return null;const s=c("ds-ribbon"),e=this.getBrandingUrl();return t("div",{class:s+"__branding"},t(this.DsLinkLogo,{dsHref:e,dsIcon:this.dsIcon||this.icon||T.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",dsAriaLabel:this.localizedLogoAriaLabel}))}renderDesktopNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const e=c("ds-ribbon");return t("div",{class:e+"__desktop-nav"},t("ul",{class:e+"__desktop-links"},s.filter((s=>!s.mobileOnly)).map((s=>t("li",{key:"desktop-"+s.id,class:e+"__desktop-link-item"},t(this.DsLink,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:e+"__desktop-link"},s.badge&&t("span",{slot:"suffix"},t(this.DsVisuallyHidden,null," - ",s.badge))),s.badge&&t(this.DsTag,{dsText:s.badge,dsColour:"info",class:e+"__desktop-badge",dsAriaHidden:!0}),"_blank"===s.target&&t(this.DsVisuallyHidden,null,h()))))))}renderMobileNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const e=c("ds-ribbon");return t("div",{class:e+"__drawer-backdrop",onClick:this.handleDrawerBackdropClick,...this.isMobileDrawerOpen?{}:{inert:!0}},t("div",{id:e+"__drawer",class:e+"__drawer",role:"dialog","aria-label":"Site navigation menu","aria-modal":"true","aria-hidden":this.isMobileDrawerOpen?"false":"true",ref:s=>this.drawerRef=s},this.renderDrawerHeader(),t("div",{class:e+"__drawer-nav"},t("div",{class:e+"__top-scrim"}),t("ul",{class:e+"__drawer-links"},s.map((s=>t("li",{key:"mobile-"+s.id,class:e+"__drawer-link-item"},t(this.DsLink,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:e+"__drawer-link"},s.badge&&t("span",{slot:"suffix"},t(this.DsVisuallyHidden,null," - ",s.badge))),s.badge&&t(this.DsTag,{dsText:s.badge,dsColour:"info",class:e+"__drawer-badge",dsAriaHidden:!0}),"_blank"===s.target&&t(this.DsVisuallyHidden,null,h()))))),t("div",{class:e+"__bottom-scrim"}))))}renderDrawerHeader(){const s=c("ds-ribbon"),e=this.getBrandingUrl();return t("div",{class:s+"__drawer-header"},t("div",{class:s+"__drawer-branding"},t(this.DsLinkLogo,{class:s+"__drawer-branding-link",dsHref:e,dsIcon:this.dsIcon||this.icon||T.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",dsAriaLabel:this.localizedLogoAriaLabel})),t(this.DsButton,{dsId:this.dsCloseButtonId,dsType:"button",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedCloseText,dsIcon:"close",dsIconPosition:"end",class:s+"__drawer-close",onClick:this.handleMobileToggle}))}renderMobileToggle(){const s=this.localizedLinks;if(!s?.length||!this.localizedSitesText||!this.localizedCloseText)return null;const e=c("ds-ribbon");return t(this.DsButton,{ref:s=>this.mobileToggleRef=s,id:this.dsMobileToggleId,class:e+"__mobile-toggle",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedSitesText,dsIcon:"keyboard_arrow_down",dsIconPosition:"end",onClick:this.handleMobileToggle,dsAriaExpanded:this.isMobileDrawerOpen,dsAriaControls:e+"__drawer",dsAriaHaspopup:"dialog"})}disconnectedCallback(){clearTimeout(this.resizeTimeout);const s=this.el.shadowRoot?.querySelector(`#${c("ds-ribbon")}__drawer`);s?.removeEventListener("scroll",this.handleDrawerScroll),this.storeUnsubscribe?.()}render(){const s=c("ds-ribbon"),e=o(s,{[s+"--drawer-open"]:this.isMobileDrawerOpen,[s+"--drawer-clicked"]:this.isMobileDrawerClicked});return t("div",{key:"787f94561b7f05c4deb2181804393ce8d4dc39d9",class:e},t("nav",{key:"cce87ce61dce5c751543b58a45b5bc6362f5b692","aria-label":this.localizedNavAriaLabel,...this.isMobileDrawerOpen?{inert:!0}:{}},t("div",{key:"5966d1f8fa3d276809ec2dad3d4d92d4cf730aa5",class:s+"__container",...this.inheritedAttributes},this.renderBranding(),this.renderDesktopNavigation(),this.renderMobileToggle())),this.renderMobileNavigation())}static get watchers(){return{dsIcon:[{dsIconObserver:0}],dsBrandingUrls:[{dsBrandingUrlsObserver:0}],isMobileDrawerOpen:[{isMobileDrawerOpenObserver:0}]}}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%;border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff);position:relative;z-index:1000}.ds-ribbon__9el4Wy{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__9el4Wy__container{display:grid;grid-template-columns:8rem auto;align-items:center;justify-content:space-between;padding:0 var(--ds-spacing-small, 16px);max-width:120rem;margin:0 auto;height:3rem}@media (min-width: 30rem){.ds-ribbon__9el4Wy__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__9el4Wy__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__9el4Wy__container{grid-template-columns:auto auto}}.ds-ribbon__9el4Wy__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__9el4Wy__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__9el4Wy__mobile-toggle{display:none !important}}.ds-ribbon__9el4Wy__drawer-backdrop{position:fixed;inset:0;background-color:var(--ds-overlay-black-00);grid-column-end:-1;opacity:0;z-index:-1;pointer-events:none}@media (min-width: 60rem){.ds-ribbon__9el4Wy__drawer-backdrop{display:none}}.ds-ribbon__9el4Wy--drawer-open .ds-ribbon__9el4Wy__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__9el4Wy__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__9el4Wy__drawer-backdrop,.ds-ribbon__9el4Wy--drawer-open .ds-ribbon__9el4Wy__container .ds-ribbon__9el4Wy__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__9el4Wy--drawer-clicked .ds-ribbon__9el4Wy__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__9el4Wy--drawer-open .ds-ribbon__9el4Wy__drawer-backdrop{background-color:var(--ds-overlay-black-50);opacity:1;transition:background-color 0.1s 0.3s, opacity 0s 0s;z-index:999}.ds-ribbon__9el4Wy__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__9el4Wy__desktop-nav{display:block}}.ds-ribbon__9el4Wy__desktop-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:var(--ds-spacing-medium, 24px);align-items:center}.ds-ribbon__9el4Wy__desktop-link-item{--ds-link-text-transform:uppercase;display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__9el4Wy__desktop-link{--ds-link-font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__9el4Wy__desktop-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none;position:absolute;top:0;right:100%}.ds-ribbon__9el4Wy__desktop-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__9el4Wy__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__9el4Wy__drawer{position:absolute;top:0;right:0;bottom:0;width:calc(100% - var(--ds-spacing-small, 16px));background-color:var(--ds-bgColor-white, #fff);box-shadow:var(--ds-shadow-medium);padding-top:0;transform:translateX(100%);transition:transform 0.3s ease;overflow-y:auto;cursor:default}@media (min-width: 60rem){.ds-ribbon__9el4Wy__drawer{position:static;width:auto;max-width:none;background-color:transparent;box-shadow:none;padding-top:0;transform:none;transition:none;overflow-y:visible}}.ds-ribbon__9el4Wy--drawer-open .ds-ribbon__9el4Wy__drawer{transform:translateX(0%)}.ds-ribbon__9el4Wy__drawer-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;height:3rem;z-index:1;padding:var(--ds-spacing-small, 16px) var(--ds-spacing-medium, 24px);border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff)}@media (min-width: 60rem){.ds-ribbon__9el4Wy__drawer-header{display:none}}.ds-ribbon__9el4Wy__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__9el4Wy__drawer-branding{max-width:unset}}.ds-ribbon__9el4Wy__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__9el4Wy__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__9el4Wy__drawer-nav{padding:0}}.ds-ribbon__9el4Wy__top-scrim,.ds-ribbon__9el4Wy__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-ribbon__9el4Wy__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__9el4Wy__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.has-top-scrim .ds-ribbon__9el4Wy__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__9el4Wy__bottom-scrim{display:block}.ds-ribbon__9el4Wy__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__9el4Wy__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;--ds-link-text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__9el4Wy__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__9el4Wy__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__9el4Wy__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__9el4Wy__drawer-link{--ds-link-font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__9el4Wy__drawer-link{--ds-link-font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__9el4Wy__drawer-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__9el4Wy__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__9el4Wy__drawer-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__9el4Wy__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__9el4Wy--drawer-open) .ds-ribbon__9el4Wy__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__9el4Wy--drawer-open) .ds-ribbon__9el4Wy__drawer-backdrop{display:block}}:host(.ds-ribbon__9el4Wy--drawer-open) .ds-ribbon__9el4Wy__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__9el4Wy--drawer-open) .ds-ribbon__9el4Wy__drawer{transform:none}}"}},[513,"ds-ribbon",{dsIcon:[1,"ds-icon"],dsSiteName:[1,"ds-site-name"],dsHideBranding:[4,"ds-hide-branding"],dsIconTitle:[1,"ds-icon-title"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsLinks:[16],dsBrandingUrls:[16],dsMobileToggleText:[1,"ds-mobile-toggle-text"],dsCloseButtonText:[1,"ds-close-button-text"],dsNavAriaLabel:[1,"ds-nav-aria-label"],dsLogoAriaLabel:[1,"ds-logo-aria-label"],dsCloseButtonId:[1,"ds-close-button-id"],dsMobileToggleId:[1,"ds-mobile-toggle-id"],dsDataUrl:[1,"ds-data-url"],isMobileDrawerOpen:[32],isMobileDrawerClicked:[32],loadedExternalData:[32],icon:[32],brandingUrls:[32]},[[4,"keydown","handleKeyDown"],[9,"resize","handleWindowResize"]],{dsIcon:[{dsIconObserver:0}],dsBrandingUrls:[{dsBrandingUrlsObserver:0}],isMobileDrawerOpen:[{isMobileDrawerOpenObserver:0}]}]);b([t("ds-link-logo",{dsHref:""}),t("ds-link",{dsText:""}),t("ds-button",null),t("ds-tag",{dsText:""}),t("ds-visually-hidden",null)]);const z=D,C=function(){"undefined"!=typeof customElements&&["ds-ribbon","ds-button","ds-icon","ds-link","ds-link-logo","ds-spinner","ds-tag","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-ribbon":customElements.get(r(s))||customElements.define(r(s),D);break;case"ds-button":customElements.get(r(s))||u();break;case"ds-icon":customElements.get(r(s))||f();break;case"ds-link":customElements.get(r(s))||w();break;case"ds-link-logo":customElements.get(r(s))||y();break;case"ds-spinner":customElements.get(r(s))||k();break;case"ds-tag":customElements.get(r(s))||v();break;case"ds-visually-hidden":customElements.get(r(s))||x()}}))};export{z as DsRibbon,C as defineCustomElement}

package/dist/components/ds-select-native.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-edoQRGfx.js";const p=o,r=s;export{p as DsSelectNative,r as defineCustomElement}
+import{D as o,d as s}from"./p-B3aF7xnN.js";const a=o,p=s;export{a as DsSelectNative,p as defineCustomElement}

package/dist/components/ds-select.js

@@ -1 +1 @@
-import{D as o,d as p}from"./p-CH1vuLp_.js";const s=o,r=p;export{s as DsSelect,r as defineCustomElement}
+import{D as o,d as s}from"./p-CJm4OADF.js";const m=o,p=s;export{m as DsSelect,p as defineCustomElement}

package/dist/components/ds-spinner.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-BjhvmYfi.js";const m=o,p=s;export{m as DsSpinner,p as defineCustomElement}
+import{D as o,d as s}from"./p-CQHlIDeK.js";const p=o,r=s;export{p as DsSpinner,r as defineCustomElement}

package/dist/components/ds-store.js

@@ -1 +1 @@
-import{p as s,H as e,c as a,t as g}from"./p-B91f7lDE.js";import{d as t,i as n,s as u,g as r}from"./p-B696KJNe.js";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsLanguageChange=a(this,"dsLanguageChange",7)}dsLanguage=t;dsLanguageChange;componentWillLoad(){n({language:this.dsLanguage})}dsLanguageObserver(s){u(s),this.dsLanguageChange.emit(s)}async setLanguage(s){this.dsLanguage=s,u(s)}async getLanguage(){return r()}static get watchers(){return{dsLanguage:[{dsLanguageObserver:0}]}}},[512,"ds-store",{dsLanguage:[1537,"ds-language"],setLanguage:[64],getLanguage:[64]},void 0,{dsLanguage:[{dsLanguageObserver:0}]}]),d=o,c=function(){"undefined"!=typeof customElements&&["ds-store"].forEach((s=>{"ds-store"===s&&(customElements.get(g(s))||customElements.define(g(s),o))}))};export{d as DsStore,c as defineCustomElement}
+import{p as s,H as e,c as a,t as g}from"./p-Clnflbiz.js";import{d as t,i as n,s as u,g as r}from"./p-DdyM9c6W.js";const d=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsLanguageChange=a(this,"dsLanguageChange",7)}dsLanguage=t;dsLanguageChange;componentWillLoad(){n({language:this.dsLanguage})}dsLanguageObserver(s){u(s),this.dsLanguageChange.emit(s)}async setLanguage(s){this.dsLanguage=s,u(s)}async getLanguage(){return r()}static get watchers(){return{dsLanguage:[{dsLanguageObserver:0}]}}},[512,"ds-store",{dsLanguage:[1537,"ds-language"],setLanguage:[64],getLanguage:[64]},void 0,{dsLanguage:[{dsLanguageObserver:0}]}]),o=d,c=function(){"undefined"!=typeof customElements&&["ds-store"].forEach((s=>{"ds-store"===s&&(customElements.get(g(s))||customElements.define(g(s),d))}))};export{o as DsStore,c as defineCustomElement}

package/dist/components/ds-tab.js

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

package/dist/components/ds-tablist.js

@@ -1 +1 @@
-import{p as t,M as s,c as a,h as i,t as e}from"./p-B91f7lDE.js";import{c as r}from"./p-BfTCfPZ1.js";import{c as d}from"./p-C9ahrvg0.js";import{t as o,q as l,a as n,d as b}from"./p-Duz7I_DQ.js";import{t as c}from"./p-D0sPlQo8.js";import{c as h}from"./p-BEoRtKR4.js";import{d as _}from"./p-fxi3L1BE.js";import{d as u}from"./p-CslnOIgL.js";import{d as f}from"./p-BjhvmYfi.js";import{d as p}from"./p-BzC_N8RA.js";import{d as v}from"./p-DJHiPTII.js";const m=t(class extends(s(h("ds-tablist"),c)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsTabChange=a(this,"dsTabChange",7)}get el(){return this}RESIZE_THROTTLE_TIMEOUT=100;scrollableElement;backwardButtonElement;forwardButtonElement;dsTabChange;dsAriaLabel;dsAriaLabelledby;showBackwardButton=!1;showForwardButton=!1;get DsTab(){return o("ds-tab","ds-tablist",this.el)}get DsButton(){return o("ds-button","ds-tablist",this.el)}setButtonsVisibility=t=>{if(!t)return;const{scrollLeft:s,scrollWidth:a,clientWidth:i}=t;this.showBackwardButton=s>0,this.showForwardButton=Math.round(s+i)<a};throttledSetButtonsVisibility=l(this.setButtonsVisibility,this.RESIZE_THROTTLE_TIMEOUT);async tabConnected(){this.scrollableElement&&this.setButtonsVisibility(this.scrollableElement)}async tabDisconnected(){this.scrollableElement&&this.setButtonsVisibility(this.scrollableElement)}handleWindowResize(){this.throttledSetButtonsVisibility(this.scrollableElement)}handleDsTabClick(t){t.stopPropagation(),t.detail.tabId!==this.context?.currentTab&&this.dsTabChange.emit(t.detail)}scrollTabIntoView=t=>{if(!this.scrollableElement)return;const s=t.querySelector('[role="tab"]');if(!s)return;const a=this.backwardButtonElement&&!this.backwardButtonElement.hidden?this.backwardButtonElement.offsetWidth:0,i=this.forwardButtonElement&&!this.forwardButtonElement.hidden?this.forwardButtonElement.offsetWidth:0,{left:e,right:r}=this.scrollableElement.getBoundingClientRect(),{left:d,right:o}=s.getBoundingClientRect();let l=this.scrollableElement.scrollLeft;d<e+a+16?l-=e+a+16-d:o>r-i-16&&(l+=o-(r-i-16)),this.scrollableElement.scrollTo({left:Math.max(0,Math.min(l,this.scrollableElement.scrollWidth-this.scrollableElement.clientWidth)),behavior:"auto"})};handleDsTabFocus(t){t.stopPropagation(),this.scrollTabIntoView(t.target)}handleKeyDown=t=>{t.stopPropagation();const s=t.target.closest(this.DsTab),a=Array.from(this.el.querySelectorAll(this.DsTab)),i=s?a.indexOf(s):-1;if(-1===i)return;let e=0;switch(t.key){case"Home":break;case"Enter":case" ":if(this.context?.currentTab===a[i].dsId)return;return void this.dsTabChange.emit({tabId:a[i].dsId,tabPanelId:a[i].dsTabPanelId});case"ArrowRight":e=(i+1)%a.length;break;case"ArrowLeft":e=(i-1+a.length)%a.length;break;case"End":e=a.length-1;break;default:return}t.preventDefault(),t.stopPropagation(),a[e].setFocus()};handleScroll=t=>{this.setButtonsVisibility(t.target)};handleButtonClick=t=>{if(!this.scrollableElement)return;const s=.8*this.scrollableElement.clientWidth;this.scrollableElement.scrollTo({left:"backward"===t?this.scrollableElement.scrollLeft-s:this.scrollableElement.scrollLeft+s,behavior:"smooth"})};connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDown)}componentDidLoad(){this.setButtonsVisibility(this.scrollableElement)}disconnectedCallback(){super.disconnectedCallback(),this.el.removeEventListener("keydown",this.handleKeyDown)}renderButton=t=>{const s=d("ds-tablist");return i(this.DsButton,{class:s+"__button__ds-button",onClick:()=>this.handleButtonClick(t),dsAriaHidden:!0,dsTabIndex:-1,dsVariant:"supplementary",dsColour:"black",dsIcon:"backward"===t?"chevron_backward":"chevron_forward"})};render(){const t=d("ds-tablist"),s=t+"__scrollable",a=t+"__button";return i("div",{key:"60e6cb85c51ff3d3c228c0b5bdd9d6ed643fa386",class:t},i("div",{key:"e7cc8adee51bb770139dfde2576ee34c334f2166",ref:t=>this.scrollableElement=t,class:r(s,{[s+"--container"]:"container"===this.context?.variant,[s+"--line"]:"line"===this.context?.variant}),role:"tablist",...n("aria-label",this.dsAriaLabel),...n("aria-labelledby",this.dsAriaLabelledby),onScroll:this.handleScroll},i("slot",{key:"0308d59773042cd2af9287f564a3bc1529222d62"})),i("div",{key:"7351051ed214b0b79087c16be908a26c5ff6263d",ref:t=>this.backwardButtonElement=t,class:r(a,a+"--backward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showBackwardButton},this.renderButton("backward")),i("div",{key:"203b45f676a3ee6fbac0251ae02cb8ea23418fb2",ref:t=>this.forwardButtonElement=t,class:r(a,a+"--forward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showForwardButton},this.renderButton("forward")))}static get style(){return'.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__izAhxK.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__scrollable.sc-ds-tablist:focus,.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__button--backward.sc-ds-tablist{left:0}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__button--forward.sc-ds-tablist{right:0}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__button--container.ds-tablist__izAhxK__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__button--container.ds-tablist__izAhxK__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__button[hidden].sc-ds-tablist{display:none}.ds-tablist__izAhxK.sc-ds-tablist .ds-tablist__izAhxK__button__ds-button.sc-ds-tablist{width:100%;height:100%}'}},[774,"ds-tablist",{dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],context:[32],showBackwardButton:[32],showForwardButton:[32],tabConnected:[64],tabDisconnected:[64]},[[9,"resize","handleWindowResize"],[0,"dsTabClick","handleDsTabClick"],[0,"dsTabFocus","handleDsTabFocus"]]]);b([i("ds-tab",{dsId:"",dsTabPanelId:""}),i("ds-button",null)]);const x=m,g=function(){"undefined"!=typeof customElements&&["ds-tablist","ds-button","ds-icon","ds-spinner","ds-tab","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-tablist":customElements.get(e(t))||customElements.define(e(t),m);break;case"ds-button":customElements.get(e(t))||_();break;case"ds-icon":customElements.get(e(t))||u();break;case"ds-spinner":customElements.get(e(t))||f();break;case"ds-tab":customElements.get(e(t))||p();break;case"ds-visually-hidden":customElements.get(e(t))||v()}}))};export{x as DsTablist,g as defineCustomElement}
+import{p as t,M as s,c as a,h as e,t as i}from"./p-Clnflbiz.js";import{c as l}from"./p-BfTCfPZ1.js";import{c as r}from"./p-C7gqnikf.js";import{t as d,q as o,a as n,d as b}from"./p-Duz7I_DQ.js";import{t as c}from"./p-D0sPlQo8.js";import{c as h}from"./p-BNucxURn.js";import{d as _}from"./p-CFIMJWhN.js";import{d as u}from"./p-DGgJGxC8.js";import{d as f}from"./p-CQHlIDeK.js";import{d as y}from"./p-CLejL_HF.js";import{d as p}from"./p-Db_yp4Ff.js";const m=t(class extends(s(h("ds-tablist"),c)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsTabChange=a(this,"dsTabChange",7)}get el(){return this}RESIZE_THROTTLE_TIMEOUT=100;scrollableElement;backwardButtonElement;forwardButtonElement;dsTabChange;dsAriaLabel;dsAriaLabelledby;showBackwardButton=!1;showForwardButton=!1;get DsTab(){return d("ds-tab","ds-tablist",this.el)}get DsButton(){return d("ds-button","ds-tablist",this.el)}setButtonsVisibility=t=>{if(!t)return;const{scrollLeft:s,scrollWidth:a,clientWidth:e}=t;this.showBackwardButton=s>0,this.showForwardButton=Math.round(s+e)<a};throttledSetButtonsVisibility=o(this.setButtonsVisibility,this.RESIZE_THROTTLE_TIMEOUT);async tabConnected(){this.scrollableElement&&this.setButtonsVisibility(this.scrollableElement)}async tabDisconnected(){this.scrollableElement&&this.setButtonsVisibility(this.scrollableElement)}handleWindowResize(){this.throttledSetButtonsVisibility(this.scrollableElement)}handleDsTabClick(t){t.stopPropagation(),t.detail.tabId!==this.context?.currentTab&&this.dsTabChange.emit(t.detail)}scrollTabIntoView=t=>{if(!this.scrollableElement)return;const s=t.querySelector('[role="tab"]');if(!s)return;const a=this.backwardButtonElement&&!this.backwardButtonElement.hidden?this.backwardButtonElement.offsetWidth:0,e=this.forwardButtonElement&&!this.forwardButtonElement.hidden?this.forwardButtonElement.offsetWidth:0,{left:i,right:l}=this.scrollableElement.getBoundingClientRect(),{left:r,right:d}=s.getBoundingClientRect();let o=this.scrollableElement.scrollLeft;r<i+a+16?o-=i+a+16-r:d>l-e-16&&(o+=d-(l-e-16)),this.scrollableElement.scrollTo({left:Math.max(0,Math.min(o,this.scrollableElement.scrollWidth-this.scrollableElement.clientWidth)),behavior:"auto"})};handleDsTabFocus(t){t.stopPropagation(),this.scrollTabIntoView(t.target)}handleKeyDown=t=>{t.stopPropagation();const s=t.target.closest(this.DsTab),a=Array.from(this.el.querySelectorAll(this.DsTab)),e=s?a.indexOf(s):-1;if(-1===e)return;let i=0;switch(t.key){case"Home":break;case"Enter":case" ":if(this.context?.currentTab===a[e].dsId)return;return void this.dsTabChange.emit({tabId:a[e].dsId,tabPanelId:a[e].dsTabPanelId});case"ArrowRight":i=(e+1)%a.length;break;case"ArrowLeft":i=(e-1+a.length)%a.length;break;case"End":i=a.length-1;break;default:return}t.preventDefault(),t.stopPropagation(),a[i].setFocus()};handleScroll=t=>{this.setButtonsVisibility(t.target)};handleButtonClick=t=>{if(!this.scrollableElement)return;const s=.8*this.scrollableElement.clientWidth;this.scrollableElement.scrollTo({left:"backward"===t?this.scrollableElement.scrollLeft-s:this.scrollableElement.scrollLeft+s,behavior:"smooth"})};connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDown)}componentDidLoad(){this.setButtonsVisibility(this.scrollableElement)}disconnectedCallback(){super.disconnectedCallback(),this.el.removeEventListener("keydown",this.handleKeyDown)}renderButton=t=>{const s=r("ds-tablist");return e(this.DsButton,{class:s+"__button__ds-button",onClick:()=>this.handleButtonClick(t),dsAriaHidden:!0,dsTabIndex:-1,dsVariant:"supplementary",dsColour:"black",dsIcon:"backward"===t?"chevron_backward":"chevron_forward"})};render(){const t=r("ds-tablist"),s=t+"__scrollable",a=t+"__button";return e("div",{key:"60e6cb85c51ff3d3c228c0b5bdd9d6ed643fa386",class:t},e("div",{key:"e7cc8adee51bb770139dfde2576ee34c334f2166",ref:t=>this.scrollableElement=t,class:l(s,{[s+"--container"]:"container"===this.context?.variant,[s+"--line"]:"line"===this.context?.variant}),role:"tablist",...n("aria-label",this.dsAriaLabel),...n("aria-labelledby",this.dsAriaLabelledby),onScroll:this.handleScroll},e("slot",{key:"0308d59773042cd2af9287f564a3bc1529222d62"})),e("div",{key:"7351051ed214b0b79087c16be908a26c5ff6263d",ref:t=>this.backwardButtonElement=t,class:l(a,a+"--backward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showBackwardButton},this.renderButton("backward")),e("div",{key:"203b45f676a3ee6fbac0251ae02cb8ea23418fb2",ref:t=>this.forwardButtonElement=t,class:l(a,a+"--forward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showForwardButton},this.renderButton("forward")))}static get style(){return'.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__9el4Wy.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__scrollable.sc-ds-tablist:focus,.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__button--backward.sc-ds-tablist{left:0}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__button--forward.sc-ds-tablist{right:0}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__button--container.ds-tablist__9el4Wy__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__button--container.ds-tablist__9el4Wy__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__button[hidden].sc-ds-tablist{display:none}.ds-tablist__9el4Wy.sc-ds-tablist .ds-tablist__9el4Wy__button__ds-button.sc-ds-tablist{width:100%;height:100%}'}},[774,"ds-tablist",{dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],context:[32],showBackwardButton:[32],showForwardButton:[32],tabConnected:[64],tabDisconnected:[64]},[[9,"resize","handleWindowResize"],[0,"dsTabClick","handleDsTabClick"],[0,"dsTabFocus","handleDsTabFocus"]]]);b([e("ds-tab",{dsId:"",dsTabPanelId:""}),e("ds-button",null)]);const v=m,W=function(){"undefined"!=typeof customElements&&["ds-tablist","ds-button","ds-icon","ds-spinner","ds-tab","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-tablist":customElements.get(i(t))||customElements.define(i(t),m);break;case"ds-button":customElements.get(i(t))||_();break;case"ds-icon":customElements.get(i(t))||u();break;case"ds-spinner":customElements.get(i(t))||f();break;case"ds-tab":customElements.get(i(t))||y();break;case"ds-visually-hidden":customElements.get(i(t))||p()}}))};export{v as DsTablist,W as defineCustomElement}

package/dist/components/ds-tabpanel.js

@@ -1 +1 @@
-import{p as a,M as d,h as s,t as e}from"./p-B91f7lDE.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as i}from"./p-C9ahrvg0.js";import{t as n}from"./p-D0sPlQo8.js";import{c as l}from"./p-BEoRtKR4.js";const r=a(class extends(d(l("ds-tabpanel"),n)){constructor(a){super(!1),!1!==a&&this.__registerHost()}get el(){return this}dsId;dsTabId;dsPadded=!0;render(){const a=i("ds-tabpanel");return s("div",{key:"5da4b946a5a972c53950a3309fddb6ae322062c9",id:this.dsId,class:t(a,{[a+"--container"]:"container"===this.context?.variant,[a+"--padded"]:this.dsPadded}),role:"tabpanel",hidden:this.context?.currentTabPanel!==this.dsId,"aria-labelledby":this.dsTabId},s("slot",{key:"9ca7af52273ba9138236c459aa7f1014fa32847c"}))}static get style(){return".ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__izAhxK.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__izAhxK--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__izAhxK--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__izAhxK--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__izAhxK--container.ds-tabpanel__izAhxK--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__izAhxK--container.ds-tabpanel__izAhxK--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__izAhxK[hidden].sc-ds-tabpanel{display:none}"}},[774,"ds-tabpanel",{dsId:[1,"ds-id"],dsTabId:[1,"ds-tab-id"],dsPadded:[4,"ds-padded"],context:[32]}]),o=r,p=function(){"undefined"!=typeof customElements&&["ds-tabpanel"].forEach((a=>{"ds-tabpanel"===a&&(customElements.get(e(a))||customElements.define(e(a),r))}))};export{o as DsTabpanel,p as defineCustomElement}
+import{p as d,M as a,h as e,t as s}from"./p-Clnflbiz.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as n}from"./p-C7gqnikf.js";import{t as l}from"./p-D0sPlQo8.js";import{c as i}from"./p-BNucxURn.js";const r=d(class extends(a(i("ds-tabpanel"),l)){constructor(d){super(!1),!1!==d&&this.__registerHost()}get el(){return this}dsId;dsTabId;dsPadded=!0;render(){const d=n("ds-tabpanel");return e("div",{key:"c69bf6f708992fe08bebd4ad8535bc6f48d46166",id:this.dsId,class:t(d,{[d+"--container"]:"container"===this.context?.variant,[d+"--padded"]:this.dsPadded}),role:"tabpanel",hidden:this.context?.currentTabPanel!==this.dsId,"aria-labelledby":this.dsTabId},e("slot",{key:"091708ead106bcfb48cfeeac6f4162608b48e325"}))}static get style(){return".ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__9el4Wy.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__9el4Wy--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__9el4Wy--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__9el4Wy--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__9el4Wy--container.ds-tabpanel__9el4Wy--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__9el4Wy--container.ds-tabpanel__9el4Wy--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__9el4Wy[hidden].sc-ds-tabpanel{display:none}"}},[774,"ds-tabpanel",{dsId:[1,"ds-id"],dsTabId:[1,"ds-tab-id"],dsPadded:[4,"ds-padded"],context:[32]}]),o=r,p=function(){"undefined"!=typeof customElements&&["ds-tabpanel"].forEach((d=>{"ds-tabpanel"===d&&(customElements.get(s(d))||customElements.define(s(d),r))}))};export{o as DsTabpanel,p as defineCustomElement}

package/dist/components/ds-tabs.js

@@ -1 +1 @@
-import{p as t,M as s,h as e,t as a}from"./p-B91f7lDE.js";import{c as n}from"./p-C9ahrvg0.js";import{s as r,p as o}from"./p-DFqTeO7_.js";import{c as d}from"./p-BEoRtKR4.js";const i=t(class extends(s(d("ds-tabs",{stopRootTracking:!0}))){constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsCurrentTab;dsCurrentTabPanel;dsVariant="container";handleDsTabChange(t){t.stopPropagation()}createContext=()=>({currentTab:this.dsCurrentTab,currentTabPanel:this.dsCurrentTabPanel,variant:this.dsVariant});storeContext=()=>{const t=this.createContext();r(this.el,t)};updateContext=()=>{const t=this.createContext();o(this.el,t)};componentWillLoad(){this.storeContext()}componentDidLoad(){this.componentMounted()}componentDidUpdate(){this.updateContext()}render(){const t=n("ds-tabs");return e("div",{key:"4865050d1a88b75c46e7cd5c7a8ee49cee4f22aa",class:t},e("slot",{key:"444f0936859f4b4e1e31007b2d785f224f0c66de"}))}static get style(){return".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__izAhxK.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}"}},[774,"ds-tabs",{dsCurrentTab:[1,"ds-current-tab"],dsCurrentTabPanel:[1,"ds-current-tab-panel"],dsVariant:[1,"ds-variant"]},[[0,"dsTabChange","handleDsTabChange"]]]),c=i,b=function(){"undefined"!=typeof customElements&&["ds-tabs"].forEach((t=>{"ds-tabs"===t&&(customElements.get(a(t))||customElements.define(a(t),i))}))};export{c as DsTabs,b as defineCustomElement}
+import{p as s,M as t,h as a,t as e}from"./p-Clnflbiz.js";import{c as n}from"./p-C7gqnikf.js";import{s as r,p as o}from"./p-DFqTeO7_.js";import{c as d}from"./p-BNucxURn.js";const i=s(class extends(t(d("ds-tabs",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsCurrentTab;dsCurrentTabPanel;dsVariant="container";handleDsTabChange(s){s.stopPropagation()}createContext=()=>({currentTab:this.dsCurrentTab,currentTabPanel:this.dsCurrentTabPanel,variant:this.dsVariant});storeContext=()=>{const s=this.createContext();r(this.el,s)};updateContext=()=>{const s=this.createContext();o(this.el,s)};componentWillLoad(){this.storeContext()}componentDidLoad(){this.componentMounted()}componentDidUpdate(){this.updateContext()}render(){const s=n("ds-tabs");return a("div",{key:"9ac888e3f6040c0f96795aa315848345b44338b0",class:s},a("slot",{key:"6a920af35a3df205d0e9aef5f843eca4e0ddb716"}))}static get style(){return".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__9el4Wy.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}"}},[774,"ds-tabs",{dsCurrentTab:[1,"ds-current-tab"],dsCurrentTabPanel:[1,"ds-current-tab-panel"],dsVariant:[1,"ds-variant"]},[[0,"dsTabChange","handleDsTabChange"]]]),c=i,b=function(){"undefined"!=typeof customElements&&["ds-tabs"].forEach((s=>{"ds-tabs"===s&&(customElements.get(e(s))||customElements.define(e(s),i))}))};export{c as DsTabs,b as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,M as t,h as a,t as e}from"./p-B91f7lDE.js";import{t as i,a as d,d as o}from"./p-Duz7I_DQ.js";import{c as r}from"./p-C9ahrvg0.js";import{i as l,a as c}from"./p-5l5qZ1Ad.js";import{c as p}from"./p-BEoRtKR4.js";import{d as n}from"./p-Z1pYzolE.js";import{d as g}from"./p-D0V_-N2C.js";const m=s(class extends(t(p("ds-tag-group",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost()}tagGroupId=this.getUniqueId();assistiveTextId=this.tagGroupId+"-assistive-text";inheritedAttributes={};get el(){return this}dsLabel;dsAriaLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...l(this.el,["aria-describedby"])}}componentDidLoad(){this.componentMounted()}render(){const s=r("ds-tag-group"),t=i("ds-group-label","ds-tag-group",this.el),{"aria-label":e,...o}=this.inheritedAttributes,l=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return a("div",{key:"55ef24fef882fadfa75932bdd902b37c5cf97954",class:s,role:"group",...d("aria-label",this.dsAriaLabel||e||this.dsLabel),...d("aria-describedby",l),...o},a(t,{key:"aef6319ace51c14a71bb24c95569f80a6396c3aa",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},a("slot",{key:"90982a6bed00261b799dff34df0d9bc322bb816e",name:"label"}),a("slot",{key:"28885d0da4c2f2745d513c85035a1994db53e8fe",name:"assistiveText"})),a("div",{key:"1b663d0905d0f258a458151ce714c08128745957",role:"list",class:s+"__tags"},a("slot",{key:"fc1ecce2421171e7e9d5e3310367d97ac0831d6c"})))}static get style(){return".ds-tag-group__izAhxK__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}"}},[774,"ds-tag-group",{dsLabel:[1,"ds-label"],dsAriaLabel:[1,"ds-aria-label"],dsAssistiveText:[1,"ds-assistive-text"]}]);o([a("ds-group-label",null)]);const b=m,f=function(){"undefined"!=typeof customElements&&["ds-tag-group","ds-assistive-text","ds-group-label"].forEach((s=>{switch(s){case"ds-tag-group":customElements.get(e(s))||customElements.define(e(s),m);break;case"ds-assistive-text":customElements.get(e(s))||n();break;case"ds-group-label":customElements.get(e(s))||g()}}))};export{b as DsTagGroup,f as defineCustomElement}
+import{p as s,M as t,h as e,t as a}from"./p-Clnflbiz.js";import{t as i,a as d,d as r}from"./p-Duz7I_DQ.js";import{c as l}from"./p-C7gqnikf.js";import{i as o,a as c}from"./p-5l5qZ1Ad.js";import{c as p}from"./p-BNucxURn.js";import{d as b}from"./p-DxvDtOKJ.js";import{d as n}from"./p-vRTLjmh3.js";const g=s(class extends(t(p("ds-tag-group",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost()}tagGroupId=this.getUniqueId();assistiveTextId=this.tagGroupId+"-assistive-text";inheritedAttributes={};get el(){return this}dsLabel;dsAriaLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...o(this.el,["aria-describedby"])}}componentDidLoad(){this.componentMounted()}render(){const s=l("ds-tag-group"),t=i("ds-group-label","ds-tag-group",this.el),{"aria-label":a,...r}=this.inheritedAttributes,o=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return e("div",{key:"10a9f91d8129b8f46d636d3283890afc24e91401",class:s,role:"group",...d("aria-label",this.dsAriaLabel||a||this.dsLabel),...d("aria-describedby",o),...r},e(t,{key:"c040bfa3abd76bcfaa5994ff7b1c57d36e2b5ef7",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},e("slot",{key:"8311510a194bb1c833e5ca9c5554f5ce92794d2b",name:"label"}),e("slot",{key:"9a3184d168ba1c0708276e25eab91c4cf84c40f9",name:"assistiveText"})),e("div",{key:"3127eee23cbbee234ab952de0bf7dfbe5f512290",role:"list",class:s+"__tags"},e("slot",{key:"250ac2c8e31205bb22f92640d1b0ab51689dd081"})))}static get style(){return".ds-tag-group__9el4Wy__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}"}},[774,"ds-tag-group",{dsLabel:[1,"ds-label"],dsAriaLabel:[1,"ds-aria-label"],dsAssistiveText:[1,"ds-assistive-text"]}]);r([e("ds-group-label",null)]);const m=g,f=function(){"undefined"!=typeof customElements&&["ds-tag-group","ds-assistive-text","ds-group-label"].forEach((s=>{switch(s){case"ds-tag-group":customElements.get(a(s))||customElements.define(a(s),g);break;case"ds-assistive-text":customElements.get(a(s))||b();break;case"ds-group-label":customElements.get(a(s))||n()}}))};export{m as DsTagGroup,f as defineCustomElement}

package/dist/components/ds-tag.js

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

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

@@ -1 +1 @@
-import{p as e,M as t,c as a,f as s,h as i,F as r,t as d}from"./p-B91f7lDE.js";import{c as o}from"./p-BfTCfPZ1.js";import{A as n,B as l,C as c,g as h,a as x,v as _}from"./p-CiIjs_L3.js";import{k as b,p as v,t as u,a as f,d as z}from"./p-Duz7I_DQ.js";import{i as A,a as m}from"./p-5l5qZ1Ad.js";import{c as g}from"./p-C9ahrvg0.js";import{c as y}from"./p-BEoRtKR4.js";import{d as p}from"./p-Z1pYzolE.js";import{d as K}from"./p-ocpXKsU5.js";import{d as C}from"./p-BwRK7oyN.js";import{d as k}from"./p-CslnOIgL.js";import{d as w}from"./p-CRR--HxK.js";import{d as T}from"./p-DJHiPTII.js";const L=e(class extends(t(y("ds-text-area",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=a(this,"dsChange",7),this.dsInput=a(this,"dsInput",7),this.dsSubmitInvalid=a(this,"dsSubmitInvalid",7),this.dsValidity=a(this,"dsValidity",7)}inheritedAttributes={};textareaElement;get el(){return this}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=this.getUniqueId();dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";get assistiveTextId(){return this.dsId+"-assistive-text"}get visuallyHiddenAssistiveTextId(){return this.dsId+"-visually-hidden-assistive-text"}get errorTextId(){return this.dsId+"-error-text"}get successTextId(){return this.dsId+"-success-text"}async setFocus(){const e=this.el.querySelector("textarea");e?.focus()}async checkValidity(){const e=this.el.querySelector("textarea");return e?.checkValidity()}async clearTextarea(){this.internalValue="";const e=this.el.querySelector("textarea");e&&(e.value="")}internalValueObserver(e){this.characterCount=e.length,this.validateCharacterCount(this.characterCount)}valueObserver(e){this.internalValue=e||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(e,t,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:e},s(this)}componentWillLoad(){this.inheritedAttributes={...m(this,this.el,["id"]),...A(this.el,["aria-invalid"])},this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.componentMounted(),this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=b((e=>{this.hiddenCharacterCountText=e}),v);validateCharacterCount=e=>{this.dsCharacterLimit&&(e>this.dsCharacterLimit?(this.setHiddenCharacterCountText(n(e-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(l())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-e)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=this.textareaElement.scrollHeight+"px")};getLabelText=()=>this.dsRequired?h(this.dsLabel):this.dsOptional?x(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=e=>"customError"===e?this.textareaElement?.validationMessage:_(e);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.wasInvalidOnBlur="valid"!==t,this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInvalid=e=>{e.preventDefault();const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsSubmitInvalid.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInput=e=>{if(this.internalValue=e.target.value,this.dsInput.emit({event:e,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=u("ds-input-validity","ds-text-area",this.el),t=u("ds-control-label","ds-text-area",this.el),a=u("ds-visually-hidden","ds-text-area",this.el),s=g("ds-text-area"),d=s+"__container",{"aria-label":n,"aria-labelledby":l,"aria-describedby":c,...h}=this.inheritedAttributes,x=this.dsAriaLabel||n,_=this.dsAriaLabelledby||l,b=this.dsAriaDescribedby||c;return i(r,{key:"ed1a7d02187a18af78c3bc87673d014d26fd9cdb"},i(t,{key:"fad5d3bd0dcceaff28c8a8bbf86015ecdf2ffc7d",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},i("slot",{key:"073574ee606ac50f707783885a310df68185385d",name:"label"}),i("slot",{key:"8f4f695fdab50a7ce4f17ed61f82c453075c225f",name:"assistiveText"})),i("div",{key:"8bd6a49b71436cb13833a9235a66ffe1d4ee13d5",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:o(d,{[d+"--disabled"]:this.dsDisabled,[d+"--readonly"]:this.dsReadonly,[d+"--valid"]:!!this.dsSuccessText,[d+"--invalid"]:!!this.dsErrorText,[d+"--focus"]:this.hasFocus,[d+"--active"]:!!this.textareaActive,[d+"--full-width"]:this.dsFullWidth})},i("textarea",{key:"599131f06ba0c5f6a73c998da35308f7f87b7986",ref:e=>this.textareaElement=e,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:this.dsValue??this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:o(s+"__textarea",`${s}__textarea--resize-${this.dsResizing}`,{[s+"__textarea--full-width"]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...f("aria-label",x),...f("aria-labelledby",_),...f("aria-describedby",b||o({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",...h})),i("div",{key:"4c4ea6b123743bb54548d7d59399e01210eb296c",class:o(s+"__validity-container",{[s+"__validity-container--has-character-limit"]:!!this.dsCharacterLimit})},i("slot",{key:"214e546b99ec5c1717aae6d142bb9f4f6d5de87b",name:"validity"},i(e,{key:"016ad213d61bd51cf3772b899dd48494242dc57c",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"},!!this.dsCharacterLimit&&i(a,{key:"3bc2ac639ffb68213d5e8348f7c6ea727531a5f7",dsTag:"span"},this.hiddenCharacterCountText)),i(e,{key:"a68ed6af43e4e42d9c1fac97c46a3f2832aef2ae",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsAriaLive:"polite"})),!!this.dsCharacterLimit&&i("div",{key:"372900754c09d0896f1ab6e0e1aec64636692ba3",class:o(s+"__character-count",{[s+"__character-count--over-limit"]:this.characterCount>this.dsCharacterLimit})},i("small",{key:"e0c8f8e73fc0d16600007a0336e347454fd9cad6"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__izAhxK__container--full-width){width:100%}.ds-text-area__izAhxK.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__izAhxK__container.sc-ds-text-area:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__izAhxK__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__izAhxK__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--invalid.ds-text-area__izAhxK__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__izAhxK__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__izAhxK__container--valid.sc-ds-text-area:hover:not(.ds-text-area__izAhxK__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__izAhxK__container--valid.ds-text-area__izAhxK__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__izAhxK__container--readonly.sc-ds-text-area,.ds-text-area__izAhxK__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__izAhxK__container.sc-ds-text-area:focus-within:not(.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--invalid,.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--valid.sc-ds-text-area,.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__izAhxK__container.sc-ds-text-area:hover:not(.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--disabled,.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--readonly.sc-ds-text-area,.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--active.sc-ds-text-area,.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--invalid.sc-ds-text-area,.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--valid.sc-ds-text-area,.ds-text-area__izAhxK__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__izAhxK__container.active.sc-ds-text-area:not(.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--disabled,.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--readonly.sc-ds-text-area,.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--invalid.sc-ds-text-area,.ds-text-area__izAhxK__container.ds-text-area__izAhxK__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__izAhxK__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__izAhxK__external-button.sc-ds-text-area,.ds-text-area__izAhxK.sc-ds-text-area-s>[slot=suffix],.ds-text-area__izAhxK .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__izAhxK__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__izAhxK__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__izAhxK__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__izAhxK__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__izAhxK__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__izAhxK__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__izAhxK__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__izAhxK__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__izAhxK__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__izAhxK__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__izAhxK__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__izAhxK__textarea--resize-auto.sc-ds-text-area,.ds-text-area__izAhxK__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__izAhxK__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__izAhxK__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__izAhxK__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__izAhxK__textarea--full-width.sc-ds-text-area{width:100%}"}},[838,"ds-text-area",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsOptionalText:[1,"ds-optional-text"],dsResizing:[1,"ds-resizing"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsErrorText:[1,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsCharacterLimit:[2,"ds-character-limit"],dsFullWidth:[4,"ds-full-width"],hasFocus:[32],textareaActive:[32],wasInvalidOnBlur:[32],characterCount:[32],internalValue:[32],hiddenCharacterCountText:[32],setFocus:[64],checkValidity:[64],clearTextarea:[64]},void 0,{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);z([i("ds-input-validity",null),i("ds-visually-hidden",null),i("ds-control-label",null)]);const I=L,O=function(){"undefined"!=typeof customElements&&["ds-text-area","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-text-area":customElements.get(d(e))||customElements.define(d(e),L);break;case"ds-assistive-text":customElements.get(d(e))||p();break;case"ds-control-label":customElements.get(d(e))||K();break;case"ds-feedback":customElements.get(d(e))||C();break;case"ds-icon":customElements.get(d(e))||k();break;case"ds-input-validity":customElements.get(d(e))||w();break;case"ds-visually-hidden":customElements.get(d(e))||T()}}))};export{I as DsTextArea,O as defineCustomElement}
+import{p as e,M as t,c as a,f as s,h as r,d as i,t as d}from"./p-Clnflbiz.js";import{c as l}from"./p-BfTCfPZ1.js";import{A as o,B as n,C as c,g as _,a as h,v as x}from"./p-CTROETkT.js";import{k as b,p as v,t as u,a as y,d as f}from"./p-Duz7I_DQ.js";import{i as m,a as g}from"./p-5l5qZ1Ad.js";import{c as p}from"./p-C7gqnikf.js";import{c as W}from"./p-BNucxURn.js";import{d as C}from"./p-DxvDtOKJ.js";import{d as k}from"./p-ClKrJiwF.js";import{d as w}from"./p-CkdOciiG.js";import{d as T}from"./p-DGgJGxC8.js";import{d as z}from"./p-BfHVqAwo.js";import{d as A}from"./p-Db_yp4Ff.js";const O=e(class extends(t(W("ds-text-area",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=a(this,"dsChange",7),this.dsInput=a(this,"dsInput",7),this.dsSubmitInvalid=a(this,"dsSubmitInvalid",7),this.dsValidity=a(this,"dsValidity",7)}inheritedAttributes={};textareaElement;get el(){return this}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=this.getUniqueId();dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";get assistiveTextId(){return this.dsId+"-assistive-text"}get visuallyHiddenAssistiveTextId(){return this.dsId+"-visually-hidden-assistive-text"}get errorTextId(){return this.dsId+"-error-text"}get successTextId(){return this.dsId+"-success-text"}async setFocus(){const e=this.el.querySelector("textarea");e?.focus()}async checkValidity(){const e=this.el.querySelector("textarea");return e?.checkValidity()}async clearTextarea(){this.internalValue="";const e=this.el.querySelector("textarea");e&&(e.value="")}internalValueObserver(e){this.characterCount=e.length,this.validateCharacterCount(this.characterCount)}valueObserver(e){this.internalValue=e||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(e,t,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:e},s(this)}componentWillLoad(){this.inheritedAttributes={...g(this,this.el,["id"]),...m(this.el,["aria-invalid"])},this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.componentMounted(),this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=b((e=>{this.hiddenCharacterCountText=e}),v);validateCharacterCount=e=>{this.dsCharacterLimit&&(e>this.dsCharacterLimit?(this.setHiddenCharacterCountText(o(e-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(n())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-e)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=this.textareaElement.scrollHeight+"px")};getLabelText=()=>this.dsRequired?_(this.dsLabel):this.dsOptional?h(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=e=>"customError"===e?this.textareaElement?.validationMessage:x(e);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.wasInvalidOnBlur="valid"!==t,this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInvalid=e=>{e.preventDefault();const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsSubmitInvalid.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInput=e=>{if(this.internalValue=e.target.value,this.dsInput.emit({event:e,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=u("ds-input-validity","ds-text-area",this.el),t=u("ds-control-label","ds-text-area",this.el),a=u("ds-visually-hidden","ds-text-area",this.el),s=p("ds-text-area"),d=s+"__host",o=s+"__container",{"aria-label":n,"aria-labelledby":c,"aria-describedby":_,...h}=this.inheritedAttributes,x=this.dsAriaLabel||n,b=this.dsAriaLabelledby||c,v=this.dsAriaDescribedby||_;return r(i,{key:"8379acbe317cbc6dbcf396c61d652e79ce76baac",class:l(d,{[d+"--full-width"]:this.dsFullWidth})},r(t,{key:"7056dd1140e130f5e58cb3247fbf7f1e1071b927",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},r("slot",{key:"bc99bfe69236ebb51a2d2513e0b4b25ce1758d99",name:"label"}),r("slot",{key:"21b433e11665789c03762665c947a2f61bee9f27",name:"assistiveText"})),r("div",{key:"161a1ddfbee320bb6364d7dbf2180f4ed4414573",class:l(s+"__field-wrapper",{[s+"__field-wrapper--full-width"]:this.dsFullWidth})},r("div",{key:"469b03e54904727d4eca40a96565121f309d5848",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:l(o,{[o+"--disabled"]:this.dsDisabled,[o+"--readonly"]:this.dsReadonly,[o+"--valid"]:!!this.dsSuccessText,[o+"--invalid"]:!!this.dsErrorText,[o+"--focus"]:this.hasFocus,[o+"--active"]:!!this.textareaActive,[o+"--full-width"]:this.dsFullWidth})},r("textarea",{key:"fc7ef04350e0ed52387ace9b89c83743b9b0b8d3",ref:e=>this.textareaElement=e,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:this.dsValue??this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:l(s+"__textarea",`${s}__textarea--resize-${this.dsResizing}`,{[s+"__textarea--full-width"]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...y("aria-label",x),...y("aria-labelledby",b),...y("aria-describedby",v||l({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",...h})),r("div",{key:"1240d2f821b7138c1aedff907a44e547995596df",class:l(s+"__validity-container",{[s+"__validity-container--has-character-limit"]:!!this.dsCharacterLimit})},r("slot",{key:"59f38b187e813f4744aa9a40040d77baa7263c6d",name:"validity"},r(e,{key:"c68a14d9b3398e7bc7fcf7c7208347eb8c865142",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"},!!this.dsCharacterLimit&&r(a,{key:"3204b7cda1a04c4d980f27037e9036d9f18808f7",dsTag:"span"},this.hiddenCharacterCountText)),r(e,{key:"b1b3b261382f33f3b7e8d4d2915ce31c2c877d3e",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsAriaLive:"polite"})),this.dsCharacterLimit&&r("div",{key:"7d6f6100b90aab2976f47168cb71033a26e9b834",class:l(s+"__character-count",{[s+"__character-count--over-limit"]:this.characterCount>this.dsCharacterLimit})},r("small",{key:"56763f551f9566d42bd4e04b6cece86c3c72507d"},this.characterCount,"/",this.dsCharacterLimit)))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.ds-text-area__9el4Wy__host.sc-ds-text-area-h{display:inline-block}.ds-text-area__9el4Wy__host--full-width.sc-ds-text-area-h{width:100%}.ds-text-area__9el4Wy.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__9el4Wy__field-wrapper.sc-ds-text-area{display:inline-grid;grid-template-columns:min-content}.ds-text-area__9el4Wy__field-wrapper--full-width.sc-ds-text-area{display:grid;width:100%;grid-template-columns:1fr}.ds-text-area__9el4Wy__container.sc-ds-text-area:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__9el4Wy__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__9el4Wy__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--invalid.ds-text-area__9el4Wy__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__9el4Wy__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__9el4Wy__container--valid.sc-ds-text-area:hover:not(.ds-text-area__9el4Wy__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__9el4Wy__container--valid.ds-text-area__9el4Wy__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__9el4Wy__container--readonly.sc-ds-text-area,.ds-text-area__9el4Wy__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__9el4Wy__container.sc-ds-text-area:focus-within:not(.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--invalid,.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--valid.sc-ds-text-area,.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__9el4Wy__container.sc-ds-text-area:hover:not(.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--disabled,.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--readonly.sc-ds-text-area,.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--active.sc-ds-text-area,.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--invalid.sc-ds-text-area,.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--valid.sc-ds-text-area,.ds-text-area__9el4Wy__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__9el4Wy__container.active.sc-ds-text-area:not(.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--disabled,.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--readonly.sc-ds-text-area,.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--invalid.sc-ds-text-area,.ds-text-area__9el4Wy__container.ds-text-area__9el4Wy__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__9el4Wy__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__9el4Wy__external-button.sc-ds-text-area{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__9el4Wy .ds-text-area__9el4Wy.sc-ds-text-area-s>[slot=suffix],.ds-text-area__9el4Wy .ds-text-area__9el4Wy .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__9el4Wy__validity-container.sc-ds-text-area{align-items:center;font-size:var(--ds-fontSize-14)}.ds-text-area__9el4Wy__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__9el4Wy__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__9el4Wy__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__9el4Wy.sc-ds-text-area .ds-text-area__9el4Wy__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__9el4Wy__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__9el4Wy__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__9el4Wy__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-text-area__9el4Wy__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__9el4Wy__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__9el4Wy__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__9el4Wy__textarea--resize-auto.sc-ds-text-area,.ds-text-area__9el4Wy__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__9el4Wy__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__9el4Wy__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__9el4Wy__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__9el4Wy__textarea--full-width.sc-ds-text-area{width:100%}"}},[838,"ds-text-area",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsOptionalText:[1,"ds-optional-text"],dsResizing:[1,"ds-resizing"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsErrorText:[1,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsCharacterLimit:[2,"ds-character-limit"],dsFullWidth:[4,"ds-full-width"],hasFocus:[32],textareaActive:[32],wasInvalidOnBlur:[32],characterCount:[32],internalValue:[32],hiddenCharacterCountText:[32],setFocus:[64],checkValidity:[64],clearTextarea:[64]},void 0,{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);f([r("ds-input-validity",null),r("ds-visually-hidden",null),r("ds-control-label",null)]);const L=O,I=function(){"undefined"!=typeof customElements&&["ds-text-area","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-text-area":customElements.get(d(e))||customElements.define(d(e),O);break;case"ds-assistive-text":customElements.get(d(e))||C();break;case"ds-control-label":customElements.get(d(e))||k();break;case"ds-feedback":customElements.get(d(e))||w();break;case"ds-icon":customElements.get(d(e))||T();break;case"ds-input-validity":customElements.get(d(e))||z();break;case"ds-visually-hidden":customElements.get(d(e))||A()}}))};export{L as DsTextArea,I as defineCustomElement}