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

package/dist/components/ds-option.js

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

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

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

package/dist/components/ds-options.js

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

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

@@ -1 +1 @@
-import{p as s,M as i,h as e,d as t,t as n}from"./p-DZOTmLzP.js";import{c as a}from"./p-ByHAbBpc.js";import{p as l}from"./p-BCA5l3hA.js";const c=s(class extends(i(l)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}render(){const s=a("ds-pagination-ellipsis"),i=a("ds-pagination-ellipsis-variant--"+(this.paginationContext?.variant||"medium"));return e(t,{key:"0a3e284f6c60c4b36ac53d0b42de4e52f9e1e989",class:i},e("span",{key:"879286f1d496200d403161b0039fca97e6e2133c",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__KmYz6O.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-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(n(s))||customElements.define(n(s),c))}))};export{r as DsPaginationEllipsis,o as defineCustomElement}
+import{p as s,M as i,h as e,d as t,t as n}from"./p-D7drWwKe.js";import{c as a}from"./p-DgTb4Jpc.js";import{p as l}from"./p-BCA5l3hA.js";const c=s(class extends(i(l)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}render(){const s=a("ds-pagination-ellipsis"),i=a("ds-pagination-ellipsis-variant--"+(this.paginationContext?.variant||"medium"));return e(t,{key:"0a3e284f6c60c4b36ac53d0b42de4e52f9e1e989",class:i},e("span",{key:"879286f1d496200d403161b0039fca97e6e2133c",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__SPFJ1E.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-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(n(s))||customElements.define(n(s),c))}))};export{r as DsPaginationEllipsis,o 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-DZOTmLzP.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as d}from"./p-ByHAbBpc.js";import{t as r,d as o}from"./p-J5Ghj1_T.js";import{p as c}from"./p-BCA5l3hA.js";import{d as l}from"./p-CeglrwZj.js";import{d as p}from"./p-CvEtp2nr.js";import{d as m}from"./p-DCn1Mkl6.js";const h=s(class extends(t(c)){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",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"}))}static get style(){return".ds-pagination-item__KmYz6O.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__KmYz6O--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__KmYz6O--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__KmYz6O--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=h,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),h);break;case"ds-icon":customElements.get(a(s))||l();break;case"ds-link-cta":customElements.get(a(s))||p();break;case"ds-visually-hidden":customElements.get(a(s))||m()}}))};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-D7drWwKe.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as d}from"./p-DgTb4Jpc.js";import{t as r,d as o}from"./p-J5Ghj1_T.js";import{p as c}from"./p-BCA5l3hA.js";import{d as l}from"./p-BRKwvv98.js";import{d as p}from"./p-C9w2i3T-.js";import{d as h}from"./p-tTA4zhDH.js";const m=s(class extends(t(c)){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",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"}))}static get style(){return".ds-pagination-item__SPFJ1E.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__SPFJ1E--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__SPFJ1E--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__SPFJ1E--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))||l();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.js

@@ -1 +1 @@
-import{p as s,M as t,h as a,d as i,t as e}from"./p-DZOTmLzP.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-ByHAbBpc.js";import{t as d,d as o}from"./p-J5Ghj1_T.js";import{p}from"./p-BCA5l3hA.js";import{d as c}from"./p-CeglrwZj.js";import{d as l}from"./p-CvEtp2nr.js";import{d as g}from"./p-DCn1Mkl6.js";const m=s(class extends(t(p)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsPage;dsHref;dsIsCurrent;dsTag;get isCurrent(){return void 0!==this.dsIsCurrent?this.dsIsCurrent:!!this.paginationContext&&this.dsPage===this.paginationContext.currentPage}get DsLinkCta(){return d("ds-link-cta","ds-pagination-page",this.el)}render(){if(!this.paginationContext)return a(i,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",dsSize:this.paginationContext.variant,dsTag:e?"span":"a",dsHref:e?void 0:this.dsHref,"aria-current":this.isCurrent?"page":void 0,dsText:this.dsPage+"",dsHideIcon:!0},o=r("ds-pagination-page-variant--"+this.paginationContext.variant);return a(i,{class:o},a(this.DsLinkCta,{...d}))}static get style(){return".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__KmYz6O.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__KmYz6O--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}"}},[514,"ds-pagination-page",{dsPage:[2,"ds-page"],dsHref:[1,"ds-href"],dsIsCurrent:[4,"ds-is-current"],dsTag:[1,"ds-tag"],context:[32]}]);o([a("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}
+import{p as s,M as t,h as i,d as a,t as e}from"./p-D7drWwKe.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-DgTb4Jpc.js";import{t as d,d as o}from"./p-J5Ghj1_T.js";import{p}from"./p-BCA5l3hA.js";import{d as c}from"./p-BRKwvv98.js";import{d as g}from"./p-C9w2i3T-.js";import{d as l}from"./p-tTA4zhDH.js";const m=s(class extends(t(p)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsPage;dsHref;dsIsCurrent;dsTag;get isCurrent(){return void 0!==this.dsIsCurrent?this.dsIsCurrent:!!this.paginationContext&&this.dsPage===this.paginationContext.currentPage}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",dsSize:this.paginationContext.variant,dsTag:e?"span":"a",dsHref:e?void 0:this.dsHref,"aria-current":this.isCurrent?"page":void 0,dsText:this.dsPage+"",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__SPFJ1E.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__SPFJ1E--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}"}},[514,"ds-pagination-page",{dsPage:[2,"ds-page"],dsHref:[1,"ds-href"],dsIsCurrent:[4,"ds-is-current"],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))||g();break;case"ds-visually-hidden":customElements.get(e(s))||l()}}))};export{h as DsPaginationPage,u as defineCustomElement}

package/dist/components/ds-pagination.js

