@uh-design-system/component-library 1.6.0 → 1.7.0-rc.0

package/dist/components/ds-step-content-base.js

@@ -0,0 +1 @@
+import{D as o,d as s}from"./p-ffNgKCwI.js";const f=o,p=s;export{f as DsStepContentBase,p as defineCustomElement}

package/dist/components/ds-step-content.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsStepContent extends Components.DsStepContent, HTMLElement {}
+export const DsStepContent: {
+    prototype: DsStepContent;
+    new (): DsStepContent;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ds-step-content.js

@@ -0,0 +1 @@
+import{p as t,M as e,h as s,t as n}from"./p-CzSzVfDu.js";import{c as d}from"./p-CVitC9tk.js";import{s as i}from"./p-BVq8toSD.js";import{t as r,d as o}from"./p-Duz7I_DQ.js";import{g as a}from"./p-DfjAeLrH.js";import{d as c}from"./p-ffNgKCwI.js";import{d as l}from"./p-Eh5Ce9Mh.js";const u=t(class extends(e(d("ds-step-content"),i)){constructor(t){super(!1),!1!==t&&this.__registerHost()}get el(){return this}dsHeading="";dsFullWidth=!1;get DsStepContentBase(){return r("ds-step-content-base","ds-step-content",this.el)}get ordinal(){return this.context?.ordinal??1}get orientation(){return this.context?.orientation??"vertical"}get phase(){return this.context?.phase??"static"}get stepCompleted(){switch(a()){case"fi":return"(vaihe suoritettu)";case"sv":return"(steg slutfört)";default:return"(step completed)"}}get isCompleted(){return"complete"===this.phase}get isVertical(){return"vertical"===this.orientation}get headingColour(){return"incomplete"===this.phase?"var(--ds-textColor-secondary)":"var(--ds-textColor-default)"}render(){return s(this.DsStepContentBase,{key:"307466ac884abff2e2860aae11e6ce236d5344b0",dsOrientation:this.orientation,dsHeading:this.dsHeading,dsHeadingColour:this.headingColour,dsOrdinal:this.ordinal,dsFullWidth:this.dsFullWidth,dsHiddenAssistiveText:this.isCompleted?this.stepCompleted:void 0,dsAriaCurrent:"current"===this.phase?"step":void 0},s("slot",{key:"8cb2226ff31aad295d0cc7499b75e1bd43149f1d",name:"heading",slot:"heading"}),s("slot",{key:"4f2d80c4ddfe7879079f007d052a71aad7f2cedb",name:"content",slot:"content"}))}static get style(){return".sc-ds-step-content-h{display:contents}"}},[774,"ds-step-content",{dsHeading:[1,"ds-heading"],dsFullWidth:[4,"ds-full-width"],context:[32]}]);o([s("ds-step-content-base",null)]);const p=u,h=function(){"undefined"!=typeof customElements&&["ds-step-content","ds-step-content-base","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-step-content":customElements.get(n(t))||customElements.define(n(t),u);break;case"ds-step-content-base":customElements.get(n(t))||c();break;case"ds-visually-hidden":customElements.get(n(t))||l()}}))};export{p as DsStepContent,h as defineCustomElement}

