@uh-design-system/component-library 1.5.0 → 1.5.1-rc.0

package/dist/components/ds-icon-zoom-out.js

@@ -1 +1 @@
-import{p as s,H as e,h as t,d as o,t as d}from"./p-Be3z-48a.js";const i=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(o,{key:"4b360cbfb88248224443255aad967d080f5761e6",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"4cb97bf40d7c65a5bea540966e885af8bdfe44b1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"2fd4a3357ee86fea249a8daa7c7a8cdbc06f84d2",d:"M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406ZM269-556v-60h201v60H269Z"})))}},[512,"ds-icon-zoom-out",{dsSize:[1,"ds-size"],dsTitle:[1,"ds-title"],dsRole:[1,"ds-role"],dsColour:[1,"ds-colour"],dsAriaLabel:[1,"ds-aria-label"]}]),a=i,l=function(){"undefined"!=typeof customElements&&["ds-icon-zoom-out"].forEach((s=>{"ds-icon-zoom-out"===s&&(customElements.get(d(s))||customElements.define(d(s),i))}))};export{a as DsIconZoomOut,l as defineCustomElement}
+import{p as s,H as e,h as t,d as o,t as d}from"./p-BCnJbLHS.js";const i=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(o,{key:"4b360cbfb88248224443255aad967d080f5761e6",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"4cb97bf40d7c65a5bea540966e885af8bdfe44b1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"2fd4a3357ee86fea249a8daa7c7a8cdbc06f84d2",d:"M795-93 526-361q-29 22.92-68.46 35.96Q418.08-312 372-312q-115.16 0-195.08-80Q97-472 97-585t80-193q80-80 193.5-80t193 80Q643-698 643-584.85q0 44.85-12.5 83.35Q618-463 593-429l270 268-68 68ZM371.35-406q74.9 0 126.28-52.25Q549-510.5 549-585t-51.52-126.75Q445.96-764 371.35-764q-75.43 0-127.89 52.25Q191-659.5 191-585t52.31 126.75Q295.62-406 371.35-406ZM269-556v-60h201v60H269Z"})))}},[512,"ds-icon-zoom-out",{dsSize:[1,"ds-size"],dsTitle:[1,"ds-title"],dsRole:[1,"ds-role"],dsColour:[1,"ds-colour"],dsAriaLabel:[1,"ds-aria-label"]}]),l=i,a=function(){"undefined"!=typeof customElements&&["ds-icon-zoom-out"].forEach((s=>{"ds-icon-zoom-out"===s&&(customElements.get(d(s))||customElements.define(d(s),i))}))};export{l as DsIconZoomOut,a as defineCustomElement}

package/dist/components/ds-icon.js

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

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

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

package/dist/components/ds-link-cta.js

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

package/dist/components/ds-link-logo.js

@@ -1 +1 @@
-import{D as s,d as o}from"./p-BT7lh0sL.js";const p=s,r=o;export{p as DsLinkLogo,r as defineCustomElement}
+import{D as o,d as s}from"./p-cjuN-Hk_.js";const p=o,r=s;export{p as DsLinkLogo,r as defineCustomElement}

package/dist/components/ds-link-with-arrow.js

@@ -1 +1 @@
-import{p as i,M as s,c as t,h as e,t as r}from"./p-Be3z-48a.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as o,a as d}from"./p-BecId8t2.js";import{o as n,v as l}from"./p-D4zEYXpj.js";import{e as h,t as c,i as w,d as m}from"./p-CjK5xiRo.js";import{l as f}from"./p-DMddtiKs.js";import{a as b,d as _}from"./p-CnF3gIOJ.js";import{c as k}from"./p-s-UO9MAI.js";import{i as p}from"./p-BW1GUsO7.js";import{c as u}from"./p-C2cIITC9.js";import{d as v}from"./p-CHZWXcUp.js";const g=h("visually-hidden-assistive-text"),G=i(class extends(s(u("ds-link-with-arrow"),f,b)){constructor(i){super(!1),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsClick=t(this,"dsClick",7)}inheritedAttributes={};isGreaterThanEqualSmallMediaQuery=p("small");defaultIcon="arrow_forward";visuallyHiddenAssistiveTextId=g.next().value;get el(){return this}dsText;dsIconPosition="start";dsTag="a";dsFullWidth=!1;dsIcon=this.defaultIcon;rel;icon=this.defaultIcon;iconSize=this.isGreaterThanEqualSmallMediaQuery.matches?"2rem":"1.5rem";get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setIconSize=i=>{this.iconSize=i.matches?"2rem":"1.5rem"};connectedCallback(){this.isGreaterThanEqualSmallMediaQuery.addEventListener("change",this.setIconSize)}disconnectedCallback(){this.isGreaterThanEqualSmallMediaQuery.removeEventListener("change",this.setIconSize)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...d(this,this.el),...o(this.el)},n(this.dsTarget)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon=this.dsIcon,this.rel=void 0)}componentDidLoad(){this.componentMounted()}render(){const i=k("ds-link-with-arrow"),s=a(i,{[i+"--full-width"]:this.dsFullWidth}),t=a(i+"__icon",{[i+"__icon--start"]:"start"===this.dsIconPosition,[i+"__icon--end"]:"end"===this.dsIconPosition}),r=c("ds-icon","ds-link-with-arrow",this.el),o=c("ds-visually-hidden","ds-link-with-arrow",this.el),{"aria-label":d,"aria-labelledby":h,...m}=this.inheritedAttributes,f=this.dsAriaLabelledby||h;return e(this.dsTag,{key:"da0a4ca8b12b41e4e2f4db972b71222b7d9c5243",class:s,...w("aria-label",this.dsAriaLabel||d),...w("aria-labelledby",f),...m,...this.linkAttributes},e("slot",{key:"ae6d8138f58faae2e34b3c0a99f91f793d0f646d",name:"prefix"},"start"===this.dsIconPosition&&e(r,{key:"f835904e1e1e80d0b20f36a7d25633da062126cb",dsName:this.icon,class:t,dsSize:this.iconSize})),this.dsText,e("slot",{key:"dfd47300d81fad800cfbab100bfe95eda56ca993",name:"suffix"},"end"===this.dsIconPosition&&e(r,{key:"e023bfcb58aa21a2a1357d9c856e678900600b2e",dsName:this.icon,class:t,dsSize:this.iconSize})),n(this.dsTarget)&&e(o,{key:"a51c12cea73a2369588e94dd73339bbb91a59405",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},l()))}static get style(){return":host{display:inline-block}:host:has(.ds-link-with-arrow__GqWYnG--full-width){width:100%}.ds-link-with-arrow__GqWYnG:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-with-arrow__GqWYnG{display:inline-flex;align-items:center;color:var(--ds-textColor-link);letter-spacing:var(--ds-letterSpacing-wide);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-16);text-decoration-line:none}@media (min-width: 30rem){.ds-link-with-arrow__GqWYnG{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__GqWYnG--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__GqWYnG__icon{display:inline-flex;flex-shrink:0;width:2rem;height:2rem;line-height:0;align-items:center;justify-content:center;color:var(--ds-textColor-white);background-color:var(--ds-bgColor-primary)}@media (min-width: 30rem){.ds-link-with-arrow__GqWYnG__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__GqWYnG__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__GqWYnG__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__GqWYnG__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__GqWYnG__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__GqWYnG:hover,.ds-link-with-arrow__GqWYnG:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-with-arrow__GqWYnG:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__GqWYnG:active,.ds-link-with-arrow__GqWYnG:focus-visible{color:var(--ds-textColor-link-active)}"}},[769,"ds-link-with-arrow",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIconPosition:[1,"ds-icon-position"],dsTag:[1,"ds-tag"],dsFullWidth:[4,"ds-full-width"],dsIcon:[1,"ds-icon"],rel:[32],icon:[32],iconSize:[32]},[[0,"click","handleClick"]]]);m([e("ds-icon",{dsName:""}),e("ds-visually-hidden",null)]);const y=G,x=function(){"undefined"!=typeof customElements&&["ds-link-with-arrow","ds-icon","ds-visually-hidden"].forEach((i=>{switch(i){case"ds-link-with-arrow":customElements.get(r(i))||customElements.define(r(i),G);break;case"ds-icon":customElements.get(r(i))||_();break;case"ds-visually-hidden":customElements.get(r(i))||v()}}))};export{y as DsLinkWithArrow,x as defineCustomElement}
+import{p as i,M as s,c as t,h as e,t as o}from"./p-BCnJbLHS.js";import{c as r}from"./p-BfTCfPZ1.js";import{i as a,a as d}from"./p-BecId8t2.js";import{o as n,v as l}from"./p-ChZBd6WW.js";import{e as h,t as c,i as f,d as w}from"./p-CjK5xiRo.js";import{l as m}from"./p-DMddtiKs.js";import{a as _,d as u}from"./p-BpAUnD2-.js";import{c as b}from"./p-CuBQ8qa4.js";import{i as k}from"./p-BW1GUsO7.js";import{c as p}from"./p-CuvcuGd4.js";import{d as v}from"./p-CQ-GEolF.js";const g=h("visually-hidden-assistive-text"),y=i(class extends(s(p("ds-link-with-arrow"),m,_)){constructor(i){super(!1),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsClick=t(this,"dsClick",7)}inheritedAttributes={};isGreaterThanEqualSmallMediaQuery=k("small");defaultIcon="arrow_forward";visuallyHiddenAssistiveTextId=g.next().value;get el(){return this}dsText;dsIconPosition="start";dsTag="a";dsFullWidth=!1;dsIcon=this.defaultIcon;rel;icon=this.defaultIcon;iconSize=this.isGreaterThanEqualSmallMediaQuery.matches?"2rem":"1.5rem";get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setIconSize=i=>{this.iconSize=i.matches?"2rem":"1.5rem"};connectedCallback(){this.isGreaterThanEqualSmallMediaQuery.addEventListener("change",this.setIconSize)}disconnectedCallback(){this.isGreaterThanEqualSmallMediaQuery.removeEventListener("change",this.setIconSize)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...d(this,this.el),...a(this.el)},n(this.dsTarget)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon=this.dsIcon,this.rel=void 0)}componentDidLoad(){this.componentMounted()}render(){const i=b("ds-link-with-arrow"),s=r(i,{[i+"--full-width"]:this.dsFullWidth}),t=r(i+"__icon",{[i+"__icon--start"]:"start"===this.dsIconPosition,[i+"__icon--end"]:"end"===this.dsIconPosition}),o=c("ds-icon","ds-link-with-arrow",this.el),a=c("ds-visually-hidden","ds-link-with-arrow",this.el),{"aria-label":d,"aria-labelledby":h,...w}=this.inheritedAttributes,m=this.dsAriaLabelledby||h;return e(this.dsTag,{key:"787b94791285fcb2aa78ed72c31d19c6f51d7bf2",class:s,...f("aria-label",this.dsAriaLabel||d),...f("aria-labelledby",m),...w,...this.linkAttributes},e("slot",{key:"f5955d296d32e0e232604d5db1f634f2c2a9c90a",name:"prefix"},"start"===this.dsIconPosition&&e(o,{key:"0577713d5a4537d15991cc8966ff37e4cd00901f",dsName:this.icon,class:t,dsSize:this.iconSize})),this.dsText,e("slot",{key:"9beb26f220795ec4529d2f0f182fd26383adab2e",name:"suffix"},"end"===this.dsIconPosition&&e(o,{key:"0747fb38f4ef37f08548f01fd68027bc57be11ee",dsName:this.icon,class:t,dsSize:this.iconSize})),n(this.dsTarget)&&e(a,{key:"ddcae794209029ffff37b3814222d1a6862efd75",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},l()))}static get style(){return":host{display:inline-block}:host:has(.ds-link-with-arrow__0Yjiso--full-width){width:100%}.ds-link-with-arrow__0Yjiso:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-with-arrow__0Yjiso{display:inline-flex;align-items:center;color:var(--ds-textColor-link);letter-spacing:var(--ds-letterSpacing-wide);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-16);text-decoration-line:none}@media (min-width: 30rem){.ds-link-with-arrow__0Yjiso{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__0Yjiso--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__0Yjiso__icon{display:inline-flex;flex-shrink:0;width:2rem;height:2rem;line-height:0;align-items:center;justify-content:center;color:var(--ds-textColor-white);background-color:var(--ds-bgColor-primary)}@media (min-width: 30rem){.ds-link-with-arrow__0Yjiso__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__0Yjiso__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__0Yjiso__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__0Yjiso__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__0Yjiso__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__0Yjiso:hover,.ds-link-with-arrow__0Yjiso:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-with-arrow__0Yjiso:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__0Yjiso:active,.ds-link-with-arrow__0Yjiso:focus-visible{color:var(--ds-textColor-link-active)}"}},[769,"ds-link-with-arrow",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIconPosition:[1,"ds-icon-position"],dsTag:[1,"ds-tag"],dsFullWidth:[4,"ds-full-width"],dsIcon:[1,"ds-icon"],rel:[32],icon:[32],iconSize:[32]},[[0,"click","handleClick"]]]);w([e("ds-icon",{dsName:""}),e("ds-visually-hidden",null)]);const j=y,x=function(){"undefined"!=typeof customElements&&["ds-link-with-arrow","ds-icon","ds-visually-hidden"].forEach((i=>{switch(i){case"ds-link-with-arrow":customElements.get(o(i))||customElements.define(o(i),y);break;case"ds-icon":customElements.get(o(i))||u();break;case"ds-visually-hidden":customElements.get(o(i))||v()}}))};export{j as DsLinkWithArrow,x as defineCustomElement}

package/dist/components/ds-link.js

@@ -1 +1 @@
-import{D as s,d as o}from"./p-BFYsN4Q2.js";const p=s,r=o;export{p as DsLink,r as defineCustomElement}
+import{D as o,d as s}from"./p-DiJOntcS.js";const t=o,p=s;export{t as DsLink,p as defineCustomElement}

package/dist/components/ds-media.js

@@ -1 +1 @@
-import{p as e,M as s,c as t,h as i,t as d}from"./p-Be3z-48a.js";import{c as a}from"./p-BfTCfPZ1.js";import{c as r}from"./p-s-UO9MAI.js";import{i as o,t as n,d as m}from"./p-CjK5xiRo.js";import{i as u,a as c}from"./p-BecId8t2.js";import{g as h}from"./p-Cl5tN4CW.js";import{c as l}from"./p-C2cIITC9.js";import{d as _}from"./p-CnF3gIOJ.js";import{d as p}from"./p-DgEQMOgy.js";import{d as g}from"./p-CHZWXcUp.js";const b=e(class extends(s(l("ds-media"))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsLoad=t(this,"dsLoad",7),this.dsError=t(this,"dsError",7)}inheritedAttributes={};dsSrc;dsType;dsAlt;dsPoster;dsAutoplay=!1;dsLoop=!1;dsMuted=!0;dsUseLazy=!0;dsAspectRatio="";dsFluid=!1;get el(){return this}isLoading=!0;hasError=!1;errorMessage="";dsLoad;dsError;componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...u(this.el,"video"===this.dsType?["aria-label"]:[])}}componentDidLoad(){this.componentMounted()}onSrcChange(){this.resetState()}onTypeChange(){this.resetState()}get defaultLoadError(){switch(h()){case"fi":return"Median lataus epäonnistui";case"sv":return"Media laddning misslyckades";default:return"Failed to load media"}}get loadAbortedError(){switch(h()){case"fi":return"Median lataus keskeytettiin";case"sv":return"Media laddning avbröts";default:return"Media loading aborted"}}get loadNetworkError(){switch(h()){case"fi":return"Verkkovirhe tapahtui";case"sv":return"Nätverksfel uppstod";default:return"Network error occurred"}}get loadDecodeError(){switch(h()){case"fi":return"Median dekoodaus epäonnistui";case"sv":return"Mediaavkodning misslyckades";default:return"Media decoding failed"}}get formatError(){switch(h()){case"fi":return"Median formaatti ei ole tuettu";case"sv":return"Mediaformatet stöds inte";default:return"Media format not supported"}}resetState(){this.isLoading=!0,this.hasError=!1,this.errorMessage=""}handleLoad=()=>{this.isLoading=!1,this.hasError=!1,this.dsLoad.emit()};handleError=e=>{this.isLoading=!1,this.hasError=!0;let s=this.defaultLoadError;const t=e.target;if(t.error)switch(t.error.code){case t.error.MEDIA_ERR_ABORTED:s=this.loadAbortedError;break;case t.error.MEDIA_ERR_NETWORK:s=this.loadNetworkError;break;case t.error.MEDIA_ERR_DECODE:s=this.loadDecodeError;break;case t.error.MEDIA_ERR_SRC_NOT_SUPPORTED:s=this.formatError}this.errorMessage=s,this.dsError.emit(s)};getYouTubeEmbedUrl(e){const s=[/(?:youtube\.com\/watch\?v=|youtube\.com\/embed\/|youtu\.be\/|youtube\.com\/v\/|youtube\.com\/watch\?.*?&v=)([^&\n?#]+)/,/youtube\.com\/embed\/([^?&\n]+)/,/youtube\.com\/v\/([^?&\n]+)/,/youtu\.be\/([^?&\n]+)/];for(const t of s){const s=e.match(t);if(s&&s[1])return"https://www.youtube.com/embed/"+s[1]}return e.includes("youtube.com/embed/"),e}renderImage(){return i("img",{src:this.dsSrc,alt:this.dsAlt||"",class:"ds-media__image",onLoad:this.handleLoad,onError:this.handleError,loading:this.dsUseLazy?"lazy":"eager",...this.inheritedAttributes})}renderVideo(){return i("video",{src:this.dsSrc,poster:this.dsPoster,autoplay:this.dsAutoplay,loop:this.dsLoop,muted:this.dsMuted,class:"ds-media__video",onLoadedData:this.handleLoad,onError:this.handleError,preload:"metadata",...o("aria-label",this.dsAlt),...this.inheritedAttributes},"Your browser does not support the video tag.")}renderYouTube(){const e=this.getYouTubeEmbedUrl(this.dsSrc);return i("iframe",{src:e,class:"ds-media__youtube",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullScreen:!0,title:this.dsAlt,onLoad:this.handleLoad,onError:this.handleError,...this.inheritedAttributes})}renderLoadingState(){const e=n("ds-spinner","ds-media",this.el);return i(e,{dsSize:"2xLarge"})}renderErrorState(){const e=n("ds-icon","ds-media",this.el);return i("div",{class:"ds-media__error",role:"alert","aria-live":"polite"},i(e,{dsName:"warning",dsSize:"2rem",dsColour:"ds-bgColor-danger-bold"}),i("span",{class:"ds-media__error-text"},this.errorMessage))}renderMedia(){switch(this.dsType){case"image":return this.renderImage();case"video":return this.renderVideo();case"youtube":return this.renderYouTube();default:return null}}render(){const e=this.dsAspectRatio.split("/"),s=2===e.length?`${e[0]} / ${e[1]}`:this.dsAspectRatio,t=r("ds-media");return i("div",{key:"b9907477ef7139b39ae90d2f66afd4b3264b6e71",class:a(t,{[t+"--loading"]:this.isLoading,[t+"--error"]:this.hasError,[t+"--image"]:"image"===this.dsType,[t+"--video"]:"video"===this.dsType,[t+"--youtube"]:"youtube"===this.dsType,[t+"--fluid"]:this.dsFluid}),style:{"--ds-media-aspect-ratio":s}},this.isLoading&&this.renderLoadingState(),this.hasError&&this.renderErrorState(),!this.hasError&&this.renderMedia())}static get watchers(){return{dsSrc:[{onSrcChange:0}],dsType:[{onTypeChange:0}]}}static get style(){return".ds-media__GqWYnG{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__GqWYnG .ds-media__image,.ds-media__GqWYnG .ds-media__video,.ds-media__GqWYnG .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__GqWYnG .ds-media__image--fluid,.ds-media__GqWYnG .ds-media__video--fluid,.ds-media__GqWYnG .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__GqWYnG__youtube{border:none;object-fit:initial}.ds-media__GqWYnG--loading .ds-media__image,.ds-media__GqWYnG--loading .ds-media__video{opacity:0}.ds-media__GqWYnG--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__GqWYnG--error .ds-media__image,.ds-media__GqWYnG--error .ds-media__video{display:none}.ds-media__GqWYnG--error .ds-media__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-bold);z-index:1;padding:16px;text-align:center}.ds-media__GqWYnG--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__GqWYnG--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__GqWYnG--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__GqWYnG--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__GqWYnG--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__GqWYnG--fluid{width:100%;height:100%}.ds-media__GqWYnG--fluid .ds-media__GqWYnG__image,.ds-media__GqWYnG--fluid .ds-media__GqWYnG__video,.ds-media__GqWYnG--fluid .ds-media__GqWYnG__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__GqWYnG{border-radius:2px}.ds-media__GqWYnG__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__GqWYnG__loading-text{font-size:12px}.ds-media__GqWYnG__error-icon{width:40px;height:40px}.ds-media__GqWYnG__error-text{font-size:12px}}"}},[512,"ds-media",{dsSrc:[1,"ds-src"],dsType:[1,"ds-type"],dsAlt:[1,"ds-alt"],dsPoster:[1,"ds-poster"],dsAutoplay:[4,"ds-autoplay"],dsLoop:[4,"ds-loop"],dsMuted:[4,"ds-muted"],dsUseLazy:[4,"ds-use-lazy"],dsAspectRatio:[1,"ds-aspect-ratio"],dsFluid:[4,"ds-fluid"],isLoading:[32],hasError:[32],errorMessage:[32]},void 0,{dsSrc:[{onSrcChange:0}],dsType:[{onTypeChange:0}]}]);m([i("ds-spinner",null),i("ds-icon",{dsName:""})]);const f=b,G=function(){"undefined"!=typeof customElements&&["ds-media","ds-icon","ds-spinner","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-media":customElements.get(d(e))||customElements.define(d(e),b);break;case"ds-icon":customElements.get(d(e))||_();break;case"ds-spinner":customElements.get(d(e))||p();break;case"ds-visually-hidden":customElements.get(d(e))||g()}}))};export{f as DsMedia,G as defineCustomElement}
+import{p as e,M as s,c as i,h as t,t as d}from"./p-BCnJbLHS.js";import{c as a}from"./p-BfTCfPZ1.js";import{c as o}from"./p-CuBQ8qa4.js";import{i as r,t as n,d as m}from"./p-CjK5xiRo.js";import{i as u,a as c}from"./p-BecId8t2.js";import{g as h}from"./p-D9BQuJsJ.js";import{c as l}from"./p-CuvcuGd4.js";import{d as _}from"./p-BpAUnD2-.js";import{d as p}from"./p-VmGMXr5q.js";import{d as g}from"./p-CQ-GEolF.js";const b=e(class extends(s(l("ds-media"))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsLoad=i(this,"dsLoad",7),this.dsError=i(this,"dsError",7)}inheritedAttributes={};dsSrc;dsType;dsAlt;dsPoster;dsAutoplay=!1;dsLoop=!1;dsMuted=!0;dsUseLazy=!0;dsAspectRatio="";dsFluid=!1;get el(){return this}isLoading=!0;hasError=!1;errorMessage="";dsLoad;dsError;componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...u(this.el,"video"===this.dsType?["aria-label"]:[])}}componentDidLoad(){this.componentMounted()}onSrcChange(){this.resetState()}onTypeChange(){this.resetState()}get defaultLoadError(){switch(h()){case"fi":return"Median lataus epäonnistui";case"sv":return"Media laddning misslyckades";default:return"Failed to load media"}}get loadAbortedError(){switch(h()){case"fi":return"Median lataus keskeytettiin";case"sv":return"Media laddning avbröts";default:return"Media loading aborted"}}get loadNetworkError(){switch(h()){case"fi":return"Verkkovirhe tapahtui";case"sv":return"Nätverksfel uppstod";default:return"Network error occurred"}}get loadDecodeError(){switch(h()){case"fi":return"Median dekoodaus epäonnistui";case"sv":return"Mediaavkodning misslyckades";default:return"Media decoding failed"}}get formatError(){switch(h()){case"fi":return"Median formaatti ei ole tuettu";case"sv":return"Mediaformatet stöds inte";default:return"Media format not supported"}}resetState(){this.isLoading=!0,this.hasError=!1,this.errorMessage=""}handleLoad=()=>{this.isLoading=!1,this.hasError=!1,this.dsLoad.emit()};handleError=e=>{this.isLoading=!1,this.hasError=!0;let s=this.defaultLoadError;const i=e.target;if(i.error)switch(i.error.code){case i.error.MEDIA_ERR_ABORTED:s=this.loadAbortedError;break;case i.error.MEDIA_ERR_NETWORK:s=this.loadNetworkError;break;case i.error.MEDIA_ERR_DECODE:s=this.loadDecodeError;break;case i.error.MEDIA_ERR_SRC_NOT_SUPPORTED:s=this.formatError}this.errorMessage=s,this.dsError.emit(s)};getYouTubeEmbedUrl(e){const s=[/(?:youtube\.com\/watch\?v=|youtube\.com\/embed\/|youtu\.be\/|youtube\.com\/v\/|youtube\.com\/watch\?.*?&v=)([^&\n?#]+)/,/youtube\.com\/embed\/([^?&\n]+)/,/youtube\.com\/v\/([^?&\n]+)/,/youtu\.be\/([^?&\n]+)/];for(const i of s){const s=e.match(i);if(s&&s[1])return"https://www.youtube.com/embed/"+s[1]}return e.includes("youtube.com/embed/"),e}renderImage(){return t("img",{src:this.dsSrc,alt:this.dsAlt||"",class:"ds-media__image",onLoad:this.handleLoad,onError:this.handleError,loading:this.dsUseLazy?"lazy":"eager",...this.inheritedAttributes})}renderVideo(){return t("video",{src:this.dsSrc,poster:this.dsPoster,autoplay:this.dsAutoplay,loop:this.dsLoop,muted:this.dsMuted,class:"ds-media__video",onLoadedData:this.handleLoad,onError:this.handleError,preload:"metadata",...r("aria-label",this.dsAlt),...this.inheritedAttributes},"Your browser does not support the video tag.")}renderYouTube(){const e=this.getYouTubeEmbedUrl(this.dsSrc);return t("iframe",{src:e,class:"ds-media__youtube",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullScreen:!0,title:this.dsAlt,onLoad:this.handleLoad,onError:this.handleError,...this.inheritedAttributes})}renderLoadingState(){const e=n("ds-spinner","ds-media",this.el);return t(e,{dsSize:"2xLarge"})}renderErrorState(){const e=n("ds-icon","ds-media",this.el);return t("div",{class:"ds-media__error",role:"alert","aria-live":"polite"},t(e,{dsName:"warning",dsSize:"2rem",dsColour:"ds-bgColor-danger-bold"}),t("span",{class:"ds-media__error-text"},this.errorMessage))}renderMedia(){switch(this.dsType){case"image":return this.renderImage();case"video":return this.renderVideo();case"youtube":return this.renderYouTube();default:return null}}render(){const e=this.dsAspectRatio.split("/"),s=2===e.length?`${e[0]} / ${e[1]}`:this.dsAspectRatio,i=o("ds-media");return t("div",{key:"a0a9b6ceae213cdae37c6a7bd4a39e1698635f95",class:a(i,{[i+"--loading"]:this.isLoading,[i+"--error"]:this.hasError,[i+"--image"]:"image"===this.dsType,[i+"--video"]:"video"===this.dsType,[i+"--youtube"]:"youtube"===this.dsType,[i+"--fluid"]:this.dsFluid}),style:{"--ds-media-aspect-ratio":s}},this.isLoading&&this.renderLoadingState(),this.hasError&&this.renderErrorState(),!this.hasError&&this.renderMedia())}static get watchers(){return{dsSrc:[{onSrcChange:0}],dsType:[{onTypeChange:0}]}}static get style(){return".ds-media__0Yjiso{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__0Yjiso .ds-media__image,.ds-media__0Yjiso .ds-media__video,.ds-media__0Yjiso .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__0Yjiso .ds-media__image--fluid,.ds-media__0Yjiso .ds-media__video--fluid,.ds-media__0Yjiso .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__0Yjiso__youtube{border:none;object-fit:initial}.ds-media__0Yjiso--loading .ds-media__image,.ds-media__0Yjiso--loading .ds-media__video{opacity:0}.ds-media__0Yjiso--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__0Yjiso--error .ds-media__image,.ds-media__0Yjiso--error .ds-media__video{display:none}.ds-media__0Yjiso--error .ds-media__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-bold);z-index:1;padding:16px;text-align:center}.ds-media__0Yjiso--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__0Yjiso--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__0Yjiso--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__0Yjiso--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__0Yjiso--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__0Yjiso--fluid{width:100%;height:100%}.ds-media__0Yjiso--fluid .ds-media__0Yjiso__image,.ds-media__0Yjiso--fluid .ds-media__0Yjiso__video,.ds-media__0Yjiso--fluid .ds-media__0Yjiso__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__0Yjiso{border-radius:2px}.ds-media__0Yjiso__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__0Yjiso__loading-text{font-size:12px}.ds-media__0Yjiso__error-icon{width:40px;height:40px}.ds-media__0Yjiso__error-text{font-size:12px}}"}},[512,"ds-media",{dsSrc:[1,"ds-src"],dsType:[1,"ds-type"],dsAlt:[1,"ds-alt"],dsPoster:[1,"ds-poster"],dsAutoplay:[4,"ds-autoplay"],dsLoop:[4,"ds-loop"],dsMuted:[4,"ds-muted"],dsUseLazy:[4,"ds-use-lazy"],dsAspectRatio:[1,"ds-aspect-ratio"],dsFluid:[4,"ds-fluid"],isLoading:[32],hasError:[32],errorMessage:[32]},void 0,{dsSrc:[{onSrcChange:0}],dsType:[{onTypeChange:0}]}]);m([t("ds-spinner",null),t("ds-icon",{dsName:""})]);const f=b,y=function(){"undefined"!=typeof customElements&&["ds-media","ds-icon","ds-spinner","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-media":customElements.get(d(e))||customElements.define(d(e),b);break;case"ds-icon":customElements.get(d(e))||_();break;case"ds-spinner":customElements.get(d(e))||p();break;case"ds-visually-hidden":customElements.get(d(e))||g()}}))};export{f as DsMedia,y as defineCustomElement}

package/dist/components/ds-modal.js

@@ -1 +1 @@
-import{p as e,M as a,c as s,h as t,t as o}from"./p-Be3z-48a.js";import{c as d}from"./p-BfTCfPZ1.js";import{c as i}from"./p-s-UO9MAI.js";import{t as n,g as r,i as l,d as c}from"./p-CjK5xiRo.js";import{g as _}from"./p-Cl5tN4CW.js";import{M as h,c as m}from"./p-BT1Kxodd.js";import{i as b}from"./p-BW1GUsO7.js";import{c as p}from"./p-C2cIITC9.js";import{d as g}from"./p-aZjDi3Pz.js";import{d as u}from"./p-CNE-7ped.js";import{d as v}from"./p-CnF3gIOJ.js";import{d as f}from"./p-DgEQMOgy.js";import{d as G}from"./p-CHZWXcUp.js";const k=e(class extends(a(p("ds-modal"))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsModalClose=s(this,"dsModalClose",7)}get el(){return this}RESIZE_THROTTLE_TIMEOUT=100;reducedMotionMediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)");isGreaterThanEqualSmallMediaQuery=b("small");transitionTimeout=null;contentRef;contentSlotContainsElements=!1;dsModalClose;dsId=this.getUniqueId();dsOpen=!1;dsCloseable=!0;dsVariant="default";dsIcon;dsIconAriaLabel;dsSize="medium";dsAutoFocusTarget="heading";dsScrollable=!1;dsHeadingText="";dsHeadingLevel=2;dsBackdropCloseable=!0;dsBackdropZIndex=9999;isGreaterThanEqualSmall=this.isGreaterThanEqualSmallMediaQuery.matches;transitionInProgress=!1;hasHeaderSlot=!1;hasContentSlot=!1;hasFooterSlot=!1;scrollableContentState=null;get close(){switch(_()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}get warning(){switch(_()){case"fi":return"Varoitus";case"sv":return"Varning";default:return"Warning"}}get contentScrollArea(){switch(_()){case"fi":return"Sisällön vieritysalue";case"sv":return"Innehållets scrollområde";default:return"Content scroll area"}}get icon(){return"danger"===this.dsVariant?{name:"report_fill",size:this.isGreaterThanEqualSmall?"1.75rem":"1.5rem",colour:"ds-iconColor-danger",ariaLabel:this.dsIconAriaLabel||this.warning,ariaHidden:!1}:this.dsIcon?{name:this.dsIcon,size:this.isGreaterThanEqualSmall?"1.75rem":"1.5rem",colour:"ds-iconColor-primary",ariaLabel:this.dsIconAriaLabel,ariaHidden:!this.dsIconAriaLabel}:null}get DsIcon(){return n("ds-icon","ds-modal",this.el)}get DsButton(){return n("ds-button","ds-modal",this.el)}get DsBackdrop(){return n("ds-backdrop","ds-modal",this.el)}checkHeaderSlot(){this.hasHeaderSlot=null!==this.el.querySelector('[slot="header"]')}checkContentSlot(){const e=this.el.querySelectorAll('[slot="content"]');this.hasContentSlot=e.length>0,this.contentSlotContainsElements=Array.from(e).some((e=>e.childElementCount>0))}checkFooterSlot(){this.hasFooterSlot=null!==this.el.querySelector('[slot="footer"]')}calculateScrollableContentState=()=>{this.contentRef&&this.dsScrollable&&(this.scrollableContentState={atTop:0===this.contentRef.scrollTop,atBottom:this.contentRef.scrollTop+this.contentRef.clientHeight>=this.contentRef.scrollHeight})};throttledCalculateScrollableContentState=r(this.calculateScrollableContentState,this.RESIZE_THROTTLE_TIMEOUT);setIsGreaterThanEqualSmall=e=>{this.isGreaterThanEqualSmall=e.matches};handleReducedMotionChange=e=>{e.matches&&(this.transitionTimeout&&(clearTimeout(this.transitionTimeout),this.transitionTimeout=null),this.transitionInProgress=!1)};connectedCallback(){this.reducedMotionMediaQuery.addEventListener("change",this.handleReducedMotionChange),this.isGreaterThanEqualSmallMediaQuery.addEventListener("change",this.setIsGreaterThanEqualSmall)}componentDidLoad(){this.componentMounted(),this.checkHeaderSlot(),this.checkContentSlot(),this.checkFooterSlot(),this.calculateScrollableContentState()}disconnectedCallback(){this.transitionTimeout&&clearTimeout(this.transitionTimeout),this.reducedMotionMediaQuery.removeEventListener("change",this.handleReducedMotionChange),this.isGreaterThanEqualSmallMediaQuery.removeEventListener("change",this.setIsGreaterThanEqualSmall)}hasContentSlotObserver(e){e&&this.calculateScrollableContentState()}dsOpenObserver(e){this.transitionInProgress=!0;const a=()=>{e&&this.calculateScrollableContentState(),this.transitionInProgress=!1};this.reducedMotionMediaQuery.matches?requestAnimationFrame((()=>{a()})):this.transitionTimeout=setTimeout(a,e?h:m)}resizeListener(){this.throttledCalculateScrollableContentState()}handleBackdropClose=()=>{this.dsCloseable&&this.dsBackdropCloseable&&this.dsModalClose.emit()};handleCloseClick=()=>{this.transitionInProgress||this.dsModalClose.emit()};handleContentScroll=()=>{this.calculateScrollableContentState()};render(){const e=i("ds-modal"),a=d(e,{[e+"--open"]:this.dsOpen,[e+"--in"]:this.dsOpen&&this.transitionInProgress}),s=d(e+"__container",{[`${e}__container--${this.dsSize}`]:"auto"!==this.dsSize,[e+"__container--scrollable"]:(this.dsOpen||this.transitionInProgress)&&this.dsScrollable}),o=d(e+"__header",{[e+"__header--sticky"]:this.dsScrollable}),n=d(e+"__header__heading","ds-heading-md"),r=d(e+"__header__close-button"),c=d(e+"__content","ds-bodytext-lg",{[e+"__content--scrollable"]:this.dsScrollable,[e+"__content--padded"]:this.contentSlotContainsElements}),_=d(e+"__footer",{[e+"__footer--sticky"]:this.dsScrollable}),b=this.dsScrollable?this.contentScrollArea:void 0,p=this.dsScrollable?0:void 0;return t(this.DsBackdrop,{key:"aeac338ec835800734cf50b26833811b802c9e72",id:this.dsId,dsDialogClasses:a,dsOpen:this.dsOpen,dsZIndex:this.dsBackdropZIndex,dsRole:"danger"===this.dsVariant?"alertdialog":"dialog",onDsBackdropClose:this.handleBackdropClose},t("div",{key:"d89d406ed89bbe3ddfc42c7b446f55e6e7e561fe",class:e+"__positioner"},t("div",{key:"abc49a7924f5834b0a96f9c3ac13e6e8d3f5f22f",class:s,style:{"--ds-modal-transition-in-duration":h+"ms","--ds-modal-transition-out-duration":m+"ms"}},t("slot",{key:"365f46da6bc17ef13af69db428fd27f8c933614b",name:"header",onSlotchange:()=>this.checkHeaderSlot()},!this.hasHeaderSlot&&t("div",{key:"9a4213e797659d153036bfba178f70c1347e66c5",class:o},this.dsHeadingText&&t("span",{key:"3cff2fc7cb75c14b4bd6d82da39edab631a80ccb",role:"heading",tabIndex:-1,autoFocus:"heading"===this.dsAutoFocusTarget,"aria-level":this.dsHeadingLevel,class:n},this.icon&&t(this.DsIcon,{key:"c801e35bcea8ee98a48e2eaa9fe5808656cc9374",class:e+"__header__heading__icon",dsAriaHidden:this.icon.ariaHidden,dsAriaLabel:this.icon.ariaLabel,dsSize:this.icon.size,dsName:this.icon.name,dsColour:this.icon.colour}),t("span",{key:"bed199dcc40bdaa067d58be2f65b06647b62606c",class:e+"__header__heading__text"},this.dsHeadingText)),this.dsCloseable&&t(this.DsButton,{key:"d20d158069791ae18f4a7c1b65b4ab9f9c84137e",class:r,dsVariant:"supplementary",dsSize:"small",dsColour:"black",dsIcon:"close",dsAriaLabel:this.close,dsAutoFocus:"close-button"===this.dsAutoFocusTarget,onClick:this.handleCloseClick}))),t("div",{key:"ce736b63338aaa29804ff7fc3208f2fd45614edd",ref:e=>this.contentRef=e,class:c,...l("aria-label",b),...l("tabIndex",p),onScroll:this.handleContentScroll},this.dsScrollable&&this.hasContentSlot&&t("div",{key:"6b326f965acdb3ca7f4b55ae43cd3125b61e91e4",class:d(e+"__content--scrollable__top-scrim",{[e+"__content--scrollable__top-scrim--open"]:this.scrollableContentState&&!this.scrollableContentState.atTop}),"aria-hidden":"true"}),t("slot",{key:"386861c44236e267016ffdcb1e57ea0e96fd82a1",name:"content",onSlotchange:()=>this.checkContentSlot()}),this.dsScrollable&&this.hasContentSlot&&t("div",{key:"d8002608d4b20720c9cae8885f4c2714dfa765b3",class:d(e+"__content--scrollable__bottom-scrim",{[e+"__content--scrollable__bottom-scrim--open"]:this.scrollableContentState&&!this.scrollableContentState.atBottom}),"aria-hidden":"true"})),t("div",{key:"2d1527db1def8c15a9cf2cf43765ebd26a3a9f98",class:_},t("slot",{key:"5e184d9ed1d1b6bdc24f5ce3dbc9c90f3f6307e2",name:"footer",onSlotchange:()=>this.checkFooterSlot()})))))}static get watchers(){return{hasContentSlot:[{hasContentSlotObserver:0}],dsOpen:[{dsOpenObserver:0}]}}static get style(){return".ds-modal__GqWYnG{position:fixed;padding:0;border:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;background-color:var(--ds-bgColor-transparent-onLight);overflow-y:hidden;inset:0}.ds-modal__GqWYnG--open{overflow-y:auto}.ds-modal__GqWYnG__positioner{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-block:var(--ds-spacing-small) 0;margin-block:auto 0}@media (min-width: 30rem){.ds-modal__GqWYnG__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__GqWYnG__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__GqWYnG__container{pointer-events:auto;cursor:unset;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);scale:0.98;opacity:0;transform:translateY(0.75rem);transition:scale var(--ds-modal-transition-out-duration) ease-out, opacity var(--ds-modal-transition-out-duration) ease-out, transform var(--ds-modal-transition-out-duration) ease-out}@media (min-width: 30rem){.ds-modal__GqWYnG__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__GqWYnG__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__GqWYnG__container--full{width:100%}@media (min-width: 30rem){.ds-modal__GqWYnG__container--small{width:480px}.ds-modal__GqWYnG__container--medium{width:640px}.ds-modal__GqWYnG__container--large{width:800px}}.ds-modal__GqWYnG__container--scrollable{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh + calc(-1 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-1 * var(--ds-spacing-small)));min-height:calc(320px - 2 * var(--ds-spacing-small))}@media (min-width: 30rem){.ds-modal__GqWYnG__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-small)))}}@media (min-width: 60rem){.ds-modal__GqWYnG__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__GqWYnG--open .ds-modal__GqWYnG__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__GqWYnG--in .ds-modal__GqWYnG__container{transition:scale var(--ds-modal-transition-in-duration) ease-out, opacity var(--ds-modal-transition-in-duration) ease-out, transform var(--ds-modal-transition-in-duration) ease-out}@media (prefers-reduced-motion: reduce){.ds-modal__GqWYnG__container,.ds-modal__GqWYnG--in .ds-modal__GqWYnG__container{transition:none}}.ds-modal__GqWYnG__header{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-spacing-2xSmall);padding-block:var(--ds-spacing-small);padding-inline:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__GqWYnG__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__GqWYnG__header--sticky{position:sticky;top:0;background-color:var(--ds-bgColor-white);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-modal__GqWYnG__header__heading: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-modal__GqWYnG__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__GqWYnG__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__GqWYnG__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__GqWYnG__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__GqWYnG__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__GqWYnG__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__GqWYnG__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__GqWYnG__content:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-modal__GqWYnG__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__GqWYnG__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__GqWYnG__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__GqWYnG__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__GqWYnG__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__GqWYnG__content--scrollable__top-scrim,.ds-modal__GqWYnG__content--scrollable__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-modal__GqWYnG__content--scrollable__top-scrim--open,.ds-modal__GqWYnG__content--scrollable__bottom-scrim--open{display:block}.ds-modal__GqWYnG__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__GqWYnG__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__GqWYnG__content--scrollable:focus-visible .ds-modal__GqWYnG__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__GqWYnG__content--scrollable:focus-visible .ds-modal__GqWYnG__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__GqWYnG__footer{position:relative}.ds-modal__GqWYnG__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__GqWYnG__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__GqWYnG__footer:not(:empty)+.ds-modal__GqWYnG__content{border-block-end:0}.ds-modal__GqWYnG__footer--sticky:not(:empty){position:sticky;bottom:0;background-color:var(--ds-bgColor-white);border-block-start:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}"}},[772,"ds-modal",{dsId:[1,"ds-id"],dsOpen:[4,"ds-open"],dsCloseable:[4,"ds-closeable"],dsVariant:[1,"ds-variant"],dsIcon:[1,"ds-icon"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsSize:[1,"ds-size"],dsAutoFocusTarget:[1,"ds-auto-focus-target"],dsScrollable:[4,"ds-scrollable"],dsHeadingText:[1,"ds-heading-text"],dsHeadingLevel:[2,"ds-heading-level"],dsBackdropCloseable:[4,"ds-backdrop-closeable"],dsBackdropZIndex:[2,"ds-backdrop-z-index"],isGreaterThanEqualSmall:[32],transitionInProgress:[32],hasHeaderSlot:[32],hasContentSlot:[32],hasFooterSlot:[32],scrollableContentState:[32]},[[9,"resize","resizeListener"]],{hasContentSlot:[{hasContentSlotObserver:0}],dsOpen:[{dsOpenObserver:0}]}]);c([t("ds-backdrop",null),t("ds-button",null),t("ds-icon",{dsName:""})]);const W=k,x=function(){"undefined"!=typeof customElements&&["ds-modal","ds-backdrop","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-modal":customElements.get(o(e))||customElements.define(o(e),k);break;case"ds-backdrop":customElements.get(o(e))||g();break;case"ds-button":customElements.get(o(e))||u();break;case"ds-icon":customElements.get(o(e))||v();break;case"ds-spinner":customElements.get(o(e))||f();break;case"ds-visually-hidden":customElements.get(o(e))||G()}}))};export{W as DsModal,x as defineCustomElement}
+import{p as s,M as a,c as e,h as o,t}from"./p-BCnJbLHS.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as d}from"./p-CuBQ8qa4.js";import{t as n,g as r,i as l,d as c}from"./p-CjK5xiRo.js";import{g as _}from"./p-D9BQuJsJ.js";import{M as h,c as m}from"./p-BT1Kxodd.js";import{i as b}from"./p-BW1GUsO7.js";import{c as p}from"./p-CuvcuGd4.js";import{d as g}from"./p-4HcOzLa1.js";import{d as u}from"./p-DNzo8rHP.js";import{d as v}from"./p-BpAUnD2-.js";import{d as f}from"./p-VmGMXr5q.js";import{d as k}from"./p-CQ-GEolF.js";const j=s(class extends(a(p("ds-modal",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsModalClose=e(this,"dsModalClose",7)}get el(){return this}RESIZE_THROTTLE_TIMEOUT=100;reducedMotionMediaQuery=window.matchMedia("(prefers-reduced-motion: reduce)");isGreaterThanEqualSmallMediaQuery=b("small");transitionTimeout=null;contentRef;contentSlotContainsElements=!1;dsModalClose;dsId=this.getUniqueId();dsOpen=!1;dsCloseable=!0;dsVariant="default";dsIcon;dsIconAriaLabel;dsSize="medium";dsAutoFocusTarget="heading";dsScrollable=!1;dsHeadingText="";dsHeadingLevel=2;dsBackdropCloseable=!0;dsBackdropZIndex=9999;isGreaterThanEqualSmall=this.isGreaterThanEqualSmallMediaQuery.matches;transitionInProgress=!1;hasHeaderSlot=!1;hasContentSlot=!1;hasFooterSlot=!1;scrollableContentState=null;get close(){switch(_()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}get warning(){switch(_()){case"fi":return"Varoitus";case"sv":return"Varning";default:return"Warning"}}get contentScrollArea(){switch(_()){case"fi":return"Sisällön vieritysalue";case"sv":return"Innehållets scrollområde";default:return"Content scroll area"}}get icon(){return"danger"===this.dsVariant?{name:"report_fill",size:this.isGreaterThanEqualSmall?"1.75rem":"1.5rem",colour:"ds-iconColor-danger",ariaLabel:this.dsIconAriaLabel||this.warning,ariaHidden:!1}:this.dsIcon?{name:this.dsIcon,size:this.isGreaterThanEqualSmall?"1.75rem":"1.5rem",colour:"ds-iconColor-primary",ariaLabel:this.dsIconAriaLabel,ariaHidden:!this.dsIconAriaLabel}:null}get DsIcon(){return n("ds-icon","ds-modal",this.el)}get DsButton(){return n("ds-button","ds-modal",this.el)}get DsBackdrop(){return n("ds-backdrop","ds-modal",this.el)}checkHeaderSlot(){this.hasHeaderSlot=null!==this.el.querySelector('[slot="header"]')}checkContentSlot(){const s=this.el.querySelectorAll('[slot="content"]');this.hasContentSlot=s.length>0,this.contentSlotContainsElements=Array.from(s).some((s=>s.childElementCount>0))}checkFooterSlot(){this.hasFooterSlot=null!==this.el.querySelector('[slot="footer"]')}calculateScrollableContentState=()=>{this.contentRef&&this.dsScrollable&&(this.scrollableContentState={atTop:0===this.contentRef.scrollTop,atBottom:this.contentRef.scrollTop+this.contentRef.clientHeight>=this.contentRef.scrollHeight})};throttledCalculateScrollableContentState=r(this.calculateScrollableContentState,this.RESIZE_THROTTLE_TIMEOUT);setIsGreaterThanEqualSmall=s=>{this.isGreaterThanEqualSmall=s.matches};handleReducedMotionChange=s=>{s.matches&&(this.transitionTimeout&&(clearTimeout(this.transitionTimeout),this.transitionTimeout=null),this.transitionInProgress=!1)};connectedCallback(){this.reducedMotionMediaQuery.addEventListener("change",this.handleReducedMotionChange),this.isGreaterThanEqualSmallMediaQuery.addEventListener("change",this.setIsGreaterThanEqualSmall)}componentDidLoad(){this.componentMounted(),this.checkHeaderSlot(),this.checkContentSlot(),this.checkFooterSlot(),this.calculateScrollableContentState()}disconnectedCallback(){this.transitionTimeout&&clearTimeout(this.transitionTimeout),this.reducedMotionMediaQuery.removeEventListener("change",this.handleReducedMotionChange),this.isGreaterThanEqualSmallMediaQuery.removeEventListener("change",this.setIsGreaterThanEqualSmall)}hasContentSlotObserver(s){s&&this.calculateScrollableContentState()}dsOpenObserver(s){this.transitionInProgress=!0;const a=()=>{s&&this.calculateScrollableContentState(),this.transitionInProgress=!1};this.reducedMotionMediaQuery.matches?requestAnimationFrame((()=>{a()})):this.transitionTimeout=setTimeout(a,s?h:m)}handleWindowResize(){this.throttledCalculateScrollableContentState()}handleBackdropClose=()=>{this.dsCloseable&&this.dsBackdropCloseable&&this.dsModalClose.emit()};handleCloseClick=()=>{this.transitionInProgress||this.dsModalClose.emit()};handleContentScroll=()=>{this.calculateScrollableContentState()};render(){const s=d("ds-modal"),a=i(s,{[s+"--open"]:this.dsOpen,[s+"--in"]:this.dsOpen&&this.transitionInProgress}),e=i(s+"__container",{[`${s}__container--${this.dsSize}`]:"auto"!==this.dsSize,[s+"__container--scrollable"]:(this.dsOpen||this.transitionInProgress)&&this.dsScrollable}),t=i(s+"__header",{[s+"__header--sticky"]:this.dsScrollable}),n=i(s+"__header__heading","ds-heading-md"),r=i(s+"__header__close-button"),c=i(s+"__content","ds-bodytext-lg",{[s+"__content--scrollable"]:this.dsScrollable,[s+"__content--padded"]:this.contentSlotContainsElements}),_=i(s+"__footer",{[s+"__footer--sticky"]:this.dsScrollable}),b=this.dsScrollable?this.contentScrollArea:void 0,p=this.dsScrollable?0:void 0;return o(this.DsBackdrop,{key:"937e89060be8652b7a5e27eea7c2f2e2586604e7",id:this.dsId,dsDialogClasses:a,dsOpen:this.dsOpen,dsZIndex:this.dsBackdropZIndex,dsRole:"danger"===this.dsVariant?"alertdialog":"dialog",onDsBackdropClose:this.handleBackdropClose},o("div",{key:"c24c5cbe65e8111a9ecb6417bf06c2a94568090f",class:s+"__positioner"},o("div",{key:"b6bf573d926a37fda88adea353e2aab0869eda10",class:e,style:{"--ds-modal-transition-in-duration":h+"ms","--ds-modal-transition-out-duration":m+"ms"}},o("slot",{key:"802affcb12c2c59ee1f77f69dfe00d22b58e98f9",name:"header",onSlotchange:()=>this.checkHeaderSlot()},!this.hasHeaderSlot&&o("div",{key:"ab3f15653104929578e31754f43e987d1af41a9b",class:t},this.dsHeadingText&&o("span",{key:"8e9c57f974893caa3e58a1ba9796283ab14203d3",role:"heading",tabIndex:-1,autoFocus:"heading"===this.dsAutoFocusTarget,"aria-level":this.dsHeadingLevel,class:n},this.icon&&o(this.DsIcon,{key:"33c3cef078b3baf2d020fedca243ad8c04b2879f",class:s+"__header__heading__icon",dsAriaHidden:this.icon.ariaHidden,dsAriaLabel:this.icon.ariaLabel,dsSize:this.icon.size,dsName:this.icon.name,dsColour:this.icon.colour}),o("span",{key:"40f2255f36c83b8da5202d08caa3f2bee86b3573",class:s+"__header__heading__text"},this.dsHeadingText)),this.dsCloseable&&o(this.DsButton,{key:"6bad9269962475a5d455c2e885de43fbd292eb15",class:r,dsVariant:"supplementary",dsSize:"small",dsColour:"black",dsIcon:"close",dsAriaLabel:this.close,dsAutoFocus:"close-button"===this.dsAutoFocusTarget,onClick:this.handleCloseClick}))),o("div",{key:"7da28c17478a5ce8a6c1290ba32fddd8500c5496",ref:s=>this.contentRef=s,class:c,...l("aria-label",b),...l("tabIndex",p),onScroll:this.handleContentScroll},this.dsScrollable&&this.hasContentSlot&&o("div",{key:"ab5f42d46124d3f3b86b4e15bae5871483d44cef",class:i(s+"__content--scrollable__top-scrim",{[s+"__content--scrollable__top-scrim--open"]:this.scrollableContentState&&!this.scrollableContentState.atTop}),"aria-hidden":"true"}),o("slot",{key:"5d52c8c2bc581bf51ea14912ad44fabea75beee2",name:"content",onSlotchange:()=>this.checkContentSlot()}),this.dsScrollable&&this.hasContentSlot&&o("div",{key:"fbfd7f45b29e26fed24c2c73d0f169c8bcf5652f",class:i(s+"__content--scrollable__bottom-scrim",{[s+"__content--scrollable__bottom-scrim--open"]:this.scrollableContentState&&!this.scrollableContentState.atBottom}),"aria-hidden":"true"})),o("div",{key:"51cd0ca3e9a87040ad6280171defbc97f7159338",class:_},o("slot",{key:"2d0854ee9b3573951c61b8b246317fb08fa455ee",name:"footer",onSlotchange:()=>this.checkFooterSlot()})))))}static get watchers(){return{hasContentSlot:[{hasContentSlotObserver:0}],dsOpen:[{dsOpenObserver:0}]}}static get style(){return".ds-modal__0Yjiso{position:fixed;padding:0;border:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;background-color:var(--ds-bgColor-transparent-onLight);overflow-y:hidden;inset:0}.ds-modal__0Yjiso--open{overflow-y:auto}.ds-modal__0Yjiso__positioner{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-block:var(--ds-spacing-small) 0;margin-block:auto 0}@media (min-width: 30rem){.ds-modal__0Yjiso__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__0Yjiso__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__0Yjiso__container{pointer-events:auto;cursor:unset;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);scale:0.98;opacity:0;transform:translateY(0.75rem);transition:scale var(--ds-modal-transition-out-duration) ease-out, opacity var(--ds-modal-transition-out-duration) ease-out, transform var(--ds-modal-transition-out-duration) ease-out}@media (min-width: 30rem){.ds-modal__0Yjiso__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__0Yjiso__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__0Yjiso__container--full{width:100%}@media (min-width: 30rem){.ds-modal__0Yjiso__container--small{width:480px}.ds-modal__0Yjiso__container--medium{width:640px}.ds-modal__0Yjiso__container--large{width:800px}}.ds-modal__0Yjiso__container--scrollable{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh + calc(-1 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-1 * var(--ds-spacing-small)));min-height:calc(320px - 2 * var(--ds-spacing-small))}@media (min-width: 30rem){.ds-modal__0Yjiso__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-small)))}}@media (min-width: 60rem){.ds-modal__0Yjiso__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__0Yjiso--open .ds-modal__0Yjiso__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__0Yjiso--in .ds-modal__0Yjiso__container{transition:scale var(--ds-modal-transition-in-duration) ease-out, opacity var(--ds-modal-transition-in-duration) ease-out, transform var(--ds-modal-transition-in-duration) ease-out}@media (prefers-reduced-motion: reduce){.ds-modal__0Yjiso__container,.ds-modal__0Yjiso--in .ds-modal__0Yjiso__container{transition:none}}.ds-modal__0Yjiso__header{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-spacing-2xSmall);padding-block:var(--ds-spacing-small);padding-inline:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__0Yjiso__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__0Yjiso__header--sticky{position:sticky;top:0;background-color:var(--ds-bgColor-white);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-modal__0Yjiso__header__heading: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-modal__0Yjiso__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__0Yjiso__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__0Yjiso__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__0Yjiso__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__0Yjiso__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__0Yjiso__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__0Yjiso__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__0Yjiso__content:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-modal__0Yjiso__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__0Yjiso__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__0Yjiso__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__0Yjiso__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__0Yjiso__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__0Yjiso__content--scrollable__top-scrim,.ds-modal__0Yjiso__content--scrollable__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-modal__0Yjiso__content--scrollable__top-scrim--open,.ds-modal__0Yjiso__content--scrollable__bottom-scrim--open{display:block}.ds-modal__0Yjiso__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__0Yjiso__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__0Yjiso__content--scrollable:focus-visible .ds-modal__0Yjiso__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__0Yjiso__content--scrollable:focus-visible .ds-modal__0Yjiso__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__0Yjiso__footer{position:relative}.ds-modal__0Yjiso__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__0Yjiso__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__0Yjiso__footer:not(:empty)+.ds-modal__0Yjiso__content{border-block-end:0}.ds-modal__0Yjiso__footer--sticky:not(:empty){position:sticky;bottom:0;background-color:var(--ds-bgColor-white);border-block-start:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}"}},[772,"ds-modal",{dsId:[1,"ds-id"],dsOpen:[4,"ds-open"],dsCloseable:[4,"ds-closeable"],dsVariant:[1,"ds-variant"],dsIcon:[1,"ds-icon"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsSize:[1,"ds-size"],dsAutoFocusTarget:[1,"ds-auto-focus-target"],dsScrollable:[4,"ds-scrollable"],dsHeadingText:[1,"ds-heading-text"],dsHeadingLevel:[2,"ds-heading-level"],dsBackdropCloseable:[4,"ds-backdrop-closeable"],dsBackdropZIndex:[2,"ds-backdrop-z-index"],isGreaterThanEqualSmall:[32],transitionInProgress:[32],hasHeaderSlot:[32],hasContentSlot:[32],hasFooterSlot:[32],scrollableContentState:[32]},[[9,"resize","handleWindowResize"]],{hasContentSlot:[{hasContentSlotObserver:0}],dsOpen:[{dsOpenObserver:0}]}]);c([o("ds-backdrop",null),o("ds-button",null),o("ds-icon",{dsName:""})]);const x=j,y=function(){"undefined"!=typeof customElements&&["ds-modal","ds-backdrop","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-modal":customElements.get(t(s))||customElements.define(t(s),j);break;case"ds-backdrop":customElements.get(t(s))||g();break;case"ds-button":customElements.get(t(s))||u();break;case"ds-icon":customElements.get(t(s))||v();break;case"ds-spinner":customElements.get(t(s))||f();break;case"ds-visually-hidden":customElements.get(t(s))||k()}}))};export{x as DsModal,y as defineCustomElement}

package/dist/components/ds-notification.js

@@ -1 +1 @@
-import{p as i,M as t,c as s,f as o,h as n,t as a}from"./p-Be3z-48a.js";import{c as d}from"./p-BfTCfPZ1.js";import{c as e}from"./p-s-UO9MAI.js";import{t as r,o as c,d as l}from"./p-CjK5xiRo.js";import{i as f,a as h}from"./p-BecId8t2.js";import{g as b}from"./p-Cl5tN4CW.js";import{a as _,d as u}from"./p-CnF3gIOJ.js";import{c as m}from"./p-C2cIITC9.js";import{d as p}from"./p-CNE-7ped.js";import{d as g}from"./p-DgEQMOgy.js";import{d as v}from"./p-CHZWXcUp.js";const G=["neutral","neutralWhite","info","success","attention","danger"],W=["neutral","neutralWhite","info"],x=i(class extends(t(m("ds-notification"),_)){constructor(i){super(!1),!1!==i&&this.__registerHost(),this.dsDismiss=s(this,"dsDismiss",7)}dsAriaLabel;dsAriaLabelledby;dsRole;inheritedAttributes={};get el(){return this}dsDismiss;dsId=this.getUniqueId();variant="neutral";get dsVariant(){return this.variant}set dsVariant(i){G.includes(i)&&(this.variant=i)}dsDismissable=!1;dsDismissButtonHiddenAssistiveText;dsHeading;headingLevel=2;get dsHeadingLevel(){return this.headingLevel}set dsHeadingLevel(i){i<1||(this.headingLevel=i)}icon;get dsIcon(){return this.icon}set dsIcon(i){this.icon=i&&(()=>W.includes(this.variant))()?i:this.variantIcon}dsDescription;dsDescriptionMaxWidth="550px";get variantIcon(){switch(this.variant){case"info":return"info_fill";case"success":return"check_circle_fill";case"attention":return"warning_fill";case"danger":return"report_fill";default:return"help_fill"}}get DsIcon(){return r("ds-icon","ds-notification",this.el)}get DsButton(){return r("ds-button","ds-notification",this.el)}get DsVisuallyHidden(){return r("ds-visually-hidden","ds-notification",this.el)}get headingId(){return this.dsId+"-heading"}get close(){switch(b()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}get notification(){switch(b()){case"fi":return"Ilmoitus";case"sv":return"Meddelande";default:return"Notification"}}get ariaLabel(){return this.inheritedAttributes["aria-label"]?this.inheritedAttributes["aria-label"]:this.dsHeading&&this.dsDescription?void 0:this.notification}get ariaLabelledBy(){return this.inheritedAttributes["aria-labelledby"]?this.inheritedAttributes["aria-labelledby"]:this.dsHeading&&this.dsDescription?this.headingId:void 0}ariaAttributeObserver(i,t,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:i},o(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...h(this,this.el),...f(this.el)}}componentDidLoad(){this.componentMounted()}handleDismissButtonClick=()=>{this.dsDismiss.emit()};render(){const i=e("ds-notification"),t=i+"__content",s=t+"__text",o=d(i,`${i}--${this.variant}`),a=this.dsAriaLabel??this.inheritedAttributes["aria-label"]??this.ariaLabel,r=this.dsAriaLabelledby??this.inheritedAttributes["aria-labelledby"]??this.ariaLabelledBy,l=this.dsRole??this.inheritedAttributes.role??"group",f=c(this.inheritedAttributes,["aria-labelledby","aria-label","role"]);return n("div",{key:"4a33a2341cb0ddedbae84d141d0bde4c0ce54b8f",class:o,id:this.dsId,role:l,"aria-label":a,"aria-labelledby":r,...f},n("div",{key:"e3532247cd831b07110cdb896f362d67e4f00424",class:t},this.dsIcon&&n("div",{key:"6a49f7ba417d833f25d53e5d76b111212b4f3b3f",class:i+"__icon ds-p-3xs"},n(this.DsIcon,{key:"f836bfa593297f84170c7391f8d73a7fd6d4237b",dsName:this.dsIcon})),n("div",{key:"c9ee86cbdaf73853a7d1b5db7c2ad5b5ac3ff58d",class:s},n("slot",{key:"ef60097fe450dbe4074cd2f2c8c98b815e0e0d96",name:"heading"},this.dsHeading&&n("div",{key:"defc5e022ca33e908398d082cad0fe03e02cf018",class:s+"__heading ds-text-semibold-lg",id:this.headingId,role:this.dsDescription?"heading":void 0,"aria-level":this.dsDescription?this.dsHeadingLevel:void 0},this.dsHeading)),n("slot",{key:"195f482626decf81e679d0fd35c595dccf6d501b",name:"description"},this.dsDescription&&n("div",{key:"be1a3fdb821b62078d057c3f4c7f0fcd09e8facd",class:s+"__description ds-text-regular-md",style:{"--ds-notification-description-max-width":this.dsDescriptionMaxWidth}},this.dsDescription)),n("slot",{key:"f3ec0b87eb5fa07fa06abb08502abee48bda182f"})),this.dsDismissable&&n(this.DsButton,{key:"af7f0d6580693efc7a34a9e2592adbdec0c9f4d5",dsId:this.dsId+"-dismiss-button",dsIcon:"close",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsAriaLabelledby:[this.dsId+"-dismiss-button",r].filter(Boolean).join(" "),onClick:this.handleDismissButtonClick},n(this.DsVisuallyHidden,{key:"37979bae9dbbf7aaebd834c9cb1dda9dfeadc2e4",slot:"suffix",dsTag:"span"},this.dsDismissButtonHiddenAssistiveText||this.close))))}static get watchers(){return{"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}]}}static get style(){return".sc-ds-notification-h{display:block;width:100%}.ds-notification__GqWYnG.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__GqWYnG.ds-notification__GqWYnG--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__GqWYnG.ds-notification__GqWYnG--neutral.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__GqWYnG.ds-notification__GqWYnG--neutralWhite.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__GqWYnG.ds-notification__GqWYnG--info.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__GqWYnG.ds-notification__GqWYnG--success.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__GqWYnG.ds-notification__GqWYnG--attention.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__GqWYnG.ds-notification__GqWYnG--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__GqWYnG.ds-notification__GqWYnG--danger.sc-ds-notification .ds-notification__GqWYnG__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__GqWYnG__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__GqWYnG__content__text.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__GqWYnG__content__text__heading.sc-ds-notification,.ds-notification__GqWYnG__content__text__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__GqWYnG__content__text__description.sc-ds-notification{max-width:var(--ds-notification-description-max-width, 550px)}"}},[774,"ds-notification",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsRole:[1,"ds-role"],dsId:[1,"ds-id"],dsVariant:[6145,"ds-variant"],dsDismissable:[4,"ds-dismissable"],dsDismissButtonHiddenAssistiveText:[1,"ds-dismiss-button-hidden-assistive-text"],dsHeading:[1,"ds-heading"],dsHeadingLevel:[6146,"ds-heading-level"],dsIcon:[6145,"ds-icon"],dsDescription:[1,"ds-description"],dsDescriptionMaxWidth:[1,"ds-description-max-width"]},void 0,{"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}]}]);l([n("ds-icon",{dsName:""}),n("ds-button",null),n("ds-visually-hidden",null)]);const y=x,C=function(){"undefined"!=typeof customElements&&["ds-notification","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((i=>{switch(i){case"ds-notification":customElements.get(a(i))||customElements.define(a(i),x);break;case"ds-button":customElements.get(a(i))||p();break;case"ds-icon":customElements.get(a(i))||u();break;case"ds-spinner":customElements.get(a(i))||g();break;case"ds-visually-hidden":customElements.get(a(i))||v()}}))};export{y as DsNotification,C as defineCustomElement}
+import{p as i,M as t,c as s,f as o,h as a,t as d}from"./p-BCnJbLHS.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as e}from"./p-CuBQ8qa4.js";import{t as r,o as c,d as l}from"./p-CjK5xiRo.js";import{i as f,a as b}from"./p-BecId8t2.js";import{g as h}from"./p-D9BQuJsJ.js";import{a as _,d as u}from"./p-BpAUnD2-.js";import{c as m}from"./p-CuvcuGd4.js";import{d as p}from"./p-DNzo8rHP.js";import{d as g}from"./p-VmGMXr5q.js";import{d as v}from"./p-CQ-GEolF.js";const x=["neutral","neutralWhite","info","success","attention","danger"],j=["neutral","neutralWhite","info"],y=i(class extends(t(m("ds-notification",{stopRootTracking:!0}),_)){constructor(i){super(!1),!1!==i&&this.__registerHost(),this.dsDismiss=s(this,"dsDismiss",7)}dsAriaLabel;dsAriaLabelledby;dsRole;inheritedAttributes={};get el(){return this}dsDismiss;dsId=this.getUniqueId();variant="neutral";get dsVariant(){return this.variant}set dsVariant(i){x.includes(i)&&(this.variant=i)}dsDismissable=!1;dsDismissButtonHiddenAssistiveText;dsHeading;headingLevel=2;get dsHeadingLevel(){return this.headingLevel}set dsHeadingLevel(i){i<1||(this.headingLevel=i)}_dsIcon;get dsIcon(){return this._dsIcon}set dsIcon(i){this._dsIcon=i&&(()=>j.includes(this.variant))()?i:this.variantIcon}dsDescription;dsDescriptionMaxWidth="550px";get variantIcon(){switch(this.variant){case"info":return"info_fill";case"success":return"check_circle_fill";case"attention":return"warning_fill";case"danger":return"report_fill";default:return"help_fill"}}get icon(){return this.dsIcon||this.variantIcon}get DsIcon(){return r("ds-icon","ds-notification",this.el)}get DsButton(){return r("ds-button","ds-notification",this.el)}get DsVisuallyHidden(){return r("ds-visually-hidden","ds-notification",this.el)}get headingId(){return this.dsId+"-heading"}get close(){switch(h()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}get notification(){switch(h()){case"fi":return"Ilmoitus";case"sv":return"Meddelande";default:return"Notification"}}get ariaLabel(){return this.inheritedAttributes["aria-label"]?this.inheritedAttributes["aria-label"]:this.dsHeading&&this.dsDescription?void 0:this.notification}get ariaLabelledBy(){return this.inheritedAttributes["aria-labelledby"]?this.inheritedAttributes["aria-labelledby"]:this.dsHeading&&this.dsDescription?this.headingId:void 0}ariaAttributeObserver(i,t,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:i},o(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...b(this,this.el),...f(this.el)}}componentDidLoad(){this.componentMounted()}handleDismissButtonClick=()=>{this.dsDismiss.emit()};render(){const i=e("ds-notification"),t=i+"__content",s=t+"__text",o=n(i,`${i}--${this.variant}`),d=this.dsAriaLabel??this.inheritedAttributes["aria-label"]??this.ariaLabel,r=this.dsAriaLabelledby??this.inheritedAttributes["aria-labelledby"]??this.ariaLabelledBy,l=this.dsRole??this.inheritedAttributes.role??"group",f=c(this.inheritedAttributes,["aria-labelledby","aria-label","role"]);return a("div",{key:"1b127bfbf8682ddc132597ab9d076fd9bb2e178b",class:o,id:this.dsId,role:l,"aria-label":d,"aria-labelledby":r,...f},a("div",{key:"9c065c209815d5d169dcda3a8304c2b4ec3554e4",class:t},a("div",{key:"dd8ebcae11527e8f19ec9dedaa11ffdef794ee70",class:i+"__icon ds-p-3xs"},a(this.DsIcon,{key:"791bedfc190ef9b8b6e9447ad6b1c24c080c2020",dsName:this.icon})),a("div",{key:"69fb517e3f2e9f836448f856a3814b5ddcfd343e",class:s},a("slot",{key:"6d0fea417b1ba529ae2b0d6455b0773dcdb1c282",name:"heading"},this.dsHeading&&a("div",{key:"8216f324647ba19a55bf52c121da33f95ac6033f",class:s+"__heading ds-text-semibold-lg",id:this.headingId,role:this.dsDescription?"heading":void 0,"aria-level":this.dsDescription?this.dsHeadingLevel:void 0},this.dsHeading)),a("slot",{key:"8e78e68b96b5262e03b663f3d290be56b84db1cc",name:"description"},this.dsDescription&&a("div",{key:"b6d058bfb696b3cd1bd38facecc9cc71cc9d6493",class:s+"__description ds-text-regular-md",style:{"--ds-notification-description-max-width":this.dsDescriptionMaxWidth}},this.dsDescription)),a("slot",{key:"e5b44ec27865c3d1b8fdc7a74e98d36cbddc90a6"})),this.dsDismissable&&a(this.DsButton,{key:"d45b6cc4ed0e6a327d0585b8fbaa503904fe7c7d",dsId:this.dsId+"-dismiss-button",dsIcon:"close",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsAriaLabelledby:[this.dsId+"-dismiss-button",r].filter(Boolean).join(" "),onClick:this.handleDismissButtonClick},a(this.DsVisuallyHidden,{key:"55b54131e78fffb47e01e97c8b7ca7918a3cfdf9",slot:"suffix",dsTag:"span"},this.dsDismissButtonHiddenAssistiveText||this.close))))}static get watchers(){return{"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}]}}static get style(){return".sc-ds-notification-h{display:block;width:100%}.ds-notification__0Yjiso.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__0Yjiso.ds-notification__0Yjiso--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__0Yjiso.ds-notification__0Yjiso--neutral.sc-ds-notification .ds-notification__0Yjiso__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__0Yjiso.ds-notification__0Yjiso--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__0Yjiso.ds-notification__0Yjiso--neutralWhite.sc-ds-notification .ds-notification__0Yjiso__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__0Yjiso.ds-notification__0Yjiso--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__0Yjiso.ds-notification__0Yjiso--info.sc-ds-notification .ds-notification__0Yjiso__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__0Yjiso.ds-notification__0Yjiso--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__0Yjiso.ds-notification__0Yjiso--success.sc-ds-notification .ds-notification__0Yjiso__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__0Yjiso.ds-notification__0Yjiso--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__0Yjiso.ds-notification__0Yjiso--attention.sc-ds-notification .ds-notification__0Yjiso__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__0Yjiso.ds-notification__0Yjiso--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__0Yjiso.ds-notification__0Yjiso--danger.sc-ds-notification .ds-notification__0Yjiso__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__0Yjiso__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__0Yjiso__content__text.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__0Yjiso__content__text__heading.sc-ds-notification,.ds-notification__0Yjiso__content__text__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__0Yjiso__content__text__description.sc-ds-notification{max-width:var(--ds-notification-description-max-width, 550px)}"}},[774,"ds-notification",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsRole:[1,"ds-role"],dsId:[1,"ds-id"],dsVariant:[6145,"ds-variant"],dsDismissable:[4,"ds-dismissable"],dsDismissButtonHiddenAssistiveText:[1,"ds-dismiss-button-hidden-assistive-text"],dsHeading:[1,"ds-heading"],dsHeadingLevel:[6146,"ds-heading-level"],dsIcon:[6145,"ds-icon"],dsDescription:[1,"ds-description"],dsDescriptionMaxWidth:[1,"ds-description-max-width"]},void 0,{"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}]}]);l([a("ds-icon",{dsName:""}),a("ds-button",null),a("ds-visually-hidden",null)]);const Y=y,C=function(){"undefined"!=typeof customElements&&["ds-notification","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((i=>{switch(i){case"ds-notification":customElements.get(d(i))||customElements.define(d(i),y);break;case"ds-button":customElements.get(d(i))||p();break;case"ds-icon":customElements.get(d(i))||u();break;case"ds-spinner":customElements.get(d(i))||g();break;case"ds-visually-hidden":customElements.get(d(i))||v()}}))};export{Y as DsNotification,C as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,H as o,h as t,t as e}from"./p-Be3z-48a.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as i}from"./p-CjK5xiRo.js";import{c as n}from"./p-s-UO9MAI.js";import{i as r,a}from"./p-BecId8t2.js";const p=s(class extends o{constructor(s){super(),!1!==s&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsLabel;dsHidden=!1;dsMouseDownPreventDefault=!1;groupId;get DsOptionTag(){return i("ds-option","ds-option-group",this.el)}dsLabelObserver(s){this.groupId="ds-option-group-label-"+s.replace(/\s+/g,"-").toLowerCase()}async hasVisibleOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag)).some((s=>!s.dsHidden))}componentWillLoad(){this.groupId="ds-option-group-label-"+this.dsLabel.replace(/\s+/g,"-").toLowerCase(),this.inheritedAttributes={...a(this,this.el),...r(this.el,["aria-labelledby"])}}onMouseDown(s){this.dsMouseDownPreventDefault&&s.preventDefault()}render(){const s=n("ds-option-group");return t("div",{key:"291ebd488597a455c8a48938732478e686a79d85",class:d(""+s,{[s+"--hidden"]:this.dsHidden}),role:"group","aria-labelledby":this.groupId,...this.inheritedAttributes},t("div",{key:"0e08dcdd6eb95fc52610fe9bbe2bd797d3d9fa91",class:s+"__label",id:this.groupId},this.dsLabel),t("slot",{key:"47b187c03a4cec508d01d11dd4a5ca943bbd4978"}))}static get watchers(){return{dsLabel:[{dsLabelObserver:0}]}}static get style(){return".ds-option-group__GqWYnG.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__GqWYnG--hidden.sc-ds-option-group{display:none}.ds-option-group__GqWYnG.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__GqWYnG__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__GqWYnG__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}"}},[774,"ds-option-group",{dsLabel:[1,"ds-label"],dsHidden:[4,"ds-hidden"],dsMouseDownPreventDefault:[4,"ds-mouse-down-prevent-default"],groupId:[32],hasVisibleOptions:[64]},[[0,"mousedown","onMouseDown"]],{dsLabel:[{dsLabelObserver:0}]}]),l=p,u=function(){"undefined"!=typeof customElements&&["ds-option-group"].forEach((s=>{"ds-option-group"===s&&(customElements.get(e(s))||customElements.define(e(s),p))}))};export{l as DsOptionGroup,u as defineCustomElement}
+import{p as o,M as s,h as t,t as e}from"./p-BCnJbLHS.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as d}from"./p-CjK5xiRo.js";import{c as n}from"./p-CuBQ8qa4.js";import{i as r,a as p}from"./p-BecId8t2.js";import{c as a}from"./p-CuvcuGd4.js";const l=o(class extends(s(a("ds-option-group"))){constructor(o){super(),!1!==o&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsLabel;dsHidden=!1;dsMouseDownPreventDefault=!1;get DsOptionTag(){return d("ds-option","ds-option-group",this.el)}get groupId(){return"ds-option-group-label-"+this.dsLabel.replace(/\s+/g,"-").toLowerCase()}async hasVisibleOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag)).some((o=>!o.dsHidden))}componentWillLoad(){this.inheritedAttributes={...p(this,this.el),...r(this.el,["aria-labelledby"])}}handleMouseDown(o){this.dsMouseDownPreventDefault&&o.preventDefault()}render(){const o=n("ds-option-group");return t("div",{key:"e57448cbaa27601c03a1fe9f162a26e0cbd0571c",class:i(""+o,{[o+"--hidden"]:this.dsHidden}),role:"group","aria-labelledby":this.groupId,...this.inheritedAttributes},t("div",{key:"34d8e066f87f3b83d1e1eb162c1bc272383e82e5",class:o+"__label",id:this.groupId},this.dsLabel),t("slot",{key:"7b7d9ead024d2450c86432db80e035e04ef99578"}))}static get style(){return".ds-option-group__0Yjiso.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__0Yjiso--hidden.sc-ds-option-group{display:none}.ds-option-group__0Yjiso.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__0Yjiso__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__0Yjiso__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}"}},[774,"ds-option-group",{dsLabel:[1,"ds-label"],dsHidden:[4,"ds-hidden"],dsMouseDownPreventDefault:[4,"ds-mouse-down-prevent-default"],hasVisibleOptions:[64]},[[0,"mousedown","handleMouseDown"]]]),u=l,c=function(){"undefined"!=typeof customElements&&["ds-option-group"].forEach((o=>{"ds-option-group"===o&&(customElements.get(e(o))||customElements.define(e(o),l))}))};export{u as DsOptionGroup,c as defineCustomElement}

