@uh-design-system/component-library 1.1.0-rc.5 → 1.1.0-rc.7

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

@@ -1 +1 @@
-import{h as s,r as o,c as i,d as t}from"./index-Pzt6Wixq.js";import{c as e}from"./index-BfTCfPZ1.js";import{d,i as a,t as n}from"./utils-C1bsmWWB.js";import{c as r}from"./cx-cUUyxfnb.js";import{a as l,i as c}from"./attributes-BbTh8gdl.js";const h=a("ds-option"),p=class{constructor(s){o(this,s),this.dsClick=i(this,"dsClick"),this.dsMounted=i(this,"dsMounted"),this.dsValueChange=i(this,"dsValueChange"),this.dsLabelChange=i(this,"dsLabelChange")}get el(){return t(this)}inheritedAttributes={};observer;optionRef;optionLabelTextRef;dsClick;dsMounted;dsValueChange;dsLabelChange;dsId=h.next().value;dsValue;dsLabel;dsDisabled=!1;dsDescription;dsActive=!1;dsSelected=!1;dsHidden=!1;dsMouseDownPreventDefault=!1;dsFocusOnActiveChange=!0;internalTabIndex=-1;onMouseDown(s){this.dsMouseDownPreventDefault&&s.preventDefault()}onClick(){this.dsClick.emit()}dsActiveObserver(s){this.internalTabIndex=s&&!this.dsDisabled?0:-1,s&&!this.dsDisabled&&this.dsFocusOnActiveChange&&this.setFocus()}dsValueObserver(s,o){this.dsValueChange.emit({newValue:s,oldValue:o})}dsLabelObserver(s){this.dsLabelChange.emit({value:this.dsValue,label:s})}async getLabel(){return this.optionLabelTextRef?.textContent||""}async getGroup(){return this.el.closest(n("ds-option-group","ds-option",this.el))}async setFocus(){this.optionRef?.focus()}componentWillLoad(){this.internalTabIndex=this.dsActive&&!this.dsDisabled?0:-1,this.inheritedAttributes={...c(this,this.el,["tabindex"]),...l(this.el,["aria-selected","aria-disabled","aria-hidden"])}}componentDidLoad(){this.dsMounted.emit(),this.observer=new MutationObserver((s=>{for(const o of s)"childList"===o.type&&o.addedNodes.length>0&&Array.from(o.addedNodes).filter((s=>s.nodeType===Node.TEXT_NODE)).forEach((s=>{this.dsLabelChange.emit({value:this.dsValue,label:s.textContent||""})}))})),this.observer.observe(this.optionLabelTextRef,{childList:!0})}render(){const o=r("ds-option"),i=n("ds-icon","ds-option",this.el);return s("div",{key:"1af8d6bb7683ece8d8eceb1267d36e86e5576414",ref:s=>this.optionRef=s,id:this.dsId,class:e(o,{[`${o}--active`]:this.dsActive,[`${o}--selected`]:this.dsSelected,[`${o}--disabled`]:this.dsDisabled,[`${o}--hidden`]:this.dsHidden}),role:"option","aria-selected":String(this.dsSelected),"aria-disabled":String(this.dsDisabled),"aria-hidden":String(this.dsHidden),tabIndex:this.internalTabIndex,...this.inheritedAttributes},s("span",{key:"583ce453e28fb3e81c1c8afaecfac2e08afcaa46"},s("span",{key:"897595343a6a05924a18ac499dd095badb744471",class:`${o}__label`,ref:s=>this.optionLabelTextRef=s},s("slot",{key:"0520116439518d270cc5fc4a3a5aea4422e693a3"},this.dsLabel)),this.dsDescription&&s("span",{key:"d75d7797163ce20b6ca628d8b7f724e6357174c1",class:`${o}__description`},this.dsDescription)),this.dsSelected&&s(i,{key:"a9c99f30f548fe245c1d6ec180d8c0bac5b5e844",dsName:"check",class:`${o}__check-icon`,"aria-hidden":"true"}))}static get watchers(){return{dsActive:["dsActiveObserver"],dsValue:["dsValueObserver"],dsLabel:["dsLabelObserver"]}}};d([s("ds-icon",{dsName:""})]),p.style=".ds-option__BahgnS.sc-ds-option{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;padding:0.625rem var(--ds-spacing-small);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__BahgnS--hidden.sc-ds-option{display:none}.ds-option__BahgnS--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__BahgnS.sc-ds-option:hover:not(.ds-option__BahgnS--disabled):not(.ds-option__BahgnS--selected){background-color:var(--ds-bgColor-white-hover)}.ds-option__BahgnS.sc-ds-option:active:not(.ds-option__BahgnS--disabled):not(.ds-option__BahgnS--selected){background-color:var(--ds-bgColor-white-active)}.ds-option__BahgnS--active.sc-ds-option{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);background-color:var(--ds-bgColor-white-active)}.ds-option__BahgnS--selected.sc-ds-option{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__BahgnS--selected.sc-ds-option .ds-option__BahgnS__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__BahgnS--selected.sc-ds-option .ds-option__BahgnS__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__BahgnS--selected.sc-ds-option:hover:not(.ds-option__BahgnS--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__BahgnS--selected.sc-ds-option:active:not(.ds-option__BahgnS--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__BahgnS__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__BahgnS__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__BahgnS__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__BahgnS__description.sc-ds-option:not(:empty){display:block}";const g=class{constructor(s){o(this,s)}inheritedAttributes={};get el(){return t(this)}dsLabel;dsHidden=!1;dsMouseDownPreventDefault=!1;groupId;get DsOptionTag(){return n("ds-option","ds-option-group",this.el)}dsLabelObserver(s){this.groupId=`ds-option-group-label-${s.replace(/\s+/g,"-").toLowerCase()}`}async hasVisibleOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag)).some((s=>!s.dsHidden))}componentWillLoad(){this.groupId=`ds-option-group-label-${this.dsLabel.replace(/\s+/g,"-").toLowerCase()}`,this.inheritedAttributes={...c(this,this.el),...l(this.el,["aria-labelledby"])}}onMouseDown(s){this.dsMouseDownPreventDefault&&s.preventDefault()}render(){const o=r("ds-option-group");return s("div",{key:"662f0fe9a95a6f6d560dc305691927d75d6f1d25",class:e(`${o}`,{[`${o}--hidden`]:this.dsHidden}),role:"group","aria-labelledby":this.groupId,...this.inheritedAttributes},s("div",{key:"4e6eb8532b6c434ca560617168712390fceda1be",class:`${o}__label`,id:this.groupId},this.dsLabel),s("slot",{key:"813b9c1d2ec3d2b113cbee45f4481cd30aa73d65"}))}static get watchers(){return{dsLabel:["dsLabelObserver"]}}};g.style=".ds-option-group__BahgnS.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__BahgnS--hidden.sc-ds-option-group{display:none}.ds-option-group__BahgnS.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__BahgnS__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__BahgnS__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";export{p as ds_option,g as ds_option_group}
+import{h as s,r as o,c as t,d as i}from"./index-DK-steFu.js";import{c as e}from"./index-BfTCfPZ1.js";import{d,i as a,t as r}from"./utils-C1bsmWWB.js";import{c as n}from"./cx-4FfBwb_9.js";import{a as l,i as c}from"./attributes-BbTh8gdl.js";const h=a("ds-option"),p=class{constructor(s){o(this,s),this.dsClick=t(this,"dsClick"),this.dsMounted=t(this,"dsMounted"),this.dsValueChange=t(this,"dsValueChange"),this.dsLabelChange=t(this,"dsLabelChange")}get el(){return i(this)}inheritedAttributes={};observer;optionRef;optionLabelTextRef;dsClick;dsMounted;dsValueChange;dsLabelChange;dsId=h.next().value;dsValue;dsLabel;dsDisabled=!1;dsDescription;dsActive=!1;dsSelected=!1;dsHidden=!1;dsMouseDownPreventDefault=!1;dsFocusOnActiveChange=!0;internalTabIndex=-1;onMouseDown(s){this.dsMouseDownPreventDefault&&s.preventDefault()}onClick(){this.dsClick.emit()}dsActiveObserver(s){this.internalTabIndex=s&&!this.dsDisabled?0:-1,s&&!this.dsDisabled&&this.dsFocusOnActiveChange&&this.setFocus()}dsValueObserver(s,o){this.dsValueChange.emit({newValue:s,oldValue:o})}dsLabelObserver(s){this.dsLabelChange.emit({value:this.dsValue,label:s})}async getLabel(){return this.optionLabelTextRef?.textContent||""}async getGroup(){return this.el.closest(r("ds-option-group","ds-option",this.el))}async setFocus(){this.optionRef?.focus()}componentWillLoad(){this.internalTabIndex=this.dsActive&&!this.dsDisabled?0:-1,this.inheritedAttributes={...c(this,this.el,["tabindex"]),...l(this.el,["aria-selected","aria-disabled","aria-hidden"])}}componentDidLoad(){this.dsMounted.emit(),this.observer=new MutationObserver((s=>{for(const o of s)"childList"===o.type&&o.addedNodes.length>0&&Array.from(o.addedNodes).filter((s=>s.nodeType===Node.TEXT_NODE)).forEach((s=>{this.dsLabelChange.emit({value:this.dsValue,label:s.textContent||""})}))})),this.observer.observe(this.optionLabelTextRef,{childList:!0})}render(){const o=n("ds-option"),t=r("ds-icon","ds-option",this.el);return s("div",{key:"1af8d6bb7683ece8d8eceb1267d36e86e5576414",ref:s=>this.optionRef=s,id:this.dsId,class:e(o,{[`${o}--active`]:this.dsActive,[`${o}--selected`]:this.dsSelected,[`${o}--disabled`]:this.dsDisabled,[`${o}--hidden`]:this.dsHidden}),role:"option","aria-selected":String(this.dsSelected),"aria-disabled":String(this.dsDisabled),"aria-hidden":String(this.dsHidden),tabIndex:this.internalTabIndex,...this.inheritedAttributes},s("span",{key:"583ce453e28fb3e81c1c8afaecfac2e08afcaa46"},s("span",{key:"897595343a6a05924a18ac499dd095badb744471",class:`${o}__label`,ref:s=>this.optionLabelTextRef=s},s("slot",{key:"0520116439518d270cc5fc4a3a5aea4422e693a3"},this.dsLabel)),this.dsDescription&&s("span",{key:"d75d7797163ce20b6ca628d8b7f724e6357174c1",class:`${o}__description`},this.dsDescription)),this.dsSelected&&s(t,{key:"a9c99f30f548fe245c1d6ec180d8c0bac5b5e844",dsName:"check",class:`${o}__check-icon`,"aria-hidden":"true"}))}static get watchers(){return{dsActive:["dsActiveObserver"],dsValue:["dsValueObserver"],dsLabel:["dsLabelObserver"]}}};d([s("ds-icon",{dsName:""})]),p.style=".ds-option__kfFKF0.sc-ds-option{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;padding:0.625rem var(--ds-spacing-small);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__kfFKF0--hidden.sc-ds-option{display:none}.ds-option__kfFKF0--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__kfFKF0.sc-ds-option:hover:not(.ds-option__kfFKF0--disabled):not(.ds-option__kfFKF0--selected){background-color:var(--ds-bgColor-white-hover)}.ds-option__kfFKF0.sc-ds-option:active:not(.ds-option__kfFKF0--disabled):not(.ds-option__kfFKF0--selected){background-color:var(--ds-bgColor-white-active)}.ds-option__kfFKF0--active.sc-ds-option{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);background-color:var(--ds-bgColor-white-active)}.ds-option__kfFKF0--selected.sc-ds-option{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__kfFKF0--selected.sc-ds-option .ds-option__kfFKF0__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__kfFKF0--selected.sc-ds-option .ds-option__kfFKF0__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__kfFKF0--selected.sc-ds-option:hover:not(.ds-option__kfFKF0--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__kfFKF0--selected.sc-ds-option:active:not(.ds-option__kfFKF0--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__kfFKF0__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__kfFKF0__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__kfFKF0__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__kfFKF0__description.sc-ds-option:not(:empty){display:block}";const b=class{constructor(s){o(this,s)}inheritedAttributes={};get el(){return i(this)}dsLabel;dsHidden=!1;dsMouseDownPreventDefault=!1;groupId;get DsOptionTag(){return r("ds-option","ds-option-group",this.el)}dsLabelObserver(s){this.groupId=`ds-option-group-label-${s.replace(/\s+/g,"-").toLowerCase()}`}async hasVisibleOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag)).some((s=>!s.dsHidden))}componentWillLoad(){this.groupId=`ds-option-group-label-${this.dsLabel.replace(/\s+/g,"-").toLowerCase()}`,this.inheritedAttributes={...c(this,this.el),...l(this.el,["aria-labelledby"])}}onMouseDown(s){this.dsMouseDownPreventDefault&&s.preventDefault()}render(){const o=n("ds-option-group");return s("div",{key:"6cfef6e259180c2c6191590c78f593610d04db1c",class:e(`${o}`,{[`${o}--hidden`]:this.dsHidden}),role:"group","aria-labelledby":this.groupId,...this.inheritedAttributes},s("div",{key:"6d7f24fb598812a18facd98f83d5d588697793ff",class:`${o}__label`,id:this.groupId},this.dsLabel),s("slot",{key:"6ab0e84bf79bb480fc0a4849ff338979627af020"}))}static get watchers(){return{dsLabel:["dsLabelObserver"]}}};b.style=".ds-option-group__kfFKF0.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__kfFKF0--hidden.sc-ds-option-group{display:none}.ds-option-group__kfFKF0.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__kfFKF0__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__kfFKF0__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";export{p as ds_option,b as ds_option_group}

package/dist/component-library/ds-options-message.entry.js

@@ -1 +1 @@
-import{h as s,r as t,d as e}from"./index-Pzt6Wixq.js";import{g as o}from"./store-BCd58KcK.js";import{t as i,n as r,l as a,f as n,w as d}from"./controlUtils-BzjXEfZo.js";import{d as l,t as _}from"./utils-C1bsmWWB.js";import{c as g}from"./cx-cUUyxfnb.js";const c={dsErrorTitle:d,dsErrorText:n,dsLoadingText:a,dsNoResultsTitle:r,dsNoResultsText:i},m=(s,t)=>t||c[s](),p=class{constructor(s){t(this,s)}get el(){return e(this)}dsLoading=!1;dsError=!1;dsNoResults=!1;dsErrorTitle;dsErrorText;dsLoadingText;dsNoResultsTitle;dsNoResultsText;texts=Object.fromEntries(Object.entries(c).map((([s,t])=>[s,t()])));setTexts(){this.texts={dsErrorTitle:m("dsErrorTitle",this.dsErrorTitle),dsErrorText:m("dsErrorText",this.dsErrorText),dsLoadingText:m("dsLoadingText",this.dsLoadingText),dsNoResultsTitle:m("dsNoResultsTitle",this.dsNoResultsTitle),dsNoResultsText:m("dsNoResultsText",this.dsNoResultsText)}}textPropObserver(s,t,e){this.texts={...this.texts,[e]:m(e,s)}}componentWillLoad(){this.setTexts()}handleLanguageChange(){this.setTexts()}render(){const t=_("ds-icon","ds-options-message",this.el),e=_("ds-spinner","ds-options-message",this.el),i=g("ds-options-message"),r=`${i}__error`,a=`${i}__loading`,n=`${i}__no-results`;return this.dsLoading||this.dsError||this.dsNoResults?s("div",null,s("div",{class:i},this.dsError?s("div",{class:r},s(t,{dsName:"warning",dsSize:"2rem",class:`${r}__icon`}),s("div",{class:`${r}__title`},this.texts.dsErrorTitle),s("div",{class:`${r}__text`},this.texts.dsErrorText)):this.dsLoading?s("div",{class:a},s(e,{dsSize:"large"}),s("div",{class:`${a}__text`},this.texts.dsLoadingText)):s("div",{class:n},s("div",{class:`${n}__title`,lang:o()},this.texts.dsNoResultsTitle),s("div",{class:`${n}__text`},this.texts.dsNoResultsText)))):null}static get watchers(){return{dsErrorTitle:["textPropObserver"],dsErrorText:["textPropObserver"],dsLoadingText:["textPropObserver"],dsNoResultsTitle:["textPropObserver"],dsNoResultsText:["textPropObserver"]}}};l([s("ds-icon",{dsName:""}),s("ds-spinner",null)]),p.style=".ds-options-message__BahgnS.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__BahgnS__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__BahgnS__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__BahgnS__error__title.sc-ds-options-message,.ds-options-message__BahgnS__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__BahgnS__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__BahgnS__error__text.sc-ds-options-message,.ds-options-message__BahgnS__loading__text.sc-ds-options-message,.ds-options-message__BahgnS__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__BahgnS__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";export{p as ds_options_message}
+import{h as s,r as t,d as e}from"./index-DK-steFu.js";import{g as o}from"./store-CJjKF_JF.js";import{t as i,n as r,l as d,f as a,w as n}from"./controlUtils-Cwuo3XhJ.js";import{d as l,t as _}from"./utils-C1bsmWWB.js";import{c as g}from"./cx-4FfBwb_9.js";const c={dsErrorTitle:n,dsErrorText:a,dsLoadingText:d,dsNoResultsTitle:r,dsNoResultsText:i},m=(s,t)=>t||c[s](),p=class{constructor(s){t(this,s)}get el(){return e(this)}dsLoading=!1;dsError=!1;dsNoResults=!1;dsErrorTitle;dsErrorText;dsLoadingText;dsNoResultsTitle;dsNoResultsText;texts=Object.fromEntries(Object.entries(c).map((([s,t])=>[s,t()])));setTexts(){this.texts={dsErrorTitle:m("dsErrorTitle",this.dsErrorTitle),dsErrorText:m("dsErrorText",this.dsErrorText),dsLoadingText:m("dsLoadingText",this.dsLoadingText),dsNoResultsTitle:m("dsNoResultsTitle",this.dsNoResultsTitle),dsNoResultsText:m("dsNoResultsText",this.dsNoResultsText)}}textPropObserver(s,t,e){this.texts={...this.texts,[e]:m(e,s)}}componentWillLoad(){this.setTexts()}handleLanguageChange(){this.setTexts()}render(){const t=_("ds-icon","ds-options-message",this.el),e=_("ds-spinner","ds-options-message",this.el),i=g("ds-options-message"),r=`${i}__error`,d=`${i}__loading`,a=`${i}__no-results`;return this.dsLoading||this.dsError||this.dsNoResults?s("div",null,s("div",{class:i},this.dsError?s("div",{class:r},s(t,{dsName:"warning",dsSize:"2rem",class:`${r}__icon`}),s("div",{class:`${r}__title`},this.texts.dsErrorTitle),s("div",{class:`${r}__text`},this.texts.dsErrorText)):this.dsLoading?s("div",{class:d},s(e,{dsSize:"large"}),s("div",{class:`${d}__text`},this.texts.dsLoadingText)):s("div",{class:a},s("div",{class:`${a}__title`,lang:o()},this.texts.dsNoResultsTitle),s("div",{class:`${a}__text`},this.texts.dsNoResultsText)))):null}static get watchers(){return{dsErrorTitle:["textPropObserver"],dsErrorText:["textPropObserver"],dsLoadingText:["textPropObserver"],dsNoResultsTitle:["textPropObserver"],dsNoResultsText:["textPropObserver"]}}};l([s("ds-icon",{dsName:""}),s("ds-spinner",null)]),p.style=".ds-options-message__kfFKF0.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__kfFKF0__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__kfFKF0__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__kfFKF0__error__title.sc-ds-options-message,.ds-options-message__kfFKF0__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__kfFKF0__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__kfFKF0__error__text.sc-ds-options-message,.ds-options-message__kfFKF0__loading__text.sc-ds-options-message,.ds-options-message__kfFKF0__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__kfFKF0__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";export{p as ds_options_message}

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