package/dist/components/ds-step.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsStep extends Components.DsStep, HTMLElement {}
+export const DsStep: {
+    prototype: DsStep;
+    new (): DsStep;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ds-step.js

@@ -0,0 +1 @@
+import{p as t,M as s,h as e,d,t as i}from"./p-CzSzVfDu.js";import{c as a}from"./p-CVitC9tk.js";import{t as n,d as o}from"./p-Duz7I_DQ.js";import{s as r,p as c}from"./p-CvP13Jla.js";import{c as l,C as p}from"./p-DK2s8FrF.js";import{d as h}from"./p-C04z0x2X.js";const f=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)}},m=t(class extends(s(a("ds-step"),f)){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:"9343852bcdb6f739259ad61ba394db7cad2462f7",role:"listitem"},e(this.DsStepBase,{key:"7f0691a155739762fd9a798024946b7ed7023b6c",dsOrientation:this.resolvedOrientation,dsFullWidth:this.dsFullWidth},e("slot",{key:"f5014bd51c19af8eb9e57600dcf8bd814e4c33ff",name:"bullet"}),e("slot",{key:"4f87280400f455f724d2cc6dddffefe9aa5ccf53",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((t=>{switch(t){case"ds-step":customElements.get(i(t))||customElements.define(i(t),m);break;case"ds-step-base":customElements.get(i(t))||h()}}))};export{u as DsStep,b as defineCustomElement}

package/dist/components/ds-steps.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsSteps extends Components.DsSteps, HTMLElement {}
+export const DsSteps: {
+    prototype: DsSteps;
+    new (): DsSteps;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ds-steps.js

@@ -0,0 +1 @@
+import{p as s,M as t,h as e,d as o,t as i}from"./p-CzSzVfDu.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-BpJtDd1D.js";import{c as d}from"./p-CVitC9tk.js";import{s as a,p as c}from"./p-DK2s8FrF.js";const l=s(class extends(t(d("ds-steps"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsOrientation="vertical";createContext=()=>({orientation:this.dsOrientation});storeContext=()=>{a(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:"3607f477d5cb05de497036610fb33c4cbde4d675",role:"list",class:t},e("slot",{key:"2812a57c0e4bda2061fd4ba2cd476e3b1fe17c76"}))}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__oJU1eo.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__oJU1eo--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-Cv2PYOCe.js";import{d as t,i as n,s as u,g as r}from"./p-BAYm7BfF.js";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsLanguageChange=a(this,"dsLanguageChange",7)}dsLanguage=t;dsLanguageChange;componentWillLoad(){n({language:this.dsLanguage})}dsLanguageObserver(s){u(s),this.dsLanguageChange.emit(s)}async setLanguage(s){this.dsLanguage=s,u(s)}async getLanguage(){return r()}static get watchers(){return{dsLanguage:[{dsLanguageObserver:0}]}}},[512,"ds-store",{dsLanguage:[1537,"ds-language"],setLanguage:[64],getLanguage:[64]},void 0,{dsLanguage:[{dsLanguageObserver:0}]}]),d=o,c=function(){"undefined"!=typeof customElements&&["ds-store"].forEach((s=>{"ds-store"===s&&(customElements.get(g(s))||customElements.define(g(s),o))}))};export{d as DsStore,c as defineCustomElement}
+import{p as s,H as e,c as a,t as g}from"./p-CzSzVfDu.js";import{d as t,i as n,s as u,g as r}from"./p-DfjAeLrH.js";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsLanguageChange=a(this,"dsLanguageChange",7)}dsLanguage=t;dsLanguageChange;componentWillLoad(){n({language:this.dsLanguage})}dsLanguageObserver(s){u(s),this.dsLanguageChange.emit(s)}async setLanguage(s){this.dsLanguage=s,u(s)}async getLanguage(){return r()}static get watchers(){return{dsLanguage:[{dsLanguageObserver:0}]}}},[512,"ds-store",{dsLanguage:[1537,"ds-language"],setLanguage:[64],getLanguage:[64]},void 0,{dsLanguage:[{dsLanguageObserver:0}]}]),d=o,L=function(){"undefined"!=typeof customElements&&["ds-store"].forEach((s=>{"ds-store"===s&&(customElements.get(g(s))||customElements.define(g(s),o))}))};export{d as DsStore,L as defineCustomElement}

package/dist/components/ds-tab.js

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

package/dist/components/ds-tablist.js

@@ -1 +1 @@
-import{p as t,M as s,c as a,h as r,t as i}from"./p-Cv2PYOCe.js";import{c as e}from"./p-BfTCfPZ1.js";import{c as d}from"./p-DbKQKHjm.js";import{t as o,q as l,a as n,d as b}from"./p-Duz7I_DQ.js";import{t as c}from"./p-D0sPlQo8.js";import{c as h}from"./p-Bej22O64.js";import{d as _}from"./p-CxfjVVp7.js";import{d as u}from"./p-BymKWxPG.js";import{d as m}from"./p-CaR99ugr.js";import{d as f}from"./p-DP1d5SqS.js";import{d as p}from"./p-B8BEbYVk.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:r}=t;this.showBackwardButton=s>0,this.showForwardButton=Math.round(s+r)<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,r=this.forwardButtonElement&&!this.forwardButtonElement.hidden?this.forwardButtonElement.offsetWidth:0,{left:i,right:e}=this.scrollableElement.getBoundingClientRect(),{left:d,right:o}=s.getBoundingClientRect();let l=this.scrollableElement.scrollLeft;d<i+a+16?l-=i+a+16-d:o>e-r-16&&(l+=o-(e-r-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)),r=s?a.indexOf(s):-1;if(-1===r)return;let i=0;switch(t.key){case"Home":break;case"Enter":case" ":if(this.context?.currentTab===a[r].dsId)return;return void this.dsTabChange.emit({tabId:a[r].dsId,tabPanelId:a[r].dsTabPanelId});case"ArrowRight":i=(r+1)%a.length;break;case"ArrowLeft":i=(r-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 r(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 r("div",{key:"60e6cb85c51ff3d3c228c0b5bdd9d6ed643fa386",class:t},r("div",{key:"e7cc8adee51bb770139dfde2576ee34c334f2166",ref:t=>this.scrollableElement=t,class:e(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},r("slot",{key:"0308d59773042cd2af9287f564a3bc1529222d62"})),r("div",{key:"7351051ed214b0b79087c16be908a26c5ff6263d",ref:t=>this.backwardButtonElement=t,class:e(a,a+"--backward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showBackwardButton},this.renderButton("backward")),r("div",{key:"203b45f676a3ee6fbac0251ae02cb8ea23418fb2",ref:t=>this.forwardButtonElement=t,class:e(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__WN0Emr.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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__scrollable.sc-ds-tablist:focus,.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button--backward.sc-ds-tablist{left:0}.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button--forward.sc-ds-tablist{right:0}.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button--container.ds-tablist__WN0Emr__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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button--container.ds-tablist__WN0Emr__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__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__button[hidden].sc-ds-tablist{display:none}.ds-tablist__WN0Emr.sc-ds-tablist .ds-tablist__WN0Emr__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([r("ds-tab",{dsId:"",dsTabPanelId:""}),r("ds-button",null)]);const E=v,W=function(){"undefined"!=typeof customElements&&["ds-tablist","ds-button","ds-icon","ds-spinner","ds-tab","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-tablist":customElements.get(i(t))||customElements.define(i(t),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))||m();break;case"ds-tab":customElements.get(i(t))||f();break;case"ds-visually-hidden":customElements.get(i(t))||p()}}))};export{E as DsTablist,W as defineCustomElement}
+import{p as t,M as s,c as a,h as e,t as o}from"./p-CzSzVfDu.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as r}from"./p-BpJtDd1D.js";import{t as d,q as l,a as n,d as b}from"./p-Duz7I_DQ.js";import{t as c}from"./p-D0sPlQo8.js";import{c as h}from"./p-CVitC9tk.js";import{d as _}from"./p-BoDGKrXH.js";import{d as u}from"./p-agL9TGQL.js";import{d as f}from"./p-d05qtkKx.js";import{d as p}from"./p-BrJfNSxl.js";import{d as m}from"./p-Eh5Ce9Mh.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 d("ds-tab","ds-tablist",this.el)}get DsButton(){return d("ds-button","ds-tablist",this.el)}setButtonsVisibility=t=>{if(!t)return;const{scrollLeft:s,scrollWidth:a,clientWidth:e}=t;this.showBackwardButton=s>0,this.showForwardButton=Math.round(s+e)<a};throttledSetButtonsVisibility=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:o,right:i}=this.scrollableElement.getBoundingClientRect(),{left:r,right:d}=s.getBoundingClientRect();let l=this.scrollableElement.scrollLeft;r<o+a+16?l-=o+a+16-r:d>i-e-16&&(l+=d-(i-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 o=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":o=(e+1)%a.length;break;case"ArrowLeft":o=(e-1+a.length)%a.length;break;case"End":o=a.length-1;break;default:return}t.preventDefault(),t.stopPropagation(),a[o].setFocus()};handleScroll=t=>{this.setButtonsVisibility(t.target)};handleButtonClick=t=>{if(!this.scrollableElement)return;const s=.8*this.scrollableElement.clientWidth;this.scrollableElement.scrollTo({left:"backward"===t?this.scrollableElement.scrollLeft-s:this.scrollableElement.scrollLeft+s,behavior:"smooth"})};connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDown)}componentDidLoad(){this.setButtonsVisibility(this.scrollableElement)}disconnectedCallback(){super.disconnectedCallback(),this.el.removeEventListener("keydown",this.handleKeyDown)}renderButton=t=>{const s=r("ds-tablist");return e(this.DsButton,{class:s+"__button__ds-button",onClick:()=>this.handleButtonClick(t),dsAriaHidden:!0,dsTabIndex:-1,dsVariant:"supplementary",dsColour:"black",dsIcon:"backward"===t?"chevron_backward":"chevron_forward"})};render(){const t=r("ds-tablist"),s=t+"__scrollable",a=t+"__button";return e("div",{key:"60e6cb85c51ff3d3c228c0b5bdd9d6ed643fa386",class:t},e("div",{key:"e7cc8adee51bb770139dfde2576ee34c334f2166",ref:t=>this.scrollableElement=t,class:i(s,{[s+"--container"]:"container"===this.context?.variant,[s+"--line"]:"line"===this.context?.variant}),role:"tablist",...n("aria-label",this.dsAriaLabel),...n("aria-labelledby",this.dsAriaLabelledby),onScroll:this.handleScroll},e("slot",{key:"0308d59773042cd2af9287f564a3bc1529222d62"})),e("div",{key:"7351051ed214b0b79087c16be908a26c5ff6263d",ref:t=>this.backwardButtonElement=t,class:i(a,a+"--backward",{[a+"--container"]:"container"===this.context?.variant,[a+"--line"]:"line"===this.context?.variant}),"aria-hidden":"true",hidden:!this.showBackwardButton},this.renderButton("backward")),e("div",{key:"203b45f676a3ee6fbac0251ae02cb8ea23418fb2",ref:t=>this.forwardButtonElement=t,class:i(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__oJU1eo.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__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__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__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__scrollable.sc-ds-tablist:focus,.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__scrollable.sc-ds-tablist:focus-visible,.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__scrollable.sc-ds-tablist:-moz-focusring{outline:none;box-shadow:none}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__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__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__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__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button.sc-ds-tablist{position:absolute;top:0;bottom:0;display:flex;aspect-ratio:1;justify-content:center;align-items:center}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button--backward.sc-ds-tablist{left:0}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button--forward.sc-ds-tablist{right:0}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button--container.sc-ds-tablist{border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-neutralLight)}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__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__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button--container.ds-tablist__oJU1eo__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__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button--container.ds-tablist__oJU1eo__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__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__button[hidden].sc-ds-tablist{display:none}.ds-tablist__oJU1eo.sc-ds-tablist .ds-tablist__oJU1eo__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(o(t))||customElements.define(o(t),v);break;case"ds-button":customElements.get(o(t))||_();break;case"ds-icon":customElements.get(o(t))||u();break;case"ds-spinner":customElements.get(o(t))||f();break;case"ds-tab":customElements.get(o(t))||p();break;case"ds-visually-hidden":customElements.get(o(t))||m()}}))};export{g as DsTablist,k 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-Cv2PYOCe.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as n}from"./p-DbKQKHjm.js";import{t as r}from"./p-D0sPlQo8.js";import{c as i}from"./p-Bej22O64.js";const l=d(class extends(a(i("ds-tabpanel"),r)){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:"c69bf6f708992fe08bebd4ad8535bc6f48d46166",id:this.dsId,class:t(d,{[d+"--container"]:"container"===this.context?.variant,[d+"--padded"]:this.dsPadded}),role:"tabpanel",hidden:this.context?.currentTabPanel!==this.dsId,"aria-labelledby":this.dsTabId},s("slot",{key:"091708ead106bcfb48cfeeac6f4162608b48e325"}))}static get style(){return".ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__WN0Emr.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__WN0Emr--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__WN0Emr--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__WN0Emr--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__WN0Emr--container.ds-tabpanel__WN0Emr--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__WN0Emr--container.ds-tabpanel__WN0Emr--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__WN0Emr[hidden].sc-ds-tabpanel{display:none}"}},[774,"ds-tabpanel",{dsId:[1,"ds-id"],dsTabId:[1,"ds-tab-id"],dsPadded:[4,"ds-padded"],context:[32]}]),o=l,p=function(){"undefined"!=typeof customElements&&["ds-tabpanel"].forEach((d=>{"ds-tabpanel"===d&&(customElements.get(e(d))||customElements.define(e(d),l))}))};export{o as DsTabpanel,p as defineCustomElement}
+import{p as d,M as a,h as s,t as e}from"./p-CzSzVfDu.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as n}from"./p-BpJtDd1D.js";import{t as o}from"./p-D0sPlQo8.js";import{c as i}from"./p-CVitC9tk.js";const l=d(class extends(a(i("ds-tabpanel"),o)){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:"dcf4aec45a790b7fc0443f43f4221b4c47ed103f",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:"d4bc7bb63c68c58289536e3acf15d754aa228a93"}))}static get style(){return".ds-no-style-leak.sc-ds-tabpanel *.sc-ds-tabpanel{all:unset;box-sizing:border-box;display:block}.ds-tabpanel__oJU1eo.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__oJU1eo--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__oJU1eo--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__oJU1eo--padded.sc-ds-tabpanel{padding-block-start:var(--ds-spacing-medium)}}.ds-tabpanel__oJU1eo--container.ds-tabpanel__oJU1eo--padded.sc-ds-tabpanel{padding:var(--ds-spacing-small)}@media (min-width: 60rem){.ds-tabpanel__oJU1eo--container.ds-tabpanel__oJU1eo--padded.sc-ds-tabpanel{padding:var(--ds-spacing-medium)}}.ds-tabpanel__oJU1eo[hidden].sc-ds-tabpanel{display:none}"}},[774,"ds-tabpanel",{dsId:[1,"ds-id"],dsTabId:[1,"ds-tab-id"],dsPadded:[4,"ds-padded"],context:[32]}]),r=l,p=function(){"undefined"!=typeof customElements&&["ds-tabpanel"].forEach((d=>{"ds-tabpanel"===d&&(customElements.get(e(d))||customElements.define(e(d),l))}))};export{r as DsTabpanel,p 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-Cv2PYOCe.js";import{c as n}from"./p-DbKQKHjm.js";import{s as r,p as o}from"./p-DFqTeO7_.js";import{c as d}from"./p-Bej22O64.js";const i=s(class extends(t(d("ds-tabs",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsCurrentTab;dsCurrentTabPanel;dsVariant="container";handleDsTabChange(s){s.stopPropagation()}createContext=()=>({currentTab:this.dsCurrentTab,currentTabPanel:this.dsCurrentTabPanel,variant:this.dsVariant});storeContext=()=>{const s=this.createContext();r(this.el,s)};updateContext=()=>{const s=this.createContext();o(this.el,s)};componentWillLoad(){this.storeContext()}componentDidLoad(){this.componentMounted()}componentDidUpdate(){this.updateContext()}render(){const s=n("ds-tabs");return a("div",{key:"9ac888e3f6040c0f96795aa315848345b44338b0",class:s},a("slot",{key:"6a920af35a3df205d0e9aef5f843eca4e0ddb716"}))}static get style(){return".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__WN0Emr.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}
+import{p as t,M as s,h as a,t as e}from"./p-CzSzVfDu.js";import{c as n}from"./p-BpJtDd1D.js";import{s as o,p as r}from"./p-DFqTeO7_.js";import{c as d}from"./p-CVitC9tk.js";const i=t(class extends(s(d("ds-tabs",{stopRootTracking:!0}))){constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsCurrentTab;dsCurrentTabPanel;dsVariant="container";handleDsTabChange(t){t.stopPropagation()}createContext=()=>({currentTab:this.dsCurrentTab,currentTabPanel:this.dsCurrentTabPanel,variant:this.dsVariant});storeContext=()=>{const t=this.createContext();o(this.el,t)};updateContext=()=>{const t=this.createContext();r(this.el,t)};componentWillLoad(){this.storeContext()}componentDidLoad(){this.componentMounted()}componentDidUpdate(){this.updateContext()}render(){const t=n("ds-tabs");return a("div",{key:"1dfca6a95ef337cc22b26d16cb6addea05c2a719",class:t},a("slot",{key:"bdd5ed48472cb41d43fcfe0252a23344144a1973"}))}static get style(){return".ds-no-style-leak.sc-ds-tabs *.sc-ds-tabs{all:unset;box-sizing:border-box;display:block}.ds-tabs__oJU1eo.sc-ds-tabs{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}"}},[774,"ds-tabs",{dsCurrentTab:[1,"ds-current-tab"],dsCurrentTabPanel:[1,"ds-current-tab-panel"],dsVariant:[1,"ds-variant"]},[[0,"dsTabChange","handleDsTabChange"]]]),c=i,b=function(){"undefined"!=typeof customElements&&["ds-tabs"].forEach((t=>{"ds-tabs"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))};export{c as DsTabs,b 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-Cv2PYOCe.js";import{t as i,a as d,d as r}from"./p-Duz7I_DQ.js";import{c as o}from"./p-DbKQKHjm.js";import{i as l,a as c}from"./p-5l5qZ1Ad.js";import{c as p}from"./p-Bej22O64.js";import{d as b}from"./p-Iq-0L3iz.js";import{d as n}from"./p-Cm4N0DR5.js";const m=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:"10a9f91d8129b8f46d636d3283890afc24e91401",class:s,role:"group",...d("aria-label",this.dsAriaLabel||a||this.dsLabel),...d("aria-describedby",l),...r},t(e,{key:"c040bfa3abd76bcfaa5994ff7b1c57d36e2b5ef7",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},t("slot",{key:"8311510a194bb1c833e5ca9c5554f5ce92794d2b",name:"label"}),t("slot",{key:"9a3184d168ba1c0708276e25eab91c4cf84c40f9",name:"assistiveText"})),t("div",{key:"3127eee23cbbee234ab952de0bf7dfbe5f512290",role:"list",class:s+"__tags"},t("slot",{key:"250ac2c8e31205bb22f92640d1b0ab51689dd081"})))}static get style(){return".ds-tag-group__WN0Emr__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 g=m,u=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),m);break;case"ds-assistive-text":customElements.get(a(s))||b();break;case"ds-group-label":customElements.get(a(s))||n()}}))};export{g as DsTagGroup,u as defineCustomElement}
+import{p as s,M as t,h as a,t as e}from"./p-CzSzVfDu.js";import{t as i,a as d,d as o}from"./p-Duz7I_DQ.js";import{c as r}from"./p-BpJtDd1D.js";import{i as l,a as c}from"./p-5l5qZ1Ad.js";import{c as p}from"./p-CVitC9tk.js";import{d as n}from"./p-BL2MRHnX.js";import{d as b}from"./p-_o77ycEf.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=r("ds-tag-group"),t=i("ds-group-label","ds-tag-group",this.el),{"aria-label":e,...o}=this.inheritedAttributes,l=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return a("div",{key:"814c6933edb740b3b5f2a130423c6d7fc5121a66",class:s,role:"group",...d("aria-label",this.dsAriaLabel||e||this.dsLabel),...d("aria-describedby",l),...o},a(t,{key:"b7b4d3c1fa85819f60d177110378c5ae221abc63",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},a("slot",{key:"c3f497a2d42d1a7a660effe44f72e731dd009845",name:"label"}),a("slot",{key:"d60c04c54023eb9492a9fcbe106c4dd2f76dc079",name:"assistiveText"})),a("div",{key:"7926f67c71662ba042ef76bf59fc777ccf0b35bc",role:"list",class:s+"__tags"},a("slot",{key:"fd842061010b6ca450729f44f496c6a17cd46f54"})))}static get style(){return".ds-tag-group__oJU1eo__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}"}},[774,"ds-tag-group",{dsLabel:[1,"ds-label"],dsAriaLabel:[1,"ds-aria-label"],dsAssistiveText:[1,"ds-assistive-text"]}]);o([a("ds-group-label",null)]);const 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-B4G-bQ6X.js";const p=o,r=s;export{p as DsTag,r as defineCustomElement}
+import{D as o,d as s}from"./p-B7L5Dq2v.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-Cv2PYOCe.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-D03QT4AQ.js";import{k as b,p as m,t as v,a as u,d as f}from"./p-Duz7I_DQ.js";import{i as g,a as p}from"./p-5l5qZ1Ad.js";import{c as y}from"./p-DbKQKHjm.js";import{c as W}from"./p-Bej22O64.js";import{d as E}from"./p-Iq-0L3iz.js";import{d as N}from"./p-Co_ywIby.js";import{d as C}from"./p-DLWWm__k.js";import{d as k}from"./p-BymKWxPG.js";import{d as w}from"./p-CNjnYumR.js";import{d as T}from"./p-B8BEbYVk.js";const z=e(class extends(t(W("ds-text-area",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=a(this,"dsChange",7),this.dsInput=a(this,"dsInput",7),this.dsSubmitInvalid=a(this,"dsSubmitInvalid",7),this.dsValidity=a(this,"dsValidity",7)}inheritedAttributes={};textareaElement;get el(){return this}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=this.getUniqueId();dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";get assistiveTextId(){return this.dsId+"-assistive-text"}get visuallyHiddenAssistiveTextId(){return this.dsId+"-visually-hidden-assistive-text"}get errorTextId(){return this.dsId+"-error-text"}get successTextId(){return this.dsId+"-success-text"}async setFocus(){const e=this.el.querySelector("textarea");e?.focus()}async checkValidity(){const e=this.el.querySelector("textarea");return e?.checkValidity()}async clearTextarea(){this.internalValue="";const e=this.el.querySelector("textarea");e&&(e.value="")}internalValueObserver(e){this.characterCount=e.length,this.validateCharacterCount(this.characterCount)}valueObserver(e){this.internalValue=e||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(e,t,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:e},s(this)}componentWillLoad(){this.inheritedAttributes={...p(this,this.el,["id"]),...g(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}),m);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 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=y("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,m=this.dsAriaDescribedby||_;return r(i,{key:"8379acbe317cbc6dbcf396c61d652e79ce76baac",class:o(d,{[d+"--full-width"]:this.dsFullWidth})},r(t,{key:"7056dd1140e130f5e58cb3247fbf7f1e1071b927",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},r("slot",{key:"bc99bfe69236ebb51a2d2513e0b4b25ce1758d99",name:"label"}),r("slot",{key:"21b433e11665789c03762665c947a2f61bee9f27",name:"assistiveText"})),r("div",{key:"161a1ddfbee320bb6364d7dbf2180f4ed4414573",class:o(s+"__field-wrapper",{[s+"__field-wrapper--full-width"]:this.dsFullWidth})},r("div",{key:"469b03e54904727d4eca40a96565121f309d5848",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class: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:"fc7ef04350e0ed52387ace9b89c83743b9b0b8d3",ref:e=>this.textareaElement=e,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:this.dsValue??this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class: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",m||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:"1240d2f821b7138c1aedff907a44e547995596df",class:o(s+"__validity-container",{[s+"__validity-container--has-character-limit"]:!!this.dsCharacterLimit})},r("slot",{key:"59f38b187e813f4744aa9a40040d77baa7263c6d",name:"validity"},r(e,{key:"c68a14d9b3398e7bc7fcf7c7208347eb8c865142",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"},!!this.dsCharacterLimit&&r(a,{key:"3204b7cda1a04c4d980f27037e9036d9f18808f7",dsTag:"span"},this.hiddenCharacterCountText)),r(e,{key:"b1b3b261382f33f3b7e8d4d2915ce31c2c877d3e",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsAriaLive:"polite"})),this.dsCharacterLimit&&r("div",{key:"7d6f6100b90aab2976f47168cb71033a26e9b834",class:o(s+"__character-count",{[s+"__character-count--over-limit"]:this.characterCount>this.dsCharacterLimit})},r("small",{key:"56763f551f9566d42bd4e04b6cece86c3c72507d"},this.characterCount,"/",this.dsCharacterLimit)))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.ds-text-area__WN0Emr__host.sc-ds-text-area-h{display:inline-block}.ds-text-area__WN0Emr__host--full-width.sc-ds-text-area-h{width:100%}.ds-text-area__WN0Emr.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__WN0Emr__field-wrapper.sc-ds-text-area{display:inline-grid;grid-template-columns:min-content}.ds-text-area__WN0Emr__field-wrapper--full-width.sc-ds-text-area{display:grid;width:100%;grid-template-columns:1fr}.ds-text-area__WN0Emr__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__WN0Emr__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__WN0Emr__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__WN0Emr__container.ds-text-area__WN0Emr__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid.ds-text-area__WN0Emr__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__WN0Emr__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__WN0Emr__container--valid.sc-ds-text-area:hover:not(.ds-text-area__WN0Emr__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__WN0Emr__container--valid.ds-text-area__WN0Emr__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__WN0Emr__container--readonly.sc-ds-text-area,.ds-text-area__WN0Emr__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__WN0Emr__container.sc-ds-text-area:focus-within:not(.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--valid.sc-ds-text-area,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__WN0Emr__container.sc-ds-text-area:hover:not(.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--disabled,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--readonly.sc-ds-text-area,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--active.sc-ds-text-area,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid.sc-ds-text-area,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--valid.sc-ds-text-area,.ds-text-area__WN0Emr__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__WN0Emr__container.active.sc-ds-text-area:not(.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--disabled,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--readonly.sc-ds-text-area,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--invalid.sc-ds-text-area,.ds-text-area__WN0Emr__container.ds-text-area__WN0Emr__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__WN0Emr__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__WN0Emr__external-button.sc-ds-text-area{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__WN0Emr .ds-text-area__WN0Emr.sc-ds-text-area-s>[slot=suffix],.ds-text-area__WN0Emr .ds-text-area__WN0Emr .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__WN0Emr__validity-container.sc-ds-text-area{align-items:center;font-size:var(--ds-fontSize-14)}.ds-text-area__WN0Emr__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__WN0Emr__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__WN0Emr__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__WN0Emr.sc-ds-text-area .ds-text-area__WN0Emr__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__WN0Emr__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__WN0Emr__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__WN0Emr__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-text-area__WN0Emr__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__WN0Emr__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__WN0Emr__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__WN0Emr__textarea--resize-auto.sc-ds-text-area,.ds-text-area__WN0Emr__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__WN0Emr__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__WN0Emr__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__WN0Emr__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__WN0Emr__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 A=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))||E();break;case"ds-control-label":customElements.get(d(e))||N();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{A as DsTextArea,L as defineCustomElement}
+import{p as e,M as t,c as a,f as s,h as r,d as i,t as d}from"./p-CzSzVfDu.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-BQCTbDKt.js";import{k as b,p as v,t as u,a as f,d as m}from"./p-Duz7I_DQ.js";import{i as p,a as g}from"./p-5l5qZ1Ad.js";import{c as y}from"./p-BpJtDd1D.js";import{c as J}from"./p-CVitC9tk.js";import{d as U}from"./p-BL2MRHnX.js";import{d as C}from"./p-W4STsZvo.js";import{d as k}from"./p-B-SEppo4.js";import{d as w}from"./p-agL9TGQL.js";import{d as T}from"./p-5yjoyGFT.js";import{d as z}from"./p-Eh5Ce9Mh.js";const A=e(class extends(t(J("ds-text-area",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsChange=a(this,"dsChange",7),this.dsInput=a(this,"dsInput",7),this.dsSubmitInvalid=a(this,"dsSubmitInvalid",7),this.dsValidity=a(this,"dsValidity",7)}inheritedAttributes={};textareaElement;get el(){return this}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=this.getUniqueId();dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";get assistiveTextId(){return this.dsId+"-assistive-text"}get visuallyHiddenAssistiveTextId(){return this.dsId+"-visually-hidden-assistive-text"}get errorTextId(){return this.dsId+"-error-text"}get successTextId(){return this.dsId+"-success-text"}async setFocus(){const e=this.el.querySelector("textarea");e?.focus()}async checkValidity(){const e=this.el.querySelector("textarea");return e?.checkValidity()}async clearTextarea(){this.internalValue="";const e=this.el.querySelector("textarea");e&&(e.value="")}internalValueObserver(e){this.characterCount=e.length,this.validateCharacterCount(this.characterCount)}valueObserver(e){this.internalValue=e||"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(e,t,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:e},s(this)}componentWillLoad(){this.inheritedAttributes={...g(this,this.el,["id"]),...p(this.el,["aria-invalid"])},this.internalValue=this.dsValue||"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.componentMounted(),this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=b((e=>{this.hiddenCharacterCountText=e}),v);validateCharacterCount=e=>{this.dsCharacterLimit&&(e>this.dsCharacterLimit?(this.setHiddenCharacterCountText(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 t in e)if(e[t]){this.wasInvalidOnBlur="valid"!==t,this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInvalid=e=>{e.preventDefault();const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsSubmitInvalid.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInput=e=>{if(this.internalValue=e.target.value,this.dsInput.emit({event:e,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText||this.wasInvalidOnBlur){const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsValidity.emit({flag:t,message:this.getValidityMessage(t)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=u("ds-input-validity","ds-text-area",this.el),t=u("ds-control-label","ds-text-area",this.el),a=u("ds-visually-hidden","ds-text-area",this.el),s=y("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,v=this.dsAriaDescribedby||_;return r(i,{key:"8379acbe317cbc6dbcf396c61d652e79ce76baac",class:o(d,{[d+"--full-width"]:this.dsFullWidth})},r(t,{key:"7056dd1140e130f5e58cb3247fbf7f1e1071b927",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},r("slot",{key:"bc99bfe69236ebb51a2d2513e0b4b25ce1758d99",name:"label"}),r("slot",{key:"21b433e11665789c03762665c947a2f61bee9f27",name:"assistiveText"})),r("div",{key:"161a1ddfbee320bb6364d7dbf2180f4ed4414573",class:o(s+"__field-wrapper",{[s+"__field-wrapper--full-width"]:this.dsFullWidth})},r("div",{key:"469b03e54904727d4eca40a96565121f309d5848",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class: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:"fc7ef04350e0ed52387ace9b89c83743b9b0b8d3",ref:e=>this.textareaElement=e,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:this.dsValue??this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:o(s+"__textarea",`${s}__textarea--resize-${this.dsResizing}`,{[s+"__textarea--full-width"]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...f("aria-label",x),...f("aria-labelledby",b),...f("aria-describedby",v||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:"1240d2f821b7138c1aedff907a44e547995596df",class:o(s+"__validity-container",{[s+"__validity-container--has-character-limit"]:!!this.dsCharacterLimit})},r("slot",{key:"59f38b187e813f4744aa9a40040d77baa7263c6d",name:"validity"},r(e,{key:"c68a14d9b3398e7bc7fcf7c7208347eb8c865142",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"},!!this.dsCharacterLimit&&r(a,{key:"3204b7cda1a04c4d980f27037e9036d9f18808f7",dsTag:"span"},this.hiddenCharacterCountText)),r(e,{key:"b1b3b261382f33f3b7e8d4d2915ce31c2c877d3e",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success",dsAriaLive:"polite"})),this.dsCharacterLimit&&r("div",{key:"7d6f6100b90aab2976f47168cb71033a26e9b834",class:o(s+"__character-count",{[s+"__character-count--over-limit"]:this.characterCount>this.dsCharacterLimit})},r("small",{key:"56763f551f9566d42bd4e04b6cece86c3c72507d"},this.characterCount,"/",this.dsCharacterLimit)))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:[{internalValueObserver:0}],dsValue:[{valueObserver:0}],dsCharacterLimit:[{characterLimitObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.ds-text-area__oJU1eo__host.sc-ds-text-area-h{display:inline-block}.ds-text-area__oJU1eo__host--full-width.sc-ds-text-area-h{width:100%}.ds-text-area__oJU1eo.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__oJU1eo__field-wrapper.sc-ds-text-area{display:inline-grid;grid-template-columns:min-content}.ds-text-area__oJU1eo__field-wrapper--full-width.sc-ds-text-area{display:grid;width:100%;grid-template-columns:1fr}.ds-text-area__oJU1eo__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__oJU1eo__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__oJU1eo__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__oJU1eo__container.ds-text-area__oJU1eo__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid.ds-text-area__oJU1eo__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__oJU1eo__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__oJU1eo__container--valid.sc-ds-text-area:hover:not(.ds-text-area__oJU1eo__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__oJU1eo__container--valid.ds-text-area__oJU1eo__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__oJU1eo__container--readonly.sc-ds-text-area,.ds-text-area__oJU1eo__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__oJU1eo__container.sc-ds-text-area:focus-within:not(.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid,.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--valid.sc-ds-text-area,.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__oJU1eo__container.sc-ds-text-area:hover:not(.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--disabled,.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--readonly.sc-ds-text-area,.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--active.sc-ds-text-area,.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid.sc-ds-text-area,.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--valid.sc-ds-text-area,.ds-text-area__oJU1eo__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__oJU1eo__container.active.sc-ds-text-area:not(.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--disabled,.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--readonly.sc-ds-text-area,.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--invalid.sc-ds-text-area,.ds-text-area__oJU1eo__container.ds-text-area__oJU1eo__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__oJU1eo__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__oJU1eo__external-button.sc-ds-text-area{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__oJU1eo .ds-text-area__oJU1eo.sc-ds-text-area-s>[slot=suffix],.ds-text-area__oJU1eo .ds-text-area__oJU1eo .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__oJU1eo__validity-container.sc-ds-text-area{align-items:center;font-size:var(--ds-fontSize-14)}.ds-text-area__oJU1eo__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__oJU1eo__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__oJU1eo__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__oJU1eo.sc-ds-text-area .ds-text-area__oJU1eo__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__oJU1eo__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__oJU1eo__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__oJU1eo__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-text-area__oJU1eo__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__oJU1eo__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__oJU1eo__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__oJU1eo__textarea--resize-auto.sc-ds-text-area,.ds-text-area__oJU1eo__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__oJU1eo__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__oJU1eo__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__oJU1eo__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__oJU1eo__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}]}]);m([r("ds-input-validity",null),r("ds-visually-hidden",null),r("ds-control-label",null)]);const L=A,O=function(){"undefined"!=typeof customElements&&["ds-text-area","ds-assistive-text","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-text-area":customElements.get(d(e))||customElements.define(d(e),A);break;case"ds-assistive-text":customElements.get(d(e))||U();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))||w();break;case"ds-input-validity":customElements.get(d(e))||T();break;case"ds-visually-hidden":customElements.get(d(e))||z()}}))};export{L as DsTextArea,O as defineCustomElement}

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

@@ -1 +1 @@
-import{D as s,d as o}from"./p-D7Yejsdm.js";const m=s,p=o;export{m as DsTextInput,p as defineCustomElement}
+import{D as s,d as o}from"./p-D9aGsG2U.js";const a=s,p=o;export{a as DsTextInput,p 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-Cv2PYOCe.js";import{c as d}from"./p-Bej22O64.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:"01a17de5ff97c88c7372b001d209257b41bad085"},t("slot",{key:"cf67702fa89cc7ad4e850c02a0526918a7b976cd"}))}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-CzSzVfDu.js";import{c as d}from"./p-CVitC9tk.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:"073fc07139a422a28f16f86841d00f4e6c8ed0d3"},t("slot",{key:"6a0d9a6837188dcf321315fcc2db1beeed8f2a7d"}))}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-B8BEbYVk.js";const p=o,r=s;export{p as DsVisuallyHidden,r as defineCustomElement}
+import{D as o,d as s}from"./p-Eh5Ce9Mh.js";const p=o,r=s;export{p as DsVisuallyHidden,r 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-Cv2PYOCe.js";export{a as appData}from"./p-gPkqWfeS.js";export{c as componentOnReady,i as injectMatomoScript}from"./p-Duz7I_DQ.js";export{c as calculatePaginationPages}from"./p-Dqis4_cn.js";
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-CzSzVfDu.js";export{a as appData}from"./p-gPkqWfeS.js";export{c as componentOnReady,i as injectMatomoScript}from"./p-Duz7I_DQ.js";export{c as calculatePaginationPages}from"./p-CFZ9T9Ec.js";

package/dist/components/p-4YHZ9oU6.js

@@ -0,0 +1 @@
+import{p as s,H as e,c as i,h as t,t as d}from"./p-CzSzVfDu.js";import{t as a,d as l}from"./p-Duz7I_DQ.js";import{c as r}from"./p-BpJtDd1D.js";import{b as n,c as o,d as h,e as c,v as u}from"./p-BQCTbDKt.js";import{h as m,p,a as f,l as b,k as v}from"./p-BtZL64ui.js";import{d as g}from"./p-BL2MRHnX.js";import{d as y}from"./p-BoDGKrXH.js";import{d as x}from"./p-W4STsZvo.js";import{d as k}from"./p-B-SEppo4.js";import{d as V}from"./p-agL9TGQL.js";import{d as D}from"./p-5yjoyGFT.js";import{d as T}from"./p-d05qtkKx.js";import{d as I}from"./p-D9aGsG2U.js";import{d as E}from"./p-Eh5Ce9Mh.js";const F=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:"373c32690d8fee31f5ab6e51ae3031eb62eaf2a3"},t(this.DsControlLabel,{key:"3b4955ab73606e5256f09d20d0fb749d2fdbe7f7",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:"4b21ccaa7cf52648136b9208e0324b0d796cbc8c",name:"label"})),t("div",{key:"e9607a5c7383087743f81b49dde499b83732ff17",class:s},t(this.DsTextInputTag,{key:"6a470db20b702027069db2844ee549ce78dee81b",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:"8f2e9e843812b3cc86c1e52373b7d27642e742ba",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__oJU1eo.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),F);break;case"ds-assistive-text":customElements.get(d(s))||g();break;case"ds-button":customElements.get(d(s))||y();break;case"ds-control-label":customElements.get(d(s))||x();break;case"ds-feedback":customElements.get(d(s))||k();break;case"ds-icon":customElements.get(d(s))||V();break;case"ds-input-validity":customElements.get(d(s))||D();break;case"ds-spinner":customElements.get(d(s))||T();break;case"ds-text-input":customElements.get(d(s))||I();break;case"ds-visually-hidden":customElements.get(d(s))||E()}}))}l([t("ds-control-label",null),t("ds-input-validity",null),t("ds-text-input",null)]);export{F as D,O as d}

package/dist/components/p-5yjoyGFT.js

@@ -0,0 +1 @@
+import{p as s,M as i,f as e,h as t,t as a}from"./p-CzSzVfDu.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as d,d as o}from"./p-Duz7I_DQ.js";import{c}from"./p-BpJtDd1D.js";import{a as n,i as l}from"./p-5l5qZ1Ad.js";import{a as u,d as p}from"./p-agL9TGQL.js";import{c as m}from"./p-CVitC9tk.js";import{d as h}from"./p-B-SEppo4.js";import{d as v}from"./p-Eh5Ce9Mh.js";const f=s(class extends(i(m("ds-input-validity"),u)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}inheritedAttributes={};dsText;dsType="error";dsRole="none";dsAriaLive="assertive";dsAriaAtomic="true";dsHasFeedback=!0;identifier;get DsIcon(){return d("ds-icon","ds-input-validity",this.el)}get DsFeedback(){return d("ds-feedback","ds-input-validity",this.el)}ariaAttributeObserver(s,i,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},e(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...l(this.el),...n(this,this.el)}}componentDidLoad(){this.identifier=this.el.getAttribute("id")||void 0,this.el.removeAttribute("id")}render(){const s=c("ds-input-validity"),i=r(s,{[`${s}--error`]:"error"===this.dsType,[`${s}--success`]:"success"===this.dsType}),e="success"===this.dsType?"check_circle_fill":"warning_fill",a="success"===this.dsType?"ds-iconColor-success":"ds-iconColor-danger",d=this.dsHasFeedback?this.DsFeedback:"div",{role:o,"aria-live":n,"aria-atomic":l,...u}=this.inheritedAttributes,p=void 0!==this.dsRole&&"none"!==this.dsRole?this.dsRole:o;return t(d,{key:"324c032b1302ca15d78d5f1078b0b15f68498b09",...this.dsHasFeedback?{dsRole:p,dsAriaLive:n||this.dsAriaLive,dsAriaAtomic:l||this.dsAriaAtomic}:{role:p},...u},t("slot",{key:"3b1ae8081527981c53e4e267efc9794a65a3a720"}),this.dsText&&t("div",{key:"8112419cd909a3d02aaf93d8087d4a5902ec1951",class:i},t(this.DsIcon,{key:"bdd1c7c63358cdbf2d247d027a680e1bd43e7548",class:"ds-input-validity__icon",dsColour:a,dsName:e}),t("small",{key:"42f695c48d23755d49bd3e69596855e6b9c45487",id:this.identifier},this.dsText)))}static get watchers(){return{role:[{ariaAttributeObserver:0}],"aria-live":[{ariaAttributeObserver:0}],"aria-atomic":[{ariaAttributeObserver:0}]}}static get style(){return".ds-input-validity__oJU1eo{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity__oJU1eo--error{color:var(--ds-textColor-danger)}.ds-input-validity__oJU1eo--success{color:var(--ds-textColor-success)}.ds-input-validity__oJU1eo__icon{display:block;height:1.5rem}.ds-input-validity__oJU1eo small{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}"}},[772,"ds-input-validity",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsText:[1,"ds-text"],dsType:[1,"ds-type"],dsRole:[1,"ds-role"],dsAriaLive:[1,"ds-aria-live"],dsAriaAtomic:[1,"ds-aria-atomic"],dsHasFeedback:[4,"ds-has-feedback"],identifier:[32]},void 0,{role:[{ariaAttributeObserver:0}],"aria-live":[{ariaAttributeObserver:0}],"aria-atomic":[{ariaAttributeObserver:0}]}]);function b(){"undefined"!=typeof customElements&&["ds-input-validity","ds-feedback","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-input-validity":customElements.get(a(s))||customElements.define(a(s),f);break;case"ds-feedback":customElements.get(a(s))||h();break;case"ds-icon":customElements.get(a(s))||p();break;case"ds-visually-hidden":customElements.get(a(s))||v()}}))}o([t("ds-icon",{dsName:""}),t("ds-feedback",null)]);export{f as D,b as d}

package/dist/components/p-B-SEppo4.js

@@ -0,0 +1 @@
+import{p as s,H as e,h as d,F as t,t as i}from"./p-CzSzVfDu.js";import{t as a,a as r,d as o}from"./p-Duz7I_DQ.js";import{d as l}from"./p-Eh5Ce9Mh.js";const n=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsTag="div";dsRole;dsAriaLive="polite";dsAriaAtomic=!1;dsSrOnly=!1;dsSrOnlyTag="div";get DsVisuallyHidden(){return a("ds-visually-hidden","ds-feedback",this.el)}componentWillRender(){const s="Please provide either dsRole or dsAriaLive property";this.dsRole&&this.dsAriaLive?console.warn(`ds-feedback: ${s}. The dsAriaLive property is defined by default.`):this.dsRole||this.dsAriaLive||console.warn(`ds-feedback: ${s}.`)}render(){const s=this.dsSrOnly?this.DsVisuallyHidden:t,e=this.dsSrOnly?{dsTag:this.dsSrOnlyTag}:{};return d(this.dsTag,{key:"794338430f0e0e5341c1eee25eadf098d059eff3",...r("role",this.dsRole),...r("aria-live",this.dsAriaLive),...r("aria-atomic",this.dsAriaAtomic?"true":void 0)},d(s,{key:"15285f38ad7a6439ecbd1515010c0eb608bdebcc",...e},d("slot",{key:"933b521fd4434e65a69f10d8a1a8f6edc28a58d3"})))}static get style(){return".sc-ds-feedback-h{display:contents}"}},[774,"ds-feedback",{dsTag:[1,"ds-tag"],dsRole:[1,"ds-role"],dsAriaLive:[1,"ds-aria-live"],dsAriaAtomic:[4,"ds-aria-atomic"],dsSrOnly:[4,"ds-sr-only"],dsSrOnlyTag:[1,"ds-sr-only-tag"]}]);function c(){"undefined"!=typeof customElements&&["ds-feedback","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-feedback":customElements.get(i(s))||customElements.define(i(s),n);break;case"ds-visually-hidden":customElements.get(i(s))||l()}}))}o([d("ds-visually-hidden",null)]);export{n as D,c as d}

