@uh-design-system/component-library 1.7.0 → 1.7.1-rc.1

package/dist/components/ds-step.js

@@ -1 +1 @@
-import{p as s,M as t,h as e,d as i,t as d}from"./p-D6UlgeOO.js";import{c as a}from"./p-Bmf5N-74.js";import{t as n,d as o}from"./p-C_0dwn2_.js";import{s as r,p as c}from"./p-D-gBS6Vb.js";import{c as l,C as p}from"./p-CKX34lJX.js";import{d as h}from"./p-BSgIM1ZP.js";const f=s=>class extends s{constructor(){super()}stepsContext;contextUpdateHandler=s=>{this.stepsContext=s.detail};connectedCallback(){this.stepsContext=l(this.el)||void 0,this.el.addEventListener(p,this.contextUpdateHandler)}disconnectedCallback(){this.el.removeEventListener(p,this.contextUpdateHandler)}},m=s(class extends(t(a("ds-step"),f)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsOrientation;dsPhase="static";dsOrdinal;dsFullWidth=!1;get DsStepBase(){return n("ds-step-base","ds-step",this.el)}get resolvedOrientation(){return this.dsOrientation??this.stepsContext?.orientation??"vertical"}createContext=()=>({orientation:this.resolvedOrientation,phase:this.dsPhase,ordinal:this.dsOrdinal});storeContext=()=>{r(this.el,this.createContext())};updateContext=()=>{c(this.el,this.createContext())};componentWillLoad(){this.storeContext()}componentDidUpdate(){this.updateContext()}render(){return e(i,{key:"7ba999e8c0a6f9cedb672f457f57633d0b1ebeff",role:"listitem"},e(this.DsStepBase,{key:"200457cf7373dda8ef2627406f93b4b50f52fe6c",dsOrientation:this.resolvedOrientation,dsFullWidth:this.dsFullWidth},e("slot",{key:"3f7f1eb4203012b24853fc2757155d13d6e7af1e",name:"bullet"}),e("slot",{key:"5043a5b700da51ce0ae919d157252c7e37a3f39d",name:"content"})))}static get style(){return".sc-ds-step-h{display:contents}"}},[774,"ds-step",{dsOrientation:[1,"ds-orientation"],dsPhase:[1,"ds-phase"],dsOrdinal:[2,"ds-ordinal"],dsFullWidth:[4,"ds-full-width"],stepsContext:[32]}]);o([e("ds-step-base",null)]);const u=m,b=function(){"undefined"!=typeof customElements&&["ds-step","ds-step-base"].forEach((s=>{switch(s){case"ds-step":customElements.get(d(s))||customElements.define(d(s),m);break;case"ds-step-base":customElements.get(d(s))||h()}}))};export{u as DsStep,b as defineCustomElement}
+import{p as t,M as s,h as e,d,t as i}from"./p-BSJ7lj7t.js";import{c as a}from"./p-CYq9Hn9P.js";import{t as n,d as o}from"./p-C_0dwn2_.js";import{s as r,p as c}from"./p-D-gBS6Vb.js";import{c as l,C as p}from"./p-CKX34lJX.js";import{d as h}from"./p-6r_Wjebo.js";const m=t=>class extends t{constructor(){super()}stepsContext;contextUpdateHandler=t=>{this.stepsContext=t.detail};connectedCallback(){this.stepsContext=l(this.el)||void 0,this.el.addEventListener(p,this.contextUpdateHandler)}disconnectedCallback(){this.el.removeEventListener(p,this.contextUpdateHandler)}},u=t(class extends(s(a("ds-step"),m)){constructor(t){super(!1),!1!==t&&this.__registerHost()}get el(){return this}dsOrientation;dsPhase="static";dsOrdinal;dsFullWidth=!1;get DsStepBase(){return n("ds-step-base","ds-step",this.el)}get resolvedOrientation(){return this.dsOrientation??this.stepsContext?.orientation??"vertical"}createContext=()=>({orientation:this.resolvedOrientation,phase:this.dsPhase,ordinal:this.dsOrdinal});storeContext=()=>{r(this.el,this.createContext())};updateContext=()=>{c(this.el,this.createContext())};componentWillLoad(){this.storeContext()}componentDidUpdate(){this.updateContext()}render(){return e(d,{key:"8f0225e5dfd404f06ad4e41e0348d9c0dac84793",role:"listitem"},e(this.DsStepBase,{key:"d852b13ca57245b84e225b5cafa45665c887f9ff",dsOrientation:this.resolvedOrientation,dsFullWidth:this.dsFullWidth},e("slot",{key:"b77f6bd691d634a95e7bf030dedb5ebe9ab8a688",name:"bullet"}),e("slot",{key:"de533991a648902924813144ba765e9c5c7357f2",name:"content"})))}static get style(){return".sc-ds-step-h{display:contents}"}},[774,"ds-step",{dsOrientation:[1,"ds-orientation"],dsPhase:[1,"ds-phase"],dsOrdinal:[2,"ds-ordinal"],dsFullWidth:[4,"ds-full-width"],stepsContext:[32]}]);o([e("ds-step-base",null)]);const b=u,f=function(){"undefined"!=typeof customElements&&["ds-step","ds-step-base"].forEach((t=>{switch(t){case"ds-step":customElements.get(i(t))||customElements.define(i(t),u);break;case"ds-step-base":customElements.get(i(t))||h()}}))};export{b as DsStep,f as defineCustomElement}

package/dist/components/ds-steps.js

