npm - @uh-design-system/component-library - Versions diffs - 1.1.0 → 1.2.0-rc.0 - Mend

@uh-design-system/component-library 1.1.0 → 1.2.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1671) hide show

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

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

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

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

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

	@@ -1 +1 @@
1	- import{h as s,r as a,d as t}from"./index~~--5QqO1gx~~.js";import{d as e,i,t as d,a as r}from"./utils-C1bsmWWB.js";import{c as l}from"./cx~~-NzJNIgFY~~.js";import{a as o,i as b}from"./attributes-BbTh8gdl.js";const g=i("ds-tag-group"),c=class{constructor(s){a(this,s)}tagGroupId=g.next().value;assistiveTextId=`${this.tagGroupId}-assistive-text`;inheritedAttributes={};get el(){return t(this)}dsLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...b(this,this.el),...o(this.el,["aria-describedby"])}}render(){const a=l("ds-tag-group"),t=d("ds-group-label","ds-tag-group",this.el),{"aria-label":e,...i}=this.inheritedAttributes,o=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return s("div",{key:"~~efc792b4d18a1111810a682a0d45dd5a30c127bb~~",class:a,role:"group",...r("aria-label",e\|\|this.dsLabel),...r("aria-describedby",o),...i},s(t,{key:"~~3bb21b89731d4eb10996b5c4f5b0cc5587265ab8~~",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},s("slot",{key:"~~e523a123e46788ab4666f7e1d4c4dd9795be74af~~",name:"label"}),s("slot",{key:"~~973eb9d7e836724b40bcf1d802699a6158f3cf18~~",name:"assistiveText"})),s("div",{key:"~~f8b272665b58a2ae3658dc4ad0f66fa6d0cd8ca9~~",role:"list",class:`${a}__tags`},s("slot",{key:"~~9753af4408e89500b98fd52ad3b3d2b59f1abbea~~"})))}};e([s("ds-group-label",null)]),c.style=".ds-tag-~~group__JDwdTJ__tags~~.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{c as ds_tag_group}
1	+ import{h as s,r as a,d as e}from"./index-BohfivRs.js";import{i as t,d as i,t as r,a as d}from"./utils-C1bsmWWB.js";import{c as l}from"./cx--KIeFqyB.js";import{a as o,i as c}from"./attributes-BbTh8gdl.js";const b=t("ds-tag-group"),g=class{constructor(s){a(this,s)}tagGroupId=b.next().value;assistiveTextId=`${this.tagGroupId}-assistive-text`;inheritedAttributes={};get el(){return e(this)}dsLabel;dsAssistiveText;componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...o(this.el,["aria-describedby"])}}render(){const a=l("ds-tag-group"),e=r("ds-group-label","ds-tag-group",this.el),{"aria-label":t,...i}=this.inheritedAttributes,o=[!!this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return s("div",{key:"46a743bcfa8039a5bb9c4e8cb05135ec0a0b584d",class:a,role:"group",...d("aria-label",t\|\|this.dsLabel),...d("aria-describedby",o),...i},s(e,{key:"f5f06e97e135cc5996533c69b873f710c7ed03de",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},s("slot",{key:"0576d2184ed1949f7e6c2f0bbef3cc2a3b4509fb",name:"label"}),s("slot",{key:"7d392dcce00873da075d971a975257e8185d3774",name:"assistiveText"})),s("div",{key:"c374e6fe892fff8e29e2fa00820651c23afc5640",role:"list",class:`${a}__tags`},s("slot",{key:"d4a85891863f2a0686c94bc75f90b298422b9027"})))}};i([s("ds-group-label",null)]),g.style=".ds-tag-group__nkrEji__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{g as ds_tag_group}

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

	@@ -1 +1 @@