package/dist/components/ds-option.js

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

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

@@ -1 +1 @@
-import{D as o,d as s}from"./p-8-hQw_Ko.js";const p=o,r=s;export{p as DsOptionsMessage,r as defineCustomElement}
+import{D as o,d as s}from"./p-C8am5VZ9.js";const a=o,m=s;export{a as DsOptionsMessage,m as defineCustomElement}

package/dist/components/ds-options.js

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

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

@@ -1 +1 @@
-import{p as s,M as i,h as e,d as a,t}from"./p-Be3z-48a.js";import{c as n}from"./p-s-UO9MAI.js";import{p as l}from"./p-BeKI3uBT.js";const c=s(class extends(i(l)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}render(){const s=n("ds-pagination-ellipsis"),i=n("ds-pagination-ellipsis-variant--"+(this.paginationContext?.variant||"medium"));return e(a,{key:"37dba82fa26a90751ed6df473e90be5f38cdeeb8",class:i},e("span",{key:"1f5af2af65bca8c1d8526819308792c7cc463084",class:s,role:"img","aria-label":this.paginationContext?.texts.ellipsis||"Ellipsis"},"…"))}static get style(){return".sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__GqWYnG.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-textColor-default);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}"}},[514,"ds-pagination-ellipsis",{context:[32]}]),r=c,o=function(){"undefined"!=typeof customElements&&["ds-pagination-ellipsis"].forEach((s=>{"ds-pagination-ellipsis"===s&&(customElements.get(t(s))||customElements.define(t(s),c))}))};export{r as DsPaginationEllipsis,o as defineCustomElement}
+import{p as s,M as i,h as a,d as e,t}from"./p-BCnJbLHS.js";import{c as n}from"./p-CuBQ8qa4.js";import{p as l}from"./p-BeKI3uBT.js";const c=s(class extends(i(l)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}render(){const s=n("ds-pagination-ellipsis"),i=n("ds-pagination-ellipsis-variant--"+(this.paginationContext?.variant||"medium"));return a(e,{key:"37dba82fa26a90751ed6df473e90be5f38cdeeb8",class:i},a("span",{key:"1f5af2af65bca8c1d8526819308792c7cc463084",class:s,role:"img","aria-label":this.paginationContext?.texts.ellipsis||"Ellipsis"},"…"))}static get style(){return".sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__0Yjiso.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-textColor-default);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}"}},[514,"ds-pagination-ellipsis",{context:[32]}]),r=c,o=function(){"undefined"!=typeof customElements&&["ds-pagination-ellipsis"].forEach((s=>{"ds-pagination-ellipsis"===s&&(customElements.get(t(s))||customElements.define(t(s),c))}))};export{r as DsPaginationEllipsis,o as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,M as t,h as i,d as e,t as a}from"./p-Be3z-48a.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as d}from"./p-s-UO9MAI.js";import{t as r,d as o}from"./p-CjK5xiRo.js";import{p as c}from"./p-BeKI3uBT.js";import{d as l}from"./p-CnF3gIOJ.js";import{d as p}from"./p-DZ4Teh0Z.js";import{d as h}from"./p-CHZWXcUp.js";const m=s(class extends(t(c)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsType;dsText;dsIcon;dsHref;dsDisabled;dsTag;get iconName(){return this.dsIcon?this.dsIcon:{first:"first_page",previous:"chevron_backward",next:"chevron_forward",last:"last_page"}[this.dsType]}get text(){return this.dsText?this.dsText:this.paginationContext?{first:this.paginationContext.texts.firstPage,previous:this.paginationContext.texts.previousPage,next:this.paginationContext.texts.nextPage,last:this.paginationContext.texts.lastPage}[this.dsType]:""}get isCompact(){return this.paginationContext?.isCompact??!1}get ariaLabel(){if(this.paginationContext&&this.isCompact)return{first:this.paginationContext.texts.goToFirstPage,previous:this.paginationContext.texts.goToPreviousPage,next:this.paginationContext.texts.goToNextPage,last:this.paginationContext.texts.goToLastPage}[this.dsType]}get isDisabled(){if(void 0!==this.dsDisabled)return this.dsDisabled;if(!this.paginationContext)return!1;const{currentPage:s,totalPages:t}=this.paginationContext,i=1===s,e=s===t;switch(this.dsType){case"first":case"previous":return i;case"next":case"last":return e;default:return!1}}get DsLinkCta(){return r("ds-link-cta","ds-pagination-item",this.el)}render(){if(!this.paginationContext)return i(e,null);const s=d("ds-pagination-item"),t=n(s,`${s}--${this.dsType}`,{[s+"--disabled"]:this.isDisabled}),a="span"===this.dsTag||!this.dsHref;return i(e,null,i(this.DsLinkCta,{class:t,dsVariant:"supplementary",dsSize:this.paginationContext.variant,dsAriaLabel:this.ariaLabel,dsText:this.isCompact?"":this.text,dsIcon:this.iconName,dsHideIcon:!1,dsIconPosition:"first"===this.dsType||"previous"===this.dsType?"start":"end",dsHref:a?void 0:this.dsHref,dsDisabled:this.isDisabled,dsTag:a?"span":"a"}))}static get style(){return".ds-pagination-item__GqWYnG.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__GqWYnG--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__GqWYnG--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__GqWYnG--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}"}},[514,"ds-pagination-item",{dsType:[1,"ds-type"],dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsHref:[1,"ds-href"],dsDisabled:[4,"ds-disabled"],dsTag:[1,"ds-tag"],context:[32]}]);o([i("ds-link-cta",{dsText:""})]);const u=m,g=function(){"undefined"!=typeof customElements&&["ds-pagination-item","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-item":customElements.get(a(s))||customElements.define(a(s),m);break;case"ds-icon":customElements.get(a(s))||l();break;case"ds-link-cta":customElements.get(a(s))||p();break;case"ds-visually-hidden":customElements.get(a(s))||h()}}))};export{u as DsPaginationItem,g as defineCustomElement}
+import{p as s,M as t,h as i,d as e,t as a}from"./p-BCnJbLHS.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as d}from"./p-CuBQ8qa4.js";import{t as r,d as o}from"./p-CjK5xiRo.js";import{p as c}from"./p-BeKI3uBT.js";import{d as l}from"./p-BpAUnD2-.js";import{d as p}from"./p-CZSljshh.js";import{d as h}from"./p-CQ-GEolF.js";const m=s(class extends(t(c)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsType;dsText;dsIcon;dsHref;dsDisabled;dsTag;get iconName(){return this.dsIcon?this.dsIcon:{first:"first_page",previous:"chevron_backward",next:"chevron_forward",last:"last_page"}[this.dsType]}get text(){return this.dsText?this.dsText:this.paginationContext?{first:this.paginationContext.texts.firstPage,previous:this.paginationContext.texts.previousPage,next:this.paginationContext.texts.nextPage,last:this.paginationContext.texts.lastPage}[this.dsType]:""}get isCompact(){return this.paginationContext?.isCompact??!1}get ariaLabel(){if(this.paginationContext&&this.isCompact)return{first:this.paginationContext.texts.goToFirstPage,previous:this.paginationContext.texts.goToPreviousPage,next:this.paginationContext.texts.goToNextPage,last:this.paginationContext.texts.goToLastPage}[this.dsType]}get isDisabled(){if(void 0!==this.dsDisabled)return this.dsDisabled;if(!this.paginationContext)return!1;const{currentPage:s,totalPages:t}=this.paginationContext,i=1===s,e=s===t;switch(this.dsType){case"first":case"previous":return i;case"next":case"last":return e;default:return!1}}get DsLinkCta(){return r("ds-link-cta","ds-pagination-item",this.el)}render(){if(!this.paginationContext)return i(e,null);const s=d("ds-pagination-item"),t=n(s,`${s}--${this.dsType}`,{[s+"--disabled"]:this.isDisabled}),a="span"===this.dsTag||!this.dsHref;return i(e,null,i(this.DsLinkCta,{class:t,dsVariant:"supplementary",dsSize:this.paginationContext.variant,dsAriaLabel:this.ariaLabel,dsText:this.isCompact?"":this.text,dsIcon:this.iconName,dsHideIcon:!1,dsIconPosition:"first"===this.dsType||"previous"===this.dsType?"start":"end",dsHref:a?void 0:this.dsHref,dsDisabled:this.isDisabled,dsTag:a?"span":"a"}))}static get style(){return".ds-pagination-item__0Yjiso.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__0Yjiso--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__0Yjiso--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__0Yjiso--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}"}},[514,"ds-pagination-item",{dsType:[1,"ds-type"],dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsHref:[1,"ds-href"],dsDisabled:[4,"ds-disabled"],dsTag:[1,"ds-tag"],context:[32]}]);o([i("ds-link-cta",{dsText:""})]);const u=m,g=function(){"undefined"!=typeof customElements&&["ds-pagination-item","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-item":customElements.get(a(s))||customElements.define(a(s),m);break;case"ds-icon":customElements.get(a(s))||l();break;case"ds-link-cta":customElements.get(a(s))||p();break;case"ds-visually-hidden":customElements.get(a(s))||h()}}))};export{u as DsPaginationItem,g as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,M as t,h as a,d as i,t as e}from"./p-Be3z-48a.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-s-UO9MAI.js";import{t as d,d as o}from"./p-CjK5xiRo.js";import{p}from"./p-BeKI3uBT.js";import{d as c}from"./p-CnF3gIOJ.js";import{d as g}from"./p-DZ4Teh0Z.js";import{d as l}from"./p-CHZWXcUp.js";const m=s(class extends(t(p)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsPage;dsHref;dsIsCurrent;dsTag;get isCurrent(){return void 0!==this.dsIsCurrent?this.dsIsCurrent:!!this.paginationContext&&this.dsPage===this.paginationContext.currentPage}get DsLinkCta(){return d("ds-link-cta","ds-pagination-page",this.el)}render(){if(!this.paginationContext)return a(i,null);const s=r("ds-pagination-page"),t=n(s,{[s+"--current"]:this.isCurrent}),e="span"===this.dsTag||this.isCurrent||!this.dsHref,d={class:t,dsVariant:this.isCurrent?"primary":"supplementary",dsSize:this.paginationContext.variant,dsTag:e?"span":"a",dsHref:e?void 0:this.dsHref,"aria-current":this.isCurrent?"page":void 0,dsText:this.dsPage+"",dsHideIcon:!0},o=r("ds-pagination-page-variant--"+this.paginationContext.variant);return a(i,{class:o},a(this.DsLinkCta,{...d}))}static get style(){return".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__GqWYnG.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__GqWYnG--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}"}},[514,"ds-pagination-page",{dsPage:[2,"ds-page"],dsHref:[1,"ds-href"],dsIsCurrent:[4,"ds-is-current"],dsTag:[1,"ds-tag"],context:[32]}]);o([a("ds-link-cta",{dsText:""})]);const u=m,h=function(){"undefined"!=typeof customElements&&["ds-pagination-page","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-page":customElements.get(e(s))||customElements.define(e(s),m);break;case"ds-icon":customElements.get(e(s))||c();break;case"ds-link-cta":customElements.get(e(s))||g();break;case"ds-visually-hidden":customElements.get(e(s))||l()}}))};export{u as DsPaginationPage,h as defineCustomElement}
+import{p as s,M as t,h as i,d as a,t as e}from"./p-BCnJbLHS.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-CuBQ8qa4.js";import{t as d,d as o}from"./p-CjK5xiRo.js";import{p}from"./p-BeKI3uBT.js";import{d as c}from"./p-BpAUnD2-.js";import{d as l}from"./p-CZSljshh.js";import{d as g}from"./p-CQ-GEolF.js";const m=s(class extends(t(p)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}dsPage;dsHref;dsIsCurrent;dsTag;get isCurrent(){return void 0!==this.dsIsCurrent?this.dsIsCurrent:!!this.paginationContext&&this.dsPage===this.paginationContext.currentPage}get DsLinkCta(){return d("ds-link-cta","ds-pagination-page",this.el)}render(){if(!this.paginationContext)return i(a,null);const s=r("ds-pagination-page"),t=n(s,{[s+"--current"]:this.isCurrent}),e="span"===this.dsTag||this.isCurrent||!this.dsHref,d={class:t,dsVariant:this.isCurrent?"primary":"supplementary",dsSize:this.paginationContext.variant,dsTag:e?"span":"a",dsHref:e?void 0:this.dsHref,"aria-current":this.isCurrent?"page":void 0,dsText:this.dsPage+"",dsHideIcon:!0},o=r("ds-pagination-page-variant--"+this.paginationContext.variant);return i(a,{class:o},i(this.DsLinkCta,{...d}))}static get style(){return".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__0Yjiso.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__0Yjiso--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}"}},[514,"ds-pagination-page",{dsPage:[2,"ds-page"],dsHref:[1,"ds-href"],dsIsCurrent:[4,"ds-is-current"],dsTag:[1,"ds-tag"],context:[32]}]);o([i("ds-link-cta",{dsText:""})]);const u=m,h=function(){"undefined"!=typeof customElements&&["ds-pagination-page","ds-icon","ds-link-cta","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-pagination-page":customElements.get(e(s))||customElements.define(e(s),m);break;case"ds-icon":customElements.get(e(s))||c();break;case"ds-link-cta":customElements.get(e(s))||l();break;case"ds-visually-hidden":customElements.get(e(s))||g()}}))};export{u as DsPaginationPage,h as defineCustomElement}