@@ -1 +1 @@
-import{p as s,M as t,h as e,d as o,t as i}from"./p-D6UlgeOO.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-D8YjFWWU.js";import{c as a}from"./p-Bmf5N-74.js";import{s as l,p as c}from"./p-CKX34lJX.js";const d=s(class extends(t(a("ds-steps"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsOrientation="vertical";createContext=()=>({orientation:this.dsOrientation});storeContext=()=>{l(this.el,this.createContext())};updateContext=()=>{c(this.el,this.createContext())};componentWillLoad(){this.storeContext()}componentDidUpdate(){this.updateContext()}render(){const s=r("ds-steps"),t=n(s,{[s+"--vertical"]:"vertical"===this.dsOrientation});return e(o,{key:"e4a50c4727554978e3b57247fe885ff938633926",role:"list",class:t},e("slot",{key:"6e21c38a3f5425cb5635c677a52ad12e71121ea2"}))}static get style(){return".ds-no-style-leak.sc-ds-steps *.sc-ds-steps{all:unset;box-sizing:border-box;display:block}.sc-ds-steps-h{display:contents}.ds-steps__pA2cRq.sc-ds-steps{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;list-style:none;flex-direction:row}.ds-steps__pA2cRq--vertical.sc-ds-steps{flex-direction:column}"}},[774,"ds-steps",{dsOrientation:[1,"ds-orientation"]}]),p=d,f=function(){"undefined"!=typeof customElements&&["ds-steps"].forEach((s=>{"ds-steps"===s&&(customElements.get(i(s))||customElements.define(i(s),d))}))};export{p as DsSteps,f as defineCustomElement}
+import{p as s,M as t,h as e,d as o,t as i}from"./p-BSJ7lj7t.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-B7wRJvcQ.js";import{c as a}from"./p-CYq9Hn9P.js";import{s as d,p as c}from"./p-CKX34lJX.js";const l=s(class extends(t(a("ds-steps"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsOrientation="vertical";createContext=()=>({orientation:this.dsOrientation});storeContext=()=>{d(this.el,this.createContext())};updateContext=()=>{c(this.el,this.createContext())};componentWillLoad(){this.storeContext()}componentDidUpdate(){this.updateContext()}render(){const s=r("ds-steps"),t=n(s,{[s+"--vertical"]:"vertical"===this.dsOrientation});return e(o,{key:"ae688cd03d8063df07a7b16714fc269994a8cbef",role:"list",class:t},e("slot",{key:"28c52db2e91a8594c54099821f4d737845a8c72f"}))}static get style(){return".ds-no-style-leak.sc-ds-steps *.sc-ds-steps{all:unset;box-sizing:border-box;display:block}.sc-ds-steps-h{display:contents}.ds-steps__0apwgA.sc-ds-steps{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;list-style:none;flex-direction:row}.ds-steps__0apwgA--vertical.sc-ds-steps{flex-direction:column}"}},[774,"ds-steps",{dsOrientation:[1,"ds-orientation"]}]),p=l,f=function(){"undefined"!=typeof customElements&&["ds-steps"].forEach((s=>{"ds-steps"===s&&(customElements.get(i(s))||customElements.define(i(s),l))}))};export{p as DsSteps,f as defineCustomElement}

package/dist/components/ds-store.js

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

package/dist/components/ds-tab.js

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

package/dist/components/ds-tablist.js

@@ -1 +1 @@
-import{p as t,M as s,c as a,h as e,t as i}from"./p-D6UlgeOO.js";import{c as r}from"./p-BfTCfPZ1.js";import{c as d}from"./p-D8YjFWWU.js";import{t as o,q as l,a as n,d as b}from"./p-C_0dwn2_.js";import{t as c}from"./p-C80KOXaZ.js";import{c as h}from"./p-Bmf5N-74.js";import{d as _}from"./p-n9DkXIbZ.js";import{d as u}from"./p-DmnbW85q.js";import{d as p}from"./p-U8nzK7E7.js";import{d as f}from"./p-C85hWuWP.js";import{d as m}from"./p-Cx1Ahh88.js";const v=t(class extends(s(h("ds-tablist"),c)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsTabChange=a(this,"dsTabChange",7)}get el(){return this}RESIZE_THROTTLE_TIMEOUT=100;scrollableElement;backwardButtonElement;forwardButtonElement;dsTabChange;dsAriaLabel;dsAriaLabelledby;showBackwardButton=!1;showForwardButton=!1;get DsTab(){return o("ds-tab","ds-tablist",this.el)}get DsButton(){return o("ds-button","ds-tablist",this.el)}setButtonsVisibility=t=>{if(!t)return;const{scrollLeft:s,scrollWidth:a,clientWidth:e}=t;this.showBackwardButton=s>0,this.showForwardButton=Math.round(s+e)<a};throttledSetButtonsVisibility=l(this.setButtonsVisibility,this.RESIZE_THROTTLE_TIMEOUT);async tabConnected(){this.scrollableElement&&this.setButtonsVisibility(this.scrollableElement)}async tabDisconnected(){this.scrollableElement&&this.setButtonsVisibility(this.scrollableElement)}handleWindowResize(){this.throttledSetButtonsVisibility(this.scrollableElement)}handleDsTabClick(t){t.stopPropagation(),t.detail.tabId!==this.context?.currentTab&&this.dsTabChange.emit(t.detail)}scrollTabIntoView=t=>{if(!this.scrollableElement)return;const s=t.querySelector('[role="tab"]');if(!s)return;const a=this.backwardButtonElement&&!this.backwardButtonElement.hidden?this.backwardButtonElement.offsetWidth:0,e=this.forwardButtonElement&&!this.forwardButtonElement.hidden?this.forwardButtonElement.offsetWidth:0,{left:i,right:r}=this.scrollableElement.getBoundingClientRect(),{left:d,right:o}=s.getBoundingClientRect();let l=this.scrollableElement.scrollLeft;d<i+a+16?l-=i+a+16-d:o>r-e-16&&(l+=o-(r-e-16)),this.scrollableElement.scrollTo({left:Math.max(0,Math.min(l,this.scrollableElement.scrollWidth-this.scrollableElement.clientWidth)),behavior:"auto"})};handleDsTabFocus(t){t.stopPropagation(),this.scrollTabIntoView(t.target)}handleKeyDown=t=>{t.stopPropagation();const s=t.target.closest(this.DsTab),a=Array.from(this.el.querySelectorAll(this.DsTab)),e=s?a.indexOf(s):-1;if(-1===e)return;let i=0;switch(t.key){case"Home":break;case"Enter":case" ":if(this.context?.currentTab===a[e].dsId)return;return void this.dsTabChange.emit({tabId:a[e].dsId,tabPanelId:a[e].dsTabPanelId});case"ArrowRight":i=(e+1)%a.length;break;case"ArrowLeft":i=(e-1+a.length)%a.length;break;case"End":i=a.length-1;break;default:return}t.preventDefault(),t.stopPropagation(),a[i].setFocus()};handleScroll=t=>{this.setButtonsVisibility(t.target)};handleButtonClick=t=>{if(!this.scrollableElement)return;const s=.8*this.scrollableElement.clientWidth;this.scrollableElement.scrollTo({left:"backward"===t?this.scrollableElement.scrollLeft-s:this.scrollableElement.scrollLeft+s,behavior:"smooth"})};connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDown)}componentDidLoad(){this.setButtonsVisibility(this.scrollableElement)}disconnectedCallback(){super.disconnectedCallback(),this.el.removeEventListener("keydown",this.handleKeyDown)}renderButton=t=>{const s=d("ds-tablist");return e(this.DsButton,{class:s+"__button__ds-button",onClick:()=>this.handleButtonClick(t),dsAriaHidden:!0,dsTabIndex:-1,dsVariant:"supplementary",dsColour:"black",dsIcon:"backward"===t?"chevron_backward":"chevron_forward"})};render(){const t=d("ds-tablist"),s=t+"__scrollable",a=t+"__button";return e("div",{key:"fa8bc3aee9cca02d68056496218ebeea494df020",class:t},e("div",{key:"dd98a5ef23e27a4bd9210e2413babee68b6e5227",ref:t=>this.scrollableElement=t,class:r(s,{[s+"--container"]:"container"===this.context?.variant,[s+"--line"]:"line"===this.context?.variant}),role:"tablist",...n("aria-label",this.dsAriaLabel),...n("aria-labelledby",this.dsAriaLabelledby),onScroll:this.handleScroll},e("slot",{key:"d06da5b234efb4d7fdea8dcbbd21ee9938574ef3"})),e("div",{key:"e239e750fe0a74d0cbd973d9823eef402afd8d24",ref:t=>this.backwardButtonElement=t,class:r(a,a+"--backward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showBackwardButton},this.renderButton("backward")),e("div",{key:"129783525b89bfbe4526c104ef461708fd6fa9e7",ref:t=>this.forwardButtonElement=t,class:r(a,a+"--forward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showForwardButton},this.renderButton("forward")))}static get style(){return'.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__pA2cRq.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable.sc-ds-tablist:focus,.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--backward.sc-ds-tablist{left:0}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--forward.sc-ds-tablist{right:0}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--container.ds-tablist__pA2cRq__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button--container.ds-tablist__pA2cRq__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button[hidden].sc-ds-tablist{display:none}.ds-tablist__pA2cRq.sc-ds-tablist .ds-tablist__pA2cRq__button__ds-button.sc-ds-tablist{width:100%;height:100%}'}},[774,"ds-tablist",{dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],context:[32],showBackwardButton:[32],showForwardButton:[32],tabConnected:[64],tabDisconnected:[64]},[[9,"resize","handleWindowResize"],[0,"dsTabClick","handleDsTabClick"],[0,"dsTabFocus","handleDsTabFocus"]]]);b([e("ds-tab",{dsId:"",dsTabPanelId:""}),e("ds-button",null)]);const g=v,k=function(){"undefined"!=typeof customElements&&["ds-tablist","ds-button","ds-icon","ds-spinner","ds-tab","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-tablist":customElements.get(i(t))||customElements.define(i(t),v);break;case"ds-button":customElements.get(i(t))||_();break;case"ds-icon":customElements.get(i(t))||u();break;case"ds-spinner":customElements.get(i(t))||p();break;case"ds-tab":customElements.get(i(t))||f();break;case"ds-visually-hidden":customElements.get(i(t))||m()}}))};export{g as DsTablist,k as defineCustomElement}
+import{p as t,M as s,c as a,h as i,t as e}from"./p-BSJ7lj7t.js";import{c as r}from"./p-BfTCfPZ1.js";import{c as d}from"./p-B7wRJvcQ.js";import{t as o,q as l,a as n,d as b}from"./p-C_0dwn2_.js";import{t as c}from"./p-C80KOXaZ.js";import{c as h}from"./p-CYq9Hn9P.js";import{d as _}from"./p-DnFcDWE2.js";import{d as u}from"./p-DBDtYogU.js";import{d as p}from"./p-DMUyIQhi.js";import{d as f}from"./p-ylhTFZuA.js";import{d as g}from"./p-D1avxCgt.js";const w=t(class extends(s(h("ds-tablist"),c)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsTabChange=a(this,"dsTabChange",7)}get el(){return this}RESIZE_THROTTLE_TIMEOUT=100;scrollableElement;backwardButtonElement;forwardButtonElement;dsTabChange;dsAriaLabel;dsAriaLabelledby;showBackwardButton=!1;showForwardButton=!1;get DsTab(){return o("ds-tab","ds-tablist",this.el)}get DsButton(){return o("ds-button","ds-tablist",this.el)}setButtonsVisibility=t=>{if(!t)return;const{scrollLeft:s,scrollWidth:a,clientWidth:i}=t;this.showBackwardButton=s>0,this.showForwardButton=Math.round(s+i)<a};throttledSetButtonsVisibility=l(this.setButtonsVisibility,this.RESIZE_THROTTLE_TIMEOUT);async tabConnected(){this.scrollableElement&&this.setButtonsVisibility(this.scrollableElement)}async tabDisconnected(){this.scrollableElement&&this.setButtonsVisibility(this.scrollableElement)}handleWindowResize(){this.throttledSetButtonsVisibility(this.scrollableElement)}handleDsTabClick(t){t.stopPropagation(),t.detail.tabId!==this.context?.currentTab&&this.dsTabChange.emit(t.detail)}scrollTabIntoView=t=>{if(!this.scrollableElement)return;const s=t.querySelector('[role="tab"]');if(!s)return;const a=this.backwardButtonElement&&!this.backwardButtonElement.hidden?this.backwardButtonElement.offsetWidth:0,i=this.forwardButtonElement&&!this.forwardButtonElement.hidden?this.forwardButtonElement.offsetWidth:0,{left:e,right:r}=this.scrollableElement.getBoundingClientRect(),{left:d,right:o}=s.getBoundingClientRect();let l=this.scrollableElement.scrollLeft;d<e+a+16?l-=e+a+16-d:o>r-i-16&&(l+=o-(r-i-16)),this.scrollableElement.scrollTo({left:Math.max(0,Math.min(l,this.scrollableElement.scrollWidth-this.scrollableElement.clientWidth)),behavior:"auto"})};handleDsTabFocus(t){t.stopPropagation(),this.scrollTabIntoView(t.target)}handleKeyDown=t=>{t.stopPropagation();const s=t.target.closest(this.DsTab),a=Array.from(this.el.querySelectorAll(this.DsTab)),i=s?a.indexOf(s):-1;if(-1===i)return;let e=0;switch(t.key){case"Home":break;case"Enter":case" ":if(this.context?.currentTab===a[i].dsId)return;return void this.dsTabChange.emit({tabId:a[i].dsId,tabPanelId:a[i].dsTabPanelId});case"ArrowRight":e=(i+1)%a.length;break;case"ArrowLeft":e=(i-1+a.length)%a.length;break;case"End":e=a.length-1;break;default:return}t.preventDefault(),t.stopPropagation(),a[e].setFocus()};handleScroll=t=>{this.setButtonsVisibility(t.target)};handleButtonClick=t=>{if(!this.scrollableElement)return;const s=.8*this.scrollableElement.clientWidth;this.scrollableElement.scrollTo({left:"backward"===t?this.scrollableElement.scrollLeft-s:this.scrollableElement.scrollLeft+s,behavior:"smooth"})};connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDown)}componentDidLoad(){this.setButtonsVisibility(this.scrollableElement)}disconnectedCallback(){super.disconnectedCallback(),this.el.removeEventListener("keydown",this.handleKeyDown)}renderButton=t=>{const s=d("ds-tablist");return i(this.DsButton,{class:s+"__button__ds-button",onClick:()=>this.handleButtonClick(t),dsAriaHidden:!0,dsTabIndex:-1,dsVariant:"supplementary",dsColour:"black",dsIcon:"backward"===t?"chevron_backward":"chevron_forward"})};render(){const t=d("ds-tablist"),s=t+"__scrollable",a=t+"__button";return i("div",{key:"cc1d3002a17b5c58602813069a2e6dd83796ae2f",class:t},i("div",{key:"843be50b4d215d3c7abe967552b7a5dd9a7ff6ae",ref:t=>this.scrollableElement=t,class:r(s,{[s+"--container"]:"container"===this.context?.variant,[s+"--line"]:"line"===this.context?.variant}),role:"tablist",...n("aria-label",this.dsAriaLabel),...n("aria-labelledby",this.dsAriaLabelledby),onScroll:this.handleScroll},i("slot",{key:"0cea4c5558a6ed5b560464e2f6fc45f376d7d91b"})),i("div",{key:"2cdf7527f192509fc9b806b54167c99262f1b7a6",ref:t=>this.backwardButtonElement=t,class:r(a,a+"--backward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showBackwardButton},this.renderButton("backward")),i("div",{key:"b8ebd2b6bad9872a4ec690f917e7f39edd63d468",ref:t=>this.forwardButtonElement=t,class:r(a,a+"--forward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showForwardButton},this.renderButton("forward")))}static get style(){return'.ds-no-style-leak.sc-ds-tablist *.sc-ds-tablist{all:unset;box-sizing:border-box;display:block}.ds-tablist__0apwgA.sc-ds-tablist{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__scrollable.sc-ds-tablist{display:flex;gap:var(--ds-spacing-2xSmall);overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__scrollable.sc-ds-tablist:focus,.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__scrollable--container.sc-ds-tablist{background:linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) left/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) right/var(--ds-borderWidth-hairline) 100% no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) top/100% var(--ds-borderWidth-hairline) no-repeat, linear-gradient(var(--ds-bgColor-neutralLight), var(--ds-bgColor-neutralLight)) top/100% calc(100% - var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__scrollable--line.sc-ds-tablist{background:linear-gradient(var(--ds-bgColor-transparent-onLight), var(--ds-bgColor-transparent-onLight)) top/100% calc(100% - 1 * var(--ds-borderWidth-hairline)) no-repeat, linear-gradient(var(--ds-borderColor-default), var(--ds-borderColor-default)) bottom/100% var(--ds-borderWidth-hairline) no-repeat}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button--backward.sc-ds-tablist{left:0}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button--forward.sc-ds-tablist{right:0}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button--line.sc-ds-tablist{border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button--container.ds-tablist__0apwgA__button--backward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 calc(-1 * var(--ds-spacing-small)) 0 0)}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button--container.ds-tablist__0apwgA__button--forward.sc-ds-tablist::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:var(--ds-shadow-overlay);clip-path:inset(0 0 0 calc(-1 * var(--ds-spacing-small)))}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button[hidden].sc-ds-tablist{display:none}.ds-tablist__0apwgA.sc-ds-tablist .ds-tablist__0apwgA__button__ds-button.sc-ds-tablist{width:100%;height:100%}'}},[774,"ds-tablist",{dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],context:[32],showBackwardButton:[32],showForwardButton:[32],tabConnected:[64],tabDisconnected:[64]},[[9,"resize","handleWindowResize"],[0,"dsTabClick","handleDsTabClick"],[0,"dsTabFocus","handleDsTabFocus"]]]);b([i("ds-tab",{dsId:"",dsTabPanelId:""}),i("ds-button",null)]);const v=w,m=function(){"undefined"!=typeof customElements&&["ds-tablist","ds-button","ds-icon","ds-spinner","ds-tab","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-tablist":customElements.get(e(t))||customElements.define(e(t),w);break;case"ds-button":customElements.get(e(t))||_();break;case"ds-icon":customElements.get(e(t))||u();break;case"ds-spinner":customElements.get(e(t))||p();break;case"ds-tab":customElements.get(e(t))||f();break;case"ds-visually-hidden":customElements.get(e(t))||g()}}))};export{v as DsTablist,m as defineCustomElement}

package/dist/components/ds-tabpanel.js

