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

package/dist/component-library/ds-link-cta.entry.js

@@ -1 +1 @@
-import{M as a,r as n,c as r,d as i,h as t}from"./index-D-3Utc_w.js";import{c as s}from"./index-BfTCfPZ1.js";import{b as d,i as o}from"./attributes-DfbgRyXR.js";import{o as l,v as e}from"./linkUtils-D5b3InWI.js";import{i as c,t as _,a as h,d as k}from"./utils-C1bsmWWB.js";import{l as b}from"./linkFactory-Dqycn-DI.js";import{c as v}from"./cx-CiFpdjHK.js";import"./store-B9-Hp5ie.js";const D=c("visually-hidden-assistive-text"),A=class extends(a(b)){constructor(a){super(),n(this,a),this.dsClick=r(this,"dsClick")}inheritedAttributes={};linkEl;visuallyHiddenAssistiveTextId=D.next().value;get el(){return i(this)}dsText;dsVariant="primary";dsColour="blue";dsSize="medium";dsTag="a";rel;icon="arrow_forward";get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}updateIcon(a){l(a)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon="arrow_forward",this.rel=void 0)}componentWillLoad(){this.inheritedAttributes={...o(this,this.el),...d(this.el)},this.updateIcon(this.dsTarget)}onTargetChanged(a){this.updateIcon(a)}handleKeyDown=a=>{" "===a.key&&this.linkEl?.click()};render(){const a=v("ds-link-cta"),n=s(a,`${a}--${this.dsVariant}`,`${a}--${this.dsColour}`,`${a}--${this.dsSize}`),r=s(`${a}__text`),i=s(`${a}__icon`),d=_("ds-icon","ds-link-cta",this.el),o=_("ds-visually-hidden","ds-link-cta",this.el),{"aria-label":c,"aria-labelledby":k,...b}=this.inheritedAttributes,D=this.dsAriaLabelledby||k;return t(this.dsTag,{key:"62507e81c9d33941250828be655e9d2a9da2fb04",ref:a=>this.linkEl=a,part:"link",class:n,onKeyDown:this.handleKeyDown,...h("aria-label",this.dsAriaLabel||c),...h("aria-labelledby",D),...b,...this.linkAttributes},t("span",{key:"d82d0a2cb8a3689db2cbf68bf34a6cce56d0ec96",class:r},this.dsText),t(d,{key:"b6e73e0fd1189eb069668a867298a2a947f943be",dsName:this.icon,class:i,dsCustomSize:"medium"===this.dsSize?"1.5rem":"1.25rem"}),l(this.dsTarget)&&t(o,{key:"a17da445690cbdcfacc0682c80897badb732c533",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},e()))}static get watchers(){return{dsTarget:["onTargetChanged"]}}};k([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]),A.style=":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-cta__DFAX9n{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__DFAX9n__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-cta__DFAX9n__icon{margin-left:var(--ds-spacing-3xSmall, 4px)}.ds-link-cta__DFAX9n:has(.ds-link-cta__DFAX9n__spinner):not(.ds-link-cta__DFAX9n--small) .ds-link-cta__DFAX9n__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__DFAX9n--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__DFAX9n:not(.ds-link-cta__DFAX9n--small):not(.ds-link-cta__DFAX9n--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-link-cta__DFAX9n:not(.ds-link-cta__DFAX9n--small).ds-link-cta__DFAX9n--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-link-cta__DFAX9n:not(.ds-link-cta__DFAX9n--small).ds-link-cta__DFAX9n--icon-only{padding-left:0;padding-right:0}.ds-link-cta__DFAX9n--small:not(.ds-link-cta__DFAX9n--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-link-cta__DFAX9n--small.ds-link-cta__DFAX9n--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-link-cta__DFAX9n--small.ds-link-cta__DFAX9n--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__DFAX9n--small .ds-link-cta__DFAX9n__icon{height:1rem}.ds-link-cta__DFAX9n--icon-start:not(.ds-link-cta__DFAX9n--small) .ds-link-cta__DFAX9n__icon{margin-right:var(--ds-spacing-3xSmall)}.ds-link-cta__DFAX9n--icon-end:not(.ds-link-cta__DFAX9n--small) .ds-link-cta__DFAX9n__icon{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--blue: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-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--black: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-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--blue: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-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--black: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-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--black{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--white{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}";export{A as ds_link_cta}
+import{M as r,r as d,c as a,d as i,h as t}from"./index-CbKgsf3x.js";import{c as s}from"./index-BfTCfPZ1.js";import{b as o,i as l}from"./attributes-DfbgRyXR.js";import{o as n,v as e}from"./linkUtils-CR1VlyxN.js";import{i as c,t as _,a as h,d as k}from"./utils-C8DF05Gj.js";import{l as b}from"./linkFactory-CXEMHE5u.js";import{c as S}from"./cx-DjsV2R3q.js";import"./store-CdwIcfA_.js";const v=c("visually-hidden-assistive-text"),T=class extends(r(b)){constructor(r){super(),d(this,r),this.dsClick=a(this,"dsClick")}inheritedAttributes={};linkEl;visuallyHiddenAssistiveTextId=v.next().value;get el(){return i(this)}dsText;dsVariant="primary";dsColour="blue";dsSize="medium";dsTag="a";rel;icon="arrow_forward";get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}updateIcon(r){n(r)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon="arrow_forward",this.rel=void 0)}componentWillLoad(){this.inheritedAttributes={...l(this,this.el),...o(this.el)},this.updateIcon(this.dsTarget)}onTargetChanged(r){this.updateIcon(r)}handleKeyDown=r=>{" "===r.key&&this.linkEl?.click()};render(){const r=S("ds-link-cta"),d=s(r,`${r}--${this.dsVariant}`,`${r}--${this.dsColour}`,`${r}--${this.dsSize}`),a=s(`${r}__text`),i=s(`${r}__icon`),o=_("ds-icon","ds-link-cta",this.el),l=_("ds-visually-hidden","ds-link-cta",this.el),{"aria-label":c,"aria-labelledby":k,...b}=this.inheritedAttributes,v=this.dsAriaLabelledby||k;return t(this.dsTag,{key:"62507e81c9d33941250828be655e9d2a9da2fb04",ref:r=>this.linkEl=r,part:"link",class:d,onKeyDown:this.handleKeyDown,...h("aria-label",this.dsAriaLabel||c),...h("aria-labelledby",v),...b,...this.linkAttributes},t("span",{key:"d82d0a2cb8a3689db2cbf68bf34a6cce56d0ec96",class:a},this.dsText),t(o,{key:"b6e73e0fd1189eb069668a867298a2a947f943be",dsName:this.icon,class:i,dsCustomSize:"medium"===this.dsSize?"1.5rem":"1.25rem"}),n(this.dsTarget)&&t(l,{key:"a17da445690cbdcfacc0682c80897badb732c533",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},e()))}static get watchers(){return{dsTarget:["onTargetChanged"]}}};k([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]),T.style=":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-cta__HTSRrd{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__HTSRrd__text{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link-cta__HTSRrd__icon{margin-left:var(--ds-spacing-3xSmall, 4px)}.ds-link-cta__HTSRrd:has(.ds-link-cta__HTSRrd__spinner):not(.ds-link-cta__HTSRrd--small) .ds-link-cta__HTSRrd__value{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__HTSRrd--icon-only{aspect-ratio:1;justify-content:center}.ds-link-cta__HTSRrd:not(.ds-link-cta__HTSRrd--small):not(.ds-link-cta__HTSRrd--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-link-cta__HTSRrd:not(.ds-link-cta__HTSRrd--small).ds-link-cta__HTSRrd--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-link-cta__HTSRrd:not(.ds-link-cta__HTSRrd--small).ds-link-cta__HTSRrd--icon-only{padding-left:0;padding-right:0}.ds-link-cta__HTSRrd--small:not(.ds-link-cta__HTSRrd--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-link-cta__HTSRrd--small.ds-link-cta__HTSRrd--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-link-cta__HTSRrd--small.ds-link-cta__HTSRrd--icon-only{padding-left:0;padding-right:0;width:32px}.ds-link-cta__HTSRrd--small .ds-link-cta__HTSRrd__icon{height:1rem}.ds-link-cta__HTSRrd--icon-start:not(.ds-link-cta__HTSRrd--small) .ds-link-cta__HTSRrd__icon{margin-right:var(--ds-spacing-3xSmall)}.ds-link-cta__HTSRrd--icon-end:not(.ds-link-cta__HTSRrd--small) .ds-link-cta__HTSRrd__icon{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--blue: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-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--blue:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--black: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-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--black:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--primary.ds-link-cta__HTSRrd--white:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--blue: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-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--blue:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--black: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-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--black{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--black:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--white{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__HTSRrd.ds-link-cta__HTSRrd--secondary.ds-link-cta__HTSRrd--white:active{background-color:var(--ds-bgColor-transparent-onDark-active)}";export{T as ds_link_cta}

package/dist/component-library/ds-link-logo_2.entry.js