@@ -1 +1 @@
-import{r as s,c as t,d as e,h as i,f as o,H as d}from"./index-Pzt6Wixq.js";import{t as n,a,d as l,i as r,b as c}from"./utils-C1bsmWWB.js";import{c as h}from"./cx-cUUyxfnb.js";import{a as p,i as _}from"./attributes-BbTh8gdl.js";import{c as u}from"./index-BfTCfPZ1.js";import{q as g,b,e as v,l as m,w as f,f as S,r as x}from"./controlUtils-BzjXEfZo.js";import{F as y}from"./constants-DCE1bBlR.js";import"./store-BCd58KcK.js";const B=class{constructor(e){s(this,e),this.dsEsc=t(this,"dsEsc"),this.dsActiveIndexChange=t(this,"dsActiveIndexChange")}get el(){return e(this)}optionsListRef;optionsListInnerRef;inheritedAttributes={};dsEsc;dsActiveIndexChange;dsId;dsSelectedValue;dsActiveIndex=0;dsLabelId;onActiveIndexChange(){setTimeout((()=>this.focusActiveOption()),0)}componentWillLoad(){this.inheritedAttributes={..._(this,this.el),...p(this.el,["aria-labelledby"])}}componentDidLoad(){this.updateScrimClasses()}componentDidUpdate(){this.updateScrimClasses()}handleScroll=()=>{this.updateScrimClasses()};updateScrimClasses=()=>{const s=this.optionsListRef,t=this.optionsListInnerRef;if(!s||!t)return;const e=0===t.scrollTop,i=Math.ceil(t.scrollTop+t.clientHeight)>=t.scrollHeight;s.classList.toggle("has-top-scrim",!e),s.classList.toggle("has-bottom-scrim",!i),s.querySelectorAll(`.${h("ds-option-group")}__label`).forEach((e=>{const i=e.getBoundingClientRect(),o=s.getBoundingClientRect();t.scrollTop>0&&i.top<=o.top&&i.bottom>o.top?e.classList.add(`${h("ds-option-group")}__label__shadow`):e.classList.remove(`${h("ds-option-group")}__label__shadow`)}))};get DsOptionTag(){return n("ds-option","ds-options",this.el)}focusActiveOption(){const s=Array.from(this.el.querySelectorAll(this.DsOptionTag));s[this.dsActiveIndex]&&s[this.dsActiveIndex].focus()}handleKeyDown=s=>{const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));if(!t.length)return;let e=this.dsActiveIndex;if("ArrowDown"===s.key){s.preventDefault();let i=0;do{if(e=(e+1)%t.length,i++,i>2*t.length)break}while(t[e].dsDisabled&&e!==this.dsActiveIndex);this.dsActiveIndex=e,this.dsActiveIndexChange.emit(this.dsActiveIndex)}if("ArrowUp"===s.key){s.preventDefault();let i=0;do{if(e=(e-1+t.length)%t.length,i++,i>2*t.length)break}while(t[e].dsDisabled&&e!==this.dsActiveIndex);this.dsActiveIndex=e,this.dsActiveIndexChange.emit(this.dsActiveIndex)}if("Enter"===s.key||" "===s.key){s.preventDefault();const e=t[this.dsActiveIndex];e&&!e.dsDisabled&&e.click()}if("Tab"===s.key){const s=t[this.dsActiveIndex];s&&!s.dsDisabled&&(s.click(),this.dsEsc.emit())}"Escape"===s.key&&(s.preventDefault(),this.dsEsc.emit())};render(){const s=h("ds-options");return i("div",{key:"b110ab1628d0ded3521e911fa9c11488936051d6",id:this.dsId,class:s,role:"listbox",tabindex:0,onKeyDown:this.handleKeyDown,ref:s=>this.optionsListRef=s,onScroll:this.handleScroll,onFocus:this.updateScrimClasses,...a("aria-labelledby",this.dsLabelId),...this.inheritedAttributes},i("div",{key:"f147eff8060b1a8a4852158ef78b0112cb0a34aa",class:`${s}__inner`,ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll},i("div",{key:"92caa6aea8b6051ffd636cec592b28b51c813482",class:`${s}__top-scrim`,"aria-hidden":"true"}),i("slot",{key:"bb2b25707a5f42bc62d4d0aaa07a6f5026f131b1"}),i("div",{key:"c80d27ec575538cbf336782e042637193de22b16",class:`${s}__bottom-scrim`,"aria-hidden":"true"})))}static get watchers(){return{dsActiveIndex:["onActiveIndexChange"]}}};B.style=".ds-options__BahgnS__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__BahgnS.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__BahgnS.sc-ds-options:focus{outline:none}.ds-options__BahgnS__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__BahgnS__top-scrim.sc-ds-options,.ds-options__BahgnS__bottom-scrim.sc-ds-options{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-options__BahgnS__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__BahgnS__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__BahgnS.has-top-scrim.sc-ds-options .ds-options__BahgnS__top-scrim.sc-ds-options{display:block}.ds-options__BahgnS.has-bottom-scrim.sc-ds-options .ds-options__BahgnS__bottom-scrim.sc-ds-options{display:block}.ds-options__BahgnS.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__BahgnS.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";const w=r("ds-select"),k={dsPlaceholder:g},C=(s,t)=>t||k[s](),O=class{constructor(e){s(this,e),this.dsChange=t(this,"dsChange"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity"),this.dsBlur=t(this,"dsBlur"),this.dsFocus=t(this,"dsFocus"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return e(this)}internals;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=w.next().value;dsName=this.dsId;dsLabel;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsRequired=!1;activeOption=null;selectedOption=null;selectedOptionLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonOffset=null;texts={dsPlaceholder:g()};feedback=[];inputValidityId;getInputValidityId(){return this.inputValidityId||(this.inputValidityId=`${this.dsId}-validity`),this.inputValidityId}setTexts(){this.texts={dsPlaceholder:C("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 this.selectedOption?{value:this.selectedOption?.dsValue||null,label:this.selectedOption?await this.selectedOption.getLabel():null,description:this.selectedOption?.dsDescription||null}:null}connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this.setTexts(),this.inheritedAttributes={..._(this,this.el),...p(this.el,"native"===this.dsVariant?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.dsValue&&this.setSelectedOptionFromDsValue(this.dsValue),this.internals&&this.internals.setFormValue(this.dsValue||""),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},b())}disconnectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIconTag(){return n("ds-icon","ds-select",this.el)}get DsInputValidityTag(){return n("ds-input-validity","ds-select",this.el)}get DsOptionTag(){return n("ds-option","ds-select",this.el)}get DsFeedback(){return n("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;clearButtonRef;handleLanguageChange(){this.setTexts()}onFocusIn(){this.hasFocus=!0}onFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null;(!t||!this.el.contains(t))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async selectOption(s){s&&!s.dsDisabled&&(this.selectedOptionLabel=await s.getLabel(),this.dsValue=s.dsValue,this.activeIndex=null,this.isOpen=!1,this.dsChange.emit(s.dsValue),(this.customSelectRef||this.nativeSelectRef)?.focus())}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){this.dsDisabled||(this.activeIndex=null,this.selectedOption=null,this.dsValue=null,this.isOpen=!1,this.dsChange.emit(null),this.dsRequired&&this.dsValidity.emit({flag:"customError",message:this.internals?.validationMessage}),(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(),this.scrollToActiveOption(),window.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${h("ds-options")}`);s?.focus()})))}scrollToActiveOption(){if(null===this.activeIndex)return;const s=this.el.querySelector(`.${h("ds-options")}`),t=s?.querySelectorAll(`.${h("ds-option")}`);if(!t||this.activeIndex>=t.length)return;const e=t[this.activeIndex];e&&window.requestAnimationFrame((()=>{e.focus(),e.scrollIntoView({behavior:"instant",block:"center"})}))}getClearButtonWidthOffset(){this.clearButtonOffset=this.clearButtonRef?.clientWidth?`${this.clearButtonRef.clientWidth}px`:null}getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag))}getFocusIndex(){const s=this.getAllOptions();if(this.dsValue&&""!==this.dsValue.trim()){const t=s.findIndex((s=>String(s.dsValue)===String(this.dsValue)));if(-1!==t)return t}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const t=this.getAllOptions();this.activeOption=null!==s?t[s]:null,t.forEach(((s,t)=>{s.dsActive=t===this.activeIndex,s.dsSelected=s.dsValue===this.dsValue}))}clearButtonOffsetObserver(){this.getClearButtonWidthOffset()}textPropObserver(s,t,e){this.texts={...this.texts,[e]:C(e,s)}}dsValueObserver(s){s!==this.selectedOption?.dsValue&&(this.setSelectedOptionFromDsValue(s),this.internals&&this.internals.setFormValue(s||""))}selectedOptionObserver(s,t){t&&(t.dsSelected=!1),s&&(s.dsSelected=!0),this.dsChange.emit(s?.dsValue||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=[],o(this)};debouncedResetFeedback=c(this.resetFeedback,y);appendFeedback=(s,t)=>{this.feedback=[...this.feedback,{key:s,message:t}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((t=>t.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";optionsMessagePropertyObserver(s,t,e){if(!s)return this.removeFeedback(e),void(0===this.feedback.length&&this.appendFeedback("default",v()));"dsLoading"===e&&s?this.appendFeedback(e,this.dsLoadingText||m()):"dsOptionsError"===e&&s&&this.appendFeedback(e,this.dsOptionsErrorText||`${f()} ${S()}`)}setSelectedOptionFromDsValue=async s=>{if(!s)return void await this.setSelectedOption(null);const t=this.getAllOptions().find((t=>t.dsValue===s));t?await this.setSelectedOption(t):console.warn(`ds-select: No option found with dsValue "${s}"`)};setSelectedOption=async s=>{s?(s.dsActive=!1,this.internals?.setValidity({})):this.dsRequired&&this.internals?.setValidity({valueMissing:!0},b()),this.selectedOption=s,this.activeOption=null,this.selectedOptionLabel=await(s?.getLabel())||"",this.getClearButtonWidthOffset()};renderNativeSelect(){const s=n("ds-select-native","ds-select",this.el);return i(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.texts.dsPlaceholder,dsIcon:this.dsIcon,dsName:this.dsName,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsValue:this.dsValue,...this.inheritedAttributes},i("slot",{name:"label"}),i("slot",{name:"native"}))}renderCustomSelect(s){const t=!this.selectedOption,e=`${this.dsId}-label`,o=`${this.dsId}-selected-option`,d=this.dsErrorText?this.getInputValidityId():void 0,a=`ds-select-options-${this.dsId}`,l=`${s}-custom`,r=n("ds-button","ds-select",this.el),c=n("ds-options","ds-select",this.el),h=n("ds-options-message","ds-select",this.el),p=n("ds-control-label","ds-select",this.el),_=x(!0);return i("div",null,i(p,{dsId:e,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},i("slot",{name:"label"})),i("div",{class:`${l}-wrapper`},i("div",{class:`${l}-input-container`},i("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:u(`${l}`,{[`${l}--open`]:this.isOpen,[`${l}--none-selected`]:t,[`${l}--disabled`]:this.dsDisabled,[`${l}--invalid`]:!!this.dsErrorText,[`${l}--has-icon`]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-haspopup":"listbox","aria-expanded":String(this.isOpen),"aria-disabled":String(this.dsDisabled),"aria-labelledby":e,"aria-describedby":d,"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)}},i("div",{class:`${l}__selected-option`},this.dsIcon&&i(this.DsIconTag,{class:`${l}__selected-option__placeholder-icon`,dsName:this.dsIcon}),i("span",{id:o},this.selectedOptionLabel||this.texts.dsPlaceholder)),i(this.DsIconTag,{style:{"--clear-button-offset":this.clearButtonOffset},class:{[`${l}__dropdown-icon`]:!0,[`${l}__dropdown-icon--has-clear-button`]:this.dsClearable&&this.selectedOptionLabel&&!this.dsDisabled},dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.dsClearable&&this.selectedOptionLabel&&!this.dsDisabled&&i(r,{style:{"--clear-button-offset":this.clearButtonOffset},ref:s=>{this.clearButtonRef=s},class:`${l}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:_,dsIconAriaLabel:_,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},"aria-label":_,"aria-describedby":o})),i("div",{id:a,class:{[`${l}__options-container`]:!0,[`${l}__options-container--open`]:this.isOpen},onClick:s=>{const t=s.target.closest(this.DsOptionTag);t&&!t.dsDisabled&&this.selectOption(t)}},i(h,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),i(c,{dsActiveIndex:this.activeIndex,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:e},i("slot",null)))),!!this.dsErrorText&&i(this.DsInputValidityTag,{id:this.getInputValidityId(),dsText:this.dsErrorText,dsType:"error"}),i(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=h("ds-select");return i(d,{key:"825b69c2876b662dd1a82b9b50f91ad701d109a9",...a("name","default"===this.dsVariant?this.dsName:void 0)},i("div",{key:"6f67a5a2ff5b0100c358533c174f78a479b5a483",tabIndex:-1},"native"===this.dsVariant?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:["activeIndexObserver"],clearButtonOffset:["clearButtonOffsetObserver"],dsPlaceholder:["textPropObserver"],dsValue:["dsValueObserver"],selectedOption:["selectedOptionObserver"],hasFocus:["hasFocusObserver"],dsLoading:["optionsMessagePropertyObserver"],dsOptionsError:["optionsMessagePropertyObserver"]}}};l([i("ds-select-native",null),i("ds-icon",{dsName:""}),i("ds-input-validity",null),i("ds-button",null),i("ds-options",null),i("ds-control-label",null),i("ds-feedback",null)]),O.style=".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__BahgnS-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__BahgnS-custom.sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__BahgnS-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__BahgnS-custom-wrapper.sc-ds-select{position:relative}.ds-select__BahgnS-custom.sc-ds-select .ds-options__BahgnS.sc-ds-select{display:block}.ds-select__BahgnS-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__BahgnS-custom.sc-ds-select:not(.ds-select__BahgnS-custom--open,.ds-select__BahgnS-custom--invalid.sc-ds-select,.ds-select__BahgnS-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__BahgnS-custom.sc-ds-select:active:not(.ds-select__BahgnS-custom--open,.ds-select__BahgnS-custom--invalid.sc-ds-select,.ds-select__BahgnS-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__BahgnS-custom--open.sc-ds-select,.ds-select__BahgnS-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__BahgnS-custom--open.sc-ds-select:not(.ds-select__BahgnS-custom--open--invalid,.ds-select__BahgnS-custom.sc-ds-select:focus-visible--invalid),.ds-select__BahgnS-custom.sc-ds-select:focus-visible:not(.ds-select__BahgnS-custom--open--invalid,.ds-select__BahgnS-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__BahgnS-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__BahgnS-custom--disabled.sc-ds-select .ds-select__BahgnS-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__BahgnS-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__BahgnS-custom--invalid.sc-ds-select:not(.ds-select__BahgnS-custom--invalid--open,.ds-select__BahgnS-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__BahgnS-custom--invalid.sc-ds-select:not(.ds-select__BahgnS-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__BahgnS-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px))}.ds-select__BahgnS-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-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__BahgnS-custom--has-icon.sc-ds-select .ds-select__BahgnS-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__BahgnS-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__BahgnS-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:inherit;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__BahgnS-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__BahgnS-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed}.ds-select__BahgnS-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__BahgnS-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__BahgnS-custom__clear-button.sc-ds-select{position:absolute;right:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px));cursor:pointer}.ds-select__BahgnS-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__BahgnS-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__BahgnS-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__BahgnS-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__BahgnS-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__BahgnS-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__BahgnS-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__BahgnS-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__BahgnS-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__BahgnS-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__BahgnS-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%)}";export{B as ds_options,O as ds_select}
+import{r as s,c as t,d as e,h as i,f as o,H as d}from"./index-DK-steFu.js";import{t as l,a as r,d as n,i as a,b as c}from"./utils-C1bsmWWB.js";import{c as h}from"./cx-4FfBwb_9.js";import{a as p,i as _}from"./attributes-BbTh8gdl.js";import{c as u}from"./index-BfTCfPZ1.js";import{q as b,b as f,e as v,l as m,w as g,f as F,r as k}from"./controlUtils-Cwuo3XhJ.js";import{F as x}from"./constants-DCE1bBlR.js";import"./store-CJjKF_JF.js";const y=class{constructor(e){s(this,e),this.dsEsc=t(this,"dsEsc"),this.dsActiveIndexChange=t(this,"dsActiveIndexChange")}get el(){return e(this)}optionsListRef;optionsListInnerRef;inheritedAttributes={};dsEsc;dsActiveIndexChange;dsId;dsSelectedValue;dsActiveIndex=0;dsLabelId;onActiveIndexChange(){setTimeout((()=>this.focusActiveOption()),0)}componentWillLoad(){this.inheritedAttributes={..._(this,this.el),...p(this.el,["aria-labelledby"])}}componentDidLoad(){this.updateScrimClasses()}componentDidUpdate(){this.updateScrimClasses()}handleScroll=()=>{this.updateScrimClasses()};updateScrimClasses=()=>{const s=this.optionsListRef,t=this.optionsListInnerRef;if(!s||!t)return;const e=0===t.scrollTop,i=Math.ceil(t.scrollTop+t.clientHeight)>=t.scrollHeight;s.classList.toggle("has-top-scrim",!e),s.classList.toggle("has-bottom-scrim",!i),s.querySelectorAll(`.${h("ds-option-group")}__label`).forEach((e=>{const i=e.getBoundingClientRect(),o=s.getBoundingClientRect();t.scrollTop>0&&i.top<=o.top&&i.bottom>o.top?e.classList.add(`${h("ds-option-group")}__label__shadow`):e.classList.remove(`${h("ds-option-group")}__label__shadow`)}))};get DsOptionTag(){return l("ds-option","ds-options",this.el)}focusActiveOption(){const s=Array.from(this.el.querySelectorAll(this.DsOptionTag));s[this.dsActiveIndex]&&s[this.dsActiveIndex].focus()}handleKeyDown=s=>{const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));if(!t.length)return;let e=this.dsActiveIndex;if("ArrowDown"===s.key){s.preventDefault();let i=0;do{if(e=(e+1)%t.length,i++,i>2*t.length)break}while(t[e].dsDisabled&&e!==this.dsActiveIndex);this.dsActiveIndex=e,this.dsActiveIndexChange.emit(this.dsActiveIndex)}if("ArrowUp"===s.key){s.preventDefault();let i=0;do{if(e=(e-1+t.length)%t.length,i++,i>2*t.length)break}while(t[e].dsDisabled&&e!==this.dsActiveIndex);this.dsActiveIndex=e,this.dsActiveIndexChange.emit(this.dsActiveIndex)}if("Enter"===s.key||" "===s.key){s.preventDefault();const e=t[this.dsActiveIndex];e&&!e.dsDisabled&&e.click()}if("Tab"===s.key){const s=t[this.dsActiveIndex];s&&!s.dsDisabled&&(s.click(),this.dsEsc.emit())}"Escape"===s.key&&(s.preventDefault(),this.dsEsc.emit())};render(){const s=h("ds-options");return i("div",{key:"b110ab1628d0ded3521e911fa9c11488936051d6",id:this.dsId,class:s,role:"listbox",tabindex:0,onKeyDown:this.handleKeyDown,ref:s=>this.optionsListRef=s,onScroll:this.handleScroll,onFocus:this.updateScrimClasses,...r("aria-labelledby",this.dsLabelId),...this.inheritedAttributes},i("div",{key:"f147eff8060b1a8a4852158ef78b0112cb0a34aa",class:`${s}__inner`,ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll},i("div",{key:"92caa6aea8b6051ffd636cec592b28b51c813482",class:`${s}__top-scrim`,"aria-hidden":"true"}),i("slot",{key:"bb2b25707a5f42bc62d4d0aaa07a6f5026f131b1"}),i("div",{key:"c80d27ec575538cbf336782e042637193de22b16",class:`${s}__bottom-scrim`,"aria-hidden":"true"})))}static get watchers(){return{dsActiveIndex:["onActiveIndexChange"]}}};y.style=".ds-options__kfFKF0__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__kfFKF0.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__kfFKF0.sc-ds-options:focus{outline:none}.ds-options__kfFKF0__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__kfFKF0__top-scrim.sc-ds-options,.ds-options__kfFKF0__bottom-scrim.sc-ds-options{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-options__kfFKF0__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__kfFKF0__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__kfFKF0.has-top-scrim.sc-ds-options .ds-options__kfFKF0__top-scrim.sc-ds-options{display:block}.ds-options__kfFKF0.has-bottom-scrim.sc-ds-options .ds-options__kfFKF0__bottom-scrim.sc-ds-options{display:block}.ds-options__kfFKF0.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__kfFKF0.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";const w=a("ds-select"),K={dsPlaceholder:b},C=(s,t)=>t||K[s](),O=class{constructor(e){s(this,e),this.dsChange=t(this,"dsChange"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity"),this.dsBlur=t(this,"dsBlur"),this.dsFocus=t(this,"dsFocus"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return e(this)}internals;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=w.next().value;dsName=this.dsId;dsLabel;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsRequired=!1;activeOption=null;selectedOption=null;selectedOptionLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonOffset=null;texts={dsPlaceholder:b()};feedback=[];inputValidityId;getInputValidityId(){return this.inputValidityId||(this.inputValidityId=`${this.dsId}-validity`),this.inputValidityId}setTexts(){this.texts={dsPlaceholder:C("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 this.selectedOption?{value:this.selectedOption?.dsValue||null,label:this.selectedOption?await this.selectedOption.getLabel():null,description:this.selectedOption?.dsDescription||null}:null}connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this.setTexts(),this.inheritedAttributes={..._(this,this.el),...p(this.el,"native"===this.dsVariant?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.dsValue&&this.setSelectedOptionFromDsValue(this.dsValue),this.internals&&this.internals.setFormValue(this.dsValue||""),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},f())}disconnectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIconTag(){return l("ds-icon","ds-select",this.el)}get DsInputValidityTag(){return l("ds-input-validity","ds-select",this.el)}get DsOptionTag(){return l("ds-option","ds-select",this.el)}get DsFeedback(){return l("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;clearButtonRef;handleLanguageChange(){this.setTexts()}onFocusIn(){this.hasFocus=!0}onFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null;(!t||!this.el.contains(t))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async selectOption(s){s&&!s.dsDisabled&&(this.selectedOptionLabel=await s.getLabel(),this.dsValue=s.dsValue,this.activeIndex=null,this.isOpen=!1,this.dsChange.emit(s.dsValue),(this.customSelectRef||this.nativeSelectRef)?.focus())}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){this.dsDisabled||(this.activeIndex=null,this.selectedOption=null,this.dsValue=null,this.isOpen=!1,this.dsChange.emit(null),this.dsRequired&&this.dsValidity.emit({flag:"customError",message:this.internals?.validationMessage}),(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(),this.scrollToActiveOption(),window.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${h("ds-options")}`);s?.focus()})))}scrollToActiveOption(){if(null===this.activeIndex)return;const s=this.el.querySelector(`.${h("ds-options")}`),t=s?.querySelectorAll(`.${h("ds-option")}`);if(!t||this.activeIndex>=t.length)return;const e=t[this.activeIndex];e&&window.requestAnimationFrame((()=>{e.focus(),e.scrollIntoView({behavior:"instant",block:"center"})}))}getClearButtonWidthOffset(){this.clearButtonOffset=this.clearButtonRef?.clientWidth?`${this.clearButtonRef.clientWidth}px`:null}getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag))}getFocusIndex(){const s=this.getAllOptions();if(this.dsValue&&""!==this.dsValue.trim()){const t=s.findIndex((s=>String(s.dsValue)===String(this.dsValue)));if(-1!==t)return t}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const t=this.getAllOptions();this.activeOption=null!==s?t[s]:null,t.forEach(((s,t)=>{s.dsActive=t===this.activeIndex,s.dsSelected=s.dsValue===this.dsValue}))}clearButtonOffsetObserver(){this.getClearButtonWidthOffset()}textPropObserver(s,t,e){this.texts={...this.texts,[e]:C(e,s)}}dsValueObserver(s){s!==this.selectedOption?.dsValue&&(this.setSelectedOptionFromDsValue(s),this.internals&&this.internals.setFormValue(s||""))}selectedOptionObserver(s,t){t&&(t.dsSelected=!1),s&&(s.dsSelected=!0),this.dsChange.emit(s?.dsValue||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=[],o(this)};debouncedResetFeedback=c(this.resetFeedback,x);appendFeedback=(s,t)=>{this.feedback=[...this.feedback,{key:s,message:t}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((t=>t.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";optionsMessagePropertyObserver(s,t,e){if(!s)return this.removeFeedback(e),void(0===this.feedback.length&&this.appendFeedback("default",v()));"dsLoading"===e&&s?this.appendFeedback(e,this.dsLoadingText||m()):"dsOptionsError"===e&&s&&this.appendFeedback(e,this.dsOptionsErrorText||`${g()} ${F()}`)}setSelectedOptionFromDsValue=async s=>{if(!s)return void await this.setSelectedOption(null);const t=this.getAllOptions().find((t=>t.dsValue===s));t?await this.setSelectedOption(t):console.warn(`ds-select: No option found with dsValue "${s}"`)};setSelectedOption=async s=>{s?(s.dsActive=!1,this.internals?.setValidity({})):this.dsRequired&&this.internals?.setValidity({valueMissing:!0},f()),this.selectedOption=s,this.activeOption=null,this.selectedOptionLabel=await(s?.getLabel())||"",this.getClearButtonWidthOffset()};renderNativeSelect(){const s=l("ds-select-native","ds-select",this.el);return i(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.texts.dsPlaceholder,dsIcon:this.dsIcon,dsName:this.dsName,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsValue:this.dsValue,...this.inheritedAttributes},i("slot",{name:"label"}),i("slot",{name:"native"}))}renderCustomSelect(s){const t=!this.selectedOption,e=`${this.dsId}-label`,o=`${this.dsId}-selected-option`,d=this.dsErrorText?this.getInputValidityId():void 0,r=`ds-select-options-${this.dsId}`,n=`${s}-custom`,a=l("ds-button","ds-select",this.el),c=l("ds-options","ds-select",this.el),h=l("ds-options-message","ds-select",this.el),p=l("ds-control-label","ds-select",this.el),_=k(!0);return i("div",null,i(p,{dsId:e,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},i("slot",{name:"label"})),i("div",{class:`${n}-wrapper`},i("div",{class:`${n}-input-container`},i("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:u(`${n}`,{[`${n}--open`]:this.isOpen,[`${n}--none-selected`]:t,[`${n}--disabled`]:this.dsDisabled,[`${n}--invalid`]:!!this.dsErrorText,[`${n}--has-icon`]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-haspopup":"listbox","aria-expanded":String(this.isOpen),"aria-disabled":String(this.dsDisabled),"aria-labelledby":e,"aria-describedby":d,"aria-controls":r,"aria-activedescendant":null!==this.activeIndex?`${this.dsId}-option-${this.activeIndex}`:void 0,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:s=>{this.dsDisabled||this.handleKeyDown(s)}},i("div",{class:`${n}__selected-option`},this.dsIcon&&i(this.DsIconTag,{class:`${n}__selected-option__placeholder-icon`,dsName:this.dsIcon}),i("span",{id:o},this.selectedOptionLabel||this.texts.dsPlaceholder)),i(this.DsIconTag,{style:{"--clear-button-offset":this.clearButtonOffset},class:{[`${n}__dropdown-icon`]:!0,[`${n}__dropdown-icon--has-clear-button`]:this.dsClearable&&this.selectedOptionLabel&&!this.dsDisabled},dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.dsClearable&&this.selectedOptionLabel&&!this.dsDisabled&&i(a,{style:{"--clear-button-offset":this.clearButtonOffset},ref:s=>{this.clearButtonRef=s},class:`${n}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:_,dsIconAriaLabel:_,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},"aria-label":_,"aria-describedby":o})),i("div",{id:r,class:{[`${n}__options-container`]:!0,[`${n}__options-container--open`]:this.isOpen},onClick:s=>{const t=s.target.closest(this.DsOptionTag);t&&!t.dsDisabled&&this.selectOption(t)}},i(h,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),i(c,{dsActiveIndex:this.activeIndex,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:e},i("slot",null)))),!!this.dsErrorText&&i(this.DsInputValidityTag,{id:this.getInputValidityId(),dsText:this.dsErrorText,dsType:"error"}),i(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=h("ds-select");return i(d,{key:"825b69c2876b662dd1a82b9b50f91ad701d109a9",...r("name","default"===this.dsVariant?this.dsName:void 0)},i("div",{key:"6f67a5a2ff5b0100c358533c174f78a479b5a483",tabIndex:-1},"native"===this.dsVariant?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:["activeIndexObserver"],clearButtonOffset:["clearButtonOffsetObserver"],dsPlaceholder:["textPropObserver"],dsValue:["dsValueObserver"],selectedOption:["selectedOptionObserver"],hasFocus:["hasFocusObserver"],dsLoading:["optionsMessagePropertyObserver"],dsOptionsError:["optionsMessagePropertyObserver"]}}};n([i("ds-select-native",null),i("ds-icon",{dsName:""}),i("ds-input-validity",null),i("ds-button",null),i("ds-options",null),i("ds-control-label",null),i("ds-feedback",null)]),O.style=".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__kfFKF0-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__kfFKF0-custom.sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__kfFKF0-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__kfFKF0-custom-wrapper.sc-ds-select{position:relative}.ds-select__kfFKF0-custom.sc-ds-select .ds-options__kfFKF0.sc-ds-select{display:block}.ds-select__kfFKF0-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__kfFKF0-custom.sc-ds-select:not(.ds-select__kfFKF0-custom--open,.ds-select__kfFKF0-custom--invalid.sc-ds-select,.ds-select__kfFKF0-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__kfFKF0-custom.sc-ds-select:active:not(.ds-select__kfFKF0-custom--open,.ds-select__kfFKF0-custom--invalid.sc-ds-select,.ds-select__kfFKF0-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__kfFKF0-custom--open.sc-ds-select,.ds-select__kfFKF0-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__kfFKF0-custom--open.sc-ds-select:not(.ds-select__kfFKF0-custom--open--invalid,.ds-select__kfFKF0-custom.sc-ds-select:focus-visible--invalid),.ds-select__kfFKF0-custom.sc-ds-select:focus-visible:not(.ds-select__kfFKF0-custom--open--invalid,.ds-select__kfFKF0-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__kfFKF0-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__kfFKF0-custom--disabled.sc-ds-select .ds-select__kfFKF0-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__kfFKF0-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__kfFKF0-custom--invalid.sc-ds-select:not(.ds-select__kfFKF0-custom--invalid--open,.ds-select__kfFKF0-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__kfFKF0-custom--invalid.sc-ds-select:not(.ds-select__kfFKF0-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__kfFKF0-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px))}.ds-select__kfFKF0-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-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__kfFKF0-custom--has-icon.sc-ds-select .ds-select__kfFKF0-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__kfFKF0-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__kfFKF0-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:inherit;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__kfFKF0-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__kfFKF0-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed}.ds-select__kfFKF0-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__kfFKF0-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__kfFKF0-custom__clear-button.sc-ds-select{position:absolute;right:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px));cursor:pointer}.ds-select__kfFKF0-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__kfFKF0-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__kfFKF0-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__kfFKF0-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__kfFKF0-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__kfFKF0-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__kfFKF0-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__kfFKF0-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__kfFKF0-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__kfFKF0-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__kfFKF0-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%)}";export{y as ds_options,O as ds_select}

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

@@ -1 +1 @@
-import{h as t,r as s,c as i,d as e,H as a}from"./index-Pzt6Wixq.js";import{c as o}from"./index-BfTCfPZ1.js";import{d as r,i as d,t as n}from"./utils-C1bsmWWB.js";import{a as h,i as l}from"./attributes-BbTh8gdl.js";import{g as u,b as c}from"./controlUtils-BzjXEfZo.js";import{c as b}from"./cx-cUUyxfnb.js";import"./store-BCd58KcK.js";const g=d("ds-radio-button-group"),f=class{constructor(t){s(this,t),this.dsRadioButtonGroupValueChange=i(this,"dsRadioButtonGroupValueChange"),this.dsRadioButtonGroupInvalidStateChange=i(this,"dsRadioButtonGroupInvalidStateChange"),this.dsChange=i(this,"dsChange"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}fieldsetId=g.next().value;legendId=`${this.fieldsetId}-legend`;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;childBlurTimeout=null;inheritedAttributes={};get el(){return e(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?u(this.dsLabel):this.dsLabel};getRadios=()=>Array.from(this.el.querySelectorAll(this.DsRadioButtonTag));getEnabledRadios=()=>this.getRadios().filter((t=>!t.dsDisabled));updateRadios=t=>{this.getRadios().forEach(t)};updateFocusableRadioButton=()=>{const t=this.getEnabledRadios();if(!t.length)return;let s=null;for(const i of t){const t=i.dsValue===this.dsValue;i.setFocusable(t),t&&(s=i)}s||t[0].setFocusable(!0)};formResetCallback(){this.dsErrorText="",this.dsRequired?this.internals?.setValidity({valueMissing:!0},c(),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 t=>{t.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};componentWillLoad(){this.inheritedAttributes={...l(this,this.el),...h(this.el,["aria-labelledby"])},this.updateFocusableRadioButton()}componentDidLoad(){this.updateRadios(((t,s)=>{t.dsErrorsDisabled=!0,0===s&&this.dsErrorText&&t.setAttribute("aria-describedby",this.errorTextId),this.dsForm&&(t.dsForm=this.dsForm)})),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},c(),this.getRadios()?.[0]?.querySelector("input"))}async getValue(){return this.dsValue}errorObserver(t){this.updateRadios(((s,i)=>{0===i&&t?s.setAttribute("aria-describedby",this.errorTextId):0!==i||t||s.removeAttribute("aria-describedby")})),this.dsRadioButtonGroupInvalidStateChange.emit(t)}dsValueObserver(t){this.dsRadioButtonGroupValueChange.emit(t),this.dsChange.emit({value:t}),this.dsRequired&&this.internals?.setValidity({valueMissing:!t},c(),this.getRadios()?.[0]?.querySelector("input")),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}focusedChildRadioButtonObserver(t){t||(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}dsFormAssociatedPropObserver(t,s,i){this.updateRadios((s=>{s[i]=t}))}onInputChange(t){t.stopPropagation(),this.dsValue=t.target.dsValue,this.dsRadioButtonGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}listenFocus(t){this.focusedChildRadioButton=t.detail}listenBlur(t){this.childBlurTimeout=setTimeout((()=>{t.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}onKeyDown(t){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(t.key))return;const s=this.getEnabledRadios(),i=t.target.closest(this.DsRadioButtonTag);if(!i||!s.includes(i))return;t.preventDefault();const e=s.findIndex((t=>t===i));let a;["ArrowUp","ArrowLeft"].includes(t.key)&&(a=0===e?s.length-1:e-1),["ArrowDown","ArrowRight"].includes(t.key)&&(a=(e+1)%s.length);const o=s[a];o.setFocus(),o.setChecked()}render(){const s=b("ds-radio-button-group"),i=o(s),e=o(`${s}__legend`),r=o(`${s}__assistive-text`),d=o(`${s}__radio-buttons-slot`,{[`${s}__radio-buttons-slot--horizontal`]:"horizontal"===this.dsDirection}),h=o(`${s}__error`),l=n("ds-input-validity","ds-radio-button-group",this.el);return t(a,{key:"f6da9d3418a84adb28ddb73a31cdbdf5e48eed76","data-invalid":!!this.dsErrorText||void 0},t("fieldset",{key:"a102f5072b51768837bf9f83ffbe4c5b956b6e44",class:i,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},t("legend",{key:"63b5705b62fba59bc8114a6e880bbd891e55e3fa",id:this.legendId,class:e},this.getLegendText()),this.dsAssistiveText&&t("small",{key:"915424985ba5da61dad95ac4acb2d2c08b461e28",class:r,id:this.assistiveTextId},this.dsAssistiveText),t("div",{key:"d21d1cc87c99db553fcca954e8d538701e64c48d",class:d},t("slot",{key:"ab6e043c4d681238211f3b3736b5fad067b5fd18",onSlotchange:this.updateFocusableRadioButton})),!!this.dsErrorText&&t("div",{key:"14add5f27093d2ba7b1d7551819eba7e839ca247",class:h},t(l,{key:"e72b1c1ce01887aa4476ae87941790713b380138",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"],dsValue:["dsValueObserver"],focusedChildRadioButton:["focusedChildRadioButtonObserver"],dsForm:["dsFormAssociatedPropObserver"],dsName:["dsFormAssociatedPropObserver"]}}};r([t("ds-input-validity",null)]),f.style=".ds-radio-button-group__BahgnS{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__BahgnS__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__BahgnS__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__BahgnS__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__BahgnS__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)}";export{f as ds_radio_button_group}
+import{h as t,r as s,c as i,d as e,H as a}from"./index-DK-steFu.js";import{c as o}from"./index-BfTCfPZ1.js";import{d as r,i as d,t as n}from"./utils-C1bsmWWB.js";import{a as l,i as h}from"./attributes-BbTh8gdl.js";import{g as u,b as c}from"./controlUtils-Cwuo3XhJ.js";import{c as b}from"./cx-4FfBwb_9.js";import"./store-CJjKF_JF.js";const f=d("ds-radio-button-group"),g=class{constructor(t){s(this,t),this.dsRadioButtonGroupValueChange=i(this,"dsRadioButtonGroupValueChange"),this.dsRadioButtonGroupInvalidStateChange=i(this,"dsRadioButtonGroupInvalidStateChange"),this.dsChange=i(this,"dsChange"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}fieldsetId=f.next().value;legendId=`${this.fieldsetId}-legend`;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;childBlurTimeout=null;inheritedAttributes={};get el(){return e(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?u(this.dsLabel):this.dsLabel};getRadios=()=>Array.from(this.el.querySelectorAll(this.DsRadioButtonTag));getEnabledRadios=()=>this.getRadios().filter((t=>!t.dsDisabled));updateRadios=t=>{this.getRadios().forEach(t)};updateFocusableRadioButton=()=>{const t=this.getEnabledRadios();if(!t.length)return;let s=null;for(const i of t){const t=i.dsValue===this.dsValue;i.setFocusable(t),t&&(s=i)}s||t[0].setFocusable(!0)};formResetCallback(){this.dsErrorText="",this.dsRequired?this.internals?.setValidity({valueMissing:!0},c(),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 t=>{t.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};componentWillLoad(){this.inheritedAttributes={...h(this,this.el),...l(this.el,["aria-labelledby"])},this.updateFocusableRadioButton()}componentDidLoad(){this.updateRadios(((t,s)=>{t.dsErrorsDisabled=!0,0===s&&this.dsErrorText&&t.setAttribute("aria-describedby",this.errorTextId),this.dsForm&&(t.dsForm=this.dsForm)})),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},c(),this.getRadios()?.[0]?.querySelector("input"))}async getValue(){return this.dsValue}errorObserver(t){this.updateRadios(((s,i)=>{0===i&&t?s.setAttribute("aria-describedby",this.errorTextId):0!==i||t||s.removeAttribute("aria-describedby")})),this.dsRadioButtonGroupInvalidStateChange.emit(t)}dsValueObserver(t){this.dsRadioButtonGroupValueChange.emit(t),this.dsChange.emit({value:t}),this.dsRequired&&this.internals?.setValidity({valueMissing:!t},c(),this.getRadios()?.[0]?.querySelector("input")),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}focusedChildRadioButtonObserver(t){t||(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}dsFormAssociatedPropObserver(t,s,i){this.updateRadios((s=>{s[i]=t}))}onInputChange(t){t.stopPropagation(),this.dsValue=t.target.dsValue,this.dsRadioButtonGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}listenFocus(t){this.focusedChildRadioButton=t.detail}listenBlur(t){this.childBlurTimeout=setTimeout((()=>{t.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}onKeyDown(t){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(t.key))return;const s=this.getEnabledRadios(),i=t.target.closest(this.DsRadioButtonTag);if(!i||!s.includes(i))return;t.preventDefault();const e=s.findIndex((t=>t===i));let a;["ArrowUp","ArrowLeft"].includes(t.key)&&(a=0===e?s.length-1:e-1),["ArrowDown","ArrowRight"].includes(t.key)&&(a=(e+1)%s.length);const o=s[a];o.setFocus(),o.setChecked()}render(){const s=b("ds-radio-button-group"),i=o(s),e=o(`${s}__legend`),r=o(`${s}__assistive-text`),d=o(`${s}__radio-buttons-slot`,{[`${s}__radio-buttons-slot--horizontal`]:"horizontal"===this.dsDirection}),l=o(`${s}__error`),h=n("ds-input-validity","ds-radio-button-group",this.el);return t(a,{key:"f6da9d3418a84adb28ddb73a31cdbdf5e48eed76","data-invalid":!!this.dsErrorText||void 0},t("fieldset",{key:"a102f5072b51768837bf9f83ffbe4c5b956b6e44",class:i,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},t("legend",{key:"63b5705b62fba59bc8114a6e880bbd891e55e3fa",id:this.legendId,class:e},this.getLegendText()),this.dsAssistiveText&&t("small",{key:"915424985ba5da61dad95ac4acb2d2c08b461e28",class:r,id:this.assistiveTextId},this.dsAssistiveText),t("div",{key:"d21d1cc87c99db553fcca954e8d538701e64c48d",class:d},t("slot",{key:"ab6e043c4d681238211f3b3736b5fad067b5fd18",onSlotchange:this.updateFocusableRadioButton})),!!this.dsErrorText&&t("div",{key:"14add5f27093d2ba7b1d7551819eba7e839ca247",class:l},t(h,{key:"e72b1c1ce01887aa4476ae87941790713b380138",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"],dsValue:["dsValueObserver"],focusedChildRadioButton:["focusedChildRadioButtonObserver"],dsForm:["dsFormAssociatedPropObserver"],dsName:["dsFormAssociatedPropObserver"]}}};r([t("ds-input-validity",null)]),g.style=".ds-radio-button-group__kfFKF0{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__kfFKF0__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__kfFKF0__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__kfFKF0__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__kfFKF0__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)}";export{g as ds_radio_button_group}

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

@@ -1 +1 @@
-import{h as t,r as i,c as s,d as o,f as d,F as r}from"./index-Pzt6Wixq.js";import{c as a}from"./index-BfTCfPZ1.js";import{a as n,i as e}from"./attributes-BbTh8gdl.js";import{v as l,g as h}from"./controlUtils-BzjXEfZo.js";import{d as c,i as _,t as u,a as b}from"./utils-C1bsmWWB.js";import{c as g}from"./cx-cUUyxfnb.js";import"./store-BCd58KcK.js";const v=_("ds-radio-button"),f=class{constructor(t){i(this,t),this.dsChange=s(this,"dsChange"),this.dsCheck=s(this,"dsCheck"),this.dsFocus=s(this,"dsFocus"),this.dsBlur=s(this,"dsBlur"),this.dsSubmitInvalid=s(this,"dsSubmitInvalid"),this.dsValidity=s(this,"dsValidity")}radioGroup=null;inputElement;inheritedAttributes={};get el(){return o(this)}dsChange;dsCheck;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=v.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){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:l(t)});break}}ariaAttributeObserver(t,i,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:t},d(this)}componentWillLoad(){this.setName(),this.radioGroup&&this.updateCheckedState(),this.inheritedAttributes={...e(this,this.el),...n(this.el,["aria-invalid"])},this.initialChecked=this.dsChecked}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(u("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("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 i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsSubmitInvalid.emit({flag:t,message:l(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.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 i in t)if(t[i]){this.dsValidity.emit({flag:i,message:l(i)});break}};getLegendText=()=>this.dsRequired?h(this.dsLabel):this.dsLabel;renderRadioIcon(i){const s=`${i}__icon`,o=a(`${s}__outer-circle`,{[`${s}__outer-circle--checked`]:this.dsChecked}),d=a(`${s}__inner-circle`);return t("slot",{name:"icon"},t("div",{class:s,"aria-hidden":"true"},t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("rect",{width:"24",height:"24",rx:"12",fill:"white"}),t("circle",{class:o,cx:"12",cy:"12",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&t("circle",{class:d,cx:"12",cy:"12",r:"6",fill:"#005A94"}))))}renderRadioButton(i){const s=a(`${i}`,{[`${i}--disabled`]:this.dsDisabled,[`${i}--invalid`]:!!this.dsErrorText}),o=a(`${i}__input`),d=a(`${i}__text`),n=this.focusable?0:-1,e=u("ds-input-validity","ds-radio-button",this.el),l=u("ds-visually-hidden","ds-radio-button",this.el);return t(r,null,t("div",null,t("label",{class:s},t(l,null,t("input",{ref:t=>this.inputElement=t,type:"radio",class:o,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:n,required:this.dsRequired,"aria-invalid":!!this.dsErrorText,...this.inheritedAttributes})),this.renderRadioIcon(i),t("span",{class:d},t("slot",null,this.dsText)))),!this.dsErrorsDisabled&&t("slot",{name:"validity"},t("div",{class:`${i}__validity`},t(e,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(i){const s=a(`${i}-fieldset`),o=a(`${i}-fieldset__legend`),d=a(`${i}-fieldset__assistive-text`),r=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return t("fieldset",{class:s,...b("aria-describedby",r)},t("legend",{class:o},t("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&t("small",{class:d,id:this.assistiveTextId},t("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(i))}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"],"aria-label":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"]}}};c([t("ds-visually-hidden",null),t("ds-input-validity",null)]),f.style=".ds-radio-button__BahgnS.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__BahgnS--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__BahgnS.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__BahgnS__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__BahgnS__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__BahgnS__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__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__BahgnS.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__BahgnS.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__BahgnS.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__BahgnS.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__BahgnS.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__BahgnS.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__BahgnS--disabled.sc-ds-radio-button .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__BahgnS--disabled.sc-ds-radio-button .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__BahgnS--disabled.sc-ds-radio-button .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__BahgnS-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__BahgnS-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__BahgnS-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)}";export{f as ds_radio_button}
+import{h as t,r as i,c as s,d as o,f as d,F as r}from"./index-DK-steFu.js";import{c as e}from"./index-BfTCfPZ1.js";import{a,i as n}from"./attributes-BbTh8gdl.js";import{v as l,g as c}from"./controlUtils-Cwuo3XhJ.js";import{d as _,i as u,t as h,a as b}from"./utils-C1bsmWWB.js";import{c as f}from"./cx-4FfBwb_9.js";import"./store-CJjKF_JF.js";const F=u("ds-radio-button"),v=class{constructor(t){i(this,t),this.dsChange=s(this,"dsChange"),this.dsCheck=s(this,"dsCheck"),this.dsFocus=s(this,"dsFocus"),this.dsBlur=s(this,"dsBlur"),this.dsSubmitInvalid=s(this,"dsSubmitInvalid"),this.dsValidity=s(this,"dsValidity")}radioGroup=null;inputElement;inheritedAttributes={};get el(){return o(this)}dsChange;dsCheck;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=F.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){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:l(t)});break}}ariaAttributeObserver(t,i,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:t},d(this)}componentWillLoad(){this.setName(),this.radioGroup&&this.updateCheckedState(),this.inheritedAttributes={...n(this,this.el),...a(this.el,["aria-invalid"])},this.initialChecked=this.dsChecked}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(h("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 i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsSubmitInvalid.emit({flag:t,message:l(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.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 i in t)if(t[i]){this.dsValidity.emit({flag:i,message:l(i)});break}};getLegendText=()=>this.dsRequired?c(this.dsLabel):this.dsLabel;renderRadioIcon(i){const s=`${i}__icon`,o=e(`${s}__outer-circle`,{[`${s}__outer-circle--checked`]:this.dsChecked}),d=e(`${s}__inner-circle`);return t("slot",{name:"icon"},t("div",{class:s,"aria-hidden":"true"},t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("rect",{width:"24",height:"24",rx:"12",fill:"white"}),t("circle",{class:o,cx:"12",cy:"12",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&t("circle",{class:d,cx:"12",cy:"12",r:"6",fill:"#005A94"}))))}renderRadioButton(i){const s=e(`${i}`,{[`${i}--disabled`]:this.dsDisabled,[`${i}--invalid`]:!!this.dsErrorText}),o=e(`${i}__input`),d=e(`${i}__text`),a=this.focusable?0:-1,n=h("ds-input-validity","ds-radio-button",this.el),l=h("ds-visually-hidden","ds-radio-button",this.el);return t(r,null,t("div",null,t("label",{class:s},t(l,null,t("input",{ref:t=>this.inputElement=t,type:"radio",class:o,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:a,required:this.dsRequired,"aria-invalid":!!this.dsErrorText,...this.inheritedAttributes})),this.renderRadioIcon(i),t("span",{class:d},t("slot",null,this.dsText)))),!this.dsErrorsDisabled&&t("slot",{name:"validity"},t("div",{class:`${i}__validity`},t(n,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(i){const s=e(`${i}-fieldset`),o=e(`${i}-fieldset__legend`),d=e(`${i}-fieldset__assistive-text`),r=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return t("fieldset",{class:s,...b("aria-describedby",r)},t("legend",{class:o},t("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&t("small",{class:d,id:this.assistiveTextId},t("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(i))}render(){const t=f("ds-radio-button");return this.dsLabel?this.renderFieldset(t):this.renderRadioButton(t)}static get formAssociated(){return!0}static get watchers(){return{dsChecked:["dsCheckedObserver"],"aria-label":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"]}}};_([t("ds-visually-hidden",null),t("ds-input-validity",null)]),v.style=".ds-radio-button__kfFKF0.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__kfFKF0--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__kfFKF0.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__kfFKF0__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__kfFKF0__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__kfFKF0__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__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__kfFKF0.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__kfFKF0.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__kfFKF0.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__kfFKF0.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__kfFKF0.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__kfFKF0.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__kfFKF0--disabled.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__kfFKF0--disabled.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__kfFKF0--disabled.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__kfFKF0-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__kfFKF0-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__kfFKF0-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)}";export{v as ds_radio_button}

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

@@ -1 +1 @@
-import{h as i,r as s,c as r,d as t}from"./index-Pzt6Wixq.js";import{c as e}from"./index-BfTCfPZ1.js";import{b as a,a as n}from"./attributes-BbTh8gdl.js";import{d as o,i as d,t as l}from"./utils-C1bsmWWB.js";import{c as h}from"./cx-cUUyxfnb.js";import{v as b}from"./linkUtils-Dlo38pzT.js";import{d as c,g as _,o as g}from"./store-BCd58KcK.js";import{appData as m}from"./index.esm.js";class p{static async loadRibbonData(i){if(!i||""===i.trim())return null;try{const s=await fetch(i);if(!s.ok)throw new Error(`Failed to fetch data: ${s.status}`);const r=await s.json();if(r.v1?.ribbon)return r.v1.ribbon;throw new Error("Invalid data structure: expected v1.ribbon")}catch(i){return console.warn("Failed to load external ribbon data:",i),null}}}const{ribbon:u}=m.v1,w=class{constructor(i){s(this,i),this.dsDrawerToggle=r(this,"dsDrawerToggle")}inheritedAttributes={};get el(){return t(this)}drawerRef;dsIcon;dsSiteName;dsHideBranding=!1;dsIconTitle;dsIconAriaLabel;dsLinks;dsBrandingUrls;dsSitesText;dsCloseText;dsNavAriaLabel;dsLogoAriaLabel;closeButtonId=d("ds-button-drawer-close").next().value;dsDataUrl="";isMobileDrawerOpen=!1;isMobileDrawerClicked=!1;loadedExternalData=null;lang=c;icon;brandingUrls;get localizedLinks(){return this.dsLinks?this.dsLinks:this.loadedExternalData?.links?.[this.lang]?((i,s,r="en")=>this.loadedExternalData.links[this.lang].map((i=>({id:i.id,href:i.href||"#",text:i.text,badge:i.badge?s.badgeTexts[i.badge][r]:void 0,target:i.target,mobileOnly:i.mobileOnly||!1}))))(0,this.loadedExternalData,this.lang):void 0}get localizedSiteName(){return this.dsSiteName||this.loadedExternalData?.siteNames?.[this.lang]}get localizedSitesText(){return this.dsSitesText||this.loadedExternalData?.uiTexts?.sites?.[this.lang]}get localizedCloseText(){return this.dsCloseText||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={...n(this.el),...a(this.el,["lang"])}}async componentDidLoad(){this.lang=_(),this.setupStoreListener(),this.dsDataUrl&&""!==this.dsDataUrl.trim()&&await this.loadExternalData()}async loadExternalData(){this.loadedExternalData=await p.loadRibbonData(this.dsDataUrl),this.dsIcon||(this.icon=this.loadedExternalData?.config?.dsIcon),this.dsBrandingUrls||(this.brandingUrls=this.loadedExternalData?.brandingUrls)}setupStoreListener(){this.storeUnsubscribe=g("language",(i=>{i&&i!==this.lang&&(this.lang=i)}))}dsIconObserver(i){this.icon=i}dsBrandingUrlsObserver(i){this.brandingUrls=i}isMobileDrawerOpenObserver(i){this.dsDrawerToggle.emit(i),i?this.openMobileDrawer():this.closeMobileDrawer()}handleLanguageChange(i){this.lang=i.detail}handleKeyDown(i){if(this.isMobileDrawerOpen)return"Escape"===i.key?(i.preventDefault(),void this.closeMobileDrawer()):void("Tab"!==i.key||this.handleFocusTrap(i))}handleWindowResize(){clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{this.updateScrollState()}),150)}lastFocusedElement=null;resizeTimeout;storeUnsubscribe;handleMobileToggle=()=>{this.isMobileDrawerClicked=!0,this.isMobileDrawerOpen=!this.isMobileDrawerOpen};handleDrawerScroll=i=>{const s=i.target;if(!s)return;const r=s.scrollTop,t=s.scrollHeight-s.clientHeight;t<=0||(r<=1?(s.classList.remove("has-top-scrim"),s.classList.add("has-bottom-scrim")):r>=t-1?(s.classList.add("has-top-scrim"),s.classList.remove("has-bottom-scrim")):(s.classList.add("has-top-scrim"),s.classList.add("has-bottom-scrim")))};handleDrawerBackdropClick=i=>{i.target===i.currentTarget&&(this.isMobileDrawerOpen=!1)};getDrawerFocusableElements(){if(!this.drawerRef)return[];const i=[],s=this.drawerRef.querySelector(`#${this.closeButtonId}`);s&&this.isFocusableElement(s)&&i.push(s);const r=this.drawerRef.querySelector("ds-link-logo");if(r&&r.shadowRoot){const s=r.shadowRoot.querySelector("a");s&&this.isFocusableElement(s)&&i.push(s)}return this.drawerRef.querySelectorAll('[class*="drawer-link-item"]').forEach((s=>{const r=s.querySelector("ds-link");if(r&&r.shadowRoot){const s=r.shadowRoot.querySelector("a");s&&this.isFocusableElement(s)&&i.push(s)}})),i}isFocusableElement(i){if(!i||null===i.offsetParent)return!1;const s=i.tagName.toLowerCase();return["a","button"].includes(s)&&-1!==i.tabIndex}handleFocusTrap(i){const s=this.getDrawerFocusableElements();if(0===s.length)return;let r=document.activeElement;r&&r.shadowRoot&&r.shadowRoot.activeElement&&(r=r.shadowRoot.activeElement),this.el.shadowRoot&&this.el.shadowRoot.activeElement&&(r=this.el.shadowRoot.activeElement,r.shadowRoot&&r.shadowRoot.activeElement&&(r=r.shadowRoot.activeElement));const t=s.indexOf(r);if(i.shiftKey){const i=t<=0?s.length-1:t-1;s[i]?.focus()}else{const i=t>=s.length-1?0:t+1;s[i]?.focus()}i.preventDefault()}openMobileDrawer(){this.lastFocusedElement=document.activeElement,setTimeout((()=>{const i=this.el.shadowRoot?.querySelector(`#${this.closeButtonId}`);if(i&&i.focus(),this.drawerRef){const i=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;i>0&&this.setupScrollListener(this.drawerRef,i)}}),50)}setupScrollListener(i,s){if(i.removeEventListener("scroll",this.handleDrawerScroll),i.addEventListener("scroll",this.handleDrawerScroll,{passive:!0}),this.drawerRef){const r=i.scrollTop,t=1;r<=t?(this.drawerRef.classList.remove("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim")):r>=s-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 i=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;if(i<=0)return this.drawerRef.classList.remove("has-top-scrim","has-bottom-scrim"),void this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);this.setupScrollListener(this.drawerRef,i)}closeMobileDrawer(){this.isMobileDrawerOpen=!1,this.drawerRef&&this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll),setTimeout((()=>{this.lastFocusedElement&&this.lastFocusedElement.focus()}),50)}getBrandingUrl(){const i=_()||"fi";return this.dsBrandingUrls?.[i]||this.brandingUrls?.[i]||u.brandingUrls?.[i]}renderBranding(){if(this.dsHideBranding)return null;const s=h("ds-ribbon"),r=this.getBrandingUrl(),t=l("ds-link-logo","ds-ribbon",this.el);return i("div",{class:`${s}__branding`},i(t,{dsHref:r,dsIcon:this.dsIcon||this.icon||u.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self","aria-label":this.localizedLogoAriaLabel}))}renderDesktopNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const r=h("ds-ribbon"),t=l("ds-link","ds-ribbon",this.el),e=l("ds-tag","ds-ribbon",this.el),a=l("ds-visually-hidden","ds-ribbon",this.el);return i("div",{class:`${r}__desktop-nav`},i("ul",{class:`${r}__desktop-links`},s.filter((i=>!i.mobileOnly)).map((s=>i("li",{key:`desktop-${s.id}`,class:`${r}__desktop-link-item`},i(t,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:`${r}__desktop-link`},s.badge&&i("span",{slot:"suffix"},i(a,null," - ",s.badge))),s.badge&&i(e,{dsText:s.badge,dsColour:"info",class:`${r}__desktop-badge`,"aria-hidden":"true"}),"_blank"===s.target&&i(a,null,b()))))))}renderMobileNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const r=h("ds-ribbon"),t=l("ds-link","ds-ribbon",this.el),e=l("ds-tag","ds-ribbon",this.el),a=l("ds-visually-hidden","ds-ribbon",this.el);return i("div",{class:`${r}__drawer-backdrop`,onClick:this.handleDrawerBackdropClick,...this.isMobileDrawerOpen?{}:{inert:!0}},i("div",{id:`${r}__drawer`,class:`${r}__drawer`,role:"dialog","aria-label":"Site navigation menu","aria-modal":"true","aria-hidden":this.isMobileDrawerOpen?"false":"true",ref:i=>this.drawerRef=i},this.renderDrawerHeader(),i("div",{class:`${r}__drawer-nav`},i("div",{class:`${r}__top-scrim`}),i("ul",{class:`${r}__drawer-links`},s.map((s=>i("li",{key:`mobile-${s.id}`,class:`${r}__drawer-link-item`},i(t,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:`${r}__drawer-link`},s.badge&&i("span",{slot:"suffix"},i(a,null," - ",s.badge))),s.badge&&i(e,{dsText:s.badge,dsColour:"info",class:`${r}__drawer-badge`,"aria-hidden":"true"}),"_blank"===s.target&&i(a,null,b()))))),i("div",{class:`${r}__bottom-scrim`}))))}renderDrawerHeader(){const s=h("ds-ribbon"),r=l("ds-button","ds-ribbon",this.el),t=l("ds-link-logo","ds-ribbon",this.el),e=this.getBrandingUrl();return i("div",{class:`${s}__drawer-header`},i("div",{class:`${s}__drawer-branding`},i(t,{dsHref:e,dsIcon:this.dsIcon||this.icon||u.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",class:`${s}__drawer-branding-link`,"aria-label":this.localizedLogoAriaLabel})),i(r,{dsId:this.closeButtonId,dsType:"button",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsValue: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 r=h("ds-ribbon"),t=l("ds-button","ds-ribbon",this.el);return i(t,{class:`${r}__mobile-toggle`,dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsValue:this.localizedSitesText,dsIcon:"keyboard_arrow_down",dsIconPosition:"end",onClick:this.handleMobileToggle,"aria-expanded":this.isMobileDrawerOpen?"true":"false","aria-controls":`${r}__drawer`,"aria-haspopup":"dialog"})}disconnectedCallback(){clearTimeout(this.resizeTimeout);const i=this.el.shadowRoot?.querySelector(`#${h("ds-ribbon")}__drawer`);i?.removeEventListener("scroll",this.handleDrawerScroll),this.storeUnsubscribe?.()}render(){const s=h("ds-ribbon"),r=e(s,{[`${s}--drawer-open`]:this.isMobileDrawerOpen,[`${s}--drawer-clicked`]:this.isMobileDrawerClicked});return i("nav",{key:"2c4c7ba66cd728960ae998d6b3bb668b2041fb4b",class:r,"aria-label":this.localizedNavAriaLabel,...this.inheritedAttributes},i("div",{key:"fb468ba37c1ffdd9863aa9cf2bde78ba2ee45bbf",class:`${s}__container`,...this.isMobileDrawerOpen?{inert:!0}:{}},this.renderBranding(),this.renderDesktopNavigation(),this.renderMobileToggle()),this.renderMobileNavigation())}static get watchers(){return{dsIcon:["dsIconObserver"],dsBrandingUrls:["dsBrandingUrlsObserver"],isMobileDrawerOpen:["isMobileDrawerOpenObserver"]}}};o([i("ds-link-logo",{dsHref:""}),i("ds-link",{dsText:""}),i("ds-button",null),i("ds-tag",{dsText:""}),i("ds-visually-hidden",null)]),w.style=":host *,.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__BahgnS__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__BahgnS__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__BahgnS__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__BahgnS__container{grid-template-columns:auto auto}}.ds-ribbon__BahgnS__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__BahgnS__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__BahgnS__mobile-toggle{display:none}}.ds-ribbon__BahgnS__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__BahgnS__drawer-backdrop{display:none}}.ds-ribbon__BahgnS--drawer-open .ds-ribbon__BahgnS__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__BahgnS__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__BahgnS__drawer-backdrop,.ds-ribbon__BahgnS--drawer-open .ds-ribbon__BahgnS__container .ds-ribbon__BahgnS__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__BahgnS--drawer-clicked .ds-ribbon__BahgnS__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__BahgnS--drawer-open .ds-ribbon__BahgnS__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__BahgnS__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__BahgnS__desktop-nav{display:block}}.ds-ribbon__BahgnS__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__BahgnS__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__BahgnS__desktop-link{font-size:var(--ds-fontSize-12, 0.75rem);white-space:nowrap}.ds-ribbon__BahgnS__desktop-badge{font-size:var(--ds-font-size-small, 12px);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__BahgnS__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__BahgnS__desktop-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__BahgnS__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__BahgnS__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__BahgnS--drawer-open .ds-ribbon__BahgnS__drawer{transform:translateX(0%)}.ds-ribbon__BahgnS__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__BahgnS__drawer-header{display:none}}.ds-ribbon__BahgnS__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__BahgnS__drawer-branding{max-width:unset}}.ds-ribbon__BahgnS__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__BahgnS__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__BahgnS__drawer-nav{padding:0}}.ds-ribbon__BahgnS__top-scrim,.ds-ribbon__BahgnS__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__BahgnS__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__BahgnS__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__BahgnS__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__BahgnS__bottom-scrim{display:block}.ds-ribbon__BahgnS__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__BahgnS__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:1px solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__BahgnS__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__BahgnS__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__BahgnS__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__BahgnS__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__BahgnS__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__BahgnS__drawer-badge{font-size:var(--ds-font-size-small, 12px);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__BahgnS__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__BahgnS__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__BahgnS__drawer-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__BahgnS--drawer-open) .ds-ribbon__BahgnS__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__BahgnS--drawer-open) .ds-ribbon__BahgnS__drawer-backdrop{display:block}}:host(.ds-ribbon__BahgnS--drawer-open) .ds-ribbon__BahgnS__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__BahgnS--drawer-open) .ds-ribbon__BahgnS__drawer{transform:none}}";export{w as ds_ribbon}
+import{h as i,r as s,c as t,d as r}from"./index-DK-steFu.js";import{c as e}from"./index-BfTCfPZ1.js";import{b as o,a}from"./attributes-BbTh8gdl.js";import{d as n,i as d,t as l}from"./utils-C1bsmWWB.js";import{c as b}from"./cx-4FfBwb_9.js";import{v as h}from"./linkUtils-C0-uKwUV.js";import{d as c,g as _,o as m}from"./store-CJjKF_JF.js";import{appData as p}from"./index.esm.js";class f{static async loadRibbonData(i){if(!i||""===i.trim())return null;try{const s=await fetch(i);if(!s.ok)throw new Error(`Failed to fetch data: ${s.status}`);const t=await s.json();if(t.v1?.ribbon)return t.v1.ribbon;throw new Error("Invalid data structure: expected v1.ribbon")}catch(i){return console.warn("Failed to load external ribbon data:",i),null}}}const g=p.v1.ribbon,k=class{constructor(i){s(this,i),this.dsDrawerToggle=t(this,"dsDrawerToggle")}inheritedAttributes={};get el(){return r(this)}drawerRef;mobileToggleRef;closeButtonRef;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=c;icon;brandingUrls;get DsLinkLogo(){return l("ds-link-logo","ds-ribbon",this.el)}get DsLink(){return l("ds-link","ds-ribbon",this.el)}get DsButton(){return l("ds-button","ds-ribbon",this.el)}get DsTag(){return l("ds-tag","ds-ribbon",this.el)}get DsVisuallyHidden(){return l("ds-visually-hidden","ds-ribbon",this.el)}get localizedLinks(){return this.dsLinks?this.dsLinks:this.loadedExternalData?.links?.[this.lang]?((i,s,t="en")=>this.loadedExternalData.links[this.lang].map((i=>({id:i.id,href:i.href||"#",text:i.text,badge:i.badge?s.badgeTexts[i.badge][t]:void 0,target:i.target,mobileOnly:i.mobileOnly||!1}))))(0,this.loadedExternalData,this.lang):void 0}get localizedSiteName(){return this.dsSiteName||this.loadedExternalData?.siteNames?.[this.lang]}get localizedSitesText(){return this.dsMobileToggleText||this.loadedExternalData?.uiTexts?.sites?.[this.lang]}get localizedCloseText(){return this.dsCloseButtonText||this.loadedExternalData?.uiTexts?.close?.[this.lang]}get localizedNavAriaLabel(){return this.dsNavAriaLabel||this.loadedExternalData?.uiTexts?.navigationLabel?.[this.lang]}get localizedLogoAriaLabel(){return this.dsLogoAriaLabel||this.loadedExternalData?.uiTexts?.logoLabel?.[this.lang]}dsDrawerToggle;componentWillLoad(){this.inheritedAttributes={...a(this.el),...o(this.el,["lang"])}}async componentDidLoad(){this.lang=_(),this.setupStoreListener(),this.dsDataUrl&&""!==this.dsDataUrl.trim()&&await this.loadExternalData()}async loadExternalData(){try{const i=await f.loadRibbonData(this.dsDataUrl);if(!i)throw new Error("No external data");this.loadedExternalData=i}catch{this.loadedExternalData=g}this.dsIcon||(this.icon=this.loadedExternalData?.config?.dsIcon),this.dsBrandingUrls||(this.brandingUrls=this.loadedExternalData?.brandingUrls)}setupStoreListener(){this.storeUnsubscribe=m("language",(i=>{i&&i!==this.lang&&(this.lang=i)}))}dsIconObserver(i){this.icon=i}dsBrandingUrlsObserver(i){this.brandingUrls=i}isMobileDrawerOpenObserver(i){this.dsDrawerToggle.emit(i),i?this.openMobileDrawer():this.closeMobileDrawer()}handleLanguageChange(i){this.lang=i.detail}handleKeyDown(i){if(this.isMobileDrawerOpen)return"Escape"===i.key?(i.preventDefault(),void this.closeMobileDrawer()):void("Tab"!==i.key||this.handleFocusTrap(i))}handleWindowResize(){clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{this.updateScrollState()}),150)}resizeTimeout;storeUnsubscribe;handleMobileToggle=()=>{this.isMobileDrawerClicked=!0,this.isMobileDrawerOpen=!this.isMobileDrawerOpen};handleDrawerScroll=i=>{const s=i.target;if(!s)return;const t=s.scrollTop,r=s.scrollHeight-s.clientHeight;r<=0||(t<=1?(s.classList.remove("has-top-scrim"),s.classList.add("has-bottom-scrim")):t>=r-1?(s.classList.add("has-top-scrim"),s.classList.remove("has-bottom-scrim")):(s.classList.add("has-top-scrim"),s.classList.add("has-bottom-scrim")))};handleDrawerBackdropClick=i=>{i.target===i.currentTarget&&(this.isMobileDrawerOpen=!1)};getDrawerFocusableElements(){if(!this.drawerRef)return[];const i=[],s=this.drawerRef.querySelector(`#${this.dsCloseButtonId}`);s&&this.isFocusableElement(s)&&i.push(s);const t=this.drawerRef.querySelector(this.DsLinkLogo);if(t&&t.shadowRoot){const s=t.shadowRoot.querySelector("a");s&&this.isFocusableElement(s)&&i.push(s)}return this.drawerRef.querySelectorAll('[class*="drawer-link-item"]').forEach((s=>{const t=s.querySelector(this.DsLink);if(t&&t.shadowRoot){const s=t.shadowRoot.querySelector("a");s&&this.isFocusableElement(s)&&i.push(s)}})),i}isFocusableElement(i){if(!i||null===i.offsetParent)return!1;const s=i.tagName.toLowerCase();return["a","button"].includes(s)&&-1!==i.tabIndex}handleFocusTrap(i){const s=this.getDrawerFocusableElements();if(0===s.length)return;let t=document.activeElement;t&&t.shadowRoot&&t.shadowRoot.activeElement&&(t=t.shadowRoot.activeElement),this.el.shadowRoot&&this.el.shadowRoot.activeElement&&(t=this.el.shadowRoot.activeElement,t.shadowRoot&&t.shadowRoot.activeElement&&(t=t.shadowRoot.activeElement));const r=s.indexOf(t);if(i.shiftKey){const i=r<=0?s.length-1:r-1;s[i]?.focus()}else{const i=r>=s.length-1?0:r+1;s[i]?.focus()}i.preventDefault()}openMobileDrawer(){setTimeout((()=>{const i=this.el.shadowRoot?.querySelector(`#${this.dsCloseButtonId}`);if(i&&i.focus(),this.drawerRef){const i=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;i>0&&this.setupScrollListener(this.drawerRef,i)}}),50)}setupScrollListener(i,s){if(i.removeEventListener("scroll",this.handleDrawerScroll),i.addEventListener("scroll",this.handleDrawerScroll,{passive:!0}),this.drawerRef){const t=i.scrollTop,r=1;t<=r?(this.drawerRef.classList.remove("has-top-scrim"),this.drawerRef.classList.add("has-bottom-scrim")):t>=s-r?(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 i=this.drawerRef.scrollHeight-this.drawerRef.clientHeight;if(i<=0)return this.drawerRef.classList.remove("has-top-scrim","has-bottom-scrim"),void this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll);this.setupScrollListener(this.drawerRef,i)}closeMobileDrawer(){this.closeButtonRef&&document.activeElement!==this.closeButtonRef&&this.closeButtonRef.setFocus?.(),this.isMobileDrawerOpen=!1,this.drawerRef&&this.drawerRef.removeEventListener("scroll",this.handleDrawerScroll),setTimeout((async()=>{try{await this.mobileToggleRef.setFocus()}catch{this.mobileToggleRef.focus()}}),50)}getBrandingUrl(){const i=_()||"fi";return this.dsBrandingUrls?.[i]||this.brandingUrls?.[i]||g.brandingUrls?.[i]}renderBranding(){if(this.dsHideBranding)return null;const s=b("ds-ribbon"),t=this.getBrandingUrl();return i("div",{class:`${s}__branding`},i(this.DsLinkLogo,{dsHref:t,dsIcon:this.dsIcon||this.icon||g.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self","aria-label":this.localizedLogoAriaLabel}))}renderDesktopNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const t=b("ds-ribbon");return i("div",{class:`${t}__desktop-nav`},i("ul",{class:`${t}__desktop-links`},s.filter((i=>!i.mobileOnly)).map((s=>i("li",{key:`desktop-${s.id}`,class:`${t}__desktop-link-item`},i(this.DsLink,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:`${t}__desktop-link`},s.badge&&i("span",{slot:"suffix"},i(this.DsVisuallyHidden,null," - ",s.badge))),s.badge&&i(this.DsTag,{dsText:s.badge,dsColour:"info",class:`${t}__desktop-badge`,"aria-hidden":"true"}),"_blank"===s.target&&i(this.DsVisuallyHidden,null,h()))))))}renderMobileNavigation(){const s=this.localizedLinks;if(!s?.length)return null;const t=b("ds-ribbon");return i("div",{class:`${t}__drawer-backdrop`,onClick:this.handleDrawerBackdropClick,...this.isMobileDrawerOpen?{}:{inert:!0}},i("div",{id:`${t}__drawer`,class:`${t}__drawer`,role:"dialog","aria-label":"Site navigation menu","aria-modal":"true","aria-hidden":this.isMobileDrawerOpen?"false":"true",ref:i=>this.drawerRef=i},this.renderDrawerHeader(),i("div",{class:`${t}__drawer-nav`},i("div",{class:`${t}__top-scrim`}),i("ul",{class:`${t}__drawer-links`},s.map((s=>i("li",{key:`mobile-${s.id}`,class:`${t}__drawer-link-item`},i(this.DsLink,{dsHref:s.href,dsText:s.text,dsTarget:s.target||"_self",dsVariant:"standalone",dsColour:"black",dsWeight:"semibold",class:`${t}__drawer-link`},s.badge&&i("span",{slot:"suffix"},i(this.DsVisuallyHidden,null," - ",s.badge))),s.badge&&i(this.DsTag,{dsText:s.badge,dsColour:"info",class:`${t}__drawer-badge`,"aria-hidden":"true"}),"_blank"===s.target&&i(this.DsVisuallyHidden,null,h()))))),i("div",{class:`${t}__bottom-scrim`}))))}renderDrawerHeader(){const s=b("ds-ribbon"),t=this.getBrandingUrl();return i("div",{class:`${s}__drawer-header`},i("div",{class:`${s}__drawer-branding`},i(this.DsLinkLogo,{dsHref:t,dsIcon:this.dsIcon||this.icon||g.config?.dsIcon,dsIconTitle:this.dsIconTitle,dsIconAriaLabel:this.dsIconAriaLabel,dsText:this.localizedSiteName,dsTarget:"_self",class:`${s}__drawer-branding-link`,"aria-label":this.localizedLogoAriaLabel})),i(this.DsButton,{dsId:this.dsCloseButtonId,dsType:"button",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedCloseText,dsIcon:"close",dsIconPosition:"end",class:`${s}__drawer-close`,ref:i=>this.closeButtonRef=i,onClick:this.handleMobileToggle}))}renderMobileToggle(){const s=this.localizedLinks;if(!s?.length||!this.localizedSitesText||!this.localizedCloseText)return null;const t=b("ds-ribbon");return i(this.DsButton,{ref:i=>this.mobileToggleRef=i,id:this.dsMobileToggleId,class:`${t}__mobile-toggle`,dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsText:this.localizedSitesText,dsIcon:"keyboard_arrow_down",dsIconPosition:"end",onClick:this.handleMobileToggle,"aria-expanded":this.isMobileDrawerOpen?"true":"false","aria-controls":`${t}__drawer`,"aria-haspopup":"dialog"})}disconnectedCallback(){clearTimeout(this.resizeTimeout);const i=this.el.shadowRoot?.querySelector(`#${b("ds-ribbon")}__drawer`);i?.removeEventListener("scroll",this.handleDrawerScroll),this.storeUnsubscribe?.()}render(){const s=b("ds-ribbon"),t=e(s,{[`${s}--drawer-open`]:this.isMobileDrawerOpen,[`${s}--drawer-clicked`]:this.isMobileDrawerClicked});return i("nav",{key:"3e52a851883dc48cb744c855801017182656750c",class:t,"aria-label":this.localizedNavAriaLabel,...this.inheritedAttributes},i("div",{key:"0cfd064fc7a7227db618cd1a787ce2e276f4e1df",class:`${s}__container`,...this.isMobileDrawerOpen?{inert:!0}:{}},this.renderBranding(),this.renderDesktopNavigation(),this.renderMobileToggle()),this.renderMobileNavigation())}static get watchers(){return{dsIcon:["dsIconObserver"],dsBrandingUrls:["dsBrandingUrlsObserver"],isMobileDrawerOpen:["isMobileDrawerOpenObserver"]}}};n([i("ds-link-logo",{dsHref:""}),i("ds-link",{dsText:""}),i("ds-button",null),i("ds-tag",{dsText:""}),i("ds-visually-hidden",null)]),k.style=":host *,.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__kfFKF0__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__kfFKF0__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__kfFKF0__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__kfFKF0__container{grid-template-columns:auto auto}}.ds-ribbon__kfFKF0__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__kfFKF0__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__kfFKF0__mobile-toggle{display:none}}.ds-ribbon__kfFKF0__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__kfFKF0__drawer-backdrop{display:none}}.ds-ribbon__kfFKF0--drawer-open .ds-ribbon__kfFKF0__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__kfFKF0__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__kfFKF0__drawer-backdrop,.ds-ribbon__kfFKF0--drawer-open .ds-ribbon__kfFKF0__container .ds-ribbon__kfFKF0__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__kfFKF0--drawer-clicked .ds-ribbon__kfFKF0__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__kfFKF0--drawer-open .ds-ribbon__kfFKF0__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__kfFKF0__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__kfFKF0__desktop-nav{display:block}}.ds-ribbon__kfFKF0__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__kfFKF0__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__kfFKF0__desktop-link{font-size:var(--ds-fontSize-12, 0.75rem);white-space:nowrap}.ds-ribbon__kfFKF0__desktop-badge{font-size:var(--ds-font-size-small, 12px);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__kfFKF0__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__kfFKF0__desktop-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__kfFKF0__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__kfFKF0__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__kfFKF0--drawer-open .ds-ribbon__kfFKF0__drawer{transform:translateX(0%)}.ds-ribbon__kfFKF0__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__kfFKF0__drawer-header{display:none}}.ds-ribbon__kfFKF0__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__kfFKF0__drawer-branding{max-width:unset}}.ds-ribbon__kfFKF0__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__kfFKF0__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__kfFKF0__drawer-nav{padding:0}}.ds-ribbon__kfFKF0__top-scrim,.ds-ribbon__kfFKF0__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__kfFKF0__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__kfFKF0__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__kfFKF0__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__kfFKF0__bottom-scrim{display:block}.ds-ribbon__kfFKF0__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__kfFKF0__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:1px solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__kfFKF0__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__kfFKF0__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__kfFKF0__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__kfFKF0__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__kfFKF0__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__kfFKF0__drawer-badge{font-size:var(--ds-font-size-small, 12px);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__kfFKF0__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__kfFKF0__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__kfFKF0__drawer-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__kfFKF0--drawer-open) .ds-ribbon__kfFKF0__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__kfFKF0--drawer-open) .ds-ribbon__kfFKF0__drawer-backdrop{display:block}}:host(.ds-ribbon__kfFKF0--drawer-open) .ds-ribbon__kfFKF0__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__kfFKF0--drawer-open) .ds-ribbon__kfFKF0__drawer{transform:none}}";export{k as ds_ribbon}

package/dist/component-library/ds-select-native.entry.js

@@ -1 +1 @@
-import{h as e,r as s,d as t}from"./index-Pzt6Wixq.js";import{c as o}from"./index-BfTCfPZ1.js";import{d as i,t as a}from"./utils-C1bsmWWB.js";import{a as d,i as n}from"./attributes-BbTh8gdl.js";import{c}from"./cx-cUUyxfnb.js";const l=class{constructor(e){s(this,e)}inheritedAttributes={};get el(){return t(this)}dsId;dsLabel;dsPlaceholder;dsValue;dsIcon;dsName;dsForm;dsDisabled=!1;dsErrorText;inputValidityId=`${this.dsId}-input-validity`;nativeSelectRef;get DsInputValidityTag(){return a("ds-input-validity","ds-select-native",this.el)}get DsIconTag(){return a("ds-icon","ds-select-native",this.el)}componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...d(this.el,["aria-controls","aria-haspopup"])}}ariaAttributeObserver(e,s,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:e}}render(){const s=c("ds-select-native"),t=a("ds-control-label","ds-select-native",this.el);return e("div",{key:"88bfa6da4dd3b4824c17fa4eab27f65e33f9f0a2"},e(t,{key:"3c698d18a9ece0c261f214c54c24347aae6ec2c4",dsHtmlFor:this.dsId,dsLabel:this.dsLabel},e("slot",{key:"6b16cfb0e05fdc61519bd6610f3c9f2cb8252904",name:"label"})),e("div",{key:"63b3dca8117fb6127648c962e6ae8bc52aac1c2a",class:o(`${s}`,{[`${s}--disabled`]:this.dsDisabled,[`${s}--invalid`]:!!this.dsErrorText})},e("div",{key:"aeb00994199885b07d9dbc775a0541264b2ee79b",class:`${s}__selected-text`,"aria-hidden":"true"},this.dsValue&&this.nativeSelectRef?.selectedOptions[0]?.textContent||this.dsPlaceholder),e("select",{key:"31eafc69c39b650526f2f93c96be7c73746f674a",ref:e=>{this.nativeSelectRef=e,e&&(e.value=this.dsValue||"")},id:this.dsId,name:this.dsName,form:this.dsForm,class:`${s}__select`,disabled:this.dsDisabled,required:!!this.dsErrorText,onChange:e=>{this.dsValue=e.target.value},"aria-controls":`${this.dsId}-listbox`,"aria-haspopup":"listbox",...this.inheritedAttributes},e("option",{key:"8158c037b8fb3aa08097a98123af6d47e0f7fe2a",value:"",disabled:!0,selected:!this.dsValue},this.dsPlaceholder),e("slot",{key:"9eda772a21ff3467051378cdfb43841667dff011",name:"native"})),e(this.DsIconTag,{key:"0760114fa09448375d579bfd42897421ac7f51d5",class:`${s}__dropdown-icon`,dsName:"keyboard_arrow_down"})),!!this.dsErrorText&&e(this.DsInputValidityTag,{key:"2c11db373e9ef00b01037328ce2617dae8fb83f9",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}static get watchers(){return{"aria-describedby":["ariaAttributeObserver"]}}};i([e("ds-icon",{dsName:""}),e("ds-control-label",null),e("ds-input-validity",null)]),l.style=".sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select-native__BahgnS.sc-ds-select-native,.ds-select__BahgnS-custom.sc-ds-select-native{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select-native__BahgnS.sc-ds-select-native:hover,.ds-select__BahgnS-custom.sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select-native__BahgnS__dropdown-icon.sc-ds-select-native,.ds-select__BahgnS-custom__dropdown-icon.sc-ds-select-native{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__BahgnS-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__BahgnS-custom.sc-ds-select-native .ds-options__BahgnS.sc-ds-select-native{display:block}.ds-select__BahgnS-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__BahgnS-custom.sc-ds-select-native:not(.ds-select__BahgnS-custom--open,.ds-select__BahgnS-custom--invalid.sc-ds-select-native,.ds-select__BahgnS-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__BahgnS-custom.sc-ds-select-native:active:not(.ds-select__BahgnS-custom--open,.ds-select__BahgnS-custom--invalid.sc-ds-select-native,.ds-select__BahgnS-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__BahgnS-custom--open.sc-ds-select-native,.ds-select__BahgnS-custom.sc-ds-select-native:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__BahgnS-custom--open.sc-ds-select-native:not(.ds-select__BahgnS-custom--open--invalid,.ds-select__BahgnS-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__BahgnS-custom.sc-ds-select-native:focus-visible:not(.ds-select__BahgnS-custom--open--invalid,.ds-select__BahgnS-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__BahgnS-custom--disabled.sc-ds-select-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__BahgnS-custom--disabled.sc-ds-select-native .ds-select__BahgnS-custom__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__BahgnS-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__BahgnS-custom--invalid.sc-ds-select-native:not(.ds-select__BahgnS-custom--invalid--open,.ds-select__BahgnS-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__BahgnS-custom--invalid.sc-ds-select-native:not(.ds-select__BahgnS-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__BahgnS-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px))}.ds-select__BahgnS-custom__selected-option.sc-ds-select-native{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__BahgnS-custom--has-icon.sc-ds-select-native .ds-select__BahgnS-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__BahgnS-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__BahgnS-custom.sc-ds-select-native input.sc-ds-select-native{width:100%;height:100%;border:0;background:none;color:inherit;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__BahgnS-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__BahgnS-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed}.ds-select__BahgnS-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__BahgnS-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__BahgnS-custom__clear-button.sc-ds-select-native{position:absolute;right:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px));cursor:pointer}.ds-select__BahgnS-custom__options-container.sc-ds-select-native{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__BahgnS-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__BahgnS-custom__options-container__options.sc-ds-select-native{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__BahgnS-custom__options-container__options__inner.sc-ds-select-native{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__BahgnS-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__BahgnS-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__BahgnS-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__BahgnS-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__BahgnS-custom__options-container__options__inner__top-scrim.sc-ds-select-native{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__BahgnS-custom__options-container__options__inner__top-scrim--dark.sc-ds-select-native{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__BahgnS-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select-native__BahgnS.sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select-native__BahgnS.sc-ds-select-native:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select-native__BahgnS--disabled.sc-ds-select-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select-native__BahgnS--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select-native__BahgnS__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-spacing-xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select-native__BahgnS__select.sc-ds-select-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;appearance:none;border:none;outline:none;padding:0 var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);background-color:transparent;color:inherit;flex:1}.ds-select-native__BahgnS__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select-native__BahgnS__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}";export{l as ds_select_native}
+import{h as e,r as s,d as t}from"./index-DK-steFu.js";import{c as o}from"./index-BfTCfPZ1.js";import{d as i,t as d}from"./utils-C1bsmWWB.js";import{a as c,i as a}from"./attributes-BbTh8gdl.js";import{c as l}from"./cx-4FfBwb_9.js";const r=class{constructor(e){s(this,e)}inheritedAttributes={};get el(){return t(this)}dsId;dsLabel;dsPlaceholder;dsValue;dsIcon;dsName;dsForm;dsDisabled=!1;dsErrorText;inputValidityId=`${this.dsId}-input-validity`;nativeSelectRef;get DsInputValidityTag(){return d("ds-input-validity","ds-select-native",this.el)}get DsIconTag(){return d("ds-icon","ds-select-native",this.el)}componentWillLoad(){this.inheritedAttributes={...a(this,this.el),...c(this.el,["aria-controls","aria-haspopup"])}}ariaAttributeObserver(e,s,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:e}}render(){const s=l("ds-select-native"),t=d("ds-control-label","ds-select-native",this.el);return e("div",{key:"905725c0f6e8075a434aa969a2f62bc84d683fb5"},e(t,{key:"1a157d11191636c02d1bbf35cfec35c091a2a225",dsHtmlFor:this.dsId,dsLabel:this.dsLabel},e("slot",{key:"297bc928fccb1adb621fbe75c9ad4ee109fe573e",name:"label"})),e("div",{key:"0084f495f64de0384fa8e707bae678450b27218f",class:o(`${s}`,{[`${s}--disabled`]:this.dsDisabled,[`${s}--invalid`]:!!this.dsErrorText})},e("div",{key:"243162101ef62d6961f55f23d37db66df699fe06",class:`${s}__selected-text`,"aria-hidden":"true"},this.dsValue&&this.nativeSelectRef?.selectedOptions[0]?.textContent||this.dsPlaceholder),e("select",{key:"3e852ca7f6b5453f367b35d9bcc67e241c8298a9",ref:e=>{this.nativeSelectRef=e,e&&(e.value=this.dsValue||"")},id:this.dsId,name:this.dsName,form:this.dsForm,class:`${s}__select`,disabled:this.dsDisabled,required:!!this.dsErrorText,onChange:e=>{this.dsValue=e.target.value},"aria-controls":`${this.dsId}-listbox`,"aria-haspopup":"listbox",...this.inheritedAttributes},e("option",{key:"9363c3bdf8006ec79485f93644734f5aa754b6fe",value:"",disabled:!0,selected:!this.dsValue},this.dsPlaceholder),e("slot",{key:"100c51736563347f27600a6fc9d3aee58236cede",name:"native"})),e(this.DsIconTag,{key:"cc8dc0f6b71994ec81c811afffc3930309f7847b",class:`${s}__dropdown-icon`,dsName:"keyboard_arrow_down"})),!!this.dsErrorText&&e(this.DsInputValidityTag,{key:"fa42d3c1eba1791ceca8280f6260c6c859a56474",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}static get watchers(){return{"aria-describedby":["ariaAttributeObserver"]}}};i([e("ds-icon",{dsName:""}),e("ds-control-label",null),e("ds-input-validity",null)]),r.style=".sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select-native__kfFKF0.sc-ds-select-native,.ds-select__kfFKF0-custom.sc-ds-select-native{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select-native__kfFKF0.sc-ds-select-native:hover,.ds-select__kfFKF0-custom.sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select-native__kfFKF0__dropdown-icon.sc-ds-select-native,.ds-select__kfFKF0-custom__dropdown-icon.sc-ds-select-native{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__kfFKF0-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__kfFKF0-custom.sc-ds-select-native .ds-options__kfFKF0.sc-ds-select-native{display:block}.ds-select__kfFKF0-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__kfFKF0-custom.sc-ds-select-native:not(.ds-select__kfFKF0-custom--open,.ds-select__kfFKF0-custom--invalid.sc-ds-select-native,.ds-select__kfFKF0-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__kfFKF0-custom.sc-ds-select-native:active:not(.ds-select__kfFKF0-custom--open,.ds-select__kfFKF0-custom--invalid.sc-ds-select-native,.ds-select__kfFKF0-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__kfFKF0-custom--open.sc-ds-select-native,.ds-select__kfFKF0-custom.sc-ds-select-native:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__kfFKF0-custom--open.sc-ds-select-native:not(.ds-select__kfFKF0-custom--open--invalid,.ds-select__kfFKF0-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__kfFKF0-custom.sc-ds-select-native:focus-visible:not(.ds-select__kfFKF0-custom--open--invalid,.ds-select__kfFKF0-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__kfFKF0-custom--disabled.sc-ds-select-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__kfFKF0-custom--disabled.sc-ds-select-native .ds-select__kfFKF0-custom__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__kfFKF0-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__kfFKF0-custom--invalid.sc-ds-select-native:not(.ds-select__kfFKF0-custom--invalid--open,.ds-select__kfFKF0-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__kfFKF0-custom--invalid.sc-ds-select-native:not(.ds-select__kfFKF0-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__kfFKF0-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px))}.ds-select__kfFKF0-custom__selected-option.sc-ds-select-native{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__kfFKF0-custom--has-icon.sc-ds-select-native .ds-select__kfFKF0-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__kfFKF0-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__kfFKF0-custom.sc-ds-select-native input.sc-ds-select-native{width:100%;height:100%;border:0;background:none;color:inherit;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__kfFKF0-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__kfFKF0-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed}.ds-select__kfFKF0-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__kfFKF0-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__kfFKF0-custom__clear-button.sc-ds-select-native{position:absolute;right:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px));cursor:pointer}.ds-select__kfFKF0-custom__options-container.sc-ds-select-native{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__kfFKF0-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__kfFKF0-custom__options-container__options.sc-ds-select-native{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__kfFKF0-custom__options-container__options__inner.sc-ds-select-native{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__kfFKF0-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__kfFKF0-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__kfFKF0-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__kfFKF0-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__kfFKF0-custom__options-container__options__inner__top-scrim.sc-ds-select-native{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__kfFKF0-custom__options-container__options__inner__top-scrim--dark.sc-ds-select-native{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__kfFKF0-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select-native__kfFKF0.sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select-native__kfFKF0.sc-ds-select-native:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select-native__kfFKF0--disabled.sc-ds-select-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select-native__kfFKF0--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select-native__kfFKF0__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-spacing-xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select-native__kfFKF0__select.sc-ds-select-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;appearance:none;border:none;outline:none;padding:0 var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);background-color:transparent;color:inherit;flex:1}.ds-select-native__kfFKF0__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select-native__kfFKF0__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}";export{r as ds_select_native}

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

@@ -1 +1 @@
-import{h as e,r as t,d as s}from"./index-Pzt6Wixq.js";import{a as n,i}from"./attributes-BbTh8gdl.js";import{c as a}from"./index-BfTCfPZ1.js";import{d as r,t as d}from"./utils-C1bsmWWB.js";import{c as o}from"./cx-cUUyxfnb.js";const l={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},g={small:"ds-text-regular-xs",medium:"ds-text-regular-sm",large:"ds-text-regular-md",xLarge:"ds-text-regular-lg","2xLarge":"ds-text-regular-xl"},f={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)"},h=class{constructor(e){t(this,e)}inheritedAttributes={};get el(){return s(this)}dsText;dsSize="medium";dsTextPosition="below";dsColour="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes={...i(this,this.el),...n(this.el,["role","aria-live"])}}render(){const t=l[this.dsSize],s=g[this.dsSize],n=f[this.dsColour],i=o("ds-spinner"),r=a(i,`${i}--${this.dsSize}`,{[`${i}--${this.dsTextPosition}`]:!!this.dsText}),h=a(`${i}__text`,s,`${i}__text--${this.dsColour}`),p=e=>a(`${i}__segment`,`${i}__segment--${e}`),m=d("ds-visually-hidden","ds-spinner",this.el);return e("div",{key:"5cce0c5fdf2b818c117aee5477071caa88b571db",role:this.dsUseRoleAlert?"alert":null,"aria-live":this.dsUseAriaLive?"polite":null,class:r,style:{"--spinner-size":`${t}px`,"--spinner-color":`${n}`,"--spinner-border-color":"white"==this.dsColour?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},e("div",{key:"3568b87fd6819e8c796c5ba838be89a7afd8ffd9",class:`${i}__spinner`},e("div",{key:"65845537563383410f6567cdc86c8c68e1844bd6",class:p(1)}),e("div",{key:"f5f7284fc90ced9167161abd56a8c3d49586e1cb",class:p(2)}),e("div",{key:"a3456527ac1f7967216dd51c6f75a5be0cbd0199",class:p(3)})),this.dsHiddenAssistiveText&&e(m,{key:"b4dba1caeffc570202fd0629ccf4fb1c5fcb8532"},e("span",{key:"575af029324402ed4e9331147dbe15f4727300b0"},this.dsHiddenAssistiveText)),this.dsText&&e("span",{key:"cf5632b6daa656938c79d2b80116d9ad06791936",class:h},this.dsText))}};r([e("ds-visually-hidden",null)]),h.style="html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__BahgnS{display:flex;align-items:center;justify-content:center;}.ds-spinner__BahgnS--small{padding:1.5px}.ds-spinner__BahgnS--small:has(.ds-spinner__BahgnS__text){gap:var(--ds-spacing-2xSmall)}.ds-spinner__BahgnS--medium{padding:3px}.ds-spinner__BahgnS--medium:has(.ds-spinner__BahgnS__text){gap:var(--ds-spacing-2xSmall)}.ds-spinner__BahgnS--large{padding:3px}.ds-spinner__BahgnS--large:has(.ds-spinner__BahgnS__text){gap:var(--ds-spacing-xSmall)}.ds-spinner__BahgnS--xLarge{padding:5.5px}.ds-spinner__BahgnS--xLarge:has(.ds-spinner__BahgnS__text){gap:10px}.ds-spinner__BahgnS--2xLarge{padding:5.5px}.ds-spinner__BahgnS--2xLarge:has(.ds-spinner__BahgnS__text){gap:var(--ds-spacing-small)}.ds-spinner__BahgnS{}.ds-spinner__BahgnS--below{flex-direction:column;align-items:center}.ds-spinner__BahgnS--right{flex-direction:row;align-items:center}.ds-spinner__BahgnS__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__BahgnS__text{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-default)}.ds-spinner__BahgnS__text--white{color:var(--ds-textColor-white)}.ds-spinner__BahgnS__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__BahgnS__segment--1{animation-delay:-0.3s}.ds-spinner__BahgnS__segment--2{animation-delay:-0.2s}.ds-spinner__BahgnS__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__BahgnS__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__BahgnS__segment--1{animation-delay:-0.6s}.ds-spinner__BahgnS__segment--2{animation-delay:-0.4s}.ds-spinner__BahgnS__segment--3{animation-delay:-0.2s}}";export{h as ds_spinner}
+import{h as e,r as t,d as s}from"./index-DK-steFu.js";import{a as i,i as n}from"./attributes-BbTh8gdl.js";import{c as r}from"./index-BfTCfPZ1.js";import{d,t as a}from"./utils-C1bsmWWB.js";import{c as o}from"./cx-4FfBwb_9.js";const l={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},f={small:"ds-text-regular-xs",medium:"ds-text-regular-sm",large:"ds-text-regular-md",xLarge:"ds-text-regular-lg","2xLarge":"ds-text-regular-xl"},g={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)"},p=class{constructor(e){t(this,e)}inheritedAttributes={};get el(){return s(this)}dsText;dsSize="medium";dsTextPosition="below";dsColour="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...i(this.el,["role","aria-live"])}}render(){const t=l[this.dsSize],s=f[this.dsSize],i=g[this.dsColour],n=o("ds-spinner"),d=r(n,`${n}--${this.dsSize}`,{[`${n}--${this.dsTextPosition}`]:!!this.dsText}),p=r(`${n}__text`,s,`${n}__text--${this.dsColour}`),m=e=>r(`${n}__segment`,`${n}__segment--${e}`),h=a("ds-visually-hidden","ds-spinner",this.el);return e("div",{key:"b547ead78f41c2cfd71de186d0d9361b813b35a0",role:this.dsUseRoleAlert?"alert":null,"aria-live":this.dsUseAriaLive?"polite":null,class:d,style:{"--spinner-size":`${t}px`,"--spinner-color":`${i}`,"--spinner-border-color":"white"==this.dsColour?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},e("div",{key:"82fa72097576c045075cc6746e526f669315d965",class:`${n}__spinner`},e("div",{key:"e4e6a7e3d62c8fb5241d16c985fa7e3c09f6e9e3",class:m(1)}),e("div",{key:"bfeaf74150d914144fcea32b65ca9bcaacc472be",class:m(2)}),e("div",{key:"d8487ec860698e908e33b4ed2692723de361e8ea",class:m(3)})),this.dsHiddenAssistiveText&&e(h,{key:"e29e4b9033f52749da8c869b902ce87efaf03b6d"},e("span",{key:"67146c4237b1fa2f73921a032d7d752922178040"},this.dsHiddenAssistiveText)),this.dsText&&e("span",{key:"f2adb748b53738dcf65a06c94417d10fa1a5af4e",class:p},this.dsText))}};d([e("ds-visually-hidden",null)]),p.style="html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__kfFKF0{display:flex;align-items:center;justify-content:center;}.ds-spinner__kfFKF0--small{padding:1.5px}.ds-spinner__kfFKF0--small:has(.ds-spinner__kfFKF0__text){gap:var(--ds-spacing-2xSmall)}.ds-spinner__kfFKF0--medium{padding:3px}.ds-spinner__kfFKF0--medium:has(.ds-spinner__kfFKF0__text){gap:var(--ds-spacing-2xSmall)}.ds-spinner__kfFKF0--large{padding:3px}.ds-spinner__kfFKF0--large:has(.ds-spinner__kfFKF0__text){gap:var(--ds-spacing-xSmall)}.ds-spinner__kfFKF0--xLarge{padding:5.5px}.ds-spinner__kfFKF0--xLarge:has(.ds-spinner__kfFKF0__text){gap:10px}.ds-spinner__kfFKF0--2xLarge{padding:5.5px}.ds-spinner__kfFKF0--2xLarge:has(.ds-spinner__kfFKF0__text){gap:var(--ds-spacing-small)}.ds-spinner__kfFKF0{}.ds-spinner__kfFKF0--below{flex-direction:column;align-items:center}.ds-spinner__kfFKF0--right{flex-direction:row;align-items:center}.ds-spinner__kfFKF0__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__kfFKF0__text{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-default)}.ds-spinner__kfFKF0__text--white{color:var(--ds-textColor-white)}.ds-spinner__kfFKF0__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__kfFKF0__segment--1{animation-delay:-0.3s}.ds-spinner__kfFKF0__segment--2{animation-delay:-0.2s}.ds-spinner__kfFKF0__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__kfFKF0__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__kfFKF0__segment--1{animation-delay:-0.6s}.ds-spinner__kfFKF0__segment--2{animation-delay:-0.4s}.ds-spinner__kfFKF0__segment--3{animation-delay:-0.2s}}";export{p as ds_spinner}

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

@@ -1 +1 @@
-import{r as s,c as a}from"./index-Pzt6Wixq.js";import{d as e,i as t,s as g,g as n}from"./store-BCd58KcK.js";const r=class{constructor(e){s(this,e),this.dsLanguageChange=a(this,"dsLanguageChange")}dsLanguage=e;dsLanguageChange;componentWillLoad(){t({language:this.dsLanguage})}dsLanguageObserver(s){g(s),this.dsLanguageChange.emit(s)}async setLanguage(s){this.dsLanguage=s,g(s)}async getLanguage(){return n()}static get watchers(){return{dsLanguage:["dsLanguageObserver"]}}};export{r as ds_store}
+import{r as s,c as a}from"./index-DK-steFu.js";import{d as e,i as t,s as g,g as n}from"./store-CJjKF_JF.js";const r=class{constructor(e){s(this,e),this.dsLanguageChange=a(this,"dsLanguageChange")}dsLanguage=e;dsLanguageChange;componentWillLoad(){t({language:this.dsLanguage})}dsLanguageObserver(s){g(s),this.dsLanguageChange.emit(s)}async setLanguage(s){this.dsLanguage=s,g(s)}async getLanguage(){return n()}static get watchers(){return{dsLanguage:["dsLanguageObserver"]}}};export{r as ds_store}

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

@@ -1 +1 @@
-import{h as s,r as a,d as t}from"./index-Pzt6Wixq.js";import{d as e,i,t as d,a as r}from"./utils-C1bsmWWB.js";import{c as l}from"./cx-cUUyxfnb.js";import{a as o,i as b}from"./attributes-BbTh8gdl.js";const g=i("ds-tag-group"),c=class{constructor(s){a(this,s)}tagGroupId=g.next().value;assistiveTextId=`${this.tagGroupId}-assistive-text`;inheritedAttributes={};get el(){return t(this)}dsLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...b(this,this.el),...o(this.el,["aria-describedby"])}}render(){const a=l("ds-tag-group"),t=d("ds-group-label","ds-tag-group",this.el),{"aria-label":e,...i}=this.inheritedAttributes,o=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return s("div",{key:"7b4e33e73d8971f94e546bb40fc8ae59072e72a1",class:a,role:"group",...r("aria-label",e||this.dsLabel),...r("aria-describedby",o),...i},s(t,{key:"758a46f76a20e1dd2e87babfb9de36f639d96907",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},s("slot",{key:"f9a47ba4765a18647e4fc9b4cd655b0c7397bff6",name:"label"}),s("slot",{key:"0d371f8bf2d864c4dbce0e4b6525499a2dc7ee87",name:"assistiveText"})),s("div",{key:"657273e1243f880656f164dc71ae66b7acfb3902",role:"list",class:`${a}__tags`},s("slot",{key:"3ed1b7f84f47bf845253a47b2778b2d70d29763b"})))}};e([s("ds-group-label",null)]),c.style=".ds-tag-group__BahgnS__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{c as ds_tag_group}
+import{h as s,r as a,d as t}from"./index-DK-steFu.js";import{d as e,i,t as d,a as r}from"./utils-C1bsmWWB.js";import{c as l}from"./cx-4FfBwb_9.js";import{a as b,i as o}from"./attributes-BbTh8gdl.js";const c=i("ds-tag-group"),g=class{constructor(s){a(this,s)}tagGroupId=c.next().value;assistiveTextId=`${this.tagGroupId}-assistive-text`;inheritedAttributes={};get el(){return t(this)}dsLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...o(this,this.el),...b(this.el,["aria-describedby"])}}render(){const a=l("ds-tag-group"),t=d("ds-group-label","ds-tag-group",this.el),{"aria-label":e,...i}=this.inheritedAttributes,b=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return s("div",{key:"efc792b4d18a1111810a682a0d45dd5a30c127bb",class:a,role:"group",...r("aria-label",e||this.dsLabel),...r("aria-describedby",b),...i},s(t,{key:"3bb21b89731d4eb10996b5c4f5b0cc5587265ab8",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},s("slot",{key:"e523a123e46788ab4666f7e1d4c4dd9795be74af",name:"label"}),s("slot",{key:"973eb9d7e836724b40bcf1d802699a6158f3cf18",name:"assistiveText"})),s("div",{key:"f8b272665b58a2ae3658dc4ad0f66fa6d0cd8ca9",role:"list",class:`${a}__tags`},s("slot",{key:"9753af4408e89500b98fd52ad3b3d2b59f1abbea"})))}};e([s("ds-group-label",null)]),g.style=".ds-tag-group__kfFKF0__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{g as ds_tag_group}

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

@@ -1 +1 @@
-import{h as a,r as t,c as e,d as s,f as r,F as i}from"./index-Pzt6Wixq.js";import{c as d}from"./index-BfTCfPZ1.js";import{m as n,o,p as h,g as c,a as l,v as _}from"./controlUtils-BzjXEfZo.js";import{d as x,i as b,b as g,t as v,a as u}from"./utils-C1bsmWWB.js";import{a as f,i as S}from"./attributes-BbTh8gdl.js";import{c as B}from"./cx-cUUyxfnb.js";import{a as y}from"./constants-DCE1bBlR.js";import"./store-BCd58KcK.js";const m=b("ds-text-area"),p=class{constructor(a){t(this,a),this.dsChange=e(this,"dsChange"),this.dsInput=e(this,"dsInput"),this.dsSubmitInvalid=e(this,"dsSubmitInvalid"),this.dsValidity=e(this,"dsValidity")}inheritedAttributes={};textareaElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;get el(){return s(this)}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=m.next().value;dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.errorTextId=`${this.dsId}-error-text`,this.successTextId=`${this.dsId}-success-text`};async setFocus(){const a=this.el.querySelector("textarea");a?.focus()}async checkValidity(){const a=this.el.querySelector("textarea");return a?.checkValidity()}async clearTextarea(){this.internalValue="",this.dsChange.emit({value:""});const a=this.el.querySelector("textarea");a&&(a.value="")}internalValueObserver(a){this.characterCount=a.length,this.validateCharacterCount(this.characterCount)}valueObserver(a){this.internalValue=a||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(a,t,e){this.inheritedAttributes={...this.inheritedAttributes,[e]:a},r(this)}componentWillLoad(){this.inheritedAttributes={...S(this,this.el,["id"]),...f(this.el,["aria-invalid"])},this.setIds(),this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=g((a=>{this.hiddenCharacterCountText=a}),y);validateCharacterCount=a=>{this.dsCharacterLimit&&(a>this.dsCharacterLimit?(this.setHiddenCharacterCountText(n(a-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(o())):(this.setHiddenCharacterCountText(h(this.dsCharacterLimit-a)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=`${this.textareaElement.scrollHeight}px`)};getLabelText=()=>this.dsRequired?c(this.dsLabel):this.dsOptional?l(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=a=>"customError"===a?this.textareaElement?.validationMessage:_(a);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const a=this.textareaElement?.validity;for(const t in a)if(a[t]){this.wasInvalidOnBlur="valid"!==t,this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInvalid=a=>{a.preventDefault();const t=this.textareaElement?.validity;for(const a in t)if(t[a]){this.dsSubmitInvalid.emit({flag:a,message:this.getValidityMessage(a)});break}};handleInput=a=>{if(this.internalValue=a.target.value,this.dsInput.emit({event:a,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const a=this.textareaElement?.validity;for(const t in a)if(a[t]){this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const t=v("ds-input-validity","ds-text-area",this.el),e=v("ds-control-label","ds-text-area",this.el),s=v("ds-visually-hidden","ds-text-area",this.el),r=B("ds-text-area"),n=`${r}__container`,{"aria-label":o,"aria-labelledby":h,"aria-describedby":c,...l}=this.inheritedAttributes,_=o||this.dsAriaLabel,x=h||this.dsAriaLabelledby,b=c||this.dsAriaDescribedby;return a(i,{key:"1776bd0e1f54ab491d98203e66fa9c3a1c67a481"},a(e,{key:"522da498723e9934183b4e50e10267e11f34c5ab",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},a("slot",{key:"a6e6f1474d20d707e9c0484efb7d67a258330c08",name:"label"}),a("slot",{key:"18544b18e67f3a1350139cdc94328124addfca3d",name:"assistiveText"})),a("div",{key:"5fba8221d2ba5b26609d18a0b2ada0914e926cb4",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:d(n,{[`${n}--disabled`]:this.dsDisabled,[`${n}--readonly`]:this.dsReadonly,[`${n}--valid`]:!!this.dsSuccessText,[`${n}--invalid`]:!!this.dsErrorText,[`${n}--focus`]:this.hasFocus,[`${n}--active`]:!!this.textareaActive,[`${n}--full-width`]:this.dsFullWidth})},a("textarea",{key:"313803aacfc26ce70d7021c0da95e9fc51ded282",ref:a=>this.textareaElement=a,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:void 0!==this.dsValue?this.dsValue:this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:d(`${r}__textarea`,`${r}__textarea--resize-${this.dsResizing}`,{[`${r}__textarea--full-width`]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...u("aria-label",_),...u("aria-labelledby",x),...u("aria-describedby",b||d({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",...l})),a("div",{key:"c4f03d138db2e53cc73d38b2be999826ee535631",class:d(`${r}__validity-container`,{[`${r}__validity-container--has-character-limit`]:!!this.dsCharacterLimit})},a("slot",{key:"a17a7a61f927f6b414483b75d27eb8570b40dc5f",name:"validity"},a(t,{key:"2ed73f034ccfb6d130c46a6bd0b1b58b1c1ca136",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"assertive"},this.dsCharacterLimit&&a(s,{key:"f55965241f938e3aaf3a1c23b414099334d1f73f",dsTag:"span"},this.hiddenCharacterCountText)),a(t,{key:"b5872250c48a5d3ad6641da9551e6feeb1f622a4",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success"})),this.dsCharacterLimit&&a("div",{key:"7bd5aded33d6dd302d14b8ce5eea8be81b38863e",class:d(`${r}__character-count`,{[`${r}__character-count--over-limit`]:this.characterCount>this.dsCharacterLimit})},a("small",{key:"6379ec8fb7c88ab06408d7a1f0a124cc4876f025"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:["internalValueObserver"],dsValue:["valueObserver"],dsCharacterLimit:["characterLimitObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"]}}};x([a("ds-input-validity",null),a("ds-visually-hidden",null),a("ds-control-label",null)]),p.style=".sc-ds-text-area-h *.sc-ds-text-area,.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__BahgnS__container--full-width){width:100%}.ds-text-area__BahgnS__container.sc-ds-text-area:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__BahgnS__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__BahgnS__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--invalid.ds-text-area__BahgnS__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__BahgnS__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__BahgnS__container--valid.sc-ds-text-area:hover:not(.ds-text-area__BahgnS__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__BahgnS__container--valid.ds-text-area__BahgnS__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__BahgnS__container--readonly.sc-ds-text-area,.ds-text-area__BahgnS__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__BahgnS__container.sc-ds-text-area:focus-within:not(.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--invalid,.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--valid.sc-ds-text-area,.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__BahgnS__container.sc-ds-text-area:hover:not(.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--disabled,.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--readonly.sc-ds-text-area,.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--active.sc-ds-text-area,.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--invalid.sc-ds-text-area,.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--valid.sc-ds-text-area,.ds-text-area__BahgnS__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__BahgnS__container.active.sc-ds-text-area:not(.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--disabled,.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--readonly.sc-ds-text-area,.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--invalid.sc-ds-text-area,.ds-text-area__BahgnS__container.ds-text-area__BahgnS__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__BahgnS__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__BahgnS__external-button.sc-ds-text-area,.ds-text-area__BahgnS.sc-ds-text-area-s>[slot=suffix],.ds-text-area__BahgnS .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__BahgnS__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__BahgnS__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__BahgnS__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__BahgnS__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__BahgnS__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block}.ds-text-area__BahgnS__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__BahgnS__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__BahgnS__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__BahgnS__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__BahgnS__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__BahgnS__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__BahgnS__textarea--resize-auto.sc-ds-text-area,.ds-text-area__BahgnS__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__BahgnS__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__BahgnS__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__BahgnS__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__BahgnS__textarea--full-width.sc-ds-text-area{width:100%}";export{p as ds_text_area}
+import{h as t,r as e,c as a,d as s,f as r,F as i}from"./index-DK-steFu.js";import{c as d}from"./index-BfTCfPZ1.js";import{m as o,o as n,p as c,g as l,a as _,v as h}from"./controlUtils-Cwuo3XhJ.js";import{d as x,i as b,b as f,t as F,a as v}from"./utils-C1bsmWWB.js";import{a as u,i as k}from"./attributes-BbTh8gdl.js";import{c as g}from"./cx-4FfBwb_9.js";import{a as K}from"./constants-DCE1bBlR.js";import"./store-CJjKF_JF.js";const y=b("ds-text-area"),m=class{constructor(t){e(this,t),this.dsChange=a(this,"dsChange"),this.dsInput=a(this,"dsInput"),this.dsSubmitInvalid=a(this,"dsSubmitInvalid"),this.dsValidity=a(this,"dsValidity")}inheritedAttributes={};textareaElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;get el(){return s(this)}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=y.next().value;dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.errorTextId=`${this.dsId}-error-text`,this.successTextId=`${this.dsId}-success-text`};async setFocus(){const t=this.el.querySelector("textarea");t?.focus()}async checkValidity(){const t=this.el.querySelector("textarea");return t?.checkValidity()}async clearTextarea(){this.internalValue="",this.dsChange.emit({value:""});const t=this.el.querySelector("textarea");t&&(t.value="")}internalValueObserver(t){this.characterCount=t.length,this.validateCharacterCount(this.characterCount)}valueObserver(t){this.internalValue=t||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(t,e,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:t},r(this)}componentWillLoad(){this.inheritedAttributes={...k(this,this.el,["id"]),...u(this.el,["aria-invalid"])},this.setIds(),this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=f((t=>{this.hiddenCharacterCountText=t}),K);validateCharacterCount=t=>{this.dsCharacterLimit&&(t>this.dsCharacterLimit?(this.setHiddenCharacterCountText(o(t-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(n())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-t)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=`${this.textareaElement.scrollHeight}px`)};getLabelText=()=>this.dsRequired?l(this.dsLabel):this.dsOptional?_(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=t=>"customError"===t?this.textareaElement?.validationMessage:h(t);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.wasInvalidOnBlur="valid"!==e,this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInvalid=t=>{t.preventDefault();const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsSubmitInvalid.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInput=t=>{if(this.internalValue=t.target.value,this.dsInput.emit({event:t,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=F("ds-input-validity","ds-text-area",this.el),a=F("ds-control-label","ds-text-area",this.el),s=F("ds-visually-hidden","ds-text-area",this.el),r=g("ds-text-area"),o=`${r}__container`,{"aria-label":n,"aria-labelledby":c,"aria-describedby":l,..._}=this.inheritedAttributes,h=n||this.dsAriaLabel,x=c||this.dsAriaLabelledby,b=l||this.dsAriaDescribedby;return t(i,{key:"1776bd0e1f54ab491d98203e66fa9c3a1c67a481"},t(a,{key:"522da498723e9934183b4e50e10267e11f34c5ab",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},t("slot",{key:"a6e6f1474d20d707e9c0484efb7d67a258330c08",name:"label"}),t("slot",{key:"18544b18e67f3a1350139cdc94328124addfca3d",name:"assistiveText"})),t("div",{key:"5fba8221d2ba5b26609d18a0b2ada0914e926cb4",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:d(o,{[`${o}--disabled`]:this.dsDisabled,[`${o}--readonly`]:this.dsReadonly,[`${o}--valid`]:!!this.dsSuccessText,[`${o}--invalid`]:!!this.dsErrorText,[`${o}--focus`]:this.hasFocus,[`${o}--active`]:!!this.textareaActive,[`${o}--full-width`]:this.dsFullWidth})},t("textarea",{key:"313803aacfc26ce70d7021c0da95e9fc51ded282",ref:t=>this.textareaElement=t,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:void 0!==this.dsValue?this.dsValue:this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:d(`${r}__textarea`,`${r}__textarea--resize-${this.dsResizing}`,{[`${r}__textarea--full-width`]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...v("aria-label",h),...v("aria-labelledby",x),...v("aria-describedby",b||d({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._})),t("div",{key:"c4f03d138db2e53cc73d38b2be999826ee535631",class:d(`${r}__validity-container`,{[`${r}__validity-container--has-character-limit`]:!!this.dsCharacterLimit})},t("slot",{key:"a17a7a61f927f6b414483b75d27eb8570b40dc5f",name:"validity"},t(e,{key:"2ed73f034ccfb6d130c46a6bd0b1b58b1c1ca136",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"assertive"},this.dsCharacterLimit&&t(s,{key:"f55965241f938e3aaf3a1c23b414099334d1f73f",dsTag:"span"},this.hiddenCharacterCountText)),t(e,{key:"b5872250c48a5d3ad6641da9551e6feeb1f622a4",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success"})),this.dsCharacterLimit&&t("div",{key:"7bd5aded33d6dd302d14b8ce5eea8be81b38863e",class:d(`${r}__character-count`,{[`${r}__character-count--over-limit`]:this.characterCount>this.dsCharacterLimit})},t("small",{key:"6379ec8fb7c88ab06408d7a1f0a124cc4876f025"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:["internalValueObserver"],dsValue:["valueObserver"],dsCharacterLimit:["characterLimitObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"]}}};x([t("ds-input-validity",null),t("ds-visually-hidden",null),t("ds-control-label",null)]),m.style=".sc-ds-text-area-h *.sc-ds-text-area,.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__kfFKF0__container--full-width){width:100%}.ds-text-area__kfFKF0__container.sc-ds-text-area:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__kfFKF0__container.sc-ds-text-area:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-text-area__kfFKF0__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--invalid.ds-text-area__kfFKF0__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__kfFKF0__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__kfFKF0__container--valid.sc-ds-text-area:hover:not(.ds-text-area__kfFKF0__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__kfFKF0__container--valid.ds-text-area__kfFKF0__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__kfFKF0__container--readonly.sc-ds-text-area,.ds-text-area__kfFKF0__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__kfFKF0__container.sc-ds-text-area:focus-within:not(.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--invalid,.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--valid.sc-ds-text-area,.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__kfFKF0__container.sc-ds-text-area:hover:not(.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--disabled,.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--readonly.sc-ds-text-area,.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--active.sc-ds-text-area,.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--invalid.sc-ds-text-area,.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--valid.sc-ds-text-area,.ds-text-area__kfFKF0__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__kfFKF0__container.active.sc-ds-text-area:not(.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--disabled,.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--readonly.sc-ds-text-area,.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--invalid.sc-ds-text-area,.ds-text-area__kfFKF0__container.ds-text-area__kfFKF0__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__kfFKF0__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__kfFKF0__external-button.sc-ds-text-area,.ds-text-area__kfFKF0.sc-ds-text-area-s>[slot=suffix],.ds-text-area__kfFKF0 .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__kfFKF0__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__kfFKF0__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__kfFKF0__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__kfFKF0__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__kfFKF0__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block}.ds-text-area__kfFKF0__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__kfFKF0__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__kfFKF0__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__kfFKF0__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__kfFKF0__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__kfFKF0__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__kfFKF0__textarea--resize-auto.sc-ds-text-area,.ds-text-area__kfFKF0__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__kfFKF0__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__kfFKF0__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__kfFKF0__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__kfFKF0__textarea--full-width.sc-ds-text-area{width:100%}";export{m as ds_text_area}