1	- import{h as t,r as e,c as a,d as s,f as r,F as d}from"./index--5QqO1gx.js";import{c as i}from"./index-BfTCfPZ1.js";import{m as o,o as n,p as c,g as l,a as _,v as h}from"./controlUtils-BdIOt-Zq.js";import{d as x,i as b,b as v,t as J,a as u}from"./utils-C1bsmWWB.js";import{a as w,i as f}from"./attributes-BbTh8gdl.js";import{c as T}from"./cx-NzJNIgFY.js";import{a as g}from"./constants-DCE1bBlR.js";import"./store-BdNy6BhP.js";const D=b("ds-text-area"),y=class{constructor(t){e(this,t),this.dsChange=a(this,"dsChange"),this.dsInput=a(this,"dsInput"),this.dsSubmitInvalid=a(this,"dsSubmitInvalid"),this.dsValidity=a(this,"dsValidity")}inheritedAttributes={};textareaElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;get el(){return s(this)}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=D.next().value;dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.errorTextId=`${this.dsId}-error-text`,this.successTextId=`${this.dsId}-success-text`};async setFocus(){const t=this.el.querySelector("textarea");t?.focus()}async checkValidity(){const t=this.el.querySelector("textarea");return t?.checkValidity()}async clearTextarea(){this.internalValue="",this.dsChange.emit({value:""});const t=this.el.querySelector("textarea");t&&(t.value="")}internalValueObserver(t){this.characterCount=t.length,this.validateCharacterCount(this.characterCount)}valueObserver(t){this.internalValue=t\|\|"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(t,e,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:t},r(this)}componentWillLoad(){this.inheritedAttributes={...f(this,this.el,["id"]),...w(this.el,["aria-invalid"])},this.setIds(),this.internalValue=this.dsValue\|\|"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=v((t=>{this.hiddenCharacterCountText=t}),g);validateCharacterCount=t=>{this.dsCharacterLimit&&(t>this.dsCharacterLimit?(this.setHiddenCharacterCountText(o(t-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(n())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-t)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=`${this.textareaElement.scrollHeight}px`)};getLabelText=()=>this.dsRequired?l(this.dsLabel):this.dsOptional?_(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=t=>"customError"===t?this.textareaElement?.validationMessage:h(t);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.wasInvalidOnBlur="valid"!==e,this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInvalid=t=>{t.preventDefault();const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsSubmitInvalid.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInput=t=>{if(this.internalValue=t.target.value,this.dsInput.emit({event:t,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText\|\|this.wasInvalidOnBlur){const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=J("ds-input-validity","ds-text-area",this.el),a=J("ds-control-label","ds-text-area",this.el),s=J("ds-visually-hidden","ds-text-area",this.el),r=T("ds-text-area"),o=`${r}__container`,{"aria-label":n,"aria-labelledby":c,"aria-describedby":l,..._}=this.inheritedAttributes,h=n\|\|this.dsAriaLabel,x=c\|\|this.dsAriaLabelledby,b=l\|\|this.dsAriaDescribedby;return t(d,{key:"1776bd0e1f54ab491d98203e66fa9c3a1c67a481"},t(a,{key:"522da498723e9934183b4e50e10267e11f34c5ab",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},t("slot",{key:"a6e6f1474d20d707e9c0484efb7d67a258330c08",name:"label"}),t("slot",{key:"18544b18e67f3a1350139cdc94328124addfca3d",name:"assistiveText"})),t("div",{key:"5fba8221d2ba5b26609d18a0b2ada0914e926cb4",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:i(o,{[`${o}--disabled`]:this.dsDisabled,[`${o}--readonly`]:this.dsReadonly,[`${o}--valid`]:!!this.dsSuccessText,[`${o}--invalid`]:!!this.dsErrorText,[`${o}--focus`]:this.hasFocus,[`${o}--active`]:!!this.textareaActive,[`${o}--full-width`]:this.dsFullWidth})},t("textarea",{key:"313803aacfc26ce70d7021c0da95e9fc51ded282",ref:t=>this.textareaElement=t,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:void 0!==this.dsValue?this.dsValue:this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:i(`${r}__textarea`,`${r}__textarea--resize-${this.dsResizing}`,{[`${r}__textarea--full-width`]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...u("aria-label",h),...u("aria-labelledby",x),...u("aria-describedby",b\|\|i({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._})),t("div",{key:"c4f03d138db2e53cc73d38b2be999826ee535631",class:i(`${r}__validity-container`,{[`${r}__validity-container--has-character-limit`]:!!this.dsCharacterLimit})},t("slot",{key:"a17a7a61f927f6b414483b75d27eb8570b40dc5f",name:"validity"},t(e,{key:"2ed73f034ccfb6d130c46a6bd0b1b58b1c1ca136",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"assertive"},this.dsCharacterLimit&&t(s,{key:"f55965241f938e3aaf3a1c23b414099334d1f73f",dsTag:"span"},this.hiddenCharacterCountText)),t(e,{key:"b5872250c48a5d3ad6641da9551e6feeb1f622a4",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success"})),this.dsCharacterLimit&&t("div",{key:"7bd5aded33d6dd302d14b8ce5eea8be81b38863e",class:i(`${r}__character-count`,{[`${r}__character-count--over-limit`]:this.characterCount>this.dsCharacterLimit})},t("small",{key:"6379ec8fb7c88ab06408d7a1f0a124cc4876f025"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:["internalValueObserver"],dsValue:["valueObserver"],dsCharacterLimit:["characterLimitObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"]}}};x([t("ds-input-validity",null),t("ds-visually-hidden",null),t("ds-control-label",null)]),y.style=".sc-ds-text-area-h .sc-ds-text-area,.ds-no-style-leak.sc-ds-text-area .sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__JDwdTJ__container--full-width){width:100%}.ds-text-area__JDwdTJ__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__JDwdTJ__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__JDwdTJ__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__JDwdTJ__container.ds-text-area__JDwdTJ__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--invalid.ds-text-area__JDwdTJ__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__JDwdTJ__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__JDwdTJ__container--valid.sc-ds-text-area:hover:not(.ds-text-area__JDwdTJ__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__JDwdTJ__container--valid.ds-text-area__JDwdTJ__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__JDwdTJ__container--readonly.sc-ds-text-area,.ds-text-area__JDwdTJ__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__JDwdTJ__container.sc-ds-text-area:focus-within:not(.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--invalid,.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--valid.sc-ds-text-area,.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__JDwdTJ__container.sc-ds-text-area:hover:not(.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--disabled,.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--readonly.sc-ds-text-area,.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--active.sc-ds-text-area,.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--invalid.sc-ds-text-area,.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--valid.sc-ds-text-area,.ds-text-area__JDwdTJ__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__JDwdTJ__container.active.sc-ds-text-area:not(.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--disabled,.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--readonly.sc-ds-text-area,.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--invalid.sc-ds-text-area,.ds-text-area__JDwdTJ__container.ds-text-area__JDwdTJ__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__JDwdTJ__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__JDwdTJ__external-button.sc-ds-text-area,.ds-text-area__JDwdTJ.sc-ds-text-area-s>[slot=suffix],.ds-text-area__JDwdTJ .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__JDwdTJ__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__JDwdTJ__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__JDwdTJ__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__JDwdTJ__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__JDwdTJ__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block}.ds-text-area__JDwdTJ__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__JDwdTJ__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__JDwdTJ__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__JDwdTJ__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__JDwdTJ__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__JDwdTJ__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__JDwdTJ__textarea--resize-auto.sc-ds-text-area,.ds-text-area__JDwdTJ__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__JDwdTJ__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__JDwdTJ__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__JDwdTJ__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__JDwdTJ__textarea--full-width.sc-ds-text-area{width:100%}";export{y as ds_text_area}
1	+ import{h as t,r as e,c as a,d as s,f as r,F as i}from"./index-BohfivRs.js";import{c as d}from"./index-BfTCfPZ1.js";import{p as o,q as n,u as c,g as l,a as _,v as h}from"./controlUtils-D8oxroyE.js";import{i as x,d as b,b as v,t as u,a as f}from"./utils-C1bsmWWB.js";import{a as k,i as g}from"./attributes-BbTh8gdl.js";import{c as j}from"./cx--KIeFqyB.js";import{a as E}from"./constants-C6xow8e6.js";import"./store-Bg23fUOM.js";const y=x("ds-text-area"),m=class{constructor(t){e(this,t),this.dsChange=a(this,"dsChange"),this.dsInput=a(this,"dsInput"),this.dsSubmitInvalid=a(this,"dsSubmitInvalid"),this.dsValidity=a(this,"dsValidity")}inheritedAttributes={};textareaElement;assistiveTextId;visuallyHiddenAssistiveTextId;errorTextId;successTextId;get el(){return s(this)}dsChange;dsInput;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsPlaceholder;dsId=y.next().value;dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsOptionalText;dsResizing="both";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsErrorText;dsSuccessText;dsAssistiveText;dsHiddenAssistiveText;dsCharacterLimit;dsFullWidth=!1;hasFocus=!1;textareaActive=!1;wasInvalidOnBlur=!1;characterCount=0;internalValue="";hiddenCharacterCountText="";setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.errorTextId=`${this.dsId}-error-text`,this.successTextId=`${this.dsId}-success-text`};async setFocus(){const t=this.el.querySelector("textarea");t?.focus()}async checkValidity(){const t=this.el.querySelector("textarea");return t?.checkValidity()}async clearTextarea(){this.internalValue="",this.dsChange.emit({value:""});const t=this.el.querySelector("textarea");t&&(t.value="")}internalValueObserver(t){this.characterCount=t.length,this.validateCharacterCount(this.characterCount)}valueObserver(t){this.internalValue=t\|\|"",this.adjustTextareaHeight()}characterLimitObserver(){this.validateCharacterCount(this.characterCount)}ariaAttributeObserver(t,e,a){this.inheritedAttributes={...this.inheritedAttributes,[a]:t},r(this)}componentWillLoad(){this.inheritedAttributes={...g(this,this.el,["id"]),...k(this.el,["aria-invalid"])},this.setIds(),this.internalValue=this.dsValue\|\|"",this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount)}componentDidLoad(){this.adjustTextareaHeight()}disconnectedCallback(){this.setHiddenCharacterCountText?.cancel()}setHiddenCharacterCountText=v((t=>{this.hiddenCharacterCountText=t}),E);validateCharacterCount=t=>{this.dsCharacterLimit&&(t>this.dsCharacterLimit?(this.setHiddenCharacterCountText(o(t-this.dsCharacterLimit)),this.textareaElement?.setCustomValidity(n())):(this.setHiddenCharacterCountText(c(this.dsCharacterLimit-t)),this.textareaElement?.setCustomValidity("")))};adjustTextareaHeight=()=>{"auto"===this.dsResizing&&this.textareaElement&&(this.textareaElement.style.height="auto",this.textareaElement.style.height=`${this.textareaElement.scrollHeight}px`)};getLabelText=()=>this.dsRequired?l(this.dsLabel):this.dsOptional?_(this.dsLabel,this.dsOptionalText):this.dsLabel;getValidityMessage=t=>"customError"===t?this.textareaElement?.validationMessage:h(t);handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.wasInvalidOnBlur="valid"!==e,this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}};handleInvalid=t=>{t.preventDefault();const e=this.textareaElement?.validity;for(const t in e)if(e[t]){this.dsSubmitInvalid.emit({flag:t,message:this.getValidityMessage(t)});break}};handleInput=t=>{if(this.internalValue=t.target.value,this.dsInput.emit({event:t,value:this.internalValue}),this.dsChange.emit({value:this.internalValue}),this.dsCharacterLimit&&this.validateCharacterCount(this.characterCount),this.adjustTextareaHeight(),this.dsErrorText\|\|this.wasInvalidOnBlur){const t=this.textareaElement?.validity;for(const e in t)if(t[e]){this.dsValidity.emit({flag:e,message:this.getValidityMessage(e)});break}}};handleTextareaContainerClick(){this.textareaElement.focus()}render(){const e=u("ds-input-validity","ds-text-area",this.el),a=u("ds-control-label","ds-text-area",this.el),s=u("ds-visually-hidden","ds-text-area",this.el),r=j("ds-text-area"),o=`${r}__container`,{"aria-label":n,"aria-labelledby":c,"aria-describedby":l,..._}=this.inheritedAttributes,h=n\|\|this.dsAriaLabel,x=c\|\|this.dsAriaLabelledby,b=l\|\|this.dsAriaDescribedby;return t(i,{key:"fc85f77fb58cbf325275ed89dacccc35aab7a812"},t(a,{key:"426f479d7db9f2d18100ee9cd3e436d92451b624",dsHtmlFor:this.dsId,dsLabel:this.getLabelText(),dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId},t("slot",{key:"2a8d1eb242cbe1af2947b24c265dafb71e91df84",name:"label"}),t("slot",{key:"02b6763b285e5b5544de09d9f3c54d4bd9523f5c",name:"assistiveText"})),t("div",{key:"0e47e3e228fa5fed004f42a639fd99f333f72a1a",onMouseDown:()=>this.textareaActive=!0,onMouseUp:()=>this.textareaActive=!1,onClick:()=>this.handleTextareaContainerClick(),class:d(o,{[`${o}--disabled`]:this.dsDisabled,[`${o}--readonly`]:this.dsReadonly,[`${o}--valid`]:!!this.dsSuccessText,[`${o}--invalid`]:!!this.dsErrorText,[`${o}--focus`]:this.hasFocus,[`${o}--active`]:!!this.textareaActive,[`${o}--full-width`]:this.dsFullWidth})},t("textarea",{key:"b82a6724f0ac6907a8ebf20a4103454129e991c0",ref:t=>this.textareaElement=t,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,value:void 0!==this.dsValue?this.dsValue:this.internalValue,placeholder:this.dsPlaceholder,readonly:this.dsReadonly,required:this.dsRequired,class:d(`${r}__textarea`,`${r}__textarea--resize-${this.dsResizing}`,{[`${r}__textarea--full-width`]:this.dsFullWidth}),onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...f("aria-label",h),...f("aria-labelledby",x),...f("aria-describedby",b\|\|d({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.errorTextId]:!!this.dsErrorText,[this.successTextId]:!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._})),t("div",{key:"2a9abe519e0b6034ed86d53dfb76ccd963580f2d",class:d(`${r}__validity-container`,{[`${r}__validity-container--has-character-limit`]:!!this.dsCharacterLimit})},t("slot",{key:"d5f72d1c119261fe6add89680be1eca866c5bd4a",name:"validity"},t(e,{key:"601fd56b0c06d87ed97d3f3b701750031c55bef5",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"assertive"},this.dsCharacterLimit&&t(s,{key:"9f6a312255ca7509f309340028f6e1a14fa54469",dsTag:"span"},this.hiddenCharacterCountText)),t(e,{key:"cd090a9b56280b1d3571b944d3ca77dd1fc58344",id:this.successTextId,dsText:this.dsSuccessText,dsType:"success"})),this.dsCharacterLimit&&t("div",{key:"562dd857cc655bd59df19230739118cd49fd9135",class:d(`${r}__character-count`,{[`${r}__character-count--over-limit`]:this.characterCount>this.dsCharacterLimit})},t("small",{key:"10e501c08aa085b7fde52a2d2dabece665546201"},this.characterCount,"/",this.dsCharacterLimit))))}static get formAssociated(){return!0}static get watchers(){return{internalValue:["internalValueObserver"],dsValue:["valueObserver"],dsCharacterLimit:["characterLimitObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"]}}};b([t("ds-input-validity",null),t("ds-visually-hidden",null),t("ds-control-label",null)]),m.style=".sc-ds-text-area-h .sc-ds-text-area,.ds-no-style-leak.sc-ds-text-area .sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__nkrEji__container--full-width){width:100%}.ds-text-area__nkrEji__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__nkrEji__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__nkrEji__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__nkrEji__container.ds-text-area__nkrEji__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--invalid.ds-text-area__nkrEji__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__nkrEji__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__nkrEji__container--valid.sc-ds-text-area:hover:not(.ds-text-area__nkrEji__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__nkrEji__container--valid.ds-text-area__nkrEji__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__nkrEji__container--readonly.sc-ds-text-area,.ds-text-area__nkrEji__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__nkrEji__container.sc-ds-text-area:focus-within:not(.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--invalid,.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--valid.sc-ds-text-area,.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__nkrEji__container.sc-ds-text-area:hover:not(.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--disabled,.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--readonly.sc-ds-text-area,.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--active.sc-ds-text-area,.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--invalid.sc-ds-text-area,.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--valid.sc-ds-text-area,.ds-text-area__nkrEji__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__nkrEji__container.active.sc-ds-text-area:not(.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--disabled,.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--readonly.sc-ds-text-area,.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--invalid.sc-ds-text-area,.ds-text-area__nkrEji__container.ds-text-area__nkrEji__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__nkrEji__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__nkrEji__external-button.sc-ds-text-area,.ds-text-area__nkrEji.sc-ds-text-area-s>[slot=suffix],.ds-text-area__nkrEji .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__nkrEji__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__nkrEji__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__nkrEji__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__nkrEji__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__nkrEji__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block}.ds-text-area__nkrEji__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__nkrEji__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__nkrEji__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__nkrEji__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__nkrEji__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__nkrEji__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__nkrEji__textarea--resize-auto.sc-ds-text-area,.ds-text-area__nkrEji__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__nkrEji__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__nkrEji__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__nkrEji__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__nkrEji__textarea--full-width.sc-ds-text-area{width:100%}";export{m as ds_text_area}

package/dist/component-library/ds-text-input.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{h as t,r as i,c as s,d as e,f as n,F as d}from"./index--5QqO1gx.js";import{c as r}from"./index-BfTCfPZ1.js";import{h as a,j as o,k as c,v as l}from"./controlUtils-BdIOt-Zq.js";import{d as _,i as u,t as p,a as h}from"./utils-C1bsmWWB.js";import{a as x,i as b}from"./attributes-BbTh8gdl.js";import{c as J}from"./cx-NzJNIgFY.js";import"./store-BdNy6BhP.js";const v={search:"search"},f={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},w=u("ds-input"),g=class{constructor(t){i(this,t),this.dsChange=s(this,"dsChange"),this.dsInput=s(this,"dsInput"),this.dsClear=s(this,"dsClear"),this.dsSubmitInvalid=s(this,"dsSubmitInvalid"),this.dsValidity=s(this,"dsValidity")}inheritedAttributes={};suffixButtonElement;inputElement;assistiveTextId;visuallyHiddenAssistiveTextId;validityId;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return e(this)}dsChange;dsInput;dsClear;dsSubmitInvalid;dsValidity;dsForm;_dsStep=1;get dsStep(){return this._dsStep}set dsStep(t){this._dsStep=void 0===t\|\|t<=0?1:t}dsLabel;dsPlaceholder;dsId=w.next().value;dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsMin;dsMax;dsMaxLength;dsPattern;dsAutocomplete;dsOptionalText;dsErrorText;dsSuccessText;dsAssistiveText;dsActionButtonAriaLabel;dsHiddenAssistiveText;dsPrefixText;dsSuffixText;dsIcon="";dsType="text";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;hasFocus=!1;clearButtonVisible=!1;passwordInputVisible=!1;inputActive=!1;wasInvalidOnBlur=!1;internalValue="";setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.validityId=`${this.dsId}-validity`};getActionButtonAriaLabel(){switch(this.dsType){case"search":return this.clearButtonVisible?this.dsActionButtonAriaLabel\|\|c():this.dsActionButtonAriaLabel\|\|"";case"password":return this.passwordInputVisible?this.dsActionButtonAriaLabel\|\|a():this.dsActionButtonAriaLabel\|\|o();default:return this.dsActionButtonAriaLabel}}get validityText(){return this.dsErrorText\|\|this.dsSuccessText\|\|""}get validityType(){return this.dsSuccessText?"success":"error"}async togglePasswordVisibility(){return this.passwordInputVisible=!this.passwordInputVisible}async clearInput(t){this.internalValue="",this.inputElement.focus(),this.dsClear.emit({event:t,value:this.internalValue})}async setFocus(){this.inputElement.focus()}async checkValidity(){return this.inputElement?.checkValidity()}valueObserver(t){this.internalValue=t\|\|""}internalValueObserver(t){this.clearButtonVisible="search"===this.dsType&&!!t,this.dsChange.emit({value:t})}componentWillLoad(){this.inheritedAttributes={...b(this,this.el,["id"]),...x(this.el,["aria-invalid"])},this.setIds(),this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),this.internalValue=this.dsValue\|\|"",this.clearButtonVisible="search"===this.dsType&&!!this.internalValue}onAriaChanged(t,i,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:t},n(this)}formResetCallback(){this.dsErrorText=""}handleInvalid=t=>{t.preventDefault();const i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsSubmitInvalid.emit({flag:t,message:l(t,{type:this.dsType})});break}};handleInput=t=>{if(this.internalValue=t.target.value,this.dsInput.emit({event:t,value:this.internalValue}),this.dsErrorText\|\|this.wasInvalidOnBlur){const t=this.inputElement?.validity;for(const i in t)if(t[i]){this.dsValidity.emit({flag:i,message:l(i,{type:this.dsType})});break}}};handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.inputElement?.validity;for(const i in t)if(t[i]){this.wasInvalidOnBlur="valid"!==i,this.dsValidity.emit({flag:i,message:l(i,{type:this.dsType})});break}};handleActionButtonClicked=t=>{switch(t.stopPropagation(),this.dsType){case"password":return this.togglePasswordVisibility();case"search":return void this.clearInput(t);default:return}};renderPrefixContent(i){if(this.hasPrefixSlot)return t("slot",{name:"prefix"});if(this.dsPrefixText)return t("slot",{name:"prefix"},t("span",{class:`${i}__prefix`},this.dsPrefixText));const s=this.dsIcon\|\|v[this.dsType],e=p("ds-icon","ds-text-input",this.el);return s?t("slot",{name:"prefix"},t(e,{class:`${i}__icon`,dsName:s})):null}renderSuffixContent(i){if(this.hasSuffixSlot)return t("slot",{name:"suffix"});if(this.dsSuffixText)return t("slot",{name:"suffix"},t("span",{class:`${i}__suffix`},this.dsSuffixText));const s=f[this.dsType]?.(this)??"",e="password"===this.dsType?this.passwordInputVisible:void 0,n=p("ds-button","ds-text-input",this.el);if(s){const d=this.getActionButtonAriaLabel();return t("slot",{name:"suffix"},t(n,{ref:t=>this.suffixButtonElement=t,dsVariant:"supplementary",dsColour:"black",class:`${i}__button`,dsDisabled:!1,dsIcon:s,dsIconTitle:d,dsIconAriaLabel:d,onClick:this.handleActionButtonClicked,"aria-pressed":e,...h("aria-label",d)}))}return null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement.focus()}render(){const i="password"===this.dsType&&this.passwordInputVisible?"text":this.dsType,s=p("ds-input-validity","ds-text-input",this.el),e=p("ds-control-label","ds-text-input",this.el),n=J("ds-text-input"),a=`${n}__container`,{"aria-label":o,"aria-labelledby":c,"aria-describedby":l,..._}=this.inheritedAttributes,u=o\|\|this.dsAriaLabel,x=c\|\|this.dsAriaLabelledby,b=l\|\|this.dsAriaDescribedby;return t(d,{key:"c0eacf0af53273becb9dd18bb7c186e50e590e71"},t(e,{key:"9e5069c4d395ecf22275311f8b50843823cfa471",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText},t("slot",{key:"9c89cfd7676ca7f45d56c1010bc7794bc93df3fb",name:"label"}),t("slot",{key:"6faf69d1829b610908703ffc71034eff72d17f01",name:"assistiveText"})),t("div",{key:"3fa25498df7078d7d50d13d9e3ff6b00063f9466",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:r(a,{[`${a}--disabled`]:this.dsDisabled,[`${a}--readonly`]:this.dsReadonly,[`${a}--valid`]:!!this.dsSuccessText,[`${a}--invalid`]:!!this.dsErrorText,[`${a}--focus`]:this.hasFocus,[`${a}--active`]:!!this.inputActive})},this.renderPrefixContent(n),t("input",{key:"e3c83a193e8183f6cadfdd68c810b1ae82dee354",ref:t=>this.inputElement=t,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,required:this.dsRequired,readonly:this.dsReadonly,value:this.internalValue,type:i,min:this.dsMin,max:this.dsMax,maxlength:this.dsMaxLength,pattern:this.dsPattern,step:this.dsStep,placeholder:this.dsPlaceholder,autocomplete:this.dsAutocomplete,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...h("aria-label",u),...h("aria-labelledby",x),...h("aria-describedby",b\|\|r({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.validityId]:!!this.dsErrorText\|\|!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._}),this.renderSuffixContent(n)),t("slot",{key:"e340918d6bf021d425d48b2d02c02b14ecc427e9",name:"validity"},t(s,{key:"0446f2272af47f5bbe86e2ab02c3b513d9a3fda6",id:this.validityId,dsText:this.validityText,dsType:this.validityType,dsAriaLive:"assertive"})))}static get formAssociated(){return!0}static get watchers(){return{dsValue:["valueObserver"],internalValue:["internalValueObserver"],"aria-label":["onAriaChanged"],"aria-labelledby":["onAriaChanged"],"aria-describedby":["onAriaChanged"]}}};_([t("ds-icon",{dsName:""}),t("ds-button",null),t("ds-input-validity",null),t("ds-control-label",null)]),g.style=".sc-ds-text-input-h .sc-ds-text-input,.ds-no-style-leak.sc-ds-text-input .sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-text-input__JDwdTJ__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__JDwdTJ__label-container.sc-ds-text-input label.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-text-input__JDwdTJ__label-container.sc-ds-text-input small.sc-ds-text-input{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);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-text-input__JDwdTJ__container.sc-ds-text-input: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-input__JDwdTJ__container.sc-ds-text-input: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-input__JDwdTJ__container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;background-color:var(--ds-bgColor-white);border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--invalid.ds-text-input__JDwdTJ__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--valid.sc-ds-text-input:hover:not(.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--valid.sc-ds-text-input .ds-text-input__JDwdTJ__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--readonly.sc-ds-text-input,.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__JDwdTJ__container.sc-ds-text-input:has(span.ds-text-input__JDwdTJ__prefix,.ds-text-input__JDwdTJ__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__JDwdTJ__container.sc-ds-text-input:has(.ds-text-input__JDwdTJ__button){padding-inline-end:unset}.ds-text-input__JDwdTJ__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-borderColor-default)}.ds-text-input__JDwdTJ__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__JDwdTJ__container.active.sc-ds-text-input:not(.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--disabled,.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--readonly.sc-ds-text-input,.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--invalid.sc-ds-text-input,.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__JDwdTJ__container.sc-ds-text-input:hover:not(.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--disabled,.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--readonly.sc-ds-text-input,.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--active.sc-ds-text-input,.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--invalid.sc-ds-text-input,.ds-text-input__JDwdTJ__container.ds-text-input__JDwdTJ__container--valid.sc-ds-text-input,.ds-text-input__JDwdTJ__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__JDwdTJ__container.sc-ds-text-input:focus-within:not(.ds-text-input__JDwdTJ__container:focus-within.ds-text-input__JDwdTJ__container--invalid,.ds-text-input__JDwdTJ__container.sc-ds-text-input:focus-within.ds-text-input__JDwdTJ__container--valid,.ds-text-input__JDwdTJ__container.sc-ds-text-input:focus-within.ds-text-input__JDwdTJ__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__JDwdTJ__container.sc-ds-text-input:focus-within .sc-ds-text-input>.ds-text-input__JDwdTJ__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-text-input__JDwdTJ__container.sc-ds-text-input>input.sc-ds-text-input{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:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall)}.ds-text-input__JDwdTJ__container.sc-ds-text-input>input.sc-ds-text-input::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-input__JDwdTJ__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__JDwdTJ__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__JDwdTJ__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__JDwdTJ__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__JDwdTJ__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__JDwdTJ__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__JDwdTJ__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__JDwdTJ__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__JDwdTJ__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__JDwdTJ__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__JDwdTJ__container.sc-ds-text-input:has(span.ds-text-input__JDwdTJ__prefix,.ds-text-input__JDwdTJ__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__JDwdTJ__container.sc-ds-text-input span.ds-text-input__JDwdTJ__prefix.sc-ds-text-input,.ds-text-input__JDwdTJ__container.sc-ds-text-input span.ds-text-input__JDwdTJ__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__JDwdTJ__container.sc-ds-text-input .ds-text-input__JDwdTJ__icon.sc-ds-text-input,.ds-text-input__JDwdTJ__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__JDwdTJ__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__JDwdTJ__container.sc-ds-text-input .ds-text-input__JDwdTJ__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}";export{g as ds_text_input}
1	+ import{h as t,r as i,c as s,d as n,f as e,F as r}from"./index-BohfivRs.js";import{c as d}from"./index-BfTCfPZ1.js";import{j as a,k as o,o as c,v as l}from"./controlUtils-D8oxroyE.js";import{i as _,d as u,t as p,a as h}from"./utils-C1bsmWWB.js";import{a as x,i as b}from"./attributes-BbTh8gdl.js";import{c as f}from"./cx--KIeFqyB.js";import"./store-Bg23fUOM.js";const v={search:"search"},k={search:({clearButtonVisible:t})=>t?"cancel_fill":"",password:({passwordInputVisible:t})=>t?"visibility_off_fill":"visibility_fill"},g=_("ds-input"),j=class{constructor(t){i(this,t),this.dsChange=s(this,"dsChange"),this.dsInput=s(this,"dsInput"),this.dsClear=s(this,"dsClear"),this.dsSubmitInvalid=s(this,"dsSubmitInvalid"),this.dsValidity=s(this,"dsValidity")}inheritedAttributes={};suffixButtonElement;inputElement;assistiveTextId;visuallyHiddenAssistiveTextId;validityId;hasPrefixSlot=!1;hasSuffixSlot=!1;get el(){return n(this)}dsChange;dsInput;dsClear;dsSubmitInvalid;dsValidity;dsForm;_dsStep=1;get dsStep(){return this._dsStep}set dsStep(t){this._dsStep=void 0===t\|\|t<=0?1:t}dsLabel;dsPlaceholder;dsId=g.next().value;dsName=this.dsId;dsDisabled;dsOptional;dsRequired;dsReadonly;dsValue;dsMin;dsMax;dsMaxLength;dsPattern;dsAutocomplete;dsOptionalText;dsErrorText;dsSuccessText;dsAssistiveText;dsActionButtonAriaLabel;dsHiddenAssistiveText;dsPrefixText;dsSuffixText;dsIcon="";dsType="text";dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;hasFocus=!1;clearButtonVisible=!1;passwordInputVisible=!1;inputActive=!1;wasInvalidOnBlur=!1;internalValue="";setIds=()=>{this.assistiveTextId=`${this.dsId}-assistive-text`,this.visuallyHiddenAssistiveTextId=`${this.dsId}-visually-hidden-assistive-text`,this.validityId=`${this.dsId}-validity`};getActionButtonAriaLabel(){switch(this.dsType){case"search":return this.clearButtonVisible?this.dsActionButtonAriaLabel\|\|c():this.dsActionButtonAriaLabel\|\|"";case"password":return this.passwordInputVisible?this.dsActionButtonAriaLabel\|\|a():this.dsActionButtonAriaLabel\|\|o();default:return this.dsActionButtonAriaLabel}}get validityText(){return this.dsErrorText\|\|this.dsSuccessText\|\|""}get validityType(){return this.dsSuccessText?"success":"error"}async togglePasswordVisibility(){return this.passwordInputVisible=!this.passwordInputVisible}async clearInput(t){this.internalValue="",this.inputElement.focus(),this.dsClear.emit({event:t,value:this.internalValue})}async setFocus(){this.inputElement.focus()}async checkValidity(){return this.inputElement?.checkValidity()}valueObserver(t){this.internalValue=t\|\|""}internalValueObserver(t){this.clearButtonVisible="search"===this.dsType&&!!t,this.dsChange.emit({value:t})}componentWillLoad(){this.inheritedAttributes={...b(this,this.el,["id"]),...x(this.el,["aria-invalid"])},this.setIds(),this.hasPrefixSlot=!!this.el.querySelector('[slot="prefix"]'),this.hasSuffixSlot=!!this.el.querySelector('[slot="suffix"]'),this.internalValue=this.dsValue\|\|"",this.clearButtonVisible="search"===this.dsType&&!!this.internalValue}onAriaChanged(t,i,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:t},e(this)}formResetCallback(){this.dsErrorText=""}handleInvalid=t=>{t.preventDefault();const i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsSubmitInvalid.emit({flag:t,message:l(t,{type:this.dsType})});break}};handleInput=t=>{if(this.internalValue=t.target.value,this.dsInput.emit({event:t,value:this.internalValue}),this.dsErrorText\|\|this.wasInvalidOnBlur){const t=this.inputElement?.validity;for(const i in t)if(t[i]){this.dsValidity.emit({flag:i,message:l(i,{type:this.dsType})});break}}};handleFocus=()=>{this.hasFocus=!0};handleBlur=()=>{this.hasFocus=!1;const t=this.inputElement?.validity;for(const i in t)if(t[i]){this.wasInvalidOnBlur="valid"!==i,this.dsValidity.emit({flag:i,message:l(i,{type:this.dsType})});break}};handleActionButtonClicked=t=>{switch(t.stopPropagation(),this.dsType){case"password":return this.togglePasswordVisibility();case"search":return void this.clearInput(t);default:return}};renderPrefixContent(i){if(this.hasPrefixSlot)return t("slot",{name:"prefix"});if(this.dsPrefixText)return t("slot",{name:"prefix"},t("span",{class:`${i}__prefix`},this.dsPrefixText));const s=this.dsIcon\|\|v[this.dsType],n=p("ds-icon","ds-text-input",this.el);return s?t("slot",{name:"prefix"},t(n,{class:`${i}__icon`,dsName:s})):null}renderSuffixContent(i){if(this.hasSuffixSlot)return t("slot",{name:"suffix"});if(this.dsSuffixText)return t("slot",{name:"suffix"},t("span",{class:`${i}__suffix`},this.dsSuffixText));const s=k[this.dsType]?.(this)??"",n="password"===this.dsType?this.passwordInputVisible:void 0,e=p("ds-button","ds-text-input",this.el);if(s){const r=this.getActionButtonAriaLabel();return t("slot",{name:"suffix"},t(e,{ref:t=>this.suffixButtonElement=t,dsVariant:"supplementary",dsColour:"black",class:`${i}__button`,dsDisabled:!1,dsIcon:s,dsIconTitle:r,dsIconAriaLabel:r,onClick:this.handleActionButtonClicked,"aria-pressed":n,...h("aria-label",r)}))}return null}handleInputContainerClick(t){t.target!==this.suffixButtonElement&&this.inputElement.focus()}render(){const i="password"===this.dsType&&this.passwordInputVisible?"text":this.dsType,s=p("ds-input-validity","ds-text-input",this.el),n=p("ds-control-label","ds-text-input",this.el),e=f("ds-text-input"),a=`${e}__container`,{"aria-label":o,"aria-labelledby":c,"aria-describedby":l,..._}=this.inheritedAttributes,u=o\|\|this.dsAriaLabel,x=c\|\|this.dsAriaLabelledby,b=l\|\|this.dsAriaDescribedby;return t(r,{key:"3210cbc7108853c79211b0b94e28bbd2e565fb16"},t(n,{key:"b3641bb97f0484155fb97f19cfd5133b2b3caf37",dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,dsVisuallyHiddenAssistiveText:this.dsHiddenAssistiveText,dsVisuallyHiddenAssistiveTextId:this.visuallyHiddenAssistiveTextId,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText},t("slot",{key:"11bf8508ffefd469f06717c2cac1ab741a32e2ff",name:"label"}),t("slot",{key:"cd4679f07aa4280743e9593d8400fa84a61ad7f5",name:"assistiveText"})),t("div",{key:"c31670d58551c87039b4e232f419ff4957636b78",onMouseDown:()=>this.inputActive=!0,onMouseUp:()=>this.inputActive=!1,onClick:t=>this.handleInputContainerClick(t),class:d(a,{[`${a}--disabled`]:this.dsDisabled,[`${a}--readonly`]:this.dsReadonly,[`${a}--valid`]:!!this.dsSuccessText,[`${a}--invalid`]:!!this.dsErrorText,[`${a}--focus`]:this.hasFocus,[`${a}--active`]:!!this.inputActive})},this.renderPrefixContent(e),t("input",{key:"a73e0528bd00c015ac20062b0bd9fdf8eb855317",ref:t=>this.inputElement=t,id:this.dsId,name:this.dsName,form:this.dsForm,disabled:this.dsDisabled,required:this.dsRequired,readonly:this.dsReadonly,value:this.internalValue,type:i,min:this.dsMin,max:this.dsMax,maxlength:this.dsMaxLength,pattern:this.dsPattern,step:this.dsStep,placeholder:this.dsPlaceholder,autocomplete:this.dsAutocomplete,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,...h("aria-label",u),...h("aria-labelledby",x),...h("aria-describedby",b\|\|d({[this.assistiveTextId]:!!this.dsAssistiveText,[this.visuallyHiddenAssistiveTextId]:!!this.dsHiddenAssistiveText,[this.validityId]:!!this.dsErrorText\|\|!!this.dsSuccessText})),"aria-invalid":this.dsErrorText?"true":"false",..._}),this.renderSuffixContent(e)),t("slot",{key:"7e238ff0bc4b251bd66cc2938ae07cd805c00fd5",name:"validity"},t(s,{key:"718eb8b4faf6f8465b77763e5c605ff3cec5deeb",id:this.validityId,dsText:this.validityText,dsType:this.validityType,dsAriaLive:"assertive"})))}static get formAssociated(){return!0}static get watchers(){return{dsValue:["valueObserver"],internalValue:["internalValueObserver"],"aria-label":["onAriaChanged"],"aria-labelledby":["onAriaChanged"],"aria-describedby":["onAriaChanged"]}}};u([t("ds-icon",{dsName:""}),t("ds-button",null),t("ds-input-validity",null),t("ds-control-label",null)]),j.style=".sc-ds-text-input-h .sc-ds-text-input,.ds-no-style-leak.sc-ds-text-input .sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-text-input__nkrEji__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__nkrEji__label-container.sc-ds-text-input label.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-text-input__nkrEji__label-container.sc-ds-text-input small.sc-ds-text-input{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);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-text-input__nkrEji__container.sc-ds-text-input: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-input__nkrEji__container.sc-ds-text-input: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-input__nkrEji__container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;background-color:var(--ds-bgColor-white);border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--invalid.ds-text-input__nkrEji__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--valid.sc-ds-text-input:hover:not(.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--valid.sc-ds-text-input .ds-text-input__nkrEji__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--readonly.sc-ds-text-input,.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__nkrEji__container.sc-ds-text-input:has(span.ds-text-input__nkrEji__prefix,.ds-text-input__nkrEji__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__nkrEji__container.sc-ds-text-input:has(.ds-text-input__nkrEji__button){padding-inline-end:unset}.ds-text-input__nkrEji__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-borderColor-default)}.ds-text-input__nkrEji__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__nkrEji__container.active.sc-ds-text-input:not(.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--disabled,.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--readonly.sc-ds-text-input,.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--invalid.sc-ds-text-input,.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__nkrEji__container.sc-ds-text-input:hover:not(.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--disabled,.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--readonly.sc-ds-text-input,.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--active.sc-ds-text-input,.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--invalid.sc-ds-text-input,.ds-text-input__nkrEji__container.ds-text-input__nkrEji__container--valid.sc-ds-text-input,.ds-text-input__nkrEji__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__nkrEji__container.sc-ds-text-input:focus-within:not(.ds-text-input__nkrEji__container:focus-within.ds-text-input__nkrEji__container--invalid,.ds-text-input__nkrEji__container.sc-ds-text-input:focus-within.ds-text-input__nkrEji__container--valid,.ds-text-input__nkrEji__container.sc-ds-text-input:focus-within.ds-text-input__nkrEji__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__nkrEji__container.sc-ds-text-input:focus-within .sc-ds-text-input>.ds-text-input__nkrEji__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-text-input__nkrEji__container.sc-ds-text-input>input.sc-ds-text-input{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:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall)}.ds-text-input__nkrEji__container.sc-ds-text-input>input.sc-ds-text-input::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-input__nkrEji__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__nkrEji__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__nkrEji__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__nkrEji__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__nkrEji__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__nkrEji__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__nkrEji__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__nkrEji__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__nkrEji__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__nkrEji__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__nkrEji__container.sc-ds-text-input:has(span.ds-text-input__nkrEji__prefix,.ds-text-input__nkrEji__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__nkrEji__container.sc-ds-text-input span.ds-text-input__nkrEji__prefix.sc-ds-text-input,.ds-text-input__nkrEji__container.sc-ds-text-input span.ds-text-input__nkrEji__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__nkrEji__container.sc-ds-text-input .ds-text-input__nkrEji__icon.sc-ds-text-input,.ds-text-input__nkrEji__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__nkrEji__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__nkrEji__container.sc-ds-text-input .ds-text-input__nkrEji__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}";export{j as ds_text_input}

package/dist/component-library/ds-versioned-css-variables.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as e,h as a,H as t}from"./index--5QqO1gx.js";const l=class{constructor(a){e(this,a)}render(){return a(t,{key:"c917da6893f93ec935256e313dd68f26392a2f98"},a("slot",{key:"66fb8ed87327c22fc165c357b86bd7f92973418b"}))}};l.style='.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:#0084b8;--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:#d71f19;--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-palette-white);--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-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--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-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--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-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-50);--ds-borderColor-success:var(--ds-palette-green-50);--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-50);--ds-borderColor-attention:var(--ds-palette-yellow-50);--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-10);--ds-iconColor-white-active:var(--ds-palette-black-20);--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-50);--ds-iconColor-danger-hover:var(--ds-palette-red-60);--ds-iconColor-danger-active:var(--ds-palette-red-70);--ds-iconColor-success:var(--ds-palette-green-50);--ds-iconColor-success-hover:var(--ds-palette-green-60);--ds-iconColor-success-active:var(--ds-palette-green-70);--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-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}@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:#0084b8;--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:#d71f19;--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-palette-white);--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-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--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-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--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-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-50);--ds-borderColor-success:var(--ds-palette-green-50);--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-50);--ds-borderColor-attention:var(--ds-palette-yellow-50);--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-10);--ds-iconColor-white-active:var(--ds-palette-black-20);--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-50);--ds-iconColor-danger-hover:var(--ds-palette-red-60);--ds-iconColor-danger-active:var(--ds-palette-red-70);--ds-iconColor-success:var(--ds-palette-green-50);--ds-iconColor-success-hover:var(--ds-palette-green-60);--ds-iconColor-success-active:var(--ds-palette-green-70);--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-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;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}}';export{l as ds_versioned_css_variables}
1	+ import{r as e,h as a,H as t}from"./index-BohfivRs.js";const l=class{constructor(a){e(this,a)}render(){return a(t,{key:"4e427c854860f073703da46ca90cee89d56ad810"},a("slot",{key:"2006ffe8bd945af2c2691bf3b55f34cd219ceb5c"}))}};l.style='.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:#0084b8;--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:#d71f19;--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-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--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-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--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-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-50);--ds-borderColor-success:var(--ds-palette-green-50);--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-50);--ds-borderColor-attention:var(--ds-palette-yellow-50);--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-10);--ds-iconColor-white-active:var(--ds-palette-black-20);--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-50);--ds-iconColor-danger-hover:var(--ds-palette-red-60);--ds-iconColor-danger-active:var(--ds-palette-red-70);--ds-iconColor-success:var(--ds-palette-green-50);--ds-iconColor-success-hover:var(--ds-palette-green-60);--ds-iconColor-success-active:var(--ds-palette-green-70);--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-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}@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:#0084b8;--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:#d71f19;--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-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--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-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--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-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-50);--ds-borderColor-success:var(--ds-palette-green-50);--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-50);--ds-borderColor-attention:var(--ds-palette-yellow-50);--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-10);--ds-iconColor-white-active:var(--ds-palette-black-20);--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-50);--ds-iconColor-danger-hover:var(--ds-palette-red-60);--ds-iconColor-danger-active:var(--ds-palette-red-70);--ds-iconColor-success:var(--ds-palette-green-50);--ds-iconColor-success-hover:var(--ds-palette-green-60);--ds-iconColor-success-active:var(--ds-palette-green-70);--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-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;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}}';export{l as ds_versioned_css_variables}

package/dist/component-library/ds-visually-hidden.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as s,h as d}from"./index~~--5QqO1gx~~.js";import{c as i}from"./cx~~-NzJNIgFY~~.js";const e=class{constructor(d){s(this,d)}dsTag="div";render(){const s=i("ds-visually-hidden");return d(this.dsTag,{key:"~~f288da7a6ff3bff541ddf70333a4df9614294ac2~~",class:s},d("slot",{key:"~~1736967f5c75891c9fcc34ede67602265ecc0f8d~~"}))}};e.style=":host{position:absolute}.ds-visually-~~hidden__JDwdTJ~~{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{e as ds_visually_hidden}
1	+ import{r as s,h as i}from"./index-BohfivRs.js";import{c as e}from"./cx--KIeFqyB.js";const t=class{constructor(i){s(this,i)}dsTag="div";render(){const s=e("ds-visually-hidden");return i(this.dsTag,{key:"a33a03602b2fa925a85018b580474864213b0447",class:s},i("slot",{key:"d3c0185b5f0181925dbd65eec7df85b9bae9232e"}))}};t.style=":host{position:absolute}.ds-visually-hidden__nkrEji{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{t as ds_visually_hidden}

package/dist/component-library/index-BohfivRs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e={PACKAGE_VERSION:"nkrEji"},t=()=>{};var s=Object.defineProperty,r=(e=>(e.Undefined="undefined",e.Null="null",e.String="string",e.Number="number",e.SpecialNumber="number",e.Boolean="boolean",e.BigInt="bigint",e))(r\|\|{}),a=(e=>(e.Array="array",e.Date="date",e.Map="map",e.Object="object",e.RegularExpression="regexp",e.Set="set",e.Channel="channel",e.Symbol="symbol",e))(a\|\|{}),n="type",i="value",l="serialized:",d=(e,t)=>{var s;Object.entries(null!=(s=t.i.t)?s:{}).map((([s,[r]])=>{if(31&r\|\|32&r){const r=e[s],a=function(e,t){for(;e;){const s=Object.getOwnPropertyDescriptor(e,t);if(null==s?void 0:s.get)return s;e=Object.getPrototypeOf(e)}}(Object.getPrototypeOf(e),s)\|\|Object.getOwnPropertyDescriptor(e,s);a&&Object.defineProperty(e,s,{get(){return a.get.call(this)},set(e){a.set.call(this,e)},configurable:!0,enumerable:!0}),e[s]=t.l.has(s)?t.l.get(s):r}}))},o=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},g=(e,t)=>{t&&(e.__stencil__getHostRef=()=>t,t.o=e,d(e,t))},m=(e,t)=>t in e,c=(e,t)=>(0,console.error)(e,t),p=new Map,f=new Map,v="s-id",h="sty-id",u="c-id",x="slot-fb{display:contents}slot-fb[hidden]{display:none}",b="http://www.w3.org/1999/xlink",y=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],S="undefined"!=typeof window?window:{},w=S.HTMLElement\|\|class{},C={m:0,p:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,s,r)=>e.addEventListener(t,s,r),rel:(e,t,s,r)=>e.removeEventListener(t,s,r),ce:(e,t)=>new CustomEvent(e,t)},k=e=>Promise.resolve(e),$=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),L=!!$&&(()=>!!S.document&&Object.getOwnPropertyDescriptor(S.document.adoptedStyleSheets,"length").writable)(),z=!1,W=[],j=[],O=(e,t)=>s=>{e.push(s),z\|\|(z=!0,t&&4&C.m?E(B):C.raf(B))},N=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){c(e)}e.length=0},B=()=>{N(W),N(j),(z=W.length>0)&&C.raf(B)},E=e=>k().then(e),F=O(j,!0),H=e=>"object"==(e=typeof e)\|\|"function"===e;function M(e){var t,s,r;return null!=(r=null==(s=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:s.getAttribute("content"))?r:void 0}var P=class e{static fromLocalValue(t){const s=t[n],r=i in t?t[i]:void 0;switch(s){case"string":case"boolean":return r;case"bigint":return BigInt(r);case"undefined":return;case"null":return null;case"number":return"NaN"===r?NaN:"-0"===r?-0:"Infinity"===r?1/0:"-Infinity"===r?-1/0:r;case"array":return r.map((t=>e.fromLocalValue(t)));case"date":return new Date(r);case"map":const t=new Map;for(const[s,a]of r){const r="object"==typeof s&&null!==s?e.fromLocalValue(s):s,n=e.fromLocalValue(a);t.set(r,n)}return t;case"object":const a={};for(const[t,s]of r)a[t]=e.fromLocalValue(s);return a;case"regexp":const{pattern:n,flags:i}=r;return RegExp(n,i);case"set":const l=new Set;for(const t of r)l.add(e.fromLocalValue(t));return l;case"symbol":return Symbol(r);default:throw Error("Unsupported type: "+s)}}static fromLocalValueArray(t){return t.map((t=>e.fromLocalValue(t)))}static isLocalValueObject(e){if("object"!=typeof e\|\|null===e)return!1;if(!e.hasOwnProperty(n))return!1;const t=e[n];return!!Object.values({...r,...a}).includes(t)&&("null"===t\|\|"undefined"===t\|\|e.hasOwnProperty(i))}};((e,t)=>{for(var r in t)s(e,r,{get:t[r],enumerable:!0})})({},{err:()=>T,map:()=>A,ok:()=>R,unwrap:()=>I,unwrapErr:()=>V});var R=e=>({isOk:!0,isErr:!1,value:e}),T=e=>({isOk:!1,isErr:!0,value:e});function A(e,t){if(e.isOk){const s=t(e.value);return s instanceof Promise?s.then((e=>R(e))):R(s)}if(e.isErr)return T(e.value);throw"should never get here"}var D,I=e=>{if(e.isOk)return e.value;throw e.value},V=e=>{if(e.isErr)return e.value;throw e.value};function _(e){var t;const s=this.attachShadow({mode:"open",delegatesFocus:!!(16&e.m)});void 0===D&&(D=null!=(t=function(){if(!$)return;const e=new CSSStyleSheet;return e.replaceSync('html{box-sizing:border-box}html ,html ::before,html ::after{box-sizing:inherit}slot-fb{display:contents}.ds-m-4xs{margin:var(--ds-spacing-4xSmall, 0.125rem)}.ds-m-3xs{margin:var(--ds-spacing-3xSmall, 0.25rem)}.ds-m-2xs{margin:var(--ds-spacing-2xSmall, 0.5rem)}.ds-m-xs{margin:var(--ds-spacing-xSmall, 0.75rem)}.ds-m-sm{margin:var(--ds-spacing-small, 1rem)}.ds-m-md{margin:var(--ds-spacing-medium, 1.5rem)}.ds-m-lg{margin:var(--ds-spacing-large, 2rem)}.ds-m-xl{margin:var(--ds-spacing-xLarge, 2.5rem)}.ds-m-2xl{margin:var(--ds-spacing-2xLarge, 3rem)}.ds-m-3xl{margin:var(--ds-spacing-3xLarge, 3.5rem)}.ds-m-4xl{margin:var(--ds-spacing-4xLarge, 4rem)}.ds-m-5xl{margin:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mt-4xs{margin-top:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mt-3xs{margin-top:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mt-2xs{margin-top:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mt-xs{margin-top:var(--ds-spacing-xSmall, 0.75rem)}.ds-mt-sm{margin-top:var(--ds-spacing-small, 1rem)}.ds-mt-md{margin-top:var(--ds-spacing-medium, 1.5rem)}.ds-mt-lg{margin-top:var(--ds-spacing-large, 2rem)}.ds-mt-xl{margin-top:var(--ds-spacing-xLarge, 2.5rem)}.ds-mt-2xl{margin-top:var(--ds-spacing-2xLarge, 3rem)}.ds-mt-3xl{margin-top:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mt-4xl{margin-top:var(--ds-spacing-4xLarge, 4rem)}.ds-mt-5xl{margin-top:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mr-4xs{margin-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mr-3xs{margin-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mr-2xs{margin-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mr-xs{margin-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-mr-sm{margin-right:var(--ds-spacing-small, 1rem)}.ds-mr-md{margin-right:var(--ds-spacing-medium, 1.5rem)}.ds-mr-lg{margin-right:var(--ds-spacing-large, 2rem)}.ds-mr-xl{margin-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-mr-2xl{margin-right:var(--ds-spacing-2xLarge, 3rem)}.ds-mr-3xl{margin-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mr-4xl{margin-right:var(--ds-spacing-4xLarge, 4rem)}.ds-mr-5xl{margin-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mb-4xs{margin-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mb-3xs{margin-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mb-2xs{margin-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mb-xs{margin-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-mb-sm{margin-bottom:var(--ds-spacing-small, 1rem)}.ds-mb-md{margin-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-mb-lg{margin-bottom:var(--ds-spacing-large, 2rem)}.ds-mb-xl{margin-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-mb-2xl{margin-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-mb-3xl{margin-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mb-4xl{margin-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-mb-5xl{margin-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-ml-4xs{margin-left:var(--ds-spacing-4xSmall, 0.125rem)}.ds-ml-3xs{margin-left:var(--ds-spacing-3xSmall, 0.25rem)}.ds-ml-2xs{margin-left:var(--ds-spacing-2xSmall, 0.5rem)}.ds-ml-xs{margin-left:var(--ds-spacing-xSmall, 0.75rem)}.ds-ml-sm{margin-left:var(--ds-spacing-small, 1rem)}.ds-ml-md{margin-left:var(--ds-spacing-medium, 1.5rem)}.ds-ml-lg{margin-left:var(--ds-spacing-large, 2rem)}.ds-ml-xl{margin-left:var(--ds-spacing-xLarge, 2.5rem)}.ds-ml-2xl{margin-left:var(--ds-spacing-2xLarge, 3rem)}.ds-ml-3xl{margin-left:var(--ds-spacing-3xLarge, 3.5rem)}.ds-ml-4xl{margin-left:var(--ds-spacing-4xLarge, 4rem)}.ds-ml-5xl{margin-left:var(--ds-spacing-5xLarge, 4.5rem)}.ds-mx-4xs{margin-left:var(--ds-spacing-4xSmall, 0.125rem);margin-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-mx-3xs{margin-left:var(--ds-spacing-3xSmall, 0.25rem);margin-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-mx-2xs{margin-left:var(--ds-spacing-2xSmall, 0.5rem);margin-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-mx-xs{margin-left:var(--ds-spacing-xSmall, 0.75rem);margin-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-mx-sm{margin-left:var(--ds-spacing-small, 1rem);margin-right:var(--ds-spacing-small, 1rem)}.ds-mx-md{margin-left:var(--ds-spacing-medium, 1.5rem);margin-right:var(--ds-spacing-medium, 1.5rem)}.ds-mx-lg{margin-left:var(--ds-spacing-large, 2rem);margin-right:var(--ds-spacing-large, 2rem)}.ds-mx-xl{margin-left:var(--ds-spacing-xLarge, 2.5rem);margin-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-mx-2xl{margin-left:var(--ds-spacing-2xLarge, 3rem);margin-right:var(--ds-spacing-2xLarge, 3rem)}.ds-mx-3xl{margin-left:var(--ds-spacing-3xLarge, 3.5rem);margin-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-mx-4xl{margin-left:var(--ds-spacing-4xLarge, 4rem);margin-right:var(--ds-spacing-4xLarge, 4rem)}.ds-mx-5xl{margin-left:var(--ds-spacing-5xLarge, 4.5rem);margin-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-my-4xs{margin-top:var(--ds-spacing-4xSmall, 0.125rem);margin-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-my-3xs{margin-top:var(--ds-spacing-3xSmall, 0.25rem);margin-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-my-2xs{margin-top:var(--ds-spacing-2xSmall, 0.5rem);margin-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-my-xs{margin-top:var(--ds-spacing-xSmall, 0.75rem);margin-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-my-sm{margin-top:var(--ds-spacing-small, 1rem);margin-bottom:var(--ds-spacing-small, 1rem)}.ds-my-md{margin-top:var(--ds-spacing-medium, 1.5rem);margin-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-my-lg{margin-top:var(--ds-spacing-large, 2rem);margin-bottom:var(--ds-spacing-large, 2rem)}.ds-my-xl{margin-top:var(--ds-spacing-xLarge, 2.5rem);margin-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-my-2xl{margin-top:var(--ds-spacing-2xLarge, 3rem);margin-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-my-3xl{margin-top:var(--ds-spacing-3xLarge, 3.5rem);margin-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-my-4xl{margin-top:var(--ds-spacing-4xLarge, 4rem);margin-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-my-5xl{margin-top:var(--ds-spacing-5xLarge, 4.5rem);margin-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-p-4xs{padding:var(--ds-spacing-4xSmall, 0.125rem)}.ds-p-3xs{padding:var(--ds-spacing-3xSmall, 0.25rem)}.ds-p-2xs{padding:var(--ds-spacing-2xSmall, 0.5rem)}.ds-p-xs{padding:var(--ds-spacing-xSmall, 0.75rem)}.ds-p-sm{padding:var(--ds-spacing-small, 1rem)}.ds-p-md{padding:var(--ds-spacing-medium, 1.5rem)}.ds-p-lg{padding:var(--ds-spacing-large, 2rem)}.ds-p-xl{padding:var(--ds-spacing-xLarge, 2.5rem)}.ds-p-2xl{padding:var(--ds-spacing-2xLarge, 3rem)}.ds-p-3xl{padding:var(--ds-spacing-3xLarge, 3.5rem)}.ds-p-4xl{padding:var(--ds-spacing-4xLarge, 4rem)}.ds-p-5xl{padding:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pt-4xs{padding-top:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pt-3xs{padding-top:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pt-2xs{padding-top:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pt-xs{padding-top:var(--ds-spacing-xSmall, 0.75rem)}.ds-pt-sm{padding-top:var(--ds-spacing-small, 1rem)}.ds-pt-md{padding-top:var(--ds-spacing-medium, 1.5rem)}.ds-pt-lg{padding-top:var(--ds-spacing-large, 2rem)}.ds-pt-xl{padding-top:var(--ds-spacing-xLarge, 2.5rem)}.ds-pt-2xl{padding-top:var(--ds-spacing-2xLarge, 3rem)}.ds-pt-3xl{padding-top:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pt-4xl{padding-top:var(--ds-spacing-4xLarge, 4rem)}.ds-pt-5xl{padding-top:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pr-4xs{padding-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pr-3xs{padding-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pr-2xs{padding-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pr-xs{padding-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-pr-sm{padding-right:var(--ds-spacing-small, 1rem)}.ds-pr-md{padding-right:var(--ds-spacing-medium, 1.5rem)}.ds-pr-lg{padding-right:var(--ds-spacing-large, 2rem)}.ds-pr-xl{padding-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-pr-2xl{padding-right:var(--ds-spacing-2xLarge, 3rem)}.ds-pr-3xl{padding-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pr-4xl{padding-right:var(--ds-spacing-4xLarge, 4rem)}.ds-pr-5xl{padding-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pb-4xs{padding-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pb-3xs{padding-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pb-2xs{padding-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pb-xs{padding-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-pb-sm{padding-bottom:var(--ds-spacing-small, 1rem)}.ds-pb-md{padding-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-pb-lg{padding-bottom:var(--ds-spacing-large, 2rem)}.ds-pb-xl{padding-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-pb-2xl{padding-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-pb-3xl{padding-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pb-4xl{padding-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-pb-5xl{padding-bottom:var(--ds-spacing-5xLarge, 4.5rem)}.ds-pl-4xs{padding-left:var(--ds-spacing-4xSmall, 0.125rem)}.ds-pl-3xs{padding-left:var(--ds-spacing-3xSmall, 0.25rem)}.ds-pl-2xs{padding-left:var(--ds-spacing-2xSmall, 0.5rem)}.ds-pl-xs{padding-left:var(--ds-spacing-xSmall, 0.75rem)}.ds-pl-sm{padding-left:var(--ds-spacing-small, 1rem)}.ds-pl-md{padding-left:var(--ds-spacing-medium, 1.5rem)}.ds-pl-lg{padding-left:var(--ds-spacing-large, 2rem)}.ds-pl-xl{padding-left:var(--ds-spacing-xLarge, 2.5rem)}.ds-pl-2xl{padding-left:var(--ds-spacing-2xLarge, 3rem)}.ds-pl-3xl{padding-left:var(--ds-spacing-3xLarge, 3.5rem)}.ds-pl-4xl{padding-left:var(--ds-spacing-4xLarge, 4rem)}.ds-pl-5xl{padding-left:var(--ds-spacing-5xLarge, 4.5rem)}.ds-px-4xs{padding-left:var(--ds-spacing-4xSmall, 0.125rem);padding-right:var(--ds-spacing-4xSmall, 0.125rem)}.ds-px-3xs{padding-left:var(--ds-spacing-3xSmall, 0.25rem);padding-right:var(--ds-spacing-3xSmall, 0.25rem)}.ds-px-2xs{padding-left:var(--ds-spacing-2xSmall, 0.5rem);padding-right:var(--ds-spacing-2xSmall, 0.5rem)}.ds-px-xs{padding-left:var(--ds-spacing-xSmall, 0.75rem);padding-right:var(--ds-spacing-xSmall, 0.75rem)}.ds-px-sm{padding-left:var(--ds-spacing-small, 1rem);padding-right:var(--ds-spacing-small, 1rem)}.ds-px-md{padding-left:var(--ds-spacing-medium, 1.5rem);padding-right:var(--ds-spacing-medium, 1.5rem)}.ds-px-lg{padding-left:var(--ds-spacing-large, 2rem);padding-right:var(--ds-spacing-large, 2rem)}.ds-px-xl{padding-left:var(--ds-spacing-xLarge, 2.5rem);padding-right:var(--ds-spacing-xLarge, 2.5rem)}.ds-px-2xl{padding-left:var(--ds-spacing-2xLarge, 3rem);padding-right:var(--ds-spacing-2xLarge, 3rem)}.ds-px-3xl{padding-left:var(--ds-spacing-3xLarge, 3.5rem);padding-right:var(--ds-spacing-3xLarge, 3.5rem)}.ds-px-4xl{padding-left:var(--ds-spacing-4xLarge, 4rem);padding-right:var(--ds-spacing-4xLarge, 4rem)}.ds-px-5xl{padding-left:var(--ds-spacing-5xLarge, 4.5rem);padding-right:var(--ds-spacing-5xLarge, 4.5rem)}.ds-py-4xs{padding-top:var(--ds-spacing-4xSmall, 0.125rem);padding-bottom:var(--ds-spacing-4xSmall, 0.125rem)}.ds-py-3xs{padding-top:var(--ds-spacing-3xSmall, 0.25rem);padding-bottom:var(--ds-spacing-3xSmall, 0.25rem)}.ds-py-2xs{padding-top:var(--ds-spacing-2xSmall, 0.5rem);padding-bottom:var(--ds-spacing-2xSmall, 0.5rem)}.ds-py-xs{padding-top:var(--ds-spacing-xSmall, 0.75rem);padding-bottom:var(--ds-spacing-xSmall, 0.75rem)}.ds-py-sm{padding-top:var(--ds-spacing-small, 1rem);padding-bottom:var(--ds-spacing-small, 1rem)}.ds-py-md{padding-top:var(--ds-spacing-medium, 1.5rem);padding-bottom:var(--ds-spacing-medium, 1.5rem)}.ds-py-lg{padding-top:var(--ds-spacing-large, 2rem);padding-bottom:var(--ds-spacing-large, 2rem)}.ds-py-xl{padding-top:var(--ds-spacing-xLarge, 2.5rem);padding-bottom:var(--ds-spacing-xLarge, 2.5rem)}.ds-py-2xl{padding-top:var(--ds-spacing-2xLarge, 3rem);padding-bottom:var(--ds-spacing-2xLarge, 3rem)}.ds-py-3xl{padding-top:var(--ds-spacing-3xLarge, 3.5rem);padding-bottom:var(--ds-spacing-3xLarge, 3.5rem)}.ds-py-4xl{padding-top:var(--ds-spacing-4xLarge, 4rem);padding-bottom:var(--ds-spacing-4xLarge, 4rem)}.ds-py-5xl{padding-top:var(--ds-spacing-5xLarge, 4.5rem);padding-bottom:var(--ds-spacing-5xLarge, 4.5rem)}html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-heading-2xl{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing, -1.2px);font-stretch:var(--ds-fontWidth-condense);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading-2xl{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px}}.ds-heading-xl--hyphenated{hyphens:auto}.ds-heading-xl{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-heading-xl{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-heading-lg--hyphenated{hyphens:auto}.ds-heading-lg{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-lg{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading-md--hyphenated{hyphens:auto}.ds-heading-md{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-md{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading-sm--hyphenated{hyphens:auto}.ds-heading-sm{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-sm{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading-xs--hyphenated{hyphens:auto}.ds-heading-xs{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-xs{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-heading-2xs--hyphenated{hyphens:auto}.ds-heading-2xs{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-2xs{font-size:var(--ds-fontSize-16);line-height:18px}}.ds-bodytext-2xl{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodytext-2xl{font-size:var(--ds-fontSize-22)}}.ds-bodytext-xl{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodytext-xl{font-size:var(--ds-fontSize-20)}}.ds-bodytext-lg{color:var(--ds-textColor-default);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)}@media (min-width: 60rem){.ds-bodytext-lg{font-size:var(--ds-fontSize-18)}}.ds-bodytext-md{color:var(--ds-textColor-default);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)}@media (min-width: 60rem){.ds-bodytext-md{font-size:var(--ds-fontSize-16)}}.ds-bodytext-sm{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}@media (min-width: 60rem){.ds-bodytext-sm{font-size:var(--ds-fontSize-14)}}:root,:host{--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-shadow-overflow:0 0 8px 0 var(--ds-overlay-black-15, rgb(0 0 0 / 15%)), 0 0 1px 0 var(--ds-overlay-black-30, rgb(0 0 0 / 30%));--ds-shadow-overlay:0 8px 15px 0 var(--ds-overlay-black-15, rgb(0 0 0 / 15%)), 0 0 1px 0 var(--ds-overlay-black-30, rgb(0 0 0 / 30%));--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:#0084b8;--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:#d71f19;--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-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--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-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--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-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-50);--ds-borderColor-success:var(--ds-palette-green-50);--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-50);--ds-borderColor-attention:var(--ds-palette-yellow-50);--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-10);--ds-iconColor-white-active:var(--ds-palette-black-20);--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-50);--ds-iconColor-danger-hover:var(--ds-palette-red-60);--ds-iconColor-danger-active:var(--ds-palette-red-70);--ds-iconColor-success:var(--ds-palette-green-50);--ds-iconColor-success-hover:var(--ds-palette-green-60);--ds-iconColor-success-active:var(--ds-palette-green-70);--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-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;}@supports (font-variation-settings: normal){:root,:host{--ds-fontFamily-heading:"Open Sans Variable", sans-serif;--ds-fontFamily-body:"Open Sans Variable", sans-serif}}'),e}())?t:null),D&&(L?s.adoptedStyleSheets.push(D):s.adoptedStyleSheets=[...s.adoptedStyleSheets,D])}var U=e=>{const t=Se(e,"childNodes");e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&"SLOT-FB"!==e.tagName&&G(t,e.tagName).forEach((e=>{1===e.nodeType&&"SLOT-FB"===e.tagName&&(e.hidden=!!Y(e,Q(e),!1).length)}));let s=0;for(s=0;s<t.length;s++){const e=t[s];1===e.nodeType&&Se(e,"childNodes").length&&U(e)}},q=e=>{const t=[];for(let s=0;s<e.length;s++){const r=e[s]["s-nr"]\|\|void 0;r&&r.isConnected&&t.push(r)}return t};function G(e,t,s){let r,a=0,n=[];for(;a<e.length;a++){if(r=e[a],r["s-sr"]&&(!t\|\|r["s-hn"]===t)&&(void 0===s\|\|Q(r)===s)&&(n.push(r),void 0!==s))return n;n=[...n,...G(r.childNodes,t,s)]}return n}var Y=(e,t,s=!0)=>{const r=[];(s&&e["s-sr"]\|\|!e["s-sr"])&&r.push(e);let a=e;for(;a=a.nextSibling;)Q(a)!==t\|\|!s&&a["s-sr"]\|\|r.push(a);return r},J=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t\|\|e.getAttribute("slot")===t:e["s-sn"]===t\|\|""===t,K=(e,t,s,r)=>{if(e["s-ol"]&&e["s-ol"].isConnected)return;const a=document.createTextNode("");if(a["s-nr"]=e,!t["s-cr"]\|\|!t["s-cr"].parentNode)return;const n=t["s-cr"].parentNode,i=Se(n,s?"prepend":"appendChild");if(void 0!==r){a["s-oo"]=r;const e=Se(n,"childNodes"),t=[a];e.forEach((e=>{e["s-nr"]&&t.push(e)})),t.sort(((e,t)=>!e["s-oo"]\|\|e["s-oo"]<(t["s-oo"]\|\|0)?-1:!t["s-oo"]\|\|t["s-oo"]<e["s-oo"]?1:0)),t.forEach((e=>i.call(n,e)))}else i.call(n,a);e["s-ol"]=a,e["s-sh"]=t["s-hn"]},Q=e=>"string"==typeof e["s-sn"]?e["s-sn"]:1===e.nodeType&&e.getAttribute("slot")\|\|void 0;function X(e){if(e.assignedElements\|\|e.assignedNodes\|\|!e["s-sr"])return;const t=t=>function(e){const s=[],r=this["s-sn"];(null==e?void 0:e.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const a=this["s-cr"].parentElement;return(a.__childNodes?a.childNodes:q(a.childNodes)).forEach((e=>{r===Q(e)&&s.push(e)})),t?s.filter((e=>1===e.nodeType)):s}.bind(e);e.assignedElements=t(!0),e.assignedNodes=t(!1)}function Z(e){e.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}function ee(e,t){var s;if(!(t=t\|\|(null==(s=e["s-ol"])?void 0:s.parentElement)))return{slotNode:null,slotName:""};const r=e["s-sn"]=Q(e)\|\|"";return{slotNode:G(Se(t,"childNodes"),t.tagName,r)[0],slotName:r}}var te=e=>{const t=e.cloneNode;e.cloneNode=function(e){const s=this.shadowRoot&&true,r=t.call(this,!!s&&e);if(!s&&e){let e,t,s=0;const a=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],n=this.__childNodes\|\|this.childNodes;for(;s<n.length;s++)e=n[s]["s-nr"],t=a.every((e=>!n[s][e])),e&&(r.__appendChild?r.__appendChild(e.cloneNode(!0)):r.appendChild(e.cloneNode(!0))),t&&r.appendChild(n[s].cloneNode(!0))}return r}},se=e=>{e.__appendChild=e.appendChild,e.appendChild=function(e){const{slotName:t,slotNode:s}=ee(e,this);if(s){K(e,s);const r=Y(s,t),a=r[r.length-1],n=Se(a,"parentNode"),i=Se(n,"insertBefore")(e,a.nextSibling);return Z(s),U(this),i}return this.__appendChild(e)}},re=e=>{e.__removeChild=e.removeChild,e.removeChild=function(e){return e&&void 0!==e["s-sn"]&&G(this.__childNodes\|\|this.childNodes,this.tagName,e["s-sn"])&&e.isConnected?(e.remove(),void U(this)):this.__removeChild(e)}},ae=e=>{e.__prepend=e.prepend,e.prepend=function(...t){t.forEach((t=>{"string"==typeof t&&(t=this.ownerDocument.createTextNode(t));const s=(t["s-sn"]=Q(t))\|\|"",r=G(Se(this,"childNodes"),this.tagName,s)[0];if(r){K(t,r,!0);const e=Y(r,s)[0],a=Se(e,"parentNode"),n=Se(a,"insertBefore")(t,Se(e,"nextSibling"));return Z(r),n}return 1===t.nodeType&&t.getAttribute("slot")&&(t.hidden=!0),e.__prepend(t)}))}},ne=e=>{e.__append=e.append,e.append=function(...e){e.forEach((e=>{"string"==typeof e&&(e=this.ownerDocument.createTextNode(e)),this.appendChild(e)}))}},ie=e=>{const t=e.insertAdjacentHTML;e.insertAdjacentHTML=function(e,s){if("afterbegin"!==e&&"beforeend"!==e)return t.call(this,e,s);const r=this.ownerDocument.createElement("_");let a;if(r.innerHTML=s,"afterbegin"===e)for(;a=r.firstChild;)this.prepend(a);else if("beforeend"===e)for(;a=r.firstChild;)this.append(a)}},le=e=>{e.insertAdjacentText=function(e,t){this.insertAdjacentHTML(e,t)}},de=e=>{e.__insertBefore\|\|(e.__insertBefore=e.insertBefore,e.insertBefore=function(e,t){const{slotName:s,slotNode:r}=ee(e,this),a=this.__childNodes?this.childNodes:q(this.childNodes);if(r){let n=!1;if(a.forEach((a=>{if(a!==t&&null!==t);else{if(n=!0,null===t\|\|s!==t["s-sn"])return void this.appendChild(e);if(s===t["s-sn"]){K(e,r);const s=Se(t,"parentNode");Se(s,"insertBefore")(e,t),Z(r)}}})),n)return e}const n=null==t?void 0:t.__parentNode;return n&&!this.isSameNode(n)?this.appendChild(e):this.__insertBefore(e,t)})},oe=e=>{const t=e.insertAdjacentElement;e.insertAdjacentElement=function(e,s){return"afterbegin"!==e&&"beforeend"!==e?t.call(this,e,s):"afterbegin"===e?(this.prepend(s),s):"beforeend"===e?(this.append(s),s):s}},ge=e=>{ye("textContent",e),Object.defineProperty(e,"textContent",{get:function(){let e="";return(this.__childNodes?this.childNodes:q(this.childNodes)).forEach((t=>e+=t.textContent\|\|"")),e},set:function(e){(this.__childNodes?this.childNodes:q(this.childNodes)).forEach((e=>{e["s-ol"]&&e["s-ol"].remove(),e.remove()})),this.insertAdjacentHTML("beforeend",e)}})},me=e=>{class t extends Array{item(e){return this[e]}}ye("children",e),Object.defineProperty(e,"children",{get(){return this.childNodes.filter((e=>1===e.nodeType))}}),Object.defineProperty(e,"childElementCount",{get(){return this.children.length}}),ye("firstChild",e),Object.defineProperty(e,"firstChild",{get(){return this.childNodes[0]}}),ye("lastChild",e),Object.defineProperty(e,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),ye("childNodes",e),Object.defineProperty(e,"childNodes",{get(){const e=new t;return e.push(...q(this.__childNodes)),e}})},ce=e=>{e&&void 0===e.__nextSibling&&globalThis.Node&&(pe(e),ve(e),ue(e),e.nodeType===Node.ELEMENT_NODE&&(fe(e),he(e)))},pe=e=>{e&&!e.__nextSibling&&(ye("nextSibling",e),Object.defineProperty(e,"nextSibling",{get:function(){var e;const t=null==(e=this["s-ol"])?void 0:e.parentNode.childNodes,s=null==t?void 0:t.indexOf(this);return t&&s>-1?t[s+1]:this.__nextSibling}}))},fe=e=>{e&&!e.__nextElementSibling&&(ye("nextElementSibling",e),Object.defineProperty(e,"nextElementSibling",{get:function(){var e;const t=null==(e=this["s-ol"])?void 0:e.parentNode.children,s=null==t?void 0:t.indexOf(this);return t&&s>-1?t[s+1]:this.__nextElementSibling}}))},ve=e=>{e&&!e.__previousSibling&&(ye("previousSibling",e),Object.defineProperty(e,"previousSibling",{get:function(){var e;const t=null==(e=this["s-ol"])?void 0:e.parentNode.childNodes,s=null==t?void 0:t.indexOf(this);return t&&s>-1?t[s-1]:this.__previousSibling}}))},he=e=>{e&&!e.__previousElementSibling&&(ye("previousElementSibling",e),Object.defineProperty(e,"previousElementSibling",{get:function(){var e;const t=null==(e=this["s-ol"])?void 0:e.parentNode.children,s=null==t?void 0:t.indexOf(this);return t&&s>-1?t[s-1]:this.__previousElementSibling}}))},ue=e=>{e&&!e.__parentNode&&(ye("parentNode",e),Object.defineProperty(e,"parentNode",{get:function(){var e;return(null==(e=this["s-ol"])?void 0:e.parentNode)\|\|this.__parentNode},set:function(e){this.__parentNode=e}}))},xe=["children","nextElementSibling","previousElementSibling"],be=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function ye(e,t){if(!globalThis.Node\|\|!globalThis.Element)return;let s;xe.includes(e)?s=Object.getOwnPropertyDescriptor(Element.prototype,e):be.includes(e)&&(s=Object.getOwnPropertyDescriptor(Node.prototype,e)),s\|\|(s=Object.getOwnPropertyDescriptor(t,e)),s&&Object.defineProperty(t,"__"+e,s)}function Se(e,t){if("__"+t in e){const s=e["__"+t];return"function"!=typeof s?s:s.bind(e)}return"function"!=typeof e[t]?e[t]:e[t].bind(e)}var we=new WeakMap,Ce=(e,t,s)=>{let r=f.get(e);$&&s?(r=r\|\|new CSSStyleSheet,"string"==typeof r?r=t:r.replaceSync(t)):r=t,f.set(e,r)},ke=(e,t)=>{var s;const r=$e(t),a=f.get(r);if(!S.document)return r;if(e=11===e.nodeType?e:S.document,a)if("string"==typeof a){let n,i=we.get(e=e.head\|\|e);if(i\|\|we.set(e,i=new Set),!i.has(r)){if(e.host&&(n=e.querySelector(`[${h}="${r}"]`)))n.innerHTML=a;else{n=S.document.createElement("style"),n.innerHTML=a;const r=null!=(s=C.v)?s:M(S.document);if(null!=r&&n.setAttribute("nonce",r),!(1&t.m))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),s=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(n,(null==s?void 0:s.parentNode)===e?s:null)}else if("host"in e)if($){const t=new CSSStyleSheet;t.replaceSync(a),L?e.adoptedStyleSheets.unshift(t):e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=a+t.innerHTML:e.prepend(n)}else e.append(n);1&t.m&&e.insertBefore(n,null)}4&t.m&&(n.innerHTML+=x),i&&i.add(r)}}else e.adoptedStyleSheets.includes(a)\|\|(L?e.adoptedStyleSheets.push(a):e.adoptedStyleSheets=[...e.adoptedStyleSheets,a]);return r},$e=e=>"sc-"+e.h,Le=e=>e.replace(/\/\!@([^\/]+)\\/[^\{]+\{/g,"$1{"),ze=(e,t,...s)=>{let r=null,a=null,n=null,i=!1,l=!1;const d=[],o=t=>{for(let s=0;s<t.length;s++)r=t[s],Array.isArray(r)?o(r):null!=r&&"boolean"!=typeof r&&((i="function"!=typeof e&&!H(r))&&(r+=""),i&&l?d[d.length-1].u+=r:d.push(i?We(null,r):r),l=i)};if(o(s),t){t.key&&(a=t.key),t.name&&(n=t.name);{const e=t.className\|\|t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,d,Oe);const g=We(e,null);return g.S=t,d.length>0&&(g.C=d),g.k=a,g.$=n,g},We=(e,t)=>({m:0,L:e,u:t,W:null,C:null,S:null,k:null,$:null}),je={},Oe={forEach:(e,t)=>e.map(Ne).forEach(t),map:(e,t)=>e.map(Ne).map(t).map(Be)},Ne=e=>({vattrs:e.S,vchildren:e.C,vkey:e.k,vname:e.$,vtag:e.L,vtext:e.u}),Be=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),ze(e.vtag,t,...e.vchildren\|\|[])}const t=We(e.vtag,e.vtext);return t.S=e.vattrs,t.C=e.vchildren,t.k=e.vkey,t.$=e.vname,t},Ee=(e,t,s,r,a,n,i,l=[])=>{let d,o,g,m;const c=a["s-sc"];if(1===n.nodeType){if(d=n.getAttribute(u),d&&(o=d.split("."),o[0]===i\|\|"0"===o[0])){g=He({m:0,j:o[0],O:o[1],N:o[2],B:o[3],L:n.tagName.toLowerCase(),W:n,S:{class:n.className\|\|""}}),t.push(g),n.removeAttribute(u),e.C\|\|(e.C=[]),c&&o[0]===i&&(n["s-si"]=c,g.S.class+=" "+c);const a=g.W.getAttribute("s-sn");"string"==typeof a&&("slot-fb"===g.L&&(Me(a,o[2],g,n,e,t,s,r,l),c&&n.classList.add(c)),g.W["s-sn"]=a,g.W.removeAttribute("s-sn")),void 0!==g.B&&(e.C[g.B]=g),e=g,r&&"0"===g.N&&(r[g.B]=g.W)}if(n.shadowRoot)for(m=n.shadowRoot.childNodes.length-1;m>=0;m--)Ee(e,t,s,r,a,n.shadowRoot.childNodes[m],i,l);const p=n.__childNodes\|\|n.childNodes;for(m=p.length-1;m>=0;m--)Ee(e,t,s,r,a,p[m],i,l)}else if(8===n.nodeType)o=n.nodeValue.split("."),(o[1]===i\|\|"0"===o[1])&&(d=o[0],g=He({j:o[1],O:o[2],N:o[3],B:o[4]\|\|"0",W:n,S:null,C:null,k:null,$:null,L:null,u:null}),"t"===d?(g.W=Re(n,3),g.W&&3===g.W.nodeType&&(g.u=g.W.textContent,t.push(g),n.remove(),i===g.j&&(e.C\|\|(e.C=[]),e.C[g.B]=g),r&&"0"===g.N&&(r[g.B]=g.W))):"c"===d?(g.W=Re(n,8),g.W&&8===g.W.nodeType&&(t.push(g),n.remove())):g.j===i&&("s"===d?Me(n["s-sn"]=o[5]\|\|"",o[2],g,n,e,t,s,r,l):"r"===d&&(r?n.remove():(a["s-cr"]=n,n["s-cn"]=!0))));else if(e&&"style"===e.L){const t=We(null,n.textContent);t.W=n,t.B="0",e.C=[t]}else 3!==n.nodeType\|\|n.wholeText.trim()\|\|n["s-nr"]\|\|n.remove();return e},Fe=(e,t)=>{if(1===e.nodeType){const s=e[v]\|\|e.getAttribute(v);s&&t.set(s,e);let r=0;if(e.shadowRoot)for(;r<e.shadowRoot.childNodes.length;r++)Fe(e.shadowRoot.childNodes[r],t);const a=e.__childNodes\|\|e.childNodes;for(r=0;r<a.length;r++)Fe(a[r],t)}else if(8===e.nodeType){const s=e.nodeValue.split(".");"o"===s[0]&&(t.set(s[1]+"."+s[2],e),e.nodeValue="",e["s-en"]=s[3])}},He=e=>({m:0,j:null,O:null,N:null,B:"0",W:null,S:null,C:null,k:null,$:null,L:null,u:null,...e});function Me(e,t,s,r,a,n,i,l,d){r["s-sr"]=!0,s.$=e\|\|null,s.L="slot";const o=(null==a?void 0:a.W)?a.W["s-id"]\|\|a.W.getAttribute("s-id"):"";if(l&&S.document){const n=s.W=S.document.createElement(s.L);s.$&&s.W.setAttribute("name",e),a.W.shadowRoot&&o&&o!==s.j?Se(a.W,"insertBefore")(n,Se(a.W,"children")[0]):Se(Se(r,"parentNode"),"insertBefore")(n,r),Pe(d,t,e,r,s.j),r.remove(),"0"===s.N&&(l[s.B]=s.W)}else{const n=s.W,i=o&&o!==s.j&&a.W.shadowRoot;Pe(d,t,e,r,i?o:s.j),X(r),i&&a.W.insertBefore(n,a.W.children[0])}n.push(s),i.push(s),a.C\|\|(a.C=[]),a.C[s.B]=s}var Pe=(e,t,s,r,a)=>{var n,i;let l=r.nextSibling;if(e[t]=e[t]\|\|[],l&&!(null==(n=l.nodeValue)?void 0:n.startsWith("s.")))do{!l\|\|(l.getAttribute&&l.getAttribute("slot")\|\|l["s-sn"])!==s&&(""!==s\|\|l["s-sn"]\|\|l.getAttribute&&l.getAttribute("slot")\|\|8!==l.nodeType&&3!==l.nodeType)\|\|(l["s-sn"]=s,e[t].push({slot:r,node:l,hostId:a})),l=null==l?void 0:l.nextSibling}while(l&&!(null==(i=l.nodeValue)?void 0:i.startsWith("s.")))},Re=(e,t)=>{let s=e;do{s=s.nextSibling}while(s&&(s.nodeType!==t\|\|!s.nodeValue));return s},Te=e=>{const t=(e=>e.replace(/[.+?^${}()\|[\]\\]/g,"\\$&"))(e);return RegExp(`(^\|[^@]\|@(?!supports\\s+selector\\s\\([^{]?${t}))(${t}\\b)`,"g")};Te("::slotted"),Te(":host"),Te(":host-context");var Ae,De,Ie,Ve=(e,t,s)=>"string"==typeof e&&e.startsWith(l)?e=function(e){return"string"==typeof e&&e.startsWith(l)?P.fromLocalValue(JSON.parse(atob(e.slice(11)))):e}(e):null==e\|\|H(e)?e:4&t?(s&&"string"==typeof e\|\|"false"!==e)&&(""===e\|\|!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,_e=e=>{var t;return null==(t=o(e))?void 0:t.$hostElement$},Ue=(e,t)=>{const s=_e(e);return{emit:e=>qe(s,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},qe=(e,t,s)=>{const r=C.ce(t,s);return e.dispatchEvent(r),r},Ge=(e,t,s,r,a,n,i)=>{if(s===r)return;let l=m(e,t),d=t.toLowerCase();if("class"===t){const t=e.classList,a=Je(s);let n=Je(r);if((e["s-si"]\|\|e["s-sc"])&&i){const s=e["s-sc"]\|\|e["s-si"];n.push(s),a.forEach((e=>{e.startsWith(s)&&n.push(e)})),n=[...new Set(n)].filter((e=>e)),t.add(...n)}else t.remove(...a.filter((e=>e&&!n.includes(e)))),t.add(...n.filter((e=>e&&!a.includes(e))))}else if("style"===t){for(const t in s)r&&null!=r[t]\|\|(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in r)s&&r[t]===s[t]\|\|(t.includes("-")?e.style.setProperty(t,r[t]):e.style[t]=r[t])}else if("key"===t);else if("ref"===t)r&&r(e);else if(l\|\|"o"!==t[0]\|\|"n"!==t[1]){const i=H(r);if((l\|\|i&&null!==r)&&!a)try{if(e.tagName.includes("-"))e[t]!==r&&(e[t]=r);else{const a=null==r?"":r;"list"===t?l=!1:null!=s&&e[t]==a\|\|("function"==typeof e.__lookupSetter__(t)?e[t]=a:e.setAttribute(t,a))}}catch(e){}let o=!1;d!==(d=d.replace(/^xlink\:?/,""))&&(t=d,o=!0),null==r\|\|!1===r?!1===r&&""!==e.getAttribute(t)\|\|(o?e.removeAttributeNS(b,t):e.removeAttribute(t)):(!l\|\|4&n\|\|a)&&!i&&1===e.nodeType&&(r=!0===r?"":r,o?e.setAttributeNS(b,t,r):e.setAttribute(t,r))}else if(t="-"===t[2]?t.slice(3):m(S,d)?d.slice(2):d[2]+t.slice(3),s\|\|r){const a=t.endsWith(Ke);t=t.replace(Qe,""),s&&C.rel(e,t,s,a),r&&C.ael(e,t,r,a)}},Ye=/\s/,Je=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(Ye):[]),Ke="Capture",Qe=RegExp(Ke+"$"),Xe=(e,t,s,r)=>{const a=11===t.W.nodeType&&t.W.host?t.W.host:t.W,n=e&&e.S\|\|{},i=t.S\|\|{};for(const e of Ze(Object.keys(n)))e in i\|\|Ge(a,e,n[e],void 0,s,t.m,r);for(const e of Ze(Object.keys(i)))Ge(a,e,n[e],i[e],s,t.m,r)};function Ze(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var et=!1,tt=!1,st=!1,rt=!1,at=(e,t,s)=>{var r;const a=t.C[s];let n,i,l,d=0;if(et\|\|(st=!0,"slot"===a.L&&(a.m\|=a.C?2:1)),null!==a.u)n=a.W=S.document.createTextNode(a.u);else if(1&a.m)n=a.W=S.document.createTextNode(""),Xe(null,a,rt);else{if(rt\|\|(rt="svg"===a.L),!S.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(n=a.W=S.document.createElementNS(rt?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!et&&2&a.m?"slot-fb":a.L),rt&&"foreignObject"===a.L&&(rt=!1),Xe(null,a,rt),null!=Ae&&void 0!==Ae&&n["s-si"]!==Ae&&n.classList.add(n["s-si"]=Ae),a.C)for(d=0;d<a.C.length;++d)i=at(e,a,d),i&&n.appendChild(i);"svg"===a.L?rt=!1:"foreignObject"===n.tagName&&(rt=!0)}return n["s-hn"]=Ie,3&a.m&&(n["s-sr"]=!0,n["s-cr"]=De,n["s-sn"]=a.$\|\|"",n["s-rf"]=null==(r=a.S)?void 0:r.ref,X(n),l=e&&e.C&&e.C[s],l&&l.L===a.L&&e.W&&nt(e.W),ht(De,n,t.W,null==e?void 0:e.W)),n},nt=e=>{C.m\|=1;const t=e.closest(Ie.toLowerCase());if(null!=t){const s=Array.from(t.__childNodes\|\|t.childNodes).find((e=>e["s-cr"])),r=Array.from(e.__childNodes\|\|e.childNodes);for(const e of s?r.reverse():r)null!=e["s-sh"]&&(vt(t,e,null!=s?s:null),e["s-sh"]=void 0,st=!0)}C.m&=-2},it=(e,t)=>{C.m\|=1;const s=Array.from(e.__childNodes\|\|e.childNodes);if(e["s-sr"]){let t=e;for(;t=t.nextSibling;)t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===Ie&&s.push(t)}for(let e=s.length-1;e>=0;e--){const r=s[e];r["s-hn"]!==Ie&&r["s-ol"]&&(vt(gt(r).parentNode,r,gt(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,st=!0),t&&it(r,t)}C.m&=-2},lt=(e,t,s,r,a,n)=>{let i,l=e["s-cr"]&&e["s-cr"].parentNode\|\|e;for(l.shadowRoot&&l.tagName===Ie&&(l=l.shadowRoot);a<=n;++a)r[a]&&(i=at(null,s,a),i&&(r[a].W=i,vt(l,i,gt(t))))},dt=(e,t,s)=>{for(let r=t;r<=s;++r){const t=e[r];if(t){const e=t.W;ft(t),e&&(tt=!0,e["s-ol"]?e["s-ol"].remove():it(e,!0),e.remove())}}},ot=(e,t,s=!1)=>e.L===t.L&&("slot"===e.L?e.$===t.$:s?(s&&!e.k&&t.k&&(e.k=t.k),!0):e.k===t.k),gt=e=>e&&e["s-ol"]\|\|e,mt=(e,t,s=!1)=>{const r=t.W=e.W,a=e.C,n=t.C,i=t.L,l=t.u;let d;null===l?(rt="svg"===i\|\|"foreignObject"!==i&&rt,"slot"!==i\|\|et\|\|e.$!==t.$&&(t.W["s-sn"]=t.$\|\|"",nt(t.W.parentElement)),Xe(e,t,rt,s),null!==a&&null!==n?((e,t,s,r,a=!1)=>{let n,i,l=0,d=0,o=0,g=0,m=t.length-1,c=t[0],p=t[m],f=r.length-1,v=r[0],h=r[f];for(;l<=m&&d<=f;)if(null==c)c=t[++l];else if(null==p)p=t[--m];else if(null==v)v=r[++d];else if(null==h)h=r[--f];else if(ot(c,v,a))mt(c,v,a),c=t[++l],v=r[++d];else if(ot(p,h,a))mt(p,h,a),p=t[--m],h=r[--f];else if(ot(c,h,a))"slot"!==c.L&&"slot"!==h.L\|\|it(c.W.parentNode,!1),mt(c,h,a),vt(e,c.W,p.W.nextSibling),c=t[++l],h=r[--f];else if(ot(p,v,a))"slot"!==c.L&&"slot"!==h.L\|\|it(p.W.parentNode,!1),mt(p,v,a),vt(e,p.W,c.W),p=t[--m],v=r[++d];else{for(o=-1,g=l;g<=m;++g)if(t[g]&&null!==t[g].k&&t[g].k===v.k){o=g;break}o>=0?(i=t[o],i.L!==v.L?n=at(t&&t[d],s,o):(mt(i,v,a),t[o]=void 0,n=i.W),v=r[++d]):(n=at(t&&t[d],s,d),v=r[++d]),n&&vt(gt(c.W).parentNode,n,gt(c.W))}l>m?lt(e,null==r[f+1]?null:r[f+1].W,s,r,d,f):d>f&&dt(t,l,m)})(r,a,t,n,s):null!==n?(null!==e.u&&(r.textContent=""),lt(r,null,t,n,0,n.length-1)):s\|\|null===a?s&&null!==a&&null===n&&(t.C=a):dt(a,0,a.length-1),rt&&"svg"===i&&(rt=!1)):(d=r["s-cr"])?d.parentNode.textContent=l:e.u!==l&&(r.data=l)},ct=[],pt=e=>{let t,s,r;const a=e.__childNodes\|\|e.childNodes;for(const e of a){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){s=t.parentNode.__childNodes\|\|t.parentNode.childNodes;const a=e["s-sn"];for(r=s.length-1;r>=0;r--)if(t=s[r],!(t["s-cn"]\|\|t["s-nr"]\|\|t["s-hn"]===e["s-hn"]\|\|t["s-sh"]&&t["s-sh"]===e["s-hn"]))if(J(t,a)){let s=ct.find((e=>e.F===t));tt=!0,t["s-sn"]=t["s-sn"]\|\|a,s?(s.F["s-sh"]=e["s-hn"],s.H=e):(t["s-sh"]=e["s-hn"],ct.push({H:e,F:t})),t["s-sr"]&&ct.map((e=>{J(e.F,t["s-sn"])&&(s=ct.find((e=>e.F===t)),s&&!e.H&&(e.H=s.H))}))}else ct.some((e=>e.F===t))\|\|ct.push({F:t})}1===e.nodeType&&pt(e)}},ft=e=>{e.S&&e.S.ref&&e.S.ref(null),e.C&&e.C.map(ft)},vt=(e,t,s)=>{if("string"==typeof t["s-sn"]&&t["s-sr"]&&t["s-cr"])ht(t["s-cr"],t,e,t.parentElement);else if("string"==typeof t["s-sn"]){11!==e.getRootNode().nodeType&&ue(t),e.insertBefore(t,s);const{slotNode:r}=ee(t);return r&&Z(r),t}return e.__insertBefore?e.__insertBefore(t,s):null==e?void 0:e.insertBefore(t,s)};function ht(e,t,s,r){var a,n;let i;if(e&&"string"==typeof t["s-sn"]&&t["s-sr"]&&e.parentNode&&e.parentNode["s-sc"]&&(i=t["s-si"]\|\|e.parentNode["s-sc"])){const e=t["s-sn"],l=t["s-hn"];if(null==(a=s.classList)\|\|a.add(i+"-s"),r&&(null==(n=r.classList)?void 0:n.contains(i+"-s"))){let t=(r.__childNodes\|\|r.childNodes)[0],s=!1;for(;t;){if(t["s-sn"]!==e&&t["s-hn"]===l&&t["s-sr"]){s=!0;break}t=t.nextSibling}s\|\|r.classList.remove(i+"-s")}}}var ut=(e,t)=>{if(t&&!e.M&&t["s-p"]){const s=t["s-p"].push(new Promise((r=>e.M=()=>{t["s-p"].splice(s-1,1),r()})))}},xt=(e,t)=>{if(e.m\|=16,4&e.m)return void(e.m\|=512);ut(e,e.P);const s=()=>bt(e,t);if(!t)return F(s);queueMicrotask((()=>{s()}))},bt=(e,t)=>{const s=e.$hostElement$,r=e.o;if(!r)throw Error(`Can't render component <${s.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let a;return t?(e.m\|=256,e.R&&(e.R.map((([e,t])=>jt(r,e,t,s))),e.R=void 0),e.T.length&&e.T.forEach((e=>e(s))),a=jt(r,"componentWillLoad",void 0,s)):a=jt(r,"componentWillUpdate",void 0,s),a=yt(a,(()=>jt(r,"componentWillRender",void 0,s))),yt(a,(()=>wt(e,r,t)))},yt=(e,t)=>St(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),St=e=>e instanceof Promise\|\|e&&e.then&&"function"==typeof e.then,wt=async(e,t,s)=>{var r;const a=e.$hostElement$,n=a["s-rc"];s&&(e=>{const t=e.i,s=e.$hostElement$,r=t.m,a=ke(s.shadowRoot?s.shadowRoot:s.getRootNode(),t);10&r&&(s["s-sc"]=a,s.classList.add(a+"-h"))})(e);kt(e,t,a,s),n&&(n.map((e=>e())),a["s-rc"]=void 0);{const t=null!=(r=a["s-p"])?r:[],s=()=>Lt(e);0===t.length?s():(Promise.all(t).then(s),e.m\|=4,t.length=0)}},Ct=null,kt=(e,t,s,r)=>{try{Ct=t,t=t.render&&t.render(),e.m&=-17,e.m\|=2,((e,t,s=!1)=>{var r,a,n,i,l;const d=e.$hostElement$,o=e.i,g=e.A\|\|We(null,null),m=(e=>e&&e.L===je)(t)?t:ze(null,null,t);if(Ie=d.tagName,o.D&&(m.S=m.S\|\|{},o.D.forEach((([e,t])=>{m.S[t]=d[e]}))),s&&m.S)for(const e of Object.keys(m.S))d.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(m.S[e]=d[e]);if(m.L=null,m.m\|=4,e.A=m,m.W=g.W=d.shadowRoot\|\|d,Ae=d["s-sc"],et=!(!(1&o.m)\|\|128&o.m),De=d["s-cr"],tt=!1,mt(g,m,s),C.m\|=1,st){pt(m.W);for(const e of ct){const t=e.F;if(!t["s-ol"]&&S.document){const e=S.document.createTextNode("");e["s-nr"]=t,vt(t.parentNode,t["s-ol"]=e,t)}}for(const e of ct){const t=e.F,l=e.H;if(l){const e=l.parentNode;let s=l.nextSibling;if(s&&1===s.nodeType){let n=null==(r=t["s-ol"])?void 0:r.previousSibling;for(;n;){let r=null!=(a=n["s-nr"])?a:null;if(r&&r["s-sn"]===t["s-sn"]&&e===(r.__parentNode\|\|r.parentNode)){for(r=r.nextSibling;r===t\|\|(null==r?void 0:r["s-sr"]);)r=null==r?void 0:r.nextSibling;if(!r\|\|!r["s-nr"]){s=r;break}}n=n.previousSibling}}(!s&&e!==(t.__parentNode\|\|t.parentNode)\|\|(t.__nextSibling\|\|t.nextSibling)!==s)&&t!==s&&(vt(e,t,s),1===t.nodeType&&"SLOT-FB"!==t.tagName&&(t.hidden=null!=(n=t["s-ih"])&&n)),t&&"function"==typeof l["s-rf"]&&l["s-rf"](l)}else 1===t.nodeType&&(s&&(t["s-ih"]=null!=(i=t.hidden)&&i),t.hidden=!0)}}if(tt&&U(m.W),C.m&=-2,ct.length=0,2&o.m){const e=m.W.__childNodes\|\|m.W.childNodes;for(const t of e)t["s-hn"]===Ie\|\|t["s-sh"]\|\|(s&&null==t["s-ih"]&&(t["s-ih"]=null!=(l=t.hidden)&&l),t.hidden=!0)}De=void 0})(e,t,r)}catch(t){c(t,e.$hostElement$)}return Ct=null,null},$t=()=>Ct,Lt=e=>{const t=e.$hostElement$,s=e.o,r=e.P;jt(s,"componentDidRender",void 0,t),64&e.m?jt(s,"componentDidUpdate",void 0,t):(e.m\|=64,Ot(t),jt(s,"componentDidLoad",void 0,t),e.I(t),r\|\|Wt()),e.V(t),e.M&&(e.M(),e.M=void 0),512&e.m&&E((()=>xt(e,!1))),e.m&=-517},zt=e=>{var t;{const s=o(e),r=null==(t=null==s?void 0:s.$hostElement$)?void 0:t.isConnected;return r&&2==(18&s.m)&&xt(s,!1),r}},Wt=()=>{var e;E((()=>qe(S,"appload",{detail:{namespace:"component-library"}}))),(null==(e=C._)?void 0:e.size)&&C._.clear()},jt=(e,t,s,r)=>{if(e&&e[t])try{return e[t](s)}catch(e){c(e,r)}},Ot=e=>e.classList.add("hydrated"),Nt=(e,t,s,r)=>{const a=o(e);if(!a)return;if(!a)throw Error(`Couldn't find host element for "${r.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const n=a.$hostElement$,i=a.l.get(t),l=a.m,d=a.o;if(s=Ve(s,r.t[t][0],!!(64&r.m)),(!(8&l)\|\|void 0===i)&&s!==i&&(!Number.isNaN(i)\|\|!Number.isNaN(s))&&(a.l.set(t,s),d)){if(r.U&&128&l){const e=r.U[t];e&&e.map((e=>{try{d[e](s,i,t)}catch(e){c(e,n)}}))}if(2==(18&l)){if(d.componentShouldUpdate&&!1===d.componentShouldUpdate(s,i,t))return;xt(a,!1)}}},Bt=(e,t,s)=>{var r,a;const n=e.prototype;64&t.m&&1&s&&y.forEach((e=>{Object.defineProperty(n,e,{value(...t){var s;const r=o(this),a=null==r?void 0:r.o;if(a){const s=a[e];"function"==typeof s&&s.call(a,...t)}else null==(s=null==r?void 0:r.q)\|\|s.then((s=>{const r=s[e];"function"==typeof r&&r.call(s,...t)}))}})}));{e.watchers&&!t.U&&(t.U=e.watchers),e.deserializers&&!t.G&&(t.G=e.deserializers),e.serializers&&!t.Y&&(t.Y=e.serializers);const i=Object.entries(null!=(r=t.t)?r:{});if(i.map((([e,[r]])=>{if(31&r\|\|2&s&&32&r){const{get:a,set:i}=Object.getOwnPropertyDescriptor(n,e)\|\|{};a&&(t.t[e][0]\|=2048),i&&(t.t[e][0]\|=4096),(1&s\|\|!a)&&Object.defineProperty(n,e,{get(){{if(!(2048&t.t[e][0]))return((e,t)=>o(this).l.get(t))(0,e);const s=o(this),r=s?s.o:n;if(!r)return;return r[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(n,e,{set(a){const n=o(this);if(n){if(i)return void 0===(32&r?this[e]:n.$hostElement$[e])&&n.l.get(e)&&(a=n.l.get(e)),i.call(this,Ve(a,r,!!(64&t.m))),void Nt(this,e,a=32&r?this[e]:n.$hostElement$[e],t);{if(!(1&s&&4096&t.t[e][0]))return Nt(this,e,a,t),void(1&s&&!n.o&&n.T.push((()=>{4096&t.t[e][0]&&n.o[e]!==n.l.get(e)&&(n.o[e]=a)})));const i=()=>{const s=n.o[e];!n.l.get(e)&&s&&n.l.set(e,s),n.o[e]=Ve(a,r,!!(64&t.m)),Nt(this,e,n.o[e],t)};n.o?i():n.T.push((()=>{i()}))}}}})}else 1&s&&64&r&&Object.defineProperty(n,e,{value(...t){var s;const r=o(this);return null==(s=null==r?void 0:r.J)?void 0:s.then((()=>{var s;return null==(s=r.o)?void 0:s[e](...t)}))}})})),1&s){const s=new Map;n.attributeChangedCallback=function(e,r,a){C.jmp((()=>{var l;const d=s.get(e),g=o(this);if(this.hasOwnProperty(d)&&(a=this[d],delete this[d]),n.hasOwnProperty(d)&&"number"==typeof this[d]&&this[d]==a)return;if(null==d){const s=null==g?void 0:g.m;if(g&&s&&!(8&s)&&128&s&&a!==r){const s=g.o,n=null==(l=t.U)?void 0:l[e];null==n\|\|n.forEach((t=>{null!=s[t]&&s[t].call(s,a,r,e)}))}return}const m=i.find((([e])=>e===d));m&&4&m[1][0]&&(a=null!==a&&"false"!==a);const c=Object.getOwnPropertyDescriptor(n,d);a==this[d]\|\|c.get&&!c.set\|\|(this[d]=a)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(a=t.U)?a:{}),...i.filter((([e,t])=>31&t[0])).map((([e,r])=>{var a;const n=r[1]\|\|e;return s.set(n,e),512&r[0]&&(null==(a=t.D)\|\|a.push([e,n])),n}))]))}}return e},Et=(e,t)=>{jt(e,"connectedCallback",void 0,t)},Ft=e=>{if(!(1&C.m)){const t=o(e);if(!t)return;const s=t.i,r=()=>{};if(1&t.m)Tt(e,t,s.K),(null==t?void 0:t.o)?Et(t.o,e):(null==t?void 0:t.q)&&t.q.then((()=>Et(t.o,e)));else{let r;if(t.m\|=1,r=e.getAttribute(v),r){if(1&s.m){const t=ke(e.shadowRoot,s);e.classList.remove(t+"-h",t+"-s")}else if(2&s.m){const t=$e(s);e["s-sc"]=t}((e,t,s,r)=>{var a,n;const i=e.shadowRoot,l=[],d=[],g=[],m=i?[]:null,c=We(t,null);let p;c.W=e;{const t=r.i;t&&10&t.m&&e["s-sc"]?(p=e["s-sc"],e.classList.add(p+"-h")):e["s-sc"]&&delete e["s-sc"]}!S.document\|\|C._&&C._.size\|\|Fe(S.document.body,C._=new Map),e[v]=s,e.removeAttribute(v),r.A=Ee(c,l,d,m,e,e,s,g);let f=0;const h=l.length;let u;for(;f<h;f++){u=l[f];const s=u.j+"."+u.O,r=C._.get(s),n=u.W;if(i){if((null==(a=u.L)?void 0:(""+a).includes("-"))&&"slot-fb"!==u.L&&!u.W.shadowRoot){const t=o(u.W);if(t){const s=$e(t.i),r=S.document.querySelector(`style[sty-id="${s}"]`);r&&e.shadowRoot.append(r.cloneNode(!0))}}}else n["s-hn"]=t.toUpperCase(),"slot"===u.L&&(n["s-cr"]=e["s-cr"]);"slot"===u.L&&(u.$=u.W["s-sn"]\|\|u.W.name\|\|null,u.C?(u.m\|=2,u.W.childNodes.length\|\|u.C.forEach((e=>{u.W.appendChild(e.W)}))):u.m\|=1),r&&r.isConnected&&(r.parentElement.shadowRoot&&""===r["s-en"]&&r.parentNode.insertBefore(n,r.nextSibling),r.parentNode.removeChild(r),i\|\|(n["s-oo"]=parseInt(u.O))),r&&!r["s-id"]&&C._.delete(s)}const x=[],b=g.length;let y,w,k,$,L=0;for(;L<b;L++)if(y=g[L],y&&y.length)for(k=y.length,w=0;w<k;w++){if($=y[w],x[$.hostId]\|\|(x[$.hostId]=C._.get($.hostId)),!x[$.hostId])continue;const e=x[$.hostId];e.shadowRoot&&$.node.parentElement!==e&&e.appendChild($.node),e.shadowRoot&&i\|\|($.slot["s-cr"]\|\|($.slot["s-cr"]=e["s-cr"],$.slot["s-cr"]=!$.slot["s-cr"]&&e.shadowRoot?e:(e.__childNodes\|\|e.childNodes)[0]),K($.node,$.slot,!1,$.node["s-oo"]),(null==(n=$.node.parentElement)?void 0:n.shadowRoot)&&$.node.getAttribute&&$.node.getAttribute("slot")&&$.node.removeAttribute("slot"),ce($.node))}if(p&&d.length&&d.forEach((e=>{e.W.parentElement.classList.add(p+"-s")})),i){let t=0;const s=m.length;if(s){for(;t<s;t++){const e=m[t];e&&i.appendChild(e)}Array.from(e.childNodes).forEach((e=>{"string"!=typeof e["s-en"]&&"string"!=typeof e["s-sn"]&&(1===e.nodeType&&e.slot&&e.hidden?e.removeAttribute("hidden"):(8===e.nodeType&&!e.nodeValue\|\|3===e.nodeType&&!e.wholeText.trim())&&e.parentNode.removeChild(e))}))}}r.$hostElement$=e})(e,s.h,r,t)}r\|\|12&s.m&&Ht(e);{let s=e;for(;s=s.parentNode\|\|s.host;)if(1===s.nodeType&&s.hasAttribute("s-id")&&s["s-p"]\|\|s["s-p"]){ut(t,t.P=s);break}}s.t&&Object.entries(s.t).map((([t,[s]])=>{if(31&s&&t in e&&e[t]!==Object.prototype[t]){const s=e[t];delete e[t],e[t]=s}})),(async(e,t,s)=>{let r;if(!(32&t.m)){if(t.m\|=32,s.X){const a=((e,t)=>{const s=e.h.replace(/-/g,"_"),r=e.X;if(!r)return;const a=p.get(r);return a?a[s]:import(`./${r}.entry.js`).then((e=>(p.set(r,e),e[s])),(e=>{c(e,t.$hostElement$)}))
2	+ /!__STENCIL_STATIC_IMPORT_SWITCH__/})(s,t);if(a&&"then"in a){const e=()=>{};r=await a,e()}else r=a;if(!r)throw Error(`Constructor for "${s.h}#${t.Z}" was not found`);r.isProxied\|\|(s.U=r.watchers,s.Y=r.serializers,s.G=r.deserializers,Bt(r,s,2),r.isProxied=!0);const n=()=>{};t.m\|=8;try{new r(t)}catch(t){c(t,e)}t.m&=-9,t.m\|=128,n(),Et(t.o,e)}else r=e.constructor,customElements.whenDefined(e.localName).then((()=>t.m\|=128));if(r&&r.style){let e;"string"==typeof r.style&&(e=r.style);const t=$e(s);if(!f.has(t)){const r=()=>{};Ce(t,e,!!(1&s.m)),r()}}}const a=t.P,n=()=>xt(t,!0);a&&a["s-rc"]?a["s-rc"].push(n):n()})(e,t,s)}r()}},Ht=e=>{if(!S.document)return;const t=e["s-cr"]=S.document.createComment("");t["s-cn"]=!0,vt(e,t,e.firstChild)},Mt=(e,t)=>{jt(e,"disconnectedCallback",void 0,t\|\|e)},Pt=(e,t={})=>{var s;if(!S.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],a=t.exclude\|\|[],n=S.customElements,i=S.document.head,l=i.querySelector("meta[charset]"),d=S.document.createElement("style"),g=[];let m,c=!0;Object.assign(C,t),C.p=new URL(t.resourcesUrl\|\|"./",S.document.baseURI).href,C.m\|=2,(()=>{if(!S.document)return;const e=S.document.querySelectorAll(`[${h}]`);let t=0;for(;t<e.length;t++)Ce(e[t].getAttribute(h),Le(e[t].innerHTML),!0)})();let p=!1;if(e.map((e=>{e[1].map((s=>{var i,l,d;const f={m:s[0],h:s[1],t:s[2],K:s[3]};4&f.m&&(p=!0),f.t=s[2],f.K=s[3],f.D=[],f.U=null!=(i=s[4])?i:{},f.Y=null!=(l=s[5])?l:{},f.G=null!=(d=s[6])?d:{};const v=t.transformTagName?t.transformTagName(f.h):f.h,h=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const s={m:0,$hostElement$:e,i:t,l:new Map,ee:new Map};s.J=new Promise((e=>s.V=e)),s.q=new Promise((e=>s.I=e)),e["s-p"]=[],e["s-rc"]=[],s.T=[];const r=s;e.__stencil__getHostRef=()=>r})(e=this,f),1&f.m)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${f.h}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else _.call(e,f)}connectedCallback(){const e=o(this);e&&(this.hasRegisteredEventListeners\|\|(this.hasRegisteredEventListeners=!0,Tt(this,e,f.K)),m&&(clearTimeout(m),m=null),c?g.push(this):C.jmp((()=>Ft(this))))}disconnectedCallback(){C.jmp((()=>(async e=>{if(!(1&C.m)){const t=o(e);(null==t?void 0:t.te)&&(t.te.map((e=>e())),t.te=void 0),(null==t?void 0:t.o)?Mt(t.o,e):(null==t?void 0:t.q)&&t.q.then((()=>Mt(t.o,e)))}we.has(e)&&we.delete(e),e.shadowRoot&&we.has(e.shadowRoot)&&we.delete(e.shadowRoot)})(this))),C.raf((()=>{var e;const t=o(this);if(!t)return;const s=g.findIndex((e=>e===this));s>-1&&g.splice(s,1),(null==(e=null==t?void 0:t.A)?void 0:e.W)instanceof Node&&!t.A.W.isConnected&&delete t.A.W}))}componentOnReady(){var e;return null==(e=o(this))?void 0:e.q}};!(1&f.m)&&256&f.m&&(e=>{te(e),se(e),ne(e),ae(e),oe(e),ie(e),le(e),de(e),ge(e),me(e),re(e)})(h.prototype),64&f.m&&(h.formAssociated=!0),f.X=e[0],a.includes(v)\|\|n.get(v)\|\|(r.push(v),n.define(v,Bt(h,f,1)))}))})),r.length>0&&(p&&(d.textContent+=x),d.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",d.innerHTML.length)){d.setAttribute("data-styles","");const e=null!=(s=C.v)?s:M(S.document);null!=e&&d.setAttribute("nonce",e),i.insertBefore(d,l?l.nextSibling:i.firstChild)}c=!1,g.length?g.map((e=>e.connectedCallback())):C.jmp((()=>m=setTimeout(Wt,30)))},Rt=(e,t)=>t,Tt=(e,t,s)=>{s&&S.document&&s.map((([s,r,a])=>{const n=Dt(S.document,e,s),i=At(t,a),l=It(s);C.ael(n,r,i,l),(t.te=t.te\|\|[]).push((()=>C.rel(n,r,i,l)))}))},At=(e,t)=>s=>{var r;try{256&e.m?null==(r=e.o)\|\|r[t](s):(e.R=e.R\|\|[]).push([t,s])}catch(t){c(t,e.$hostElement$)}},Dt=(e,t,s)=>4&s?e:8&s?S:16&s?e.body:t,It=e=>({passive:!!(1&e),capture:!!(2&e)}),Vt=class{};function _t(...e){return e.reduceRight(((e,t)=>t(e)),Vt)}var Ut=e=>C.v=e;export{e as E,Rt as F,je as H,_t as M,w as a,Pt as b,Ue as c,_e as d,$t as e,zt as f,t as g,ze as h,k as p,g as r,Ut as s}

package/dist/component-library/linkFactory-BSX0R1YT.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{r as s}from"./index-BohfivRs.js";const t=t=>class extends t{constructor(t){super(),s(this,t)}dsClick;dsRel;dsHrefLang;dsHref;dsTarget;dsDownload;handleClick(s){this.dsClick.emit(s)}get linkProps(){return{dsHref:this.dsHref,dsHrefLang:this.dsHrefLang,dsRel:this.dsRel,dsTarget:this.dsTarget,dsDownload:this.dsDownload}}};export{t as l}

package/dist/component-library/{linkUtils-Bvy2jKy2.js → linkUtils-B_Asqn2M.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{g as e}from"./store-~~BdNy6BhP~~.js";const n=e=>"_blank"===e,t=()=>{switch(e()){case"fi":return"Avautuu uuteen välilehteen";case"sv":return"Öppnas i en ny flik";default:return"Opens in a new tab"}};export{n as o,t as v}
1	+ import{g as e}from"./store-Bg23fUOM.js";const n=e=>"_blank"===e,t=()=>{switch(e()){case"fi":return"Avautuu uuteen välilehteen";case"sv":return"Öppnas i en ny flik";default:return"Opens in a new tab"}};export{n as o,t as v}

package/dist/component-library/multipleValueFactory-DillH9U_.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t}from"./index-BohfivRs.js";const s=s=>class extends s{constructor(s){super(),t(this,s)}value=null;withValue(t){return this.value?this.value.includes(t)?this.value:[...this.value,t]:[t]}withoutValue(t){return this.value.includes(t)?this.value.filter((s=>s!==t)):this.value}withoutValues(t){return this.value?.filter((s=>!t.includes(s)))||this.value}inValue(t){return this.value?.includes(t)||!1}toValue(t){return t?Array.isArray(t)?t:[t]:null}getValueItem(t){return this.value?.[t]||null}};export{s as m}

package/dist/component-library/{store-BdNy6BhP.js → store-Bg23fUOM.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{e,f as t}from"./index~~--5QqO1gx~~.js";const s=e=>!("isConnected"in e)\|\|e.isConnected,n=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(s))})(...t)}),2e3)}})(),o=e=>"function"==typeof e?e():e,r=(e,t)=>{const s=e.indexOf(t);s>=0&&(e[s]=e[e.length-1],e.length--)},a="en",c={language:"en"},{state:i,onChange:p}=(()=>{const s=((e,t=(e,t)=>e!==t)=>{const s=o(e);let n=new Map(Object.entries(s??{}));const a={dispose:[],get:[],set:[],reset:[]},c=new Map,i=()=>{n=new Map(Object.entries(o(e)??{})),a.reset.forEach((e=>e()))},p=e=>(a.get.forEach((t=>t(e))),n.get(e)),u=(e,s)=>{const o=n.get(e);t(s,o,e)&&(n.set(e,s),a.set.forEach((t=>t(e,s,o))))},g="undefined"==typeof Proxy?{}:new Proxy(s,{get:(e,t)=>p(t),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>n.has(t),set:(e,t,s)=>(u(t,s),!0)}),d=(e,t)=>(a[e].push(t),()=>{r(a[e],t)});return{state:g,get:p,set:u,on:d,onChange:(t,s)=>{const n=(e,n)=>{e===t&&s(n)},r=()=>s(o(e)[t]),a=d("set",n),i=d("reset",r);return c.set(s,{setHandler:n,resetHandler:r,propName:t}),()=>{a(),i(),c.delete(s)}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(d("set",t.set)),t.get&&e.push(d("get",t.get)),t.reset&&e.push(d("reset",t.reset)),t.dispose&&e.push(d("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{a.dispose.forEach((e=>e())),i()},reset:i,forceUpdate:e=>{const t=n.get(e);a.set.forEach((s=>s(e,t,t)))},removeListener:(e,t)=>{const s=c.get(t);s&&s.propName===e&&(r(a.set,s.setHandler),r(a.reset,s.resetHandler),c.delete(t))}}})({...c},void 0);return s.use((()=>{if("function"!=typeof e)return{};const s=new Map;return{dispose:()=>s.clear(),get:t=>{const n=e();n&&((e,t,s)=>{const n=e.get(t);n?n.includes(s)\|\|n.push(s):e.set(t,[s])})(s,t,n)},set:e=>{const o=s.get(e);o&&s.set(e,o.filter(t)),n(s)},reset:()=>{s.forEach((e=>e.forEach(t))),n(s)}}})()),s})(),u=()=>i.language,g=e=>{i.language=e},d=({language:e})=>{i.language=e\|\|i.language};export{a as d,u as g,d as i,p as o,g as s}
1	+ import{e,f as t}from"./index-BohfivRs.js";const s=e=>!("isConnected"in e)\|\|e.isConnected,n=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(s))})(...t)}),2e3)}})(),o=e=>"function"==typeof e?e():e,r=(e,t)=>{const s=e.indexOf(t);s>=0&&(e[s]=e[e.length-1],e.length--)},a="en",c={language:"en"},{state:i,onChange:p}=(()=>{const s=((e,t=(e,t)=>e!==t)=>{const s=o(e);let n=new Map(Object.entries(s??{}));const a={dispose:[],get:[],set:[],reset:[]},c=new Map,i=()=>{n=new Map(Object.entries(o(e)??{})),a.reset.forEach((e=>e()))},p=e=>(a.get.forEach((t=>t(e))),n.get(e)),u=(e,s)=>{const o=n.get(e);t(s,o,e)&&(n.set(e,s),a.set.forEach((t=>t(e,s,o))))},f="undefined"==typeof Proxy?{}:new Proxy(s,{get:(e,t)=>p(t),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>n.has(t),set:(e,t,s)=>(u(t,s),!0)}),g=(e,t)=>(a[e].push(t),()=>{r(a[e],t)});return{state:f,get:p,set:u,on:g,onChange:(t,s)=>{const n=(e,n)=>{e===t&&s(n)},r=()=>s(o(e)[t]),a=g("set",n),i=g("reset",r);return c.set(s,{setHandler:n,resetHandler:r,propName:t}),()=>{a(),i(),c.delete(s)}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(g("set",t.set)),t.get&&e.push(g("get",t.get)),t.reset&&e.push(g("reset",t.reset)),t.dispose&&e.push(g("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{a.dispose.forEach((e=>e())),i()},reset:i,forceUpdate:e=>{const t=n.get(e);a.set.forEach((s=>s(e,t,t)))},removeListener:(e,t)=>{const s=c.get(t);s&&s.propName===e&&(r(a.set,s.setHandler),r(a.reset,s.resetHandler),c.delete(t))}}})({...c},void 0);return s.use((()=>{if("function"!=typeof e)return{};const s=new Map;return{dispose:()=>s.clear(),get:t=>{const n=e();n&&((e,t,s)=>{const n=e.get(t);n?n.includes(s)\|\|n.push(s):e.set(t,[s])})(s,t,n)},set:e=>{const o=s.get(e);o&&s.set(e,o.filter(t)),n(s)},reset:()=>{s.forEach((e=>e.forEach(t))),n(s)}}})()),s})(),u=()=>i.language,f=e=>{i.language=e},g=({language:e})=>{i.language=e\|\|i.language};export{a as d,u as g,g as i,p as o,f as s}

package/dist/components/constants.js CHANGED Viewed

@@ -1,4 +1,5 @@
 const FEEDBACK_RESET_TIMEOUT = 3000;
 const FEEDBACK_SET_TIMEOUT = 350;
+const SCRIM_HEIGHT = 44;
-export { FEEDBACK_RESET_TIMEOUT as F, FEEDBACK_SET_TIMEOUT as a };
+export { FEEDBACK_RESET_TIMEOUT as F, SCRIM_HEIGHT as S, FEEDBACK_SET_TIMEOUT as a };

package/dist/components/controlUtils.js CHANGED Viewed

@@ -350,5 +350,25 @@ const selectAnOption = () => {
             return 'Select an option';
     }
 };
+const selections = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'valintaa';
+        case 'sv':
+            return 'val';
+        default:
+            return 'selections';
+    }
+};
+const multiselectable = () => {
+    switch (getLanguage()) {
+        case 'fi':
+            return 'monivalinta';
+        case 'sv':
+            return 'flerval';
+        default:
+            return 'multiselectable';
+    }
+};
-export { getOptionalText as a, tryAgainOrIfTheProblemPersists as b, atLeastOneOption as c, allOptions as d, itemsOverage as e, thereAreOptionsToBrowse as f, getRequiredText as g, selectAnOption as h, itemsShortage as i, characterOverage as j, tooLong as k, loadingOptions as l, charactersRemaining as m, noResultsFound as n, hidePassword as o, showPassword as p, clearField as q, removeSelection as r, searchOrSelectAnOption as s, tryADifferentSearchTerm as t, validityMessage as v, weCouldNotLoadOptions as w };
+export { getOptionalText as a, tryAgainOrIfTheProblemPersists as b, atLeastOneOption as c, allOptions as d, itemsOverage as e, thereAreOptionsToBrowse as f, getRequiredText as g, selections as h, itemsShortage as i, selectAnOption as j, characterOverage as k, loadingOptions as l, multiselectable as m, noResultsFound as n, tooLong as o, charactersRemaining as p, hidePassword as q, removeSelection as r, searchOrSelectAnOption as s, tryADifferentSearchTerm as t, showPassword as u, validityMessage as v, weCouldNotLoadOptions as w, clearField as x };