@@ -1 +1 @@
-import{M as s,r as a,c as t,d as o,f as r,h as d}from"./index-D-3Utc_w.js";import{c as e}from"./index-BfTCfPZ1.js";import{c as i,b as n,i as l}from"./attributes-DfbgRyXR.js";import{i as c,t as _,a as g,d as h,o as b}from"./utils-C1bsmWWB.js";import{l as v}from"./linkFactory-Dqycn-DI.js";import{c as u}from"./cx-CiFpdjHK.js";import{o as f,v as k}from"./linkUtils-D5b3InWI.js";import"./store-B9-Hp5ie.js";const A=c("visually-hidden-assistive-text"),D=class extends(s(v)){constructor(s){super(),a(this,s),this.dsClick=t(this,"dsClick")}inheritedAttributes={};visuallyHiddenAssistiveTextId=A.next().value;get el(){return o(this)}dsIcon;dsText;dsSize;dsTarget="_self";dsIconTitle;dsIconAriaLabel;dsColour;dsTag="a";targetBlank=null;get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget}}setTargetBlank(s){this.targetBlank=f(s)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.inheritedAttributes={...n(this.el),...i(this.el,["lang"])},this.setTargetBlank(this.dsTarget)}onAriaChanged(s){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":s},r(this)}get DsIcon(){return _("ds-icon","ds-link-logo",this.el)}render(){const s=u("ds-link-logo"),a=e(s,{[`${s}--${this.dsSize}`]:!!this.dsSize,[`${s}--colour-${this.dsColour}`]:!!this.dsColour}),t=_("ds-visually-hidden","ds-link-logo",this.el),{"aria-label":o,"aria-labelledby":r,...i}=this.inheritedAttributes,n=this.dsAriaLabelledby||r;return d(this.dsTag,{key:"580a58eceab4bdde37579c505be908b8ffe380dc",part:"link",class:a,...g("aria-label",this.dsAriaLabel||o),...g("aria-labelledby",n),...i,...this.linkAttributes},this.dsIcon&&d(this.DsIcon,{key:"b17cc18b45d175c5c34c0ba9e23421cc26cf9d23",dsName:this.dsIcon,dsSize:"2rem",dsRole:"img"}),this.dsText,f(this.dsTarget)&&d(t,{key:"0e87cdee63644007311a01abe5fd1eaf27f9879c",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},k()))}static get watchers(){return{"aria-label":["onAriaChanged"]}}};h([d("ds-icon",{dsName:""}),d("ds-link",{dsText:""})]),D.style=":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__DFAX9n: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-logo__DFAX9n{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall, 0.5rem);color:var(--ds-textColor-default, #0c0c0c);cursor:pointer;font-family:var(--ds-fontFamily-headings);font-size:var(--ds-fontSize-14, 0.875rem);font-weight:var(--ds-fontWeight-bold, 700);letter-spacing:-0.04375rem;line-height:1;text-transform:uppercase}.ds-link-logo__DFAX9n:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__DFAX9n{font-size:var(--ds-fontSize-16, 1rem)}}";const F=class{constructor(s){a(this,s)}inheritedAttributes={};get el(){return o(this)}dsText="Label";dsIcon="";dsIconPosition="start";dsDownload;dsTarget;dsHref;dsColour="default";dsAriaHidden;componentWillLoad(){this.inheritedAttributes={...l(this,this.el),...n(this.el)}}render(){const s=u("ds-tag"),a=e(s,`${s}--${this.dsColour}`,{[`${s}--link`]:!!this.dsHref}),t=_("ds-icon","ds-tag",this.el),o=_("ds-link","ds-tag",this.el),r=void 0!==this.dsAriaHidden?this.dsAriaHidden:!this.dsHref,i=b(this.inheritedAttributes,["aria-hidden"]);return d("div",{key:"2036fd3502b7a7d035db204f94a2d2d72ae54dec",class:a,...i,"aria-hidden":r},d("slot",{key:"b15093ac785e26444835eee3a0051e520f3f31e7",name:"prefix"},!this.dsHref&&this.dsIcon&&"start"===this.dsIconPosition?d(t,{dsName:this.dsIcon,dsSize:"1rem"}):null),d("slot",{key:"89800d5086bf1b52dc4c5791985e5dbb98a614ec"},this.dsHref?d(o,{class:`${s}__link`,dsText:this.dsText,dsHref:this.dsHref,dsTarget:this.dsTarget,dsDownload:this.dsDownload,dsColour:"black"===this.dsColour?"white":"black",dsSize:"small",dsWeight:"semibold"}):d("span",{class:`${s}__text`},this.dsText)),d("slot",{key:"b13686f17d29f22d2ba343399b7711a71a2a65ac",name:"suffix"},!this.dsHref&&this.dsIcon&&"end"===this.dsIconPosition?d(t,{dsName:this.dsIcon,dsSize:"1rem"}):null))}};h([d("ds-icon",{dsName:""}),d("ds-link",{dsText:""})]),F.style=".ds-tag__DFAX9n:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__DFAX9n:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__DFAX9n{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__DFAX9n.ds-tag__DFAX9n--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__DFAX9n.ds-tag__DFAX9n--default:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--default:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__DFAX9n.ds-tag__DFAX9n--black:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--black:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__DFAX9n.ds-tag__DFAX9n--white:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--white:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__DFAX9n.ds-tag__DFAX9n--info:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--info:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__DFAX9n.ds-tag__DFAX9n--danger:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--danger:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__DFAX9n.ds-tag__DFAX9n--attention:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--attention:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__DFAX9n.ds-tag__DFAX9n--success:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--success:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__DFAX9n__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__DFAX9n__link{display:contents}.ds-tag__DFAX9n__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}";export{D as ds_link_logo,F as ds_tag}
+import{M as s,r,c as d,d as t,f as a,h as o}from"./index-CbKgsf3x.js";import{c as e}from"./index-BfTCfPZ1.js";import{c as i,b as l,i as n}from"./attributes-DfbgRyXR.js";import{i as c,t as _,a as g,d as h,o as b}from"./utils-C8DF05Gj.js";import{l as v}from"./linkFactory-CXEMHE5u.js";import{c as u}from"./cx-DjsV2R3q.js";import{o as f,v as k}from"./linkUtils-CR1VlyxN.js";import"./store-CdwIcfA_.js";const T=c("visually-hidden-assistive-text"),S=class extends(s(v)){constructor(s){super(),r(this,s),this.dsClick=d(this,"dsClick")}inheritedAttributes={};visuallyHiddenAssistiveTextId=T.next().value;get el(){return t(this)}dsIcon;dsText;dsSize;dsTarget="_self";dsIconTitle;dsIconAriaLabel;dsColour;dsTag="a";targetBlank=null;get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget}}setTargetBlank(s){this.targetBlank=f(s)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.inheritedAttributes={...l(this.el),...i(this.el,["lang"])},this.setTargetBlank(this.dsTarget)}onAriaChanged(s){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":s},a(this)}get DsIcon(){return _("ds-icon","ds-link-logo",this.el)}render(){const s=u("ds-link-logo"),r=e(s,{[`${s}--${this.dsSize}`]:!!this.dsSize,[`${s}--colour-${this.dsColour}`]:!!this.dsColour}),d=_("ds-visually-hidden","ds-link-logo",this.el),{"aria-label":t,"aria-labelledby":a,...i}=this.inheritedAttributes,l=this.dsAriaLabelledby||a;return o(this.dsTag,{key:"580a58eceab4bdde37579c505be908b8ffe380dc",part:"link",class:r,...g("aria-label",this.dsAriaLabel||t),...g("aria-labelledby",l),...i,...this.linkAttributes},this.dsIcon&&o(this.DsIcon,{key:"b17cc18b45d175c5c34c0ba9e23421cc26cf9d23",dsName:this.dsIcon,dsSize:"2rem",dsRole:"img"}),this.dsText,f(this.dsTarget)&&o(d,{key:"0e87cdee63644007311a01abe5fd1eaf27f9879c",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},k()))}static get watchers(){return{"aria-label":["onAriaChanged"]}}};h([o("ds-icon",{dsName:""}),o("ds-link",{dsText:""})]),S.style=":host *,.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__HTSRrd: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-logo__HTSRrd{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall, 0.5rem);color:var(--ds-textColor-default, #0c0c0c);cursor:pointer;font-family:var(--ds-fontFamily-headings);font-size:var(--ds-fontSize-14, 0.875rem);font-weight:var(--ds-fontWeight-bold, 700);letter-spacing:-0.04375rem;line-height:1;text-transform:uppercase}.ds-link-logo__HTSRrd:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__HTSRrd{font-size:var(--ds-fontSize-16, 1rem)}}";const H=class{constructor(s){r(this,s)}inheritedAttributes={};get el(){return t(this)}dsText="Label";dsIcon="";dsIconPosition="start";dsDownload;dsTarget;dsHref;dsColour="default";dsRole;dsAriaHidden;componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...l(this.el)}}render(){const s=u("ds-tag"),r=e(s,`${s}--${this.dsColour}`,{[`${s}--link`]:!!this.dsHref}),d=_("ds-icon","ds-tag",this.el),t=_("ds-link","ds-tag",this.el),a=void 0!==this.dsAriaHidden?this.dsAriaHidden:!this.dsHref,i=this.dsRole??this.inheritedAttributes.role,l=b(this.inheritedAttributes,["aria-hidden","role"]);return o("div",{key:"c3866cb7a61595782d3b805eeb2c4c9d4042c80c",class:r,...l,"aria-hidden":a,role:i},o("slot",{key:"db69537f46a5cf7ef6279fedf18e56472230463b",name:"prefix"},!this.dsHref&&this.dsIcon&&"start"===this.dsIconPosition?o(d,{dsName:this.dsIcon,dsSize:"1rem"}):null),o("slot",{key:"f89f267cd490dc5889e235c705b74533eb25ac8d"},this.dsHref?o(t,{class:`${s}__link`,dsText:this.dsText,dsHref:this.dsHref,dsTarget:this.dsTarget,dsDownload:this.dsDownload,dsColour:"black"===this.dsColour?"white":"black",dsSize:"small",dsWeight:"semibold"}):o("span",{class:`${s}__text`},this.dsText)),o("slot",{key:"08098e89678baedc1a2510cd0896d463acb89d90",name:"suffix"},!this.dsHref&&this.dsIcon&&"end"===this.dsIconPosition?o(d,{dsName:this.dsIcon,dsSize:"1rem"}):null))}};h([o("ds-icon",{dsName:""}),o("ds-link",{dsText:""})]),H.style=".ds-tag__HTSRrd:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__HTSRrd:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-tag__HTSRrd{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__HTSRrd.ds-tag__HTSRrd--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__HTSRrd.ds-tag__HTSRrd--default:has(.ds-tag__HTSRrd__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__HTSRrd.ds-tag__HTSRrd--default:has(.ds-tag__HTSRrd__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__HTSRrd.ds-tag__HTSRrd--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__HTSRrd.ds-tag__HTSRrd--black:has(.ds-tag__HTSRrd__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__HTSRrd.ds-tag__HTSRrd--black:has(.ds-tag__HTSRrd__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__HTSRrd.ds-tag__HTSRrd--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__HTSRrd.ds-tag__HTSRrd--white:has(.ds-tag__HTSRrd__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__HTSRrd.ds-tag__HTSRrd--white:has(.ds-tag__HTSRrd__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__HTSRrd.ds-tag__HTSRrd--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__HTSRrd.ds-tag__HTSRrd--info:has(.ds-tag__HTSRrd__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__HTSRrd.ds-tag__HTSRrd--info:has(.ds-tag__HTSRrd__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__HTSRrd.ds-tag__HTSRrd--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__HTSRrd.ds-tag__HTSRrd--danger:has(.ds-tag__HTSRrd__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__HTSRrd.ds-tag__HTSRrd--danger:has(.ds-tag__HTSRrd__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__HTSRrd.ds-tag__HTSRrd--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__HTSRrd.ds-tag__HTSRrd--attention:has(.ds-tag__HTSRrd__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__HTSRrd.ds-tag__HTSRrd--attention:has(.ds-tag__HTSRrd__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__HTSRrd.ds-tag__HTSRrd--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__HTSRrd.ds-tag__HTSRrd--success:has(.ds-tag__HTSRrd__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__HTSRrd.ds-tag__HTSRrd--success:has(.ds-tag__HTSRrd__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__HTSRrd__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__HTSRrd__link{display:contents}.ds-tag__HTSRrd__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}";export{S as ds_link_logo,H as ds_tag}

package/dist/component-library/ds-link-with-arrow.entry.js

@@ -1 +1 @@
-import{M as i,r as t,c as s,d as r,h as e}from"./index-D-3Utc_w.js";import{c as o}from"./index-BfTCfPZ1.js";import{b as a,i as n}from"./attributes-DfbgRyXR.js";import{o as d,v as l}from"./linkUtils-D5b3InWI.js";import{i as h,t as c,a as w,d as f}from"./utils-C1bsmWWB.js";import{l as _}from"./linkFactory-Dqycn-DI.js";import{a as m}from"./ariaDeprecationFactory-BmasIGdA.js";import{c as b}from"./cx-CiFpdjHK.js";import{i as k}from"./utils-Bx_CJAgx.js";import"./store-B9-Hp5ie.js";const v=h("visually-hidden-assistive-text"),u=class extends(i(_,m)){constructor(i){super(),t(this,i),this.dsClick=s(this,"dsClick")}inheritedAttributes={};defaultIcon="arrow_forward";visuallyHiddenAssistiveTextId=v.next().value;get el(){return r(this)}dsText;dsIconPosition="start";dsTag="a";dsFullWidth=!1;dsIcon=this.defaultIcon;rel;icon=this.defaultIcon;iconSize="2rem";get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setIconSize=()=>{this.iconSize=k("small")?"2rem":"1.5rem"};resizeListener(){this.setIconSize()}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setIconSize(),this.inheritedAttributes={...n(this,this.el),...a(this.el)},d(this.dsTarget)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon=this.dsIcon,this.rel=void 0)}render(){const i=b("ds-link-with-arrow"),t=o(i,{[`${i}--full-width`]:this.dsFullWidth}),s=o(`${i}__icon`,{[`${i}__icon--start`]:"start"===this.dsIconPosition,[`${i}__icon--end`]:"end"===this.dsIconPosition}),r=c("ds-icon","ds-link-with-arrow",this.el),a=c("ds-visually-hidden","ds-link-with-arrow",this.el),{"aria-label":n,"aria-labelledby":h,...f}=this.inheritedAttributes,_=this.dsAriaLabelledby||h;return e(this.dsTag,{key:"c187183d0677e0af81cdbe9c5089476083530056",class:t,...w("aria-label",this.dsAriaLabel||n),...w("aria-labelledby",_),...f,...this.linkAttributes},e("slot",{key:"ec8608eeb9b4234a5da5ed4271599b43318c872d",name:"prefix"},"start"===this.dsIconPosition&&e(r,{key:"cc4a5dbc0a42ba8b471923bd8867c618fcdb36e0",dsName:this.icon,class:s,dsSize:this.iconSize})),this.dsText,e("slot",{key:"7c00ff1e6bfd691bd8aab08dc2e9f1a68e98dcc8",name:"suffix"},"end"===this.dsIconPosition&&e(r,{key:"5bcacaff7c73e102f7ac445ec1f8d7f326850e98",dsName:this.icon,class:s,dsSize:this.iconSize})),d(this.dsTarget)&&e(a,{key:"b8d027a5ee06ed75e5d4c3938eeb071f21aaf92e",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},l()))}};f([e("ds-icon",{dsName:""}),e("ds-visually-hidden",null)]),u.style=":host{display:inline-block}:host:has(.ds-link-with-arrow__DFAX9n--full-width){width:100%}.ds-link-with-arrow__DFAX9n: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__DFAX9n{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__DFAX9n{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__DFAX9n--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__DFAX9n__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__DFAX9n__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__DFAX9n__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__DFAX9n__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__DFAX9n__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__DFAX9n__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__DFAX9n:hover,.ds-link-with-arrow__DFAX9n: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__DFAX9n:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__DFAX9n:active,.ds-link-with-arrow__DFAX9n:focus-visible{color:var(--ds-textColor-link-active)}";export{u as ds_link_with_arrow}
+import{M as i,r as t,c as r,d as s,h as e}from"./index-CbKgsf3x.js";import{c as o}from"./index-BfTCfPZ1.js";import{b as a,i as d}from"./attributes-DfbgRyXR.js";import{o as n,v as l}from"./linkUtils-CR1VlyxN.js";import{i as h,t as c,a as f,d as w}from"./utils-C8DF05Gj.js";import{l as _}from"./linkFactory-CXEMHE5u.js";import{a as m}from"./ariaDeprecationFactory-Bmt11tfn.js";import{c as b}from"./cx-DjsV2R3q.js";import{i as k}from"./utils-Bx_CJAgx.js";import"./store-CdwIcfA_.js";const v=h("visually-hidden-assistive-text"),u=class extends(i(_,m)){constructor(i){super(),t(this,i),this.dsClick=r(this,"dsClick")}inheritedAttributes={};defaultIcon="arrow_forward";visuallyHiddenAssistiveTextId=v.next().value;get el(){return s(this)}dsText;dsIconPosition="start";dsTag="a";dsFullWidth=!1;dsIcon=this.defaultIcon;rel;icon=this.defaultIcon;iconSize="2rem";get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setIconSize=()=>{this.iconSize=k("small")?"2rem":"1.5rem"};resizeListener(){this.setIconSize()}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setIconSize(),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)}render(){const i=b("ds-link-with-arrow"),t=o(i,{[`${i}--full-width`]:this.dsFullWidth}),r=o(`${i}__icon`,{[`${i}__icon--start`]:"start"===this.dsIconPosition,[`${i}__icon--end`]:"end"===this.dsIconPosition}),s=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,_=this.dsAriaLabelledby||h;return e(this.dsTag,{key:"c187183d0677e0af81cdbe9c5089476083530056",class:t,...f("aria-label",this.dsAriaLabel||d),...f("aria-labelledby",_),...w,...this.linkAttributes},e("slot",{key:"ec8608eeb9b4234a5da5ed4271599b43318c872d",name:"prefix"},"start"===this.dsIconPosition&&e(s,{key:"cc4a5dbc0a42ba8b471923bd8867c618fcdb36e0",dsName:this.icon,class:r,dsSize:this.iconSize})),this.dsText,e("slot",{key:"7c00ff1e6bfd691bd8aab08dc2e9f1a68e98dcc8",name:"suffix"},"end"===this.dsIconPosition&&e(s,{key:"5bcacaff7c73e102f7ac445ec1f8d7f326850e98",dsName:this.icon,class:r,dsSize:this.iconSize})),n(this.dsTarget)&&e(a,{key:"b8d027a5ee06ed75e5d4c3938eeb071f21aaf92e",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},l()))}};w([e("ds-icon",{dsName:""}),e("ds-visually-hidden",null)]),u.style=":host{display:inline-block}:host:has(.ds-link-with-arrow__HTSRrd--full-width){width:100%}.ds-link-with-arrow__HTSRrd: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__HTSRrd{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__HTSRrd{font-size:var(--ds-fontSize-18)}}.ds-link-with-arrow__HTSRrd--full-width{width:100%;justify-content:space-between}.ds-link-with-arrow__HTSRrd__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__HTSRrd__icon{width:2.5rem;height:2.5rem}}.ds-link-with-arrow__HTSRrd__icon--start{margin-right:var(--ds-spacing-xSmall)}.ds-link-with-arrow__HTSRrd__icon--end{margin-left:var(--ds-spacing-xSmall)}:hover slot>.ds-link-with-arrow__HTSRrd__icon{background-color:var(--ds-bgColor-primary-hover)}:active slot>.ds-link-with-arrow__HTSRrd__icon{background-color:var(--ds-bgColor-primary-active)}.ds-link-with-arrow__HTSRrd:hover,.ds-link-with-arrow__HTSRrd: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__HTSRrd:hover{color:var(--ds-textColor-link-hover)}.ds-link-with-arrow__HTSRrd:active,.ds-link-with-arrow__HTSRrd:focus-visible{color:var(--ds-textColor-link-active)}";export{u as ds_link_with_arrow}

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