package/dist/components/p-B7L5Dq2v.js

@@ -0,0 +1 @@
+import{p as o,M as s,h as a,t}from"./p-CzSzVfDu.js";import{c as e}from"./p-BfTCfPZ1.js";import{t as d,o as r,d as i}from"./p-Duz7I_DQ.js";import{c as l}from"./p-BpJtDd1D.js";import{i as n,a as _}from"./p-5l5qZ1Ad.js";import{c}from"./p-CVitC9tk.js";import{d as g}from"./p-agL9TGQL.js";import{d as h}from"./p-C6oq4vmn.js";import{d as b}from"./p-Eh5Ce9Mh.js";const v=o(class extends(s(c("ds-tag"))){constructor(o){super(),!1!==o&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsText="Label";dsIcon="";dsIconPosition="start";dsDownload;dsTarget;dsHref;dsColour="default";dsRole;dsAriaHidden;componentWillLoad(){this.inheritedAttributes={..._(this,this.el),...n(this.el)}}componentDidLoad(){this.componentMounted()}render(){const o=l("ds-tag"),s=e(o,`${o}--${this.dsColour}`,{[`${o}--link`]:!!this.dsHref}),t=d("ds-icon","ds-tag",this.el),i=d("ds-link","ds-tag",this.el),n=this.dsAriaHidden??!this.dsHref,_=this.dsRole??this.inheritedAttributes.role,c=r(this.inheritedAttributes,["aria-hidden","role"]);return a("div",{key:"4aa78d59d29a7b02c38feafd8803267ca4d44e45",class:s,...c,"aria-hidden":n,role:_},a("slot",{key:"5c22591ea524e20192e9cf2a729f14fd2ab4caf6",name:"prefix"},!this.dsHref&&this.dsIcon&&"start"===this.dsIconPosition?a(t,{dsName:this.dsIcon,dsSize:"1rem"}):null),a("slot",{key:"f78a5568a25bce3e234538525eb97c8a1c936040"},this.dsHref?a(i,{class:`${o}__link`,dsText:this.dsText,dsHref:this.dsHref,dsTarget:this.dsTarget,dsDownload:this.dsDownload,dsColour:"black"===this.dsColour?"white":"black",dsSize:"small",dsWeight:"semibold"}):a("span",{class:`${o}__text`},this.dsText)),a("slot",{key:"503a2cfcacf654d3f5f218197232610523e476b4",name:"suffix"},!this.dsHref&&this.dsIcon&&"end"===this.dsIconPosition?a(t,{dsName:this.dsIcon,dsSize:"1rem"}):null))}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}.ds-tag__oJU1eo{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-tag__oJU1eo: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-tag__oJU1eo: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-tag__oJU1eo{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__oJU1eo.ds-tag__oJU1eo--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__oJU1eo.ds-tag__oJU1eo--default:has(.ds-tag__oJU1eo__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__oJU1eo.ds-tag__oJU1eo--default:has(.ds-tag__oJU1eo__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__oJU1eo.ds-tag__oJU1eo--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__oJU1eo.ds-tag__oJU1eo--black:has(.ds-tag__oJU1eo__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__oJU1eo.ds-tag__oJU1eo--black:has(.ds-tag__oJU1eo__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__oJU1eo.ds-tag__oJU1eo--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__oJU1eo.ds-tag__oJU1eo--white:has(.ds-tag__oJU1eo__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__oJU1eo.ds-tag__oJU1eo--white:has(.ds-tag__oJU1eo__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__oJU1eo.ds-tag__oJU1eo--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__oJU1eo.ds-tag__oJU1eo--info:has(.ds-tag__oJU1eo__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__oJU1eo.ds-tag__oJU1eo--info:has(.ds-tag__oJU1eo__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__oJU1eo.ds-tag__oJU1eo--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__oJU1eo.ds-tag__oJU1eo--danger:has(.ds-tag__oJU1eo__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__oJU1eo.ds-tag__oJU1eo--danger:has(.ds-tag__oJU1eo__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__oJU1eo.ds-tag__oJU1eo--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__oJU1eo.ds-tag__oJU1eo--attention:has(.ds-tag__oJU1eo__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__oJU1eo.ds-tag__oJU1eo--attention:has(.ds-tag__oJU1eo__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__oJU1eo.ds-tag__oJU1eo--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__oJU1eo.ds-tag__oJU1eo--success:has(.ds-tag__oJU1eo__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__oJU1eo.ds-tag__oJU1eo--success:has(.ds-tag__oJU1eo__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__oJU1eo__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__oJU1eo__link{display:contents}.ds-tag__oJU1eo__link a:focus-visible{box-shadow:none !important;outline:none !important;outline-offset:unset !important}"}},[772,"ds-tag",{dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsDownload:[4,"ds-download"],dsTarget:[1,"ds-target"],dsHref:[1,"ds-href"],dsColour:[1,"ds-colour"],dsRole:[1,"ds-role"],dsAriaHidden:[4,"ds-aria-hidden"]}]);function u(){"undefined"!=typeof customElements&&["ds-tag","ds-icon","ds-link","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-tag":customElements.get(t(o))||customElements.define(t(o),v);break;case"ds-icon":customElements.get(t(o))||g();break;case"ds-link":customElements.get(t(o))||h();break;case"ds-visually-hidden":customElements.get(t(o))||b()}}))}i([a("ds-icon",{dsName:""}),a("ds-link",{dsText:""})]);export{v as D,u as d}

package/dist/components/p-BL2MRHnX.js

@@ -0,0 +1 @@
+import{p as s,M as t,h as e,t as i}from"./p-CzSzVfDu.js";import{c as d}from"./p-BpJtDd1D.js";import{c as a}from"./p-CVitC9tk.js";const o=s(class extends(t(a("ds-assistive-text"))){constructor(s){super(),!1!==s&&this.__registerHost()}dsId=this.getUniqueId();dsText;render(){const s=d("ds-assistive-text");return e("small",{key:"ba85b2fc87005e39d53eb7837dd0ed5700327e26",class:s,id:this.dsId},e("slot",{key:"b0c0381c3d0c369c53d40ed8164530e68074cc58"},this.dsText))}static get style(){return".ds-assistive-text__oJU1eo.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}"}},[774,"ds-assistive-text",{dsId:[1,"ds-id"],dsText:[1,"ds-text"]}]);function r(){"undefined"!=typeof customElements&&["ds-assistive-text"].forEach((s=>{"ds-assistive-text"===s&&(customElements.get(i(s))||customElements.define(i(s),o))}))}export{o as D,r as d}

package/dist/components/p-BQCTbDKt.js

@@ -0,0 +1 @@
+import{g as e}from"./p-DfjAeLrH.js";const t=()=>{switch(e()){case"fi":return"Täytä tämä kenttä.";case"sv":return"Fyll i det här fältet.";default:return"Fill in this field."}},a=()=>{switch(e()){case"fi":return"Lyhennä tekstiä.";case"sv":return"Förkorta texten.";default:return"Shorten your text."}},r=()=>{switch(e()){case"fi":return"Syötä suurempi arvo.";case"sv":return"Ange ett större värde.";default:return"Enter a larger value."}},s=()=>{switch(e()){case"fi":return"Syötä pienempi arvo.";case"sv":return"Ange ett mindre värde.";default:return"Enter a smaller value."}},n=()=>{switch(e()){case"fi":return"Anna kelvollinen arvo.";case"sv":return"Ange ett giltigt värde.";default:return"Enter a valid value."}},i=(i,u)=>{switch(i){case"valueMissing":return t();case"typeMismatch":return(t=>{if("email"===t?.type)return(()=>{switch(e()){case"fi":return"Syötä sähköpostiosoite oikeassa muodossa (esim. nimi@helsinki.fi).";case"sv":return"Ange e-postadressen i rätt format (t.ex. namn@helsinki.fi).";default:return"Enter the email address in the correct format (e.g. name@helsinki.fi)."}})();if("url"===t?.type)return(()=>{switch(e()){case"fi":return"Syötä verkkosivun osoite oikeassa muodossa (esim. https://helsinki.fi).";case"sv":return"Ange webbadressen i rätt formatet (t.ex. https://helsinki.fi).";default:return"Enter the web address in the correct format (e.g. https://helsinki.fi)."}})();switch(e()){case"fi":return"Syötä arvo oikeassa muodossa.";case"sv":return"Ange värdet i rätt format.";default:return"Enter a value in the correct format."}})(u);case"patternMismatch":return(()=>{switch(e()){case"fi":return"Syötä arvo vaaditussa muodossa.";case"sv":return"Ange värdet i det angivna formatet.";default:return"Match the requested format."}})();case"tooLong":return a();case"tooShort":return(()=>{switch(e()){case"fi":return"Pidennä tekstiä.";case"sv":return"Förläng texten.";default:return"Lengthen your text."}})();case"rangeUnderflow":return r();case"rangeOverflow":return s();case"stepMismatch":return(()=>{switch(e()){case"fi":return"Syötä sallittu arvo.";case"sv":return"Ange ett tillåtet värde.";default:return"Enter an allowed value."}})();case"badInput":return n();default:return""}},u=(t,a)=>{let r="(optional)";switch(e()){case"fi":r="(valinnainen)";break;case"sv":r="(valfritt)"}return[t,a||r].join(" ")},l=e=>[e,"*"].join(" "),c=()=>{switch(e()){case"fi":return"Valitse vähintään yksi vaihtoehto.";case"sv":return"Välj minst ett alternativ.";default:return"Select at least one option."}},o=()=>{switch(e()){case"fi":return"Valitse kaikki vaihtoehdot.";case"sv":return"Välj alla alternativ.";default:return"Select all options."}},f=(t=!1)=>{let a="";switch(e()){case"fi":a="poista valinta";break;case"sv":a="ta bort val";break;default:a="remove selection"}return t?a[0].toUpperCase()+a.substring(1):a},v=()=>{switch(e()){case"fi":return"Emme voineet ladata vaihtoehtoja.";case"sv":return"Vi kunde inte ladda alternativen.";default:return"We could not load options."}},h=()=>{switch(e()){case"fi":return"Yritä uudelleen tai jos ongelma jatkuu, ota yhteyttä ylläpitoon.";case"sv":return"Försök igen eller om problemet kvarstår, kontakta supporten.";default:return"Try again or if the problem persists, contact support."}},d=()=>{switch(e()){case"fi":return"Ladataan vaihtoehtoja...";case"sv":return"Laddar alternativ...";default:return"Loading options..."}},m=()=>{switch(e()){case"fi":return"Kirjoita tai valitse...";case"sv":return"Sök eller välj...";default:return"Search or select..."}},k=t=>{switch(e()){case"fi":return t?`Ei tuloksia haulle "${t}".`:"Ei tuloksia.";case"sv":return t?`Inga resultat för sökningen "${t}".`:"Inga resultat.";default:return t?`No results found for "${t}".`:"No results found."}},w=()=>{switch(e()){case"fi":return"Kokeile toista hakusanaa.";case"sv":return"Prova ett annat sökord.";default:return"Try a different search term."}},p=()=>{switch(e()){case"fi":return"Vaihtoehtoja on selattavissa.";case"sv":return"Det finns alternativ att bläddra i.";default:return"There are options to browse."}},g=t=>{switch(e()){case"fi":return`${t} merkkiä liian pitkä.`;case"sv":return`${t} tecken för mycket.`;default:return`${t} characters too many.`}},y=t=>{switch(e()){case"fi":return`${t} merkkiä jäljellä.`;case"sv":return`${t} tecken kvar.`;default:return`${t} characters remaining.`}},$=t=>{switch(e()){case"fi":return 1===t?`${t} valinta liian vähän.`:`${t} valintaa liian vähän.`;case"sv":return`${t} val för lite.`;default:return 1===t?`${t} item too few.`:`${t} items too few.`}},j=t=>{switch(e()){case"fi":return 1===t?`${t} valinta liikaa.`:`${t} valintaa liikaa.`;case"sv":return`${t} val för många.`;default:return 1===t?`${t} item too many.`:`${t} items too many.`}},S=()=>{switch(e()){case"fi":return"Tyhjennä kenttä";case"sv":return"Rensa fält";default:return"Clear field"}},b=()=>{switch(e()){case"fi":return"Näytä salasana";case"sv":return"Visa lösenord";default:return"Show password"}},A=()=>{switch(e()){case"fi":return"Piilota salasana";case"sv":return"Dölj lösenord";default:return"Hide password"}},E=()=>{switch(e()){case"fi":return"Valitse vaihtoehto";case"sv":return"Välj alternativ";default:return"Select an option"}},V=()=>{switch(e()){case"fi":return"valintaa";case"sv":return"val";default:return"selections"}},x=()=>{switch(e()){case"fi":return"monivalinta";case"sv":return"flerval";default:return"multiselectable"}},L=()=>{switch(e()){case"fi":return"Kolme pistettä";case"sv":return"Tre punkter";default:return"Ellipsis"}};export{g as A,a as B,y as C,u as a,t as b,n as c,r as d,s as e,h as f,l as g,c as h,p as i,V as j,A as k,d as l,x as m,k as n,b as o,S as p,o as q,f as r,E as s,w as t,$ as u,i as v,v as w,j as x,m as y,L as z}

package/dist/components/p-BVq8toSD.js

@@ -0,0 +1 @@
+import{c as t,C as s}from"./p-CvP13Jla.js";const o=o=>class extends o{constructor(){super()}context;contextUpdateHandler=t=>{this.context=t.detail};componentWillLoad(){this.context=t(this.el)||void 0,this.el.addEventListener(s,this.contextUpdateHandler)}disconnectedCallback(){this.el.removeEventListener(s,this.contextUpdateHandler)}};export{o as s}

package/dist/components/p-Ba8Un23d.js

@@ -0,0 +1 @@
+import{c as t}from"./p-DxdbsCEB.js";const s=s=>class extends s{constructor(){super()}context;contextUpdateHandler=t=>{this.context=t.detail};get paginationContext(){return this.context}componentWillLoad(){this.context=t(this.el)||void 0,this.el.addEventListener("dsPaginationContextUpdate",this.contextUpdateHandler)}disconnectedCallback(){this.el.removeEventListener("dsPaginationContextUpdate",this.contextUpdateHandler)}};export{s as p}

package/dist/components/p-BaBy4XyJ.js

@@ -0,0 +1 @@
+import{p as e,M as s,c as o,h as t,d,t as i}from"./p-CzSzVfDu.js";import{c as a}from"./p-BfTCfPZ1.js";import{t as l,d as r}from"./p-Duz7I_DQ.js";import{a as c}from"./p-5l5qZ1Ad.js";import{c as n}from"./p-BpJtDd1D.js";import{a as v,d as _}from"./p-agL9TGQL.js";import{h as b}from"./p-BQCTbDKt.js";import{d as h}from"./p-BL2MRHnX.js";import{d as p}from"./p-W4STsZvo.js";import{d as u}from"./p-B-SEppo4.js";import{d as m}from"./p-5yjoyGFT.js";import{d as g}from"./p-Eh5Ce9Mh.js";const f=e(class extends(s(v)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.dsChange=o(this,"dsChange",7),this.dsValidity=o(this,"dsValidity",7),this.dsSubmitInvalid=o(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:b()}),this.dsValidity.emit({flag:"customError",message:b()})})),e.addEventListener("blur",(()=>{const s=e.validity.valid;this.dsValidity.emit({flag:s?"valid":"customError",message:s?"":b()})}))}ariaAttributeObserver(e,s,o){this.inheritedAttributes={...this.inheritedAttributes,[o]: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?"":b()})}}render(){const e=n("ds-select"),s=`${e}__host`,o=`${e}-native`,i=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 t(d,{key:"f62dd4fa39eb73ee49ecb646a8c64019f3506bb9",class:a(s,{[`${s}--full-width`]:this.dsFullWidth})},t("div",{key:"89bca77b098f8e7af606900fb12443c6c93ee3e6"},(this.dsLabel||_)&&t(i,{key:"cde4f34d8fe52e7a31c38de56e412b93ce144878",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired},t("slot",{key:"b2b44a5ee7704fb8241fc2fc8d2e3ef90c6a8949",name:"label"})),t("div",{key:"31976c1287cb9bcf71a617de303d9a0751882e65",class:a(`${o}`,{[`${o}--disabled`]:this.dsDisabled,[`${o}--invalid`]:!!this.dsErrorText})},t("div",{key:"48576fbf4ca45c2af99687ebabaa574897a8670e",class:`${o}__selected-text`,"aria-hidden":"true"},this.value&&this.nativeSelectRef?.selectedOptions[0]?.textContent||this.dsPlaceholder),t("select",{key:"22cb4d33c218f4d528a0de51dd83e54d47d068ea",ref:e=>{this.nativeSelectRef=e,e&&(e.value=this.value)},id:this.dsId,name:this.dsName,form:this.dsForm,class:`${o}__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},t("option",{key:"abfb86795397dc5e11ec4af32f18fe5045b7cc4b",value:"",disabled:!0,style:{display:this.dsRequired?"none":void 0},selected:!this.value},this.dsPlaceholder),t("slot",{key:"97f39c189efa89e0143a5541e76c57980f2d57b8",name:"native"})),t(this.DsIconTag,{key:"6a70540a731cbe7033b18b1d834e761c211c58d7",class:`${o}__dropdown-icon`,dsName:"keyboard_arrow_down",dsSize:this.dsIconSize})),t(this.DsInputValidityTag,{key:"050e82eec5b8364468db771bd1008a751bec64f9",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__oJU1eo__host.sc-ds-select-native-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__oJU1eo__host.sc-ds-select-native-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__oJU1eo__host.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__oJU1eo__host--full-width.sc-ds-select-native-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__oJU1eo-native.sc-ds-select-native,.ds-select__oJU1eo-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__oJU1eo-native__dropdown-icon.sc-ds-select-native,.ds-select__oJU1eo-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__oJU1eo-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__oJU1eo-custom.sc-ds-select-native .ds-options__oJU1eo.sc-ds-select-native{display:block}.ds-select__oJU1eo-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__oJU1eo-custom-input-container.sc-ds-select-native:has(.ds-select__oJU1eo-custom__clear-button:hover) .ds-select__oJU1eo-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__oJU1eo-custom.sc-ds-select-native:not(.ds-select__oJU1eo-custom--open,.ds-select__oJU1eo-custom--invalid.sc-ds-select-native,.ds-select__oJU1eo-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__oJU1eo-custom.sc-ds-select-native:active:not(.ds-select__oJU1eo-custom--open,.ds-select__oJU1eo-custom--invalid.sc-ds-select-native,.ds-select__oJU1eo-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__oJU1eo-custom--open.sc-ds-select-native,.ds-select__oJU1eo-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__oJU1eo-custom--open.sc-ds-select-native:not(.ds-select__oJU1eo-custom--open--invalid,.ds-select__oJU1eo-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__oJU1eo-custom.sc-ds-select-native:focus-visible:not(.ds-select__oJU1eo-custom--open--invalid,.ds-select__oJU1eo-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__oJU1eo-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__oJU1eo-custom--disabled.sc-ds-select-native .ds-select__oJU1eo-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__oJU1eo-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__oJU1eo-custom--invalid.sc-ds-select-native:not(.ds-select__oJU1eo-custom--invalid--open,.ds-select__oJU1eo-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__oJU1eo-custom--invalid.sc-ds-select-native:not(.ds-select__oJU1eo-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__oJU1eo-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__oJU1eo-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__oJU1eo-custom--has-icon.sc-ds-select-native .ds-select__oJU1eo-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__oJU1eo-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__oJU1eo-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__oJU1eo-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__oJU1eo-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__oJU1eo-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__oJU1eo-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__oJU1eo-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__oJU1eo-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__oJU1eo-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__oJU1eo-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__oJU1eo-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__oJU1eo-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__oJU1eo-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__oJU1eo-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__oJU1eo-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__oJU1eo-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__oJU1eo-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__oJU1eo-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__oJU1eo-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__oJU1eo-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__oJU1eo-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__oJU1eo-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__oJU1eo-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__oJU1eo-native.sc-ds-select-native:not(.ds-select__oJU1eo-native--invalid,.ds-select__oJU1eo-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__oJU1eo-native.sc-ds-select-native:has(.ds-select__oJU1eo-native__select:active):not(.ds-select__oJU1eo-native--invalid,.ds-select__oJU1eo-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__oJU1eo-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__oJU1eo-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__oJU1eo-native--disabled.sc-ds-select-native .ds-select__oJU1eo-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__oJU1eo-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__oJU1eo-native--invalid.sc-ds-select-native:not(.ds-select__oJU1eo-native--invalid--disabled):has(.ds-select__oJU1eo-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__oJU1eo-native--invalid.sc-ds-select-native:not(.ds-select__oJU1eo-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__oJU1eo-native__dropdown-icon.sc-ds-select-native{color:var(--ds-select-selected-option-color, inherit)}.ds-select__oJU1eo-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__oJU1eo-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__oJU1eo-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__oJU1eo-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 x(){"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(i(e))||customElements.define(i(e),f);break;case"ds-assistive-text":customElements.get(i(e))||h();break;case"ds-control-label":customElements.get(i(e))||p();break;case"ds-feedback":customElements.get(i(e))||u();break;case"ds-icon":customElements.get(i(e))||_();break;case"ds-input-validity":customElements.get(i(e))||m();break;case"ds-visually-hidden":customElements.get(i(e))||g()}}))}r([t("ds-icon",{dsName:""}),t("ds-control-label",null),t("ds-input-validity",null)]);export{f as D,x as d}

package/dist/components/p-Bj9P6i7s.js

@@ -0,0 +1 @@
+import{p as e,H as s,c as i,h as t,t as d}from"./p-CzSzVfDu.js";import{c as a}from"./p-BfTCfPZ1.js";import{t as o,d as r}from"./p-Duz7I_DQ.js";import{c as n}from"./p-BpJtDd1D.js";import{v as c}from"./p-BQCTbDKt.js";import{o as l}from"./p-BtZL64ui.js";import{d as v}from"./p-BL2MRHnX.js";import{d as p}from"./p-BoDGKrXH.js";import{d as h}from"./p-W4STsZvo.js";import{d as b}from"./p-B-SEppo4.js";import{d as u}from"./p-agL9TGQL.js";import{d as k}from"./p-5yjoyGFT.js";import{d as _}from"./p-d05qtkKx.js";import{d as m}from"./p-Eh5Ce9Mh.js";const f=e(class extends s{constructor(e){super(),!1!==e&&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}dsChange;dsValidity;dsSubmitInvalid;dsBlur;dsFocus;dsId;dsLabel="";dsValue;dsName;dsForm;dsDisabled=!1;dsReadonly=!1;dsErrorText;dsRequired=!1;dsOptional;dsOptionalText;dsAssistiveText;dsHiddenAssistiveText;dsMin;dsMax;dsShowCalendarIcon=!0;dsAriaDescribedby;dsAriaControls;value="";hasFocus=!1;isOpen=!1;get inputValidityId(){return`${this.dsId}-input-validity`}nativeDateInputRef;get DsInputValidityTag(){return o("ds-input-validity","ds-datepicker-native",this.el)}get DsIconTag(){return o("ds-icon","ds-datepicker-native",this.el)}get DsButtonTag(){return o("ds-button","ds-datepicker-native",this.el)}get supportsShowPicker(){return!!this.nativeDateInputRef&&"function"==typeof this.nativeDateInputRef.showPicker}componentWillLoad(){this.value=this.dsValue||""}componentDidLoad(){this.nativeDateInputRef&&this.nativeDateInputRef.addEventListener("invalid",(e=>{e.preventDefault();const s=this.getValidityMessage();this.dsSubmitInvalid.emit({flag:"customError",message:s}),this.dsValidity.emit({flag:"customError",message:s})}))}handleFocusIn(){this.hasFocus=!0}handleFocusOut(e){const s=e&&"relatedTarget"in e?e.relatedTarget:null;if((!s||!this.el.contains(s))&&(this.hasFocus=!1,this.isOpen=!1,this.nativeDateInputRef)){const e=this.nativeDateInputRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":this.getValidityMessage()})}}hasFocusObserver(e){(e?this.dsFocus:this.dsBlur).emit()}dsValueObserver(e){this.value=e||""}valueObserver(e){if(this.nativeDateInputRef&&(this.nativeDateInputRef.value!==e&&(this.nativeDateInputRef.value=e),this.dsRequired)){const e=this.nativeDateInputRef.validity.valid;this.dsValidity.emit({flag:e?"valid":"customError",message:e?"":this.getValidityMessage()})}}openDatePicker=()=>{if(!this.dsDisabled&&!this.dsReadonly&&this.nativeDateInputRef){if(this.isOpen=!0,this.supportsShowPicker)try{return void this.nativeDateInputRef.showPicker()}catch{}this.nativeDateInputRef.focus(),this.nativeDateInputRef.click()}};handleIconKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.openDatePicker())};getValidityMessage(){if(!this.nativeDateInputRef)return"";const e=this.nativeDateInputRef.validity;for(const s in e)if("valid"!==s&&e[s])return c(s);return""}render(){const e=n("ds-datepicker-native"),s=`${e}__input-container`,i=o("ds-control-label","ds-datepicker-native",this.el),d=this.dsAssistiveText?`${this.dsId}-assistive`:void 0,r=this.dsHiddenAssistiveText?`${this.dsId}-hidden-assistive`:void 0,c=[this.dsAriaDescribedby,d,r,this.dsErrorText?this.inputValidityId:null].filter(Boolean).join(" ")||void 0;return t("div",{key:"64547375f3f38953341f08abcac3f88818308e6d"},t(i,{key:"56b0513bc7f859e7f2ee9c9285444af70688ec29",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:d,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:r},t("slot",{key:"5cce8836ef66ce7500952ddb240bcf8196f890f6",name:"label"})),t("div",{key:"5eb2ea20b1452f9e9a814c06ad8e6906871968c6",class:a(`${e}`,{[`${e}--disabled`]:this.dsDisabled,[`${e}--readonly`]:this.dsReadonly,[`${e}--invalid`]:!!this.dsErrorText})},t("div",{key:"e0fc6ed13c20ee5b134c8d439c2266d53b654a74",class:s},t("input",{key:"0efc0702b90470ce367bc03ed6b2812421538e3b",ref:e=>{this.nativeDateInputRef=e,e&&(e.value=this.value)},id:this.dsId,name:this.dsName,form:this.dsForm,type:"date",class:`${e}__input`,disabled:this.dsDisabled,readonly:this.dsReadonly,required:this.dsRequired,min:this.dsMin,max:this.dsMax,value:this.value,onChange:e=>{const s=e.target;this.value=s.value,this.isOpen=!1,this.dsChange.emit(s.value)},"aria-invalid":this.dsErrorText?"true":"false","aria-describedby":c,"aria-controls":this.dsAriaControls})),this.dsShowCalendarIcon&&t(this.DsButtonTag,{key:"5cd4723dc8f4cd4c0e7136ceaf4af00b36dc42a4",class:`${e}__calendar-icon`,dsVariant:"supplementary",dsColour:"black",dsSize:"small",onClick:this.openDatePicker,onKeyDown:this.handleIconKeyDown,dsDisabled:this.dsDisabled||this.dsReadonly,dsAriaLabel:l(),dsInInput:!0},t(this.DsIconTag,{key:"aa3a6f734b716d43ca8b2c9f1abbe7e0baa55f5d",slot:"prefix",dsName:this.isOpen?"calendar_month_fill":"calendar_month",dsAriaHidden:!0}))),t(this.DsInputValidityTag,{key:"f8aace43f6471b7e43826b50a3f666087b802bbd",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))}static get watchers(){return{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-datepicker-native *.sc-ds-datepicker-native{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-native-h{display:inline-block;width:18rem}.sc-ds-datepicker-native-h>div.sc-ds-datepicker-native{display:flex;flex-direction:column;position:relative}.ds-datepicker-native__oJU1eo__input-container.sc-ds-datepicker-native .ds-datepicker-native__oJU1eo__input.sc-ds-datepicker-native{flex:1;border:none;outline:none;background-color:transparent;color:inherit;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0 var(--ds-spacing-xSmall);min-width:0;width:100%}.ds-datepicker-native__oJU1eo__input-container.sc-ds-datepicker-native .ds-datepicker-native__oJU1eo__input.sc-ds-datepicker-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-datepicker-native__oJU1eo__input-container.sc-ds-datepicker-native .ds-datepicker-native__oJU1eo__input.sc-ds-datepicker-native::-webkit-calendar-picker-indicator{display:none}.ds-datepicker-native__oJU1eo__input-container.sc-ds-datepicker-native .ds-datepicker-native__oJU1eo__input.sc-ds-datepicker-native::-webkit-clear-button{display:none}.ds-datepicker-native__oJU1eo__calendar-icon.sc-ds-datepicker-native{height:100%}.ds-datepicker-native__oJU1eo.sc-ds-datepicker-native{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);box-sizing:border-box;height:2.75rem;width:100%}.ds-datepicker-native__oJU1eo--disabled.sc-ds-datepicker-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-datepicker-native__oJU1eo--readonly.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-datepicker-native__oJU1eo--invalid.sc-ds-datepicker-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__oJU1eo--invalid.sc-ds-datepicker-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__oJU1eo--invalid.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__oJU1eo--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__oJU1eo.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__oJU1eo--disabled,.ds-datepicker-native__oJU1eo--readonly.sc-ds-datepicker-native,.ds-datepicker-native__oJU1eo--invalid.sc-ds-datepicker-native,.ds-datepicker-native__oJU1eo.sc-ds-datepicker-native:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-native__oJU1eo.sc-ds-datepicker-native:focus-within:not(.ds-datepicker-native__oJU1eo--invalid,.ds-datepicker-native__oJU1eo--disabled.sc-ds-datepicker-native,.ds-datepicker-native__oJU1eo--readonly).sc-ds-datepicker-native{border-color:var(--ds-borderColor-primary)}.ds-datepicker-native__oJU1eo.sc-ds-datepicker-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-datepicker-native__oJU1eo.sc-ds-datepicker-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-datepicker-native__oJU1eo.sc-ds-datepicker-native{justify-content:space-between}@supports (-moz-appearance: none){.ds-datepicker-native__oJU1eo__calendar-icon.sc-ds-datepicker-native{display:none !important}}.ds-datepicker-native__oJU1eo__input-container.sc-ds-datepicker-native{width:100% !important}@supports (-webkit-touch-callout: none){.ds-datepicker-native__oJU1eo__input-container.sc-ds-datepicker-native .ds-datepicker-native__oJU1eo__input.sc-ds-datepicker-native{position:absolute;inset:0;line-height:var(--ds-fontSize-36);z-index:1}}"}},[774,"ds-datepicker-native",{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"],dsMin:[1,"ds-min"],dsMax:[1,"ds-max"],dsShowCalendarIcon:[4,"ds-show-calendar-icon"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],value:[32],hasFocus:[32],isOpen:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{hasFocus:[{hasFocusObserver:0}],dsValue:[{dsValueObserver:0}],value:[{valueObserver:0}]}]);function y(){"undefined"!=typeof customElements&&["ds-datepicker-native","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-spinner","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-datepicker-native":customElements.get(d(e))||customElements.define(d(e),f);break;case"ds-assistive-text":customElements.get(d(e))||v();break;case"ds-button":customElements.get(d(e))||p();break;case"ds-control-label":customElements.get(d(e))||h();break;case"ds-feedback":customElements.get(d(e))||b();break;case"ds-icon":customElements.get(d(e))||u();break;case"ds-input-validity":customElements.get(d(e))||k();break;case"ds-spinner":customElements.get(d(e))||_();break;case"ds-visually-hidden":customElements.get(d(e))||m()}}))}r([t("ds-icon",{dsName:""}),t("ds-control-label",null),t("ds-input-validity",null),t("ds-button",null)]);export{f as D,y as d}