package/dist/components/ds-pagination.js

@@ -1 +1 @@
-import{p as a,M as t,h as s,t as n}from"./p-Be3z-48a.js";import{c as e}from"./p-BfTCfPZ1.js";import{c as i}from"./p-s-UO9MAI.js";import{z as o}from"./p-B4X_51nl.js";import{a as d,g,b as r,d as l,e as p,n as c,p as _,l as m,f as u,h}from"./p-Bxh7NuqD.js";import{s as f,p as G}from"./p-Dn0OC4IZ.js";import{c as b}from"./p-C2cIITC9.js";const P=a(class extends(t(b("ds-pagination"))){constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}get el(){return this}dsCurrentPage=1;dsTotalPages=1;dsLayout="auto";dsVariant="medium";dsAriaLabel;texts={firstPage:u(),lastPage:m(),previousPage:_(),nextPage:c(),goToFirstPage:p(),goToLastPage:l(),goToPreviousPage:r(),goToNextPage:g(),currentPage:d(),ellipsis:o()};handleLanguageChange(){this.setTexts(),this.updateContext()}dsCurrentPageObserver(a){(a<1||a>this.dsTotalPages)&&console.warn(`ds-pagination: dsCurrentPage (${a}) is out of range. Should be between 1 and ${this.dsTotalPages}`),this.updateContext()}dsTotalPagesObserver(a){a<1&&console.warn(`ds-pagination: dsTotalPages (${a}) should be at least 1`),this.updateContext()}componentWillLoad(){this.setTexts(),this.dsCurrentPageObserver(this.dsCurrentPage),this.dsTotalPagesObserver(this.dsTotalPages),this.storeContext()}componentDidLoad(){this.componentMounted(),this.updateContext()}componentDidUpdate(){this.updateContext()}storeContext(){const a=this.createContext();f(this.el,a)}updateContext(){const a=this.createContext();G(this.el,a)}createContext(){return{currentPage:this.dsCurrentPage,totalPages:this.dsTotalPages,variant:this.dsVariant,layout:this.dsLayout,isCompact:!1,texts:this.texts}}setTexts(){this.texts={firstPage:u(),lastPage:m(),previousPage:_(),nextPage:c(),goToFirstPage:p(),goToLastPage:l(),goToPreviousPage:r(),goToNextPage:g(),currentPage:d(),ellipsis:o()}}render(){const a=i("ds-pagination"),t=e(a,`${a}--${this.dsVariant}`,`${a}--${this.dsLayout}`),n="small"===this.dsVariant?"var(--ds-fontSize-16)":"var(--ds-fontSize-18)",o="small"===this.dsVariant?"var(--ds-spacing-large)":"calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))";return s("nav",{key:"3a2b18b268ab372ecb529492f9a169ba00468fbe",class:t,"aria-label":this.dsAriaLabel||h(),style:{"--ds-pagination-font-size":n,"--ds-link-cta-min-width":o}},s("div",{key:"126a1a2c26939b1349709efd357e666bf52517ed",class:a+"__compact"},s("slot",{key:"b6d3ac267b0c23dff31cec2b583d88fa101e5ddb",name:"compact",onSlotchange:()=>this.updateContext()})),s("div",{key:"3743f91508ddb26dd447bdd008c93169b394620c",class:a+"__full"},s("slot",{key:"92c981f5dcdefd87d6e21a48a93528f12d369a1e",name:"full",onSlotchange:()=>this.updateContext()})))}static get watchers(){return{dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__GqWYnG{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__GqWYnG__compact slot,.ds-pagination__GqWYnG__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__GqWYnG--compact .ds-pagination__GqWYnG__compact,.ds-pagination__GqWYnG--auto .ds-pagination__GqWYnG__compact{width:100%}@media (min-width: 30rem){.ds-pagination__GqWYnG--compact .ds-pagination__GqWYnG__compact,.ds-pagination__GqWYnG--auto .ds-pagination__GqWYnG__compact{width:auto}}.ds-pagination__GqWYnG--compact .ds-pagination__GqWYnG__compact slot,.ds-pagination__GqWYnG--auto .ds-pagination__GqWYnG__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__GqWYnG ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold, 600);text-align:center;align-self:center}.ds-pagination__GqWYnG--compact .ds-pagination__GqWYnG__full{display:none}.ds-pagination__GqWYnG--full .ds-pagination__GqWYnG__compact{display:none}.ds-pagination__GqWYnG--auto .ds-pagination__GqWYnG__full{display:none}@media (min-width: 60rem){.ds-pagination__GqWYnG--auto .ds-pagination__GqWYnG__full{display:contents}.ds-pagination__GqWYnG--auto .ds-pagination__GqWYnG__compact{display:none}}"}},[769,"ds-pagination",{dsCurrentPage:[2,"ds-current-page"],dsTotalPages:[2,"ds-total-pages"],dsLayout:[1,"ds-layout"],dsVariant:[1,"ds-variant"],dsAriaLabel:[1,"ds-aria-label"],texts:[32]},[[16,"dsLanguageChange","handleLanguageChange"]],{dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}]),v=P,y=function(){"undefined"!=typeof customElements&&["ds-pagination"].forEach((a=>{"ds-pagination"===a&&(customElements.get(n(a))||customElements.define(n(a),P))}))};export{v as DsPagination,y as defineCustomElement}
+import{p as a,M as s,h as t,t as i}from"./p-BCnJbLHS.js";import{c as o}from"./p-BfTCfPZ1.js";import{c as n}from"./p-CuBQ8qa4.js";import{z as e}from"./p-C30smpZ6.js";import{a as d,g as r,b as l,d as p,e as g,n as c,p as _,l as m,f as u,h as f}from"./p-Cjmmu5oF.js";import{s as h,p as b}from"./p-Dn0OC4IZ.js";import{c as j}from"./p-CuvcuGd4.js";const v=a(class extends(s(j("ds-pagination",{stopRootTracking:!0}))){constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}get el(){return this}dsCurrentPage=1;dsTotalPages=1;dsLayout="auto";dsVariant="medium";dsAriaLabel;get texts(){return{firstPage:u(),lastPage:m(),previousPage:_(),nextPage:c(),goToFirstPage:g(),goToLastPage:p(),goToPreviousPage:l(),goToNextPage:r(),currentPage:d(),ellipsis:e()}}langObserver(){this.updateContext()}dsCurrentPageObserver(a){(a<1||a>this.dsTotalPages)&&console.warn(`ds-pagination: dsCurrentPage (${a}) is out of range. Should be between 1 and ${this.dsTotalPages}`),this.updateContext()}dsTotalPagesObserver(a){a<1&&console.warn(`ds-pagination: dsTotalPages (${a}) should be at least 1`),this.updateContext()}componentWillLoad(){this.dsCurrentPageObserver(this.dsCurrentPage),this.dsTotalPagesObserver(this.dsTotalPages),this.storeContext()}componentDidLoad(){this.componentMounted(),this.updateContext()}componentDidUpdate(){this.updateContext()}storeContext(){const a=this.createContext();h(this.el,a)}updateContext(){const a=this.createContext();b(this.el,a)}createContext(){return{currentPage:this.dsCurrentPage,totalPages:this.dsTotalPages,variant:this.dsVariant,layout:this.dsLayout,isCompact:!1,texts:this.texts}}render(){const a=n("ds-pagination"),s=o(a,`${a}--${this.dsVariant}`,`${a}--${this.dsLayout}`),i="small"===this.dsVariant?"var(--ds-fontSize-16)":"var(--ds-fontSize-18)",e="small"===this.dsVariant?"var(--ds-spacing-large)":"calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))";return t("nav",{key:"37a0983233833510e18500c528483bf1bc01a3c1",class:s,"aria-label":this.dsAriaLabel||f(),style:{"--ds-pagination-font-size":i,"--ds-link-cta-min-width":e}},t("div",{key:"d61235ad8e8c3f1886e5cf4a555e6cbaf80a7dab",class:a+"__compact"},t("slot",{key:"a478f9bbdeb51e59af0a11b8dc24a90ad77b2400",name:"compact",onSlotchange:()=>this.updateContext()})),t("div",{key:"dcf0e3b5ab81d3eec7f9ac614fe291901ff4f4cd",class:a+"__full"},t("slot",{key:"d4c69cbb062be42ed2af3b52764192348b332baa",name:"full",onSlotchange:()=>this.updateContext()})))}static get watchers(){return{lang:[{langObserver:0}],dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__0Yjiso{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__0Yjiso__compact slot,.ds-pagination__0Yjiso__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__0Yjiso--compact .ds-pagination__0Yjiso__compact,.ds-pagination__0Yjiso--auto .ds-pagination__0Yjiso__compact{width:100%}@media (min-width: 30rem){.ds-pagination__0Yjiso--compact .ds-pagination__0Yjiso__compact,.ds-pagination__0Yjiso--auto .ds-pagination__0Yjiso__compact{width:auto}}.ds-pagination__0Yjiso--compact .ds-pagination__0Yjiso__compact slot,.ds-pagination__0Yjiso--auto .ds-pagination__0Yjiso__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__0Yjiso ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold, 600);text-align:center;align-self:center}.ds-pagination__0Yjiso--compact .ds-pagination__0Yjiso__full{display:none}.ds-pagination__0Yjiso--full .ds-pagination__0Yjiso__compact{display:none}.ds-pagination__0Yjiso--auto .ds-pagination__0Yjiso__full{display:none}@media (min-width: 60rem){.ds-pagination__0Yjiso--auto .ds-pagination__0Yjiso__full{display:contents}.ds-pagination__0Yjiso--auto .ds-pagination__0Yjiso__compact{display:none}}"}},[769,"ds-pagination",{dsCurrentPage:[2,"ds-current-page"],dsTotalPages:[2,"ds-total-pages"],dsLayout:[1,"ds-layout"],dsVariant:[1,"ds-variant"],dsAriaLabel:[1,"ds-aria-label"]},void 0,{lang:[{langObserver:0}],dsCurrentPage:[{dsCurrentPageObserver:0}],dsTotalPages:[{dsTotalPagesObserver:0}]}]),P=v,y=function(){"undefined"!=typeof customElements&&["ds-pagination"].forEach((a=>{"ds-pagination"===a&&(customElements.get(i(a))||customElements.define(i(a),v))}))};export{P as DsPagination,y as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,M as t,c as i,h as e,d as o,t as d}from"./p-Be3z-48a.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,d as n}from"./p-CjK5xiRo.js";import{d as l}from"./p-B3JeAI4k.js";import{i as h,a as u}from"./p-BecId8t2.js";import{g as c,h as b}from"./p-B4X_51nl.js";import{c as m}from"./p-s-UO9MAI.js";import{c as f}from"./p-C2cIITC9.js";import{d as p}from"./p-DMnoiqYh.js";import{d as g}from"./p-CnF3gIOJ.js";import{d as v}from"./p-CiEWj4rx.js";import{d as y}from"./p-CHZWXcUp.js";const _=s(class extends(t(f("ds-radio-button-group"),l)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsRadioButtonGroupValueChange=i(this,"dsRadioButtonGroupValueChange",7),this.dsRadioButtonGroupInvalidStateChange=i(this,"dsRadioButtonGroupInvalidStateChange",7),this.dsChange=i(this,"dsChange",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7),this.internals=this.attachInternals()}generatedId=this.getUniqueId();fieldsetId=this.generatedId;legendId=this.generatedId+"-legend";errorTextId=this.generatedId+"-error";assistiveTextId=this.generatedId+"-assistive-text";childBlurTimeout=null;inheritedAttributes={};get el(){return this}internals;dsRadioButtonGroupValueChange;dsRadioButtonGroupInvalidStateChange;dsChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsValue;dsDirection="vertical";dsErrorText="";dsRequired=!1;dsName;focusedChildRadioButton;wasInvalidOnBlur=!1;async setFocus(){this.getEnabledRadios()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}get DsRadioButtonTag(){return a("ds-radio-button","ds-radio-button-group",this.el)}getLegendText=()=>{if("boolean"!=typeof this.dsLabel)return this.dsRequired?c(this.dsLabel):this.dsLabel};getRadios=()=>Array.from(this.el.querySelectorAll(this.DsRadioButtonTag));getEnabledRadios=()=>this.getRadios().filter((s=>!s.dsDisabled));updateRadios=s=>{this.getRadios().forEach(s)};updateFocusableRadioButton=()=>{const s=this.getEnabledRadios();if(!s.length)return;let t=null;for(const i of s){const s=i.dsValue===this.dsValue;i.setFocusable(s),s&&(t=i)}t||s[0].setFocusable(!0)};formResetCallback(){this.dsErrorText="",this.dsRequired?this.internals?.setValidity({valueMissing:!0},b(),this.getRadios()?.[0]?.querySelector("input")):this.internals?.setValidity({})}connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=null}handleInvalid=async s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage??""})};componentWillLoad(){this.inheritedAttributes={...u(this,this.el),...h(this.el,["aria-labelledby"])},this.updateFocusableRadioButton(),this.setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted(),this.updateRadios(((s,t)=>{s.dsErrorsDisabled=!0,0===t&&this.dsErrorText&&s.setAttribute("aria-describedby",this.errorTextId),this.dsForm&&(s.dsForm=this.dsForm)})),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},b(),this.getRadios()?.[0]?.querySelector("input"))}async getValue(){return this.dsValue}errorObserver(s){this.updateRadios(((t,i)=>{0===i&&s?t.setAttribute("aria-describedby",this.errorTextId):0!==i||s||t.removeAttribute("aria-describedby")})),this.dsRadioButtonGroupInvalidStateChange.emit(s)}dsValueObserver(s){this.dsRadioButtonGroupValueChange.emit(s);const t=this.getShouldEmit();this.setDisableEventEmits(!0),t&&this.dsChange.emit({value:s}),this.dsRequired&&this.internals?.setValidity({valueMissing:!s},b(),this.getRadios()?.[0]?.querySelector("input")),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}focusedChildRadioButtonObserver(s){s||(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}dsFormAssociatedPropObserver(s,t,i){this.updateRadios((t=>{t[i]=s}))}onInputChange(s){s.stopPropagation();const t=s.target;this.setDisableEventEmits(!1),this.dsValue=t.dsValue,this.dsRadioButtonGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}listenFocus(s){this.focusedChildRadioButton=s.detail}listenBlur(s){this.childBlurTimeout=setTimeout((()=>{s.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}onKeyDown(s){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(s.key))return;const t=this.getEnabledRadios(),i=s.target.closest(this.DsRadioButtonTag);if(!i||!t.includes(i))return;s.preventDefault();const e=t.findIndex((s=>s===i));let o=e;["ArrowUp","ArrowLeft"].includes(s.key)&&(o=0===e?t.length-1:e-1),["ArrowDown","ArrowRight"].includes(s.key)&&(o=(e+1)%t.length);const d=t[o];d.setFocus(),d.setChecked()}render(){const s=m("ds-radio-button-group"),t=r(s),i=r(s+"__legend"),d=r(s+"__assistive-text"),n=r(s+"__radio-buttons-slot",{[s+"__radio-buttons-slot--horizontal"]:"horizontal"===this.dsDirection}),l=r(s+"__error"),h=a("ds-input-validity","ds-radio-button-group",this.el);return e(o,{key:"f4d191fb9cb71cbc468df73b9582fb4963a27347","data-invalid":!!this.dsErrorText||void 0},e("fieldset",{key:"08016d961d7aa378bc9011dfb854106e4c2112da",id:this.fieldsetId,class:t,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},e("legend",{key:"a82ac21e813057b086592b23ed2efd70ad067a75",id:this.legendId,class:i},this.getLegendText()),this.dsAssistiveText&&e("small",{key:"fb5acc27987c7828af9ec907b21caae0d76198a6",class:d,id:this.assistiveTextId},this.dsAssistiveText),e("div",{key:"668fc0ad478aabfbbfda56222c02cb33b524d42d",class:n},e("slot",{key:"6109abe10a835a26bc2bacdfa75145e13c838b51",onSlotchange:this.updateFocusableRadioButton})),e("div",{key:"94b7d547a147bb56d8be383a6139c86f6ac23190",class:l},e(h,{key:"ecdc36ad097dfea556568a0508dffbfa2a4e6f08",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}}static get style(){return".ds-radio-button-group__GqWYnG{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__GqWYnG__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__GqWYnG__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__GqWYnG__legend{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__GqWYnG__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}"}},[849,"ds-radio-button-group",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsValue:[1025,"ds-value"],dsDirection:[1,"ds-direction"],dsErrorText:[1025,"ds-error-text"],dsRequired:[4,"ds-required"],dsName:[1,"ds-name"],focusedChildRadioButton:[32],wasInvalidOnBlur:[32],setFocus:[64],checkValidity:[64],getValue:[64]},[[0,"dsCheck","onInputChange"],[0,"dsFocus","listenFocus"],[0,"dsBlur","listenBlur"],[0,"keydown","onKeyDown"]],{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}]);n([e("ds-input-validity",null)]);const x=_,C=function(){"undefined"!=typeof customElements&&["ds-radio-button-group","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-radio-button-group":customElements.get(d(s))||customElements.define(d(s),_);break;case"ds-feedback":customElements.get(d(s))||p();break;case"ds-icon":customElements.get(d(s))||g();break;case"ds-input-validity":customElements.get(d(s))||v();break;case"ds-visually-hidden":customElements.get(d(s))||y()}}))};export{x as DsRadioButtonGroup,C as defineCustomElement}
+import{p as s,M as t,c as i,h as e,d,t as o}from"./p-BCnJbLHS.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,d as n}from"./p-CjK5xiRo.js";import{d as l}from"./p-B3JeAI4k.js";import{i as h,a as u}from"./p-BecId8t2.js";import{g as c,h as m}from"./p-C30smpZ6.js";import{c as b}from"./p-CuBQ8qa4.js";import{c as f}from"./p-CuvcuGd4.js";import{d as p}from"./p-BDScyDOZ.js";import{d as g}from"./p-BpAUnD2-.js";import{d as v}from"./p-BzbA7_KT.js";import{d as y}from"./p-CQ-GEolF.js";const _=s(class extends(t(f("ds-radio-button-group",{stopRootTracking:!0}),l)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsRadioButtonGroupValueChange=i(this,"dsRadioButtonGroupValueChange",7),this.dsRadioButtonGroupInvalidStateChange=i(this,"dsRadioButtonGroupInvalidStateChange",7),this.dsChange=i(this,"dsChange",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7),this.internals=this.attachInternals()}generatedId=this.getUniqueId();fieldsetId=this.generatedId;legendId=this.generatedId+"-legend";errorTextId=this.generatedId+"-error";assistiveTextId=this.generatedId+"-assistive-text";childBlurTimeout=null;inheritedAttributes={};get el(){return this}internals;dsRadioButtonGroupValueChange;dsRadioButtonGroupInvalidStateChange;dsChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsValue;dsDirection="vertical";dsErrorText="";dsRequired=!1;dsName;focusedChildRadioButton;wasInvalidOnBlur=!1;async setFocus(){this.getEnabledRadios()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}get DsRadioButtonTag(){return a("ds-radio-button","ds-radio-button-group",this.el)}getLegendText=()=>{if("boolean"!=typeof this.dsLabel)return this.dsRequired?c(this.dsLabel):this.dsLabel};getRadios=()=>Array.from(this.el.querySelectorAll(this.DsRadioButtonTag));getEnabledRadios=()=>this.getRadios().filter((s=>!s.dsDisabled));updateRadios=s=>{this.getRadios().forEach(s)};updateFocusableRadioButton=()=>{const s=this.getEnabledRadios();if(!s.length)return;let t=null;for(const i of s){const s=i.dsValue===this.dsValue;i.setFocusable(s),s&&(t=i)}t||s[0].setFocusable(!0)};formResetCallback(){this.dsErrorText="",this.dsRequired?this.internals?.setValidity({valueMissing:!0},m(),this.getRadios()?.[0]?.querySelector("input")):this.internals?.setValidity({})}connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=null}handleInvalid=async s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage??""})};componentWillLoad(){this.inheritedAttributes={...u(this,this.el),...h(this.el,["aria-labelledby"])},this.updateFocusableRadioButton(),this.setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted(),this.updateRadios(((s,t)=>{s.dsErrorsDisabled=!0,0===t&&this.dsErrorText&&s.setAttribute("aria-describedby",this.errorTextId),this.dsForm&&(s.dsForm=this.dsForm)})),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},m(),this.getRadios()?.[0]?.querySelector("input"))}async getValue(){return this.dsValue}errorObserver(s){this.updateRadios(((t,i)=>{0===i&&s?t.setAttribute("aria-describedby",this.errorTextId):0!==i||s||t.removeAttribute("aria-describedby")})),this.dsRadioButtonGroupInvalidStateChange.emit(s)}dsValueObserver(s){this.dsRadioButtonGroupValueChange.emit(s);const t=this.getShouldEmit();this.setDisableEventEmits(!0),t&&this.dsChange.emit({value:s}),this.dsRequired&&this.internals?.setValidity({valueMissing:!s},m(),this.getRadios()?.[0]?.querySelector("input")),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}focusedChildRadioButtonObserver(s){s||(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}dsFormAssociatedPropObserver(s,t,i){this.updateRadios((t=>{t[i]=s}))}handleDsCheck(s){s.stopPropagation();const t=s.target;this.setDisableEventEmits(!1),this.dsValue=t.dsValue,this.dsRadioButtonGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}handleDsFocus(s){this.focusedChildRadioButton=s.detail}handleDsBlur(s){this.childBlurTimeout=setTimeout((()=>{s.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}handleKeyDown(s){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(s.key))return;const t=this.getEnabledRadios(),i=s.target.closest(this.DsRadioButtonTag);if(!i||!t.includes(i))return;s.preventDefault();const e=t.findIndex((s=>s===i));let d=e;["ArrowUp","ArrowLeft"].includes(s.key)&&(d=0===e?t.length-1:e-1),["ArrowDown","ArrowRight"].includes(s.key)&&(d=(e+1)%t.length);const o=t[d];o.setFocus(),o.setChecked()}render(){const s=b("ds-radio-button-group"),t=r(s),i=r(s+"__legend"),o=r(s+"__assistive-text"),n=r(s+"__radio-buttons-slot",{[s+"__radio-buttons-slot--horizontal"]:"horizontal"===this.dsDirection}),l=r(s+"__error"),h=a("ds-input-validity","ds-radio-button-group",this.el);return e(d,{key:"8f19523c48c40680400deeb3f08f6b77a83bba68","data-invalid":!!this.dsErrorText||void 0},e("fieldset",{key:"f34dbd0000df05b2842e839b01e118a33568b074",id:this.fieldsetId,class:t,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},e("legend",{key:"b2e2233ddc6ff917d671299236d762e6a240724a",id:this.legendId,class:i},this.getLegendText()),this.dsAssistiveText&&e("small",{key:"9b87d836459381435771bc994d2e5c45f335cbab",class:o,id:this.assistiveTextId},this.dsAssistiveText),e("div",{key:"aeda54077d2e66eb87dfd9cfac8fcc8033dc058c",class:n},e("slot",{key:"6c8e55878d71040f2ce047a4fee520174bd00f82",onSlotchange:this.updateFocusableRadioButton})),e("div",{key:"fa9e041e501e148d4d40b720ce735b289cdc7ed4",class:l},e(h,{key:"6fc6ac13f20e9e60976473a3882ec2a50b5070c9",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}}static get style(){return".ds-radio-button-group__0Yjiso{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__0Yjiso__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__0Yjiso__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__0Yjiso__legend{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__0Yjiso__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}"}},[849,"ds-radio-button-group",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsValue:[1025,"ds-value"],dsDirection:[1,"ds-direction"],dsErrorText:[1025,"ds-error-text"],dsRequired:[4,"ds-required"],dsName:[1,"ds-name"],focusedChildRadioButton:[32],wasInvalidOnBlur:[32],setFocus:[64],checkValidity:[64],getValue:[64]},[[0,"dsCheck","handleDsCheck"],[0,"dsFocus","handleDsFocus"],[0,"dsBlur","handleDsBlur"],[0,"keydown","handleKeyDown"]],{dsErrorText:[{errorObserver:0}],dsValue:[{dsValueObserver:0}],focusedChildRadioButton:[{focusedChildRadioButtonObserver:0}],dsForm:[{dsFormAssociatedPropObserver:0}],dsName:[{dsFormAssociatedPropObserver:0}]}]);n([e("ds-input-validity",null)]);const C=_,x=function(){"undefined"!=typeof customElements&&["ds-radio-button-group","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-radio-button-group":customElements.get(o(s))||customElements.define(o(s),_);break;case"ds-feedback":customElements.get(o(s))||p();break;case"ds-icon":customElements.get(o(s))||g();break;case"ds-input-validity":customElements.get(o(s))||v();break;case"ds-visually-hidden":customElements.get(o(s))||y()}}))};export{C as DsRadioButtonGroup,x as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,M as s,c as i,f as d,h as o,F as r,t as e}from"./p-Be3z-48a.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as n,a as l}from"./p-BecId8t2.js";import{v as c,g as b}from"./p-B4X_51nl.js";import{t as u,i as _,d as h}from"./p-CjK5xiRo.js";import{c as v}from"./p-s-UO9MAI.js";import{a as G,d as g}from"./p-CnF3gIOJ.js";import{d as f}from"./p-B3JeAI4k.js";import{c as m}from"./p-C2cIITC9.js";import{d as p}from"./p-DMnoiqYh.js";import{d as W}from"./p-CiEWj4rx.js";import{d as q}from"./p-CHZWXcUp.js";const C=t(class extends(s(m("ds-radio-button"),G,f)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsChange=i(this,"dsChange",7),this.dsCheck=i(this,"dsCheck",7),this.dsFocus=i(this,"dsFocus",7),this.dsBlur=i(this,"dsBlur",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7)}dsAriaLabel;dsAriaDescribedby;radioGroup=null;inputElement;inheritedAttributes={};get el(){return this}dsChange;dsCheck;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;async setName(t){this._dsName=this.radioGroup?.dsName||t||this._dsName}get dsName(){return this._dsName}set dsName(t){this.setName(t)}dsErrorsDisabled=!1;dsValue=this.dsId;dsLabel;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=this.dsId+"-error";assistiveTextId=this.dsId+"-assistive-text";async setFocus(){this.inputElement.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.dsChecked=!0,this.dsCheck.emit()}async checkValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(t){const s=this.getShouldEmit();this.setDisableEventEmits(!0),s&&this.dsChange.emit({checked:t,value:this.dsValue});const i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsValidity.emit({flag:t,message:c(t)});break}}ariaAttributeObserver(t,s,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:t},d(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setName(),this.radioGroup&&this.updateCheckedState(),this.inheritedAttributes={...l(this,this.el),...n(this.el,["aria-invalid"])},this.initialChecked=this.dsChecked,this.setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted()}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(u("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState)),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:c(t)});break}};updateCheckedState=async()=>{this.radioGroup&&(this.dsChecked=this.dsValue===await this.radioGroup.getValue())};updateGroupInvalidState=t=>{this.groupInvalid=!!t.detail,this.dsErrorText=t.detail};handleInput=()=>{this.setDisableEventEmits(!1),this.setChecked()};handleFocus=()=>{this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:c(s)});break}};getLegendText=()=>this.dsRequired?b(this.dsLabel):this.dsLabel;renderRadioIcon(t){const s=t+"__icon",i=a(s+"__outer-circle",{[s+"__outer-circle--checked"]:this.dsChecked}),d=a(s+"__inner-circle");return o("slot",{name:"icon"},o("div",{class:s,"aria-hidden":"true"},o("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("rect",{width:"24",height:"24",rx:"12",fill:"white"}),o("circle",{class:i,cx:"12",cy:"12",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&o("circle",{class:d,cx:"12",cy:"12",r:"6",fill:"#005A94"}))))}renderRadioButton(t){const s=a(""+t,{[t+"--disabled"]:this.dsDisabled,[t+"--invalid"]:!!this.dsErrorText}),i=a(t+"__input"),d=a(t+"__text"),e=this.focusable?0:-1,n=u("ds-input-validity","ds-radio-button",this.el),l=u("ds-visually-hidden","ds-radio-button",this.el),{"aria-label":c,"aria-describedby":b,..._}=this.inheritedAttributes;return o(r,null,o("div",null,o("label",{class:s},o(l,null,o("input",{ref:t=>this.inputElement=t,type:"radio",class:i,id:this.dsId,name:this.dsName,form:this.dsForm,value:this.dsValue,disabled:this.dsDisabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,checked:this.dsChecked,tabIndex:e,required:this.dsRequired,"aria-label":this.dsAriaLabel??c,"aria-describedby":this.dsAriaDescribedby??b,"aria-invalid":this.dsErrorText?"true":this.inheritedAttributes["aria-invalid"],..._})),this.renderRadioIcon(t),o("span",{class:d},o("slot",null,this.dsText)))),!this.dsErrorsDisabled&&o("slot",{name:"validity"},o("div",{class:t+"__validity"},o(n,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}renderFieldset(t){const s=a(t+"-fieldset"),i=a(t+"-fieldset__legend"),d=a(t+"-fieldset__assistive-text"),r=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return o("fieldset",{class:s,..._("aria-describedby",r)},o("legend",{class:i},o("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&o("small",{class:d,id:this.assistiveTextId},o("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(t))}render(){const t=v("ds-radio-button");return this.dsLabel?this.renderFieldset(t):this.renderRadioButton(t)}static get formAssociated(){return!0}static get watchers(){return{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-radio-button__GqWYnG.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__GqWYnG--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__GqWYnG.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__GqWYnG__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__GqWYnG__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__GqWYnG__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__GqWYnG.sc-ds-radio-button:hover:not(.ds-radio-button__GqWYnG--disabled):not(.ds-radio-button__GqWYnG--invalid) .ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__GqWYnG.sc-ds-radio-button:hover:not(.ds-radio-button__GqWYnG--disabled):not(.ds-radio-button__GqWYnG--invalid) .ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__GqWYnG.sc-ds-radio-button:hover:not(.ds-radio-button__GqWYnG--disabled):not(.ds-radio-button__GqWYnG--invalid) .ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__GqWYnG.sc-ds-radio-button:active:not(.ds-radio-button__GqWYnG--disabled):not(.ds-radio-button__GqWYnG--invalid) .ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__GqWYnG.sc-ds-radio-button:active:not(.ds-radio-button__GqWYnG--disabled):not(.ds-radio-button__GqWYnG--invalid) .ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__GqWYnG.sc-ds-radio-button:active:not(.ds-radio-button__GqWYnG--disabled):not(.ds-radio-button__GqWYnG--invalid) .ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__GqWYnG--disabled.sc-ds-radio-button .ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__GqWYnG--disabled.sc-ds-radio-button .ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__GqWYnG--disabled.sc-ds-radio-button .ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button .ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button .ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button .ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__GqWYnG--disabled) .ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__GqWYnG--disabled) .ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__GqWYnG--disabled) .ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button:active:not(.ds-radio-button__GqWYnG--disabled) .ds-radio-button__GqWYnG__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button:active:not(.ds-radio-button__GqWYnG--disabled) .ds-radio-button__GqWYnG__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__GqWYnG--invalid.sc-ds-radio-button:active:not(.ds-radio-button__GqWYnG--disabled) .ds-radio-button__GqWYnG__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__GqWYnG-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__GqWYnG-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__GqWYnG-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}"}},[838,"ds-radio-button",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaLabel:[1,"ds-aria-label"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[6145,"ds-name"],dsErrorsDisabled:[4,"ds-errors-disabled"],dsValue:[1,"ds-value"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsText:[1,"ds-text"],dsRequired:[4,"ds-required"],dsDisabled:[4,"ds-disabled"],dsChecked:[1028,"ds-checked"],dsErrorText:[1025,"ds-error-text"],focusable:[32],groupInvalid:[32],setFocus:[64],setFocusable:[64],setChecked:[64],checkValidity:[64]},void 0,{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);h([o("ds-visually-hidden",null),o("ds-input-validity",null)]);const Y=C,k=function(){"undefined"!=typeof customElements&&["ds-radio-button","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-radio-button":customElements.get(e(t))||customElements.define(e(t),C);break;case"ds-feedback":customElements.get(e(t))||p();break;case"ds-icon":customElements.get(e(t))||g();break;case"ds-input-validity":customElements.get(e(t))||W();break;case"ds-visually-hidden":customElements.get(e(t))||q()}}))};export{Y as DsRadioButton,k as defineCustomElement}
+import{p as s,M as i,c as t,f as o,h as d,F as r,t as e}from"./p-BCnJbLHS.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as n,a as l}from"./p-BecId8t2.js";import{v as c,g as b}from"./p-C30smpZ6.js";import{t as u,i as _,d as h}from"./p-CjK5xiRo.js";import{c as v}from"./p-CuBQ8qa4.js";import{a as g,d as f}from"./p-BpAUnD2-.js";import{d as m}from"./p-B3JeAI4k.js";import{c as p}from"./p-CuvcuGd4.js";import{d as j}from"./p-BDScyDOZ.js";import{d as C}from"./p-BzbA7_KT.js";import{d as Y}from"./p-CQ-GEolF.js";const k=s(class extends(i(p("ds-radio-button"),g,m)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsChange=t(this,"dsChange",7),this.dsCheck=t(this,"dsCheck",7),this.dsFocus=t(this,"dsFocus",7),this.dsBlur=t(this,"dsBlur",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7)}dsAriaLabel;dsAriaDescribedby;radioGroup=null;inputElement;inheritedAttributes={};get el(){return this}dsChange;dsCheck;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;async setName(s){this._dsName=this.radioGroup?.dsName||s||this._dsName}get dsName(){return this._dsName}set dsName(s){this.setName(s)}dsErrorsDisabled=!1;dsValue=this.dsId;dsLabel;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=this.dsId+"-error";assistiveTextId=this.dsId+"-assistive-text";async setFocus(){this.inputElement.focus()}async setFocusable(s){this.focusable=s}async setChecked(){this.dsChecked=!0,this.dsCheck.emit()}async checkValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(s){const i=this.getShouldEmit();this.setDisableEventEmits(!0),i&&this.dsChange.emit({checked:s,value:this.dsValue});const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:c(s)});break}}ariaAttributeObserver(s,i,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},o(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setName(),this.radioGroup&&this.updateCheckedState(),this.inheritedAttributes={...l(this,this.el),...n(this.el,["aria-invalid"])},this.initialChecked=this.dsChecked,this.setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted()}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(u("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState)),this.radioGroup=null}handleInvalid=s=>{if(s.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const i=this.inputElement?.validity;for(const s in i)if(i[s]){this.dsSubmitInvalid.emit({flag:s,message:c(s)});break}};updateCheckedState=async()=>{this.radioGroup&&(this.dsChecked=this.dsValue===await this.radioGroup.getValue())};updateGroupInvalidState=s=>{this.groupInvalid=!!s.detail,this.dsErrorText=s.detail};handleInput=()=>{this.setDisableEventEmits(!1),this.setChecked()};handleFocus=()=>{this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const i in s)if(s[i]){this.dsValidity.emit({flag:i,message:c(i)});break}};getLegendText=()=>this.dsRequired?b(this.dsLabel):this.dsLabel;renderRadioIcon(s){const i=s+"__icon",t=a(i+"__outer-circle",{[i+"__outer-circle--checked"]:this.dsChecked}),o=a(i+"__inner-circle");return d("slot",{name:"icon"},d("div",{class:i,"aria-hidden":"true"},d("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d("rect",{width:"24",height:"24",rx:"12",fill:"white"}),d("circle",{class:t,cx:"12",cy:"12",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&d("circle",{class:o,cx:"12",cy:"12",r:"6",fill:"#005A94"}))))}renderRadioButton(s){const i=a(""+s,{[s+"--disabled"]:this.dsDisabled,[s+"--invalid"]:!!this.dsErrorText}),t=a(s+"__input"),o=a(s+"__text"),e=this.focusable?0:-1,n=u("ds-input-validity","ds-radio-button",this.el),l=u("ds-visually-hidden","ds-radio-button",this.el),{"aria-label":c,"aria-describedby":b,..._}=this.inheritedAttributes;return d(r,null,d("div",null,d("label",{class:i},d(l,null,d("input",{ref:s=>this.inputElement=s,type:"radio",class:t,id:this.dsId,name:this.dsName,form:this.dsForm,value:this.dsValue,disabled:this.dsDisabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,checked:this.dsChecked,tabIndex:e,required:this.dsRequired,"aria-label":this.dsAriaLabel??c,"aria-describedby":this.dsAriaDescribedby??b,"aria-invalid":this.dsErrorText?"true":this.inheritedAttributes["aria-invalid"],..._})),this.renderRadioIcon(s),d("span",{class:o},d("slot",null,this.dsText)))),!this.dsErrorsDisabled&&d("slot",{name:"validity"},d("div",{class:s+"__validity"},d(n,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"}))))}renderFieldset(s){const i=a(s+"-fieldset"),t=a(s+"-fieldset__legend"),o=a(s+"-fieldset__assistive-text"),r=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return d("fieldset",{class:i,..._("aria-describedby",r)},d("legend",{class:t},d("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&d("small",{class:o,id:this.assistiveTextId},d("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(s))}render(){const s=v("ds-radio-button");return this.dsLabel?this.renderFieldset(s):this.renderRadioButton(s)}static get formAssociated(){return!0}static get watchers(){return{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}}static get style(){return".ds-radio-button__0Yjiso.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__0Yjiso--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__0Yjiso.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__0Yjiso__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__0Yjiso__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__0Yjiso__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__0Yjiso__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__0Yjiso__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__0Yjiso__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__0Yjiso.sc-ds-radio-button:hover:not(.ds-radio-button__0Yjiso--disabled):not(.ds-radio-button__0Yjiso--invalid) .ds-radio-button__0Yjiso__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__0Yjiso.sc-ds-radio-button:hover:not(.ds-radio-button__0Yjiso--disabled):not(.ds-radio-button__0Yjiso--invalid) .ds-radio-button__0Yjiso__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__0Yjiso.sc-ds-radio-button:hover:not(.ds-radio-button__0Yjiso--disabled):not(.ds-radio-button__0Yjiso--invalid) .ds-radio-button__0Yjiso__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__0Yjiso.sc-ds-radio-button:active:not(.ds-radio-button__0Yjiso--disabled):not(.ds-radio-button__0Yjiso--invalid) .ds-radio-button__0Yjiso__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__0Yjiso.sc-ds-radio-button:active:not(.ds-radio-button__0Yjiso--disabled):not(.ds-radio-button__0Yjiso--invalid) .ds-radio-button__0Yjiso__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__0Yjiso.sc-ds-radio-button:active:not(.ds-radio-button__0Yjiso--disabled):not(.ds-radio-button__0Yjiso--invalid) .ds-radio-button__0Yjiso__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__0Yjiso--disabled.sc-ds-radio-button .ds-radio-button__0Yjiso__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__0Yjiso--disabled.sc-ds-radio-button .ds-radio-button__0Yjiso__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__0Yjiso--disabled.sc-ds-radio-button .ds-radio-button__0Yjiso__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__0Yjiso--invalid.sc-ds-radio-button .ds-radio-button__0Yjiso__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__0Yjiso--invalid.sc-ds-radio-button .ds-radio-button__0Yjiso__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__0Yjiso--invalid.sc-ds-radio-button .ds-radio-button__0Yjiso__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__0Yjiso--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__0Yjiso--disabled) .ds-radio-button__0Yjiso__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__0Yjiso--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__0Yjiso--disabled) .ds-radio-button__0Yjiso__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__0Yjiso--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__0Yjiso--disabled) .ds-radio-button__0Yjiso__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__0Yjiso--invalid.sc-ds-radio-button:active:not(.ds-radio-button__0Yjiso--disabled) .ds-radio-button__0Yjiso__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__0Yjiso--invalid.sc-ds-radio-button:active:not(.ds-radio-button__0Yjiso--disabled) .ds-radio-button__0Yjiso__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__0Yjiso--invalid.sc-ds-radio-button:active:not(.ds-radio-button__0Yjiso--disabled) .ds-radio-button__0Yjiso__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__0Yjiso-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__0Yjiso-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__0Yjiso-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}"}},[838,"ds-radio-button",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsAriaLabel:[1,"ds-aria-label"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[6145,"ds-name"],dsErrorsDisabled:[4,"ds-errors-disabled"],dsValue:[1,"ds-value"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsText:[1,"ds-text"],dsRequired:[4,"ds-required"],dsDisabled:[4,"ds-disabled"],dsChecked:[1028,"ds-checked"],dsErrorText:[1025,"ds-error-text"],focusable:[32],groupInvalid:[32],setFocus:[64],setFocusable:[64],setChecked:[64],checkValidity:[64]},void 0,{dsChecked:[{dsCheckedObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}]}]);h([d("ds-visually-hidden",null),d("ds-input-validity",null)]);const y=k,x=function(){"undefined"!=typeof customElements&&["ds-radio-button","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-radio-button":customElements.get(e(s))||customElements.define(e(s),k);break;case"ds-feedback":customElements.get(e(s))||j();break;case"ds-icon":customElements.get(e(s))||f();break;case"ds-input-validity":customElements.get(e(s))||C();break;case"ds-visually-hidden":customElements.get(e(s))||Y()}}))};export{y as DsRadioButton,x as defineCustomElement}