@@ -1 +1 @@
-import{M as i,r as s,c as t,d as e,f as n,h as l}from"./index-D-3Utc_w.js";import{c as o}from"./index-BfTCfPZ1.js";import{b as r,i as a}from"./attributes-DfbgRyXR.js";import{o as d,v as c}from"./linkUtils-D5b3InWI.js";import{i as h,t as _,a as k,d as v}from"./utils-C1bsmWWB.js";import{l as f}from"./linkFactory-Dqycn-DI.js";import{a as b}from"./ariaDeprecationFactory-BmasIGdA.js";import{c as u}from"./cx-CiFpdjHK.js";import"./store-B9-Hp5ie.js";const m=h("visually-hidden-assistive-text"),g={"2xLarge":"1.375rem",xLarge:"1.25rem",large:"1.125rem",medium:"1rem",small:"0.875rem",xSmall:"0.75rem"},x=class extends(i(f,b)){constructor(i){super(),s(this,i),this.dsClick=t(this,"dsClick")}inheritedAttributes={};visuallyHiddenAssistiveTextId=m.next().value;get el(){return e(this)}linkRef;dsText;dsSize;dsVariant="inline";dsWeight="regular";dsIcon="";dsIconPosition="end";dsIconTitle;dsIconAriaLabel;dsIconHidden;dsIconAriaHidden;dsColour;dsTag="a";targetBlank=null;async setFocus(){this.linkRef?.focus()}async getLink(){return this.linkRef}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setTargetBlank(i){this.targetBlank=d(i)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...a(this,this.el),...r(this.el)},this.setTargetBlank(this.dsTarget)}onTargetChanged(i){this.setTargetBlank(i)}ariaLabelObserver(i){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":i},n(this)}renderIcon(i,s=this.dsIcon,t=this.dsIconPosition){const e=o(`${i}__icon`,{[`${i}__icon--start-${this.dsVariant}`]:"start"===t,[`${i}__icon--end-${this.dsVariant}`]:"end"===t}),n=g[this.dsSize]??"1rem",r=_("ds-icon","ds-link",this.el);return l(r,{dsName:s,class:e,dsSize:n,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel,dsHidden:this.dsIconHidden,dsAriaHidden:this.dsIconAriaHidden})}renderSuffixIcon(i){return this.targetBlank?this.renderIcon(i,this.targetBlank.icon,"end"):this.dsIcon&&"end"===this.dsIconPosition?this.renderIcon(i):null}render(){const i=u("ds-link"),s=o(i,`${i}--${this.dsWeight}`,`${i}--${this.dsVariant}`,{[`${i}--${this.dsSize}`]:!!this.dsSize,[`${i}--colour-${this.dsColour}`]:!!this.dsColour}),t=_("ds-visually-hidden","ds-link",this.el),{"aria-label":e,"aria-labelledby":n,...r}=this.inheritedAttributes,a=this.dsAriaLabelledby||n;return l(this.dsTag,{key:"af9795977bda53d3e4c9c74a5ee052233b5a7470",ref:i=>this.linkRef=i,part:"link",class:s,...k("aria-label",this.dsAriaLabel||e),...k("aria-labelledby",a),...r,...this.linkAttributes},l("slot",{key:"cda7d87ddd38b34bd979221d8c653b7c608c1653",name:"prefix"},this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(i)),this.dsText,l("slot",{key:"9cfd6d5f3ef3cfd2e8e4bd9368752aeca948731c",name:"suffix"},this.renderSuffixIcon(i)),d(this.dsTarget)&&l(t,{key:"23f5092e8633f9a47206eeecbcf169f7481d84a9",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},c()))}static get watchers(){return{dsTarget:["onTargetChanged"],"aria-label":["ariaLabelObserver"]}}};v([l("ds-icon",{dsName:""}),l("ds-visually-hidden",null)]),x.style=":host{display:inline}:host:has(.ds-link__DFAX9n--standalone){display:inline-block}.ds-link__DFAX9n: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__DFAX9n{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__DFAX9n--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__DFAX9n--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__DFAX9n--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__DFAX9n--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__DFAX9n--large{font-size:var(--ds-fontSize-18)}.ds-link__DFAX9n--medium{font-size:var(--ds-fontSize-16)}.ds-link__DFAX9n--small{font-size:var(--ds-fontSize-14)}.ds-link__DFAX9n--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__DFAX9n__icon{display:inline-block;vertical-align:-0.125em}.ds-link__DFAX9n__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__DFAX9n__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__DFAX9n__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__DFAX9n__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__DFAX9n:hover,.ds-link__DFAX9n:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__DFAX9n:hover{color:var(--ds-textColor-link-hover)}.ds-link__DFAX9n:active{color:var(--ds-textColor-link-active)}.ds-link__DFAX9n:visited{color:var(--ds-textColor-link-visited)}.ds-link__DFAX9n--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__DFAX9n--standalone:hover,.ds-link__DFAX9n--standalone:active{text-decoration-line:underline}.ds-link__DFAX9n--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__DFAX9n--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__DFAX9n--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__DFAX9n--standalone:visited{color:var(--ds-textColor-link)}.ds-link__DFAX9n--colour-white{color:var(--ds-textColor-white)}.ds-link__DFAX9n--colour-white:hover,.ds-link__DFAX9n--colour-white:active,.ds-link__DFAX9n--colour-white:visited,.ds-link__DFAX9n--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__DFAX9n--colour-black{color:var(--ds-textColor-default)}.ds-link__DFAX9n--colour-black:hover,.ds-link__DFAX9n--colour-black:active,.ds-link__DFAX9n--colour-black:visited,.ds-link__DFAX9n--colour-black:focus-visible{color:var(--ds-textColor-default)}";export{x as ds_link}
+import{M as i,r as s,c as t,d as e,f as r,h as d}from"./index-CbKgsf3x.js";import{c as n}from"./index-BfTCfPZ1.js";import{b as l,i as o}from"./attributes-DfbgRyXR.js";import{o as a,v as c}from"./linkUtils-CR1VlyxN.js";import{i as h,t as _,a as k,d as f}from"./utils-C8DF05Gj.js";import{l as v}from"./linkFactory-CXEMHE5u.js";import{a as u}from"./ariaDeprecationFactory-Bmt11tfn.js";import{c as S}from"./cx-DjsV2R3q.js";import"./store-CdwIcfA_.js";const b=h("visually-hidden-assistive-text"),m={"2xLarge":"1.375rem",xLarge:"1.25rem",large:"1.125rem",medium:"1rem",small:"0.875rem",xSmall:"0.75rem"},g=class extends(i(v,u)){constructor(i){super(),s(this,i),this.dsClick=t(this,"dsClick")}inheritedAttributes={};visuallyHiddenAssistiveTextId=b.next().value;get el(){return e(this)}linkRef;dsText;dsSize;dsVariant="inline";dsWeight="regular";dsIcon="";dsIconPosition="end";dsIconTitle;dsIconAriaLabel;dsIconHidden;dsIconAriaHidden;dsColour;dsTag="a";targetBlank=null;async setFocus(){this.linkRef?.focus()}async getLink(){return this.linkRef}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setTargetBlank(i){this.targetBlank=a(i)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...o(this,this.el),...l(this.el)},this.setTargetBlank(this.dsTarget)}onTargetChanged(i){this.setTargetBlank(i)}ariaLabelObserver(i){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":i},r(this)}renderIcon(i,s=this.dsIcon,t=this.dsIconPosition){const e=n(`${i}__icon`,{[`${i}__icon--start-${this.dsVariant}`]:"start"===t,[`${i}__icon--end-${this.dsVariant}`]:"end"===t}),r=m[this.dsSize]??"1rem",l=_("ds-icon","ds-link",this.el);return d(l,{dsName:s,class:e,dsSize:r,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel,dsHidden:this.dsIconHidden,dsAriaHidden:this.dsIconAriaHidden})}renderSuffixIcon(i){return this.targetBlank?this.renderIcon(i,this.targetBlank.icon,"end"):this.dsIcon&&"end"===this.dsIconPosition?this.renderIcon(i):null}render(){const i=S("ds-link"),s=n(i,`${i}--${this.dsWeight}`,`${i}--${this.dsVariant}`,{[`${i}--${this.dsSize}`]:!!this.dsSize,[`${i}--colour-${this.dsColour}`]:!!this.dsColour}),t=_("ds-visually-hidden","ds-link",this.el),{"aria-label":e,"aria-labelledby":r,...l}=this.inheritedAttributes,o=this.dsAriaLabelledby||r;return d(this.dsTag,{key:"af9795977bda53d3e4c9c74a5ee052233b5a7470",ref:i=>this.linkRef=i,part:"link",class:s,...k("aria-label",this.dsAriaLabel||e),...k("aria-labelledby",o),...l,...this.linkAttributes},d("slot",{key:"cda7d87ddd38b34bd979221d8c653b7c608c1653",name:"prefix"},this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(i)),this.dsText,d("slot",{key:"9cfd6d5f3ef3cfd2e8e4bd9368752aeca948731c",name:"suffix"},this.renderSuffixIcon(i)),a(this.dsTarget)&&d(t,{key:"23f5092e8633f9a47206eeecbcf169f7481d84a9",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},c()))}static get watchers(){return{dsTarget:["onTargetChanged"],"aria-label":["ariaLabelObserver"]}}};f([d("ds-icon",{dsName:""}),d("ds-visually-hidden",null)]),g.style=":host{display:inline}:host:has(.ds-link__HTSRrd--standalone){display:inline-block}.ds-link__HTSRrd: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__HTSRrd{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__HTSRrd--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__HTSRrd--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__HTSRrd--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__HTSRrd--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__HTSRrd--large{font-size:var(--ds-fontSize-18)}.ds-link__HTSRrd--medium{font-size:var(--ds-fontSize-16)}.ds-link__HTSRrd--small{font-size:var(--ds-fontSize-14)}.ds-link__HTSRrd--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__HTSRrd__icon{display:inline-block;vertical-align:-0.125em}.ds-link__HTSRrd__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__HTSRrd__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__HTSRrd__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__HTSRrd__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__HTSRrd:hover,.ds-link__HTSRrd:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__HTSRrd:hover{color:var(--ds-textColor-link-hover)}.ds-link__HTSRrd:active{color:var(--ds-textColor-link-active)}.ds-link__HTSRrd:visited{color:var(--ds-textColor-link-visited)}.ds-link__HTSRrd--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__HTSRrd--standalone:hover,.ds-link__HTSRrd--standalone:active{text-decoration-line:underline}.ds-link__HTSRrd--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__HTSRrd--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__HTSRrd--standalone:focus-visible{color:var(--ds-textColor-link)}.ds-link__HTSRrd--standalone:visited{color:var(--ds-textColor-link)}.ds-link__HTSRrd--colour-white{color:var(--ds-textColor-white)}.ds-link__HTSRrd--colour-white:hover,.ds-link__HTSRrd--colour-white:active,.ds-link__HTSRrd--colour-white:visited,.ds-link__HTSRrd--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__HTSRrd--colour-black{color:var(--ds-textColor-default)}.ds-link__HTSRrd--colour-black:hover,.ds-link__HTSRrd--colour-black:active,.ds-link__HTSRrd--colour-black:visited,.ds-link__HTSRrd--colour-black:focus-visible{color:var(--ds-textColor-default)}";export{g as ds_link}

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

@@ -1 +1 @@
-import{h as e,r as i,c as t,d as s}from"./index-D-3Utc_w.js";import{c as d}from"./cx-CiFpdjHK.js";import{d as a,a as r,t as o}from"./utils-C1bsmWWB.js";import{b as n,i as u}from"./attributes-DfbgRyXR.js";import{g as h}from"./store-B9-Hp5ie.js";const _=class{constructor(e){i(this,e),this.dsLoad=t(this,"dsLoad"),this.dsError=t(this,"dsError")}inheritedAttributes={};dsSrc;dsType;dsAlt;dsPoster;dsAutoplay=!1;dsLoop=!1;dsMuted=!0;dsUseLazy=!0;dsAspectRatio="";dsFluid=!1;get el(){return s(this)}isLoading=!0;hasError=!1;errorMessage="";dsLoad;dsError;componentWillLoad(){this.inheritedAttributes={...u(this,this.el),...n(this.el,"video"===this.dsType?["aria-label"]:[])}}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 i=this.defaultLoadError;const t=e.target;if(t.error)switch(t.error.code){case t.error.MEDIA_ERR_ABORTED:i=this.loadAbortedError;break;case t.error.MEDIA_ERR_NETWORK:i=this.loadNetworkError;break;case t.error.MEDIA_ERR_DECODE:i=this.loadDecodeError;break;case t.error.MEDIA_ERR_SRC_NOT_SUPPORTED:i=this.formatError}this.errorMessage=i,this.dsError.emit(i)};getYouTubeEmbedUrl(e){const i=[/(?: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 i){const i=e.match(t);if(i&&i[1])return`https://www.youtube.com/embed/${i[1]}`}return e.includes("youtube.com/embed/"),e}renderImage(){return e("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 e("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 i=this.getYouTubeEmbedUrl(this.dsSrc);return e("iframe",{src:i,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(){return o("ds-spinner","ds-media",this.el),e("ds-spinner",{"ds-size":"2xLarge"})}renderErrorState(){return e("div",{class:"ds-media__error",role:"alert","aria-live":"polite"},e("svg",{class:"ds-media__error-icon",viewBox:"0 0 24 24",fill:"currentColor"},e("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})),e("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 i=this.dsAspectRatio.split("/"),t=2===i.length?`${i[0]} / ${i[1]}`:this.dsAspectRatio,s=d("ds-media");return e("div",{key:"70139835aecca54ed7aa3b916cdb6a16d6043725",class:{[s]:!0,[`${s}--loading`]:this.isLoading,[`${s}--error`]:this.hasError,[`${s}--image`]:"image"===this.dsType,[`${s}--video`]:"video"===this.dsType,[`${s}--youtube`]:"youtube"===this.dsType,[`${s}--fluid`]:this.dsFluid},style:{"--ds-media-aspect-ratio":t}},this.isLoading&&this.renderLoadingState(),this.hasError&&this.renderErrorState(),!this.hasError&&this.renderMedia())}static get watchers(){return{dsSrc:["onSrcChange"],dsType:["onTypeChange"]}}};a([e("ds-spinner",null)]),_.style=".ds-media__DFAX9n{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__DFAX9n .ds-media__image,.ds-media__DFAX9n .ds-media__video,.ds-media__DFAX9n .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__DFAX9n .ds-media__image--fluid,.ds-media__DFAX9n .ds-media__video--fluid,.ds-media__DFAX9n .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__DFAX9n__youtube{border:none;object-fit:initial}.ds-media__DFAX9n__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-active);z-index:1;padding:16px;text-align:center}.ds-media__DFAX9n__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-active);flex-shrink:0}.ds-media__DFAX9n__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__DFAX9n--loading .ds-media__image,.ds-media__DFAX9n--loading .ds-media__video{opacity:0}.ds-media__DFAX9n--error .ds-media__image,.ds-media__DFAX9n--error .ds-media__video{display:none}.ds-media__DFAX9n--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__DFAX9n--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__DFAX9n--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__DFAX9n--fluid{width:100%;height:100%}.ds-media__DFAX9n--fluid .ds-media__DFAX9n__image,.ds-media__DFAX9n--fluid .ds-media__DFAX9n__video,.ds-media__DFAX9n--fluid .ds-media__DFAX9n__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__DFAX9n{border-radius:2px}.ds-media__DFAX9n__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__DFAX9n__loading-text{font-size:12px}.ds-media__DFAX9n__error-icon{width:40px;height:40px}.ds-media__DFAX9n__error-text{font-size:12px}}";export{_ as ds_media}
+import{h as e,r as i,c as d,d as t}from"./index-CbKgsf3x.js";import{c as r}from"./cx-DjsV2R3q.js";import{d as s,a,t as o}from"./utils-C8DF05Gj.js";import{b as n,i as u}from"./attributes-DfbgRyXR.js";import{g as h}from"./store-CdwIcfA_.js";const _=class{constructor(e){i(this,e),this.dsLoad=d(this,"dsLoad"),this.dsError=d(this,"dsError")}inheritedAttributes={};dsSrc;dsType;dsAlt;dsPoster;dsAutoplay=!1;dsLoop=!1;dsMuted=!0;dsUseLazy=!0;dsAspectRatio="";dsFluid=!1;get el(){return t(this)}isLoading=!0;hasError=!1;errorMessage="";dsLoad;dsError;componentWillLoad(){this.inheritedAttributes={...u(this,this.el),...n(this.el,"video"===this.dsType?["aria-label"]:[])}}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 i=this.defaultLoadError;const d=e.target;if(d.error)switch(d.error.code){case d.error.MEDIA_ERR_ABORTED:i=this.loadAbortedError;break;case d.error.MEDIA_ERR_NETWORK:i=this.loadNetworkError;break;case d.error.MEDIA_ERR_DECODE:i=this.loadDecodeError;break;case d.error.MEDIA_ERR_SRC_NOT_SUPPORTED:i=this.formatError}this.errorMessage=i,this.dsError.emit(i)};getYouTubeEmbedUrl(e){const i=[/(?: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 d of i){const i=e.match(d);if(i&&i[1])return`https://www.youtube.com/embed/${i[1]}`}return e.includes("youtube.com/embed/"),e}renderImage(){return e("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 e("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",...a("aria-label",this.dsAlt),...this.inheritedAttributes},"Your browser does not support the video tag.")}renderYouTube(){const i=this.getYouTubeEmbedUrl(this.dsSrc);return e("iframe",{src:i,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 i=o("ds-spinner","ds-media",this.el);return e(i,{dsSize:"2xLarge"})}renderErrorState(){const i=o("ds-icon","ds-media",this.el);return e("div",{class:"ds-media__error",role:"alert","aria-live":"polite"},e(i,{dsName:"warning",dsSize:"2rem",dsColour:"ds-bgColor-danger-bold"}),e("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 i=this.dsAspectRatio.split("/"),d=2===i.length?`${i[0]} / ${i[1]}`:this.dsAspectRatio,t=r("ds-media");return e("div",{key:"b0523b11243b32108bc78455315786a0e04c8b03",class:{[t]:!0,[`${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":d}},this.isLoading&&this.renderLoadingState(),this.hasError&&this.renderErrorState(),!this.hasError&&this.renderMedia())}static get watchers(){return{dsSrc:["onSrcChange"],dsType:["onTypeChange"]}}};s([e("ds-spinner",null),e("ds-icon",{dsName:""})]),_.style=".ds-media__HTSRrd{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__HTSRrd .ds-media__image,.ds-media__HTSRrd .ds-media__video,.ds-media__HTSRrd .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__HTSRrd .ds-media__image--fluid,.ds-media__HTSRrd .ds-media__video--fluid,.ds-media__HTSRrd .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__HTSRrd__youtube{border:none;object-fit:initial}.ds-media__HTSRrd--loading .ds-media__image,.ds-media__HTSRrd--loading .ds-media__video{opacity:0}.ds-media__HTSRrd--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__HTSRrd--error .ds-media__image,.ds-media__HTSRrd--error .ds-media__video{display:none}.ds-media__HTSRrd--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__HTSRrd--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__HTSRrd--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__HTSRrd--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__HTSRrd--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__HTSRrd--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__HTSRrd--fluid{width:100%;height:100%}.ds-media__HTSRrd--fluid .ds-media__HTSRrd__image,.ds-media__HTSRrd--fluid .ds-media__HTSRrd__video,.ds-media__HTSRrd--fluid .ds-media__HTSRrd__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__HTSRrd{border-radius:2px}.ds-media__HTSRrd__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__HTSRrd__loading-text{font-size:12px}.ds-media__HTSRrd__error-icon{width:40px;height:40px}.ds-media__HTSRrd__error-text{font-size:12px}}";export{_ as ds_media}

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

@@ -1 +1 @@
-import{M as i,r as t,c as o,d as s,f as n,h as a}from"./index-D-3Utc_w.js";import{c as d}from"./index-BfTCfPZ1.js";import{c as r}from"./cx-CiFpdjHK.js";import{i as e,t as c,o as l,d as f}from"./utils-C1bsmWWB.js";import{b as h,i as _}from"./attributes-DfbgRyXR.js";import{g as b}from"./store-B9-Hp5ie.js";import{a as u}from"./ariaDeprecationFactory-BmasIGdA.js";const g=e("ds-notification"),v=["neutral","neutralWhite","info","success","attention","danger"],p=["neutral","neutralWhite","info"],m=class extends(i(u)){constructor(i){super(),t(this,i),this.dsDismiss=o(this,"dsDismiss")}dsAriaLabel;dsAriaLabelledby;dsRole;inheritedAttributes={};get el(){return s(this)}dsDismiss;dsId=g.next().value;variant="neutral";get dsVariant(){return this.variant}set dsVariant(i){v.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&&p.includes(this.variant)?i:this.variantIcon}dsDescription;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 c("ds-icon","ds-notification",this.el)}get DsButton(){return c("ds-button","ds-notification",this.el)}get DsVisuallyHidden(){return c("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,o){this.inheritedAttributes={...this.inheritedAttributes,[o]:i},n(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={..._(this,this.el),...h(this.el)}}handleDismissButtonClick=()=>{this.dsDismiss.emit()};render(){const i=r("ds-notification"),t=`${i}__content`,o=d(i,`${i}--${this.variant}`),s=this.dsAriaLabel??this.inheritedAttributes["aria-label"]??this.ariaLabel,n=this.dsAriaLabelledby??this.inheritedAttributes["aria-labelledby"]??this.ariaLabelledBy,e=this.dsRole??this.inheritedAttributes.role??"group",c=l(this.inheritedAttributes,["aria-labelledby","aria-label","role"]);return a("div",{key:"cd4dbeeceacfbcec0633d7bc6676326311f8f237",class:o,id:this.dsId,role:e,"aria-label":s,"aria-labelledby":n,...c},this.dsIcon&&a("div",{key:"dcd0c0d698fe884936b01f7e3dc0fad4b5210cad",class:`${i}__icon ds-p-3xs`},a(this.DsIcon,{key:"fbc6320ee95d425322fe2db6361f3a9a6427d8a7",dsName:this.dsIcon})),a("div",{key:"81308da3aa93a4469221fb6cf621be4c90d7a4da",class:t},a("slot",{key:"4c3250cd296c9e9a2681f2a067eff673d594b429",name:"heading"},this.dsHeading&&a("div",{key:"f80278c404cb174cd923450d69d0a2319abb5cdb",class:`${t}__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:"db46bde07f609401062c996ea185826583a1add8",name:"description"},this.dsDescription&&a("div",{key:"654a6a6fd30656cc3a406fc8d54409e5f436d141",class:`${t}__description ds-text-regular-md`},this.dsDescription)),a("slot",{key:"9c2b7b9616fe566ce01c5e59de6e886fbf2e9913"})),this.dsDismissable&&a(this.DsButton,{key:"13ca40737b556b8afc7b59656971bd82a49b3d62",dsId:`${this.dsId}-dismiss-button`,dsIcon:"close",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsAriaLabelledby:[`${this.dsId}-dismiss-button`,n].filter(Boolean).join(" "),onClick:this.handleDismissButtonClick},a(this.DsVisuallyHidden,{key:"3b0885b08a0201b155571c87ba7fe1bb9239befd",slot:"suffix",dsTag:"span"},this.dsDismissButtonHiddenAssistiveText||this.close)))}static get watchers(){return{"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"]}}};f([a("ds-icon",{dsName:""}),a("ds-button",null),a("ds-visually-hidden",null)]),m.style=".sc-ds-notification-h{display:block;width:100%}.ds-notification__DFAX9n.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__DFAX9n.ds-notification__DFAX9n--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__DFAX9n.ds-notification__DFAX9n--neutral.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--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__DFAX9n.ds-notification__DFAX9n--neutralWhite.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--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__DFAX9n.ds-notification__DFAX9n--info.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--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__DFAX9n.ds-notification__DFAX9n--success.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--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__DFAX9n.ds-notification__DFAX9n--attention.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__DFAX9n.ds-notification__DFAX9n--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__DFAX9n.ds-notification__DFAX9n--danger.sc-ds-notification .ds-notification__DFAX9n__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__DFAX9n__content.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__DFAX9n__content__heading.sc-ds-notification,.ds-notification__DFAX9n__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__DFAX9n__content__description.sc-ds-notification{max-width:550px}";export{m as ds_notification}
+import{M as i,r as t,c as o,d as s,f as a,h as d}from"./index-CbKgsf3x.js";import{c as r}from"./index-BfTCfPZ1.js";import{c as n}from"./cx-DjsV2R3q.js";import{i as e,t as c,o as l,d as f}from"./utils-C8DF05Gj.js";import{b as h,i as _}from"./attributes-DfbgRyXR.js";import{g as b}from"./store-CdwIcfA_.js";import{a as u}from"./ariaDeprecationFactory-Bmt11tfn.js";const g=e("ds-notification"),v=["neutral","neutralWhite","info","success","attention","danger"],m=["neutral","neutralWhite","info"],p=class extends(i(u)){constructor(i){super(),t(this,i),this.dsDismiss=o(this,"dsDismiss")}dsAriaLabel;dsAriaLabelledby;dsRole;inheritedAttributes={};get el(){return s(this)}dsDismiss;dsId=g.next().value;variant="neutral";get dsVariant(){return this.variant}set dsVariant(i){v.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&&m.includes(this.variant)?i:this.variantIcon}dsDescription;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 c("ds-icon","ds-notification",this.el)}get DsButton(){return c("ds-button","ds-notification",this.el)}get DsVisuallyHidden(){return c("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,o){this.inheritedAttributes={...this.inheritedAttributes,[o]:i},a(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={..._(this,this.el),...h(this.el)}}handleDismissButtonClick=()=>{this.dsDismiss.emit()};render(){const i=n("ds-notification"),t=`${i}__content`,o=r(i,`${i}--${this.variant}`),s=this.dsAriaLabel??this.inheritedAttributes["aria-label"]??this.ariaLabel,a=this.dsAriaLabelledby??this.inheritedAttributes["aria-labelledby"]??this.ariaLabelledBy,e=this.dsRole??this.inheritedAttributes.role??"group",c=l(this.inheritedAttributes,["aria-labelledby","aria-label","role"]);return d("div",{key:"cd4dbeeceacfbcec0633d7bc6676326311f8f237",class:o,id:this.dsId,role:e,"aria-label":s,"aria-labelledby":a,...c},this.dsIcon&&d("div",{key:"dcd0c0d698fe884936b01f7e3dc0fad4b5210cad",class:`${i}__icon ds-p-3xs`},d(this.DsIcon,{key:"fbc6320ee95d425322fe2db6361f3a9a6427d8a7",dsName:this.dsIcon})),d("div",{key:"81308da3aa93a4469221fb6cf621be4c90d7a4da",class:t},d("slot",{key:"4c3250cd296c9e9a2681f2a067eff673d594b429",name:"heading"},this.dsHeading&&d("div",{key:"f80278c404cb174cd923450d69d0a2319abb5cdb",class:`${t}__heading ds-text-semibold-lg`,id:this.headingId,role:this.dsDescription?"heading":void 0,"aria-level":this.dsDescription?this.dsHeadingLevel:void 0},this.dsHeading)),d("slot",{key:"db46bde07f609401062c996ea185826583a1add8",name:"description"},this.dsDescription&&d("div",{key:"654a6a6fd30656cc3a406fc8d54409e5f436d141",class:`${t}__description ds-text-regular-md`},this.dsDescription)),d("slot",{key:"9c2b7b9616fe566ce01c5e59de6e886fbf2e9913"})),this.dsDismissable&&d(this.DsButton,{key:"13ca40737b556b8afc7b59656971bd82a49b3d62",dsId:`${this.dsId}-dismiss-button`,dsIcon:"close",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsAriaLabelledby:[`${this.dsId}-dismiss-button`,a].filter(Boolean).join(" "),onClick:this.handleDismissButtonClick},d(this.DsVisuallyHidden,{key:"3b0885b08a0201b155571c87ba7fe1bb9239befd",slot:"suffix",dsTag:"span"},this.dsDismissButtonHiddenAssistiveText||this.close)))}static get watchers(){return{"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"]}}};f([d("ds-icon",{dsName:""}),d("ds-button",null),d("ds-visually-hidden",null)]),p.style=".sc-ds-notification-h{display:block;width:100%}.ds-notification__HTSRrd.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__HTSRrd.ds-notification__HTSRrd--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__HTSRrd.ds-notification__HTSRrd--neutral.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--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__HTSRrd.ds-notification__HTSRrd--neutralWhite.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--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__HTSRrd.ds-notification__HTSRrd--info.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--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__HTSRrd.ds-notification__HTSRrd--success.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--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__HTSRrd.ds-notification__HTSRrd--attention.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__HTSRrd.ds-notification__HTSRrd--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__HTSRrd.ds-notification__HTSRrd--danger.sc-ds-notification .ds-notification__HTSRrd__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__HTSRrd__content.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__HTSRrd__content__heading.sc-ds-notification,.ds-notification__HTSRrd__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__HTSRrd__content__description.sc-ds-notification{max-width:550px}";export{p as ds_notification}

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

@@ -1 +1 @@
-import{h as o,r as s,c as t,d as i,F as e}from"./index-D-3Utc_w.js";import{c as d}from"./index-BfTCfPZ1.js";import{i as n,d as r,t as a}from"./utils-C1bsmWWB.js";import{c as l}from"./cx-CiFpdjHK.js";import{b as c,i as p}from"./attributes-DfbgRyXR.js";const h=n("ds-option"),_=class{constructor(o){s(this,o),this.dsClick=t(this,"dsClick"),this.dsMounted=t(this,"dsMounted"),this.dsValueChange=t(this,"dsValueChange"),this.dsLabelChange=t(this,"dsLabelChange")}get el(){return i(this)}inheritedAttributes={};observer;optionRef;optionLabelTextRef;dsClick;dsMounted;dsValueChange;dsLabelChange;dsId=h.next().value;dsValue;dsLabel;dsDisabled=!1;dsDescription;dsActive=!1;dsSelected=!1;dsHidden=!1;dsMouseDownPreventDefault=!1;dsFocusOnActiveChange=!0;dsVariant="default";internalTabIndex=-1;get isMultiple(){return"multiple"===this.dsVariant}onMouseDown(o){this.dsMouseDownPreventDefault&&o.preventDefault()}onClick(){this.dsClick.emit()}dsActiveObserver(o){this.internalTabIndex=o&&!this.dsDisabled?0:-1,o&&!this.dsDisabled&&this.dsFocusOnActiveChange&&this.setFocus()}dsValueObserver(o,s){this.dsValueChange.emit({newValue:o,oldValue:s})}dsLabelObserver(o,s){this.dsLabelChange.emit({value:this.dsValue,label:o,newLabel:o,oldLabel:s})}async getLabel(){return this.optionLabelTextRef?.textContent||""}async getGroup(){return this.el.closest(a("ds-option-group","ds-option",this.el))}async setFocus(){this.optionRef?.focus()}componentWillLoad(){this.internalTabIndex=this.dsActive&&!this.dsDisabled?0:-1,this.inheritedAttributes={...p(this,this.el,["tabindex"]),...c(this.el,["aria-selected","aria-disabled","aria-hidden"])}}componentDidLoad(){this.dsMounted.emit();let o=this.optionLabelTextRef?.textContent||"";this.observer=new MutationObserver((s=>{const t=this.optionLabelTextRef?.textContent||"";for(const i of s)("childList"===i.type||i.addedNodes.length>0||i.removedNodes.length>0)&&this.dsLabelChange.emit({value:this.dsValue,label:t,newLabel:t,oldLabel:o});o=t})),this.observer.observe(this.optionLabelTextRef,{childList:!0})}render(){const s=l("ds-option"),t=a("ds-icon","ds-option",this.el);return o("div",{key:"81fe9718003147cd1b8954513ec175dc219ac50e",ref:o=>this.optionRef=o,id:this.dsId,class:d(s,{[`${s}--multiple`]:this.isMultiple,[`${s}--active`]:this.dsActive,[`${s}--selected`]:this.dsSelected,[`${s}--disabled`]:this.dsDisabled,[`${s}--hidden`]:this.dsHidden}),role:"option","aria-selected":String(this.dsSelected),"aria-disabled":String(this.dsDisabled),"aria-hidden":String(this.dsHidden),tabIndex:this.internalTabIndex,...this.inheritedAttributes},this.isMultiple&&o("span",{key:"f90215a6d4b9afedf691a745e3de6e387ea17676",class:`${s}__checkbox`},this.dsSelected&&o(t,{key:"2a33e0013b1af0bc987d3b2853d888d2ba93c049",class:`${s}__checkbox__icon`,dsName:"ds_check_small",dsSize:"0.75rem",dsColour:this.dsDisabled?"ds-textColor-disabled-onLight":"ds-textColor-white"})),o(e,{key:"3f6213558f0891e0bfad1ff84d8d376d8bc912cf"},o("span",{key:"9ade52c8f8a83086a0fd1f62379b5c264f7e23be"},o("span",{key:"db32123c6198a413035e4f4b6fc0be38d5546972",class:`${s}__label`,ref:o=>this.optionLabelTextRef=o},o("slot",{key:"bdf425943717ee71e5edecfd996313ac4dad705c"},this.dsLabel)),this.dsDescription&&o("span",{key:"f38b60b29f5e5e5256cd71f2d06f5233ec1dd629",class:`${s}__description`},this.dsDescription)),!this.isMultiple&&this.dsSelected&&o(t,{key:"e72c0beae5ec6ae5996c292164c812febc6a4188",dsName:"check",class:`${s}__check-icon`})))}static get watchers(){return{dsActive:["dsActiveObserver"],dsValue:["dsValueObserver"],dsLabel:["dsLabelObserver"]}}};r([o("ds-icon",{dsName:""})]),_.style=".ds-option__DFAX9n.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__DFAX9n.sc-ds-option:not(.ds-option__DFAX9n--multiple){justify-content:space-between}.ds-option__DFAX9n--hidden.sc-ds-option{display:none}.ds-option__DFAX9n--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__DFAX9n.sc-ds-option:hover:not(.ds-option__DFAX9n--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__DFAX9n.sc-ds-option:active:not(.ds-option__DFAX9n--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__DFAX9n--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__DFAX9n--active.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple){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-option__DFAX9n--multiple.ds-option__DFAX9n--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__DFAX9n--multiple.sc-ds-option .ds-option__DFAX9n__checkbox.sc-ds-option{display:inline-block;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__DFAX9n--multiple.ds-option__DFAX9n--disabled.sc-ds-option .ds-option__DFAX9n__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__DFAX9n--multiple.ds-option__DFAX9n--disabled.sc-ds-option:not(.ds-option__DFAX9n--selected) .ds-option__DFAX9n__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__DFAX9n--selected.sc-ds-option .ds-option__DFAX9n__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple).ds-option__DFAX9n--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple) .ds-option__DFAX9n__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple) .ds-option__DFAX9n__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple).ds-option__DFAX9n--disabled .ds-option__DFAX9n__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple):hover:not(.ds-option__DFAX9n--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__DFAX9n--selected.sc-ds-option:not(.ds-option__DFAX9n--multiple):active:not(.ds-option__DFAX9n--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__DFAX9n__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__DFAX9n__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__DFAX9n__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__DFAX9n__description.sc-ds-option:not(:empty){display:block}";const b=class{constructor(o){s(this,o)}inheritedAttributes={};get el(){return i(this)}dsLabel;dsHidden=!1;dsMouseDownPreventDefault=!1;groupId;get DsOptionTag(){return a("ds-option","ds-option-group",this.el)}dsLabelObserver(o){this.groupId=`ds-option-group-label-${o.replace(/\s+/g,"-").toLowerCase()}`}async hasVisibleOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag)).some((o=>!o.dsHidden))}componentWillLoad(){this.groupId=`ds-option-group-label-${this.dsLabel.replace(/\s+/g,"-").toLowerCase()}`,this.inheritedAttributes={...p(this,this.el),...c(this.el,["aria-labelledby"])}}onMouseDown(o){this.dsMouseDownPreventDefault&&o.preventDefault()}render(){const s=l("ds-option-group");return o("div",{key:"7f7281424e040028d88aea7054ec9d40a8eeedc3",class:d(`${s}`,{[`${s}--hidden`]:this.dsHidden}),role:"group","aria-labelledby":this.groupId,...this.inheritedAttributes},o("div",{key:"9bf136352be3800ba75fe3136aaceaf04d0caa90",class:`${s}__label`,id:this.groupId},this.dsLabel),o("slot",{key:"525d659f0198f6c5a37d1fbca048fafaf926cfe7"}))}static get watchers(){return{dsLabel:["dsLabelObserver"]}}};b.style=".ds-option-group__DFAX9n.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__DFAX9n--hidden.sc-ds-option-group{display:none}.ds-option-group__DFAX9n.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__DFAX9n__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__DFAX9n__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";export{_ as ds_option,b as ds_option_group}
+import{h as o,r as s,c as d,d as t,F as i}from"./index-CbKgsf3x.js";import{c as e}from"./index-BfTCfPZ1.js";import{i as r,d as n,t as a}from"./utils-C8DF05Gj.js";import{c as l}from"./cx-DjsV2R3q.js";import{b as c,i as p}from"./attributes-DfbgRyXR.js";const h=r("ds-option"),_=class{constructor(o){s(this,o),this.dsClick=d(this,"dsClick"),this.dsMounted=d(this,"dsMounted"),this.dsValueChange=d(this,"dsValueChange"),this.dsLabelChange=d(this,"dsLabelChange")}get el(){return t(this)}inheritedAttributes={};observer;optionRef;optionLabelTextRef;dsClick;dsMounted;dsValueChange;dsLabelChange;dsId=h.next().value;dsValue;dsLabel;dsDisabled=!1;dsDescription;dsActive=!1;dsSelected=!1;dsHidden=!1;dsMouseDownPreventDefault=!1;dsFocusOnActiveChange=!0;dsVariant="default";internalTabIndex=-1;get isMultiple(){return"multiple"===this.dsVariant}onMouseDown(o){this.dsMouseDownPreventDefault&&o.preventDefault()}onClick(){this.dsClick.emit()}dsActiveObserver(o){this.internalTabIndex=o&&!this.dsDisabled?0:-1,o&&!this.dsDisabled&&this.dsFocusOnActiveChange&&this.setFocus()}dsValueObserver(o,s){this.dsValueChange.emit({newValue:o,oldValue:s})}dsLabelObserver(o,s){this.dsLabelChange.emit({value:this.dsValue,label:o,newLabel:o,oldLabel:s})}async getLabel(){return this.optionLabelTextRef?.textContent||""}async getGroup(){return this.el.closest(a("ds-option-group","ds-option",this.el))}async setFocus(){this.optionRef?.focus()}componentWillLoad(){this.internalTabIndex=this.dsActive&&!this.dsDisabled?0:-1,this.inheritedAttributes={...p(this,this.el,["tabindex"]),...c(this.el,["aria-selected","aria-disabled","aria-hidden"])}}componentDidLoad(){this.dsMounted.emit();let o=this.optionLabelTextRef?.textContent||"";this.observer=new MutationObserver((s=>{const d=this.optionLabelTextRef?.textContent||"";for(const t of s)("childList"===t.type||t.addedNodes.length>0||t.removedNodes.length>0)&&this.dsLabelChange.emit({value:this.dsValue,label:d,newLabel:d,oldLabel:o});o=d})),this.observer.observe(this.optionLabelTextRef,{childList:!0})}render(){const s=l("ds-option"),d=a("ds-icon","ds-option",this.el);return o("div",{key:"81fe9718003147cd1b8954513ec175dc219ac50e",ref:o=>this.optionRef=o,id:this.dsId,class:e(s,{[`${s}--multiple`]:this.isMultiple,[`${s}--active`]:this.dsActive,[`${s}--selected`]:this.dsSelected,[`${s}--disabled`]:this.dsDisabled,[`${s}--hidden`]:this.dsHidden}),role:"option","aria-selected":String(this.dsSelected),"aria-disabled":String(this.dsDisabled),"aria-hidden":String(this.dsHidden),tabIndex:this.internalTabIndex,...this.inheritedAttributes},this.isMultiple&&o("span",{key:"f90215a6d4b9afedf691a745e3de6e387ea17676",class:`${s}__checkbox`},this.dsSelected&&o(d,{key:"c1101f8041bdea0c1e59237921efba8d9cdaab55",class:`${s}__checkbox__icon`,dsName:"check_small",dsSize:"1.25rem",dsColour:this.dsDisabled?"ds-textColor-disabled-onLight":"ds-textColor-white"})),o(i,{key:"d9412cd046dc1020ff31ec82f9237c04da1f4378"},o("span",{key:"c50abebb36d9d61897a2ffdb11c02eb3cb1b2462"},o("span",{key:"a005690e0dbf82fd7d033c32a1a7725ad0498207",class:`${s}__label`,ref:o=>this.optionLabelTextRef=o},o("slot",{key:"0e0719bfcf1fd061323168da52745a4290cce23c"},this.dsLabel)),this.dsDescription&&o("span",{key:"af9e3848a1ca46b6ded83e4a7e18fac66720ba55",class:`${s}__description`},this.dsDescription)),!this.isMultiple&&this.dsSelected&&o(d,{key:"4bbd63c5a729546fac36528a6763d0e0b19eff6f",dsName:"check",class:`${s}__check-icon`})))}static get watchers(){return{dsActive:["dsActiveObserver"],dsValue:["dsValueObserver"],dsLabel:["dsLabelObserver"]}}};n([o("ds-icon",{dsName:""})]),_.style=".ds-option__HTSRrd.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__HTSRrd.sc-ds-option:not(.ds-option__HTSRrd--multiple){justify-content:space-between}.ds-option__HTSRrd--hidden.sc-ds-option{display:none}.ds-option__HTSRrd--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__HTSRrd.sc-ds-option:hover:not(.ds-option__HTSRrd--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__HTSRrd.sc-ds-option:active:not(.ds-option__HTSRrd--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__HTSRrd--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__HTSRrd--active.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple){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-option__HTSRrd--multiple.ds-option__HTSRrd--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__HTSRrd--multiple.sc-ds-option .ds-option__HTSRrd__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__HTSRrd--multiple.ds-option__HTSRrd--disabled.sc-ds-option .ds-option__HTSRrd__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__HTSRrd--multiple.ds-option__HTSRrd--disabled.sc-ds-option:not(.ds-option__HTSRrd--selected) .ds-option__HTSRrd__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__HTSRrd--selected.sc-ds-option .ds-option__HTSRrd__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple).ds-option__HTSRrd--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple) .ds-option__HTSRrd__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple) .ds-option__HTSRrd__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple).ds-option__HTSRrd--disabled .ds-option__HTSRrd__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple):hover:not(.ds-option__HTSRrd--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__HTSRrd--selected.sc-ds-option:not(.ds-option__HTSRrd--multiple):active:not(.ds-option__HTSRrd--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__HTSRrd__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__HTSRrd__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__HTSRrd__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__HTSRrd__description.sc-ds-option:not(:empty){display:block}";const b=class{constructor(o){s(this,o)}inheritedAttributes={};get el(){return t(this)}dsLabel;dsHidden=!1;dsMouseDownPreventDefault=!1;groupId;get DsOptionTag(){return a("ds-option","ds-option-group",this.el)}dsLabelObserver(o){this.groupId=`ds-option-group-label-${o.replace(/\s+/g,"-").toLowerCase()}`}async hasVisibleOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag)).some((o=>!o.dsHidden))}componentWillLoad(){this.groupId=`ds-option-group-label-${this.dsLabel.replace(/\s+/g,"-").toLowerCase()}`,this.inheritedAttributes={...p(this,this.el),...c(this.el,["aria-labelledby"])}}onMouseDown(o){this.dsMouseDownPreventDefault&&o.preventDefault()}render(){const s=l("ds-option-group");return o("div",{key:"7f7281424e040028d88aea7054ec9d40a8eeedc3",class:e(`${s}`,{[`${s}--hidden`]:this.dsHidden}),role:"group","aria-labelledby":this.groupId,...this.inheritedAttributes},o("div",{key:"9bf136352be3800ba75fe3136aaceaf04d0caa90",class:`${s}__label`,id:this.groupId},this.dsLabel),o("slot",{key:"525d659f0198f6c5a37d1fbca048fafaf926cfe7"}))}static get watchers(){return{dsLabel:["dsLabelObserver"]}}};b.style=".ds-option-group__HTSRrd.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__HTSRrd--hidden.sc-ds-option-group{display:none}.ds-option-group__HTSRrd.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__HTSRrd__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__HTSRrd__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";export{_ as ds_option,b as ds_option_group}

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

@@ -1 +1 @@
-import{h as s,r as t,d as e}from"./index-D-3Utc_w.js";import{g as o}from"./store-B9-Hp5ie.js";import{t as i,n as r,l as d,f as n,w as a}from"./controlUtils-uMUNW1aR.js";import{d as l,t as _}from"./utils-C1bsmWWB.js";import{c as g}from"./cx-CiFpdjHK.js";const c={dsErrorTitle:a,dsErrorText:n,dsLoadingText:d,dsNoResultsTitle:r,dsNoResultsText:i},p=(s,t)=>t||c[s](),m=class{constructor(s){t(this,s)}get el(){return e(this)}dsLoading=!1;dsError=!1;dsNoResults=!1;dsErrorTitle;dsErrorText;dsLoadingText;dsNoResultsTitle;dsNoResultsText;texts=Object.fromEntries(Object.entries(c).map((([s,t])=>[s,t()])));setTexts(){this.texts={dsErrorTitle:p("dsErrorTitle",this.dsErrorTitle),dsErrorText:p("dsErrorText",this.dsErrorText),dsLoadingText:p("dsLoadingText",this.dsLoadingText),dsNoResultsTitle:p("dsNoResultsTitle",this.dsNoResultsTitle),dsNoResultsText:p("dsNoResultsText",this.dsNoResultsText)}}textPropObserver(s,t,e){this.texts={...this.texts,[e]:p(e,s)}}componentWillLoad(){this.setTexts()}handleLanguageChange(){this.setTexts()}render(){const t=_("ds-icon","ds-options-message",this.el),e=_("ds-spinner","ds-options-message",this.el),i=g("ds-options-message"),r=`${i}__error`,d=`${i}__loading`,n=`${i}__no-results`;return this.dsLoading||this.dsError||this.dsNoResults?s("div",null,s("div",{class:i},this.dsError?s("div",{class:r},s(t,{dsName:"warning",dsSize:"2rem",class:`${r}__icon`}),s("div",{class:`${r}__title`},this.texts.dsErrorTitle),s("div",{class:`${r}__text`},this.texts.dsErrorText)):this.dsLoading?s("div",{class:d},s(e,{dsSize:"large"}),s("div",{class:`${d}__text`},this.texts.dsLoadingText)):s("div",{class:n},s("div",{class:`${n}__title`,lang:o()},this.texts.dsNoResultsTitle),s("div",{class:`${n}__text`},this.texts.dsNoResultsText)))):null}static get watchers(){return{dsErrorTitle:["textPropObserver"],dsErrorText:["textPropObserver"],dsLoadingText:["textPropObserver"],dsNoResultsTitle:["textPropObserver"],dsNoResultsText:["textPropObserver"]}}};l([s("ds-icon",{dsName:""}),s("ds-spinner",null)]),m.style=".ds-options-message__DFAX9n.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__DFAX9n__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__DFAX9n__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__DFAX9n__error__title.sc-ds-options-message,.ds-options-message__DFAX9n__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__DFAX9n__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__DFAX9n__error__text.sc-ds-options-message,.ds-options-message__DFAX9n__loading__text.sc-ds-options-message,.ds-options-message__DFAX9n__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__DFAX9n__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";export{m as ds_options_message}
+import{h as s,r as t,d as e}from"./index-CbKgsf3x.js";import{g as o}from"./store-CdwIcfA_.js";import{t as r,n as i,l as d,f as a,w as n}from"./controlUtils-CXECBqHB.js";import{d as l,t as _}from"./utils-C8DF05Gj.js";import{c as g}from"./cx-DjsV2R3q.js";const c={dsErrorTitle:n,dsErrorText:a,dsLoadingText:d,dsNoResultsTitle:i,dsNoResultsText:r},m=(s,t)=>t||c[s](),p=class{constructor(s){t(this,s)}get el(){return e(this)}dsLoading=!1;dsError=!1;dsNoResults=!1;dsErrorTitle;dsErrorText;dsLoadingText;dsNoResultsTitle;dsNoResultsText;texts=Object.fromEntries(Object.entries(c).map((([s,t])=>[s,t()])));setTexts(){this.texts={dsErrorTitle:m("dsErrorTitle",this.dsErrorTitle),dsErrorText:m("dsErrorText",this.dsErrorText),dsLoadingText:m("dsLoadingText",this.dsLoadingText),dsNoResultsTitle:m("dsNoResultsTitle",this.dsNoResultsTitle),dsNoResultsText:m("dsNoResultsText",this.dsNoResultsText)}}textPropObserver(s,t,e){this.texts={...this.texts,[e]:m(e,s)}}componentWillLoad(){this.setTexts()}handleLanguageChange(){this.setTexts()}render(){const t=_("ds-icon","ds-options-message",this.el),e=_("ds-spinner","ds-options-message",this.el),r=g("ds-options-message"),i=`${r}__error`,d=`${r}__loading`,a=`${r}__no-results`;return this.dsLoading||this.dsError||this.dsNoResults?s("div",null,s("div",{class:r},this.dsError?s("div",{class:i},s(t,{dsName:"warning",dsSize:"2rem",class:`${i}__icon`}),s("div",{class:`${i}__title`},this.texts.dsErrorTitle),s("div",{class:`${i}__text`},this.texts.dsErrorText)):this.dsLoading?s("div",{class:d},s(e,{dsSize:"large"}),s("div",{class:`${d}__text`},this.texts.dsLoadingText)):s("div",{class:a},s("div",{class:`${a}__title`,lang:o()},this.texts.dsNoResultsTitle),s("div",{class:`${a}__text`},this.texts.dsNoResultsText)))):null}static get watchers(){return{dsErrorTitle:["textPropObserver"],dsErrorText:["textPropObserver"],dsLoadingText:["textPropObserver"],dsNoResultsTitle:["textPropObserver"],dsNoResultsText:["textPropObserver"]}}};l([s("ds-icon",{dsName:""}),s("ds-spinner",null)]),p.style=".ds-options-message__HTSRrd.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__HTSRrd__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__HTSRrd__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__HTSRrd__error__title.sc-ds-options-message,.ds-options-message__HTSRrd__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__HTSRrd__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__HTSRrd__error__text.sc-ds-options-message,.ds-options-message__HTSRrd__loading__text.sc-ds-options-message,.ds-options-message__HTSRrd__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__HTSRrd__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";export{p as ds_options_message}

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

@@ -1 +1 @@
-import{r as s,c as t,d as e,h as i,M as o,f as d,H as n}from"./index-D-3Utc_w.js";import{c as l}from"./index-BfTCfPZ1.js";import{i as r,t as a,b as c,a as h,d as _}from"./utils-C1bsmWWB.js";import{c as p}from"./cx-CiFpdjHK.js";import{b as u,i as b}from"./attributes-DfbgRyXR.js";import{S as v,F as m}from"./constants-C6xow8e6.js";import{m as g,x as f,b as x,e as A,l as y,w as D,f as F,r as w,h as X}from"./controlUtils-uMUNW1aR.js";import{m as C}from"./multipleValueFactory-BzQTYVTa.js";import"./store-B9-Hp5ie.js";const k=r("ds-options"),O=class{constructor(e){s(this,e),this.dsEsc=t(this,"dsEsc"),this.dsActiveIndexChange=t(this,"dsActiveIndexChange")}get el(){return e(this)}optionsListRef;optionsListInnerRef;inheritedAttributes={};dsEsc;dsActiveIndexChange;dsId=k.next().value;dsSelectedValue;dsActiveIndex=0;dsLabelId;dsAriaMultiselectable;hasBottomScrim=!1;hasTopScrim=!1;onActiveIndexChange(s){this.scrollToActiveOption(s)}componentWillLoad(){this.inheritedAttributes={...b(this,this.el),...u(this.el,["aria-labelledby"])}}componentDidLoad(){this.updateScrimClasses()}componentDidUpdate(){this.updateScrimClasses()}handleScroll=()=>{this.updateScrimClasses()};updateScrimClasses=()=>{this.optionsListRef&&this.optionsListInnerRef&&(this.hasBottomScrim=!(Math.ceil(this.optionsListInnerRef.scrollTop+this.optionsListInnerRef.clientHeight)>=this.optionsListInnerRef.scrollHeight),this.hasTopScrim=this.optionsListInnerRef.scrollTop>0,this.optionsListRef.querySelectorAll(`.${p("ds-option-group")}__label`).forEach((s=>{const t=s.getBoundingClientRect(),e=this.optionsListRef.getBoundingClientRect();this.optionsListInnerRef.scrollTop>0&&t.top<=e.top&&t.bottom>e.top?s.classList.add(`${p("ds-option-group")}__label__shadow`):s.classList.remove(`${p("ds-option-group")}__label__shadow`)})))};get DsOptionTag(){return a("ds-option","ds-options",this.el)}getActiveOption(s){const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));return!t.length||s<0||s>=t.length?null:t[s]}scrollToActiveOption=s=>{const t=this.getActiveOption(s);if(!t)return;const e=this.optionsListInnerRef?.getBoundingClientRect(),i=t.getBoundingClientRect();e&&i&&(this.hasBottomScrim&&i.bottom>e.bottom-v?this.optionsListInnerRef.scrollTop+=i.bottom-(e.bottom-v):this.hasTopScrim&&i.top<e.top+v&&(this.optionsListInnerRef.scrollTop-=e.top+v-i.top))};moveToNextEnabledOption(s,t){let e=this.dsActiveIndex,i=0;do{if(e="down"===t?(e+1)%s.length:(e-1+s.length)%s.length,i++,i>2*s.length)break}while(s[e].dsDisabled&&e!==this.dsActiveIndex);this.dsActiveIndex=e,this.dsActiveIndexChange.emit(this.dsActiveIndex)}handleKeyDown=s=>{const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));if(t.length){if("ArrowDown"===s.key&&(s.preventDefault(),this.moveToNextEnabledOption(t,"down")),"ArrowUp"===s.key&&(s.preventDefault(),this.moveToNextEnabledOption(t,"up")),"Enter"===s.key||" "===s.key){s.preventDefault();const e=t[this.dsActiveIndex];e&&!e.dsDisabled&&e.click()}"Tab"===s.key&&(s.shiftKey||s.preventDefault(),this.dsEsc.emit({key:s.shiftKey?"Shift+Tab":"Tab"})),"Escape"===s.key&&(s.preventDefault(),this.dsEsc.emit({key:s.key}))}};render(){const s=p("ds-options");return i("div",{key:"e09bd069a766ebadf80ad3fded0dbf225f2f3812",id:this.dsId,class:l(s,{"has-bottom-scrim":this.hasBottomScrim,"has-top-scrim":this.hasTopScrim}),role:"listbox",tabindex:0,onKeyDown:this.handleKeyDown,ref:s=>this.optionsListRef=s,onScroll:this.handleScroll,onFocus:this.updateScrimClasses,"aria-multiselectable":this.dsAriaMultiselectable?"true":"false","aria-label":this.dsAriaMultiselectable?g():void 0,"aria-labelledby":[this.dsLabelId,this.dsId].filter(Boolean).join(" "),...this.inheritedAttributes},i("div",{key:"ad328efd8b1e88b5a653bdc1626528ca4a74573f",class:`${s}__inner`,ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll},i("div",{key:"fefd988f94bb2c4d333651fa0e8f26cf414d42dd",class:`${s}__top-scrim`,"aria-hidden":"true"}),i("slot",{key:"975fe6e6560c3f850574f42efa574451a2639215"}),i("div",{key:"d81825c2befe958cc38142cdafd9d0e91bb783c3",class:`${s}__bottom-scrim`,"aria-hidden":"true"})))}static get watchers(){return{dsActiveIndex:["onActiveIndexChange"]}}};O.style=".ds-options__DFAX9n__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__DFAX9n.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__DFAX9n.sc-ds-options:focus{outline:none}.ds-options__DFAX9n__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__DFAX9n__top-scrim.sc-ds-options,.ds-options__DFAX9n__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__DFAX9n__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__DFAX9n__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__DFAX9n.has-top-scrim.sc-ds-options .ds-options__DFAX9n__top-scrim.sc-ds-options{display:block}.ds-options__DFAX9n.has-bottom-scrim.sc-ds-options .ds-options__DFAX9n__bottom-scrim.sc-ds-options{display:block}.ds-options__DFAX9n.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__DFAX9n.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";const S=r("ds-select"),$={dsPlaceholder:f},I=(s,t)=>t||$[s](),L=class extends(o(C)){constructor(e){super(),s(this,e),this.dsMultipleChange=t(this,"dsMultipleChange"),this.dsChange=t(this,"dsChange"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity"),this.dsBlur=t(this,"dsBlur"),this.dsFocus=t(this,"dsFocus"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return e(this)}internals;dsMultipleChange;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=S.next().value;dsName=this.dsId;dsLabel;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsRequired=!1;activeOption=null;selectedOptions=[];selectedOptionsLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonRef;iconRef;badgeRef;badgeContainerOffset=null;texts={dsPlaceholder:f()};feedback=[];inputValidityId;get isNative(){return"native"===this.dsVariant}get isMultiple(){return"multiple"===this.dsVariant}getInputValidityId(){return this.inputValidityId||(this.inputValidityId=`${this.dsId}-validity`),this.inputValidityId}setTexts(){this.texts={dsPlaceholder:I("dsPlaceholder",this.dsPlaceholder)}}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};async checkValidity(){return this.internals?.checkValidity()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue||null,label:await s.getLabel()||null,description:s.dsDescription||null}))))}connectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this.setTexts(),this.inheritedAttributes={...b(this,this.el),...u(this.el,this.isNative?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.isNative?this.internals?.setValidity({}):this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},x()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return a("ds-icon","ds-select",this.el)}get DsInputValidity(){return a("ds-input-validity","ds-select",this.el)}get DsOption(){return a("ds-option","ds-select",this.el)}get DsFeedback(){return a("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;handleEscEvent(s){this.selectedOptions.length>0&&"Tab"===s.detail.key?this.clearButtonRef?.setFocus():["Escape","Shift+Tab"].includes(s.detail.key)&&this.customSelectRef?.focus()}handleLanguageChange(){this.setTexts()}onFocusIn(){this.hasFocus=!0}onFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null;(!t||!this.el.contains(t))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.isNative||this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async handleOptionClick(s){s&&!s.dsDisabled&&(this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple||(this.activeIndex=null,this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus()))}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){if(this.dsDisabled)return;this.activeIndex=null,this.selectedOptions=[];const s=[...this.value];this.value=this.toValue(null),this.isOpen=!1,this.dsMultipleChange.emit({values:[],added:null,removed:s}),this.dsChange.emit(null),this.dsRequired&&this.dsValidity.emit({flag:"customError",message:this.internals?.validationMessage}),(this.customSelectRef||this.nativeSelectRef)?.focus()}handleKeyDown(s){"ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.isOpen=!0,this.updateActiveIndex(),this.scrollToActiveOption(),window.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${p("ds-options")}`);s?.focus()})))}scrollToActiveOption(){if(null===this.activeIndex)return;const s=this.el.querySelector(`.${p("ds-options")}`),t=s?.querySelectorAll(`.${p("ds-option")}`);if(!t||this.activeIndex>=t.length)return;const e=t[this.activeIndex];e&&window.requestAnimationFrame((()=>{e.focus(),e.scrollIntoView({behavior:"instant",block:"center"})}))}getBadgeContainerWidthOffset=async()=>{await(this.clearButtonRef?.componentOnReady?.()),await(this.badgeRef?.componentOnReady?.());const s=this.clearButtonRef?.getBoundingClientRect().width||0,t=this.badgeRef?.getBoundingClientRect().width||0;this.badgeContainerOffset=s&&t?s+t:null};getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOption))}getFocusIndex(){const s=this.getAllOptions();if(""!==this.getValueItem(0)?.trim()){const t=s.findIndex((s=>String(s.dsValue)===String(this.getValueItem(0))));if(-1!==t)return t}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const t=this.getAllOptions();this.activeOption=null!==s?t[s]:null,t.forEach(((s,t)=>{s.dsActive=t===this.activeIndex,s.dsSelected=this.inValue(s.dsValue)}))}clearButtonRefObserver(){this.getBadgeContainerWidthOffset()}textPropObserver(s,t,e){this.texts={...this.texts,[e]:I(e,s)}}valueObserver(s){this.isNative||this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.value=this.toValue(s)}selectedOptionsObserver(s,t){const e=s.map((s=>s.dsValue)),i=t?.map((s=>s.dsValue))||[],o=i.filter((s=>!e.includes(s))),d=e.filter((s=>!i.includes(s))),n=o.length>0||d.length>0;t?.forEach((s=>s.dsSelected=!1)),s.forEach((s=>s.dsSelected=!0)),n&&(this.dsMultipleChange.emit({values:e,added:d,removed:o}),this.dsChange.emit(e[0]||null),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}resetFeedback=()=>{this.feedback=[],d(this)};debouncedResetFeedback=c(this.resetFeedback,m);appendFeedback=(s,t)=>{this.feedback=[...this.feedback,{key:s,message:t}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((t=>t.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";optionsMessagePropertyObserver(s,t,e){if(!s)return this.removeFeedback(e),void(0===this.feedback.length&&this.appendFeedback("default",A()));"dsLoading"===e&&s?this.appendFeedback(e,this.dsLoadingText||y()):"dsOptionsError"===e&&s&&this.appendFeedback(e,this.dsOptionsErrorText||`${D()} ${F()}`)}setSelectedOptionsFromValue=async s=>{if(!s||0===s.length)return void await this.setSelectedOptions([]);const t=this.getAllOptions().filter((t=>s.includes(t.dsValue)));0!==t.length?await this.setSelectedOptions(t):console.warn(`ds-select: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{!this.isMultiple&&this.activeOption&&(this.activeOption.dsActive=!1),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},x()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=a("ds-select-native","ds-select",this.el);return i(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.texts.dsPlaceholder,dsIcon:this.dsIcon,dsName:this.dsName||this.dsId,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsRequired:this.dsRequired,dsValue:this.getValueItem(0)||"",onDsChange:s=>{this.value=this.toValue(s.detail)},onDsValidity:s=>{this.dsValidity.emit(s.detail)},onDsSubmitInvalid:s=>{this.dsSubmitInvalid.emit(s.detail)},...this.inheritedAttributes},i("slot",{name:"label"}),i("slot",{name:"native"}))}renderCustomSelect(s){const t=0===this.selectedOptions.length,e=`${this.dsId}-label`,o=`${this.dsId}-badge`,d=`${this.dsId}-selected-option`,n=this.dsErrorText?this.getInputValidityId():void 0,r=`ds-select-options-${this.dsId}`,c=`${s}-custom`,h=a("ds-badge","ds-select",this.el),_=a("ds-button","ds-select",this.el),p=a("ds-options","ds-select",this.el),u=a("ds-options-message","ds-select",this.el),b=a("ds-control-label","ds-select",this.el),v=w(!0);return i("div",{style:{"--badge-container-offset":this.badgeContainerOffset?`${this.badgeContainerOffset}px`:void 0}},i(b,{dsId:e,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},i("slot",{name:"label"})),i("div",{class:`${c}-wrapper`},i("div",{class:`${c}-input-container`},i("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:l(`${c}`,{[`${c}--open`]:this.isOpen,[`${c}--none-selected`]:t,[`${c}--disabled`]:this.dsDisabled,[`${c}--invalid`]:!!this.dsErrorText,[`${c}--has-icon`]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-haspopup":"listbox","aria-expanded":String(this.isOpen),"aria-disabled":String(this.dsDisabled),"aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${e} ${o}`:e,"aria-describedby":n,"aria-controls":r,"aria-activedescendant":null!==this.activeIndex?`${this.dsId}-option-${this.activeIndex}`:void 0,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:s=>{this.dsDisabled||this.handleKeyDown(s)}},i("div",{class:`${c}__selected-option`},this.dsIcon&&i(this.DsIcon,{class:`${c}__selected-option__placeholder-icon`,dsName:this.dsIcon}),i("span",{id:d,class:l(`${c}__selected-option__text`,{[`${c}__selected-option__text--none-selected`]:t,[`${c}__selected-option__text--disabled`]:this.dsDisabled})},this.selectedOptionsLabel||this.texts.dsPlaceholder)),i(this.DsIcon,{ref:s=>{this.iconRef=s},class:{[`${c}__dropdown-icon`]:!0,[`${c}__dropdown-icon--has-clear-button`]:this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled},dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.isMultiple&&this.selectedOptions?.length>0&&i("div",{class:`${c}__badge-container`},i(h,{ref:s=>this.badgeRef=s,dsId:o,dsText:`${this.selectedOptions.length}`,dsHiddenAssistiveText:X()})),this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled&&i(_,{ref:s=>{this.clearButtonRef=s},class:`${c}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:v,dsIconAriaLabel:v,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:v,dsAriaDescribedby:d})),i("div",{id:r,class:{[`${c}__options-container`]:!0,[`${c}__options-container--open`]:this.isOpen},onClick:s=>{const t=s.target.closest(this.DsOption);this.handleOptionClick(t)}},i(u,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),i(p,{dsActiveIndex:this.activeIndex,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:e,dsAriaMultiselectable:this.isMultiple},i("slot",null)))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>i("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),!!this.dsErrorText&&i(this.DsInputValidity,{id:this.getInputValidityId(),dsText:this.dsErrorText,dsType:"error"}),i(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=p("ds-select");return i(n,{key:"7c585847e96a32aa8cfa70e9927368ffdc1ff51b",...h("name",this.isNative?void 0:this.dsName)},i("div",{key:"1c9b905cddc0fdd71a53d30920afa97f176b64a9",tabIndex:-1},this.isNative?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:["activeIndexObserver"],clearButtonRef:["clearButtonRefObserver"],badgeRef:["clearButtonRefObserver"],dsPlaceholder:["textPropObserver"],value:["valueObserver"],dsValue:["dsValueObserver"],selectedOptions:["selectedOptionsObserver"],hasFocus:["hasFocusObserver"],dsLoading:["optionsMessagePropertyObserver"],dsOptionsError:["optionsMessagePropertyObserver"]}}};_([i("ds-select-native",null),i("ds-icon",{dsName:""}),i("ds-input-validity",null),i("ds-button",null),i("ds-options",null),i("ds-control-label",null),i("ds-feedback",null)]),L.style=".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__DFAX9n-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__DFAX9n-custom.sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__DFAX9n-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__DFAX9n-custom-wrapper.sc-ds-select{position:relative}.ds-select__DFAX9n-custom.sc-ds-select .ds-options__DFAX9n.sc-ds-select{display:block}.ds-select__DFAX9n-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__DFAX9n-custom-input-container.sc-ds-select:has(.ds-select__DFAX9n-custom__clear-button:hover) .ds-select__DFAX9n-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__DFAX9n-custom.sc-ds-select:not(.ds-select__DFAX9n-custom--open,.ds-select__DFAX9n-custom--invalid.sc-ds-select,.ds-select__DFAX9n-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__DFAX9n-custom.sc-ds-select:active:not(.ds-select__DFAX9n-custom--open,.ds-select__DFAX9n-custom--invalid.sc-ds-select,.ds-select__DFAX9n-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__DFAX9n-custom--open.sc-ds-select,.ds-select__DFAX9n-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__DFAX9n-custom--open.sc-ds-select:not(.ds-select__DFAX9n-custom--open--invalid,.ds-select__DFAX9n-custom.sc-ds-select:focus-visible--invalid),.ds-select__DFAX9n-custom.sc-ds-select:focus-visible:not(.ds-select__DFAX9n-custom--open--invalid,.ds-select__DFAX9n-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__DFAX9n-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__DFAX9n-custom--disabled.sc-ds-select .ds-select__DFAX9n-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__DFAX9n-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__DFAX9n-custom--invalid.sc-ds-select:not(.ds-select__DFAX9n-custom--invalid--open,.ds-select__DFAX9n-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__DFAX9n-custom--invalid.sc-ds-select:not(.ds-select__DFAX9n-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__DFAX9n-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__DFAX9n-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__DFAX9n-custom--has-icon.sc-ds-select .ds-select__DFAX9n-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__DFAX9n-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__DFAX9n-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__DFAX9n-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__DFAX9n-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__DFAX9n-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__DFAX9n-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__DFAX9n-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__DFAX9n-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__DFAX9n-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__DFAX9n-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__DFAX9n-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__DFAX9n-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__DFAX9n-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__DFAX9n-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__DFAX9n-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__DFAX9n-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__DFAX9n-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__DFAX9n-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__DFAX9n-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__DFAX9n-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__DFAX9n-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__DFAX9n-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";export{O as ds_options,L as ds_select}
+import{r as s,c as t,d as e,h as i,M as o,f as d,H as r}from"./index-CbKgsf3x.js";import{c as l}from"./index-BfTCfPZ1.js";import{i as n,t as a,c,b as h,a as _,d as p}from"./utils-C8DF05Gj.js";import{c as u}from"./cx-DjsV2R3q.js";import{b,i as v}from"./attributes-DfbgRyXR.js";import{S as m,F as g}from"./constants-C6xow8e6.js";import{m as f,x,b as S,e as T,l as y,w as R,f as w,r as H,h as C}from"./controlUtils-CXECBqHB.js";import{m as k}from"./multipleValueFactory-DUcrwdxB.js";import"./store-CdwIcfA_.js";const O=n("ds-options"),$=class{constructor(e){s(this,e),this.dsEsc=t(this,"dsEsc"),this.dsActiveIndexChange=t(this,"dsActiveIndexChange")}get el(){return e(this)}optionsListRef;optionsListInnerRef;inheritedAttributes={};dsEsc;dsActiveIndexChange;dsId=O.next().value;dsSelectedValue;dsActiveIndex=0;dsLabelId;dsAriaMultiselectable;hasBottomScrim=!1;hasTopScrim=!1;onActiveIndexChange(s){this.scrollToActiveOption(s)}componentWillLoad(){this.inheritedAttributes={...v(this,this.el),...b(this.el,["aria-labelledby"])}}componentDidLoad(){this.updateScrimClasses()}componentDidUpdate(){this.updateScrimClasses()}handleScroll=()=>{this.updateScrimClasses()};updateScrimClasses=()=>{this.optionsListRef&&this.optionsListInnerRef&&(this.hasBottomScrim=!(Math.ceil(this.optionsListInnerRef.scrollTop+this.optionsListInnerRef.clientHeight)>=this.optionsListInnerRef.scrollHeight),this.hasTopScrim=this.optionsListInnerRef.scrollTop>0,this.optionsListRef.querySelectorAll(`.${u("ds-option-group")}__label`).forEach((s=>{const t=s.getBoundingClientRect(),e=this.optionsListRef.getBoundingClientRect();this.optionsListInnerRef.scrollTop>0&&t.top<=e.top&&t.bottom>e.top?s.classList.add(`${u("ds-option-group")}__label__shadow`):s.classList.remove(`${u("ds-option-group")}__label__shadow`)})))};get DsOptionTag(){return a("ds-option","ds-options",this.el)}getActiveOption(s){const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));return!t.length||s<0||s>=t.length?null:t[s]}scrollToActiveOption=s=>{const t=this.getActiveOption(s);if(!t)return;const e=this.optionsListInnerRef?.getBoundingClientRect(),i=t.getBoundingClientRect();e&&i&&(this.hasBottomScrim&&i.bottom>e.bottom-m?this.optionsListInnerRef.scrollTop+=i.bottom-(e.bottom-m):this.hasTopScrim&&i.top<e.top+m&&(this.optionsListInnerRef.scrollTop-=e.top+m-i.top))};moveToNextEnabledOption(s,t){let e=this.dsActiveIndex,i=0;do{if(e="down"===t?(e+1)%s.length:(e-1+s.length)%s.length,i++,i>2*s.length)break}while(s[e].dsDisabled&&e!==this.dsActiveIndex);this.dsActiveIndex=e,this.dsActiveIndexChange.emit(this.dsActiveIndex)}handleKeyDown=s=>{const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));if(t.length){if("ArrowDown"===s.key&&(s.preventDefault(),this.moveToNextEnabledOption(t,"down")),"ArrowUp"===s.key&&(s.preventDefault(),this.moveToNextEnabledOption(t,"up")),"Enter"===s.key||" "===s.key){s.preventDefault();const e=t[this.dsActiveIndex];e&&!e.dsDisabled&&e.click()}"Tab"===s.key&&(s.shiftKey||s.preventDefault(),this.dsEsc.emit({key:s.shiftKey?"Shift+Tab":"Tab"})),"Escape"===s.key&&(s.preventDefault(),this.dsEsc.emit({key:s.key}))}};render(){const s=u("ds-options");return i("div",{key:"e09bd069a766ebadf80ad3fded0dbf225f2f3812",id:this.dsId,class:l(s,{"has-bottom-scrim":this.hasBottomScrim,"has-top-scrim":this.hasTopScrim}),role:"listbox",tabindex:0,onKeyDown:this.handleKeyDown,ref:s=>this.optionsListRef=s,onScroll:this.handleScroll,onFocus:this.updateScrimClasses,"aria-multiselectable":this.dsAriaMultiselectable?"true":"false","aria-label":this.dsAriaMultiselectable?f():void 0,"aria-labelledby":[this.dsLabelId,this.dsId].filter(Boolean).join(" "),...this.inheritedAttributes},i("div",{key:"ad328efd8b1e88b5a653bdc1626528ca4a74573f",class:`${s}__inner`,ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll},i("div",{key:"fefd988f94bb2c4d333651fa0e8f26cf414d42dd",class:`${s}__top-scrim`,"aria-hidden":"true"}),i("slot",{key:"975fe6e6560c3f850574f42efa574451a2639215"}),i("div",{key:"d81825c2befe958cc38142cdafd9d0e91bb783c3",class:`${s}__bottom-scrim`,"aria-hidden":"true"})))}static get watchers(){return{dsActiveIndex:["onActiveIndexChange"]}}};$.style=".ds-options__HTSRrd__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__HTSRrd.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__HTSRrd.sc-ds-options:focus{outline:none}.ds-options__HTSRrd__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__HTSRrd__top-scrim.sc-ds-options,.ds-options__HTSRrd__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__HTSRrd__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__HTSRrd__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__HTSRrd.has-top-scrim.sc-ds-options .ds-options__HTSRrd__top-scrim.sc-ds-options{display:block}.ds-options__HTSRrd.has-bottom-scrim.sc-ds-options .ds-options__HTSRrd__bottom-scrim.sc-ds-options{display:block}.ds-options__HTSRrd.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__HTSRrd.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";const I=n("ds-select"),A={dsPlaceholder:x},L=(s,t)=>t||A[s](),D=class extends(o(k)){constructor(e){super(),s(this,e),this.dsMultipleChange=t(this,"dsMultipleChange"),this.dsChange=t(this,"dsChange"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity"),this.dsBlur=t(this,"dsBlur"),this.dsFocus=t(this,"dsFocus"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return e(this)}internals;dsMultipleChange;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=I.next().value;dsName=this.dsId;dsLabel;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsFullWidth=!1;dsRequired=!1;activeOption=null;selectedOptions=[];selectedOptionsLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonRef;iconRef;badgeRef;badgeContainerOffset=null;texts={dsPlaceholder:x()};feedback=[];inputValidityId;get isNative(){return"native"===this.dsVariant}get isMultiple(){return"multiple"===this.dsVariant}getInputValidityId(){return this.inputValidityId||(this.inputValidityId=`${this.dsId}-validity`),this.inputValidityId}setTexts(){this.texts={dsPlaceholder:L("dsPlaceholder",this.dsPlaceholder)}}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};async checkValidity(){return this.internals?.checkValidity()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue||null,label:await s.getLabel()||null,description:s.dsDescription||null}))))}connectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this.setTexts(),this.inheritedAttributes={...v(this,this.el),...b(this.el,this.isNative?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.isNative?this.internals?.setValidity({}):this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},S()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return a("ds-icon","ds-select",this.el)}get DsInputValidity(){return a("ds-input-validity","ds-select",this.el)}get DsOption(){return a("ds-option","ds-select",this.el)}get DsFeedback(){return a("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;handleEscEvent(s){this.selectedOptions.length>0&&"Tab"===s.detail.key?this.clearButtonRef?.setFocus():["Escape","Shift+Tab"].includes(s.detail.key)&&this.customSelectRef?.focus()}handleLanguageChange(){this.setTexts()}onFocusIn(){this.hasFocus=!0}onFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null;(!t||!this.el.contains(t))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.isNative||this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async handleOptionClick(s){s&&!s.dsDisabled&&(this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple||(this.activeIndex=null,this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus()))}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){if(this.dsDisabled)return;this.activeIndex=null,this.selectedOptions=[];const s=[...this.value];this.value=this.toValue(null),this.isOpen=!1,this.dsMultipleChange.emit({values:[],added:null,removed:s}),this.dsChange.emit(null),this.dsRequired&&this.dsValidity.emit({flag:"customError",message:this.internals?.validationMessage}),(this.customSelectRef||this.nativeSelectRef)?.focus()}handleKeyDown(s){"ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.isOpen=!0,this.updateActiveIndex(),this.scrollToActiveOption(),window.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${u("ds-options")}`);s?.focus()})))}scrollToActiveOption(){if(null===this.activeIndex)return;const s=this.el.querySelector(`.${u("ds-options")}`),t=s?.querySelectorAll(`.${u("ds-option")}`);if(!t||this.activeIndex>=t.length)return;const e=t[this.activeIndex];e&&window.requestAnimationFrame((()=>{e.focus(),e.scrollIntoView({behavior:"instant",block:"center"})}))}getBadgeContainerWidthOffset=async()=>{await c(this.clearButtonRef),await c(this.badgeRef);const s=this.clearButtonRef?.getBoundingClientRect().width||0,t=this.badgeRef?.getBoundingClientRect().width||0;this.badgeContainerOffset=s&&t?s+t:null};getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOption))}getFocusIndex(){const s=this.getAllOptions();if(""!==this.getValueItem(0)?.trim()){const t=s.findIndex((s=>String(s.dsValue)===String(this.getValueItem(0))));if(-1!==t)return t}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const t=this.getAllOptions();this.activeOption=null!==s?t[s]:null,t.forEach(((s,t)=>{s.dsActive=t===this.activeIndex,s.dsSelected=this.inValue(s.dsValue)}))}clearButtonRefObserver(){this.getBadgeContainerWidthOffset()}textPropObserver(s,t,e){this.texts={...this.texts,[e]:L(e,s)}}valueObserver(s){this.isNative||this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.value=this.toValue(s)}selectedOptionsObserver(s,t){const e=s.map((s=>s.dsValue)),i=t?.map((s=>s.dsValue))||[],o=i.filter((s=>!e.includes(s))),d=e.filter((s=>!i.includes(s))),r=o.length>0||d.length>0;t?.forEach((s=>s.dsSelected=!1)),s.forEach((s=>s.dsSelected=!0)),r&&(this.dsMultipleChange.emit({values:e,added:d,removed:o}),this.dsChange.emit(e[0]||null),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}resetFeedback=()=>{this.feedback=[],d(this)};debouncedResetFeedback=h(this.resetFeedback,g);appendFeedback=(s,t)=>{this.feedback=[...this.feedback,{key:s,message:t}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((t=>t.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";optionsMessagePropertyObserver(s,t,e){if(!s)return this.removeFeedback(e),void(0===this.feedback.length&&this.appendFeedback("default",T()));"dsLoading"===e&&s?this.appendFeedback(e,this.dsLoadingText||y()):"dsOptionsError"===e&&s&&this.appendFeedback(e,this.dsOptionsErrorText||`${R()} ${w()}`)}setSelectedOptionsFromValue=async s=>{if(!s||0===s.length)return void await this.setSelectedOptions([]);const t=this.getAllOptions().filter((t=>s.includes(t.dsValue)));0!==t.length?await this.setSelectedOptions(t):console.warn(`ds-select: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{!this.isMultiple&&this.activeOption&&(this.activeOption.dsActive=!1),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},S()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=a("ds-select-native","ds-select",this.el);return i(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.texts.dsPlaceholder,dsIcon:this.dsIcon,dsName:this.dsName||this.dsId,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsRequired:this.dsRequired,dsFullWidth:this.dsFullWidth,dsValue:this.getValueItem(0)||"",onDsChange:s=>{this.value=this.toValue(s.detail)},onDsValidity:s=>{this.dsValidity.emit(s.detail)},onDsSubmitInvalid:s=>{this.dsSubmitInvalid.emit(s.detail)},...this.inheritedAttributes},i("slot",{name:"label"}),i("slot",{name:"native"}))}renderCustomSelect(s){const t=0===this.selectedOptions.length,e=`${this.dsId}-label`,o=`${this.dsId}-badge`,d=`${this.dsId}-selected-option`,r=this.dsErrorText?this.getInputValidityId():void 0,n=`ds-select-options-${this.dsId}`,c=`${s}-custom`,h=a("ds-badge","ds-select",this.el),_=a("ds-button","ds-select",this.el),p=a("ds-options","ds-select",this.el),u=a("ds-options-message","ds-select",this.el),b=a("ds-control-label","ds-select",this.el),v=H(!0);return i("div",{style:{"--badge-container-offset":this.badgeContainerOffset?`${this.badgeContainerOffset}px`:void 0}},i(b,{dsId:e,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},i("slot",{name:"label"})),i("div",{class:`${c}-wrapper`},i("div",{class:`${c}-input-container`},i("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:l(`${c}`,{[`${s}--full-width`]:this.dsFullWidth,[`${c}--open`]:this.isOpen,[`${c}--none-selected`]:t,[`${c}--disabled`]:this.dsDisabled,[`${c}--invalid`]:!!this.dsErrorText,[`${c}--has-icon`]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-haspopup":"listbox","aria-expanded":String(this.isOpen),"aria-disabled":String(this.dsDisabled),"aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${e} ${o}`:e,"aria-describedby":r,"aria-controls":n,"aria-activedescendant":null!==this.activeIndex?`${this.dsId}-option-${this.activeIndex}`:void 0,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:s=>{this.dsDisabled||this.handleKeyDown(s)}},i("div",{class:`${c}__selected-option`},this.dsIcon&&i(this.DsIcon,{class:`${c}__selected-option__placeholder-icon`,dsName:this.dsIcon}),i("span",{id:d,class:l(`${c}__selected-option__text`,{[`${c}__selected-option__text--none-selected`]:t,[`${c}__selected-option__text--disabled`]:this.dsDisabled})},this.selectedOptionsLabel||this.texts.dsPlaceholder)),i(this.DsIcon,{ref:s=>{this.iconRef=s},class:{[`${c}__dropdown-icon`]:!0,[`${c}__dropdown-icon--has-clear-button`]:this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled},dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.isMultiple&&this.selectedOptions?.length>0&&i("div",{class:`${c}__badge-container`},i(h,{ref:s=>this.badgeRef=s,dsId:o,dsText:`${this.selectedOptions.length}`,dsHiddenAssistiveText:C()})),this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled&&i(_,{ref:s=>{this.clearButtonRef=s},class:`${c}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:v,dsIconAriaLabel:v,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:v,dsAriaDescribedby:d})),i("div",{id:n,class:{[`${c}__options-container`]:!0,[`${c}__options-container--open`]:this.isOpen},onClick:s=>{const t=s.target.closest(this.DsOption);this.handleOptionClick(t)}},i(u,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),i(p,{dsActiveIndex:this.activeIndex,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:e,dsAriaMultiselectable:this.isMultiple},i("slot",null)))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>i("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),!!this.dsErrorText&&i(this.DsInputValidity,{id:this.getInputValidityId(),dsText:this.dsErrorText,dsType:"error"}),i(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=u("ds-select");return i(r,{key:"79ac153e47f7d1e967ce834c152ea6d5500b0311",..._("name",this.isNative?void 0:this.dsName)},i("div",{key:"6cddaa1ce3301a7fb54243a996fb641e318de4b2",tabIndex:-1},this.isNative?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:["activeIndexObserver"],clearButtonRef:["clearButtonRefObserver"],badgeRef:["clearButtonRefObserver"],dsPlaceholder:["textPropObserver"],value:["valueObserver"],dsValue:["dsValueObserver"],selectedOptions:["selectedOptionsObserver"],hasFocus:["hasFocusObserver"],dsLoading:["optionsMessagePropertyObserver"],dsOptionsError:["optionsMessagePropertyObserver"]}}};p([i("ds-select-native",null),i("ds-icon",{dsName:""}),i("ds-input-validity",null),i("ds-button",null),i("ds-options",null),i("ds-control-label",null),i("ds-feedback",null)]),D.style=".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__HTSRrd--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__HTSRrd-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__HTSRrd-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__HTSRrd-custom-wrapper.sc-ds-select{position:relative}.ds-select__HTSRrd-custom.sc-ds-select .ds-options__HTSRrd.sc-ds-select{display:block}.ds-select__HTSRrd-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__HTSRrd-custom-input-container.sc-ds-select:has(.ds-select__HTSRrd-custom__clear-button:hover) .ds-select__HTSRrd-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__HTSRrd-custom.sc-ds-select:not(.ds-select__HTSRrd-custom--open,.ds-select__HTSRrd-custom--invalid.sc-ds-select,.ds-select__HTSRrd-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__HTSRrd-custom.sc-ds-select:active:not(.ds-select__HTSRrd-custom--open,.ds-select__HTSRrd-custom--invalid.sc-ds-select,.ds-select__HTSRrd-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__HTSRrd-custom--open.sc-ds-select,.ds-select__HTSRrd-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__HTSRrd-custom--open.sc-ds-select:not(.ds-select__HTSRrd-custom--open--invalid,.ds-select__HTSRrd-custom.sc-ds-select:focus-visible--invalid),.ds-select__HTSRrd-custom.sc-ds-select:focus-visible:not(.ds-select__HTSRrd-custom--open--invalid,.ds-select__HTSRrd-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__HTSRrd-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__HTSRrd-custom--disabled.sc-ds-select .ds-select__HTSRrd-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__HTSRrd-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__HTSRrd-custom--invalid.sc-ds-select:not(.ds-select__HTSRrd-custom--invalid--open,.ds-select__HTSRrd-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__HTSRrd-custom--invalid.sc-ds-select:not(.ds-select__HTSRrd-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__HTSRrd-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__HTSRrd-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__HTSRrd-custom--has-icon.sc-ds-select .ds-select__HTSRrd-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__HTSRrd-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__HTSRrd-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__HTSRrd-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__HTSRrd-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__HTSRrd-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__HTSRrd-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__HTSRrd-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__HTSRrd-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__HTSRrd-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__HTSRrd-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__HTSRrd-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__HTSRrd-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__HTSRrd-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__HTSRrd-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__HTSRrd-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__HTSRrd-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__HTSRrd-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__HTSRrd-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__HTSRrd-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__HTSRrd-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__HTSRrd-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__HTSRrd-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";export{$ as ds_options,D as ds_select}

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

@@ -1 +1 @@
-import{h as t,r as s,c as i,d as e,H as a}from"./index-D-3Utc_w.js";import{c as o}from"./index-BfTCfPZ1.js";import{i as r,d,t as n}from"./utils-C1bsmWWB.js";import{b as l,i as h}from"./attributes-DfbgRyXR.js";import{g as u,b as c}from"./controlUtils-uMUNW1aR.js";import{c as b}from"./cx-CiFpdjHK.js";import"./store-B9-Hp5ie.js";const f=r("ds-radio-button-group"),g=class{constructor(t){s(this,t),this.dsRadioButtonGroupValueChange=i(this,"dsRadioButtonGroupValueChange"),this.dsRadioButtonGroupInvalidStateChange=i(this,"dsRadioButtonGroupInvalidStateChange"),this.dsChange=i(this,"dsChange"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}fieldsetId=f.next().value;legendId=`${this.fieldsetId}-legend`;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;childBlurTimeout=null;inheritedAttributes={};get el(){return e(this)}internals;dsRadioButtonGroupValueChange;dsRadioButtonGroupInvalidStateChange;dsChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsValue;dsDirection="vertical";dsErrorText="";dsRequired=!1;dsName;focusedChildRadioButton;wasInvalidOnBlur=!1;async setFocus(){this.getEnabledRadios()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}get DsRadioButtonTag(){return n("ds-radio-button","ds-radio-button-group",this.el)}getLegendText=()=>{if("boolean"!=typeof this.dsLabel)return this.dsRequired?u(this.dsLabel):this.dsLabel};getRadios=()=>Array.from(this.el.querySelectorAll(this.DsRadioButtonTag));getEnabledRadios=()=>this.getRadios().filter((t=>!t.dsDisabled));updateRadios=t=>{this.getRadios().forEach(t)};updateFocusableRadioButton=()=>{const t=this.getEnabledRadios();if(!t.length)return;let s=null;for(const i of t){const t=i.dsValue===this.dsValue;i.setFocusable(t),t&&(s=i)}s||t[0].setFocusable(!0)};formResetCallback(){this.dsErrorText="",this.dsRequired?this.internals?.setValidity({valueMissing:!0},c(),this.getRadios()?.[0]?.querySelector("input")):this.internals?.setValidity({})}connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=null}handleInvalid=async t=>{t.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};componentWillLoad(){this.inheritedAttributes={...h(this,this.el),...l(this.el,["aria-labelledby"])},this.updateFocusableRadioButton()}componentDidLoad(){this.updateRadios(((t,s)=>{t.dsErrorsDisabled=!0,0===s&&this.dsErrorText&&t.setAttribute("aria-describedby",this.errorTextId),this.dsForm&&(t.dsForm=this.dsForm)})),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},c(),this.getRadios()?.[0]?.querySelector("input"))}async getValue(){return this.dsValue}errorObserver(t){this.updateRadios(((s,i)=>{0===i&&t?s.setAttribute("aria-describedby",this.errorTextId):0!==i||t||s.removeAttribute("aria-describedby")})),this.dsRadioButtonGroupInvalidStateChange.emit(t)}dsValueObserver(t){this.dsRadioButtonGroupValueChange.emit(t),this.dsChange.emit({value:t}),this.dsRequired&&this.internals?.setValidity({valueMissing:!t},c(),this.getRadios()?.[0]?.querySelector("input")),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}focusedChildRadioButtonObserver(t){t||(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}dsFormAssociatedPropObserver(t,s,i){this.updateRadios((s=>{s[i]=t}))}onInputChange(t){t.stopPropagation(),this.dsValue=t.target.dsValue,this.dsRadioButtonGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}listenFocus(t){this.focusedChildRadioButton=t.detail}listenBlur(t){this.childBlurTimeout=setTimeout((()=>{t.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}onKeyDown(t){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(t.key))return;const s=this.getEnabledRadios(),i=t.target.closest(this.DsRadioButtonTag);if(!i||!s.includes(i))return;t.preventDefault();const e=s.findIndex((t=>t===i));let a;["ArrowUp","ArrowLeft"].includes(t.key)&&(a=0===e?s.length-1:e-1),["ArrowDown","ArrowRight"].includes(t.key)&&(a=(e+1)%s.length);const o=s[a];o.setFocus(),o.setChecked()}render(){const s=b("ds-radio-button-group"),i=o(s),e=o(`${s}__legend`),r=o(`${s}__assistive-text`),d=o(`${s}__radio-buttons-slot`,{[`${s}__radio-buttons-slot--horizontal`]:"horizontal"===this.dsDirection}),l=o(`${s}__error`),h=n("ds-input-validity","ds-radio-button-group",this.el);return t(a,{key:"2a605201bb6daea9fccc754d536c8a93616a7e34","data-invalid":!!this.dsErrorText||void 0},t("fieldset",{key:"1b11ad52415042f00cad3051d2efe09e7bee2080",class:i,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},t("legend",{key:"0a290a04d5435e968f31497d6659158983027e4a",id:this.legendId,class:e},this.getLegendText()),this.dsAssistiveText&&t("small",{key:"e3a0844f176d7b94ee967438250a3e176ff20392",class:r,id:this.assistiveTextId},this.dsAssistiveText),t("div",{key:"0fa72c4be4d399d74f771265a9cec9e9a77771da",class:d},t("slot",{key:"8239f6811d58df13b83b9bd20d77907b923f56fe",onSlotchange:this.updateFocusableRadioButton})),!!this.dsErrorText&&t("div",{key:"fab6afbeb81166cde3ae58814298081fc683f7d9",class:l},t(h,{key:"111744139dba6b9b1f32a217e849022c3a79d569",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{dsErrorText:["errorObserver"],dsValue:["dsValueObserver"],focusedChildRadioButton:["focusedChildRadioButtonObserver"],dsForm:["dsFormAssociatedPropObserver"],dsName:["dsFormAssociatedPropObserver"]}}};d([t("ds-input-validity",null)]),g.style=".ds-radio-button-group__DFAX9n{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__DFAX9n__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__DFAX9n__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__DFAX9n__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__DFAX9n__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";export{g as ds_radio_button_group}
+import{h as t,r as s,c as i,d as e,H as r}from"./index-CbKgsf3x.js";import{c as a}from"./index-BfTCfPZ1.js";import{i as o,d,t as n}from"./utils-C8DF05Gj.js";import{b as l,i as h}from"./attributes-DfbgRyXR.js";import{g as u,b as c}from"./controlUtils-CXECBqHB.js";import{c as b}from"./cx-DjsV2R3q.js";import"./store-CdwIcfA_.js";const f=o("ds-radio-button-group"),g=class{constructor(t){s(this,t),this.dsRadioButtonGroupValueChange=i(this,"dsRadioButtonGroupValueChange"),this.dsRadioButtonGroupInvalidStateChange=i(this,"dsRadioButtonGroupInvalidStateChange"),this.dsChange=i(this,"dsChange"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals)}fieldsetId=f.next().value;legendId=`${this.fieldsetId}-legend`;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;childBlurTimeout=null;inheritedAttributes={};get el(){return e(this)}internals;dsRadioButtonGroupValueChange;dsRadioButtonGroupInvalidStateChange;dsChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsValue;dsDirection="vertical";dsErrorText="";dsRequired=!1;dsName;focusedChildRadioButton;wasInvalidOnBlur=!1;async setFocus(){this.getEnabledRadios()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}get DsRadioButtonTag(){return n("ds-radio-button","ds-radio-button-group",this.el)}getLegendText=()=>{if("boolean"!=typeof this.dsLabel)return this.dsRequired?u(this.dsLabel):this.dsLabel};getRadios=()=>Array.from(this.el.querySelectorAll(this.DsRadioButtonTag));getEnabledRadios=()=>this.getRadios().filter((t=>!t.dsDisabled));updateRadios=t=>{this.getRadios().forEach(t)};updateFocusableRadioButton=()=>{const t=this.getEnabledRadios();if(!t.length)return;let s=null;for(const i of t){const t=i.dsValue===this.dsValue;i.setFocusable(t),t&&(s=i)}s||t[0].setFocusable(!0)};formResetCallback(){this.dsErrorText="",this.dsRequired?this.internals?.setValidity({valueMissing:!0},c(),this.getRadios()?.[0]?.querySelector("input")):this.internals?.setValidity({})}connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=null}handleInvalid=async t=>{t.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};componentWillLoad(){this.inheritedAttributes={...h(this,this.el),...l(this.el,["aria-labelledby"])},this.updateFocusableRadioButton()}componentDidLoad(){this.updateRadios(((t,s)=>{t.dsErrorsDisabled=!0,0===s&&this.dsErrorText&&t.setAttribute("aria-describedby",this.errorTextId),this.dsForm&&(t.dsForm=this.dsForm)})),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},c(),this.getRadios()?.[0]?.querySelector("input"))}async getValue(){return this.dsValue}errorObserver(t){this.updateRadios(((s,i)=>{0===i&&t?s.setAttribute("aria-describedby",this.errorTextId):0!==i||t||s.removeAttribute("aria-describedby")})),this.dsRadioButtonGroupInvalidStateChange.emit(t)}dsValueObserver(t){this.dsRadioButtonGroupValueChange.emit(t),this.dsChange.emit({value:t}),this.dsRequired&&this.internals?.setValidity({valueMissing:!t},c(),this.getRadios()?.[0]?.querySelector("input")),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}focusedChildRadioButtonObserver(t){t||(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}dsFormAssociatedPropObserver(t,s,i){this.updateRadios((s=>{s[i]=t}))}onInputChange(t){t.stopPropagation(),this.dsValue=t.target.dsValue,this.dsRadioButtonGroupValueChange.emit(this.dsValue),this.updateFocusableRadioButton()}listenFocus(t){this.focusedChildRadioButton=t.detail}listenBlur(t){this.childBlurTimeout=setTimeout((()=>{t.detail===this.focusedChildRadioButton&&(this.focusedChildRadioButton=void 0)}),0)}onKeyDown(t){if(!["ArrowUp","ArrowLeft","ArrowDown","ArrowRight"].includes(t.key))return;const s=this.getEnabledRadios(),i=t.target.closest(this.DsRadioButtonTag);if(!i||!s.includes(i))return;t.preventDefault();const e=s.findIndex((t=>t===i));let r;["ArrowUp","ArrowLeft"].includes(t.key)&&(r=0===e?s.length-1:e-1),["ArrowDown","ArrowRight"].includes(t.key)&&(r=(e+1)%s.length);const a=s[r];a.setFocus(),a.setChecked()}render(){const s=b("ds-radio-button-group"),i=a(s),e=a(`${s}__legend`),o=a(`${s}__assistive-text`),d=a(`${s}__radio-buttons-slot`,{[`${s}__radio-buttons-slot--horizontal`]:"horizontal"===this.dsDirection}),l=a(`${s}__error`),h=n("ds-input-validity","ds-radio-button-group",this.el);return t(r,{key:"2a605201bb6daea9fccc754d536c8a93616a7e34","data-invalid":!!this.dsErrorText||void 0},t("fieldset",{key:"1b11ad52415042f00cad3051d2efe09e7bee2080",class:i,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},t("legend",{key:"0a290a04d5435e968f31497d6659158983027e4a",id:this.legendId,class:e},this.getLegendText()),this.dsAssistiveText&&t("small",{key:"e3a0844f176d7b94ee967438250a3e176ff20392",class:o,id:this.assistiveTextId},this.dsAssistiveText),t("div",{key:"0fa72c4be4d399d74f771265a9cec9e9a77771da",class:d},t("slot",{key:"8239f6811d58df13b83b9bd20d77907b923f56fe",onSlotchange:this.updateFocusableRadioButton})),!!this.dsErrorText&&t("div",{key:"fab6afbeb81166cde3ae58814298081fc683f7d9",class:l},t(h,{key:"111744139dba6b9b1f32a217e849022c3a79d569",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{dsErrorText:["errorObserver"],dsValue:["dsValueObserver"],focusedChildRadioButton:["focusedChildRadioButtonObserver"],dsForm:["dsFormAssociatedPropObserver"],dsName:["dsFormAssociatedPropObserver"]}}};d([t("ds-input-validity",null)]),g.style=".ds-radio-button-group__HTSRrd{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__HTSRrd__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__HTSRrd__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__HTSRrd__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__HTSRrd__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";export{g as ds_radio_button_group}

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

@@ -1 +1 @@
-import{M as t,r as i,c as s,d as o,f as d,h as r,F as e}from"./index-D-3Utc_w.js";import{c as a}from"./index-BfTCfPZ1.js";import{b as n,i as l}from"./attributes-DfbgRyXR.js";import{v as c,g as _}from"./controlUtils-uMUNW1aR.js";import{i as b,t as u,a as h,d as v}from"./utils-C1bsmWWB.js";import{c as g}from"./cx-CiFpdjHK.js";import{a as f}from"./ariaDeprecationFactory-BmasIGdA.js";import"./store-B9-Hp5ie.js";const A=b("ds-radio-button"),F=class extends(t(f)){constructor(t){super(),i(this,t),this.dsChange=s(this,"dsChange"),this.dsCheck=s(this,"dsCheck"),this.dsFocus=s(this,"dsFocus"),this.dsBlur=s(this,"dsBlur"),this.dsSubmitInvalid=s(this,"dsSubmitInvalid"),this.dsValidity=s(this,"dsValidity")}dsAriaLabel;dsAriaDescribedby;radioGroup=null;inputElement;inheritedAttributes={};get el(){return o(this)}dsChange;dsCheck;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=A.next().value;_dsName=this.dsId;async setName(t){this._dsName=this.radioGroup?.dsName||t||this._dsName}get dsName(){return this._dsName}set dsName(t){this.setName(t)}dsErrorsDisabled=!1;dsValue=this.dsId;dsLabel;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=`${this.dsId}-error`;assistiveTextId=`${this.dsId}-assistive-text`;async setFocus(){this.inputElement.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.dsChecked=!0,this.dsCheck.emit()}async checkValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(t){this.dsChange.emit({checked:t,value:this.dsValue});const i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsValidity.emit({flag:t,message:c(t)});break}}ariaAttributeObserver(t,i,s){this.inheritedAttributes={...this.inheritedAttributes,[s]: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}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(u("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState)),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsSubmitInvalid.emit({flag:t,message: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.setChecked()};handleFocus=()=>{this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const i in t)if(t[i]){this.dsValidity.emit({flag:i,message:c(i)});break}};getLegendText=()=>this.dsRequired?_(this.dsLabel):this.dsLabel;renderRadioIcon(t){const i=`${t}__icon`,s=a(`${i}__outer-circle`,{[`${i}__outer-circle--checked`]:this.dsChecked}),o=a(`${i}__inner-circle`);return r("slot",{name:"icon"},r("div",{class:i,"aria-hidden":"true"},r("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("rect",{width:"24",height:"24",rx:"12",fill:"white"}),r("circle",{class:s,cx:"12",cy:"12",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&r("circle",{class:o,cx:"12",cy:"12",r:"6",fill:"#005A94"}))))}renderRadioButton(t){const i=a(`${t}`,{[`${t}--disabled`]:this.dsDisabled,[`${t}--invalid`]:!!this.dsErrorText}),s=a(`${t}__input`),o=a(`${t}__text`),d=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 r(e,null,r("div",null,r("label",{class:i},r(l,null,r("input",{ref:t=>this.inputElement=t,type:"radio",class:s,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:d,required:this.dsRequired,"aria-label":this.dsAriaLabel??c,"aria-describedby":this.dsAriaDescribedby??_,"aria-invalid":this.dsErrorText?"true":this.inheritedAttributes["aria-invalid"],...b})),this.renderRadioIcon(t),r("span",{class:o},r("slot",null,this.dsText)))),!this.dsErrorsDisabled&&r("slot",{name:"validity"},r("div",{class:`${t}__validity`},r(n,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(t){const i=a(`${t}-fieldset`),s=a(`${t}-fieldset__legend`),o=a(`${t}-fieldset__assistive-text`),d=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return r("fieldset",{class:i,...h("aria-describedby",d)},r("legend",{class:s},r("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&r("small",{class:o,id:this.assistiveTextId},r("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(t))}render(){const t=g("ds-radio-button");return this.dsLabel?this.renderFieldset(t):this.renderRadioButton(t)}static get formAssociated(){return!0}static get watchers(){return{dsChecked:["dsCheckedObserver"],"aria-label":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"]}}};v([r("ds-visually-hidden",null),r("ds-input-validity",null)]),F.style=".ds-radio-button__DFAX9n.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__DFAX9n--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__DFAX9n.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__DFAX9n__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__DFAX9n__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__DFAX9n__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__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__DFAX9n.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__DFAX9n.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__DFAX9n.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__DFAX9n.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__DFAX9n.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__DFAX9n.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled):not(.ds-radio-button__DFAX9n--invalid) .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__DFAX9n--disabled.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__DFAX9n--disabled.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__DFAX9n--disabled.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__DFAX9n--invalid.sc-ds-radio-button:active:not(.ds-radio-button__DFAX9n--disabled) .ds-radio-button__DFAX9n__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__DFAX9n-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__DFAX9n-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__DFAX9n-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}";export{F as ds_radio_button}
+import{M as t,r as i,c as d,d as s,f as r,h as o,F as e}from"./index-CbKgsf3x.js";import{c as a}from"./index-BfTCfPZ1.js";import{b as n,i as l}from"./attributes-DfbgRyXR.js";import{v as c,g as _}from"./controlUtils-CXECBqHB.js";import{i as b,t as u,a as h,d as v}from"./utils-C8DF05Gj.js";import{c as g}from"./cx-DjsV2R3q.js";import{a as f}from"./ariaDeprecationFactory-Bmt11tfn.js";import"./store-CdwIcfA_.js";const S=b("ds-radio-button"),R=class extends(t(f)){constructor(t){super(),i(this,t),this.dsChange=d(this,"dsChange"),this.dsCheck=d(this,"dsCheck"),this.dsFocus=d(this,"dsFocus"),this.dsBlur=d(this,"dsBlur"),this.dsSubmitInvalid=d(this,"dsSubmitInvalid"),this.dsValidity=d(this,"dsValidity")}dsAriaLabel;dsAriaDescribedby;radioGroup=null;inputElement;inheritedAttributes={};get el(){return s(this)}dsChange;dsCheck;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=S.next().value;_dsName=this.dsId;async setName(t){this._dsName=this.radioGroup?.dsName||t||this._dsName}get dsName(){return this._dsName}set dsName(t){this.setName(t)}dsErrorsDisabled=!1;dsValue=this.dsId;dsLabel;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=`${this.dsId}-error`;assistiveTextId=`${this.dsId}-assistive-text`;async setFocus(){this.inputElement.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.dsChecked=!0,this.dsCheck.emit()}async checkValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(t){this.dsChange.emit({checked:t,value:this.dsValue});const i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsValidity.emit({flag:t,message:c(t)});break}}ariaAttributeObserver(t,i,d){this.inheritedAttributes={...this.inheritedAttributes,[d]:t},r(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}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(u("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState)),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const i=this.inputElement?.validity;for(const t in i)if(i[t]){this.dsSubmitInvalid.emit({flag:t,message: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.setChecked()};handleFocus=()=>{this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const i in t)if(t[i]){this.dsValidity.emit({flag:i,message:c(i)});break}};getLegendText=()=>this.dsRequired?_(this.dsLabel):this.dsLabel;renderRadioIcon(t){const i=`${t}__icon`,d=a(`${i}__outer-circle`,{[`${i}__outer-circle--checked`]:this.dsChecked}),s=a(`${i}__inner-circle`);return o("slot",{name:"icon"},o("div",{class:i,"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:d,cx:"12",cy:"12",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&o("circle",{class:s,cx:"12",cy:"12",r:"6",fill:"#005A94"}))))}renderRadioButton(t){const i=a(`${t}`,{[`${t}--disabled`]:this.dsDisabled,[`${t}--invalid`]:!!this.dsErrorText}),d=a(`${t}__input`),s=a(`${t}__text`),r=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(e,null,o("div",null,o("label",{class:i},o(l,null,o("input",{ref:t=>this.inputElement=t,type:"radio",class:d,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:r,required:this.dsRequired,"aria-label":this.dsAriaLabel??c,"aria-describedby":this.dsAriaDescribedby??_,"aria-invalid":this.dsErrorText?"true":this.inheritedAttributes["aria-invalid"],...b})),this.renderRadioIcon(t),o("span",{class:s},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",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(t){const i=a(`${t}-fieldset`),d=a(`${t}-fieldset__legend`),s=a(`${t}-fieldset__assistive-text`),r=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return o("fieldset",{class:i,...h("aria-describedby",r)},o("legend",{class:d},o("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&o("small",{class:s,id:this.assistiveTextId},o("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(t))}render(){const t=g("ds-radio-button");return this.dsLabel?this.renderFieldset(t):this.renderRadioButton(t)}static get formAssociated(){return!0}static get watchers(){return{dsChecked:["dsCheckedObserver"],"aria-label":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"]}}};v([o("ds-visually-hidden",null),o("ds-input-validity",null)]),R.style=".ds-radio-button__HTSRrd.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__HTSRrd--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__HTSRrd.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__HTSRrd__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__HTSRrd__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__HTSRrd__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__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__HTSRrd.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__HTSRrd.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__HTSRrd.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__HTSRrd.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__HTSRrd.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__HTSRrd.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled):not(.ds-radio-button__HTSRrd--invalid) .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__HTSRrd--disabled.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__HTSRrd--disabled.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__HTSRrd--disabled.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__HTSRrd--invalid.sc-ds-radio-button:active:not(.ds-radio-button__HTSRrd--disabled) .ds-radio-button__HTSRrd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__HTSRrd-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__HTSRrd-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__HTSRrd-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}";export{R as ds_radio_button}