@@ -1 +1 @@
-import{p as d,M as a,h as s,t as e}from"./p-D6UlgeOO.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as n}from"./p-D8YjFWWU.js";import{t as i}from"./p-C80KOXaZ.js";import{c as l}from"./p-Bmf5N-74.js";const p=d(class extends(a(l("ds-tabpanel"),i)){constructor(d){super(!1),!1!==d&&this.__registerHost()}get el(){return this}dsId;dsTabId;dsPadded=!0;render(){const d=n("ds-tabpanel");return s("div",{key:"cadc1dcef399b0d9cbcb0029cb1b340a7423745a",id:this.dsId,class:t(d,{[d+"--container"]:"container"===this.context?.variant,[d+"--padded"]:this.dsPadded}),role:"tabpanel",hidden:this.context?.currentTabPanel!==this.dsId,"aria-labelledby":this.dsTabId},s("slot",{key:"bb4f82e83b842bf9d5379aa60a830c4e9addf2d1"}))}static get style(){return".ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__pA2cRq.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__pA2cRq--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__pA2cRq--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__pA2cRq--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__pA2cRq--container.ds-tabpanel__pA2cRq--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__pA2cRq--container.ds-tabpanel__pA2cRq--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__pA2cRq[hidden].sc-ds-tabpanel{display:none}"}},[774,"ds-tabpanel",{dsId:[1,"ds-id"],dsTabId:[1,"ds-tab-id"],dsPadded:[4,"ds-padded"],context:[32]}]),r=p,o=function(){"undefined"!=typeof customElements&&["ds-tabpanel"].forEach((d=>{"ds-tabpanel"===d&&(customElements.get(e(d))||customElements.define(e(d),p))}))};export{r as DsTabpanel,o as defineCustomElement}
+import{p as a,M as d,h as s,t as e}from"./p-BSJ7lj7t.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as n}from"./p-B7wRJvcQ.js";import{t as i}from"./p-C80KOXaZ.js";import{c as l}from"./p-CYq9Hn9P.js";const p=a(class extends(d(l("ds-tabpanel"),i)){constructor(a){super(!1),!1!==a&&this.__registerHost()}get el(){return this}dsId;dsTabId;dsPadded=!0;render(){const a=n("ds-tabpanel");return s("div",{key:"06b5cf6112a4bf9067dd9aae9f8e4cd785248433",id:this.dsId,class:t(a,{[a+"--container"]:"container"===this.context?.variant,[a+"--padded"]:this.dsPadded}),role:"tabpanel",hidden:this.context?.currentTabPanel!==this.dsId,"aria-labelledby":this.dsTabId},s("slot",{key:"6aa771f974cd5967337d70b2f1c1ad972cfb4d2b"}))}static get style(){return".ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__0apwgA.sc-ds-tabpanel{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-tabpanel__0apwgA--container.sc-ds-tabpanel{border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tabpanel__0apwgA--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__0apwgA--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__0apwgA--container.ds-tabpanel__0apwgA--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__0apwgA--container.ds-tabpanel__0apwgA--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__0apwgA[hidden].sc-ds-tabpanel{display:none}"}},[774,"ds-tabpanel",{dsId:[1,"ds-id"],dsTabId:[1,"ds-tab-id"],dsPadded:[4,"ds-padded"],context:[32]}]),r=p,o=function(){"undefined"!=typeof customElements&&["ds-tabpanel"].forEach((a=>{"ds-tabpanel"===a&&(customElements.get(e(a))||customElements.define(e(a),p))}))};export{r as DsTabpanel,o as defineCustomElement}

package/dist/components/ds-tabs.js

@@ -1 +1 @@
-import{p as s,M as t,h as a,t as e}from"./p-D6UlgeOO.js";import{c as n}from"./p-D8YjFWWU.js";import{s as r,p as o}from"./p-Bk8zKTqs.js";import{c as d}from"./p-Bmf5N-74.js";const i=s(class extends(t(d("ds-tabs",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsCurrentTab;dsCurrentTabPanel;dsVariant="container";handleDsTabChange(s){s.stopPropagation()}createContext=()=>({currentTab:this.dsCurrentTab,currentTabPanel:this.dsCurrentTabPanel,variant:this.dsVariant});storeContext=()=>{const s=this.createContext();r(this.el,s)};updateContext=()=>{const s=this.createContext();o(this.el,s)};componentWillLoad(){this.storeContext()}componentDidLoad(){this.componentMounted()}componentDidUpdate(){this.updateContext()}render(){const s=n("ds-tabs");return a("div",{key:"559aff8fb3022192542ca848b25f0091e7b9152b",class:s},a("slot",{key:"8c483be2dd7ed6ecd0ac84ea00827272a9fd4c9f"}))}static get style(){return".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__pA2cRq.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}"}},[774,"ds-tabs",{dsCurrentTab:[1,"ds-current-tab"],dsCurrentTabPanel:[1,"ds-current-tab-panel"],dsVariant:[1,"ds-variant"]},[[0,"dsTabChange","handleDsTabChange"]]]),c=i,b=function(){"undefined"!=typeof customElements&&["ds-tabs"].forEach((s=>{"ds-tabs"===s&&(customElements.get(e(s))||customElements.define(e(s),i))}))};export{c as DsTabs,b as defineCustomElement}
+import{p as s,M as t,h as a,t as e}from"./p-BSJ7lj7t.js";import{c as n}from"./p-B7wRJvcQ.js";import{s as r,p as o}from"./p-Bk8zKTqs.js";import{c as d}from"./p-CYq9Hn9P.js";const i=s(class extends(t(d("ds-tabs",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsCurrentTab;dsCurrentTabPanel;dsVariant="container";handleDsTabChange(s){s.stopPropagation()}createContext=()=>({currentTab:this.dsCurrentTab,currentTabPanel:this.dsCurrentTabPanel,variant:this.dsVariant});storeContext=()=>{const s=this.createContext();r(this.el,s)};updateContext=()=>{const s=this.createContext();o(this.el,s)};componentWillLoad(){this.storeContext()}componentDidLoad(){this.componentMounted()}componentDidUpdate(){this.updateContext()}render(){const s=n("ds-tabs");return a("div",{key:"c9f9a313d196436cde72a29b2c901e76b352e22b",class:s},a("slot",{key:"5d64f485508576013bf68163bbea2fb87d01b67b"}))}static get style(){return".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__0apwgA.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}"}},[774,"ds-tabs",{dsCurrentTab:[1,"ds-current-tab"],dsCurrentTabPanel:[1,"ds-current-tab-panel"],dsVariant:[1,"ds-variant"]},[[0,"dsTabChange","handleDsTabChange"]]]),b=i,c=function(){"undefined"!=typeof customElements&&["ds-tabs"].forEach((s=>{"ds-tabs"===s&&(customElements.get(e(s))||customElements.define(e(s),i))}))};export{b as DsTabs,c as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,M as e,h as t,t as a}from"./p-D6UlgeOO.js";import{t as i,a as d,d as r}from"./p-C_0dwn2_.js";import{c as o}from"./p-D8YjFWWU.js";import{i as l,a as c}from"./p-5l5qZ1Ad.js";import{c as p}from"./p-Bmf5N-74.js";import{d as n}from"./p-jmXQ4MbI.js";import{d as m}from"./p-DvOJDAP6.js";const g=s(class extends(e(p("ds-tag-group",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost()}tagGroupId=this.getUniqueId();assistiveTextId=this.tagGroupId+"-assistive-text";inheritedAttributes={};get el(){return this}dsLabel;dsAriaLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...l(this.el,["aria-describedby"])}}componentDidLoad(){this.componentMounted()}render(){const s=o("ds-tag-group"),e=i("ds-group-label","ds-tag-group",this.el),{"aria-label":a,...r}=this.inheritedAttributes,l=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return t("div",{key:"22f0cf9fec72ad9226961b87763ab1d2e2573c3b",class:s,role:"group",...d("aria-label",this.dsAriaLabel||a||this.dsLabel),...d("aria-describedby",l),...r},t(e,{key:"2cfb0354fe21fe86fe13700998d7785b42858e33",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},t("slot",{key:"93d1ea469ce4e7e82b98478e208c6c6ddc1ba365",name:"label"}),t("slot",{key:"5a627221e89fcd7f710bd12c21531c2aa642d5a1",name:"assistiveText"})),t("div",{key:"0d25a9ca95a856291fa2f07c9c910e7a2e6b8304",role:"list",class:s+"__tags"},t("slot",{key:"f9153fe2f2caf620bd3c5beee17f79667646eae6"})))}static get style(){return".ds-tag-group__pA2cRq__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}"}},[774,"ds-tag-group",{dsLabel:[1,"ds-label"],dsAriaLabel:[1,"ds-aria-label"],dsAssistiveText:[1,"ds-assistive-text"]}]);r([t("ds-group-label",null)]);const b=g,f=function(){"undefined"!=typeof customElements&&["ds-tag-group","ds-assistive-text","ds-group-label"].forEach((s=>{switch(s){case"ds-tag-group":customElements.get(a(s))||customElements.define(a(s),g);break;case"ds-assistive-text":customElements.get(a(s))||n();break;case"ds-group-label":customElements.get(a(s))||m()}}))};export{b as DsTagGroup,f as defineCustomElement}
+import{p as s,M as t,h as a,t as e}from"./p-BSJ7lj7t.js";import{t as i,a as d,d as r}from"./p-C_0dwn2_.js";import{c as o}from"./p-B7wRJvcQ.js";import{i as l,a as c}from"./p-5l5qZ1Ad.js";import{c as p}from"./p-CYq9Hn9P.js";import{d as n}from"./p-D69IOXFO.js";import{d as b}from"./p-BTnfVJGT.js";const g=s(class extends(t(p("ds-tag-group",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost()}tagGroupId=this.getUniqueId();assistiveTextId=this.tagGroupId+"-assistive-text";inheritedAttributes={};get el(){return this}dsLabel;dsAriaLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...l(this.el,["aria-describedby"])}}componentDidLoad(){this.componentMounted()}render(){const s=o("ds-tag-group"),t=i("ds-group-label","ds-tag-group",this.el),{"aria-label":e,...r}=this.inheritedAttributes,l=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return a("div",{key:"a5096a7b69156c99dc02708135f5052921357f4e",class:s,role:"group",...d("aria-label",this.dsAriaLabel||e||this.dsLabel),...d("aria-describedby",l),...r},a(t,{key:"33de272ea72edb5bf17ddae87c9d9ad259df72b1",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},a("slot",{key:"f33c42e15be86228ca3f5b46431c1dc3d5ab9c38",name:"label"}),a("slot",{key:"39430c3551f18c9f17206aab2469f4efa976aef3",name:"assistiveText"})),a("div",{key:"e37e1a01fb9b6a6bc1dacc47c9bd9e5686ecf987",role:"list",class:s+"__tags"},a("slot",{key:"bc98ef804939b1a04e84c6a9b028436e958572d3"})))}static get style(){return".ds-tag-group__0apwgA__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}"}},[774,"ds-tag-group",{dsLabel:[1,"ds-label"],dsAriaLabel:[1,"ds-aria-label"],dsAssistiveText:[1,"ds-assistive-text"]}]);r([a("ds-group-label",null)]);const m=g,f=function(){"undefined"!=typeof customElements&&["ds-tag-group","ds-assistive-text","ds-group-label"].forEach((s=>{switch(s){case"ds-tag-group":customElements.get(e(s))||customElements.define(e(s),g);break;case"ds-assistive-text":customElements.get(e(s))||n();break;case"ds-group-label":customElements.get(e(s))||b()}}))};export{m as DsTagGroup,f as defineCustomElement}

package/dist/components/ds-tag.js

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

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

@@ -1 +1 @@
-import{p as e,M as t,c as a,f as s,h as r,d as i,t as d}from"./p-D6UlgeOO.js";import{c as o}from"./p-BfTCfPZ1.js";import{A as c,B as l,C as n,g as _,a as h,v as x}from"./p-C1qByCId.js";import{k as b,p,t as v,a as u,d as f}from"./p-C_0dwn2_.js";import{i as m,a as A}from"./p-5l5qZ1Ad.js";import{c as g}from"./p-D8YjFWWU.js";import{c as y}from"./p-Bmf5N-74.js";import{d as q}from"./p-jmXQ4MbI.js";import{d as R}from"./p-CrIZLj9c.js";import{d as C}from"./p-BDKjQmuJ.js";import{d as k}from"./p-DmnbW85q.js";import{d as w}from"./p-sqmZYkaj.js";import{d as T}from"./p-Cx1Ahh88.js";const z=e(class extends(t(y("ds-text-area",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=a(this,"dsChange",7),this.dsInput=a(this,"dsInput",7),this.dsSubmitInvalid=a(this,"dsSubmitInvalid",7),this.dsValidity=a(this,"dsValidity",7)}inheritedAttributes={};textareaElement;get el(){return this}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=this.getUniqueId();dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";get assistiveTextId(){return this.dsId+"-assistive-text"}get visuallyHiddenAssistiveTextId(){return this.dsId+"-visually-hidden-assistive-text"}get errorTextId(){return this.dsId+"-error-text"}get successTextId(){return this.dsId+"-success-text"}async setFocus(){const e=this.el.querySelector("textarea");e?.focus()}async checkValidity(){const e=this.el.querySelector("textarea");return e?.checkValidity()}async clearTextarea(){this.internalValue="";const e=this.el.querySelector("textarea");e&&(e.value="")}internalValueObserver(e){this.characterCount=e.length,this.validateCharacterCount(this.characterCount)}valueObserver(e){this.internalValue=e||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(e,t,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:e},s(this)}componentWillLoad(){this.inheritedAttributes={...A(this,this.el,["id"]),...m(this.el,["aria-invalid"])},this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.componentMounted(),this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=b((e=>{this.hiddenCharacterCountText=e}),p);validateCharacterCount=e=>{this.dsCharacterLimit&&(e>this.dsCharacterLimit?(this.setHiddenCharacterCountText(c(e-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(l())):(this.setHiddenCharacterCountText(n(this.dsCharacterLimit-e)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=this.textareaElement.scrollHeight+"px")};getLabelText=()=>this.dsRequired?_(this.dsLabel):this.dsOptional?h(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=e=>"customError"===e?this.textareaElement?.validationMessage:x(e);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.wasInvalidOnBlur="valid"!==t,this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInvalid=e=>{e.preventDefault();const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsSubmitInvalid.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInput=e=>{if(this.internalValue=e.target.value,this.dsInput.emit({event:e,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=v("ds-input-validity","ds-text-area",this.el),t=v("ds-control-label","ds-text-area",this.el),a=v("ds-visually-hidden","ds-text-area",this.el),s=g("ds-text-area"),d=s+"__host",c=s+"__container",{"aria-label":l,"aria-labelledby":n,"aria-describedby":_,...h}=this.inheritedAttributes,x=this.dsAriaLabel||l,b=this.dsAriaLabelledby||n,p=this.dsAriaDescribedby||_;return r(i,{key:"45c21e510d04de2d1c87793d4516361c72798bb4",class:o(d,{[d+"--full-width"]:this.dsFullWidth})},r(t,{key:"1f8eb6ee91c6f7e87f39ea110abf3b955cbc726c",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},r("slot",{key:"859e8771cd1582c718a158fb6cc25f9268b5f933",name:"label"}),r("slot",{key:"522fb7f92be122c3f1fa68266195c6a86245362f",name:"assistiveText"})),r("div",{key:"ae1e638ebbff54726ad9832233d7e8349b98142e",class:o(s+"__field-wrapper",{[s+"__field-wrapper--full-width"]:this.dsFullWidth})},r("div",{key:"a5f21b6970446ec291cbca4658fd0b6fd239b146",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:o(c,{[c+"--disabled"]:this.dsDisabled,[c+"--readonly"]:this.dsReadonly,[c+"--valid"]:!!this.dsSuccessText,[c+"--invalid"]:!!this.dsErrorText,[c+"--focus"]:this.hasFocus,[c+"--active"]:!!this.textareaActive,[c+"--full-width"]:this.dsFullWidth})},r("textarea",{key:"2918e870ead453bad4094594e55cd8cef2384cac",ref:e=>this.textareaElement=e,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:this.dsValue??this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:o(s+"__textarea",`${s}__textarea--resize-${this.dsResizing}`,{[s+"__textarea--full-width"]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...u("aria-label",x),...u("aria-labelledby",b),...u("aria-describedby",p||o({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",...h})),r("div",{key:"ebc1d5588e156691c4ac0c2f14a51e069b2ca611",class:o(s+"__validity-container",{[s+"__validity-container--has-character-limit"]:!!this.dsCharacterLimit})},r("slot",{key:"b27fdd6891935996b630b6cd1737f4ec67d3d1c1",name:"validity"},r(e,{key:"e261e5bbcf1c60b6026b3167bf0460b67b09ab73",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"},!!this.dsCharacterLimit&&r(a,{key:"37e272f62e2bb40291bc777b3769cb3ee10526c1",dsTag:"span"},this.hiddenCharacterCountText)),r(e,{key:"9bdc7fe6a535f76ab230c6d4bc297b0ff2c4ebdf",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsAriaLive:"polite"})),this.dsCharacterLimit&&r("div",{key:"a03eca5800c8f8cb56c5e75a3e262b95c3d7bb0c",class:o(s+"__character-count",{[s+"__character-count--over-limit"]:this.characterCount>this.dsCharacterLimit})},r("small",{key:"86a4a969d94fce92297e29d124f98d57eb081339"},this.characterCount,"/",this.dsCharacterLimit)))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.ds-text-area__pA2cRq__host.sc-ds-text-area-h{display:inline-block}.ds-text-area__pA2cRq__host--full-width.sc-ds-text-area-h{width:100%}.ds-text-area__pA2cRq.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__pA2cRq__field-wrapper.sc-ds-text-area{display:inline-grid;grid-template-columns:min-content}.ds-text-area__pA2cRq__field-wrapper--full-width.sc-ds-text-area{display:grid;width:100%;grid-template-columns:1fr}.ds-text-area__pA2cRq__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__pA2cRq__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__pA2cRq__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__pA2cRq__container.ds-text-area__pA2cRq__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--invalid.ds-text-area__pA2cRq__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__pA2cRq__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__pA2cRq__container--valid.sc-ds-text-area:hover:not(.ds-text-area__pA2cRq__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__pA2cRq__container--valid.ds-text-area__pA2cRq__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__pA2cRq__container--readonly.sc-ds-text-area,.ds-text-area__pA2cRq__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__pA2cRq__container.sc-ds-text-area:focus-within:not(.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--invalid,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--valid.sc-ds-text-area,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__pA2cRq__container.sc-ds-text-area:hover:not(.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--disabled,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--readonly.sc-ds-text-area,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--active.sc-ds-text-area,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--invalid.sc-ds-text-area,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--valid.sc-ds-text-area,.ds-text-area__pA2cRq__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__pA2cRq__container.active.sc-ds-text-area:not(.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--disabled,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--readonly.sc-ds-text-area,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--invalid.sc-ds-text-area,.ds-text-area__pA2cRq__container.ds-text-area__pA2cRq__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__pA2cRq__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__pA2cRq__external-button.sc-ds-text-area{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__pA2cRq .ds-text-area__pA2cRq.sc-ds-text-area-s>[slot=suffix],.ds-text-area__pA2cRq .ds-text-area__pA2cRq .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__pA2cRq__validity-container.sc-ds-text-area{align-items:center;font-size:var(--ds-fontSize-14)}.ds-text-area__pA2cRq__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__pA2cRq__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__pA2cRq__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__pA2cRq.sc-ds-text-area .ds-text-area__pA2cRq__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__pA2cRq__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__pA2cRq__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__pA2cRq__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-text-area__pA2cRq__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__pA2cRq__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__pA2cRq__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__pA2cRq__textarea--resize-auto.sc-ds-text-area,.ds-text-area__pA2cRq__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__pA2cRq__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__pA2cRq__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__pA2cRq__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__pA2cRq__textarea--full-width.sc-ds-text-area{width:100%}"}},[838,"ds-text-area",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsOptionalText:[1,"ds-optional-text"],dsResizing:[1,"ds-resizing"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsErrorText:[1,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsCharacterLimit:[2,"ds-character-limit"],dsFullWidth:[4,"ds-full-width"],hasFocus:[32],textareaActive:[32],wasInvalidOnBlur:[32],characterCount:[32],internalValue:[32],hiddenCharacterCountText:[32],setFocus:[64],checkValidity:[64],clearTextarea:[64]},void 0,{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);f([r("ds-input-validity",null),r("ds-visually-hidden",null),r("ds-control-label",null)]);const O=z,L=function(){"undefined"!=typeof customElements&&["ds-text-area","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-text-area":customElements.get(d(e))||customElements.define(d(e),z);break;case"ds-assistive-text":customElements.get(d(e))||q();break;case"ds-control-label":customElements.get(d(e))||R();break;case"ds-feedback":customElements.get(d(e))||C();break;case"ds-icon":customElements.get(d(e))||k();break;case"ds-input-validity":customElements.get(d(e))||w();break;case"ds-visually-hidden":customElements.get(d(e))||T()}}))};export{O as DsTextArea,L as defineCustomElement}
+import{p as e,M as a,c as t,f as s,h as r,d as i,t as d}from"./p-BSJ7lj7t.js";import{c as o}from"./p-BfTCfPZ1.js";import{A as l,B as n,C as c,g as _,a as h,v as x}from"./p-CmQIGox1.js";import{k as b,p as g,t as p,a as v,d as u}from"./p-C_0dwn2_.js";import{i as f,a as w}from"./p-5l5qZ1Ad.js";import{c as m}from"./p-B7wRJvcQ.js";import{c as A}from"./p-CYq9Hn9P.js";import{d as y}from"./p-D69IOXFO.js";import{d as C}from"./p-CwBmE_wt.js";import{d as k}from"./p-BZbGKMFO.js";import{d as T}from"./p-DBDtYogU.js";import{d as z}from"./p-CATYercs.js";import{d as O}from"./p-D1avxCgt.js";const L=e(class extends(a(A("ds-text-area",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=t(this,"dsChange",7),this.dsInput=t(this,"dsInput",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7)}inheritedAttributes={};textareaElement;get el(){return this}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=this.getUniqueId();dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";get assistiveTextId(){return this.dsId+"-assistive-text"}get visuallyHiddenAssistiveTextId(){return this.dsId+"-visually-hidden-assistive-text"}get errorTextId(){return this.dsId+"-error-text"}get successTextId(){return this.dsId+"-success-text"}async setFocus(){const e=this.el.querySelector("textarea");e?.focus()}async checkValidity(){const e=this.el.querySelector("textarea");return e?.checkValidity()}async clearTextarea(){this.internalValue="";const e=this.el.querySelector("textarea");e&&(e.value="")}internalValueObserver(e){this.characterCount=e.length,this.validateCharacterCount(this.characterCount)}valueObserver(e){this.internalValue=e||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(e,a,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:e},s(this)}componentWillLoad(){this.inheritedAttributes={...w(this,this.el,["id"]),...f(this.el,["aria-invalid"])},this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.componentMounted(),this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=b((e=>{this.hiddenCharacterCountText=e}),g);validateCharacterCount=e=>{this.dsCharacterLimit&&(e>this.dsCharacterLimit?(this.setHiddenCharacterCountText(l(e-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(n())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-e)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=this.textareaElement.scrollHeight+"px")};getLabelText=()=>this.dsRequired?_(this.dsLabel):this.dsOptional?h(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=e=>"customError"===e?this.textareaElement?.validationMessage:x(e);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const e=this.textareaElement?.validity;for(const a in e)if(e[a]){this.wasInvalidOnBlur="valid"!==a,this.dsValidity.emit({flag:a,message:this.getValidityMessage(a)});break}};handleInvalid=e=>{e.preventDefault();const a=this.textareaElement?.validity;for(const e in a)if(a[e]){this.dsSubmitInvalid.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInput=e=>{if(this.internalValue=e.target.value,this.dsInput.emit({event:e,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const e=this.textareaElement?.validity;for(const a in e)if(e[a]){this.dsValidity.emit({flag:a,message:this.getValidityMessage(a)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=p("ds-input-validity","ds-text-area",this.el),a=p("ds-control-label","ds-text-area",this.el),t=p("ds-visually-hidden","ds-text-area",this.el),s=m("ds-text-area"),d=s+"__host",l=s+"__container",{"aria-label":n,"aria-labelledby":c,"aria-describedby":_,...h}=this.inheritedAttributes,x=this.dsAriaLabel||n,b=this.dsAriaLabelledby||c,g=this.dsAriaDescribedby||_;return r(i,{key:"ecd5412047e7ea51310847fa87cfb0a1a6b94bc1",class:o(d,{[d+"--full-width"]:this.dsFullWidth})},r(a,{key:"b8528f151b2ad1d6a1060b3c595322828cc744a0",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},r("slot",{key:"2da157303079c5228269cddf80657c27b8be9ee5",name:"label"}),r("slot",{key:"091363cd1e4c7533eab0fa778d6c5b2172942f09",name:"assistiveText"})),r("div",{key:"851481ccd985034c703849cc7e67519da2359e80",class:o(s+"__field-wrapper",{[s+"__field-wrapper--full-width"]:this.dsFullWidth})},r("div",{key:"e8076e9723c3567297898033084d63a4328b310f",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:o(l,{[l+"--disabled"]:this.dsDisabled,[l+"--readonly"]:this.dsReadonly,[l+"--valid"]:!!this.dsSuccessText,[l+"--invalid"]:!!this.dsErrorText,[l+"--focus"]:this.hasFocus,[l+"--active"]:!!this.textareaActive,[l+"--full-width"]:this.dsFullWidth})},r("textarea",{key:"99c059dd9c76b6ba41acc4b1dcdb9ad86251c6c9",ref:e=>this.textareaElement=e,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:this.dsValue??this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:o(s+"__textarea",`${s}__textarea--resize-${this.dsResizing}`,{[s+"__textarea--full-width"]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...v("aria-label",x),...v("aria-labelledby",b),...v("aria-describedby",g||o({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",...h})),r("div",{key:"df066686f4c6baa95a2a91e7e9e1c95d026b70ad",class:o(s+"__validity-container",{[s+"__validity-container--has-character-limit"]:!!this.dsCharacterLimit})},r("slot",{key:"0e09fa2b4db8b0932ef4513c51af5c79de61f513",name:"validity"},r(e,{key:"b01e64dc0b0ae282fc51369c6aa0d349223feb49",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"},!!this.dsCharacterLimit&&r(t,{key:"2229d4fa9c4afe3f6ae9b9f83744ed4298613c1f",dsTag:"span"},this.hiddenCharacterCountText)),r(e,{key:"0330f5dfdf3e6593496d6a1a82219fbf4eb884cd",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsAriaLive:"polite"})),this.dsCharacterLimit&&r("div",{key:"eb1c790a392fb30a1e49668baf44c600010154fc",class:o(s+"__character-count",{[s+"__character-count--over-limit"]:this.characterCount>this.dsCharacterLimit})},r("small",{key:"d282a72acda266ef165493c7b264652a4ead2fdd"},this.characterCount,"/",this.dsCharacterLimit)))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.ds-text-area__0apwgA__host.sc-ds-text-area-h{display:inline-block}.ds-text-area__0apwgA__host--full-width.sc-ds-text-area-h{width:100%}.ds-text-area__0apwgA.sc-ds-text-area{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-text-area__0apwgA__field-wrapper.sc-ds-text-area{display:inline-grid;grid-template-columns:min-content}.ds-text-area__0apwgA__field-wrapper--full-width.sc-ds-text-area{display:grid;width:100%;grid-template-columns:1fr}.ds-text-area__0apwgA__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__0apwgA__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__0apwgA__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__0apwgA__container.ds-text-area__0apwgA__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--invalid.ds-text-area__0apwgA__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__0apwgA__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__0apwgA__container--valid.sc-ds-text-area:hover:not(.ds-text-area__0apwgA__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__0apwgA__container--valid.ds-text-area__0apwgA__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__0apwgA__container--readonly.sc-ds-text-area,.ds-text-area__0apwgA__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__0apwgA__container.sc-ds-text-area:focus-within:not(.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--invalid,.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--valid.sc-ds-text-area,.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__0apwgA__container.sc-ds-text-area:hover:not(.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--disabled,.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--readonly.sc-ds-text-area,.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--active.sc-ds-text-area,.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--invalid.sc-ds-text-area,.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--valid.sc-ds-text-area,.ds-text-area__0apwgA__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__0apwgA__container.active.sc-ds-text-area:not(.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--disabled,.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--readonly.sc-ds-text-area,.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--invalid.sc-ds-text-area,.ds-text-area__0apwgA__container.ds-text-area__0apwgA__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__0apwgA__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__0apwgA__external-button.sc-ds-text-area{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__0apwgA .ds-text-area__0apwgA.sc-ds-text-area-s>[slot=suffix],.ds-text-area__0apwgA .ds-text-area__0apwgA .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__0apwgA__validity-container.sc-ds-text-area{align-items:center;font-size:var(--ds-fontSize-14)}.ds-text-area__0apwgA__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__0apwgA__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__0apwgA__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__0apwgA.sc-ds-text-area .ds-text-area__0apwgA__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__0apwgA__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__0apwgA__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__0apwgA__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-text-area__0apwgA__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__0apwgA__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__0apwgA__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__0apwgA__textarea--resize-auto.sc-ds-text-area,.ds-text-area__0apwgA__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__0apwgA__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__0apwgA__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__0apwgA__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__0apwgA__textarea--full-width.sc-ds-text-area{width:100%}"}},[838,"ds-text-area",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsDisabled:[4,"ds-disabled"],dsOptional:[4,"ds-optional"],dsRequired:[4,"ds-required"],dsReadonly:[4,"ds-readonly"],dsValue:[1,"ds-value"],dsOptionalText:[1,"ds-optional-text"],dsResizing:[1,"ds-resizing"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsErrorText:[1,"ds-error-text"],dsSuccessText:[1,"ds-success-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsCharacterLimit:[2,"ds-character-limit"],dsFullWidth:[4,"ds-full-width"],hasFocus:[32],textareaActive:[32],wasInvalidOnBlur:[32],characterCount:[32],internalValue:[32],hiddenCharacterCountText:[32],setFocus:[64],checkValidity:[64],clearTextarea:[64]},void 0,{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);u([r("ds-input-validity",null),r("ds-visually-hidden",null),r("ds-control-label",null)]);const I=L,V=function(){"undefined"!=typeof customElements&&["ds-text-area","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-text-area":customElements.get(d(e))||customElements.define(d(e),L);break;case"ds-assistive-text":customElements.get(d(e))||y();break;case"ds-control-label":customElements.get(d(e))||C();break;case"ds-feedback":customElements.get(d(e))||k();break;case"ds-icon":customElements.get(d(e))||T();break;case"ds-input-validity":customElements.get(d(e))||z();break;case"ds-visually-hidden":customElements.get(d(e))||O()}}))};export{I as DsTextArea,V as defineCustomElement}

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

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

package/dist/components/ds-versioned-css-variables.js

@@ -1 +1 @@
-import{p as e,M as a,h as t,d as l,t as r}from"./p-D6UlgeOO.js";import{c as d}from"./p-Bmf5N-74.js";const s=e(class extends(a(d("ds-versioned-css-variables"))){constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}componentDidLoad(){this.componentMounted()}render(){return t(l,{key:"e124ef616e0db03e48034a6522990ee4ceebb217"},t("slot",{key:"af444ac054e905ed687362a4665c2a5d684da8dd"}))}static get style(){return".sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#007cad;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#e13d37;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-60);--ds-borderColor-success:var(--ds-palette-green-60);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--ds-fontFamily-heading:'Open Sans', sans-serif;--ds-fontFamily-body:'Open Sans', sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures;--ds-paragraphWidth-optimal:65ch}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:'Open Sans Variable', sans-serif;--ds-fontFamily-body:'Open Sans Variable', sans-serif}}.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#007cad;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#e13d37;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-60);--ds-borderColor-success:var(--ds-palette-green-60);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--ds-fontFamily-heading:'Open Sans', sans-serif;--ds-fontFamily-body:'Open Sans', sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures;--ds-paragraphWidth-optimal:65ch;display:contents}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:'Open Sans Variable', sans-serif;--ds-fontFamily-body:'Open Sans Variable', sans-serif}}"}},[262,"ds-versioned-css-variables"]),o=s,i=function(){"undefined"!=typeof customElements&&["ds-versioned-css-variables"].forEach((e=>{"ds-versioned-css-variables"===e&&(customElements.get(r(e))||customElements.define(r(e),s))}))};export{o as DsVersionedCssVariables,i as defineCustomElement}
+import{p as e,M as a,h as t,d as l,t as r}from"./p-BSJ7lj7t.js";import{c as d}from"./p-CYq9Hn9P.js";const s=e(class extends(a(d("ds-versioned-css-variables"))){constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}componentDidLoad(){this.componentMounted()}render(){return t(l,{key:"0aec53f45c4102c36e686c5f32d301e42f977d4a"},t("slot",{key:"ff6e0299b68fd96f5244a0e8ed0197da0a6dd1b4"}))}static get style(){return".sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#007cad;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#e13d37;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-60);--ds-borderColor-success:var(--ds-palette-green-60);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--ds-fontFamily-heading:'Open Sans', sans-serif;--ds-fontFamily-body:'Open Sans', sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures;--ds-paragraphWidth-optimal:65ch}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables:root,.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:'Open Sans Variable', sans-serif;--ds-fontFamily-body:'Open Sans Variable', sans-serif}}.sc-ds-versioned-css-variables-h{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-smallPlus:45rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#007cad;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#e13d37;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-overlay-black-00);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-05);--ds-bgColor-white-active:var(--ds-palette-black-10);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-05);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-10);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-15);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-30);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-bgColor-neutral-bold:var(--ds-palette-black-60);--ds-bgColor-neutral-bold-hover:var(--ds-palette-black-70);--ds-bgColor-neutral-bold-active:var(--ds-palette-black-80);--ds-bgColor-info-bold:var(--ds-palette-blue-60);--ds-bgColor-info-bold-hover:var(--ds-palette-blue-70);--ds-bgColor-info-bold-active:var(--ds-palette-blue-80);--ds-bgColor-attention-bold:var(--ds-palette-yellow-40);--ds-bgColor-attention-bold-hover:var(--ds-palette-yellow-50);--ds-bgColor-attention-bold-active:var(--ds-palette-yellow-60);--ds-bgColor-danger-bold:var(--ds-palette-red-60);--ds-bgColor-danger-bold-hover:var(--ds-palette-red-70);--ds-bgColor-danger-bold-active:var(--ds-palette-red-80);--ds-bgColor-success-bold:var(--ds-palette-green-60);--ds-bgColor-success-bold-hover:var(--ds-palette-green-70);--ds-bgColor-success-bold-active:var(--ds-palette-green-80);--ds-bgColor-backdrop:var(--ds-overlay-black-50);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-60);--ds-borderColor-success:var(--ds-palette-green-60);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-60);--ds-borderColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-default:var(--ds-palette-black-95);--ds-iconColor-default-hover:var(--ds-palette-black-80);--ds-iconColor-default-active:var(--ds-palette-black-70);--ds-iconColor-neutral:var(--ds-palette-black-50);--ds-iconColor-neutral-hover:var(--ds-palette-black-60);--ds-iconColor-neutral-active:var(--ds-palette-black-70);--ds-iconColor-white:var(--ds-palette-white);--ds-iconColor-white-hover:var(--ds-palette-black-05);--ds-iconColor-white-active:var(--ds-palette-black-10);--ds-iconColor-primary:var(--ds-palette-mainBlue-70);--ds-iconColor-primary-active:var(--ds-palette-mainBlue-80);--ds-iconColor-primary-hover:var(--ds-palette-mainBlue-90);--ds-iconColor-info:var(--ds-palette-blue-60);--ds-iconColor-info-hover:var(--ds-palette-blue-70);--ds-iconColor-info-active:var(--ds-palette-blue-80);--ds-iconColor-danger:var(--ds-palette-red-60);--ds-iconColor-danger-hover:var(--ds-palette-red-70);--ds-iconColor-danger-active:var(--ds-palette-red-80);--ds-iconColor-success:var(--ds-palette-green-60);--ds-iconColor-success-hover:var(--ds-palette-green-70);--ds-iconColor-success-active:var(--ds-palette-green-80);--ds-iconColor-attention:var(--ds-palette-yellow-60);--ds-iconColor-attention-hover:var(--ds-palette-yellow-70);--ds-iconColor-attention-active:var(--ds-palette-yellow-80);--ds-iconColor-disabled-onLight:var(--ds-palette-black-40);--ds-iconColor-disabled-onDark:var(--ds-overlay-white-40);--ds-fontFamily-heading:'Open Sans', sans-serif;--ds-fontFamily-body:'Open Sans', sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:var(--ds-letterSpacing, -2px);--ds-letterSpacing-tight:var(--ds-letterSpacing, -1.4px);--ds-letterSpacing-normal:var(--ds-letterSpacing, -0.4px);--ds-letterSpacing-wide:var(--ds-letterSpacing, 0px);--ds-letterSpacing-xWide:var(--ds-letterSpacing, 0.4px);--ds-lineHeight-small:var(--ds-lineHeight, 1);--ds-lineHeight-medium:var(--ds-lineHeight, 1.2);--ds-lineHeight-large:var(--ds-lineHeight, 1.5);--ds-lineHeight-xLarge:var(--ds-lineHeight, 1.75);--ds-fontWidth-normal:100%;--ds-fontWidth-condense:90%;--ds-number-style:proportional-figures;--ds-paragraphWidth-optimal:65ch;display:contents}@supports (font-variation-settings: normal){.sc-ds-versioned-css-variables-h{--ds-fontFamily-heading:'Open Sans Variable', sans-serif;--ds-fontFamily-body:'Open Sans Variable', sans-serif}}"}},[262,"ds-versioned-css-variables"]),o=s,i=function(){"undefined"!=typeof customElements&&["ds-versioned-css-variables"].forEach((e=>{"ds-versioned-css-variables"===e&&(customElements.get(r(e))||customElements.define(r(e),s))}))};export{o as DsVersionedCssVariables,i as defineCustomElement}

package/dist/components/ds-visually-hidden.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-Cx1Ahh88.js";const p=o,r=s;export{p as DsVisuallyHidden,r as defineCustomElement}
+import{D as o,d as s}from"./p-D1avxCgt.js";const t=o,a=s;export{t as DsVisuallyHidden,a as defineCustomElement}

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-D6UlgeOO.js";export{a as appData}from"./p-gPkqWfeS.js";export{c as componentOnReady,i as injectMatomoScript}from"./p-C_0dwn2_.js";export{c as calculatePaginationPages}from"./p-x7XJfpdj.js";
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BSJ7lj7t.js";export{a as appData}from"./p-gPkqWfeS.js";export{c as componentOnReady,i as injectMatomoScript}from"./p-C_0dwn2_.js";export{c as calculatePaginationPages}from"./p-zPjz4jpA.js";

package/dist/components/p-1EiendrQ.js

@@ -0,0 +1 @@
+import{p as e,M as s,c as t,h as d,d as o,t as a}from"./p-BSJ7lj7t.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as l,d as r}from"./p-C_0dwn2_.js";import{a as c}from"./p-5l5qZ1Ad.js";import{c as n}from"./p-B7wRJvcQ.js";import{a as v,d as _}from"./p-DBDtYogU.js";import{h as p}from"./p-CmQIGox1.js";import{d as g}from"./p-D69IOXFO.js";import{d as b}from"./p-CwBmE_wt.js";import{d as h}from"./p-BZbGKMFO.js";import{d as u}from"./p-CATYercs.js";import{d as m}from"./p-D1avxCgt.js";const w=e(class extends(s(v)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.dsChange=t(this,"dsChange",7),this.dsValidity=t(this,"dsValidity",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7)}dsAriaDescribedby;dsAriaControls;inheritedAttributes={};get el(){return this}dsChange;dsValidity;dsSubmitInvalid;dsId;dsLabel="";dsPlaceholder;dsValue;dsIcon="";dsIconSize;dsName;dsForm;dsDisabled=!1;dsErrorText;dsFullWidth=!1;dsRequired=!1;dsAriaLabel;value="";get inputValidityId(){return`${this.dsId}-input-validity`}nativeSelectRef;get DsInputValidityTag(){return l("ds-input-validity","ds-select-native",this.el)}get DsIconTag(){return l("ds-icon","ds-select-native",this.el)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.value=this.dsValue||"",this.inheritedAttributes={...c(this,this.el)}}componentDidLoad(){if(!this.nativeSelectRef)return;const e=this.nativeSelectRef;e.addEventListener("invalid",(e=>{e.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:p()}),this.dsValidity.emit({flag:"customError",message:p()})})),e.addEventListener("blur",(()=>{const s=e.validity.valid;this.dsValidity.emit({flag:s?"valid":"customError",message:s?"":p()})}))}ariaAttributeObserver(e,s,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:e}}dsValueObserver(e){this.value=e||""}valueObserver(e){if(this.nativeSelectRef&&(this.nativeSelectRef.value!==e&&(this.nativeSelectRef.value=e),this.dsRequired)){const e=this.nativeSelectRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":p()})}}render(){const e=n("ds-select"),s=`${e}__host`,t=`${e}-native`,a=l("ds-control-label","ds-select-native",this.el),{"aria-describedby":r,...c}=this.inheritedAttributes,v=this.dsAriaDescribedby??r,_=!!this.el.querySelector('[slot="label"]');return d(o,{key:"6c758a26999d09255d0a611c075080a821cfb8d6",class:i(s,{[`${s}--full-width`]:this.dsFullWidth})},d("div",{key:"94ace0dfdc56b7314229c8296e107b45935d10f1"},(this.dsLabel||_)&&d(a,{key:"737929dc6a6c6cc6ac5d736e511fdc0a6f8788bb",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired},d("slot",{key:"1041e1172b606a2b0ac9a5c8b5d9c028acb5ae7e",name:"label"})),d("div",{key:"a6249c6ba749685dcc9620611a42050e22c23b81",class:i(`${t}`,{[`${t}--disabled`]:this.dsDisabled,[`${t}--invalid`]:!!this.dsErrorText})},d("div",{key:"03bea559f1dd325c3d352b2608f6d251b88260e5",class:`${t}__selected-text`,"aria-hidden":"true"},this.value&&this.nativeSelectRef?.selectedOptions[0]?.textContent||this.dsPlaceholder),d("select",{key:"9711c1b4ac385165ec855ecb4e51065f14f47a91",ref:e=>{this.nativeSelectRef=e,e&&(e.value=this.value)},id:this.dsId,name:this.dsName,form:this.dsForm,class:`${t}__select`,disabled:this.dsDisabled,required:this.dsRequired,"aria-label":this.dsAriaLabel,onChange:e=>{const s=e.target;this.value=s.value,this.dsChange.emit(s.value)},"aria-describedby":v,...c},d("option",{key:"ab59f2caab7441c1d71e4e83cf1e6f93a9fe5f1e",value:"",disabled:!0,style:{display:this.dsRequired?"none":void 0},selected:!this.value},this.dsPlaceholder),d("slot",{key:"6ed1ddbc757381fb30905c06d5b2ae71bf5801b8",name:"native"})),d(this.DsIconTag,{key:"4d444ea30d5559af4adb1de145d27958e7d26e6e",class:`${t}__dropdown-icon`,dsName:"keyboard_arrow_down",dsSize:this.dsIconSize})),d(this.DsInputValidityTag,{key:"b8ad69dbee9a9e24003f3edb5c53419da8201d86",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"})))}static get watchers(){return{"aria-describedby":[{ariaAttributeObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}}static get style(){return".ds-select__0apwgA__host.sc-ds-select-native-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__0apwgA__host.sc-ds-select-native-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__0apwgA__host.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__0apwgA__host--full-width.sc-ds-select-native-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__0apwgA-native.sc-ds-select-native,.ds-select__0apwgA-custom.sc-ds-select-native{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, 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:var(--ds-select-height, 2.75rem);width:100%}.ds-select__0apwgA-native__dropdown-icon.sc-ds-select-native,.ds-select__0apwgA-custom__dropdown-icon.sc-ds-select-native{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__0apwgA-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__0apwgA-custom.sc-ds-select-native .ds-options__0apwgA.sc-ds-select-native{display:block}.ds-select__0apwgA-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__0apwgA-custom-input-container.sc-ds-select-native:has(.ds-select__0apwgA-custom__clear-button:hover) .ds-select__0apwgA-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__0apwgA-custom.sc-ds-select-native:not(.ds-select__0apwgA-custom--open,.ds-select__0apwgA-custom--invalid.sc-ds-select-native,.ds-select__0apwgA-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__0apwgA-custom.sc-ds-select-native:active:not(.ds-select__0apwgA-custom--open,.ds-select__0apwgA-custom--invalid.sc-ds-select-native,.ds-select__0apwgA-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__0apwgA-custom--open.sc-ds-select-native,.ds-select__0apwgA-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__0apwgA-custom--open.sc-ds-select-native:not(.ds-select__0apwgA-custom--open--invalid,.ds-select__0apwgA-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__0apwgA-custom.sc-ds-select-native:focus-visible:not(.ds-select__0apwgA-custom--open--invalid,.ds-select__0apwgA-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__0apwgA-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__0apwgA-custom--disabled.sc-ds-select-native .ds-select__0apwgA-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__0apwgA-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__0apwgA-custom--invalid.sc-ds-select-native:not(.ds-select__0apwgA-custom--invalid--open,.ds-select__0apwgA-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__0apwgA-custom--invalid.sc-ds-select-native:not(.ds-select__0apwgA-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__0apwgA-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__0apwgA-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-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__0apwgA-custom--has-icon.sc-ds-select-native .ds-select__0apwgA-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__0apwgA-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__0apwgA-custom__selected-option__text.sc-ds-select-native{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__0apwgA-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__0apwgA-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__0apwgA-custom.sc-ds-select-native input.sc-ds-select-native{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__0apwgA-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__0apwgA-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__0apwgA-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__0apwgA-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__0apwgA-custom__clear-button.sc-ds-select-native{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__0apwgA-custom__clear-button.sc-ds-select-native:has(button:focus){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 * 2)}.ds-select__0apwgA-custom__badge-container.sc-ds-select-native{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__0apwgA-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-default);background-color:var(--ds-bgColor-white)}.ds-select__0apwgA-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__0apwgA-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__0apwgA-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__0apwgA-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__0apwgA-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__0apwgA-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__0apwgA-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__0apwgA-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__0apwgA-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__0apwgA-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%)}.ds-select__0apwgA-native.sc-ds-select-native:not(.ds-select__0apwgA-native--invalid,.ds-select__0apwgA-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__0apwgA-native.sc-ds-select-native:has(.ds-select__0apwgA-native__select:active):not(.ds-select__0apwgA-native--invalid,.ds-select__0apwgA-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__0apwgA-native.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__0apwgA-native--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__0apwgA-native--disabled.sc-ds-select-native .ds-select__0apwgA-native__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__0apwgA-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__0apwgA-native--invalid.sc-ds-select-native:not(.ds-select__0apwgA-native--invalid--disabled):has(.ds-select__0apwgA-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__0apwgA-native--invalid.sc-ds-select-native:not(.ds-select__0apwgA-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__0apwgA-native__dropdown-icon.sc-ds-select-native{color:var(--ds-select-selected-option-color, inherit)}.ds-select__0apwgA-native__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall));margin-right:var(--ds-select-selected-text-margin-right, 0);font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:var(--ds-select-selected-option-color, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select__0apwgA-native__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__0apwgA-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__0apwgA-native__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}"}},[774,"ds-select-native",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],dsId:[1,"ds-id"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsValue:[1,"ds-value"],dsIcon:[1,"ds-icon"],dsIconSize:[1,"ds-icon-size"],dsName:[1,"ds-name"],dsForm:[1,"ds-form"],dsDisabled:[4,"ds-disabled"],dsErrorText:[1,"ds-error-text"],dsFullWidth:[4,"ds-full-width"],dsRequired:[4,"ds-required"],dsAriaLabel:[1,"ds-aria-label"],value:[32]},void 0,{"aria-describedby":[{ariaAttributeObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}]);function f(){"undefined"!=typeof customElements&&["ds-select-native","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-select-native":customElements.get(a(e))||customElements.define(a(e),w);break;case"ds-assistive-text":customElements.get(a(e))||g();break;case"ds-control-label":customElements.get(a(e))||b();break;case"ds-feedback":customElements.get(a(e))||h();break;case"ds-icon":customElements.get(a(e))||_();break;case"ds-input-validity":customElements.get(a(e))||u();break;case"ds-visually-hidden":customElements.get(a(e))||m()}}))}r([d("ds-icon",{dsName:""}),d("ds-control-label",null),d("ds-input-validity",null)]);export{w as D,f as d}

package/dist/components/p-6M9w3b_P.js

@@ -0,0 +1 @@
+import{p as s,M as e,h as t,d,t as a}from"./p-BSJ7lj7t.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as i}from"./p-B7wRJvcQ.js";import{c}from"./p-CYq9Hn9P.js";import{t as o,d as l}from"./p-C_0dwn2_.js";import{d as r}from"./p-D1avxCgt.js";const b=s(class extends(e(c("ds-step-content-base"))){constructor(s){super(),!1!==s&&this.__registerHost()}headingElement;get el(){return this}dsOrientation="vertical";dsHeading="";dsHeadingColour;dsOrdinal;dsHiddenAssistiveText;dsFullWidth=!1;dsAriaCurrent=void 0;get DsStep(){return o("ds-step","ds-step-content-base",this.el)}get DsVisuallyHidden(){return o("ds-visually-hidden","ds-step-content-base",this.el)}get isVertical(){return"vertical"===this.dsOrientation}async setFocus(){this.headingElement?.focus()}render(){const s=i("ds-step-content-base"),e=n({[`${s}__host--full-width`]:this.dsFullWidth}),a=n(s,{[`${s}--vertical`]:this.isVertical,[`${s}--full-width`]:this.dsFullWidth}),c=n(`${s}__heading`,"ds-heading-xs",{[`${s}__heading--vertical`]:this.isVertical}),o={...this.dsHeadingColour&&{color:this.dsHeadingColour}},l=n(`${s}__content`,"ds-bodytext-md",{}),r=n(`${s}__visually-hidden`),b={"aria-current":this.dsAriaCurrent};return t(d,{key:"0bbe16201eb6997f7da48a1fbc98e4903cdf351c",class:e},t("div",{key:"7bd5c1d39c88992550d5540f0fd4b90d30d43f9f",class:a},t("slot",{key:"0409129f52265ff641cf8430cc8fb1f0cda9853c",name:"heading"}),!!this.dsHeading&&t("span",{key:"849064921f73f3f492bf0385cac5bead8bbb8019",ref:s=>this.headingElement=s,class:c,style:o,tabIndex:-1,...b},void 0!==this.dsOrdinal&&t(this.DsVisuallyHidden,{key:"5a7bd50b8c64fb1289bc1c67af245698765065cc",class:r,dsTag:"span"},this.dsOrdinal,". "),this.dsHeading,this.dsHiddenAssistiveText&&t(this.DsVisuallyHidden,{key:"2e5cb460b8ef1b34e900cda95e7cca0bf1062f39",class:r,dsTag:"span"}," ",this.dsHiddenAssistiveText)),t("div",{key:"c8e3cb5c6e5be9e1ec50ccd1b55f19654055d706",class:l},t("slot",{key:"4ad4792c4371b8b7d173445a7b3a6e9aeedfb751",name:"content"}))))}static get style(){return".ds-no-style-leak.sc-ds-step-content-base *.sc-ds-step-content-base{all:unset;box-sizing:border-box;display:block}.ds-step-content-base__0apwgA__host--full-width.sc-ds-step-content-base-h{width:100%}.ds-step-content-base__0apwgA.sc-ds-step-content-base{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;flex-direction:column;gap:var(--ds-spacing-xSmall);padding-block-end:0;padding-inline:var(--ds-spacing-2xSmall) var(--ds-spacing-medium)}.ds-step-content-base__0apwgA--full-width.sc-ds-step-content-base{width:100%}.ds-step-content-base__0apwgA--vertical.sc-ds-step-content-base{padding-block-end:var(--ds-spacing-medium);padding-inline:0}.ds-step-content-base__0apwgA__heading.sc-ds-step-content-base: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-step-content-base__0apwgA__heading.sc-ds-step-content-base{margin:0;width:fit-content}.ds-step-content-base__0apwgA__heading--vertical.sc-ds-step-content-base{padding:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall)) 0 0}.ds-step-content-base__0apwgA__content.sc-ds-step-content-base{color:var(--ds-textColor-secondary)}.ds-step-content-base__0apwgA__visually-hidden.sc-ds-step-content-base{display:contents}"}},[774,"ds-step-content-base",{dsOrientation:[1,"ds-orientation"],dsHeading:[1,"ds-heading"],dsHeadingColour:[1,"ds-heading-colour"],dsOrdinal:[2,"ds-ordinal"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsFullWidth:[4,"ds-full-width"],dsAriaCurrent:[1,"ds-aria-current"],setFocus:[64]}]);function p(){"undefined"!=typeof customElements&&["ds-step-content-base","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-step-content-base":customElements.get(a(s))||customElements.define(a(s),b);break;case"ds-visually-hidden":customElements.get(a(s))||r()}}))}l([t("ds-visually-hidden",null)]);export{b as D,p as d}

package/dist/components/p-6r_Wjebo.js

@@ -0,0 +1 @@
+import{p as s,M as e,h as t,d as a,t as d}from"./p-BSJ7lj7t.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as l}from"./p-B7wRJvcQ.js";import{c as o}from"./p-CYq9Hn9P.js";const c=s(class extends(e(o("ds-step-base"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsOrientation="vertical";dsFullWidth=!1;render(){const s=l("ds-step-base"),e=i(`${s}__host`,{[`${s}__host--full-width`]:this.dsFullWidth}),d=i(s,{[`${s}--vertical`]:"vertical"===this.dsOrientation});return t(a,{key:"7d24bae0054e9c6e77e60c3178d4e47833bf6549",class:e},t("div",{key:"e1f3394d28a434258b90ec8b3355845656ac9d70",class:d},t("slot",{key:"a2d132bb344e45a0e6a3a91006ffdf30cb6fde82",name:"bullet"}),t("slot",{key:"3b5beab02610c1e0fc854ffd95c93cbb139bca2a",name:"content"})))}static get style(){return".ds-no-style-leak.sc-ds-step-base *.sc-ds-step-base{all:unset;box-sizing:border-box;display:block}.ds-step-base__0apwgA__host--full-width.sc-ds-step-base-h{flex:1}.ds-step-base__0apwgA.sc-ds-step-base{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;flex-direction:column;align-items:stretch;gap:var(--ds-spacing-xSmall)}.ds-step-base__0apwgA--vertical.sc-ds-step-base{flex-direction:row}"}},[774,"ds-step-base",{dsOrientation:[1,"ds-orientation"],dsFullWidth:[4,"ds-full-width"]}]);function n(){"undefined"!=typeof customElements&&["ds-step-base"].forEach((s=>{"ds-step-base"===s&&(customElements.get(d(s))||customElements.define(d(s),c))}))}export{c as D,n as d}

package/dist/components/p-7kuqFS4m.js

@@ -0,0 +1 @@
+import{S as e}from"./p-BSJ7lj7t.js";const t=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys()){const n=e.get(t).filter((e=>{const t=e.deref();return t&&(!("isConnected"in(n=t))||n.isConnected);var n}));e.set(t,n)}})(...t)}),2e3)}})(),n=e.forceUpdate,o=e.getRenderingRef,s=(e,t)=>{const n=e.indexOf(t);n>=0&&(e[n]=e[e.length-1],e.length--)},r=["fi","sv","en"],c="en",a=(()=>{const e=((e,t=(e,t)=>e!==t)=>{const n=()=>{return("function"==typeof(t=e)?t():t)??{};var t},o=n();let r=new Map(Object.entries(o));const c="undefined"!=typeof Proxy,a=c?null:{},u={dispose:[],get:[],set:[],reset:[]},i=new Map,f=()=>{r=new Map(Object.entries(n())),c||y(),u.reset.forEach((e=>e()))},l=e=>(u.get.forEach((t=>t(e))),r.get(e)),p=(e,n)=>{const o=r.get(e);t(n,o,e)&&(r.set(e,n),c||b(e),u.set.forEach((t=>t(e,n,o))))},g=c?new Proxy(o,{get:(e,t)=>l(t),ownKeys:()=>Array.from(r.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>r.has(t),set:(e,t,n)=>(p(t,n),!0)}):(y(),a),d=(e,t)=>(u[e].push(t),()=>{s(u[e],t)});function b(e){!c&&a&&(Object.prototype.hasOwnProperty.call(a,e)||Object.defineProperty(a,e,{configurable:!0,enumerable:!0,get:()=>l(e),set(t){p(e,t)}}))}function y(){if(c||!a)return;const e=new Set(r.keys());for(const t of Object.keys(a))e.has(t)||delete a[t];for(const t of e)b(t)}return{state:g,get:l,set:p,on:d,onChange:(e,t)=>{const o=(n,o)=>{n===e&&t(o)},s=()=>{const o=n();t(o[e])},r=d("set",o),c=d("reset",s);return i.set(t,{setHandler:o,resetHandler:s,propName:e}),()=>{r(),c(),i.delete(t)}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(d("set",t.set)),t.get&&e.push(d("get",t.get)),t.reset&&e.push(d("reset",t.reset)),t.dispose&&e.push(d("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{u.dispose.forEach((e=>e())),f()},reset:f,forceUpdate:e=>{const t=r.get(e);u.set.forEach((n=>n(e,t,t)))},removeListener:(e,t)=>{const n=i.get(t);n&&n.propName===e&&(s(u.set,n.setHandler),s(u.reset,n.resetHandler),i.delete(t))}}})({...{language:c}},void 0);return e.use((()=>{if("function"!=typeof o||"function"!=typeof n)return{};const e=n,s=o,r=new Map;return{dispose:()=>r.clear(),get:e=>{const t=s();t&&((e,t,n)=>{let o=e.get(t);o||(o=[],e.set(t,o)),o.some((e=>e.deref()===n))||o.push(new WeakRef(n))})(r,e,t)},set:n=>{const o=r.get(n);if(o){const t=o.filter((t=>{const n=t.deref();return!!n&&e(n)}));r.set(n,t)}t(r)},reset:()=>{r.forEach((t=>{t.forEach((t=>{const n=t.deref();n&&e(n)}))})),t(r)}}})()),e})(),u=a.state,i=a.onChange,f=()=>u.language,l=e=>{(e=>r.includes(e))(e)?u.language=e:console.warn(`Unsupported language "${e}" provided to component library. Falling back to default language "${c}".`)},p=({language:e=c}={})=>{l(e)};export{c as d,f as g,p as i,i as o,l as s}

package/dist/components/p-9vuZcwJk.js

@@ -0,0 +1 @@
+import{p as s,M as i,c as e,f as t,h as n,t as d}from"./p-BSJ7lj7t.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as l,a as o}from"./p-5l5qZ1Ad.js";import{o as r,v as c}from"./p-fs048WbO.js";import{f as k,t as h,a as g,d as _}from"./p-C_0dwn2_.js";import{l as f}from"./p-DMddtiKs.js";import{a as p,d as v}from"./p-DBDtYogU.js";import{c as b}from"./p-B7wRJvcQ.js";import{c as m}from"./p-CYq9Hn9P.js";import{d as u}from"./p-D1avxCgt.js";const w=k("visually-hidden-assistive-text"),x={"2xLarge":"1.375rem",xLarge:"1.25rem",large:"1.125rem",medium:"1rem",small:"0.875rem",xSmall:"0.75rem"},A=s(class extends(i(m("ds-link"),f,p)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=e(this,"dsClick",7)}inheritedAttributes={};visuallyHiddenAssistiveTextId=w.next().value;get el(){return this}linkRef;dsId=this.getUniqueId();dsText;dsSize;dsVariant="inline";dsWeight="regular";dsIcon="";dsIconPosition="end";dsIconTitle;dsIconAriaLabel;dsIconHidden;dsIconAriaHidden;dsColour;dsTag="a";targetBlank=null;async setFocus(){this.linkRef?.focus()}async getLink(){return this.linkRef}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setTargetBlank(s){this.targetBlank=r(s)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...o(this,this.el),...l(this.el)},this.setTargetBlank(this.dsTarget)}componentDidLoad(){this.componentMounted()}onTargetChanged(s){this.setTargetBlank(s)}ariaLabelObserver(s){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":s},t(this)}renderIcon(s,i=this.dsIcon,e=this.dsIconPosition){const t=a(`${s}__icon`,{[`${s}__icon--start-${this.dsVariant}`]:"start"===e,[`${s}__icon--end-${this.dsVariant}`]:"end"===e}),d=this.dsSize?x[this.dsSize]:"1rem",l=h("ds-icon","ds-link",this.el);return n(l,{dsName:i,class:t,dsSize:d,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel,dsHidden:this.dsIconHidden,dsAriaHidden:this.dsIconAriaHidden})}renderSuffixIcon(s){return this.targetBlank?this.renderIcon(s,this.targetBlank.icon,"end"):this.dsIcon&&"end"===this.dsIconPosition?this.renderIcon(s):null}render(){const s=b("ds-link"),i=a(s,`${s}--${this.dsWeight}`,`${s}--${this.dsVariant}`,{[`${s}--${this.dsSize}`]:!!this.dsSize,[`${s}--colour-${this.dsColour}`]:!!this.dsColour}),e=h("ds-visually-hidden","ds-link",this.el),{"aria-label":t,"aria-labelledby":d,...l}=this.inheritedAttributes,o=this.dsAriaLabelledby||d;return n(this.dsTag,{key:"cbe0b698c4dc07c27a5234a8df2c186bc2d1b0c6",ref:s=>this.linkRef=s,class:i,id:this.dsId,...g("aria-label",this.dsAriaLabel||t),...g("aria-labelledby",o),...l,...this.linkAttributes},n("slot",{key:"7cae380ec5cf8fff35824886fbc28733a3433f18",name:"prefix"},this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(s)),this.dsText,n("slot",{key:"262cb6fd01bffe21cdd86104626d1a5cfcfb8ab4",name:"suffix"},this.renderSuffixIcon(s)),r(this.dsTarget)&&n(e,{key:"b63a7f1aee43ae2e002dee25388660ecb04ed0d3",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},c()))}static get watchers(){return{dsTarget:[{onTargetChanged:0}],"aria-label":[{ariaLabelObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-link *.sc-ds-link{all:unset;box-sizing:border-box;display:block}.ds-link__0apwgA.sc-ds-link{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-link__0apwgA.sc-ds-link: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-link__0apwgA.sc-ds-link{box-sizing:border-box;display:inline;vertical-align:var(--ds-link-vertical-align, baseline);color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-size:var(--ds-link-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-regular);text-transform:var(--ds-link-text-transform, none);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__0apwgA--semibold.sc-ds-link{font-weight:var(--ds-fontWeight-semibold)}.ds-link__0apwgA--bold.sc-ds-link{font-weight:var(--ds-fontWeight-bold)}.ds-link__0apwgA--2xLarge.sc-ds-link{font-size:var(--ds-fontSize-22)}.ds-link__0apwgA--xLarge.sc-ds-link{font-size:var(--ds-fontSize-20)}.ds-link__0apwgA--large.sc-ds-link{font-size:var(--ds-fontSize-18)}.ds-link__0apwgA--medium.sc-ds-link{font-size:var(--ds-fontSize-16)}.ds-link__0apwgA--small.sc-ds-link{font-size:var(--ds-fontSize-14)}.ds-link__0apwgA--xSmall.sc-ds-link{font-size:var(--ds-fontSize-12)}.ds-link__0apwgA__icon.sc-ds-link{display:inline-block;vertical-align:-0.125em}.ds-link__0apwgA__icon--start-inline.sc-ds-link{margin-right:var(--ds-spacing-3xSmall)}.ds-link__0apwgA__icon--start-standalone.sc-ds-link{margin-right:var(--ds-spacing-2xSmall)}.ds-link__0apwgA__icon--end-inline.sc-ds-link{margin-left:var(--ds-spacing-3xSmall)}.ds-link__0apwgA__icon--end-standalone.sc-ds-link{margin-left:var(--ds-spacing-2xSmall)}.ds-link__0apwgA.sc-ds-link:hover,.ds-link__0apwgA.sc-ds-link:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__0apwgA.sc-ds-link:hover{color:var(--ds-textColor-link-hover);cursor:pointer}.ds-link__0apwgA.sc-ds-link:active{color:var(--ds-textColor-link-active)}.ds-link__0apwgA.sc-ds-link:visited{color:var(--ds-textColor-link-visited)}.ds-link__0apwgA--standalone.sc-ds-link{display:inline-block;color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__0apwgA--standalone.sc-ds-link:hover,.ds-link__0apwgA--standalone.sc-ds-link:active{text-decoration-line:underline}.ds-link__0apwgA--standalone.sc-ds-link:focus-visible,.ds-link__0apwgA--standalone.sc-ds-link:visited{color:var(--ds-textColor-link)}.ds-link__0apwgA--standalone.sc-ds-link:active{color:var(--ds-textColor-link-active)}.ds-link__0apwgA--standalone.sc-ds-link:hover{color:var(--ds-textColor-link-hover)}.ds-link__0apwgA--colour-white.sc-ds-link{color:var(--ds-textColor-white)}.ds-link__0apwgA--colour-white.sc-ds-link:hover,.ds-link__0apwgA--colour-white.sc-ds-link:active,.ds-link__0apwgA--colour-white.sc-ds-link:visited,.ds-link__0apwgA--colour-white.sc-ds-link:focus-visible{color:var(--ds-textColor-white)}.ds-link__0apwgA--colour-black.sc-ds-link{color:var(--ds-textColor-default)}.ds-link__0apwgA--colour-black.sc-ds-link:hover,.ds-link__0apwgA--colour-black.sc-ds-link:active,.ds-link__0apwgA--colour-black.sc-ds-link:visited,.ds-link__0apwgA--colour-black.sc-ds-link:focus-visible{color:var(--ds-textColor-default)}"}},[774,"ds-link",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsId:[1,"ds-id"],dsText:[1,"ds-text"],dsSize:[1,"ds-size"],dsVariant:[1,"ds-variant"],dsWeight:[1,"ds-weight"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsIconTitle:[1,"ds-icon-title"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsIconHidden:[4,"ds-icon-hidden"],dsIconAriaHidden:[4,"ds-icon-aria-hidden"],dsColour:[1,"ds-colour"],dsTag:[1,"ds-tag"],targetBlank:[32],setFocus:[64],getLink:[64]},[[0,"click","handleClick"]],{dsTarget:[{onTargetChanged:0}],"aria-label":[{ariaLabelObserver:0}]}]);function y(){"undefined"!=typeof customElements&&["ds-link","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-link":customElements.get(d(s))||customElements.define(d(s),A);break;case"ds-icon":customElements.get(d(s))||v();break;case"ds-visually-hidden":customElements.get(d(s))||u()}}))}_([n("ds-icon",{dsName:""}),n("ds-visually-hidden",null)]);export{A as D,y as d}

package/dist/components/p-B7wRJvcQ.js

@@ -0,0 +1 @@
+import{E as o}from"./p-BSJ7lj7t.js";const s=s=>`${s}__${o.PACKAGE_VERSION}`;export{s as c}

package/dist/components/p-BCjDYz_J.js

@@ -0,0 +1 @@
+import{p as s,M as e,c as t,f as i,h as o,d,t as a}from"./p-BSJ7lj7t.js";import{c as l}from"./p-BfTCfPZ1.js";import{t as r,c,k as n,F as h,a as p,d as u}from"./p-C_0dwn2_.js";import{s as _,h as g,i as b,l as v,w as m,f,r as w,j as x}from"./p-CmQIGox1.js";import{c as A}from"./p-B7wRJvcQ.js";import{i as y,a as k}from"./p-5l5qZ1Ad.js";import{m as O}from"./p-xYmAT405.js";import{d as C}from"./p-VfYMKfsX.js";import{c as E}from"./p-CYq9Hn9P.js";import{d as S}from"./p-D69IOXFO.js";import{d as I}from"./p-DnFcDWE2.js";import{d as $}from"./p-CwBmE_wt.js";import{d as F}from"./p-BZbGKMFO.js";import{d as L}from"./p-DBDtYogU.js";import{d as T}from"./p-CATYercs.js";import{d as D}from"./p-DLvhBw5d.js";import{d as R}from"./p-1EiendrQ.js";import{d as j}from"./p-DMUyIQhi.js";import{d as z}from"./p-D1avxCgt.js";const V={dsPlaceholder:_},B=s(class extends(e(E("ds-select",{stopRootTracking:!0,stopRootTrackingExcept:["ds-datepicker"]}),O,C)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsMultipleChange=t(this,"dsMultipleChange",7),this.dsChange=t(this,"dsChange",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),this.dsBlur=t(this,"dsBlur",7),this.dsFocus=t(this,"dsFocus",7),this.internals=this.attachInternals()}inheritedAttributes={};get el(){return this}internals;dsMultipleChange;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=this.getUniqueId();dsName=this.dsId;dsLabel;dsAssistiveText;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsIconSize;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsFullWidth=!1;dsRequired=!1;dsAriaLabel;activeOption=null;selectedOptions=[];selectedOptionsLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonRef;iconRef;badgeRef;badgeContainerOffset=null;feedback=[];get isNative(){return"native"===this.dsVariant}get isMultiple(){return"multiple"===this.dsVariant}get inputValidityId(){return`${this.dsId}-validity`}get assistiveTextId(){return`${this.dsId}-assistive-text`}get placeholder(){return this.dsPlaceholder||V.dsPlaceholder()}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};async checkValidity(){return this.internals?.checkValidity()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue||null,label:await s.getLabel()||null,description:s.dsDescription||null}))))}connectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this._setDisableEventEmits(!0),this.inheritedAttributes={...k(this,this.el),...y(this.el,this.isNative?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.componentMounted(),this.isNative?this.internals?.setValidity({}):this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},g()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.removeEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return r("ds-icon","ds-select",this.el)}get DsInputValidity(){return r("ds-input-validity","ds-select",this.el)}get DsOption(){return r("ds-option","ds-select",this.el)}get DsFeedback(){return r("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;handleEscEvent(s){this.selectedOptions.length>0&&"Tab"===s.detail.key?this.clearButtonRef?.setFocus():["Escape","Shift+Tab"].includes(s.detail.key)&&this.customSelectRef?.focus()}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const e=s&&"relatedTarget"in s?s.relatedTarget:null;(!e||!this.el.contains(e))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.isNative||this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async handleOptionClick(s){s&&!s.dsDisabled&&(this._setDisableEventEmits(!1),this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple||(this.activeIndex=null,this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus()))}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){this.dsDisabled||(this.activeIndex=null,this._setDisableEventEmits(!1),this.value=this.toValue(null),this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus())}handleKeyDown(s){"ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.isOpen=!0,this.updateActiveIndex(),globalThis.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${A("ds-options")}`);s?.focus()})))}getBadgeContainerWidthOffset=async()=>{if(!this.clearButtonRef||!this.badgeRef)return;await c(this.clearButtonRef),await c(this.badgeRef);const s=this.clearButtonRef?.getBoundingClientRect?.()?.width||0,e=this.badgeRef?.getBoundingClientRect?.()?.width||0;this.badgeContainerOffset=s&&e?s+e:null};getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOption))}getFocusIndex(){const s=this.getAllOptions();if(""!==this.getValueItem(0)?.trim()){const e=s.findIndex((s=>String(s.dsValue)===String(this.getValueItem(0))));if(-1!==e)return e}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const e=this.getAllOptions();this.activeOption=null===s?null:e[s];for(const[s,t]of e.entries())t.dsActive=s===this.activeIndex,t.dsSelected=this.inValue(t.dsValue)}clearButtonRefObserver(){this.getBadgeContainerWidthOffset()}valueObserver(s){this.isNative||this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.value=this.toValue(s)}selectedOptionsObserver(s,e){const t=s.map((s=>s.dsValue)),i=e?.map((s=>s.dsValue))||[],o=i.filter((s=>!t.includes(s))),d=t.filter((s=>!i.includes(s))),a=o.length>0||d.length>0;if(e)for(const s of e)s.dsSelected=!1;for(const e of s)e.dsSelected=!0;const l=this.getShouldEmit([a]);this._setDisableEventEmits(!0),l&&(this.dsMultipleChange.emit({values:t,added:d,removed:o}),this.dsChange.emit(t[0]||null)),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}hasFocusObserver(s){(s?this.dsFocus:this.dsBlur).emit()}resetFeedback=()=>{this.feedback=[],i(this)};debouncedResetFeedback=n(this.resetFeedback,h);appendFeedback=(s,e)=>{this.feedback=[...this.feedback,{key:s,message:e}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((e=>e.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback.at(-1)?.message:"";optionsMessagePropertyObserver(s,e,t){if(!s)return this.removeFeedback(t),void(0===this.feedback.length&&this.appendFeedback("default",b()));"dsLoading"===t&&s?this.appendFeedback(t,this.dsLoadingText||v()):"dsOptionsError"===t&&s&&this.appendFeedback(t,this.dsOptionsErrorText||`${m()} ${f()}`)}setSelectedOptionsFromValue=async s=>{if(!s||0===s.length)return void await this.setSelectedOptions([]);const e=this.getAllOptions().filter((e=>s.includes(e.dsValue)));0!==e.length?await this.setSelectedOptions(e):console.warn(`ds-select: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{!this.isMultiple&&this.activeOption&&(this.activeOption.dsActive=!1),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},g()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=r("ds-select-native","ds-select",this.el);return o(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.placeholder,dsIcon:this.dsIcon,dsIconSize:this.dsIconSize,dsName:this.dsName||this.dsId,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsRequired:this.dsRequired,dsFullWidth:this.dsFullWidth,dsAriaLabel:this.dsAriaLabel,dsValue:this.getValueItem(0)||"",onDsChange:s=>{this.value=this.toValue(s.detail)},onDsValidity:s=>{this.dsValidity.emit(s.detail)},onDsSubmitInvalid:s=>{this.dsSubmitInvalid.emit(s.detail)},...this.inheritedAttributes},o("slot",{name:"label"}),o("slot",{name:"native"}))}renderCustomSelect(s){const e=0===this.selectedOptions.length,t=`${this.dsId}-label`,i=`${this.dsId}-badge`,d=`${this.dsId}-selected-option`,a=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" ")||void 0,c=`ds-select-options-${this.dsId}`,n=`${s}-custom`,h=r("ds-badge","ds-select",this.el),p=r("ds-button","ds-select",this.el),u=r("ds-options","ds-select",this.el),_=r("ds-options-message","ds-select",this.el),g=r("ds-control-label","ds-select",this.el),b=w(!0);return o("div",{style:{"--badge-container-offset":this.badgeContainerOffset?`${this.badgeContainerOffset}px`:void 0}},o(g,{dsId:t,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},o("slot",{name:"label"})),o("div",{class:`${n}-wrapper`},o("div",{class:`${n}-input-container`},o("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:l(`${n}`,{[`${n}--open`]:this.isOpen,[`${n}--none-selected`]:e,[`${n}--disabled`]:this.dsDisabled,[`${n}--invalid`]:!!this.dsErrorText,[`${n}--has-icon`]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-invalid":this.dsErrorText?"true":"false","aria-haspopup":"listbox","aria-expanded":String(this.isOpen),"aria-disabled":String(this.dsDisabled),"aria-label":this.dsAriaLabel,"aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${t} ${i}`:t,"aria-describedby":a,"aria-controls":c,"aria-activedescendant":null===this.activeIndex?void 0:`${this.dsId}-option-${this.activeIndex}`,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:s=>{this.dsDisabled||this.handleKeyDown(s)}},o("div",{class:`${n}__selected-option`},this.dsIcon&&o(this.DsIcon,{class:`${n}__selected-option__placeholder-icon`,dsName:this.dsIcon,dsSize:this.dsIconSize}),o("span",{id:d,class:l(`${n}__selected-option__text`,{[`${n}__selected-option__text--none-selected`]:e,[`${n}__selected-option__text--disabled`]:this.dsDisabled})},this.selectedOptionsLabel||this.placeholder)),o(this.DsIcon,{ref:s=>this.iconRef=s,class:l(`${n}__dropdown-icon`,{[`${n}__dropdown-icon--has-clear-button`]:this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled}),dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.isMultiple&&this.selectedOptions?.length>0&&o("div",{class:`${n}__badge-container`},o(h,{ref:s=>this.badgeRef=s,dsId:i,dsText:`${this.selectedOptions.length}`,dsHiddenAssistiveText:x()})),this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled&&o(p,{ref:s=>this.clearButtonRef=s,class:`${n}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:b,dsIconAriaLabel:b,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:b,dsAriaDescribedby:d,dsInInput:!0,dsNoFocusRing:!0})),o("div",{id:c,class:{[`${n}__options-container`]:!0,[`${n}__options-container--open`]:this.isOpen},onClick:s=>{const e=s.target.closest(this.DsOption);this.handleOptionClick(e)}},o(_,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),o(u,{dsActiveIndex:this.activeIndex??void 0,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:t,dsAriaMultiselectable:this.isMultiple},o("slot",null)))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>o("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),o(this.DsInputValidity,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}),o(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=A("ds-select"),e=`${s}__host`;return o(d,{key:"9e2771837055f9158d8448af0588cec5faa42011",class:l(e,{[`${e}--full-width`]:this.dsFullWidth}),...p("name",this.isNative?void 0:this.dsName)},o("div",{key:"f4497611bcf88134e1be46c9dd8af175ee954d49",tabIndex:this.isNative?void 0:-1},this.isNative?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:[{activeIndexObserver:0}],clearButtonRef:[{clearButtonRefObserver:0}],badgeRef:[{clearButtonRefObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],selectedOptions:[{selectedOptionsObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{optionsMessagePropertyObserver:0}],dsOptionsError:[{optionsMessagePropertyObserver:0}]}}static get style(){return".ds-select__0apwgA__host.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__0apwgA__host.sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__0apwgA__host.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__0apwgA__host--full-width.sc-ds-select-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__0apwgA-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, 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:var(--ds-select-height, 2.75rem);width:100%}.ds-select__0apwgA-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__0apwgA-custom-wrapper.sc-ds-select{position:relative}.ds-select__0apwgA-custom.sc-ds-select .ds-options__0apwgA.sc-ds-select{display:block}.ds-select__0apwgA-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__0apwgA-custom-input-container.sc-ds-select:has(.ds-select__0apwgA-custom__clear-button:hover) .ds-select__0apwgA-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__0apwgA-custom.sc-ds-select:not(.ds-select__0apwgA-custom--open,.ds-select__0apwgA-custom--invalid.sc-ds-select,.ds-select__0apwgA-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__0apwgA-custom.sc-ds-select:active:not(.ds-select__0apwgA-custom--open,.ds-select__0apwgA-custom--invalid.sc-ds-select,.ds-select__0apwgA-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__0apwgA-custom--open.sc-ds-select,.ds-select__0apwgA-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__0apwgA-custom--open.sc-ds-select:not(.ds-select__0apwgA-custom--open--invalid,.ds-select__0apwgA-custom.sc-ds-select:focus-visible--invalid),.ds-select__0apwgA-custom.sc-ds-select:focus-visible:not(.ds-select__0apwgA-custom--open--invalid,.ds-select__0apwgA-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__0apwgA-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__0apwgA-custom--disabled.sc-ds-select .ds-select__0apwgA-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__0apwgA-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__0apwgA-custom--invalid.sc-ds-select:not(.ds-select__0apwgA-custom--invalid--open,.ds-select__0apwgA-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__0apwgA-custom--invalid.sc-ds-select:not(.ds-select__0apwgA-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__0apwgA-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__0apwgA-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-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__0apwgA-custom--has-icon.sc-ds-select .ds-select__0apwgA-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__0apwgA-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__0apwgA-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__0apwgA-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__0apwgA-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__0apwgA-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__0apwgA-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__0apwgA-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__0apwgA-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__0apwgA-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__0apwgA-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__0apwgA-custom__clear-button.sc-ds-select:has(button:focus){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 * 2)}.ds-select__0apwgA-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__0apwgA-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-default);background-color:var(--ds-bgColor-white)}.ds-select__0apwgA-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__0apwgA-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__0apwgA-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__0apwgA-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__0apwgA-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__0apwgA-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__0apwgA-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__0apwgA-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__0apwgA-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__0apwgA-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}"}},[838,"ds-select",{dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsPlaceholder:[1,"ds-placeholder"],dsVariant:[1,"ds-variant"],dsClearable:[4,"ds-clearable"],dsDisabled:[4,"ds-disabled"],dsErrorText:[1,"ds-error-text"],dsIcon:[1,"ds-icon"],dsIconSize:[1,"ds-icon-size"],dsValue:[1,"ds-value"],dsLoading:[4,"ds-loading"],dsLoadingText:[1,"ds-loading-text"],dsOptionsError:[4,"ds-options-error"],dsOptionsErrorTitle:[1,"ds-options-error-title"],dsOptionsErrorText:[1,"ds-options-error-text"],dsFullWidth:[4,"ds-full-width"],dsRequired:[4,"ds-required"],dsAriaLabel:[1,"ds-aria-label"],value:[32],activeOption:[32],selectedOptions:[32],selectedOptionsLabel:[32],isOpen:[32],activeIndex:[32],hasFocus:[32],clearButtonRef:[32],iconRef:[32],badgeRef:[32],badgeContainerOffset:[32],feedback:[32],setDisableEventEmits:[64],checkValidity:[64],getSelectedOption:[64],getSelectedOptions:[64]},[[0,"dsEsc","handleEscEvent"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{activeIndex:[{activeIndexObserver:0}],clearButtonRef:[{clearButtonRefObserver:0}],badgeRef:[{clearButtonRefObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],selectedOptions:[{selectedOptionsObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{optionsMessagePropertyObserver:0}],dsOptionsError:[{optionsMessagePropertyObserver:0}]}]);function W(){"undefined"!=typeof customElements&&["ds-select","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-options","ds-select-native","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-select":customElements.get(a(s))||customElements.define(a(s),B);break;case"ds-assistive-text":customElements.get(a(s))||S();break;case"ds-button":customElements.get(a(s))||I();break;case"ds-control-label":customElements.get(a(s))||$();break;case"ds-feedback":customElements.get(a(s))||F();break;case"ds-icon":customElements.get(a(s))||L();break;case"ds-input-validity":customElements.get(a(s))||T();break;case"ds-options":customElements.get(a(s))||D();break;case"ds-select-native":customElements.get(a(s))||R();break;case"ds-spinner":customElements.get(a(s))||j();break;case"ds-visually-hidden":customElements.get(a(s))||z()}}))}u([o("ds-select-native",null),o("ds-icon",{dsName:""}),o("ds-input-validity",null),o("ds-button",null),o("ds-options",null),o("ds-control-label",null),o("ds-feedback",null)]);export{B as D,W as d}

package/dist/components/p-BFGp9viB.js

@@ -0,0 +1 @@
+import{p as s,H as e,c as i,h as t,t as d}from"./p-BSJ7lj7t.js";import{t as a,d as l}from"./p-C_0dwn2_.js";import{c as r}from"./p-B7wRJvcQ.js";import{b as n,c as o,d as h,e as c,v as u}from"./p-CmQIGox1.js";import{h as m,p,a as f,l as b,k as v}from"./p-D5kcLjDg.js";import{d as g}from"./p-D69IOXFO.js";import{d as x}from"./p-DnFcDWE2.js";import{d as y}from"./p-CwBmE_wt.js";import{d as k}from"./p-BZbGKMFO.js";import{d as D}from"./p-DBDtYogU.js";import{d as V}from"./p-CATYercs.js";import{d as I}from"./p-DMUyIQhi.js";import{d as T}from"./p-DxdSlbeq.js";import{d as F}from"./p-D1avxCgt.js";const E=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsChange=i(this,"dsChange",7),this.dsValidity=i(this,"dsValidity",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsBlur=i(this,"dsBlur",7),this.dsFocus=i(this,"dsFocus",7)}get el(){return this}dsAriaDescribedby;dsAriaControls;dsId;dsLabel="";dsValue;dsName;dsForm;dsDisabled=!1;dsReadonly=!1;dsErrorText;dsRequired=!1;dsOptional;dsOptionalText;dsAssistiveText;dsHiddenAssistiveText;dsPlaceholder;dsMin;dsMax;dsDisabledDates;dsChange;dsValidity;dsSubmitInvalid;dsBlur;dsFocus;selectedDate="";hasFocus=!1;internalErrorText="";wasInvalidOnBlur=!1;inputValue=null;textInputRef;inputRef;get validityText(){return this.dsErrorText||this.internalErrorText||""}get DsControlLabel(){return a("ds-control-label","ds-datepicker-simple",this.el)}get DsInputValidityTag(){return a("ds-input-validity","ds-datepicker-simple",this.el)}get DsTextInputTag(){return a("ds-text-input","ds-datepicker-simple",this.el)}componentWillLoad(){this.selectedDate=this.dsValue||""}componentDidLoad(){this.inputRef=this.textInputRef?.querySelector("input")??void 0,this.inputRef?.addEventListener("keydown",m)}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const e=s&&"relatedTarget"in s?s.relatedTarget:null;if(!e||!this.el.contains(e)){this.hasFocus=!1;const{isValid:s,flag:e,message:i}=this.validateInputValue();if(this.wasInvalidOnBlur=!s,s&&this.inputRef){const s=this.inputRef.value.trim();if(s){const e=p(s);e&&e!==this.selectedDate&&(this.selectedDate=e,this.dsChange.emit(e))}else this.selectedDate&&(this.selectedDate="",this.dsChange.emit(""));this.inputValue=null}this.internalErrorText=i,this.dsValidity.emit({flag:e,message:i})}}hasFocusObserver(s){(s?this.dsFocus:this.dsBlur).emit()}dsValueObserver(s){this.selectedDate=s||""}validateInputValue=()=>{if(!this.inputRef)return{isValid:!0,flag:"valid",message:""};const s=this.inputRef.value.trim();if(!s&&this.dsRequired)return{isValid:!1,flag:"valueMissing",message:n()};if(!s)return{isValid:!0,flag:"valid",message:""};const e=p(s);if(!e)return{isValid:!1,flag:"badInput",message:o()};const i=f(e);if(!i)return{isValid:!1,flag:"badInput",message:o()};if(this.dsMin){const s=f(this.dsMin);if(s&&i<s)return{isValid:!1,flag:"rangeUnderflow",message:h()}}if(this.dsMax){const s=f(this.dsMax);if(s&&i>s)return{isValid:!1,flag:"rangeOverflow",message:c()}}return this.dsDisabledDates?.includes(e)?{isValid:!1,flag:"customError",message:b()}:{isValid:!0,flag:"valid",message:""}};handleInputChange=s=>{const e=s.detail.value;if(this.inputValue=e,e.trim()){if(this.wasInvalidOnBlur){const{isValid:s,flag:i,message:t}=this.validateInputValue();if(s){const s=p(e);s&&(this.selectedDate=s,this.internalErrorText="",this.wasInvalidOnBlur=!1,this.dsChange.emit(s))}this.dsValidity.emit({flag:i,message:t})}}else this.dsRequired||!this.selectedDate&&!this.internalErrorText||(this.selectedDate="",this.internalErrorText="",this.wasInvalidOnBlur=!1,this.dsChange.emit(""),this.dsValidity.emit({flag:"valid",message:""}))};getValidityMessage(){if(!this.inputRef)return"";if(this.selectedDate){const s=f(this.selectedDate);if(!s)return"";if(this.dsMin){const e=f(this.dsMin);if(e&&s<e)return h()}if(this.dsMax){const e=f(this.dsMax);if(e&&s>e)return c()}if(this.dsDisabledDates?.includes(this.selectedDate))return b()}const s=this.inputRef.validity;for(const e in s)if("valid"!==e&&s[e])return u(e);return""}handleValidityEvent(s){return e=>{e.stopPropagation();const i=this.getValidityMessage();s.emit({flag:"customError",message:i})}}render(){const s=r("ds-datepicker-simple"),e=this.dsAssistiveText?`${this.dsId}-assistive`:void 0,i=this.dsHiddenAssistiveText?`${this.dsId}-hidden-assistive`:void 0,d=this.validityText?`${this.dsId}-validity`:void 0,a=this.dsAriaDescribedby||void 0;return t("div",{key:"7dc2427c91737f02119af169aeb6b8116cee7cbf"},t(this.DsControlLabel,{key:"4d6a5c2f37a0ce6385969519d10ba506b91aee39",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:e,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:i},t("slot",{key:"a14b07013bc60e5b120b73f71770dc4279b74b11",name:"label"})),t("div",{key:"0a080aa69517b842d14c46d56539aee2dee8546b",class:s},t(this.DsTextInputTag,{key:"0afdd46a1fbd380b76827035fc7afcb3e5690cc7",ref:s=>this.textInputRef=s,dsId:this.dsId,dsName:this.dsName,dsForm:this.dsForm,dsDisabled:this.dsDisabled,dsReadonly:this.dsReadonly,dsRequired:this.dsRequired,dsValue:this.inputValue??v(this.selectedDate),dsPlaceholder:this.dsPlaceholder,dsInvalid:!!this.validityText,dsFullWidth:!0,dsAriaDescribedby:[a,e,i,d].filter(Boolean).join(" ")||void 0,onDsInput:this.handleInputChange,onDsChange:s=>s.stopPropagation(),onDsValidity:this.handleValidityEvent(this.dsValidity),onDsSubmitInvalid:this.handleValidityEvent(this.dsSubmitInvalid)})),this.validityText&&t(this.DsInputValidityTag,{key:"7d59b9a478f1eabce050f7c8df1870bf520e281d",id:d,dsText:this.validityText,dsType:"error"}))}static get watchers(){return{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-datepicker-simple *.sc-ds-datepicker-simple{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-simple-h{display:inline-block;width:18rem}.sc-ds-datepicker-simple-h>div.sc-ds-datepicker-simple{display:flex;flex-direction:column;position:relative}.ds-datepicker-simple__0apwgA.sc-ds-datepicker-simple{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}"}},[774,"ds-datepicker-simple",{dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],dsId:[1,"ds-id"],dsLabel:[1,"ds-label"],dsValue:[1,"ds-value"],dsName:[1,"ds-name"],dsForm:[1,"ds-form"],dsDisabled:[4,"ds-disabled"],dsReadonly:[4,"ds-readonly"],dsErrorText:[1,"ds-error-text"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsPlaceholder:[1,"ds-placeholder"],dsMin:[1,"ds-min"],dsMax:[1,"ds-max"],dsDisabledDates:[16],selectedDate:[32],hasFocus:[32],internalErrorText:[32],wasInvalidOnBlur:[32],inputValue:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}]}]);function O(){"undefined"!=typeof customElements&&["ds-datepicker-simple","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-spinner","ds-text-input","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-datepicker-simple":customElements.get(d(s))||customElements.define(d(s),E);break;case"ds-assistive-text":customElements.get(d(s))||g();break;case"ds-button":customElements.get(d(s))||x();break;case"ds-control-label":customElements.get(d(s))||y();break;case"ds-feedback":customElements.get(d(s))||k();break;case"ds-icon":customElements.get(d(s))||D();break;case"ds-input-validity":customElements.get(d(s))||V();break;case"ds-spinner":customElements.get(d(s))||I();break;case"ds-text-input":customElements.get(d(s))||T();break;case"ds-visually-hidden":customElements.get(d(s))||F()}}))}l([t("ds-control-label",null),t("ds-input-validity",null),t("ds-text-input",null)]);export{E as D,O as d}