@@ -1 +1 @@
-import{p as a,H as t,h as s,t as e}from"./p-DZOTmLzP.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as n}from"./p-ByHAbBpc.js";import{j as o}from"./p-BpSE24G8.js";import{a as d,g,b as l,d as r,e as p,n as c,p as m,l as _,f as u,h}from"./p-yWMvWpEO.js";import{s as f,p as P}from"./p-B-jfWeRN.js";const z=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}get el(){return this}dsCurrentPage=1;dsTotalPages=1;dsLayout="auto";dsVariant="medium";dsAriaLabel;texts={firstPage:u(),lastPage:_(),previousPage:m(),nextPage:c(),goToFirstPage:p(),goToLastPage:r(),goToPreviousPage:l(),goToNextPage:g(),currentPage:d(),ellipsis:o()};handleLanguageChange(){this.setTexts(),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.setTexts(),this.dsCurrentPageObserver(this.dsCurrentPage),this.dsTotalPagesObserver(this.dsTotalPages),this.storeContext()}componentDidLoad(){this.updateContext()}componentDidUpdate(){this.updateContext()}storeContext(){const a=this.createContext();f(this.el,a)}updateContext(){const a=this.createContext();P(this.el,a)}createContext(){return{currentPage:this.dsCurrentPage,totalPages:this.dsTotalPages,variant:this.dsVariant,layout:this.dsLayout,isCompact:!1,texts:this.texts}}setTexts(){this.texts={firstPage:u(),lastPage:_(),previousPage:m(),nextPage:c(),goToFirstPage:p(),goToLastPage:r(),goToPreviousPage:l(),goToNextPage:g(),currentPage:d(),ellipsis:o()}}render(){const a=n("ds-pagination"),t=i(a,`${a}--${this.dsVariant}`,`${a}--${this.dsLayout}`),e="small"===this.dsVariant?"var(--ds-fontSize-16)":"var(--ds-fontSize-18)",o="small"===this.dsVariant?"var(--ds-spacing-large)":"calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))";return s("nav",{key:"13154d7bb5db1dd611d978201cadc8e1c53025d4",class:t,"aria-label":this.dsAriaLabel||h(),style:{"--ds-pagination-font-size":e,"--ds-link-cta-min-width":o}},s("div",{key:"044c3297eda5b36b6bf8f094dcca244002c3daa3",class:a+"__compact"},s("slot",{key:"1a8293fe80d2f7e639f9b46cfa37c51c90244cd8",name:"compact",onSlotchange:()=>this.updateContext()})),s("div",{key:"e93e090e3386db2cdaa478f99718574166febe41",class:a+"__full"},s("slot",{key:"ad39a4e5b068e72d98ef8551f6f9ec92de275641",name:"full",onSlotchange:()=>this.updateContext()})))}static get watchers(){return{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__KmYz6O{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__KmYz6O__compact slot,.ds-pagination__KmYz6O__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__KmYz6O--compact .ds-pagination__KmYz6O__compact,.ds-pagination__KmYz6O--auto .ds-pagination__KmYz6O__compact{width:100%}@media (min-width: 30rem){.ds-pagination__KmYz6O--compact .ds-pagination__KmYz6O__compact,.ds-pagination__KmYz6O--auto .ds-pagination__KmYz6O__compact{width:auto}}.ds-pagination__KmYz6O--compact .ds-pagination__KmYz6O__compact slot,.ds-pagination__KmYz6O--auto .ds-pagination__KmYz6O__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__KmYz6O ::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, 600);text-align:center;align-self:center}.ds-pagination__KmYz6O--compact .ds-pagination__KmYz6O__full{display:none}.ds-pagination__KmYz6O--full .ds-pagination__KmYz6O__compact{display:none}.ds-pagination__KmYz6O--auto .ds-pagination__KmYz6O__full{display:none}@media (min-width: 60rem){.ds-pagination__KmYz6O--auto .ds-pagination__KmYz6O__full{display:contents}.ds-pagination__KmYz6O--auto .ds-pagination__KmYz6O__compact{display:none}}"}},[769,"ds-pagination",{dsCurrentPage:[2,"ds-current-page"],dsTotalPages:[2,"ds-total-pages"],dsLayout:[1,"ds-layout"],dsVariant:[1,"ds-variant"],dsAriaLabel:[1,"ds-aria-label"],texts:[32]},[[16,"dsLanguageChange","handleLanguageChange"]],{dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}]),b=z,O=function(){"undefined"!=typeof customElements&&["ds-pagination"].forEach((a=>{"ds-pagination"===a&&(customElements.get(e(a))||customElements.define(e(a),z))}))};export{b as DsPagination,O as defineCustomElement}
+import{p as a,H as t,h as s,t as e}from"./p-D7drWwKe.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as n}from"./p-DgTb4Jpc.js";import{j as o}from"./p-DBW_vEKT.js";import{a as d,g,b as r,d as l,e as p,n as c,p as _,l as m,f as P,h as u}from"./p-CT3rI4iU.js";import{s as h,p as f}from"./p-B-jfWeRN.js";const S=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}get el(){return this}dsCurrentPage=1;dsTotalPages=1;dsLayout="auto";dsVariant="medium";dsAriaLabel;texts={firstPage:P(),lastPage:m(),previousPage:_(),nextPage:c(),goToFirstPage:p(),goToLastPage:l(),goToPreviousPage:r(),goToNextPage:g(),currentPage:d(),ellipsis:o()};handleLanguageChange(){this.setTexts(),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.setTexts(),this.dsCurrentPageObserver(this.dsCurrentPage),this.dsTotalPagesObserver(this.dsTotalPages),this.storeContext()}componentDidLoad(){this.updateContext()}componentDidUpdate(){this.updateContext()}storeContext(){const a=this.createContext();h(this.el,a)}updateContext(){const a=this.createContext();f(this.el,a)}createContext(){return{currentPage:this.dsCurrentPage,totalPages:this.dsTotalPages,variant:this.dsVariant,layout:this.dsLayout,isCompact:!1,texts:this.texts}}setTexts(){this.texts={firstPage:P(),lastPage:m(),previousPage:_(),nextPage:c(),goToFirstPage:p(),goToLastPage:l(),goToPreviousPage:r(),goToNextPage:g(),currentPage:d(),ellipsis:o()}}render(){const a=n("ds-pagination"),t=i(a,`${a}--${this.dsVariant}`,`${a}--${this.dsLayout}`),e="small"===this.dsVariant?"var(--ds-fontSize-16)":"var(--ds-fontSize-18)",o="small"===this.dsVariant?"var(--ds-spacing-large)":"calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))";return s("nav",{key:"13154d7bb5db1dd611d978201cadc8e1c53025d4",class:t,"aria-label":this.dsAriaLabel||u(),style:{"--ds-pagination-font-size":e,"--ds-link-cta-min-width":o}},s("div",{key:"044c3297eda5b36b6bf8f094dcca244002c3daa3",class:a+"__compact"},s("slot",{key:"1a8293fe80d2f7e639f9b46cfa37c51c90244cd8",name:"compact",onSlotchange:()=>this.updateContext()})),s("div",{key:"e93e090e3386db2cdaa478f99718574166febe41",class:a+"__full"},s("slot",{key:"ad39a4e5b068e72d98ef8551f6f9ec92de275641",name:"full",onSlotchange:()=>this.updateContext()})))}static get watchers(){return{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__SPFJ1E{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__SPFJ1E__compact slot,.ds-pagination__SPFJ1E__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__compact,.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact{width:100%}@media (min-width: 30rem){.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__compact,.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact{width:auto}}.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__compact slot,.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__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__SPFJ1E ::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, 600);text-align:center;align-self:center}.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__full{display:none}.ds-pagination__SPFJ1E--full .ds-pagination__SPFJ1E__compact{display:none}.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__full{display:none}@media (min-width: 60rem){.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__full{display:contents}.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact{display:none}}"}},[769,"ds-pagination",{dsCurrentPage:[2,"ds-current-page"],dsTotalPages:[2,"ds-total-pages"],dsLayout:[1,"ds-layout"],dsVariant:[1,"ds-variant"],dsAriaLabel:[1,"ds-aria-label"],texts:[32]},[[16,"dsLanguageChange","handleLanguageChange"]],{dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}]),b=S,v=function(){"undefined"!=typeof customElements&&["ds-pagination"].forEach((a=>{"ds-pagination"===a&&(customElements.get(e(a))||customElements.define(e(a),S))}))};export{b as DsPagination,v 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 r}from"./p-DZOTmLzP.js";import{c as d}from"./p-BfTCfPZ1.js";import{i as a,t as n,d as l}from"./p-J5Ghj1_T.js";import{d as h}from"./p-B3JeAI4k.js";import{i as u,a as c}from"./p-BecId8t2.js";import{g as m,c as f}from"./p-BpSE24G8.js";import{c as b}from"./p-ByHAbBpc.js";import{d as p}from"./p-Oz3y34wB.js";import{d as g}from"./p-CeglrwZj.js";import{d as v}from"./p-ZdV_7tJ4.js";const y=a("ds-radio-button-group"),_=s(class extends(t(h)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.__attachShadow(),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()}fieldsetId=y.next().value;legendId=this.fieldsetId+"-legend";errorTextId=this.fieldsetId+"-error";assistiveTextId=this.fieldsetId+"-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 n("ds-radio-button","ds-radio-button-group",this.el)}getLegendText=()=>{if("boolean"!=typeof this.dsLabel)return this.dsRequired?m(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},f(),this.getRadios()?.[0]?.querySelector("input")):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}handleInvalid=async s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...u(this.el,["aria-labelledby"])},this.updateFocusableRadioButton(),this.setDisableEventEmits(!0)}componentDidLoad(){this.updateRadios(((s,t)=>{s.dsErrorsDisabled=!0,0===t&&this.dsErrorText&&s.setAttribute("aria-describedby",this.errorTextId),this.dsForm&&(s.dsForm=this.dsForm)})),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},f(),this.getRadios()?.[0]?.querySelector("input"))}async getValue(){return this.dsValue}errorObserver(s){this.updateRadios(((t,i)=>{0===i&&s?t.setAttribute("aria-describedby",this.errorTextId):0!==i||s||t.removeAttribute("aria-describedby")})),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},f(),this.getRadios()?.[0]?.querySelector("input")),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}))}onInputChange(s){s.stopPropagation();const t=s.target;this.setDisableEventEmits(!1),this.dsValue=t.dsValue,this.dsRadioButtonGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}listenFocus(s){this.focusedChildRadioButton=s.detail}listenBlur(s){this.childBlurTimeout=setTimeout((()=>{s.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}onKeyDown(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.findIndex((s=>s===i));let o;["ArrowUp","ArrowLeft"].includes(s.key)&&(o=0===e?t.length-1:e-1),["ArrowDown","ArrowRight"].includes(s.key)&&(o=(e+1)%t.length);const r=t[o];r.setFocus(),r.setChecked()}render(){const s=b("ds-radio-button-group"),t=d(s),i=d(s+"__legend"),r=d(s+"__assistive-text"),a=d(s+"__radio-buttons-slot",{[s+"__radio-buttons-slot--horizontal"]:"horizontal"===this.dsDirection}),l=d(s+"__error"),h=n("ds-input-validity","ds-radio-button-group",this.el);return e(o,{key:"bfc004f27594e8f9d7a35e591cd6f8f8d5ce20f4","data-invalid":!!this.dsErrorText||void 0},e("fieldset",{key:"2fc540ce180279ed112755593db055160a2126fd",class:t,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},e("legend",{key:"d4f408aa4697f93c98a2388fb34e27c92035ad5f",id:this.legendId,class:i},this.getLegendText()),this.dsAssistiveText&&e("small",{key:"11e343143059e91b42699e2d83c867bca2ba22a9",class:r,id:this.assistiveTextId},this.dsAssistiveText),e("div",{key:"f3f5c95b6969c35657638a435a855fcb4fc80617",class:a},e("slot",{key:"9ab636880f3cf6db34f2e0015c38e9f3a1644471",onSlotchange:this.updateFocusableRadioButton})),!!this.dsErrorText&&e("div",{key:"309f1434162b0313ef1871b07620da3faab317fe",class:l},e(h,{key:"2e591201b812ea0103786dd1003a28e8dbf702ad",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}static get delegatesFocus(){return!0}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-radio-button-group__KmYz6O{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__KmYz6O__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__KmYz6O__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__KmYz6O__legend{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__KmYz6O__assistive-text{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)}"}},[849,"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],setFocus:[64],checkValidity:[64],getValue:[64]},[[0,"dsCheck","onInputChange"],[0,"dsFocus","listenFocus"],[0,"dsBlur","listenBlur"],[0,"keydown","onKeyDown"]],{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}]);l([e("ds-input-validity",null)]);const x=_,B=function(){"undefined"!=typeof customElements&&["ds-radio-button-group","ds-feedback","ds-icon","ds-input-validity"].forEach((s=>{switch(s){case"ds-radio-button-group":customElements.get(r(s))||customElements.define(r(s),_);break;case"ds-feedback":customElements.get(r(s))||p();break;case"ds-icon":customElements.get(r(s))||g();break;case"ds-input-validity":customElements.get(r(s))||v()}}))};export{x as DsRadioButtonGroup,B as defineCustomElement}
+import{p as s,M as t,c as i,h as e,d as o,t as r}from"./p-D7drWwKe.js";import{c as d}from"./p-BfTCfPZ1.js";import{i as a,t as n,d as l}from"./p-J5Ghj1_T.js";import{d as h}from"./p-B3JeAI4k.js";import{i as u,a as c}from"./p-BecId8t2.js";import{g as f,c as m}from"./p-DBW_vEKT.js";import{c as b}from"./p-DgTb4Jpc.js";import{d as p}from"./p-cBjVr9Tq.js";import{d as g}from"./p-BRKwvv98.js";import{d as v}from"./p-qyZAXct-.js";import{d as y}from"./p-tTA4zhDH.js";const _=a("ds-radio-button-group"),x=s(class extends(t(h)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.__attachShadow(),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()}fieldsetId=_.next().value;legendId=this.fieldsetId+"-legend";errorTextId=this.fieldsetId+"-error";assistiveTextId=this.fieldsetId+"-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 n("ds-radio-button","ds-radio-button-group",this.el)}getLegendText=()=>{if("boolean"!=typeof this.dsLabel)return this.dsRequired?f(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},m(),this.getRadios()?.[0]?.querySelector("input")):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}handleInvalid=async s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...u(this.el,["aria-labelledby"])},this.updateFocusableRadioButton(),this.setDisableEventEmits(!0)}componentDidLoad(){this.updateRadios(((s,t)=>{s.dsErrorsDisabled=!0,0===t&&this.dsErrorText&&s.setAttribute("aria-describedby",this.errorTextId),this.dsForm&&(s.dsForm=this.dsForm)})),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},m(),this.getRadios()?.[0]?.querySelector("input"))}async getValue(){return this.dsValue}errorObserver(s){this.updateRadios(((t,i)=>{0===i&&s?t.setAttribute("aria-describedby",this.errorTextId):0!==i||s||t.removeAttribute("aria-describedby")})),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},m(),this.getRadios()?.[0]?.querySelector("input")),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}))}onInputChange(s){s.stopPropagation();const t=s.target;this.setDisableEventEmits(!1),this.dsValue=t.dsValue,this.dsRadioButtonGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}listenFocus(s){this.focusedChildRadioButton=s.detail}listenBlur(s){this.childBlurTimeout=setTimeout((()=>{s.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}onKeyDown(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.findIndex((s=>s===i));let o;["ArrowUp","ArrowLeft"].includes(s.key)&&(o=0===e?t.length-1:e-1),["ArrowDown","ArrowRight"].includes(s.key)&&(o=(e+1)%t.length);const r=t[o];r.setFocus(),r.setChecked()}render(){const s=b("ds-radio-button-group"),t=d(s),i=d(s+"__legend"),r=d(s+"__assistive-text"),a=d(s+"__radio-buttons-slot",{[s+"__radio-buttons-slot--horizontal"]:"horizontal"===this.dsDirection}),l=d(s+"__error"),h=n("ds-input-validity","ds-radio-button-group",this.el);return e(o,{key:"bfc004f27594e8f9d7a35e591cd6f8f8d5ce20f4","data-invalid":!!this.dsErrorText||void 0},e("fieldset",{key:"2fc540ce180279ed112755593db055160a2126fd",class:t,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},e("legend",{key:"d4f408aa4697f93c98a2388fb34e27c92035ad5f",id:this.legendId,class:i},this.getLegendText()),this.dsAssistiveText&&e("small",{key:"11e343143059e91b42699e2d83c867bca2ba22a9",class:r,id:this.assistiveTextId},this.dsAssistiveText),e("div",{key:"f3f5c95b6969c35657638a435a855fcb4fc80617",class:a},e("slot",{key:"9ab636880f3cf6db34f2e0015c38e9f3a1644471",onSlotchange:this.updateFocusableRadioButton})),e("div",{key:"48d8c84ef7365d463a3b33e2b7cd55bc3c948aba",class:l},e(h,{key:"d7cc1919ac771a9a7f824ab2035e22909d1baced",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}static get delegatesFocus(){return!0}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-radio-button-group__SPFJ1E{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__SPFJ1E__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__SPFJ1E__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__SPFJ1E__legend{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__SPFJ1E__assistive-text{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)}"}},[849,"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],setFocus:[64],checkValidity:[64],getValue:[64]},[[0,"dsCheck","onInputChange"],[0,"dsFocus","listenFocus"],[0,"dsBlur","listenBlur"],[0,"keydown","onKeyDown"]],{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}]);l([e("ds-input-validity",null)]);const B=x,w=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(r(s))||customElements.define(r(s),x);break;case"ds-feedback":customElements.get(r(s))||p();break;case"ds-icon":customElements.get(r(s))||g();break;case"ds-input-validity":customElements.get(r(s))||v();break;case"ds-visually-hidden":customElements.get(r(s))||y()}}))};export{B as DsRadioButtonGroup,w as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,M as s,c as i,f as d,h as o,F as r,t as e}from"./p-DZOTmLzP.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as n,a as l}from"./p-BecId8t2.js";import{v as c,g as b}from"./p-BpSE24G8.js";import{i as u,t as _,a as h,d as m}from"./p-J5Ghj1_T.js";import{c as v}from"./p-ByHAbBpc.js";import{a as g,d as f}from"./p-CeglrwZj.js";import{d as p}from"./p-B3JeAI4k.js";import{d as O}from"./p-Oz3y34wB.js";import{d as z}from"./p-ZdV_7tJ4.js";import{d as K}from"./p-DCn1Mkl6.js";const Y=u("ds-radio-button"),k=t(class extends(s(g,p)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsChange=i(this,"dsChange",7),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=Y.next().value;_dsName=this.dsId;async 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)}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(_("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))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState)),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message: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 o("slot",{name:"icon"},o("div",{class:s,"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:i,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(t){const s=a(""+t,{[t+"--disabled"]:this.dsDisabled,[t+"--invalid"]:!!this.dsErrorText}),i=a(t+"__input"),d=a(t+"__text"),e=this.focusable?0:-1,n=_("ds-input-validity","ds-radio-button",this.el),l=_("ds-visually-hidden","ds-radio-button",this.el),{"aria-label":c,"aria-describedby":b,...u}=this.inheritedAttributes;return o(r,null,o("div",null,o("label",{class:s},o(l,null,o("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:e,required:this.dsRequired,"aria-label":this.dsAriaLabel??c,"aria-describedby":this.dsAriaDescribedby??b,"aria-invalid":this.dsErrorText?"true":this.inheritedAttributes["aria-invalid"],...u})),this.renderRadioIcon(t),o("span",{class:d},o("slot",null,this.dsText)))),!this.dsErrorsDisabled&&o("slot",{name:"validity"},o("div",{class:t+"__validity"},o(n,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(t){const s=a(t+"-fieldset"),i=a(t+"-fieldset__legend"),d=a(t+"-fieldset__assistive-text"),r=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return o("fieldset",{class:s,...h("aria-describedby",r)},o("legend",{class:i},o("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&o("small",{class:d,id:this.assistiveTextId},o("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__KmYz6O.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__KmYz6O--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__KmYz6O.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__KmYz6O__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__KmYz6O__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__KmYz6O__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__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__KmYz6O.sc-ds-radio-button:hover:not(.ds-radio-button__KmYz6O--disabled):not(.ds-radio-button__KmYz6O--invalid) .ds-radio-button__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__KmYz6O.sc-ds-radio-button:hover:not(.ds-radio-button__KmYz6O--disabled):not(.ds-radio-button__KmYz6O--invalid) .ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__KmYz6O.sc-ds-radio-button:hover:not(.ds-radio-button__KmYz6O--disabled):not(.ds-radio-button__KmYz6O--invalid) .ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__KmYz6O.sc-ds-radio-button:active:not(.ds-radio-button__KmYz6O--disabled):not(.ds-radio-button__KmYz6O--invalid) .ds-radio-button__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__KmYz6O.sc-ds-radio-button:active:not(.ds-radio-button__KmYz6O--disabled):not(.ds-radio-button__KmYz6O--invalid) .ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__KmYz6O.sc-ds-radio-button:active:not(.ds-radio-button__KmYz6O--disabled):not(.ds-radio-button__KmYz6O--invalid) .ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__KmYz6O--disabled.sc-ds-radio-button .ds-radio-button__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__KmYz6O--disabled.sc-ds-radio-button .ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__KmYz6O--disabled.sc-ds-radio-button .ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button .ds-radio-button__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button .ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button .ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__KmYz6O--disabled) .ds-radio-button__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__KmYz6O--disabled) .ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__KmYz6O--disabled) .ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button:active:not(.ds-radio-button__KmYz6O--disabled) .ds-radio-button__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button:active:not(.ds-radio-button__KmYz6O--disabled) .ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button:active:not(.ds-radio-button__KmYz6O--disabled) .ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__KmYz6O-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__KmYz6O-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__KmYz6O-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],setFocus:[64],setFocusable:[64],setChecked:[64],checkValidity:[64]},void 0,{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);m([o("ds-visually-hidden",null),o("ds-input-validity",null)]);const C=k,y=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(e(t))||customElements.define(e(t),k);break;case"ds-feedback":customElements.get(e(t))||O();break;case"ds-icon":customElements.get(e(t))||f();break;case"ds-input-validity":customElements.get(e(t))||z();break;case"ds-visually-hidden":customElements.get(e(t))||K()}}))};export{C as DsRadioButton,y as defineCustomElement}
+import{p as t,M as s,c as i,f as d,h as o,F as r,t as e}from"./p-D7drWwKe.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as n,a as l}from"./p-BecId8t2.js";import{v as c,g as b}from"./p-DBW_vEKT.js";import{i as u,t as _,a as h,d as v}from"./p-J5Ghj1_T.js";import{c as g}from"./p-DgTb4Jpc.js";import{a as f,d as m}from"./p-BRKwvv98.js";import{d as p}from"./p-B3JeAI4k.js";import{d as F}from"./p-cBjVr9Tq.js";import{d as E}from"./p-qyZAXct-.js";import{d as S}from"./p-tTA4zhDH.js";const J=u("ds-radio-button"),P=t(class extends(s(f,p)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsChange=i(this,"dsChange",7),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=J.next().value;_dsName=this.dsId;async 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)}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(_("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))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState)),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message: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 o("slot",{name:"icon"},o("div",{class:s,"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:i,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(t){const s=a(""+t,{[t+"--disabled"]:this.dsDisabled,[t+"--invalid"]:!!this.dsErrorText}),i=a(t+"__input"),d=a(t+"__text"),e=this.focusable?0:-1,n=_("ds-input-validity","ds-radio-button",this.el),l=_("ds-visually-hidden","ds-radio-button",this.el),{"aria-label":c,"aria-describedby":b,...u}=this.inheritedAttributes;return o(r,null,o("div",null,o("label",{class:s},o(l,null,o("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:e,required:this.dsRequired,"aria-label":this.dsAriaLabel??c,"aria-describedby":this.dsAriaDescribedby??b,"aria-invalid":this.dsErrorText?"true":this.inheritedAttributes["aria-invalid"],...u})),this.renderRadioIcon(t),o("span",{class:d},o("slot",null,this.dsText)))),!this.dsErrorsDisabled&&o("slot",{name:"validity"},o("div",{class:t+"__validity"},o(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"),r=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return o("fieldset",{class:s,...h("aria-describedby",r)},o("legend",{class:i},o("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&o("small",{class:d,id:this.assistiveTextId},o("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(t))}render(){const t=g("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__SPFJ1E.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__SPFJ1E--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__SPFJ1E__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__SPFJ1E__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__SPFJ1E__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__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__SPFJ1E--disabled.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__SPFJ1E--disabled.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__SPFJ1E--disabled.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__SPFJ1E-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__SPFJ1E-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__SPFJ1E-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],setFocus:[64],setFocusable:[64],setChecked:[64],checkValidity:[64]},void 0,{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);v([o("ds-visually-hidden",null),o("ds-input-validity",null)]);const k=P,C=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(e(t))||customElements.define(e(t),P);break;case"ds-feedback":customElements.get(e(t))||F();break;case"ds-icon":customElements.get(e(t))||m();break;case"ds-input-validity":customElements.get(e(t))||E();break;case"ds-visually-hidden":customElements.get(e(t))||S()}}))};export{k as DsRadioButton,C as defineCustomElement}

package/dist/components/ds-ribbon.js

@@ -1 +1 @@
-import{p as s,H as i,c as e,h as t,t as r}from"./p-DZOTmLzP.js";import{c as o}from"./p-BfTCfPZ1.js";import{b as n,i as a}from"./p-BecId8t2.js";import{i as d,t as l,d as b}from"./p-J5Ghj1_T.js";import{c}from"./p-ByHAbBpc.js";import{v as m}from"./p-Dr8ZNOEr.js";import{d as h,g as _,o as p}from"./p-CHu0W_4n.js";import{a as g}from"./p-gPkqWfeS.js";import{d as u}from"./p-NoqVzqGs.js";import{d as w}from"./p-CeglrwZj.js";import{d as f}from"./p-DybNEy9F.js";import{d as k}from"./p-gIfkEYqH.js";import{d as v}from"./p-DLh_CSNT.js";import{d as z}from"./p-HcAhEBY0.js";import{d as x}from"./p-DCn1Mkl6.js";class O{static async loadRibbonData(s){if(!s||""===s.trim())return null;try{const i=await fetch(s);if(!i.ok)throw Error("Failed to fetch data: "+i.status);const e=await i.json();if(e.v1?.ribbon)return e.v1.ribbon;throw Error("Invalid data structure: expected v1.ribbon")}catch(s){return console.warn("Failed to load external ribbon data:",s),null}}}const y=g.v1.ribbon,K=s(class extends i{constructor(s){super(),!1!==s&&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;lang=h;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,i,e="en")=>this.loadedExternalData.links[this.lang].map((s=>({id:s.id,href:s.href||"#",text:s.text,badge:s.badge?i.badgeTexts[s.badge][e]: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={...a(this.el),...n(this.el,["lang"])}}async componentDidLoad(){this.lang=_(),this.setupStoreListener(),this.dsDataUrl&&""!==this.dsDataUrl.trim()&&await this.loadExternalData()}async loadExternalData(){try{const s=await O.loadRibbonData(this.dsDataUrl);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)}setupStoreListener(){this.storeUnsubscribe=p("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()}handleLanguageChange(s){this.lang=s.detail}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 i=s.target;if(!i)return;const e=i.scrollTop,t=i.scrollHeight-i.clientHeight;t<=0||(e<=1?(i.classList.remove("has-top-scrim"),i.classList.add("has-bottom-scrim")):e>=t-1?(i.classList.add("has-top-scrim"),i.classList.remove("has-bottom-scrim")):(i.classList.add("has-top-scrim"),i.classList.add("has-bottom-scrim")))};handleDrawerBackdropClick=s=>{s.target===s.currentTarget&&(this.isMobileDrawerOpen=!1)};getDrawerFocusableElements(){if(!this.drawerRef)return[];const s=[],i=this.drawerRef.querySelector("#"+this.dsCloseButtonId);i&&this.isFocusableElement(i)&&s.push(i);const e=this.drawerRef.querySelector(this.DsLinkLogo);if(e&&e.shadowRoot){const i=e.shadowRoot.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}return this.drawerRef.querySelectorAll('[class*="drawer-link-item"]').forEach((i=>{const e=i.querySelector(this.DsLink);if(e&&e.shadowRoot){const i=e.shadowRoot.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}})),s}isFocusableElement(s){if(!s||null===s.offsetParent)return!1;const i=s.tagName.toLowerCase();return["a","button"].includes(i)&&-1!==s.tabIndex}handleFocusTrap(s){const i=this.getDrawerFocusableElements();if(0===i.length)return;let e=document.activeElement;e&&e.shadowRoot&&e.shadowRoot.activeElement&&(e=e.shadowRoot.activeElement),this.el.shadowRoot&&this.el.shadowRoot.activeElement&&(e=this.el.shadowRoot.activeElement,e.shadowRoot&&e.shadowRoot.activeElement&&(e=e.shadowRoot.activeElement));const t=i.indexOf(e);if(s.shiftKey){const s=t<=0?i.length-1:t-1;i[s]?.focus()}else{const s=t>=i.length-1?0:t+1;i[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,i){if(s.removeEventListener("scroll",this.handleDrawerScroll),s.addEventListener("scroll",this.handleDrawerScroll,{passive:!0}),this.drawerRef){const e=s.scrollTop,t=1;e<=t?(this.drawerRef.classList.remove("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim")):e>=i-t?(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.remove("has-bottom-scrim")):(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.add("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]||y.brandingUrls?.[s]}renderBranding(){if(this.dsHideBranding)return null;const s=c("ds-ribbon"),i=this.getBrandingUrl();return t("div",{class:s+"__branding"},t(this.DsLinkLogo,{dsHref:i,dsIcon:this.dsIcon||this.icon||y.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 i=c("ds-ribbon");return t("div",{class:i+"__desktop-nav"},t("ul",{class:i+"__desktop-links"},s.filter((s=>!s.mobileOnly)).map((s=>t("li",{key:"desktop-"+s.id,class:i+"__desktop-link-item"},t(this.DsLink,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:i+"__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:i+"__desktop-badge",dsAriaHidden:!0}),"_blank"===s.target&&t(this.DsVisuallyHidden,null,m()))))))}renderMobileNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const i=c("ds-ribbon");return t("div",{class:i+"__drawer-backdrop",onClick:this.handleDrawerBackdropClick,...this.isMobileDrawerOpen?{}:{inert:!0}},t("div",{id:i+"__drawer",class:i+"__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:i+"__drawer-nav"},t("div",{class:i+"__top-scrim"}),t("ul",{class:i+"__drawer-links"},s.map((s=>t("li",{key:"mobile-"+s.id,class:i+"__drawer-link-item"},t(this.DsLink,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:i+"__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:i+"__drawer-badge",dsAriaHidden:!0}),"_blank"===s.target&&t(this.DsVisuallyHidden,null,m()))))),t("div",{class:i+"__bottom-scrim"}))))}renderDrawerHeader(){const s=c("ds-ribbon"),i=this.getBrandingUrl();return t("div",{class:s+"__drawer-header"},t("div",{class:s+"__drawer-branding"},t(this.DsLinkLogo,{class:s+"__drawer-branding-link",dsHref:i,dsIcon:this.dsIcon||this.icon||y.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 i=c("ds-ribbon");return t(this.DsButton,{ref:s=>this.mobileToggleRef=s,id:this.dsMobileToggleId,class:i+"__mobile-toggle",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedSitesText,dsIcon:"keyboard_arrow_down",dsIconPosition:"end",onClick:this.handleMobileToggle,dsAriaExpanded:this.isMobileDrawerOpen,dsAriaControls:i+"__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"),i=o(s,{[s+"--drawer-open"]:this.isMobileDrawerOpen,[s+"--drawer-clicked"]:this.isMobileDrawerClicked});return t("div",{key:"083f9b57e28d8eecbfae7e2030d64a93b1d06c7c",class:i},t("nav",{key:"e27bb14d0158c3338a9cee617cadd6d7a939f4c4","aria-label":this.localizedNavAriaLabel,...this.isMobileDrawerOpen?{inert:!0}:{}},t("div",{key:"dd069ba6a40bbd9e8019f63de6cd6a8c76c07427",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__KmYz6O{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__KmYz6O__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__KmYz6O__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__KmYz6O__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__KmYz6O__container{grid-template-columns:auto auto}}.ds-ribbon__KmYz6O__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__KmYz6O__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__KmYz6O__mobile-toggle{display:none}}.ds-ribbon__KmYz6O__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__KmYz6O__drawer-backdrop{display:none}}.ds-ribbon__KmYz6O--drawer-open .ds-ribbon__KmYz6O__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__KmYz6O__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__KmYz6O__drawer-backdrop,.ds-ribbon__KmYz6O--drawer-open .ds-ribbon__KmYz6O__container .ds-ribbon__KmYz6O__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__KmYz6O--drawer-clicked .ds-ribbon__KmYz6O__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__KmYz6O--drawer-open .ds-ribbon__KmYz6O__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__KmYz6O__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__KmYz6O__desktop-nav{display:block}}.ds-ribbon__KmYz6O__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__KmYz6O__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__KmYz6O__desktop-link{font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__KmYz6O__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__KmYz6O__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__KmYz6O__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__KmYz6O__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__KmYz6O__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__KmYz6O--drawer-open .ds-ribbon__KmYz6O__drawer{transform:translateX(0%)}.ds-ribbon__KmYz6O__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__KmYz6O__drawer-header{display:none}}.ds-ribbon__KmYz6O__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__KmYz6O__drawer-branding{max-width:unset}}.ds-ribbon__KmYz6O__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__KmYz6O__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__KmYz6O__drawer-nav{padding:0}}.ds-ribbon__KmYz6O__top-scrim,.ds-ribbon__KmYz6O__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__KmYz6O__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__KmYz6O__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__KmYz6O__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__KmYz6O__bottom-scrim{display:block}.ds-ribbon__KmYz6O__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__KmYz6O__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__KmYz6O__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__KmYz6O__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__KmYz6O__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__KmYz6O__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__KmYz6O__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__KmYz6O__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__KmYz6O__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__KmYz6O__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__KmYz6O__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__KmYz6O--drawer-open) .ds-ribbon__KmYz6O__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__KmYz6O--drawer-open) .ds-ribbon__KmYz6O__drawer-backdrop{display:block}}:host(.ds-ribbon__KmYz6O--drawer-open) .ds-ribbon__KmYz6O__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__KmYz6O--drawer-open) .ds-ribbon__KmYz6O__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],lang:[32],icon:[32],brandingUrls:[32]},[[16,"dsLanguageChange","handleLanguageChange"],[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 Y=K,T=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),K);break;case"ds-button":customElements.get(r(s))||u();break;case"ds-icon":customElements.get(r(s))||w();break;case"ds-link":customElements.get(r(s))||f();break;case"ds-link-logo":customElements.get(r(s))||k();break;case"ds-spinner":customElements.get(r(s))||v();break;case"ds-tag":customElements.get(r(s))||z();break;case"ds-visually-hidden":customElements.get(r(s))||x()}}))};export{Y as DsRibbon,T as defineCustomElement}
+import{p as s,H as i,c as e,h as t,t as r}from"./p-D7drWwKe.js";import{c as o}from"./p-BfTCfPZ1.js";import{b as n,i as a}from"./p-BecId8t2.js";import{i as d,t as l,d as b}from"./p-J5Ghj1_T.js";import{c}from"./p-DgTb4Jpc.js";import{v as h}from"./p-CRw90huu.js";import{d as _,g as m,o as p}from"./p-J7Ct1MQ0.js";import{a as g}from"./p-gPkqWfeS.js";import{d as u}from"./p-Dib6BujO.js";import{d as w}from"./p-BRKwvv98.js";import{d as f}from"./p-3h1AY-Xk.js";import{d as k}from"./p-ywaasssP.js";import{d as v}from"./p-B9VvQC9G.js";import{d as S}from"./p-ORTpE52P.js";import{d as x}from"./p-tTA4zhDH.js";class E{static async loadRibbonData(s){if(!s||""===s.trim())return null;try{const i=await fetch(s);if(!i.ok)throw Error("Failed to fetch data: "+i.status);const e=await i.json();if(e.v1?.ribbon)return e.v1.ribbon;throw Error("Invalid data structure: expected v1.ribbon")}catch(s){return console.warn("Failed to load external ribbon data:",s),null}}}const y=g.v1.ribbon,F=s(class extends i{constructor(s){super(),!1!==s&&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;lang=_;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,i,e="en")=>this.loadedExternalData.links[this.lang].map((s=>({id:s.id,href:s.href||"#",text:s.text,badge:s.badge?i.badgeTexts[s.badge][e]: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={...a(this.el),...n(this.el,["lang"])}}async componentDidLoad(){this.lang=m(),this.setupStoreListener(),this.dsDataUrl&&""!==this.dsDataUrl.trim()&&await this.loadExternalData()}async loadExternalData(){try{const s=await E.loadRibbonData(this.dsDataUrl);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)}setupStoreListener(){this.storeUnsubscribe=p("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()}handleLanguageChange(s){this.lang=s.detail}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 i=s.target;if(!i)return;const e=i.scrollTop,t=i.scrollHeight-i.clientHeight;t<=0||(e<=1?(i.classList.remove("has-top-scrim"),i.classList.add("has-bottom-scrim")):e>=t-1?(i.classList.add("has-top-scrim"),i.classList.remove("has-bottom-scrim")):(i.classList.add("has-top-scrim"),i.classList.add("has-bottom-scrim")))};handleDrawerBackdropClick=s=>{s.target===s.currentTarget&&(this.isMobileDrawerOpen=!1)};getDrawerFocusableElements(){if(!this.drawerRef)return[];const s=[],i=this.drawerRef.querySelector("#"+this.dsCloseButtonId);i&&this.isFocusableElement(i)&&s.push(i);const e=this.drawerRef.querySelector(this.DsLinkLogo);if(e&&e.shadowRoot){const i=e.shadowRoot.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}return this.drawerRef.querySelectorAll('[class*="drawer-link-item"]').forEach((i=>{const e=i.querySelector(this.DsLink);if(e&&e.shadowRoot){const i=e.shadowRoot.querySelector("a");i&&this.isFocusableElement(i)&&s.push(i)}})),s}isFocusableElement(s){if(!s||null===s.offsetParent)return!1;const i=s.tagName.toLowerCase();return["a","button"].includes(i)&&-1!==s.tabIndex}handleFocusTrap(s){const i=this.getDrawerFocusableElements();if(0===i.length)return;let e=document.activeElement;e&&e.shadowRoot&&e.shadowRoot.activeElement&&(e=e.shadowRoot.activeElement),this.el.shadowRoot&&this.el.shadowRoot.activeElement&&(e=this.el.shadowRoot.activeElement,e.shadowRoot&&e.shadowRoot.activeElement&&(e=e.shadowRoot.activeElement));const t=i.indexOf(e);if(s.shiftKey){const s=t<=0?i.length-1:t-1;i[s]?.focus()}else{const s=t>=i.length-1?0:t+1;i[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,i){if(s.removeEventListener("scroll",this.handleDrawerScroll),s.addEventListener("scroll",this.handleDrawerScroll,{passive:!0}),this.drawerRef){const e=s.scrollTop,t=1;e<=t?(this.drawerRef.classList.remove("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim")):e>=i-t?(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.remove("has-bottom-scrim")):(this.drawerRef.classList.add("has-top-scrim"),this.drawerRef.classList.add("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=m()||"fi";return this.dsBrandingUrls?.[s]||this.brandingUrls?.[s]||y.brandingUrls?.[s]}renderBranding(){if(this.dsHideBranding)return null;const s=c("ds-ribbon"),i=this.getBrandingUrl();return t("div",{class:s+"__branding"},t(this.DsLinkLogo,{dsHref:i,dsIcon:this.dsIcon||this.icon||y.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 i=c("ds-ribbon");return t("div",{class:i+"__desktop-nav"},t("ul",{class:i+"__desktop-links"},s.filter((s=>!s.mobileOnly)).map((s=>t("li",{key:"desktop-"+s.id,class:i+"__desktop-link-item"},t(this.DsLink,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:i+"__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:i+"__desktop-badge",dsAriaHidden:!0}),"_blank"===s.target&&t(this.DsVisuallyHidden,null,h()))))))}renderMobileNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const i=c("ds-ribbon");return t("div",{class:i+"__drawer-backdrop",onClick:this.handleDrawerBackdropClick,...this.isMobileDrawerOpen?{}:{inert:!0}},t("div",{id:i+"__drawer",class:i+"__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:i+"__drawer-nav"},t("div",{class:i+"__top-scrim"}),t("ul",{class:i+"__drawer-links"},s.map((s=>t("li",{key:"mobile-"+s.id,class:i+"__drawer-link-item"},t(this.DsLink,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:i+"__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:i+"__drawer-badge",dsAriaHidden:!0}),"_blank"===s.target&&t(this.DsVisuallyHidden,null,h()))))),t("div",{class:i+"__bottom-scrim"}))))}renderDrawerHeader(){const s=c("ds-ribbon"),i=this.getBrandingUrl();return t("div",{class:s+"__drawer-header"},t("div",{class:s+"__drawer-branding"},t(this.DsLinkLogo,{class:s+"__drawer-branding-link",dsHref:i,dsIcon:this.dsIcon||this.icon||y.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 i=c("ds-ribbon");return t(this.DsButton,{ref:s=>this.mobileToggleRef=s,id:this.dsMobileToggleId,class:i+"__mobile-toggle",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedSitesText,dsIcon:"keyboard_arrow_down",dsIconPosition:"end",onClick:this.handleMobileToggle,dsAriaExpanded:this.isMobileDrawerOpen,dsAriaControls:i+"__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"),i=o(s,{[s+"--drawer-open"]:this.isMobileDrawerOpen,[s+"--drawer-clicked"]:this.isMobileDrawerClicked});return t("div",{key:"083f9b57e28d8eecbfae7e2030d64a93b1d06c7c",class:i},t("nav",{key:"e27bb14d0158c3338a9cee617cadd6d7a939f4c4","aria-label":this.localizedNavAriaLabel,...this.isMobileDrawerOpen?{inert:!0}:{}},t("div",{key:"dd069ba6a40bbd9e8019f63de6cd6a8c76c07427",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__SPFJ1E{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__SPFJ1E__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__SPFJ1E__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__SPFJ1E__container{grid-template-columns:auto auto}}.ds-ribbon__SPFJ1E__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__SPFJ1E__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__mobile-toggle{display:none}}.ds-ribbon__SPFJ1E__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__SPFJ1E__drawer-backdrop{display:none}}.ds-ribbon__SPFJ1E--drawer-open .ds-ribbon__SPFJ1E__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__SPFJ1E__drawer-backdrop,.ds-ribbon__SPFJ1E--drawer-open .ds-ribbon__SPFJ1E__container .ds-ribbon__SPFJ1E__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__SPFJ1E--drawer-clicked .ds-ribbon__SPFJ1E__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__SPFJ1E--drawer-open .ds-ribbon__SPFJ1E__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__SPFJ1E__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__desktop-nav{display:block}}.ds-ribbon__SPFJ1E__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__SPFJ1E__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__SPFJ1E__desktop-link{font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__SPFJ1E__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__SPFJ1E__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__SPFJ1E__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__SPFJ1E__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__SPFJ1E__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__SPFJ1E--drawer-open .ds-ribbon__SPFJ1E__drawer{transform:translateX(0%)}.ds-ribbon__SPFJ1E__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__SPFJ1E__drawer-header{display:none}}.ds-ribbon__SPFJ1E__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__SPFJ1E__drawer-branding{max-width:unset}}.ds-ribbon__SPFJ1E__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__SPFJ1E__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__drawer-nav{padding:0}}.ds-ribbon__SPFJ1E__top-scrim,.ds-ribbon__SPFJ1E__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__SPFJ1E__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__SPFJ1E__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__SPFJ1E__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__SPFJ1E__bottom-scrim{display:block}.ds-ribbon__SPFJ1E__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__SPFJ1E__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__SPFJ1E__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__SPFJ1E__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__SPFJ1E__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__SPFJ1E__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__SPFJ1E__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__SPFJ1E__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__SPFJ1E__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__SPFJ1E--drawer-open) .ds-ribbon__SPFJ1E__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__SPFJ1E--drawer-open) .ds-ribbon__SPFJ1E__drawer-backdrop{display:block}}:host(.ds-ribbon__SPFJ1E--drawer-open) .ds-ribbon__SPFJ1E__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__SPFJ1E--drawer-open) .ds-ribbon__SPFJ1E__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],lang:[32],icon:[32],brandingUrls:[32]},[[16,"dsLanguageChange","handleLanguageChange"],[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 P=F,J=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),F);break;case"ds-button":customElements.get(r(s))||u();break;case"ds-icon":customElements.get(r(s))||w();break;case"ds-link":customElements.get(r(s))||f();break;case"ds-link-logo":customElements.get(r(s))||k();break;case"ds-spinner":customElements.get(r(s))||v();break;case"ds-tag":customElements.get(r(s))||S();break;case"ds-visually-hidden":customElements.get(r(s))||x()}}))};export{P as DsRibbon,J as defineCustomElement}

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

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

package/dist/components/ds-select.js

@@ -1 +1 @@
-import{p as s,M as e,c as t,f as i,h as o,d,t as l}from"./p-DZOTmLzP.js";import{c as r}from"./p-BfTCfPZ1.js";import{i as a,t as c,c as n,b as h,a as p,d as u}from"./p-J5Ghj1_T.js";import{k as m,c as _,f as b,l as v,w as g,b as f,r as O,h as x}from"./p-BpSE24G8.js";import{c as y}from"./p-ByHAbBpc.js";import{i as z,a as w}from"./p-BecId8t2.js";import{F as K}from"./p-BT1Kxodd.js";import{m as k}from"./p-xR0yDVYB.js";import{d as Y}from"./p-B3JeAI4k.js";import{d as C}from"./p-BLLtctJi.js";import{d as E}from"./p-NoqVzqGs.js";import{d as I}from"./p-OhiaSnAg.js";import{d as S}from"./p-Oz3y34wB.js";import{d as L}from"./p-CeglrwZj.js";import{d as F}from"./p-ZdV_7tJ4.js";import{d as T}from"./p-DGigVsWq.js";import{d as V}from"./p-CAbsIazU.js";import{d as D}from"./p-DLh_CSNT.js";import{d as R}from"./p-DCn1Mkl6.js";const B=a("ds-select"),j={dsPlaceholder:m},P=(s,e)=>e||j[s](),A=s(class extends(e(k,Y)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsMultipleChange=t(this,"dsMultipleChange",7),this.dsChange=t(this,"dsChange",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),this.dsBlur=t(this,"dsBlur",7),this.dsFocus=t(this,"dsFocus",7),this.internals=this.attachInternals()}inheritedAttributes={};get el(){return this}internals;dsMultipleChange;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=B.next().value;dsName=this.dsId;dsLabel;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsFullWidth=!1;dsRequired=!1;activeOption=null;selectedOptions=[];selectedOptionsLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonRef;iconRef;badgeRef;badgeContainerOffset=null;texts={dsPlaceholder:m()};feedback=[];inputValidityId;get isNative(){return"native"===this.dsVariant}get isMultiple(){return"multiple"===this.dsVariant}getInputValidityId(){return this.inputValidityId||(this.inputValidityId=this.dsId+"-validity"),this.inputValidityId}setTexts(){this.texts={dsPlaceholder:P("dsPlaceholder",this.dsPlaceholder)}}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};async checkValidity(){return this.internals?.checkValidity()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue||null,label:await s.getLabel()||null,description:s.dsDescription||null}))))}connectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this.setDisableEventEmits(!0),this.setTexts(),this.inheritedAttributes={...w(this,this.el),...z(this.el,this.isNative?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.isNative?this.internals?.setValidity({}):this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},_()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return c("ds-icon","ds-select",this.el)}get DsInputValidity(){return c("ds-input-validity","ds-select",this.el)}get DsOption(){return c("ds-option","ds-select",this.el)}get DsFeedback(){return c("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;handleEscEvent(s){this.selectedOptions.length>0&&"Tab"===s.detail.key?this.clearButtonRef?.setFocus():["Escape","Shift+Tab"].includes(s.detail.key)&&this.customSelectRef?.focus()}handleLanguageChange(){this.setTexts()}onFocusIn(){this.hasFocus=!0}onFocusOut(s){const e=s&&"relatedTarget"in s?s.relatedTarget:null;(!e||!this.el.contains(e))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.isNative||this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async handleOptionClick(s){s&&!s.dsDisabled&&(this.setDisableEventEmits(!1),this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple||(this.activeIndex=null,this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus()))}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){this.dsDisabled||(this.activeIndex=null,this.setDisableEventEmits(!1),this.value=this.toValue(null),this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus())}handleKeyDown(s){"ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.isOpen=!0,this.updateActiveIndex(),window.requestAnimationFrame((()=>{const s=this.el.querySelector("."+y("ds-options"));s?.focus()})))}getBadgeContainerWidthOffset=async()=>{await n(this.clearButtonRef),await n(this.badgeRef);const s=this.clearButtonRef?.getBoundingClientRect().width||0,e=this.badgeRef?.getBoundingClientRect().width||0;this.badgeContainerOffset=s&&e?s+e:null};getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOption))}getFocusIndex(){const s=this.getAllOptions();if(""!==this.getValueItem(0)?.trim()){const e=s.findIndex((s=>s.dsValue+""==this.getValueItem(0)+""));if(-1!==e)return e}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const e=this.getAllOptions();this.activeOption=null!==s?e[s]:null,e.forEach(((s,e)=>{s.dsActive=e===this.activeIndex,s.dsSelected=this.inValue(s.dsValue)}))}clearButtonRefObserver(){this.getBadgeContainerWidthOffset()}textPropObserver(s,e,t){this.texts={...this.texts,[t]:P(t,s)}}valueObserver(s){this.isNative||this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.value=this.toValue(s)}selectedOptionsObserver(s,e){const t=s.map((s=>s.dsValue)),i=e?.map((s=>s.dsValue))||[],o=i.filter((s=>!t.includes(s))),d=t.filter((s=>!i.includes(s))),l=o.length>0||d.length>0;e?.forEach((s=>s.dsSelected=!1)),s.forEach((s=>s.dsSelected=!0));const r=this.getShouldEmit([l]);this.setDisableEventEmits(!0),r&&(this.dsMultipleChange.emit({values:t,added:d,removed:o}),this.dsChange.emit(t[0]||null)),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}resetFeedback=()=>{this.feedback=[],i(this)};debouncedResetFeedback=h(this.resetFeedback,K);appendFeedback=(s,e)=>{this.feedback=[...this.feedback,{key:s,message:e}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((e=>e.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";optionsMessagePropertyObserver(s,e,t){if(!s)return this.removeFeedback(t),void(0===this.feedback.length&&this.appendFeedback("default",b()));"dsLoading"===t&&s?this.appendFeedback(t,this.dsLoadingText||v()):"dsOptionsError"===t&&s&&this.appendFeedback(t,this.dsOptionsErrorText||`${g()} ${f()}`)}setSelectedOptionsFromValue=async s=>{if(!s||0===s.length)return void await this.setSelectedOptions([]);const e=this.getAllOptions().filter((e=>s.includes(e.dsValue)));0!==e.length?await this.setSelectedOptions(e):console.warn(`ds-select: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{!this.isMultiple&&this.activeOption&&(this.activeOption.dsActive=!1),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},_()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=c("ds-select-native","ds-select",this.el);return o(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.texts.dsPlaceholder,dsIcon:this.dsIcon,dsName:this.dsName||this.dsId,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsRequired:this.dsRequired,dsFullWidth:this.dsFullWidth,dsValue:this.getValueItem(0)||"",onDsChange:s=>{this.value=this.toValue(s.detail)},onDsValidity:s=>{this.dsValidity.emit(s.detail)},onDsSubmitInvalid:s=>{this.dsSubmitInvalid.emit(s.detail)},...this.inheritedAttributes},o("slot",{name:"label"}),o("slot",{name:"native"}))}renderCustomSelect(s){const e=0===this.selectedOptions.length,t=this.dsId+"-label",i=this.dsId+"-badge",d=this.dsId+"-selected-option",l=this.dsErrorText?this.getInputValidityId():void 0,a="ds-select-options-"+this.dsId,n=s+"-custom",h=c("ds-badge","ds-select",this.el),p=c("ds-button","ds-select",this.el),u=c("ds-options","ds-select",this.el),m=c("ds-options-message","ds-select",this.el),_=c("ds-control-label","ds-select",this.el),b=O(!0);return o("div",{style:{"--badge-container-offset":this.badgeContainerOffset?this.badgeContainerOffset+"px":void 0}},o(_,{dsId:t,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},o("slot",{name:"label"})),o("div",{class:n+"-wrapper"},o("div",{class:n+"-input-container"},o("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:r(""+n,{[s+"--full-width"]:this.dsFullWidth,[n+"--open"]:this.isOpen,[n+"--none-selected"]:e,[n+"--disabled"]:this.dsDisabled,[n+"--invalid"]:!!this.dsErrorText,[n+"--has-icon"]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-haspopup":"listbox","aria-expanded":this.isOpen+"","aria-disabled":this.dsDisabled+"","aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${t} ${i}`:t,"aria-describedby":l,"aria-controls":a,"aria-activedescendant":null!==this.activeIndex?`${this.dsId}-option-${this.activeIndex}`:void 0,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:s=>{this.dsDisabled||this.handleKeyDown(s)}},o("div",{class:n+"__selected-option"},this.dsIcon&&o(this.DsIcon,{class:n+"__selected-option__placeholder-icon",dsName:this.dsIcon}),o("span",{id:d,class:r(n+"__selected-option__text",{[n+"__selected-option__text--none-selected"]:e,[n+"__selected-option__text--disabled"]:this.dsDisabled})},this.selectedOptionsLabel||this.texts.dsPlaceholder)),o(this.DsIcon,{ref:s=>{this.iconRef=s},class:{[n+"__dropdown-icon"]:!0,[n+"__dropdown-icon--has-clear-button"]:this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled},dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.isMultiple&&this.selectedOptions?.length>0&&o("div",{class:n+"__badge-container"},o(h,{ref:s=>this.badgeRef=s,dsId:i,dsText:""+this.selectedOptions.length,dsHiddenAssistiveText:x()})),this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled&&o(p,{ref:s=>{this.clearButtonRef=s},class:n+"__clear-button",dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:b,dsIconAriaLabel:b,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:b,dsAriaDescribedby:d})),o("div",{id:a,class:{[n+"__options-container"]:!0,[n+"__options-container--open"]:this.isOpen},onClick:s=>{const e=s.target.closest(this.DsOption);this.handleOptionClick(e)}},o(m,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),o(u,{dsActiveIndex:this.activeIndex,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:t,dsAriaMultiselectable:this.isMultiple},o("slot",null)))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>o("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),!!this.dsErrorText&&o(this.DsInputValidity,{id:this.getInputValidityId(),dsText:this.dsErrorText,dsType:"error"}),o(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=y("ds-select");return o(d,{key:"9b80d829b81097d5cf6a4921663a37eddd1f7de8",...p("name",this.isNative?void 0:this.dsName)},o("div",{key:"53fb4c06f2320486ad2dd464a2db8f937ddf8d41",tabIndex:-1},this.isNative?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:[{activeIndexObserver:0}],clearButtonRef:[{clearButtonRefObserver:0}],badgeRef:[{clearButtonRefObserver:0}],dsPlaceholder:[{textPropObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],selectedOptions:[{selectedOptionsObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{optionsMessagePropertyObserver:0}],dsOptionsError:[{optionsMessagePropertyObserver:0}]}}static get style(){return".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__KmYz6O--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__KmYz6O-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__KmYz6O-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__KmYz6O-custom-wrapper.sc-ds-select{position:relative}.ds-select__KmYz6O-custom.sc-ds-select .ds-options__KmYz6O.sc-ds-select{display:block}.ds-select__KmYz6O-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__KmYz6O-custom-input-container.sc-ds-select:has(.ds-select__KmYz6O-custom__clear-button:hover) .ds-select__KmYz6O-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__KmYz6O-custom.sc-ds-select:not(.ds-select__KmYz6O-custom--open,.ds-select__KmYz6O-custom--invalid.sc-ds-select,.ds-select__KmYz6O-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__KmYz6O-custom.sc-ds-select:active:not(.ds-select__KmYz6O-custom--open,.ds-select__KmYz6O-custom--invalid.sc-ds-select,.ds-select__KmYz6O-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__KmYz6O-custom--open.sc-ds-select,.ds-select__KmYz6O-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__KmYz6O-custom--open.sc-ds-select:not(.ds-select__KmYz6O-custom--open--invalid,.ds-select__KmYz6O-custom.sc-ds-select:focus-visible--invalid),.ds-select__KmYz6O-custom.sc-ds-select:focus-visible:not(.ds-select__KmYz6O-custom--open--invalid,.ds-select__KmYz6O-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__KmYz6O-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__KmYz6O-custom--disabled.sc-ds-select .ds-select__KmYz6O-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__KmYz6O-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__KmYz6O-custom--invalid.sc-ds-select:not(.ds-select__KmYz6O-custom--invalid--open,.ds-select__KmYz6O-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__KmYz6O-custom--invalid.sc-ds-select:not(.ds-select__KmYz6O-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__KmYz6O-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__KmYz6O-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-xSmall)}.ds-select__KmYz6O-custom--has-icon.sc-ds-select .ds-select__KmYz6O-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__KmYz6O-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__KmYz6O-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__KmYz6O-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__KmYz6O-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__KmYz6O-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__KmYz6O-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__KmYz6O-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__KmYz6O-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__KmYz6O-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__KmYz6O-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__KmYz6O-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__KmYz6O-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__KmYz6O-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__KmYz6O-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__KmYz6O-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__KmYz6O-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__KmYz6O-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__KmYz6O-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__KmYz6O-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__KmYz6O-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__KmYz6O-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__KmYz6O-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}"}},[838,"ds-select",{dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsVariant:[1,"ds-variant"],dsClearable:[4,"ds-clearable"],dsDisabled:[4,"ds-disabled"],dsErrorText:[1,"ds-error-text"],dsIcon:[1,"ds-icon"],dsValue:[1,"ds-value"],dsLoading:[4,"ds-loading"],dsLoadingText:[1,"ds-loading-text"],dsOptionsError:[4,"ds-options-error"],dsOptionsErrorTitle:[1,"ds-options-error-title"],dsOptionsErrorText:[1,"ds-options-error-text"],dsFullWidth:[4,"ds-full-width"],dsRequired:[4,"ds-required"],value:[32],activeOption:[32],selectedOptions:[32],selectedOptionsLabel:[32],isOpen:[32],activeIndex:[32],hasFocus:[32],clearButtonRef:[32],iconRef:[32],badgeRef:[32],badgeContainerOffset:[32],texts:[32],feedback:[32],checkValidity:[64],getSelectedOption:[64],getSelectedOptions:[64]},[[0,"dsEsc","handleEscEvent"],[16,"dsLanguageChange","handleLanguageChange"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{activeIndex:[{activeIndexObserver:0}],clearButtonRef:[{clearButtonRefObserver:0}],badgeRef:[{clearButtonRefObserver:0}],dsPlaceholder:[{textPropObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],selectedOptions:[{selectedOptionsObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{optionsMessagePropertyObserver:0}],dsOptionsError:[{optionsMessagePropertyObserver:0}]}]);u([o("ds-select-native",null),o("ds-icon",{dsName:""}),o("ds-input-validity",null),o("ds-button",null),o("ds-options",null),o("ds-control-label",null),o("ds-feedback",null)]);const M=A,W=function(){"undefined"!=typeof customElements&&["ds-select","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-options","ds-select-native","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-select":customElements.get(l(s))||customElements.define(l(s),A);break;case"ds-assistive-text":customElements.get(l(s))||C();break;case"ds-button":customElements.get(l(s))||E();break;case"ds-control-label":customElements.get(l(s))||I();break;case"ds-feedback":customElements.get(l(s))||S();break;case"ds-icon":customElements.get(l(s))||L();break;case"ds-input-validity":customElements.get(l(s))||F();break;case"ds-options":customElements.get(l(s))||T();break;case"ds-select-native":customElements.get(l(s))||V();break;case"ds-spinner":customElements.get(l(s))||D();break;case"ds-visually-hidden":customElements.get(l(s))||R()}}))};export{M as DsSelect,W as defineCustomElement}
+import{p as s,M as e,c as t,f as i,h as o,d,t as l}from"./p-D7drWwKe.js";import{c as r}from"./p-BfTCfPZ1.js";import{i as a,t as c,c as n,b as h,a as p,d as u}from"./p-J5Ghj1_T.js";import{k as _,c as b,f as v,l as m,w as g,b as f,r as x,h as E}from"./p-DBW_vEKT.js";import{c as S}from"./p-DgTb4Jpc.js";import{i as F,a as y}from"./p-BecId8t2.js";import{F as P}from"./p-BT1Kxodd.js";import{m as w}from"./p-xR0yDVYB.js";import{d as O}from"./p-B3JeAI4k.js";import{d as J}from"./p-Bg8W_xlr.js";import{d as k}from"./p-Dib6BujO.js";import{d as C}from"./p-C3JZK1na.js";import{d as I}from"./p-cBjVr9Tq.js";import{d as L}from"./p-BRKwvv98.js";import{d as T}from"./p-qyZAXct-.js";import{d as D}from"./p-DrkUGssP.js";import{d as R}from"./p-CGJXc6RW.js";import{d as V}from"./p-B9VvQC9G.js";import{d as B}from"./p-tTA4zhDH.js";const j=a("ds-select"),A={dsPlaceholder:_},z=(s,e)=>e||A[s](),W=s(class extends(e(w,O)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsMultipleChange=t(this,"dsMultipleChange",7),this.dsChange=t(this,"dsChange",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),this.dsBlur=t(this,"dsBlur",7),this.dsFocus=t(this,"dsFocus",7),this.internals=this.attachInternals()}inheritedAttributes={};get el(){return this}internals;dsMultipleChange;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=j.next().value;dsName=this.dsId;dsLabel;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsFullWidth=!1;dsRequired=!1;activeOption=null;selectedOptions=[];selectedOptionsLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonRef;iconRef;badgeRef;badgeContainerOffset=null;texts={dsPlaceholder:_()};feedback=[];inputValidityId;get isNative(){return"native"===this.dsVariant}get isMultiple(){return"multiple"===this.dsVariant}getInputValidityId(){return this.inputValidityId||(this.inputValidityId=this.dsId+"-validity"),this.inputValidityId}setTexts(){this.texts={dsPlaceholder:z("dsPlaceholder",this.dsPlaceholder)}}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};async checkValidity(){return this.internals?.checkValidity()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue||null,label:await s.getLabel()||null,description:s.dsDescription||null}))))}connectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this.setDisableEventEmits(!0),this.setTexts(),this.inheritedAttributes={...y(this,this.el),...F(this.el,this.isNative?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.isNative?this.internals?.setValidity({}):this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},b()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return c("ds-icon","ds-select",this.el)}get DsInputValidity(){return c("ds-input-validity","ds-select",this.el)}get DsOption(){return c("ds-option","ds-select",this.el)}get DsFeedback(){return c("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;handleEscEvent(s){this.selectedOptions.length>0&&"Tab"===s.detail.key?this.clearButtonRef?.setFocus():["Escape","Shift+Tab"].includes(s.detail.key)&&this.customSelectRef?.focus()}handleLanguageChange(){this.setTexts()}onFocusIn(){this.hasFocus=!0}onFocusOut(s){const e=s&&"relatedTarget"in s?s.relatedTarget:null;(!e||!this.el.contains(e))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.isNative||this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async handleOptionClick(s){s&&!s.dsDisabled&&(this.setDisableEventEmits(!1),this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple||(this.activeIndex=null,this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus()))}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){this.dsDisabled||(this.activeIndex=null,this.setDisableEventEmits(!1),this.value=this.toValue(null),this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus())}handleKeyDown(s){"ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.isOpen=!0,this.updateActiveIndex(),window.requestAnimationFrame((()=>{const s=this.el.querySelector("."+S("ds-options"));s?.focus()})))}getBadgeContainerWidthOffset=async()=>{await n(this.clearButtonRef),await n(this.badgeRef);const s=this.clearButtonRef?.getBoundingClientRect().width||0,e=this.badgeRef?.getBoundingClientRect().width||0;this.badgeContainerOffset=s&&e?s+e:null};getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOption))}getFocusIndex(){const s=this.getAllOptions();if(""!==this.getValueItem(0)?.trim()){const e=s.findIndex((s=>s.dsValue+""==this.getValueItem(0)+""));if(-1!==e)return e}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const e=this.getAllOptions();this.activeOption=null!==s?e[s]:null,e.forEach(((s,e)=>{s.dsActive=e===this.activeIndex,s.dsSelected=this.inValue(s.dsValue)}))}clearButtonRefObserver(){this.getBadgeContainerWidthOffset()}textPropObserver(s,e,t){this.texts={...this.texts,[t]:z(t,s)}}valueObserver(s){this.isNative||this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.value=this.toValue(s)}selectedOptionsObserver(s,e){const t=s.map((s=>s.dsValue)),i=e?.map((s=>s.dsValue))||[],o=i.filter((s=>!t.includes(s))),d=t.filter((s=>!i.includes(s))),l=o.length>0||d.length>0;e?.forEach((s=>s.dsSelected=!1)),s.forEach((s=>s.dsSelected=!0));const r=this.getShouldEmit([l]);this.setDisableEventEmits(!0),r&&(this.dsMultipleChange.emit({values:t,added:d,removed:o}),this.dsChange.emit(t[0]||null)),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}resetFeedback=()=>{this.feedback=[],i(this)};debouncedResetFeedback=h(this.resetFeedback,P);appendFeedback=(s,e)=>{this.feedback=[...this.feedback,{key:s,message:e}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((e=>e.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";optionsMessagePropertyObserver(s,e,t){if(!s)return this.removeFeedback(t),void(0===this.feedback.length&&this.appendFeedback("default",v()));"dsLoading"===t&&s?this.appendFeedback(t,this.dsLoadingText||m()):"dsOptionsError"===t&&s&&this.appendFeedback(t,this.dsOptionsErrorText||`${g()} ${f()}`)}setSelectedOptionsFromValue=async s=>{if(!s||0===s.length)return void await this.setSelectedOptions([]);const e=this.getAllOptions().filter((e=>s.includes(e.dsValue)));0!==e.length?await this.setSelectedOptions(e):console.warn(`ds-select: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{!this.isMultiple&&this.activeOption&&(this.activeOption.dsActive=!1),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},b()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=c("ds-select-native","ds-select",this.el);return o(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.texts.dsPlaceholder,dsIcon:this.dsIcon,dsName:this.dsName||this.dsId,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsRequired:this.dsRequired,dsFullWidth:this.dsFullWidth,dsValue:this.getValueItem(0)||"",onDsChange:s=>{this.value=this.toValue(s.detail)},onDsValidity:s=>{this.dsValidity.emit(s.detail)},onDsSubmitInvalid:s=>{this.dsSubmitInvalid.emit(s.detail)},...this.inheritedAttributes},o("slot",{name:"label"}),o("slot",{name:"native"}))}renderCustomSelect(s){const e=0===this.selectedOptions.length,t=this.dsId+"-label",i=this.dsId+"-badge",d=this.dsId+"-selected-option",l=this.dsErrorText?this.getInputValidityId():void 0,a="ds-select-options-"+this.dsId,n=s+"-custom",h=c("ds-badge","ds-select",this.el),p=c("ds-button","ds-select",this.el),u=c("ds-options","ds-select",this.el),_=c("ds-options-message","ds-select",this.el),b=c("ds-control-label","ds-select",this.el),v=x(!0);return o("div",{style:{"--badge-container-offset":this.badgeContainerOffset?this.badgeContainerOffset+"px":void 0}},o(b,{dsId:t,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},o("slot",{name:"label"})),o("div",{class:n+"-wrapper"},o("div",{class:n+"-input-container"},o("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:r(""+n,{[s+"--full-width"]:this.dsFullWidth,[n+"--open"]:this.isOpen,[n+"--none-selected"]:e,[n+"--disabled"]:this.dsDisabled,[n+"--invalid"]:!!this.dsErrorText,[n+"--has-icon"]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-haspopup":"listbox","aria-expanded":this.isOpen+"","aria-disabled":this.dsDisabled+"","aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${t} ${i}`:t,"aria-describedby":l,"aria-controls":a,"aria-activedescendant":null!==this.activeIndex?`${this.dsId}-option-${this.activeIndex}`:void 0,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:s=>{this.dsDisabled||this.handleKeyDown(s)}},o("div",{class:n+"__selected-option"},this.dsIcon&&o(this.DsIcon,{class:n+"__selected-option__placeholder-icon",dsName:this.dsIcon}),o("span",{id:d,class:r(n+"__selected-option__text",{[n+"__selected-option__text--none-selected"]:e,[n+"__selected-option__text--disabled"]:this.dsDisabled})},this.selectedOptionsLabel||this.texts.dsPlaceholder)),o(this.DsIcon,{ref:s=>{this.iconRef=s},class:{[n+"__dropdown-icon"]:!0,[n+"__dropdown-icon--has-clear-button"]:this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled},dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.isMultiple&&this.selectedOptions?.length>0&&o("div",{class:n+"__badge-container"},o(h,{ref:s=>this.badgeRef=s,dsId:i,dsText:""+this.selectedOptions.length,dsHiddenAssistiveText:E()})),this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled&&o(p,{ref:s=>{this.clearButtonRef=s},class:n+"__clear-button",dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:v,dsIconAriaLabel:v,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:v,dsAriaDescribedby:d})),o("div",{id:a,class:{[n+"__options-container"]:!0,[n+"__options-container--open"]:this.isOpen},onClick:s=>{const e=s.target.closest(this.DsOption);this.handleOptionClick(e)}},o(_,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),o(u,{dsActiveIndex:this.activeIndex,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:t,dsAriaMultiselectable:this.isMultiple},o("slot",null)))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>o("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),o(this.DsInputValidity,{id:this.getInputValidityId(),dsText:this.dsErrorText,dsType:"error"}),o(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=S("ds-select");return o(d,{key:"3d3b24db037bfcc1799c04694dd66226cbf7db51",...p("name",this.isNative?void 0:this.dsName)},o("div",{key:"3ee46f44fb1489380eb1759a1ada5f8f7493f678",tabIndex:-1},this.isNative?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:[{activeIndexObserver:0}],clearButtonRef:[{clearButtonRefObserver:0}],badgeRef:[{clearButtonRefObserver:0}],dsPlaceholder:[{textPropObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],selectedOptions:[{selectedOptionsObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{optionsMessagePropertyObserver:0}],dsOptionsError:[{optionsMessagePropertyObserver:0}]}}static get style(){return".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__SPFJ1E--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__SPFJ1E-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__SPFJ1E-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__SPFJ1E-custom-wrapper.sc-ds-select{position:relative}.ds-select__SPFJ1E-custom.sc-ds-select .ds-options__SPFJ1E.sc-ds-select{display:block}.ds-select__SPFJ1E-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__SPFJ1E-custom-input-container.sc-ds-select:has(.ds-select__SPFJ1E-custom__clear-button:hover) .ds-select__SPFJ1E-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__SPFJ1E-custom.sc-ds-select:not(.ds-select__SPFJ1E-custom--open,.ds-select__SPFJ1E-custom--invalid.sc-ds-select,.ds-select__SPFJ1E-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__SPFJ1E-custom.sc-ds-select:active:not(.ds-select__SPFJ1E-custom--open,.ds-select__SPFJ1E-custom--invalid.sc-ds-select,.ds-select__SPFJ1E-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__SPFJ1E-custom--open.sc-ds-select,.ds-select__SPFJ1E-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__SPFJ1E-custom--open.sc-ds-select:not(.ds-select__SPFJ1E-custom--open--invalid,.ds-select__SPFJ1E-custom.sc-ds-select:focus-visible--invalid),.ds-select__SPFJ1E-custom.sc-ds-select:focus-visible:not(.ds-select__SPFJ1E-custom--open--invalid,.ds-select__SPFJ1E-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__SPFJ1E-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__SPFJ1E-custom--disabled.sc-ds-select .ds-select__SPFJ1E-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__SPFJ1E-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__SPFJ1E-custom--invalid.sc-ds-select:not(.ds-select__SPFJ1E-custom--invalid--open,.ds-select__SPFJ1E-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__SPFJ1E-custom--invalid.sc-ds-select:not(.ds-select__SPFJ1E-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__SPFJ1E-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__SPFJ1E-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-xSmall)}.ds-select__SPFJ1E-custom--has-icon.sc-ds-select .ds-select__SPFJ1E-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__SPFJ1E-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__SPFJ1E-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__SPFJ1E-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__SPFJ1E-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__SPFJ1E-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__SPFJ1E-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__SPFJ1E-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__SPFJ1E-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__SPFJ1E-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__SPFJ1E-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__SPFJ1E-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__SPFJ1E-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__SPFJ1E-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__SPFJ1E-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__SPFJ1E-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__SPFJ1E-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__SPFJ1E-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}"}},[838,"ds-select",{dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsVariant:[1,"ds-variant"],dsClearable:[4,"ds-clearable"],dsDisabled:[4,"ds-disabled"],dsErrorText:[1,"ds-error-text"],dsIcon:[1,"ds-icon"],dsValue:[1,"ds-value"],dsLoading:[4,"ds-loading"],dsLoadingText:[1,"ds-loading-text"],dsOptionsError:[4,"ds-options-error"],dsOptionsErrorTitle:[1,"ds-options-error-title"],dsOptionsErrorText:[1,"ds-options-error-text"],dsFullWidth:[4,"ds-full-width"],dsRequired:[4,"ds-required"],value:[32],activeOption:[32],selectedOptions:[32],selectedOptionsLabel:[32],isOpen:[32],activeIndex:[32],hasFocus:[32],clearButtonRef:[32],iconRef:[32],badgeRef:[32],badgeContainerOffset:[32],texts:[32],feedback:[32],checkValidity:[64],getSelectedOption:[64],getSelectedOptions:[64]},[[0,"dsEsc","handleEscEvent"],[16,"dsLanguageChange","handleLanguageChange"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{activeIndex:[{activeIndexObserver:0}],clearButtonRef:[{clearButtonRefObserver:0}],badgeRef:[{clearButtonRefObserver:0}],dsPlaceholder:[{textPropObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],selectedOptions:[{selectedOptionsObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{optionsMessagePropertyObserver:0}],dsOptionsError:[{optionsMessagePropertyObserver:0}]}]);u([o("ds-select-native",null),o("ds-icon",{dsName:""}),o("ds-input-validity",null),o("ds-button",null),o("ds-options",null),o("ds-control-label",null),o("ds-feedback",null)]);const M=W,N=function(){"undefined"!=typeof customElements&&["ds-select","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-options","ds-select-native","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-select":customElements.get(l(s))||customElements.define(l(s),W);break;case"ds-assistive-text":customElements.get(l(s))||J();break;case"ds-button":customElements.get(l(s))||k();break;case"ds-control-label":customElements.get(l(s))||C();break;case"ds-feedback":customElements.get(l(s))||I();break;case"ds-icon":customElements.get(l(s))||L();break;case"ds-input-validity":customElements.get(l(s))||T();break;case"ds-options":customElements.get(l(s))||D();break;case"ds-select-native":customElements.get(l(s))||R();break;case"ds-spinner":customElements.get(l(s))||V();break;case"ds-visually-hidden":customElements.get(l(s))||B()}}))};export{M as DsSelect,N as defineCustomElement}

package/dist/components/ds-spinner.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-DLh_CSNT.js";const p=o,r=s;export{p as DsSpinner,r as defineCustomElement}
+import{D as o,d as s}from"./p-B9VvQC9G.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-DZOTmLzP.js";import{d as t,i as n,s as u,g as r}from"./p-CHu0W_4n.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,L=function(){"undefined"!=typeof customElements&&["ds-store"].forEach((s=>{"ds-store"===s&&(customElements.get(g(s))||customElements.define(g(s),o))}))};export{d as DsStore,L as defineCustomElement}
+import{p as s,H as e,c as a,t}from"./p-D7drWwKe.js";import{d as g,i as n,s as u,g as r}from"./p-J7Ct1MQ0.js";const d=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsLanguageChange=a(this,"dsLanguageChange",7)}dsLanguage=g;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(t(s))||customElements.define(t(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-C6MunAAm.js";const m=o,p=s;export{m as DsTab,p as defineCustomElement}
+import{D as o,d as s}from"./p-F5R4uB0e.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 e,t as i}from"./p-DZOTmLzP.js";import{c as r}from"./p-BfTCfPZ1.js";import{c as d}from"./p-ByHAbBpc.js";import{t as o,e as l,a as n,d as b}from"./p-J5Ghj1_T.js";import{t as c}from"./p-t2gGbeQx.js";import{d as h}from"./p-NoqVzqGs.js";import{d as _}from"./p-CeglrwZj.js";import{d as u}from"./p-DLh_CSNT.js";import{d as m}from"./p-C6MunAAm.js";import{d as f}from"./p-DCn1Mkl6.js";const p=t(class extends(s(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:e}=t;this.showBackwardButton=s>0,this.showForwardButton=Math.round(s+e)<a};throttledSetButtonsVisibility=l(this.setButtonsVisibility,this.RESIZE_THROTTLE_TIMEOUT);async tabConnected(){this.setButtonsVisibility(this.scrollableElement)}async tabDisconnected(){this.setButtonsVisibility(this.scrollableElement)}handleResize(){this.throttledSetButtonsVisibility(this.scrollableElement)}handleTabClick(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:r}=this.scrollableElement.getBoundingClientRect(),{left:d,right:o}=s.getBoundingClientRect();let l=this.scrollableElement.scrollLeft;d<i+a+16?l-=i+a+16-d:o>r-e-16&&(l+=o-(r-e-16)),this.scrollableElement.scrollTo({left:Math.max(0,Math.min(l,this.scrollableElement.scrollWidth-this.scrollableElement.clientWidth)),behavior:"auto"})};handleTabFocus(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=a.indexOf(s);if(-1===e)return;let i=0;switch(t.key){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"Home":i=0;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=d("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=d("ds-tablist"),s=t+"__scrollable",a=t+"__button";return e("div",{key:"0b8939092cebd964f1d059c39e96356c9667b30b",class:t},e("div",{key:"95df4f0c08c9d7683b7ad33c619f6316a01645bd",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},e("slot",{key:"4f8a069e168c9de0387347d08c618abd0b6167a6"})),e("div",{key:"53fb3cbeca8828a5e8cb29252b62458902b2d292",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")),e("div",{key:"4a4b57eb33f521de240bb884252b0c557c03e7be",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__KmYz6O.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__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__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__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__scrollable.sc-ds-tablist:focus,.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__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__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__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__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button--backward.sc-ds-tablist{left:0}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button--forward.sc-ds-tablist{right:0}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__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__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button--container.ds-tablist__KmYz6O__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__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button--container.ds-tablist__KmYz6O__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__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__button[hidden].sc-ds-tablist{display:none}.ds-tablist__KmYz6O.sc-ds-tablist .ds-tablist__KmYz6O__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","handleResize"],[0,"dsTabClick","handleTabClick"],[0,"dsTabFocus","handleTabFocus"]]]);b([e("ds-tab",{dsId:"",dsTabPanelId:""}),e("ds-button",null)]);const v=p,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(i(t))||customElements.define(i(t),p);break;case"ds-button":customElements.get(i(t))||h();break;case"ds-icon":customElements.get(i(t))||_();break;case"ds-spinner":customElements.get(i(t))||u();break;case"ds-tab":customElements.get(i(t))||m();break;case"ds-visually-hidden":customElements.get(i(t))||f()}}))};export{v as DsTablist,g as defineCustomElement}
+import{p as t,M as s,c as a,h as e,t as i}from"./p-D7drWwKe.js";import{c as r}from"./p-BfTCfPZ1.js";import{c as d}from"./p-DgTb4Jpc.js";import{t as o,e as l,a as n,d as b}from"./p-J5Ghj1_T.js";import{t as c}from"./p-t2gGbeQx.js";import{d as h}from"./p-Dib6BujO.js";import{d as _}from"./p-BRKwvv98.js";import{d as u}from"./p-B9VvQC9G.js";import{d as f}from"./p-F5R4uB0e.js";import{d as p}from"./p-tTA4zhDH.js";const v=t(class extends(s(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:e}=t;this.showBackwardButton=s>0,this.showForwardButton=Math.round(s+e)<a};throttledSetButtonsVisibility=l(this.setButtonsVisibility,this.RESIZE_THROTTLE_TIMEOUT);async tabConnected(){this.setButtonsVisibility(this.scrollableElement)}async tabDisconnected(){this.setButtonsVisibility(this.scrollableElement)}handleResize(){this.throttledSetButtonsVisibility(this.scrollableElement)}handleTabClick(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:r}=this.scrollableElement.getBoundingClientRect(),{left:d,right:o}=s.getBoundingClientRect();let l=this.scrollableElement.scrollLeft;d<i+a+16?l-=i+a+16-d:o>r-e-16&&(l+=o-(r-e-16)),this.scrollableElement.scrollTo({left:Math.max(0,Math.min(l,this.scrollableElement.scrollWidth-this.scrollableElement.clientWidth)),behavior:"auto"})};handleTabFocus(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=a.indexOf(s);if(-1===e)return;let i=0;switch(t.key){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"Home":i=0;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=d("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=d("ds-tablist"),s=t+"__scrollable",a=t+"__button";return e("div",{key:"0b8939092cebd964f1d059c39e96356c9667b30b",class:t},e("div",{key:"95df4f0c08c9d7683b7ad33c619f6316a01645bd",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},e("slot",{key:"4f8a069e168c9de0387347d08c618abd0b6167a6"})),e("div",{key:"53fb3cbeca8828a5e8cb29252b62458902b2d292",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")),e("div",{key:"4a4b57eb33f521de240bb884252b0c557c03e7be",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__SPFJ1E.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__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__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__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__scrollable.sc-ds-tablist:focus,.ds-tablist__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__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__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__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__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__button--backward.sc-ds-tablist{left:0}.ds-tablist__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__button--forward.sc-ds-tablist{right:0}.ds-tablist__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__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__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__button--container.ds-tablist__SPFJ1E__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__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__button--container.ds-tablist__SPFJ1E__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__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__button[hidden].sc-ds-tablist{display:none}.ds-tablist__SPFJ1E.sc-ds-tablist .ds-tablist__SPFJ1E__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","handleResize"],[0,"dsTabClick","handleTabClick"],[0,"dsTabFocus","handleTabFocus"]]]);b([e("ds-tab",{dsId:"",dsTabPanelId:""}),e("ds-button",null)]);const m=v,E=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),v);break;case"ds-button":customElements.get(i(t))||h();break;case"ds-icon":customElements.get(i(t))||_();break;case"ds-spinner":customElements.get(i(t))||u();break;case"ds-tab":customElements.get(i(t))||f();break;case"ds-visually-hidden":customElements.get(i(t))||p()}}))};export{m as DsTablist,E as defineCustomElement}

package/dist/components/ds-tabpanel.js

@@ -1 +1 @@
-import{p as d,M as a,h as s,t as e}from"./p-DZOTmLzP.js";import{c as t}from"./p-ByHAbBpc.js";import{t as n}from"./p-t2gGbeQx.js";import{c as i}from"./p-BfTCfPZ1.js";const l=d(class extends(a(n)){constructor(d){super(!1),!1!==d&&this.__registerHost()}get el(){return this}dsId;dsTabId;dsPadded=!0;render(){const d=t("ds-tabpanel");return s("div",{key:"02cfe60faa9a5482863fd37c36fe8280065c63c2",id:this.dsId,class:i(d,{[d+"--container"]:"container"===this.context?.variant,[d+"--padded"]:this.dsPadded}),role:"tabpanel",hidden:this.context?.currentTabPanel!==this.dsId,"aria-labelledby":this.dsTabId},s("slot",{key:"180822110e02fc238cc144ca5028eb64d2b365dc"}))}static get style(){return".ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__KmYz6O.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__KmYz6O--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__KmYz6O--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__KmYz6O--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__KmYz6O--container.ds-tabpanel__KmYz6O--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__KmYz6O--container.ds-tabpanel__KmYz6O--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__KmYz6O[hidden].sc-ds-tabpanel{display:none}"}},[774,"ds-tabpanel",{dsId:[1,"ds-id"],dsTabId:[1,"ds-tab-id"],dsPadded:[4,"ds-padded"],context:[32]}]),r=l,o=function(){"undefined"!=typeof customElements&&["ds-tabpanel"].forEach((d=>{"ds-tabpanel"===d&&(customElements.get(e(d))||customElements.define(e(d),l))}))};export{r as DsTabpanel,o as defineCustomElement}
+import{p as d,M as a,h as s,t as e}from"./p-D7drWwKe.js";import{c as t}from"./p-DgTb4Jpc.js";import{t as n}from"./p-t2gGbeQx.js";import{c as i}from"./p-BfTCfPZ1.js";const l=d(class extends(a(n)){constructor(d){super(!1),!1!==d&&this.__registerHost()}get el(){return this}dsId;dsTabId;dsPadded=!0;render(){const d=t("ds-tabpanel");return s("div",{key:"02cfe60faa9a5482863fd37c36fe8280065c63c2",id:this.dsId,class:i(d,{[d+"--container"]:"container"===this.context?.variant,[d+"--padded"]:this.dsPadded}),role:"tabpanel",hidden:this.context?.currentTabPanel!==this.dsId,"aria-labelledby":this.dsTabId},s("slot",{key:"180822110e02fc238cc144ca5028eb64d2b365dc"}))}static get style(){return".ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__SPFJ1E.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__SPFJ1E--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__SPFJ1E--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__SPFJ1E--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__SPFJ1E--container.ds-tabpanel__SPFJ1E--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__SPFJ1E--container.ds-tabpanel__SPFJ1E--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__SPFJ1E[hidden].sc-ds-tabpanel{display:none}"}},[774,"ds-tabpanel",{dsId:[1,"ds-id"],dsTabId:[1,"ds-tab-id"],dsPadded:[4,"ds-padded"],context:[32]}]),r=l,o=function(){"undefined"!=typeof customElements&&["ds-tabpanel"].forEach((d=>{"ds-tabpanel"===d&&(customElements.get(e(d))||customElements.define(e(d),l))}))};export{r as DsTabpanel,o as defineCustomElement}