@uh-design-system/component-library 1.1.0-rc.5 → 1.1.0-rc.7

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

@@ -1 +1 @@
-import{h as o,r as d,c as a,d as s}from"./index-Pzt6Wixq.js";import{c as n}from"./index-BfTCfPZ1.js";import{d as i,t as c}from"./utils-C1bsmWWB.js";import{c as e}from"./cx-cUUyxfnb.js";import{i as r,a as t}from"./attributes-BbTh8gdl.js";const l=class{constructor(o){d(this,o),this.dsToggle=a(this,"dsToggle")}inheritedAttributes={};get el(){return s(this)}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId="dsaccordion";dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel="Close";dsHideTopBorder=!1;dsHideBottomBorder=!1;isExpanded=!1;dsToggle;headerButtonRef;shouldMoveFocus=!1;componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={...t(this.el),...r(this,this.el)}}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${e("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const d=o.target.closest(`.${e("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};render(){const d="compact"===this.dsVariant?"1.5rem":"2rem",a="compact"===this.dsVariant?"small":"medium",s=c("ds-button","ds-accordion",this.el),i=c("ds-icon","ds-accordion",this.el),r=e("ds-accordion");return o("div",{key:"7b99da8ecf18d36bfd6210f73d94d91c1d3257b2",class:n(r,`${r}--${this.dsVariant}`,{[`${r}--border-aligned`]:this.dsBorderAligned}),...this.inheritedAttributes},o("div",{key:"721a08a79ab20ec81f5af744aca7f47f9c28fd19",class:`${r}__item`},o("div",{key:"f5124df5cb2774e83de3e6ad6905b4de34087dea",role:"heading","aria-level":this.dsHeadingLevel,class:`${r}__title`},o("button",{key:"c3b3b4b5ec29fc5485fd69f3b0c6b67a765bc45a",class:n(`${r}__open-button`,`${r}--${this.dsVariant}`,{[`${r}--border-aligned`]:this.dsBorderAligned,[`${r}--hide-top-border`]:this.dsHideTopBorder,[`${r}--hide-bottom-border`]:this.dsHideBottomBorder}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":`${this.dsId}-panel`,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},o("span",{key:"b466555f9933f38ffc1c2872feaea7dabba93fa8",class:`${r}__icon`,"aria-hidden":"true"},o(i,this.isExpanded?{dsSize:d,dsHidden:!0,dsName:"keyboard_arrow_up"}:{dsSize:d,dsHidden:!0,dsName:"keyboard_arrow_down"})),o("slot",{key:"c81e29864398d7ef384f2e658d10dc9123895488",name:"header"}))),o("div",{key:"b34c9d668b0a9dc41da25b2bcd24d4b4c1e28883",id:`${this.dsId}-panel`,role:"region","aria-labelledby":this.dsId,class:n(`${r}__panel`,`${r}__panel--${this.dsVariant}`,{[`${r}__panel--border-aligned`]:this.dsBorderAligned,[`${r}__panel--expanded`]:this.isExpanded,[`${r}__panel--hide-bottom-border`]:this.dsHideBottomBorder}),hidden:!this.isExpanded},o("div",{key:"4ccc901a02799d39641145366730bf1726f95cf0",class:`${r}__content`},o("slot",{key:"7027a2e3dc1784ecfe8be6f18a12c7a2b414affb",name:"content"})),this.dsUseCloseButton&&o(s,{key:"c5230e81cdbe042a4578a4acd3c704087a2ba1b8",id:`${this.dsId}-close-button`,class:n(`${r}__close-button`,`${r}--${this.dsVariant}`,{[`${r}--border-aligned`]:this.dsBorderAligned}),dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsValue:this.dsCloseButtonLabel,dsSize:a,dsType:"button"}))))}static get watchers(){return{isExpanded:["watchHandler"]}}};i([o("ds-icon",{dsName:""}),o("ds-button",null)]),l.style='.ds-accordion__BahgnS__open-button.sc-ds-accordion: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-accordion__BahgnS__open-button.sc-ds-accordion .ds-accordion__BahgnS.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__BahgnS--border-aligned.sc-ds-accordion::before,.ds-accordion__BahgnS__open-button.sc-ds-accordion .ds-accordion__BahgnS.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__BahgnS--border-aligned.sc-ds-accordion::after{content:"";position:absolute;top:0;width:var(--ds-spacing-small);height:100%}.ds-accordion__BahgnS__open-button.sc-ds-accordion .ds-accordion__BahgnS.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__BahgnS--border-aligned.sc-ds-accordion::before{left:calc(var(--ds-spacing-small) * -1)}.ds-accordion__BahgnS__open-button.sc-ds-accordion .ds-accordion__BahgnS.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__BahgnS--border-aligned.sc-ds-accordion::after{right:calc(var(--ds-spacing-small) * -1)}.ds-accordion__BahgnS__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__BahgnS__open-button.sc-ds-accordion:hover,.ds-accordion__BahgnS__open-button.sc-ds-accordion:hover::before,.ds-accordion__BahgnS__open-button.sc-ds-accordion:hover::after{background:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__BahgnS__open-button.sc-ds-accordion:active,.ds-accordion__BahgnS__open-button.sc-ds-accordion:active::before,.ds-accordion__BahgnS__open-button.sc-ds-accordion:active::after{background:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__BahgnS__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__BahgnS__open-button.sc-ds-accordion{color:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;fill:var(--ds-textColor-default);position:relative}.ds-accordion__BahgnS__open-button.ds-accordion__BahgnS--default.sc-ds-accordion{padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__BahgnS__open-button.ds-accordion__BahgnS--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16);padding:var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);line-height:var(--ds-lineHeight-large);font-weight:var(--ds-fontWeight-semibold)}.ds-accordion__BahgnS__open-button.ds-accordion__BahgnS--border-aligned.sc-ds-accordion:not(:focus-visible){padding-inline:0;margin-inline:var(--ds-spacing-small);position:relative;width:calc(100% - var(--ds-spacing-large))}.ds-accordion__BahgnS__open-button.sc-ds-accordion{all:unset;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);position:relative;width:100%}.sc-ds-accordion-h:first-child .ds-accordion__BahgnS__open-button.sc-ds-accordion:not(.ds-accordion__BahgnS--hide-top-border){border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.sc-ds-accordion-h:first-child .ds-accordion__BahgnS__open-button.sc-ds-accordion:not(.ds-accordion__BahgnS--hide-top-border):focus-visible{border-top-color:transparent}.ds-accordion__BahgnS__open-button.sc-ds-accordion:not(.ds-accordion__BahgnS--hide-bottom-border)[aria-expanded=false]{border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__BahgnS__panel--border-aligned.sc-ds-accordion::before{display:inline-block;content:" ";position:absolute;bottom:-1px;height:1px;left:0;background:var(--ds-bgColor-white);width:var(--ds-spacing-small)}.ds-accordion__BahgnS__panel--border-aligned.sc-ds-accordion::after{display:inline-block;content:" ";position:absolute;bottom:-1px;height:1px;right:0;background:var(--ds-bgColor-white);width:var(--ds-spacing-small)}.ds-accordion__BahgnS__panel--border-aligned.sc-ds-accordion{position:relative;width:calc(100% - 32px)}.ds-accordion__BahgnS__panel--expanded.sc-ds-accordion{display:block;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);padding-inline:var(--ds-spacing-small)}.ds-accordion__BahgnS__panel--expanded.sc-ds-accordion self__panel--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__BahgnS.sc-ds-accordion-s>[slot=header],.ds-accordion__BahgnS .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__BahgnS__content.sc-ds-accordion{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);padding-block:var(--ds-spacing-2xSmall) var(--ds-spacing-small)}.ds-accordion__BahgnS__content.sc-ds-accordion .ds-accordion__BahgnS--default.sc-ds-accordion{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-xLarge);letter-spacing:var(--ds-letterSpacing-wide)}@media (min-width: 30rem){.ds-accordion__BahgnS__content.sc-ds-accordion .ds-accordion__BahgnS--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__BahgnS__content.sc-ds-accordion .ds-accordion__BahgnS--compact.sc-ds-accordion{font-size:var(--fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__BahgnS__close-button.sc-ds-accordion{display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}';export{l as ds_accordion}
+import{h as o,r as d,c as s,d as i}from"./index-DK-steFu.js";import{c as a}from"./index-BfTCfPZ1.js";import{d as c,t as e}from"./utils-C1bsmWWB.js";import{c as r}from"./cx-4FfBwb_9.js";import{i as t,a as n}from"./attributes-BbTh8gdl.js";const l=class{constructor(o){d(this,o),this.dsToggle=s(this,"dsToggle")}inheritedAttributes={};get el(){return i(this)}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId="dsaccordion";dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel="Close";dsHideTopBorder=!1;dsHideBottomBorder=!1;isExpanded=!1;dsToggle;headerButtonRef;shouldMoveFocus=!1;componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={...n(this.el),...t(this,this.el)}}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${r("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const d=o.target.closest(`.${r("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};render(){const d="compact"===this.dsVariant?"1.5rem":"2rem",s="compact"===this.dsVariant?"small":"medium",i=e("ds-button","ds-accordion",this.el),c=e("ds-icon","ds-accordion",this.el),t=r("ds-accordion");return o("div",{key:"7b99da8ecf18d36bfd6210f73d94d91c1d3257b2",class:a(t,`${t}--${this.dsVariant}`,{[`${t}--border-aligned`]:this.dsBorderAligned}),...this.inheritedAttributes},o("div",{key:"721a08a79ab20ec81f5af744aca7f47f9c28fd19",class:`${t}__item`},o("div",{key:"f5124df5cb2774e83de3e6ad6905b4de34087dea",role:"heading","aria-level":this.dsHeadingLevel,class:`${t}__title`},o("button",{key:"c3b3b4b5ec29fc5485fd69f3b0c6b67a765bc45a",class:a(`${t}__open-button`,`${t}--${this.dsVariant}`,{[`${t}--border-aligned`]:this.dsBorderAligned,[`${t}--hide-top-border`]:this.dsHideTopBorder,[`${t}--hide-bottom-border`]:this.dsHideBottomBorder}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":`${this.dsId}-panel`,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},o("span",{key:"b466555f9933f38ffc1c2872feaea7dabba93fa8",class:`${t}__icon`,"aria-hidden":"true"},o(c,this.isExpanded?{dsSize:d,dsHidden:!0,dsName:"keyboard_arrow_up"}:{dsSize:d,dsHidden:!0,dsName:"keyboard_arrow_down"})),o("slot",{key:"c81e29864398d7ef384f2e658d10dc9123895488",name:"header"}))),o("div",{key:"b34c9d668b0a9dc41da25b2bcd24d4b4c1e28883",id:`${this.dsId}-panel`,role:"region","aria-labelledby":this.dsId,class:a(`${t}__panel`,`${t}__panel--${this.dsVariant}`,{[`${t}__panel--border-aligned`]:this.dsBorderAligned,[`${t}__panel--expanded`]:this.isExpanded,[`${t}__panel--hide-bottom-border`]:this.dsHideBottomBorder}),hidden:!this.isExpanded},o("div",{key:"4ccc901a02799d39641145366730bf1726f95cf0",class:`${t}__content`},o("slot",{key:"7027a2e3dc1784ecfe8be6f18a12c7a2b414affb",name:"content"})),this.dsUseCloseButton&&o(i,{key:"fc4ba607169579bf4caa03736fd8d585810dd83d",id:`${this.dsId}-close-button`,class:a(`${t}__close-button`,`${t}--${this.dsVariant}`,{[`${t}--border-aligned`]:this.dsBorderAligned}),dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel,dsSize:s,dsType:"button"}))))}static get watchers(){return{isExpanded:["watchHandler"]}}};c([o("ds-icon",{dsName:""}),o("ds-button",null)]),l.style='.ds-accordion__kfFKF0__open-button.sc-ds-accordion: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-accordion__kfFKF0__open-button.sc-ds-accordion .ds-accordion__kfFKF0.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__kfFKF0--border-aligned.sc-ds-accordion::before,.ds-accordion__kfFKF0__open-button.sc-ds-accordion .ds-accordion__kfFKF0.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__kfFKF0--border-aligned.sc-ds-accordion::after{content:"";position:absolute;top:0;width:var(--ds-spacing-small);height:100%}.ds-accordion__kfFKF0__open-button.sc-ds-accordion .ds-accordion__kfFKF0.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__kfFKF0--border-aligned.sc-ds-accordion::before{left:calc(var(--ds-spacing-small) * -1)}.ds-accordion__kfFKF0__open-button.sc-ds-accordion .ds-accordion__kfFKF0.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__kfFKF0--border-aligned.sc-ds-accordion::after{right:calc(var(--ds-spacing-small) * -1)}.ds-accordion__kfFKF0__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__kfFKF0__open-button.sc-ds-accordion:hover,.ds-accordion__kfFKF0__open-button.sc-ds-accordion:hover::before,.ds-accordion__kfFKF0__open-button.sc-ds-accordion:hover::after{background:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__kfFKF0__open-button.sc-ds-accordion:active,.ds-accordion__kfFKF0__open-button.sc-ds-accordion:active::before,.ds-accordion__kfFKF0__open-button.sc-ds-accordion:active::after{background:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__kfFKF0__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__kfFKF0__open-button.sc-ds-accordion{color:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;fill:var(--ds-textColor-default);position:relative}.ds-accordion__kfFKF0__open-button.ds-accordion__kfFKF0--default.sc-ds-accordion{padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__kfFKF0__open-button.ds-accordion__kfFKF0--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16);padding:var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);line-height:var(--ds-lineHeight-large);font-weight:var(--ds-fontWeight-semibold)}.ds-accordion__kfFKF0__open-button.ds-accordion__kfFKF0--border-aligned.sc-ds-accordion:not(:focus-visible){padding-inline:0;margin-inline:var(--ds-spacing-small);position:relative;width:calc(100% - var(--ds-spacing-large))}.ds-accordion__kfFKF0__open-button.sc-ds-accordion{all:unset;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);position:relative;width:100%}.sc-ds-accordion-h:first-child .ds-accordion__kfFKF0__open-button.sc-ds-accordion:not(.ds-accordion__kfFKF0--hide-top-border){border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.sc-ds-accordion-h:first-child .ds-accordion__kfFKF0__open-button.sc-ds-accordion:not(.ds-accordion__kfFKF0--hide-top-border):focus-visible{border-top-color:transparent}.ds-accordion__kfFKF0__open-button.sc-ds-accordion:not(.ds-accordion__kfFKF0--hide-bottom-border)[aria-expanded=false]{border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__kfFKF0__panel--border-aligned.sc-ds-accordion::before{display:inline-block;content:" ";position:absolute;bottom:-1px;height:1px;left:0;background:var(--ds-bgColor-white);width:var(--ds-spacing-small)}.ds-accordion__kfFKF0__panel--border-aligned.sc-ds-accordion::after{display:inline-block;content:" ";position:absolute;bottom:-1px;height:1px;right:0;background:var(--ds-bgColor-white);width:var(--ds-spacing-small)}.ds-accordion__kfFKF0__panel--border-aligned.sc-ds-accordion{position:relative;width:calc(100% - 32px)}.ds-accordion__kfFKF0__panel--expanded.sc-ds-accordion{display:block;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);padding-inline:var(--ds-spacing-small)}.ds-accordion__kfFKF0__panel--expanded.sc-ds-accordion self__panel--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__kfFKF0.sc-ds-accordion-s>[slot=header],.ds-accordion__kfFKF0 .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__kfFKF0__content.sc-ds-accordion{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);padding-block:var(--ds-spacing-2xSmall) var(--ds-spacing-small)}.ds-accordion__kfFKF0__content.sc-ds-accordion .ds-accordion__kfFKF0--default.sc-ds-accordion{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-xLarge);letter-spacing:var(--ds-letterSpacing-wide)}@media (min-width: 30rem){.ds-accordion__kfFKF0__content.sc-ds-accordion .ds-accordion__kfFKF0--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__kfFKF0__content.sc-ds-accordion .ds-accordion__kfFKF0--compact.sc-ds-accordion{font-size:var(--fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__kfFKF0__close-button.sc-ds-accordion{display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}';export{l as ds_accordion}

package/dist/component-library/ds-assistive-text.entry.js

@@ -1 +1 @@
-import{r as s,h as t}from"./index-Pzt6Wixq.js";import{c as a}from"./cx-cUUyxfnb.js";import{i}from"./utils-C1bsmWWB.js";const e=i("ds-assistive-text"),d=class{constructor(t){s(this,t)}dsId=e.next().value;dsText;render(){const s=a("ds-assistive-text");return t("small",{key:"8d3e0bf294b377fa31186f438078af55eddc9e05",class:s,id:this.dsId},t("slot",{key:"94a17e2add2dca099516f8a57f723c42a8ca649e"},this.dsText))}};d.style=".ds-assistive-text__BahgnS.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}";export{d as ds_assistive_text}
+import{r as s,h as t}from"./index-DK-steFu.js";import{c as a}from"./cx-4FfBwb_9.js";import{i as e}from"./utils-C1bsmWWB.js";const i=e("ds-assistive-text"),d=class{constructor(t){s(this,t)}dsId=i.next().value;dsText;render(){const s=a("ds-assistive-text");return t("small",{key:"8d3e0bf294b377fa31186f438078af55eddc9e05",class:s,id:this.dsId},t("slot",{key:"94a17e2add2dca099516f8a57f723c42a8ca649e"},this.dsText))}};d.style=".ds-assistive-text__kfFKF0.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}";export{d as ds_assistive_text}

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

@@ -0,0 +1 @@
+import{h as d,r as s,d as a}from"./index-DK-steFu.js";import{c as e}from"./index-BfTCfPZ1.js";import{c as o}from"./cx-4FfBwb_9.js";import{d as r,i as t,t as c}from"./utils-C1bsmWWB.js";const i=t("ds-badge"),l=class{constructor(d){s(this,d)}get el(){return a(this)}dsId=i.next().value;dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return c("ds-visually-hidden","ds-badge",this.el)}render(){const s=o("ds-badge");return d("div",{key:"6dd38424a4fcec26f23cd1cb786d157ce15b2b7b",class:e(s,`${s}--${this.dsVariant}`)},d("div",{key:"770553990729afbc0458ccde1e1a6b42b01d25cb",class:`${s}__content`},d("span",{key:"0b17909fc5964f7d6dc7d8d8dd61ba9c67455dec",class:"ds-text-semibold-xs",id:this.dsId,"aria-label":this.dsAriaLabel},d("slot",{key:"8eb5b5c05ea8553aa67d69ef1c1c16183fcfcb69"},this.dsText,this.dsHiddenAssistiveText&&d(this.DsVisuallyHidden,{key:"811fd217607129b96888df7d5d2a122131cff3e4",dsTag:"span"},this.dsHiddenAssistiveText)))))}};r([d("ds-visually-hidden",null)]),l.style=".ds-badge__kfFKF0.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__kfFKF0--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__kfFKF0--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__kfFKF0--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__kfFKF0--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__kfFKF0--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__kfFKF0--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__kfFKF0--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__kfFKF0__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}";export{l as ds_badge}

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

@@ -1 +1 @@
-import{r as s,M as e,c as r,d,h as t,H as a}from"./index-Pzt6Wixq.js";import{c as n}from"./index-BfTCfPZ1.js";import{t as i,d as c}from"./utils-C1bsmWWB.js";import{c as l}from"./cx-cUUyxfnb.js";const o=e=>class extends e{constructor(e){super(),s(this,e)}dsRel;dsHrefLang;dsHref;dsTarget;dsDownload;get linkProps(){return{dsHref:this.dsHref,dsHrefLang:this.dsHrefLang,dsRel:this.dsRel,dsTarget:this.dsTarget,dsDownload:this.dsDownload}}},b=class extends(e(o)){constructor(e){super(),s(this,e),this.dsIsHiddenChange=r(this,"dsIsHiddenChange")}get el(){return d(this)}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return i("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return t("slot",null,t("span",{class:`${s}__current-page`,"aria-current":"page"},this.dsText))}renderLinkCrumb(s){return t("slot",null,t(this.DsLink,{class:`${s}__link`,dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=l("ds-breadcrumb"),e=`${s}__content`;return t(a,{key:"26bf34eeaba66b557f2582362b3dacc568813c17",role:"listitem"},t("div",{key:"2ddd55205a47513b3d53892c5e0dd9580bb8cfb6",class:n(s,{[`${s}--hidden`]:this.dsIsHidden})},t("div",{key:"644d314c8c0359fc833a6d5a4afec6918aa04e2e",class:e},this.dsHasSeparator?t(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:["dsIsHiddenObserver"]}}};c([t("ds-link",{dsText:""}),t("ds-breadcrumbs-separator",null)]),b.style='.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__BahgnS.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__BahgnS--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__BahgnS__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__BahgnS__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__BahgnS__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__BahgnS__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}';export{b as ds_breadcrumb}
+import{r as s,M as e,c as r,d,h as t,H as a}from"./index-DK-steFu.js";import{c as n}from"./index-BfTCfPZ1.js";import{t as i,d as c}from"./utils-C1bsmWWB.js";import{c as l}from"./cx-4FfBwb_9.js";const o=e=>class extends e{constructor(e){super(),s(this,e)}dsRel;dsHrefLang;dsHref;dsTarget;dsDownload;get linkProps(){return{dsHref:this.dsHref,dsHrefLang:this.dsHrefLang,dsRel:this.dsRel,dsTarget:this.dsTarget,dsDownload:this.dsDownload}}},b=class extends(e(o)){constructor(e){super(),s(this,e),this.dsIsHiddenChange=r(this,"dsIsHiddenChange")}get el(){return d(this)}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return i("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return t("slot",null,t("span",{class:`${s}__current-page`,"aria-current":"page"},this.dsText))}renderLinkCrumb(s){return t("slot",null,t(this.DsLink,{class:`${s}__link`,dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=l("ds-breadcrumb"),e=`${s}__content`;return t(a,{key:"908f257c3483a57aace5356a3ee664abb016a385",role:"listitem"},t("div",{key:"c57fc14d4f1df21ec84a08adbf68e460b58326c0",class:n(s,{[`${s}--hidden`]:this.dsIsHidden})},t("div",{key:"e7170fd4d6db6c355919f7b1a3185a522b3f584e",class:e},this.dsHasSeparator?t(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:["dsIsHiddenObserver"]}}};c([t("ds-link",{dsText:""}),t("ds-breadcrumbs-separator",null)]),b.style='.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__kfFKF0.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__kfFKF0--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__kfFKF0__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__kfFKF0__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__kfFKF0__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__kfFKF0__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}';export{b as ds_breadcrumb}

package/dist/component-library/ds-breadcrumbs-collapsible.entry.js

@@ -1 +1 @@
-import{h as s,r as t,c as e,d,F as a}from"./index-Pzt6Wixq.js";import{d as r,t as n}from"./utils-C1bsmWWB.js";const i=class{constructor(s){t(this,s),this.dsExpandButtonClick=e(this,"dsExpandButtonClick")}get el(){return d(this)}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}dsIsHiddenChangeListener(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}dsClickListener(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return s(a,{key:"4893d8a7d27444d7d73a232d8df5039eb43c09e9"},s(this.DsBreadcrumbsExpandButton,{key:"9d851cf0d95bf67df35eb1f507b05f09b50a4cbb",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),s("slot",{key:"a294dff7129a7c53d6c06a40cea541712c061e0c",onSlotchange:this.handleDefaultSlotChange}))}};r([s("ds-breadcrumbs-expand-button",null)]),i.style=":host{display:contents}";export{i as ds_breadcrumbs_collapsible}
+import{h as s,r as t,c as e,d as a,F as d}from"./index-DK-steFu.js";import{d as r,t as n}from"./utils-C1bsmWWB.js";const i=class{constructor(s){t(this,s),this.dsExpandButtonClick=e(this,"dsExpandButtonClick")}get el(){return a(this)}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}dsIsHiddenChangeListener(s){s.detail||s.target!==this.collapsibleTarget||requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}dsClickListener(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return s(d,{key:"00b51db6395dda6347a68e2e0558ecc030ff0978"},s(this.DsBreadcrumbsExpandButton,{key:"20010f18dda5bab38f2aed8fbe18769f318483c1",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),s("slot",{key:"1a2fe714ff749a07a412589ead8a3fedff012494",onSlotchange:this.handleDefaultSlotChange}))}};r([s("ds-breadcrumbs-expand-button",null)]),i.style=":host{display:contents}";export{i as ds_breadcrumbs_collapsible}

package/dist/component-library/ds-breadcrumbs-expand-button.entry.js

@@ -1 +1 @@
-import{h as t,r as e,c as d,d as r}from"./index-Pzt6Wixq.js";import{c as s}from"./index-BfTCfPZ1.js";import{g as a}from"./store-BCd58KcK.js";import{c as n}from"./cx-cUUyxfnb.js";import{d as o,t as i}from"./utils-C1bsmWWB.js";const b=class{constructor(t){e(this,t),this.dsClick=d(this,"dsClick")}get el(){return r(this)}dsClick;dsIsHidden=!1;dsSeparatorIcon;get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumbs-expand-button",this.el)}get showFullBreadcrumbTrail(){switch(a()){case"fi":return"Näytä koko murupolku.";case"sv":return"Visa hela brödsmulestigen.";default:return"Show full breadcrumb trail."}}handleExpandButtonClick=()=>{this.dsClick.emit()};render(){const e=n("ds-breadcrumbs-expand-button");return t("div",{key:"6da34d42a909d8a1d0e2fe521f7a355d3b8e6a9b",role:"listitem",class:s(e,{[`${e}--hidden`]:this.dsIsHidden})},t(this.DsBreadcrumbsSeparator,{key:"d2e406878b8545e823f554f77d5c7d215a386d2d",dsIcon:this.dsSeparatorIcon}),t("button",{key:"e3b174f2ad1b474ea687a7ae62a7ed802b932498","aria-label":this.showFullBreadcrumbTrail,class:`${e}__button`,onClick:this.handleExpandButtonClick},"…"))}};o([t("ds-breadcrumbs-separator",null)]),b.style=".ds-breadcrumbs-expand-button__BahgnS.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__BahgnS--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__BahgnS__button.sc-ds-breadcrumbs-expand-button: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-breadcrumbs-expand-button__BahgnS__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;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-breadcrumbs-expand-button__BahgnS__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__BahgnS__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}";export{b as ds_breadcrumbs_expand_button}
+import{h as t,r as e,c as r,d as s}from"./index-DK-steFu.js";import{c as d}from"./index-BfTCfPZ1.js";import{g as n}from"./store-CJjKF_JF.js";import{c as a}from"./cx-4FfBwb_9.js";import{d as o,t as i}from"./utils-C1bsmWWB.js";const b=class{constructor(t){e(this,t),this.dsClick=r(this,"dsClick")}get el(){return s(this)}dsClick;dsIsHidden=!1;dsSeparatorIcon;get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumbs-expand-button",this.el)}get showFullBreadcrumbTrail(){switch(n()){case"fi":return"Näytä koko murupolku.";case"sv":return"Visa hela brödsmulestigen.";default:return"Show full breadcrumb trail."}}handleExpandButtonClick=()=>{this.dsClick.emit()};render(){const e=a("ds-breadcrumbs-expand-button");return t("div",{key:"613c93d1ecb890375e7c7707318c1562a13ef311",role:"listitem",class:d(e,{[`${e}--hidden`]:this.dsIsHidden})},t(this.DsBreadcrumbsSeparator,{key:"eebadf5d1d4a04a3089ac79b84174781334310e8",dsIcon:this.dsSeparatorIcon}),t("button",{key:"54ef6065c84a1e8319b15ae78830ffddc147e677","aria-label":this.showFullBreadcrumbTrail,class:`${e}__button`,onClick:this.handleExpandButtonClick},"…"))}};o([t("ds-breadcrumbs-separator",null)]),b.style=".ds-breadcrumbs-expand-button__kfFKF0.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__kfFKF0--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__kfFKF0__button.sc-ds-breadcrumbs-expand-button: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-breadcrumbs-expand-button__kfFKF0__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;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-breadcrumbs-expand-button__kfFKF0__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__kfFKF0__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}";export{b as ds_breadcrumbs_expand_button}

package/dist/component-library/ds-breadcrumbs-separator.entry.js

@@ -1 +1 @@
-import{r,d as s,h as a}from"./index-Pzt6Wixq.js";import{c as e}from"./cx-cUUyxfnb.js";import{t as d}from"./utils-C1bsmWWB.js";const i=class{constructor(s){r(this,s)}get el(){return s(this)}dsIcon="chevron_forward";get DsIcon(){return d("ds-icon","ds-breadcrumbs-separator",this.el)}render(){const r=e("ds-breadcrumbs-separator");return a(this.DsIcon,{key:"0feda7224034bd4074c8fe7d0efaed862ab3daf4",class:r,dsName:this.dsIcon,dsSize:"1rem"})}};i.style=".ds-breadcrumbs-separator__BahgnS.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__BahgnS.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";export{i as ds_breadcrumbs_separator}
+import{r,d as s,h as a}from"./index-DK-steFu.js";import{c as e}from"./cx-4FfBwb_9.js";import{t}from"./utils-C1bsmWWB.js";const i=class{constructor(s){r(this,s)}get el(){return s(this)}dsIcon="chevron_forward";get DsIcon(){return t("ds-icon","ds-breadcrumbs-separator",this.el)}render(){const r=e("ds-breadcrumbs-separator");return a(this.DsIcon,{key:"fc224417870ebe248876aab41fe654882ac00b62",class:r,dsName:this.dsIcon,dsSize:"1rem"})}};i.style=".ds-breadcrumbs-separator__kfFKF0.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__kfFKF0.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";export{i as ds_breadcrumbs_separator}

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

@@ -1 +1 @@
-import{r as e,c as s,d as i,h as r}from"./index-Pzt6Wixq.js";import{c as a}from"./cx-cUUyxfnb.js";import{g as t}from"./store-BCd58KcK.js";import{i as d}from"./utils-Bx_CJAgx.js";const n=class{constructor(i){e(this,i),this.dsSizeChange=s(this,"dsSizeChange")}get el(){return i(this)}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(t()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize(){this.size=d("medium")?"medium":"small"}resizeListener(){this.setSize()}componentWillLoad(){this.setSize()}render(){const e=a("ds-breadcrumbs");return r("nav",{key:"9bd5d6670c943be0e1631af7f591655e751a7d05",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},r("div",{key:"209853be22cc61d74ba970db4646bbc4ed3c9d1c",role:"list",class:`${e}__breadcrumbs`},r("slot",{key:"792d969633643099bc55d26aa4fd831de0c5b7e9"})))}static get watchers(){return{size:["sizeObserver"]}}};n.style=".ds-breadcrumbs__BahgnS{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__BahgnS{min-height:32px}}.ds-breadcrumbs__BahgnS__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__BahgnS__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}";export{n as ds_breadcrumbs}
+import{r as e,c as s,d as i,h as r}from"./index-DK-steFu.js";import{c as t}from"./cx-4FfBwb_9.js";import{g as a}from"./store-CJjKF_JF.js";import{i as d}from"./utils-Bx_CJAgx.js";const n=class{constructor(i){e(this,i),this.dsSizeChange=s(this,"dsSizeChange")}get el(){return i(this)}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(a()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize(){this.size=d("medium")?"medium":"small"}resizeListener(){this.setSize()}componentWillLoad(){this.setSize()}render(){const e=t("ds-breadcrumbs");return r("nav",{key:"3346bddfcd085024dfe2157733c16f87881413a0",class:e,"aria-label":this.dsAriaLabel||this.breadcrumb},r("div",{key:"0e221372dd91b3030a0329c77049046639f7e25a",role:"list",class:`${e}__breadcrumbs`},r("slot",{key:"5603b5cb178fb3b68a4c9aedec9f684aa668df6a"})))}static get watchers(){return{size:["sizeObserver"]}}};n.style=".ds-breadcrumbs__kfFKF0{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__kfFKF0{min-height:32px}}.ds-breadcrumbs__kfFKF0__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__kfFKF0__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}";export{n as ds_breadcrumbs}

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

@@ -1 +1 @@
-import{h as t,r as s,d as n,f as o}from"./index-Pzt6Wixq.js";import{c as a}from"./index-BfTCfPZ1.js";import{a as d,i as r}from"./attributes-BbTh8gdl.js";import{d as b,i as e,t as i,a as h}from"./utils-C1bsmWWB.js";import{c as u}from"./cx-cUUyxfnb.js";const _=e("ds-button"),l=class{constructor(t){s(this,t)}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return n(this)}dsForm;dsId=_.next().value;dsName=this.dsId;dsValue="";dsVariant="primary";dsColour="blue";dsSize="medium";dsIcon="";dsIconPosition="start";dsIconTitle;dsIconAriaLabel;dsType="button";dsDisabled=!1;dsLoading=!1;dsUseSpinner=!1;dsSpinnerHiddenText;dsFullWidth=!1;dsAriaDisabled="false";dsAriaLabel;dsAriaLabelledby;dsHiddenAssistiveText;dsActive=!1;hasContent=!1;isActive=this.dsActive;async setFocus(){this.buttonEl.focus()}componentWillLoad(){if(this.dsUseSpinner&&!this.dsSpinnerHiddenText)throw new Error("dsSpinnerHiddenText is required when dsUseSpinner is true.");this.isActive=this.dsActive,this.inheritedAttributes={...r(this,this.el),...d(this.el)}}componentDidLoad(){this.hasContent=!!this.dsValue||Array.from(this.el.childNodes).some((t=>{if(t.nodeType===Node.ELEMENT_NODE){const s=t;return!s.hasAttribute("slot")||""===s.getAttribute("slot")}return t.nodeType===Node.TEXT_NODE&&t.textContent?.trim().length>0}))}dsActiveObserver(t){this.isActive=t}ariaAttributeObserver(t,s,n){this.inheritedAttributes={...this.inheritedAttributes,[n]:t},o(this)}handleKeyDown=t=>{if(!t.repeat)switch(t.key){case"Enter":case" ":this.pressedKeys.add(t.key),this.isActive=!0}};handleKeyUp=t=>{switch(t.key){case"Enter":case" ":this.pressedKeys.delete(t.key),0===this.pressedKeys.size&&(this.isActive=this.dsActive)}};getSpinnerColour=()=>{if("primary"===this.dsVariant){if("blue"===this.dsColour)return"white";if("white"===this.dsColour)return"black";if("black"===this.dsColour)return"white"}return this.dsColour};renderIcon=s=>{const n=a(`${s}__icon`),o="small"===this.dsSize?"1rem":void 0,d=i("ds-icon","ds-button",this.el);return t(d,{class:n,dsName:this.dsIcon,dsSize:o,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};renderButton=()=>{const s=u("ds-button"),n=a(`${s} ${s}--${this.dsVariant} ${s}--${this.dsColour} ${s}--${this.dsSize}`,{[`${s}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&this.hasContent,[`${s}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&this.hasContent,[`${s}--icon-only`]:this.dsIcon&&!this.hasContent,[`${s}--full-width`]:this.dsFullWidth,[`${s}--disabled`]:this.dsDisabled,[`${s}--${this.dsColour}--active`]:this.isActive}),o=i("ds-spinner","ds-button",this.el),d=i("ds-visually-hidden","ds-button",this.el),{"aria-label":r,"aria-labelledby":b,"aria-disabled":e,..._}=this.inheritedAttributes,l=r||this.dsAriaLabel,c=b||this.dsAriaLabelledby;return t("button",{ref:t=>this.buttonEl=t,class:n,id:this.dsId,name:this.dsName,form:this.dsForm,type:this.dsType,disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,...h("aria-disabled","false"!==(e||this.dsAriaDisabled)?"true":"false"),...h("aria-label",l),...h("aria-labelledby",c),..._},t("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(s),this.dsLoading&&t(o,{class:`${s}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"small"==this.dsSize?"small":"medium"})),this.hasContent&&t("span",{class:`${s}__value`},t("slot",null,this.dsValue,this.dsHiddenAssistiveText&&t(d,{dsTag:"span"},this.dsHiddenAssistiveText))),t("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(s)))};render(){const s=this.renderButton();return this.dsUseSpinner?t("div",{"aria-live":"polite"},s):s}static get watchers(){return{dsActive:["dsActiveObserver"],"aria-disabled":["ariaAttributeObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-pressed":["ariaAttributeObserver"],"aria-expanded":["ariaAttributeObserver"]}}};b([t("ds-icon",{dsName:""}),t("ds-spinner",null),t("ds-visually-hidden",null)]),l.style=".sc-ds-button-h *.sc-ds-button,.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button-h{display:inline-block}.sc-ds-button-h:has(.ds-button__BahgnS--full-width){width:100%}.ds-button__BahgnS.sc-ds-button{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}.ds-button__BahgnS.sc-ds-button:not(.ds-button__BahgnS--supplementary) .ds-button__BahgnS__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__BahgnS--supplementary.sc-ds-button:has(.ds-button__BahgnS__spinner) .ds-button__BahgnS__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__BahgnS__icon.sc-ds-button{height:1.5rem}.ds-button__BahgnS.sc-ds-button:has(.ds-button__BahgnS__spinner):not(.ds-button__BahgnS--small) .ds-button__BahgnS__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__BahgnS--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__BahgnS.sc-ds-button:not(.ds-button__BahgnS--small):not(.ds-button__BahgnS--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__BahgnS.sc-ds-button:not(.ds-button__BahgnS--small).ds-button__BahgnS--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-button__BahgnS.sc-ds-button:not(.ds-button__BahgnS--small).ds-button__BahgnS--icon-only{padding-left:0;padding-right:0}.ds-button__BahgnS--small.sc-ds-button:not(.ds-button__BahgnS--secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__BahgnS--small.ds-button__BahgnS--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__BahgnS--small.ds-button__BahgnS--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__BahgnS--small.sc-ds-button .ds-button__BahgnS__icon.sc-ds-button{height:1rem}.ds-button__BahgnS--icon-start.sc-ds-button:not(.ds-button__BahgnS--small) .ds-button__BahgnS__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__BahgnS--icon-end.sc-ds-button:not(.ds-button__BahgnS--small) .ds-button__BahgnS__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button: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-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button: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-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button: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-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button: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-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button: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-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button: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-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button: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-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button: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-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button: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-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}";export{l as ds_button}
+import{h as t,r as s,d as o,f as d}from"./index-DK-steFu.js";import{c as r}from"./index-BfTCfPZ1.js";import{a as n,i as a}from"./attributes-BbTh8gdl.js";import{d as b,i as e,t as i,a as u}from"./utils-C1bsmWWB.js";import{c as _}from"./cx-4FfBwb_9.js";const l=e("ds-button"),F=class{constructor(t){s(this,t)}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return o(this)}dsForm;dsId=l.next().value;dsName=this.dsId;dsText="";dsValue="";dsVariant="primary";dsColour="blue";dsSize="medium";dsIcon="";dsIconPosition="start";dsIconTitle;dsIconAriaLabel;dsType="button";dsDisabled=!1;dsLoading=!1;dsUseSpinner=!1;dsSpinnerHiddenText;dsFullWidth=!1;dsAriaDisabled="false";dsAriaLabel;dsAriaLabelledby;dsHiddenAssistiveText;dsActive=!1;hasContent=!1;isActive=this.dsActive;text="";async setFocus(){this.buttonEl.focus()}componentWillLoad(){if(this.dsUseSpinner&&!this.dsSpinnerHiddenText)throw new Error("dsSpinnerHiddenText is required when dsUseSpinner is true.");this.isActive=this.dsActive,this.inheritedAttributes={...a(this,this.el),...n(this.el)},this.text=this.dsText||this.dsValue}componentDidLoad(){this.hasContent=!!this.text||Array.from(this.el.childNodes).some((t=>{if(t.nodeType===Node.ELEMENT_NODE){const s=t;return!s.hasAttribute("slot")||""===s.getAttribute("slot")}return t.nodeType===Node.TEXT_NODE&&t.textContent?.trim().length>0}))}dsTextObserver(t){this.text=t||this.dsValue}dsValueObserver(t){this.dsText||(this.text=t)}dsActiveObserver(t){this.isActive=t}ariaAttributeObserver(t,s,o){this.inheritedAttributes={...this.inheritedAttributes,[o]:t},d(this)}handleKeyDown=t=>{if(!t.repeat)switch(t.key){case"Enter":case" ":this.pressedKeys.add(t.key),this.isActive=!0}};handleKeyUp=t=>{switch(t.key){case"Enter":case" ":this.pressedKeys.delete(t.key),0===this.pressedKeys.size&&(this.isActive=this.dsActive)}};getSpinnerColour=()=>{if("primary"===this.dsVariant){if("blue"===this.dsColour)return"white";if("white"===this.dsColour)return"black";if("black"===this.dsColour)return"white"}return this.dsColour};renderIcon=s=>{const o=r(`${s}__icon`),d="small"===this.dsSize?"1rem":void 0,n=i("ds-icon","ds-button",this.el);return t(n,{class:o,dsName:this.dsIcon,dsSize:d,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};renderButton=()=>{const s=_("ds-button"),o=r(`${s} ${s}--${this.dsVariant} ${s}--${this.dsColour} ${s}--${this.dsSize}`,{[`${s}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&this.hasContent,[`${s}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&this.hasContent,[`${s}--icon-only`]:this.dsIcon&&!this.hasContent,[`${s}--full-width`]:this.dsFullWidth,[`${s}--disabled`]:this.dsDisabled,[`${s}--${this.dsColour}--active`]:this.isActive}),d=i("ds-spinner","ds-button",this.el),n=i("ds-visually-hidden","ds-button",this.el),{"aria-label":a,"aria-labelledby":b,"aria-disabled":e,...l}=this.inheritedAttributes,F=a||this.dsAriaLabel,c=b||this.dsAriaLabelledby;return t("button",{ref:t=>this.buttonEl=t,class:o,id:this.dsId,value:this.dsValue,name:this.dsName,form:this.dsForm,type:this.dsType,disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,...u("aria-disabled","false"!==(e||this.dsAriaDisabled)?"true":"false"),...u("aria-label",F),...u("aria-labelledby",c),...l},t("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(s),this.dsLoading&&t(d,{class:`${s}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"small"==this.dsSize?"small":"medium"})),this.hasContent&&t("span",{class:`${s}__value`},t("slot",null,this.text,this.dsHiddenAssistiveText&&t(n,{dsTag:"span"},this.dsHiddenAssistiveText))),t("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(s)))};render(){const s=this.renderButton();return this.dsUseSpinner?t("div",{"aria-live":"polite"},s):s}static get watchers(){return{dsText:["dsTextObserver"],dsValue:["dsValueObserver"],dsActive:["dsActiveObserver"],"aria-disabled":["ariaAttributeObserver"],"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"],"aria-pressed":["ariaAttributeObserver"],"aria-expanded":["ariaAttributeObserver"]}}};b([t("ds-icon",{dsName:""}),t("ds-spinner",null),t("ds-visually-hidden",null)]),F.style=".sc-ds-button-h *.sc-ds-button,.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button-h{display:inline-block}.sc-ds-button-h:has(.ds-button__kfFKF0--full-width){width:100%}.ds-button__kfFKF0.sc-ds-button{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}.ds-button__kfFKF0.sc-ds-button:not(.ds-button__kfFKF0--supplementary) .ds-button__kfFKF0__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__kfFKF0--supplementary.sc-ds-button:has(.ds-button__kfFKF0__spinner) .ds-button__kfFKF0__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__kfFKF0__icon.sc-ds-button{height:1.5rem}.ds-button__kfFKF0.sc-ds-button:has(.ds-button__kfFKF0__spinner):not(.ds-button__kfFKF0--small) .ds-button__kfFKF0__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__kfFKF0--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__kfFKF0.sc-ds-button:not(.ds-button__kfFKF0--small):not(.ds-button__kfFKF0--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__kfFKF0.sc-ds-button:not(.ds-button__kfFKF0--small).ds-button__kfFKF0--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-button__kfFKF0.sc-ds-button:not(.ds-button__kfFKF0--small).ds-button__kfFKF0--icon-only{padding-left:0;padding-right:0}.ds-button__kfFKF0--small.sc-ds-button:not(.ds-button__kfFKF0--secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__kfFKF0--small.ds-button__kfFKF0--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__kfFKF0--small.ds-button__kfFKF0--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__kfFKF0--small.sc-ds-button .ds-button__kfFKF0__icon.sc-ds-button{height:1rem}.ds-button__kfFKF0--icon-start.sc-ds-button:not(.ds-button__kfFKF0--small) .ds-button__kfFKF0__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__kfFKF0--icon-end.sc-ds-button:not(.ds-button__kfFKF0--small) .ds-button__kfFKF0__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue.sc-ds-button: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-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black.sc-ds-button: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-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white.sc-ds-button: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-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--blue.sc-ds-button: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-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--blue.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--blue.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black.sc-ds-button: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-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white.sc-ds-button: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-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--blue.sc-ds-button: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-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--blue.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--blue.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--black.sc-ds-button: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-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--black.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--black.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--white.sc-ds-button: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-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--white.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--white.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}";export{F as ds_button}

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

@@ -1 +1 @@
-import{h as a,r as e,d as t}from"./index-Pzt6Wixq.js";import{c as d}from"./index-BfTCfPZ1.js";import{d as s,i,t as o}from"./utils-C1bsmWWB.js";import{o as r}from"./linkUtils-Dlo38pzT.js";import{c as n}from"./cx-cUUyxfnb.js";import{i as c,a as l}from"./attributes-BbTh8gdl.js";import"./store-BCd58KcK.js";const h=i("ds-card"),_=class{constructor(a){e(this,a)}linkIcon="arrow_forward";inheritedAttributes={};cardId=h.next().value;get el(){return t(this)}dsVariant="filled";dsHorizontal=!1;dsHeading;dsHeadingLevel=3;dsDescription;dsDescriptionClamp;dsUrl;dsUrlTarget="_blank";dsEyebrow;dsSubtitle;dsTag;dsShowArrow=!0;dsFluidHeight=!1;hasImageSlot=!1;hasSubtitleSlot=!1;hasSlotContent=!0;isCardFocused=!1;componentWillLoad(){r(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={...l(this.el,["aria-labelledby"]),...c(this,this.el)}}connectedCallback(){const a=null===this.el.querySelector('[slot="content"]'),e=null===this.el.querySelector('[slot="footer"]');a&&e&&(this.hasSlotContent=!1)}componentDidLoad(){this.checkImageSlot()}isInteractiveElement(a){if(!(a&&a instanceof HTMLElement))return!1;if(!this.el.contains(a))return!1;const e=["a","button","input","select","textarea",'[role="button"]','[role="link"]','[role="tab"]','[tabindex]:not([tabindex="-1"])','[role="button"][aria-expanded]',"ds-accordion","[data-accordion]"];for(const t of e)try{if(a.matches(t))return!0}catch(e){console.warn("Element does not support matches method:",a,e);continue}return!!(a.hasAttribute("onclick")||a.hasAttribute("data-clickable")||a.classList.contains("clickable"))}isSlottedElement(a){let e=a;for(;e&&e!==this.el;){if(e.hasAttribute("slot"))return!0;e=e.parentElement}return!1}handleFocusIn(a){this.isSlottedElement(a.target)||(this.isCardFocused=!0)}handleFocusOut(a){const e=a.relatedTarget;e&&this.el.contains(e)&&!this.isSlottedElement(e)||(this.isCardFocused=!1)}handleClick(a){if(this.dsUrl&&!a.composedPath().filter((a=>a instanceof HTMLElement&&this.el.contains(a))).find((a=>this.isInteractiveElement(a)))&&!a.composedPath().find((a=>"A"===a.tagName))&&this.dsUrl){const a=this.el?.querySelector(`a.${n("ds-card")}__heading__link`);a&&a.click()}}handleKeydown(a){if("Enter"!==a.key||!this.dsUrl)return;if(this.isInteractiveElement(a.target))return;a.preventDefault();const e=this.el?.querySelector(`a.${n("ds-card")}__heading__link`);e&&e.click()}checkImageSlot(){const a=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=a.length>0}checkSubtitleSlot(){const a=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=a.length>0}render(){const e=n("ds-card"),t=d(e,`${e}--${this.dsVariant}`,{[`${e}--link`]:Boolean(this.dsUrl),[`${e}--fluid-height`]:this.dsFluidHeight,[`${e}--focused`]:this.isCardFocused},this.dsHorizontal?`${e}--horizontal`:`${e}--vertical`),s=`h${this.dsHeadingLevel}`,i=`${this.cardId}-heading`,r=o("ds-icon","ds-card",this.el),c=this.dsDescriptionClamp?this.dsDescriptionClamp.toString():"none";return a("article",{key:"20e7837291662d99c1fd1209dbef8c7924bf89f7",class:t,onClick:this.handleClick,onKeyDown:this.handleKeydown,style:{"--description-line-clamp":c},"aria-labelledby":i,...this.inheritedAttributes},a("div",{key:"ec56eef59b6dab33e0aad399991cc553a604e378",class:`${e}__content`},a("div",{key:"4399882f172325bb09fce60b7e6b67c36f8ee79c",class:{[`${e}__content--top`]:!0,[`${e}__content--top--has-link`]:Boolean(this.dsUrl)}},a("div",{key:"f45b8cb8f1301aed515644e13566c64a9c183400",class:`${e}__heading-container`},this.dsUrl?a(s,{class:`${e}__heading`,id:i},a("a",{href:this.dsUrl,target:this.dsUrlTarget,class:`${e}__heading__link`},a("slot",{name:"heading"},this.dsHeading))):a(s,{class:`${e}__heading`},a("slot",{name:"heading"},this.dsHeading)),this.dsEyebrow&&a("div",{key:"97d5b77f163badfee5a8be8a1257286df91c3b7d",class:`${e}__eyebrow`},this.dsEyebrow),this.dsSubtitle&&a("div",{key:"b7001543154848c5d8dc791d6a76ab1c9782dd7d",class:`${e}__subtitle`},this.dsSubtitle),a("div",{key:"667b8e5680c93e0d909210e2baaf5cc20bcdaa6e",class:d(`${e}__slot-subtitle`,{[`${e}__slot-subtitle--hidden`]:!this.hasSubtitleSlot})},a("slot",{key:"51f830962309cce44fe26056bfdb234000c848b3",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&a(r,{key:"16df0fe5a295a777f8b94f290d1da67aaff12b8d",class:`${e}__icon`,dsName:this.linkIcon})),a("div",{key:"f95afd83e5d725ff3ccecb4b1a0655daccc7f35f",class:d(`${e}__content--bottom`,{[`${e}__content--bottom--has-slot-content`]:this.hasSlotContent})},this.dsDescription&&a("p",{key:"f728ecd82a9134acda0997e12d70532e2f233a79",class:`${e}__description`},this.dsDescription),a("div",{key:"af9bfe01e02deb7e3da0ca8e2b36010cf2f46933",class:`${e}__slot--content`},a("slot",{key:"b8b745832097f0f3e4c4b1bb02f3bcaffdb0c2f0",name:"content"})),a("div",{key:"8c9d2e3c524b78c12f7b6f9df81c79de0c6ee9f2",class:`${e}__slot--footer`},a("slot",{key:"84aa094e7a1dab59ea0d8f5d5c9e363cefaa5f43",name:"footer"})))),a("div",{key:"4bd1f7da5c28b24e86b07624779dca8b770360b8",class:{[`${e}__image-container`]:!0,[`${e}__image-container--has-image`]:this.hasImageSlot}},this.dsTag&&this.hasImageSlot&&a("span",{key:"13fe5c875833c48857c8db16e84ddb802e33e072",class:`${e}__tag`},this.dsTag),a("slot",{key:"ecd3aada43fbada43f4b123cc4f275142d066dcc",name:"image",onSlotchange:()=>this.checkImageSlot()})))}};s([a("ds-icon",{dsName:""})]),_.style='.sc-ds-card-h{display:block}.ds-card__BahgnS.sc-ds-card{background-color:var(--ds-bgColor-white);border:1px solid var(--ds-borderColor-light);color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;height:auto}.ds-card__BahgnS--fluid-height.sc-ds-card{height:100%}.ds-card__BahgnS--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__BahgnS--horizontal.sc-ds-card{flex-direction:row}}.ds-card__BahgnS.ds-card__BahgnS--focused.sc-ds-card{box-shadow:false 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-card__BahgnS.ds-card__BahgnS--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)){border-color:var(--ds-borderColor-default);cursor:pointer}.ds-card__BahgnS.ds-card__BahgnS--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__BahgnS__icon{color:var(--ds-textColor-link-standalone-hover)}.ds-card__BahgnS.ds-card__BahgnS--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__BahgnS__heading{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__BahgnS.ds-card__BahgnS--link.sc-ds-card:active{border-color:var(--ds-borderColor-black)}.ds-card__BahgnS.ds-card__BahgnS--link.sc-ds-card:active .ds-card__BahgnS__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__BahgnS.ds-card__BahgnS--link.sc-ds-card:active .ds-card__heading.sc-ds-card{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__BahgnS.ds-card__BahgnS--link.sc-ds-card{text-decoration:none}.ds-card__BahgnS.sc-ds-card .ds-card__BahgnS__heading__link.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__BahgnS--filled.sc-ds-card{background-color:var(--ds-bgColor-neutral)}.ds-card__BahgnS__image-container.sc-ds-card{display:none}.ds-card__BahgnS__image-container--has-image.sc-ds-card{display:block;order:1;position:relative;width:100%;height:auto}@media (min-width: 30rem){.ds-card__BahgnS.sc-ds-card:not(.ds-card__BahgnS--vertical) .ds-card__BahgnS__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__BahgnS.sc-ds-card:not(.ds-card__BahgnS--horizontal) .ds-card__BahgnS__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__BahgnS__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__BahgnS__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__BahgnS__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%;position:relative}.ds-card__BahgnS__content--top.sc-ds-card{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__BahgnS__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__BahgnS__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__BahgnS__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__BahgnS__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-size:var(--ds-fontSize-20);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);order:2;justify-content:space-between;text-wrap:balance}.ds-card__BahgnS__heading__link.sc-ds-card{all:unset}.ds-card__BahgnS__subtitle.sc-ds-card,.ds-card__BahgnS__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__BahgnS__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, "none");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, "none");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty}.ds-card__BahgnS__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__BahgnS__slot-subtitle--hidden.sc-ds-card{display:none}';export{_ as ds_card}
+import{h as a,r as t,d as e}from"./index-DK-steFu.js";import{c as s}from"./index-BfTCfPZ1.js";import{d,i,t as o}from"./utils-C1bsmWWB.js";import{o as r}from"./linkUtils-C0-uKwUV.js";import{c}from"./cx-4FfBwb_9.js";import{i as n,a as l}from"./attributes-BbTh8gdl.js";import"./store-CJjKF_JF.js";const _=i("ds-card"),f=class{constructor(a){t(this,a)}linkIcon="arrow_forward";inheritedAttributes={};cardId=_.next().value;get el(){return e(this)}dsVariant="filled";dsHorizontal=!1;dsHeading;dsHeadingLevel=3;dsDescription;dsDescriptionClamp;dsUrl;dsUrlTarget="_blank";dsEyebrow;dsSubtitle;dsTag;dsShowArrow=!0;dsFluidHeight=!1;hasImageSlot=!1;hasSubtitleSlot=!1;hasSlotContent=!0;isCardFocused=!1;componentWillLoad(){r(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={...l(this.el,["aria-labelledby"]),...n(this,this.el)}}connectedCallback(){const a=null===this.el.querySelector('[slot="content"]'),t=null===this.el.querySelector('[slot="footer"]');a&&t&&(this.hasSlotContent=!1)}componentDidLoad(){this.checkImageSlot()}isInteractiveElement(a){if(!(a&&a instanceof HTMLElement))return!1;if(!this.el.contains(a))return!1;const t=["a","button","input","select","textarea",'[role="button"]','[role="link"]','[role="tab"]','[tabindex]:not([tabindex="-1"])','[role="button"][aria-expanded]',"ds-accordion","[data-accordion]"];for(const e of t)try{if(a.matches(e))return!0}catch(t){console.warn("Element does not support matches method:",a,t);continue}return!!(a.hasAttribute("onclick")||a.hasAttribute("data-clickable")||a.classList.contains("clickable"))}isSlottedElement(a){let t=a;for(;t&&t!==this.el;){if(t.hasAttribute("slot"))return!0;t=t.parentElement}return!1}handleFocusIn(a){this.isSlottedElement(a.target)||(this.isCardFocused=!0)}handleFocusOut(a){const t=a.relatedTarget;t&&this.el.contains(t)&&!this.isSlottedElement(t)||(this.isCardFocused=!1)}handleClick(a){if(this.dsUrl&&!a.composedPath().filter((a=>a instanceof HTMLElement&&this.el.contains(a))).find((a=>this.isInteractiveElement(a)))&&!a.composedPath().find((a=>"A"===a.tagName))&&this.dsUrl){const a=this.el?.querySelector(`a.${c("ds-card")}__heading__link`);a&&a.click()}}handleKeydown(a){if("Enter"!==a.key||!this.dsUrl)return;if(this.isInteractiveElement(a.target))return;a.preventDefault();const t=this.el?.querySelector(`a.${c("ds-card")}__heading__link`);t&&t.click()}checkImageSlot(){const a=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=a.length>0}checkSubtitleSlot(){const a=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=a.length>0}render(){const t=c("ds-card"),e=s(t,`${t}--${this.dsVariant}`,{[`${t}--link`]:Boolean(this.dsUrl),[`${t}--fluid-height`]:this.dsFluidHeight,[`${t}--focused`]:this.isCardFocused},this.dsHorizontal?`${t}--horizontal`:`${t}--vertical`),d=`h${this.dsHeadingLevel}`,i=`${this.cardId}-heading`,r=o("ds-icon","ds-card",this.el),n=this.dsDescriptionClamp?this.dsDescriptionClamp.toString():"none";return a("article",{key:"57ca87be8426872a118155a496e24a9d75bbb797",class:e,onClick:this.handleClick,onKeyDown:this.handleKeydown,style:{"--description-line-clamp":n},"aria-labelledby":i,...this.inheritedAttributes},a("div",{key:"e1e1750df499941ab86917bb74a010121da48849",class:`${t}__content`},a("div",{key:"807ef4e1cc5203f8cb0057ca7f884b3b00a9f252",class:{[`${t}__content--top`]:!0,[`${t}__content--top--has-link`]:Boolean(this.dsUrl)}},a("div",{key:"b6b43a93e158ed61fb027e66c721e17b5d3025f3",class:`${t}__heading-container`},this.dsUrl?a(d,{class:`${t}__heading`,id:i},a("a",{href:this.dsUrl,target:this.dsUrlTarget,class:`${t}__heading__link`},a("slot",{name:"heading"},this.dsHeading))):a(d,{class:`${t}__heading`},a("slot",{name:"heading"},this.dsHeading)),this.dsEyebrow&&a("div",{key:"c1aa235362caf7f140c274d380e95a444ce3ea18",class:`${t}__eyebrow`},this.dsEyebrow),this.dsSubtitle&&a("div",{key:"f437e2f94a0893be71049d317d0b9bfb5a410c20",class:`${t}__subtitle`},this.dsSubtitle),a("div",{key:"b96f0342f4450fbae949a11460648bc3d989819b",class:s(`${t}__slot-subtitle`,{[`${t}__slot-subtitle--hidden`]:!this.hasSubtitleSlot})},a("slot",{key:"c094c952c32c75f4e1f35972697857ba9e9d2d80",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&a(r,{key:"eb8067195f2da899e302c2e28b53102fa07b769d",class:`${t}__icon`,dsName:this.linkIcon})),a("div",{key:"a005894165e8351b3525019863506452ff5ab1f4",class:s(`${t}__content--bottom`,{[`${t}__content--bottom--has-slot-content`]:this.hasSlotContent})},this.dsDescription&&a("p",{key:"71dcaac43ace23d550c02af9bf7b84d6b71d2e64",class:`${t}__description`},this.dsDescription),a("div",{key:"2d614baf3ce2c63409e1fe34540f5956368d93c0",class:`${t}__slot--content`},a("slot",{key:"2e53989838d10491a9cfedaa8d62bbcc54ad9698",name:"content"})),a("div",{key:"15b6c386c31c7b0619aa15701ff713ef6ee76cec",class:`${t}__slot--footer`},a("slot",{key:"9da0c307566630b863a1e9dc041053fd2659ff26",name:"footer"})))),a("div",{key:"8754ec4d9c84cf784aa60279086ee48a1532003a",class:{[`${t}__image-container`]:!0,[`${t}__image-container--has-image`]:this.hasImageSlot}},this.dsTag&&this.hasImageSlot&&a("span",{key:"d5ee1a469335adb768707603ebdcde46cf48b0c8",class:`${t}__tag`},this.dsTag),a("slot",{key:"acbba4114673e1675fe5841fad41afd739af85cc",name:"image",onSlotchange:()=>this.checkImageSlot()})))}};d([a("ds-icon",{dsName:""})]),f.style='.sc-ds-card-h{display:block}.ds-card__kfFKF0.sc-ds-card{background-color:var(--ds-bgColor-white);border:1px solid var(--ds-borderColor-light);color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;height:auto}.ds-card__kfFKF0--fluid-height.sc-ds-card{height:100%}.ds-card__kfFKF0--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__kfFKF0--horizontal.sc-ds-card{flex-direction:row}}.ds-card__kfFKF0.ds-card__kfFKF0--focused.sc-ds-card{box-shadow:false 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-card__kfFKF0.ds-card__kfFKF0--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)){border-color:var(--ds-borderColor-default);cursor:pointer}.ds-card__kfFKF0.ds-card__kfFKF0--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__kfFKF0__icon{color:var(--ds-textColor-link-standalone-hover)}.ds-card__kfFKF0.ds-card__kfFKF0--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__kfFKF0__heading{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__kfFKF0.ds-card__kfFKF0--link.sc-ds-card:active{border-color:var(--ds-borderColor-black)}.ds-card__kfFKF0.ds-card__kfFKF0--link.sc-ds-card:active .ds-card__kfFKF0__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__kfFKF0.ds-card__kfFKF0--link.sc-ds-card:active .ds-card__heading.sc-ds-card{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__kfFKF0.ds-card__kfFKF0--link.sc-ds-card{text-decoration:none}.ds-card__kfFKF0.sc-ds-card .ds-card__kfFKF0__heading__link.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__kfFKF0--filled.sc-ds-card{background-color:var(--ds-bgColor-neutral)}.ds-card__kfFKF0__image-container.sc-ds-card{display:none}.ds-card__kfFKF0__image-container--has-image.sc-ds-card{display:block;order:1;position:relative;width:100%;height:auto}@media (min-width: 30rem){.ds-card__kfFKF0.sc-ds-card:not(.ds-card__kfFKF0--vertical) .ds-card__kfFKF0__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__kfFKF0.sc-ds-card:not(.ds-card__kfFKF0--horizontal) .ds-card__kfFKF0__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__kfFKF0__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__kfFKF0__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__kfFKF0__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%;position:relative}.ds-card__kfFKF0__content--top.sc-ds-card{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__kfFKF0__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__kfFKF0__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__kfFKF0__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__kfFKF0__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-size:var(--ds-fontSize-20);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);order:2;justify-content:space-between;text-wrap:balance}.ds-card__kfFKF0__heading__link.sc-ds-card{all:unset}.ds-card__kfFKF0__subtitle.sc-ds-card,.ds-card__kfFKF0__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__kfFKF0__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, "none");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, "none");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty}.ds-card__kfFKF0__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__kfFKF0__slot-subtitle--hidden.sc-ds-card{display:none}';export{f as ds_card}

package/dist/component-library/ds-checkbox-group.entry.js

@@ -1 +1 @@
-import{h as s,r as e,c as i,d as t,f as h,F as d}from"./index-Pzt6Wixq.js";import{c as r}from"./index-BfTCfPZ1.js";import{a,i as o}from"./attributes-BbTh8gdl.js";import{d as l,i as n,t as c}from"./utils-C1bsmWWB.js";import{g as b,a as u,b as g,c as m}from"./controlUtils-BzjXEfZo.js";import{c as x}from"./cx-cUUyxfnb.js";import"./store-BCd58KcK.js";const C=n("ds-checkbox-group"),k=class{constructor(s){e(this,s),this.dsCheckboxGroupChange=i(this,"dsCheckboxGroupChange"),this.dsCheckboxGroupIndeterminateChildChange=i(this,"dsCheckboxGroupIndeterminateChildChange"),this.dsCheckboxGroupInvalidStateChange=i(this,"dsCheckboxGroupInvalidStateChange"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}checkboxElem;fieldsetId=C.next().value;checkboxId=`${this.fieldsetId}-checkbox`;legendId=`${this.fieldsetId}-legend`;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;nestedId=`${this.fieldsetId}-nested`;childBlurTimeout=null;inheritedAttributes={};get el(){return t(this)}internals;dsCheckboxGroupChange;dsCheckboxGroupIndeterminateChildChange;dsCheckboxGroupInvalidStateChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsDirection="vertical";dsErrorText="";dsText="";dsChecked=!1;dsDisabled=!1;dsRequired=!1;dsAllRequired=!1;dsOptional=!1;dsOptionalText;dsName;get dsId(){return this.checkboxId}childElementsCount=0;checkedChildElementCount=0;isIndeterminate=!1;indeterminateChildCheckboxCount=0;focusedChildCheckbox;wasInvalidOnBlur=!1;elementIs=s=>e=>e.tagName.toLowerCase()===c(s,"ds-checkbox-group",this.el);elementIsCheckbox=this.elementIs("ds-checkbox");elementIsCheckboxGroup=this.elementIs("ds-checkbox-group");async setFocus(){this.checkboxElem?this.checkboxElem.setFocus():this.getEnabledChildCheckboxElements()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}async setChecked(s){this.updateChildElementsChecked(s)}async childConnected(){this.childElementsCount=this.getChildElements().length}async childDisconnected(){this.childElementsCount=this.getChildElements().length}getLegendText=()=>this.dsRequired||this.dsAllRequired?b(this.dsLabel):this.dsOptional?u(this.dsLabel,this.dsOptionalText):this.dsLabel;getChildElements=()=>{const s=this.el.shadowRoot.querySelector("slot:not([name])");return s?.assignedElements()||[]};getChildCheckboxElements=()=>this.getChildElements().filter(this.elementIsCheckbox);getEnabledChildCheckboxElements=()=>this.getChildCheckboxElements().filter((s=>!s.dsDisabled));updateChildElements=s=>{this.getChildElements().forEach(s)};updateChildCheckboxes=s=>{this.getChildCheckboxElements().forEach(s)};updateChildElementsChecked=s=>{this.checkedChildElementCount=s?this.childElementsCount:0,this.updateChildElements((e=>{e.dsChecked=s,this.elementIsCheckboxGroup(e)&&(async()=>{await e.setChecked(s)})()}))};dsDisabledObserver(s){this.updateChildElements((e=>{e.dsDisabled=s}))}dsAllRequiredObserver(s){this.updateChildElements((e=>{e.dsRequired=s}))}dsCheckedObserver(s){this.updateChildElementsChecked(s)}isIndeterminateObserver(s){this.dsCheckboxGroupIndeterminateChildChange.emit({id:this.fieldsetId,indeterminate:s})}dsErrorTextObserver(s){this.updateChildCheckboxes(((e,i)=>{0===i&&s?e.setAttribute("aria-describedby",this.errorTextId):0!==i||s||e.removeAttribute("aria-describedby")})),this.dsCheckboxGroupInvalidStateChange.emit(s)}dsFormAssociatedPropObserver(s,e,i){this.getChildCheckboxElements().forEach((e=>{e[i]=s}))}listenIndeterminateChildChange(s){this.indeterminateChildCheckboxCount=s.detail.indeterminate?this.indeterminateChildCheckboxCount+1:this.indeterminateChildCheckboxCount-1}childElementsCountObserver(s,e){this.updateChildCheckboxes(((s,e)=>{0===e&&this.dsErrorText&&s.setAttribute("aria-describedby",this.errorTextId),s.dsErrorsDisabled=!0,this.dsAllRequired&&(s.dsRequired=!0),this.dsForm&&(s.dsForm=this.dsForm)})),e===this.checkedChildElementCount&&e>0&&(this.checkedChildElementCount=s,this.updateChildElementsChecked(!0))}checkedChildElementCountObserver(){this.isIndeterminate=this.checkedChildElementCount>0&&this.checkedChildElementCount<this.childElementsCount,this.dsRequired&&0===this.checkedChildElementCount?this.internals?.setValidity({valueMissing:!0},g(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.dsAllRequired&&this.checkedChildElementCount!==this.childElementsCount?this.internals?.setValidity({valueMissing:!0},m(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.internals?.setValidity({}),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}updateCheckedChildElementCount=s=>{this.checkedChildElementCount+=s?1:-1};listenCheckboxChange(s){if(s.target===this.el&&this.checkboxElem)return this.checkedChildElementCount=this.checkboxElem.dsChecked?this.childElementsCount:0,this.updateChildElementsChecked(this.checkboxElem.dsChecked),void this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:this.checkboxElem.dsChecked});const e=s.target.closest(c("ds-checkbox","ds-checkbox-group",this.el));if(this.getChildCheckboxElements().includes(e)){const s=this.checkedChildElementCount;this.updateCheckedChildElementCount(e.dsChecked),this.checkedChildElementCount===this.childElementsCount&&this.checkedChildElementCount>s?this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!0}):s===this.childElementsCount&&this.checkedChildElementCount<s&&this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!1})}}listenCheckboxGroupChange(s){this.getChildElements().includes(s.target)&&(s.stopPropagation(),this.updateCheckedChildElementCount(s.detail.checked))}focusedChildCheckboxObserver(s){s||(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}listenFocus(s){this.focusedChildCheckbox=s.detail}listenBlur(s){this.childBlurTimeout=setTimeout((()=>{s.detail===this.focusedChildCheckbox&&(this.focusedChildCheckbox=void 0)}),0)}formResetCallback(){this.dsErrorText="",this.childElementsCount=0,this.checkedChildElementCount=0,this.isIndeterminate=!1,this.indeterminateChildCheckboxCount=0,this.dsRequired?this.internals?.setValidity({valueMissing:!0},g(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.dsAllRequired?this.internals?.setValidity({valueMissing:!0},m(),this.getChildCheckboxElements()?.[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=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};componentWillLoad(){this.inheritedAttributes={...o(this,this.el),...a(this.el,["aria-labelledby"])}}componentDidLoad(){this.childElementsCount=this.getChildElements().length}ariaAttributeObserver(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},h(this)}render(){const e=x("ds-checkbox-group"),i=r(e,{[`${e}--horizontal`]:"horizontal"===this.dsDirection}),t=r(`${e}__legend`),h=r(`${e}__assistive-text`),a=r(`${e}__error`,{[`${e}__error--visible`]:!!this.dsErrorText}),o=r(`${e}`,`${e}--inset`),l=r(`${e}__checkboxes`),n=c("ds-checkbox","ds-checkbox-group",this.el),b=c("ds-input-validity","ds-checkbox-group",this.el);return s("fieldset",{key:"b64380214102bebb0d789d6018886ebfdac43fa7",class:i,id:this.fieldsetId,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},this.dsLabel&&s("legend",{key:"b87e70138eb56171591c462caa5680682508e9a7",id:this.legendId,class:t},this.getLegendText()),this.dsAssistiveText&&s("small",{key:"79e979270d9eaedbb7ad48b39b47f0a5d4317d2f",class:h,id:this.assistiveTextId},this.dsAssistiveText),this.dsText?s(d,null,s(n,{ref:s=>this.checkboxElem=s,dsId:this.checkboxId,dsText:this.dsText,dsChecked:this.checkedChildElementCount===this.childElementsCount,dsDisabled:this.dsDisabled,dsIndeterminate:this.indeterminateChildCheckboxCount>0||this.isIndeterminate,dsErrorText:this.dsErrorText,dsErrorsDisabled:!0}),s("fieldset",{id:this.nestedId,"aria-label":this.dsText,class:o},s("slot",null))):s("div",{class:l},s("slot",null)),!!this.dsErrorText&&s("div",{key:"2b499ffdde772785b2350413a8a59c0920e3f1e5",class:a},s(b,{key:"2863135ff88780448f28ac9f57a8b78e5b47d1f9",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{dsDisabled:["dsDisabledObserver"],dsAllRequired:["dsAllRequiredObserver"],dsChecked:["dsCheckedObserver"],isIndeterminate:["isIndeterminateObserver"],dsErrorText:["dsErrorTextObserver"],dsForm:["dsFormAssociatedPropObserver"],dsName:["dsFormAssociatedPropObserver"],childElementsCount:["childElementsCountObserver","checkedChildElementCountObserver"],checkedChildElementCount:["checkedChildElementCountObserver"],focusedChildCheckbox:["focusedChildCheckboxObserver"],"aria-required":["ariaAttributeObserver"],"aria-invalid":["ariaAttributeObserver"]}}};l([s("ds-checkbox",null),s("ds-checkbox-group",null),s("ds-input-validity",null)]),k.style=".ds-checkbox-group__BahgnS{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__BahgnS__legend{color:var(--ds-textColor-default);padding-inline:0;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)}.ds-checkbox-group__BahgnS__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)}.ds-checkbox-group__BahgnS__error{display:flex}.ds-checkbox-group__BahgnS__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__BahgnS>.ds-checkbox-group__BahgnS__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__BahgnS--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__BahgnS--horizontal>.ds-checkbox-group__BahgnS__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";export{k as ds_checkbox_group}
+import{h as s,r as e,c as i,d as t,f as h,F as d}from"./index-DK-steFu.js";import{c as r}from"./index-BfTCfPZ1.js";import{a,i as o}from"./attributes-BbTh8gdl.js";import{d as l,i as n,t as c}from"./utils-C1bsmWWB.js";import{g as b,a as u,b as m,c as k}from"./controlUtils-Cwuo3XhJ.js";import{c as g}from"./cx-4FfBwb_9.js";import"./store-CJjKF_JF.js";const x=n("ds-checkbox-group"),C=class{constructor(s){e(this,s),this.dsCheckboxGroupChange=i(this,"dsCheckboxGroupChange"),this.dsCheckboxGroupIndeterminateChildChange=i(this,"dsCheckboxGroupIndeterminateChildChange"),this.dsCheckboxGroupInvalidStateChange=i(this,"dsCheckboxGroupInvalidStateChange"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}checkboxElem;fieldsetId=x.next().value;checkboxId=`${this.fieldsetId}-checkbox`;legendId=`${this.fieldsetId}-legend`;errorTextId=`${this.fieldsetId}-error`;assistiveTextId=`${this.fieldsetId}-assistive-text`;nestedId=`${this.fieldsetId}-nested`;childBlurTimeout=null;inheritedAttributes={};get el(){return t(this)}internals;dsCheckboxGroupChange;dsCheckboxGroupIndeterminateChildChange;dsCheckboxGroupInvalidStateChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsDirection="vertical";dsErrorText="";dsText="";dsChecked=!1;dsDisabled=!1;dsRequired=!1;dsAllRequired=!1;dsOptional=!1;dsOptionalText;dsName;get dsId(){return this.checkboxId}childElementsCount=0;checkedChildElementCount=0;isIndeterminate=!1;indeterminateChildCheckboxCount=0;focusedChildCheckbox;wasInvalidOnBlur=!1;elementIs=s=>e=>e.tagName.toLowerCase()===c(s,"ds-checkbox-group",this.el);elementIsCheckbox=this.elementIs("ds-checkbox");elementIsCheckboxGroup=this.elementIs("ds-checkbox-group");async setFocus(){this.checkboxElem?this.checkboxElem.setFocus():this.getEnabledChildCheckboxElements()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}async setChecked(s){this.updateChildElementsChecked(s)}async childConnected(){this.childElementsCount=this.getChildElements().length}async childDisconnected(){this.childElementsCount=this.getChildElements().length}getLegendText=()=>this.dsRequired||this.dsAllRequired?b(this.dsLabel):this.dsOptional?u(this.dsLabel,this.dsOptionalText):this.dsLabel;getChildElements=()=>{const s=this.el.shadowRoot.querySelector("slot:not([name])");return s?.assignedElements()||[]};getChildCheckboxElements=()=>this.getChildElements().filter(this.elementIsCheckbox);getEnabledChildCheckboxElements=()=>this.getChildCheckboxElements().filter((s=>!s.dsDisabled));updateChildElements=s=>{this.getChildElements().forEach(s)};updateChildCheckboxes=s=>{this.getChildCheckboxElements().forEach(s)};updateChildElementsChecked=s=>{this.checkedChildElementCount=s?this.childElementsCount:0,this.updateChildElements((e=>{e.dsChecked=s,this.elementIsCheckboxGroup(e)&&(async()=>{await e.setChecked(s)})()}))};dsDisabledObserver(s){this.updateChildElements((e=>{e.dsDisabled=s}))}dsAllRequiredObserver(s){this.updateChildElements((e=>{e.dsRequired=s}))}dsCheckedObserver(s){this.updateChildElementsChecked(s)}isIndeterminateObserver(s){this.dsCheckboxGroupIndeterminateChildChange.emit({id:this.fieldsetId,indeterminate:s})}dsErrorTextObserver(s){this.updateChildCheckboxes(((e,i)=>{0===i&&s?e.setAttribute("aria-describedby",this.errorTextId):0!==i||s||e.removeAttribute("aria-describedby")})),this.dsCheckboxGroupInvalidStateChange.emit(s)}dsFormAssociatedPropObserver(s,e,i){this.getChildCheckboxElements().forEach((e=>{e[i]=s}))}listenIndeterminateChildChange(s){this.indeterminateChildCheckboxCount=s.detail.indeterminate?this.indeterminateChildCheckboxCount+1:this.indeterminateChildCheckboxCount-1}childElementsCountObserver(s,e){this.updateChildCheckboxes(((s,e)=>{0===e&&this.dsErrorText&&s.setAttribute("aria-describedby",this.errorTextId),s.dsErrorsDisabled=!0,this.dsAllRequired&&(s.dsRequired=!0),this.dsForm&&(s.dsForm=this.dsForm)})),e===this.checkedChildElementCount&&e>0&&(this.checkedChildElementCount=s,this.updateChildElementsChecked(!0))}checkedChildElementCountObserver(){this.isIndeterminate=this.checkedChildElementCount>0&&this.checkedChildElementCount<this.childElementsCount,this.dsRequired&&0===this.checkedChildElementCount?this.internals?.setValidity({valueMissing:!0},m(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.dsAllRequired&&this.checkedChildElementCount!==this.childElementsCount?this.internals?.setValidity({valueMissing:!0},k(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.internals?.setValidity({}),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}updateCheckedChildElementCount=s=>{this.checkedChildElementCount+=s?1:-1};listenCheckboxChange(s){if(s.target===this.el&&this.checkboxElem)return this.checkedChildElementCount=this.checkboxElem.dsChecked?this.childElementsCount:0,this.updateChildElementsChecked(this.checkboxElem.dsChecked),void this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:this.checkboxElem.dsChecked});const e=s.target.closest(c("ds-checkbox","ds-checkbox-group",this.el));if(this.getChildCheckboxElements().includes(e)){const s=this.checkedChildElementCount;this.updateCheckedChildElementCount(e.dsChecked),this.checkedChildElementCount===this.childElementsCount&&this.checkedChildElementCount>s?this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!0}):s===this.childElementsCount&&this.checkedChildElementCount<s&&this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!1})}}listenCheckboxGroupChange(s){this.getChildElements().includes(s.target)&&(s.stopPropagation(),this.updateCheckedChildElementCount(s.detail.checked))}focusedChildCheckboxObserver(s){s||(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}listenFocus(s){this.focusedChildCheckbox=s.detail}listenBlur(s){this.childBlurTimeout=setTimeout((()=>{s.detail===this.focusedChildCheckbox&&(this.focusedChildCheckbox=void 0)}),0)}formResetCallback(){this.dsErrorText="",this.childElementsCount=0,this.checkedChildElementCount=0,this.isIndeterminate=!1,this.indeterminateChildCheckboxCount=0,this.dsRequired?this.internals?.setValidity({valueMissing:!0},m(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.dsAllRequired?this.internals?.setValidity({valueMissing:!0},k(),this.getChildCheckboxElements()?.[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=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};componentWillLoad(){this.inheritedAttributes={...o(this,this.el),...a(this.el,["aria-labelledby"])}}componentDidLoad(){this.childElementsCount=this.getChildElements().length}ariaAttributeObserver(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},h(this)}render(){const e=g("ds-checkbox-group"),i=r(e,{[`${e}--horizontal`]:"horizontal"===this.dsDirection}),t=r(`${e}__legend`),h=r(`${e}__assistive-text`),a=r(`${e}__error`,{[`${e}__error--visible`]:!!this.dsErrorText}),o=r(`${e}`,`${e}--inset`),l=r(`${e}__checkboxes`),n=c("ds-checkbox","ds-checkbox-group",this.el),b=c("ds-input-validity","ds-checkbox-group",this.el);return s("fieldset",{key:"b64380214102bebb0d789d6018886ebfdac43fa7",class:i,id:this.fieldsetId,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},this.dsLabel&&s("legend",{key:"b87e70138eb56171591c462caa5680682508e9a7",id:this.legendId,class:t},this.getLegendText()),this.dsAssistiveText&&s("small",{key:"79e979270d9eaedbb7ad48b39b47f0a5d4317d2f",class:h,id:this.assistiveTextId},this.dsAssistiveText),this.dsText?s(d,null,s(n,{ref:s=>this.checkboxElem=s,dsId:this.checkboxId,dsText:this.dsText,dsChecked:this.checkedChildElementCount===this.childElementsCount,dsDisabled:this.dsDisabled,dsIndeterminate:this.indeterminateChildCheckboxCount>0||this.isIndeterminate,dsErrorText:this.dsErrorText,dsErrorsDisabled:!0}),s("fieldset",{id:this.nestedId,"aria-label":this.dsText,class:o},s("slot",null))):s("div",{class:l},s("slot",null)),!!this.dsErrorText&&s("div",{key:"2b499ffdde772785b2350413a8a59c0920e3f1e5",class:a},s(b,{key:"2863135ff88780448f28ac9f57a8b78e5b47d1f9",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{dsDisabled:["dsDisabledObserver"],dsAllRequired:["dsAllRequiredObserver"],dsChecked:["dsCheckedObserver"],isIndeterminate:["isIndeterminateObserver"],dsErrorText:["dsErrorTextObserver"],dsForm:["dsFormAssociatedPropObserver"],dsName:["dsFormAssociatedPropObserver"],childElementsCount:["childElementsCountObserver","checkedChildElementCountObserver"],checkedChildElementCount:["checkedChildElementCountObserver"],focusedChildCheckbox:["focusedChildCheckboxObserver"],"aria-required":["ariaAttributeObserver"],"aria-invalid":["ariaAttributeObserver"]}}};l([s("ds-checkbox",null),s("ds-checkbox-group",null),s("ds-input-validity",null)]),C.style=".ds-checkbox-group__kfFKF0{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__kfFKF0__legend{color:var(--ds-textColor-default);padding-inline:0;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)}.ds-checkbox-group__kfFKF0__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)}.ds-checkbox-group__kfFKF0__error{display:flex}.ds-checkbox-group__kfFKF0__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__kfFKF0>.ds-checkbox-group__kfFKF0__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__kfFKF0--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__kfFKF0--horizontal>.ds-checkbox-group__kfFKF0__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";export{C as ds_checkbox_group}

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

@@ -1 +1 @@
-import{h as s,r as e,c as i,d as t,f as d,F as o}from"./index-Pzt6Wixq.js";import{c as a}from"./index-BfTCfPZ1.js";import{a as r,i as c}from"./attributes-BbTh8gdl.js";import{g as h,a as n,v as l}from"./controlUtils-BzjXEfZo.js";import{d as b,i as g,t as _,a as x}from"./utils-C1bsmWWB.js";import{c as k}from"./cx-cUUyxfnb.js";import"./store-BCd58KcK.js";const v=g("ds-checkbox"),u=class{constructor(s){e(this,s),this.dsChange=i(this,"dsChange"),this.dsFocus=i(this,"dsFocus"),this.dsBlur=i(this,"dsBlur"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity")}checkboxGroup=null;inputElement;labelId;inputValidityId;assistiveTextId;inheritedAttributes={};get el(){return t(this)}dsChange;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=v.next().value;_dsName=this.dsId;async setName(s){this._dsName=this.checkboxGroup?.dsName||s||this._dsName}get dsName(){return this._dsName}set dsName(s){this.setName(s)}dsValue=this.dsId;dsChecked=!1;dsLabel;dsAssistiveText;dsText;dsIndeterminate=!1;dsDisabled=!1;dsErrorText="";dsErrorsDisabled=!1;dsRequired=!1;dsOptional=!1;dsOptionalText;dsAriaLabel;groupInvalid=!1;hasFocus=!1;wasInvalidOnBlur=!1;initialChecked=!1;isPressingEnter=!1;setIds=()=>{this.labelId=`${this.dsId}-label`,this.inputValidityId=`${this.dsId}-validity`,this.assistiveTextId=`${this.dsId}-assistive-text`};async setFocus(){this.inputElement.focus()}async checkValidity(){return this.inputElement?.checkValidity()}getLegendText=()=>this.dsRequired?h(this.dsLabel):this.dsOptional?n(this.dsLabel,this.dsOptionalText):this.dsLabel;getCheckboxText=()=>this.dsLabel?this.dsText:this.dsRequired?h(this.dsText):this.dsOptional?n(this.dsText,this.dsOptionalText):this.dsText;get DsCheckboxGroupTag(){return _("ds-checkbox-group","ds-checkbox",this.el)}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup&&(this.groupInvalid=!!this.checkboxGroup.dsErrorText,this.dsErrorText=this.checkboxGroup.dsErrorText)}connectedCallback(){this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup&&(this.groupInvalid=!!this.checkboxGroup.dsErrorText,this.dsErrorText=this.checkboxGroup.dsErrorText,this.checkboxGroup.addEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.childConnected())}disconnectedCallback(){this.checkboxGroup&&(this.checkboxGroup.removeEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.childDisconnected()),this.checkboxGroup=null}handleInvalid=s=>{if(s.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.dsSubmitInvalid.emit({flag:s,message:l(s)});break}};updateGroupInvalidState=s=>{this.groupInvalid=!!s.detail,this.dsErrorText=s.detail};componentWillLoad(){this.setIds(),this.setName(),this.inheritedAttributes={...c(this,this.el),...r(this.el,["aria-describedby","aria-invalid"])},this.initialChecked=this.dsChecked}ariaAttributeObserver(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},d(this)}dsCheckedObserver(s){if(this.dsChange.emit({checked:s,value:this.dsValue}),!this.wasInvalidOnBlur||this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.dsValidity.emit({flag:s,message:l(s)});break}}handleInput=s=>{this.dsChecked=s.target.checked};handleKeyDown=s=>{"Enter"!==s.key||this.isPressingEnter||(this.isPressingEnter=!0)};handleKeyUp=s=>{"Enter"===s.key&&this.isPressingEnter&&(this.inputElement.click(),this.isPressingEnter=!1)};handleFocus=()=>{this.hasFocus=!0,this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.hasFocus=!1,this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const e in s)if(s[e]){this.wasInvalidOnBlur="valid"!==e,this.dsValidity.emit({flag:e,message:l(e)});break}};renderCheckbox(e){const i=a(e,{[`${e}--disabled`]:this.dsDisabled,[`${e}--no-margin`]:!this.dsText}),t=a(`${e}__input`,{[`${e}__input--invalid`]:!!this.dsErrorText}),d=a(`${e}-error`,{[`${e}-error--visible`]:!!this.dsErrorText}),r=_("ds-input-validity","ds-checkbox",this.el),{"aria-label":c,"aria-describedby":h,...n}=this.inheritedAttributes,l=h||[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),b=this.dsAriaLabel||c;return s(o,null,s("div",null,s("label",{id:this.labelId,class:i},s("input",{ref:s=>this.inputElement=s,type:"checkbox",class:t,id:this.dsId,name:this.dsName,form:this.dsForm,checked:this.dsChecked,indeterminate:this.dsIndeterminate,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,value:this.dsValue,disabled:this.dsDisabled,required:this.dsRequired,...x("aria-describedby",l),...x("aria-label",b),"aria-invalid":!!this.dsErrorText,...n}),this.getCheckboxText())),!this.dsErrorsDisabled&&s("slot",{name:"validity"},s("div",{class:d},s(r,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(e){const i=a(`${e}-fieldset`),t=a(`${e}-fieldset__legend`),d=a(`${e}-fieldset__assistive-text`);return s("fieldset",{class:i},s("legend",{class:t},this.getLegendText()),this.dsAssistiveText&&s("small",{class:d,id:this.assistiveTextId},this.dsAssistiveText),this.renderCheckbox(e))}render(){const s=k("ds-checkbox");return this.dsLabel?this.renderFieldset(s):this.renderCheckbox(s)}static get formAssociated(){return!0}static get watchers(){return{"aria-label":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"],dsChecked:["dsCheckedObserver"]}}};b([s("ds-input-validity",null)]),u.style=".ds-checkbox__BahgnS-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__BahgnS-fieldset__legend.sc-ds-checkbox{padding-inline:0;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)}.ds-checkbox__BahgnS-fieldset__assistive-text.sc-ds-checkbox{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)}.ds-checkbox__BahgnS.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;cursor:pointer;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__BahgnS__input.sc-ds-checkbox{cursor:pointer;appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__BahgnS__input.sc-ds-checkbox: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-checkbox__BahgnS__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:hover,.ds-checkbox__BahgnS__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__BahgnS__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):checked,.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):checked:hover,.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):checked:active,.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):checked:disabled,.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__BahgnS__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__BahgnS__input.sc-ds-checkbox:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__BahgnS__input.sc-ds-checkbox:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__BahgnS__input.sc-ds-checkbox:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__BahgnS__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox__BahgnS--no-margin.sc-ds-checkbox .ds-checkbox__BahgnS__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__BahgnS--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__BahgnS__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__BahgnS.sc-ds-checkbox:has(.ds-checkbox__BahgnS__input:disabled){cursor:not-allowed}.ds-checkbox__BahgnS-error.sc-ds-checkbox{display:flex}.ds-checkbox__BahgnS-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";export{u as ds_checkbox}
+import{h as s,r as e,c as i,d as t,f as d,F as o}from"./index-DK-steFu.js";import{c as r}from"./index-BfTCfPZ1.js";import{a as c,i as a}from"./attributes-BbTh8gdl.js";import{g as h,a as n,v as l}from"./controlUtils-Cwuo3XhJ.js";import{d as b,i as k,t as _,a as x}from"./utils-C1bsmWWB.js";import{c as v}from"./cx-4FfBwb_9.js";import"./store-CJjKF_JF.js";const f=k("ds-checkbox"),u=class{constructor(s){e(this,s),this.dsChange=i(this,"dsChange"),this.dsFocus=i(this,"dsFocus"),this.dsBlur=i(this,"dsBlur"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity")}checkboxGroup=null;inputElement;labelId;inputValidityId;assistiveTextId;inheritedAttributes={};get el(){return t(this)}dsChange;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=f.next().value;_dsName=this.dsId;async setName(s){this._dsName=this.checkboxGroup?.dsName||s||this._dsName}get dsName(){return this._dsName}set dsName(s){this.setName(s)}dsValue=this.dsId;dsChecked=!1;dsLabel;dsAssistiveText;dsText;dsIndeterminate=!1;dsDisabled=!1;dsErrorText="";dsErrorsDisabled=!1;dsRequired=!1;dsOptional=!1;dsOptionalText;dsAriaLabel;groupInvalid=!1;hasFocus=!1;wasInvalidOnBlur=!1;initialChecked=!1;isPressingEnter=!1;setIds=()=>{this.labelId=`${this.dsId}-label`,this.inputValidityId=`${this.dsId}-validity`,this.assistiveTextId=`${this.dsId}-assistive-text`};async setFocus(){this.inputElement.focus()}async checkValidity(){return this.inputElement?.checkValidity()}getLegendText=()=>this.dsRequired?h(this.dsLabel):this.dsOptional?n(this.dsLabel,this.dsOptionalText):this.dsLabel;getCheckboxText=()=>this.dsLabel?this.dsText:this.dsRequired?h(this.dsText):this.dsOptional?n(this.dsText,this.dsOptionalText):this.dsText;get DsCheckboxGroupTag(){return _("ds-checkbox-group","ds-checkbox",this.el)}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup&&(this.groupInvalid=!!this.checkboxGroup.dsErrorText,this.dsErrorText=this.checkboxGroup.dsErrorText)}connectedCallback(){this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup&&(this.groupInvalid=!!this.checkboxGroup.dsErrorText,this.dsErrorText=this.checkboxGroup.dsErrorText,this.checkboxGroup.addEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.childConnected())}disconnectedCallback(){this.checkboxGroup&&(this.checkboxGroup.removeEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.childDisconnected()),this.checkboxGroup=null}handleInvalid=s=>{if(s.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.dsSubmitInvalid.emit({flag:s,message:l(s)});break}};updateGroupInvalidState=s=>{this.groupInvalid=!!s.detail,this.dsErrorText=s.detail};componentWillLoad(){this.setIds(),this.setName(),this.inheritedAttributes={...a(this,this.el),...c(this.el,["aria-describedby","aria-invalid"])},this.initialChecked=this.dsChecked}ariaAttributeObserver(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},d(this)}dsCheckedObserver(s){if(this.dsChange.emit({checked:s,value:this.dsValue}),!this.wasInvalidOnBlur||this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.dsValidity.emit({flag:s,message:l(s)});break}}handleInput=s=>{this.dsChecked=s.target.checked};handleKeyDown=s=>{"Enter"!==s.key||this.isPressingEnter||(this.isPressingEnter=!0)};handleKeyUp=s=>{"Enter"===s.key&&this.isPressingEnter&&(this.inputElement.click(),this.isPressingEnter=!1)};handleFocus=()=>{this.hasFocus=!0,this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.hasFocus=!1,this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const e in s)if(s[e]){this.wasInvalidOnBlur="valid"!==e,this.dsValidity.emit({flag:e,message:l(e)});break}};renderCheckbox(e){const i=r(e,{[`${e}--disabled`]:this.dsDisabled,[`${e}--no-margin`]:!this.dsText}),t=r(`${e}__input`,{[`${e}__input--invalid`]:!!this.dsErrorText}),d=r(`${e}-error`,{[`${e}-error--visible`]:!!this.dsErrorText}),c=_("ds-input-validity","ds-checkbox",this.el),{"aria-label":a,"aria-describedby":h,...n}=this.inheritedAttributes,l=h||[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),b=this.dsAriaLabel||a;return s(o,null,s("div",null,s("label",{id:this.labelId,class:i},s("input",{ref:s=>this.inputElement=s,type:"checkbox",class:t,id:this.dsId,name:this.dsName,form:this.dsForm,checked:this.dsChecked,indeterminate:this.dsIndeterminate,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,value:this.dsValue,disabled:this.dsDisabled,required:this.dsRequired,...x("aria-describedby",l),...x("aria-label",b),"aria-invalid":!!this.dsErrorText,...n}),this.getCheckboxText())),!this.dsErrorsDisabled&&s("slot",{name:"validity"},s("div",{class:d},s(c,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(e){const i=r(`${e}-fieldset`),t=r(`${e}-fieldset__legend`),d=r(`${e}-fieldset__assistive-text`);return s("fieldset",{class:i},s("legend",{class:t},this.getLegendText()),this.dsAssistiveText&&s("small",{class:d,id:this.assistiveTextId},this.dsAssistiveText),this.renderCheckbox(e))}render(){const s=v("ds-checkbox");return this.dsLabel?this.renderFieldset(s):this.renderCheckbox(s)}static get formAssociated(){return!0}static get watchers(){return{"aria-label":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"],dsChecked:["dsCheckedObserver"]}}};b([s("ds-input-validity",null)]),u.style=".ds-checkbox__kfFKF0-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__kfFKF0-fieldset__legend.sc-ds-checkbox{padding-inline:0;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)}.ds-checkbox__kfFKF0-fieldset__assistive-text.sc-ds-checkbox{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)}.ds-checkbox__kfFKF0.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;cursor:pointer;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox{cursor:pointer;appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox: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-checkbox__kfFKF0__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:hover,.ds-checkbox__kfFKF0__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__kfFKF0__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):checked,.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):checked:hover,.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):checked:active,.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):checked:disabled,.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox__kfFKF0--no-margin.sc-ds-checkbox .ds-checkbox__kfFKF0__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__kfFKF0--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__kfFKF0__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__kfFKF0.sc-ds-checkbox:has(.ds-checkbox__kfFKF0__input:disabled){cursor:not-allowed}.ds-checkbox__kfFKF0-error.sc-ds-checkbox{display:flex}.ds-checkbox__kfFKF0-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";export{u as ds_checkbox}

package/dist/component-library/ds-chip-group.entry.js

@@ -1 +1 @@
-import{h as s,r as i,c as t,d as e,f as a}from"./index-Pzt6Wixq.js";import{d,i as r,t as h,a as l}from"./utils-C1bsmWWB.js";import{c}from"./cx-cUUyxfnb.js";import{a as n,i as o}from"./attributes-BbTh8gdl.js";import{i as m,d as p}from"./controlUtils-BzjXEfZo.js";import"./store-BCd58KcK.js";const b=r("ds-chip-group"),u=class{constructor(s){i(this,s),this.dsChipClick=t(this,"dsChipClick"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return e(this)}internals;dsChipClick;dsSubmitInvalid;dsValidity;dsId=b.next().value;dsName=this.dsId;dsLabel;dsAssistiveText;dsErrorText;setItemsProp=(s,i)=>{this[s]=i?i<0?0:"_dsMinItems"===s&&void 0!==this.dsMaxItems&&i>this.dsMaxItems?this.dsMaxItems:"_dsMaxItems"===s&&void 0!==this.dsMinItems&&i<this.dsMinItems?this.dsMinItems:i:void 0};_dsMinItems;get dsMinItems(){return this._dsMinItems}set dsMinItems(s){this.setItemsProp("_dsMinItems",s)}_dsMaxItems;get dsMaxItems(){return this._dsMaxItems}set dsMaxItems(s){this.setItemsProp("_dsMaxItems",s)}childCount=0;get DsChipTag(){return h("ds-chip","ds-chip-group",this.el)}get DsGroupLabel(){return h("ds-group-label","ds-chip-group",this.el)}get DsInputValidity(){return h("ds-input-validity","ds-chip-group",this.el)}get childChips(){return Array.from(this.el.querySelectorAll(this.DsChipTag))}async checkValidity(){return this.internals?.checkValidity()}async childConnected(){this.childCount++}async childDisconnected(){this.childCount--}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid)}setValidity({childCount:s=this.childCount,dsMinItems:i=this.dsMinItems,dsMaxItems:t=this.dsMaxItems}={}){void 0!==i&&s<i?this.internals.setValidity({customError:!0},m(i-s)):void 0!==t&&s>t?this.internals.setValidity({customError:!0},p(s-t)):this.internals.setValidity({})}componentWillLoad(){this.inheritedAttributes={...o(this,this.el),...n(this.el,["aria-labelledby"])},this.setValidity()}onAriaChanged(s,i,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},a(this)}dsNameObserver(s){this.childChips.forEach((i=>i.setName(s)))}childCountObserver(s){this.setValidity({childCount:s}),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}dsMinItemsObserver(s){this.setValidity({dsMinItems:s})}dsMaxItemsObserver(s){this.setValidity({dsMaxItems:s})}onChipClick(s){this.childChips.includes(s.target)&&this.dsChipClick.emit(s.detail)}render(){const i=c("ds-chip-group"),t=`${this.dsId}-assistive-text`,{"aria-label":e,"aria-describedby":a,...d}=this.inheritedAttributes,r=a||[!!this.dsAssistiveText&&t].filter(Boolean).join(" "),h=`${this.dsId}-error-text`;return s("div",{key:"653a972829e42fa598aa225c417504ffcfd5c483",class:i,role:"group",...l("aria-label",e||this.dsLabel),...l("aria-describedby",r),...l("aria-labelledby",this.dsErrorText&&h),...d},s(this.DsGroupLabel,{key:"2bbeb3f4eef4ad28701f91fdfc1ff7f8f4bf9d39",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:t},s("slot",{key:"3c2ca3f7dc28bfd57d3accc0cf7a206d18d82560",name:"label"}),s("slot",{key:"d8c00d549df1a15c2c878d39ca179be6f4d2a6a5",name:"assistiveText"})),s("div",{key:"40e4e07a67f6988f56100c26d876509bb146d817",role:"list",class:`${i}__chips`},s("slot",{key:"e439f637b2ccc916ca433b38a400420c54054033"})),this.internals?.form&&this.internals?.validity.valid&&this.childChips.map((i=>s("input",{type:"hidden",name:this.dsName,value:i.dsValue}))),!!this.dsErrorText&&s(this.DsInputValidity,{key:"f441db6022e0752495a023e84a43e7a7e68cbb09",id:h,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))}static get formAssociated(){return!0}static get watchers(){return{"aria-describedby":["onAriaChanged"],"aria-label":["onAriaChanged"],dsName:["dsNameObserver"],childCount:["childCountObserver"],dsMinItems:["dsMinItemsObserver"],dsMaxItems:["dsMaxItemsObserver"]}}};d([s("ds-chip",{dsText:""}),s("ds-group-label",null),s("ds-input-validity",null)]),u.style=".ds-chip-group__BahgnS__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{u as ds_chip_group}
+import{h as s,r as i,c as t,d as e,f as a}from"./index-DK-steFu.js";import{d,i as r,t as h,a as l}from"./utils-C1bsmWWB.js";import{c}from"./cx-4FfBwb_9.js";import{a as n,i as o}from"./attributes-BbTh8gdl.js";import{i as m,d as p}from"./controlUtils-Cwuo3XhJ.js";import"./store-CJjKF_JF.js";const u=r("ds-chip-group"),b=class{constructor(s){i(this,s),this.dsChipClick=t(this,"dsChipClick"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return e(this)}internals;dsChipClick;dsSubmitInvalid;dsValidity;dsId=u.next().value;dsName=this.dsId;dsLabel;dsAssistiveText;dsErrorText;setItemsProp=(s,i)=>{this[s]=i?i<0?0:"_dsMinItems"===s&&void 0!==this.dsMaxItems&&i>this.dsMaxItems?this.dsMaxItems:"_dsMaxItems"===s&&void 0!==this.dsMinItems&&i<this.dsMinItems?this.dsMinItems:i:void 0};_dsMinItems;get dsMinItems(){return this._dsMinItems}set dsMinItems(s){this.setItemsProp("_dsMinItems",s)}_dsMaxItems;get dsMaxItems(){return this._dsMaxItems}set dsMaxItems(s){this.setItemsProp("_dsMaxItems",s)}childCount=0;get DsChipTag(){return h("ds-chip","ds-chip-group",this.el)}get DsGroupLabel(){return h("ds-group-label","ds-chip-group",this.el)}get DsInputValidity(){return h("ds-input-validity","ds-chip-group",this.el)}get childChips(){return Array.from(this.el.querySelectorAll(this.DsChipTag))}async checkValidity(){return this.internals?.checkValidity()}async childConnected(){this.childCount++}async childDisconnected(){this.childCount--}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid)}setValidity({childCount:s=this.childCount,dsMinItems:i=this.dsMinItems,dsMaxItems:t=this.dsMaxItems}={}){void 0!==i&&s<i?this.internals.setValidity({customError:!0},m(i-s)):void 0!==t&&s>t?this.internals.setValidity({customError:!0},p(s-t)):this.internals.setValidity({})}componentWillLoad(){this.inheritedAttributes={...o(this,this.el),...n(this.el,["aria-labelledby"])},this.setValidity()}onAriaChanged(s,i,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},a(this)}dsNameObserver(s){this.childChips.forEach((i=>i.setName(s)))}childCountObserver(s){this.setValidity({childCount:s}),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}dsMinItemsObserver(s){this.setValidity({dsMinItems:s})}dsMaxItemsObserver(s){this.setValidity({dsMaxItems:s})}onChipClick(s){this.childChips.includes(s.target)&&this.dsChipClick.emit(s.detail)}render(){const i=c("ds-chip-group"),t=`${this.dsId}-assistive-text`,{"aria-label":e,"aria-describedby":a,...d}=this.inheritedAttributes,r=a||[!!this.dsAssistiveText&&t].filter(Boolean).join(" "),h=`${this.dsId}-error-text`;return s("div",{key:"8c2e1ff12270960700585bda2e6424bf22377a39",class:i,role:"group",...l("aria-label",e||this.dsLabel),...l("aria-describedby",r),...l("aria-labelledby",this.dsErrorText&&h),...d},s(this.DsGroupLabel,{key:"e98e969033876de30e4959cd331ea1eca49fd670",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:t},s("slot",{key:"6611f352ea98a3e57e47ae56175b3acac287728c",name:"label"}),s("slot",{key:"b34ad08d9e4672ac4c722c9501017597ed698935",name:"assistiveText"})),s("div",{key:"36ab80ab6a2565ab72a5c8f53fb0428ff50ac5f4",role:"list",class:`${i}__chips`},s("slot",{key:"7c105c033cf72a61305675bf8369309484617d7c"})),this.internals?.form&&this.internals?.validity.valid&&this.childChips.map((i=>s("input",{type:"hidden",name:this.dsName,value:i.dsValue}))),!!this.dsErrorText&&s(this.DsInputValidity,{key:"dd86654cd86d1d1c651fb958c5a46e742921291c",id:h,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))}static get formAssociated(){return!0}static get watchers(){return{"aria-describedby":["onAriaChanged"],"aria-label":["onAriaChanged"],dsName:["dsNameObserver"],childCount:["childCountObserver"],dsMinItems:["dsMinItemsObserver"],dsMaxItems:["dsMaxItemsObserver"]}}};d([s("ds-chip",{dsText:""}),s("ds-group-label",null),s("ds-input-validity",null)]),b.style=".ds-chip-group__kfFKF0__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";export{b as ds_chip_group}

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

@@ -1 +1 @@
-import{h as s,r as i,c as t,d as e,f as a,F as r}from"./index-Pzt6Wixq.js";import{r as d}from"./controlUtils-BzjXEfZo.js";import{d as o,i as c,t as h}from"./utils-C1bsmWWB.js";import{c as n}from"./cx-cUUyxfnb.js";import{a as l,i as b}from"./attributes-BbTh8gdl.js";import"./store-BCd58KcK.js";const f=c("ds-chip"),p=class{constructor(s){i(this,s),this.dsClick=t(this,"dsClick")}chipGroup;buttonEl;inheritedAttributes={};get el(){return e(this)}dsClick;dsForm;dsId=f.next().value;dsName=this.dsId;dsValue=0;dsText;dsIcon;dsType="button";name=this.dsName;async setFocus(){this.buttonEl?.focus()}async setName(s){this.name=s||this.dsName}get DsChipGroupTag(){return h("ds-chip-group","ds-chip",this.el)}connectedCallback(){this.chipGroup=this.el.closest(this.DsChipGroupTag),this.chipGroup?.childConnected()}disconnectedCallback(){this.chipGroup?.childDisconnected()}componentWillLoad(){this.inheritedAttributes={...b(this,this.el),...l(this.el)},this.setName(this.el.closest(this.DsChipGroupTag)?.dsName)}ariaAttributeObserver(s,i,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},a(this)}onClick(){this.dsClick.emit(this.dsValue)}render(){const i=n("ds-chip"),t=h("ds-icon","ds-chip",this.el),e=h("ds-visually-hidden","ds-chip",this.el),a=this.inheritedAttributes.role?"div":r,{role:o,...c}=this.inheritedAttributes;return s(a,{key:"b885f572d06954ffe8b7d72ebe8a7092f2ed46fe",role:o},s("button",{key:"21294a3220bd575128a1b92442f006da7444e1f2",ref:s=>this.buttonEl=s,class:i,id:this.dsId,name:this.name,form:this.dsForm,type:this.dsType,...c},s("slot",{key:"1009e69d5a99201662a9c05ac5d9f05a1e10faa9",name:"prefix"},this.dsIcon&&s(t,{key:"b34b053fcf8ad0363893e6f2a15b1d65096b6d50",dsName:this.dsIcon,dsSize:"1rem"})),s("span",{key:"dccce4141f97b37bde7f6e192bcfa62f3e329227",class:`${i}__text`},s("slot",{key:"aa55f0c6c9f148e7d5f3d0c074651140eb28c8f7"},this.dsText),s(e,{key:"7c125b88cab746e923d4a1dbeaca69c8c6e638fa",dsTag:"span"},", ",d())),s(t,{key:"1ff5478cbc6163a27dde651314270007a928a081",dsName:"close",dsSize:"1rem"})))}static get watchers(){return{role:["ariaAttributeObserver"],"aria-label":["ariaAttributeObserver"]}}};o([s("ds-icon",{dsName:""}),s("ds-visually-hidden",null)]),p.style=".ds-chip__BahgnS: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-chip__BahgnS{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__BahgnS:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__BahgnS:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__BahgnS__text{padding:0 var(--ds-spacing-3xSmall)}";export{p as ds_chip}
+import{h as s,r as i,c as e,d as t,f as r,F as a}from"./index-DK-steFu.js";import{r as d}from"./controlUtils-Cwuo3XhJ.js";import{d as o,i as c,t as h}from"./utils-C1bsmWWB.js";import{c as l}from"./cx-4FfBwb_9.js";import{a as n,i as b}from"./attributes-BbTh8gdl.js";import"./store-CJjKF_JF.js";const f=c("ds-chip"),p=class{constructor(s){i(this,s),this.dsClick=e(this,"dsClick")}chipGroup;buttonEl;inheritedAttributes={};get el(){return t(this)}dsClick;dsForm;dsId=f.next().value;dsName=this.dsId;dsValue=0;dsText;dsIcon;dsType="button";name=this.dsName;async setFocus(){this.buttonEl?.focus()}async setName(s){this.name=s||this.dsName}get DsChipGroupTag(){return h("ds-chip-group","ds-chip",this.el)}connectedCallback(){this.chipGroup=this.el.closest(this.DsChipGroupTag),this.chipGroup?.childConnected()}disconnectedCallback(){this.chipGroup?.childDisconnected()}componentWillLoad(){this.inheritedAttributes={...b(this,this.el),...n(this.el)},this.setName(this.el.closest(this.DsChipGroupTag)?.dsName)}ariaAttributeObserver(s,i,e){this.inheritedAttributes={...this.inheritedAttributes,[e]:s},r(this)}onClick(){this.dsClick.emit(this.dsValue)}render(){const i=l("ds-chip"),e=h("ds-icon","ds-chip",this.el),t=h("ds-visually-hidden","ds-chip",this.el),r=this.inheritedAttributes.role?"div":a,{role:o,...c}=this.inheritedAttributes;return s(r,{key:"b885f572d06954ffe8b7d72ebe8a7092f2ed46fe",role:o},s("button",{key:"21294a3220bd575128a1b92442f006da7444e1f2",ref:s=>this.buttonEl=s,class:i,id:this.dsId,name:this.name,form:this.dsForm,type:this.dsType,...c},s("slot",{key:"1009e69d5a99201662a9c05ac5d9f05a1e10faa9",name:"prefix"},this.dsIcon&&s(e,{key:"b34b053fcf8ad0363893e6f2a15b1d65096b6d50",dsName:this.dsIcon,dsSize:"1rem"})),s("span",{key:"dccce4141f97b37bde7f6e192bcfa62f3e329227",class:`${i}__text`},s("slot",{key:"aa55f0c6c9f148e7d5f3d0c074651140eb28c8f7"},this.dsText),s(t,{key:"7c125b88cab746e923d4a1dbeaca69c8c6e638fa",dsTag:"span"},", ",d())),s(e,{key:"1ff5478cbc6163a27dde651314270007a928a081",dsName:"close",dsSize:"1rem"})))}static get watchers(){return{role:["ariaAttributeObserver"],"aria-label":["ariaAttributeObserver"]}}};o([s("ds-icon",{dsName:""}),s("ds-visually-hidden",null)]),p.style=".ds-chip__kfFKF0: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-chip__kfFKF0{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__kfFKF0:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__kfFKF0:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__kfFKF0__text{padding:0 var(--ds-spacing-3xSmall)}";export{p as ds_chip}

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

@@ -1 +1 @@
-import{h as s,r as t,c as o,d as i,f as e,F as n}from"./index-Pzt6Wixq.js";import{c as a}from"./index-BfTCfPZ1.js";import{d,i as r,t as c,b as h,a as b}from"./utils-C1bsmWWB.js";import{n as l,t as _,e as u,l as p,w as m,f as g,b as x,r as v,s as f}from"./controlUtils-BzjXEfZo.js";import{c as y}from"./cx-cUUyxfnb.js";import{i as S,a as k}from"./attributes-BbTh8gdl.js";import{F as O,a as B}from"./constants-DCE1bBlR.js";import"./store-BCd58KcK.js";const w=r("ds-combobox"),C=class{constructor(s){t(this,s),this.dsFilterChange=o(this,"dsFilterChange"),this.dsChange=o(this,"dsChange"),this.dsSelectedOptionValueChange=o(this,"dsSelectedOptionValueChange"),this.dsSelectedOptionRemoved=o(this,"dsSelectedOptionRemoved"),this.dsSubmitInvalid=o(this,"dsSubmitInvalid"),this.dsValidity=o(this,"dsValidity"),this.dsBlur=o(this,"dsBlur"),this.dsFocus=o(this,"dsFocus"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}get el(){return i(this)}inheritedAttributes={};internals;inputRef;optionsListRef;optionsListInnerRef;observer;labelId;assistiveTextId;buttonId;optionsId;inputValidityId;GROUP_ITERATION_STOP=1e3;dsFilterChange;dsChange;dsSelectedOptionValueChange;dsSelectedOptionRemoved;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=w.next().value;dsName=this.dsId;dsLabel;dsAssistiveText;dsIcon;dsPlaceholder;dsPlaceholderHidden=!1;dsDisabled=!1;dsAriaLabel;dsClearable=!0;dsErrorText;dsFilteringStrategy="dynamic";dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsNoResults=!1;dsNoResultsTitle;dsNoResultsText;dsValue=null;dsRequired=!1;dsOptional=!1;dsOptionalText;dsFullWidth=!1;isOpen=!1;activeOption=null;selectedOption=null;inputValue="";hasTopScrim=!1;hasBottomScrim=!1;hasTopScrimDark=!1;noResults=!1;hasFocus=!1;feedback=[];get DsOptionGroupTag(){return c("ds-option-group","ds-combobox",this.el)}get DsOptionTag(){return c("ds-option","ds-combobox",this.el)}get DsFeedback(){return c("ds-feedback","ds-combobox",this.el)}getNoResultsTitle(s){if(this.dsNoResults||this.noResults)return this.dsNoResultsTitle||l(s)}get noResultsText(){if(this.dsNoResults||this.noResults)return this.dsNoResultsText||_()}async setFocus(){this.inputRef?.focus(),this.dsFocus.emit()}async checkValidity(){return this.internals?.checkValidity()}async getOptions(){return this.getAllOptions()}async getSelectedOption(){return this.selectedOption?{value:this.selectedOption?.dsValue||null,label:this.selectedOption?await this.selectedOption.getLabel():null,description:this.selectedOption?.dsDescription||null}:null}dsValueObserver(s){s!==this.selectedOption?.dsValue&&this.setSelectedOptionFromDsValue(s)}selectedOptionObserver(s,t){t&&(t.dsSelected=!1),s&&(s.dsSelected=!0),this.dsChange.emit(s?.dsValue||null),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}inputValueObserver(s){(this.dsNoResults||this.noResults)&&(this.debouncedResetFeedback.cancel(),this.debouncedAppendFeedback(this.dsNoResults?"dsNoResults":"noResults",[this.getNoResultsTitle(s),this.noResultsText].filter(Boolean).join(" "))),this.dsFilterChange.emit(s)}isOpenObserver(s){s||(this.setInputValue(this.selectedOption),this.getAllGroups().forEach((s=>{s.dsHidden=!1})),this.getAllOptions().forEach((s=>{s.dsHidden=!1})))}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}resetFeedback=()=>{this.feedback=[],e(this)};debouncedResetFeedback=h(this.resetFeedback,O);appendFeedback=(s,t)=>{this.removeFeedback(s),this.feedback=[...this.feedback,{key:s,message:t}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((t=>t.key!==s))};debouncedAppendFeedback=h(this.appendFeedback,B);getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";statusPropertyObserver(s,t,o){if(!s)return this.debouncedAppendFeedback.cancel(),this.removeFeedback(o),void(0===this.feedback.length&&this.appendFeedback("default",u()));"dsLoading"===o&&s?this.appendFeedback(o,this.dsLoadingText||p()):"dsOptionsError"===o&&s?this.appendFeedback(o,this.dsOptionsErrorText||`${m()} ${g()}`):("dsNoResults"===o&&(s||this.noResults)||"noResults"===o&&(s||this.dsNoResults))&&this.appendFeedback(o,[this.getNoResultsTitle(this.inputValue),this.noResultsText].filter(Boolean).join(" "))}ariaAttributeObserver(s,t,o){this.inheritedAttributes={...this.inheritedAttributes,[o]:s},e(this)}onDsClick(s){this.setSelectedOption(s.target),this.isOpen=!1,setTimeout((()=>{this.inputRef?.select()}),0)}onDsMounted(s){const t=s.target;t.dsFocusOnActiveChange=!1,t.dsMouseDownPreventDefault=!0}onDsValueChange(s){this.selectedOption?.dsValue===s.detail.oldValue&&this.setSelectedOption(null),this.dsValue&&this.dsValue===s.detail.oldValue&&this.dsSelectedOptionValueChange.emit(s.detail.newValue)}onDsLabelChange(s){this.selectedOption?.dsValue===s.detail.value&&this.setInputValue(s.detail.label)}onFocusIn(){this.hasFocus=!0}onFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null,o=!t||!this.el.contains(t);o&&(this.hasFocus=!1),this.isOpen&&o&&(this.isOpen=!1,this.noResults=!1,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}componentWillLoad(){this.labelId=`${this.dsId}-label`,this.assistiveTextId=`${this.dsId}-assistive-text`,this.buttonId=`${this.dsId}-button`,this.optionsId=`${this.dsId}-options`,this.inputValidityId=`${this.dsId}-input-validity`,this.inheritedAttributes={...k(this.el,["aria-autocomplete","aria-activedescendant","aria-expanded","aria-controls","aria-describedby"]),...S(this,this.el)};const s=this.getAllGroups();s.forEach((s=>{s.dsMouseDownPreventDefault=!0})),this.hasTopScrimDark=s.length>0}componentDidLoad(){this.updateScrimClasses(),this.dsValue&&this.setSelectedOptionFromDsValue(this.dsValue),this.observer=new MutationObserver((s=>{for(const t of s)"childList"===t.type&&t.removedNodes.length>0&&Array.from(t.removedNodes).filter((s=>s.nodeType===Node.ELEMENT_NODE&&this.elementIsOption(s))).some((s=>s.dsValue===this.selectedOption?.dsValue))&&(this.dsSelectedOptionRemoved.emit(),this.setSelectedOption(null))})),this.observer.observe(this.optionsListRef,{childList:!0,subtree:!0}),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},x(),this.inputRef)}componentDidUpdate(){this.updateScrimClasses()}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.observer&&this.observer.disconnect(),this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel(),this.debouncedAppendFeedback.cancel()}setSelectedOptionFromDsValue=s=>{if(!s)return void this.setSelectedOption(null);const t=this.getAllOptions().find((t=>t.dsValue===s));t?this.setSelectedOption(t):console.warn(`ds-combobox: No option found with dsValue "${s}"`)};setSelectedOption=s=>{s?(s.dsActive=!1,this.internals?.setValidity({})):this.dsRequired&&this.internals?.setValidity({valueMissing:!0},x(),this.inputRef),this.selectedOption=s,this.activeOption=null,this.setInputValue(s)};setActiveOption=s=>{s&&(this.activeOption&&(this.activeOption.dsActive=!1),s.dsActive=!0,this.activeOption=s,this.activeOption.scrollIntoView({behavior:"instant",block:"center"}))};setInputValue=async s=>{this.inputValue="string"!=typeof s?await(s?.getLabel())||"":s};getAllGroups=()=>Array.from(this.el.querySelectorAll(this.DsOptionGroupTag));getAllOptions=()=>Array.from(this.el.querySelectorAll(this.DsOptionTag));isSelectableOption=s=>!s.dsDisabled&&!s.dsHidden;getSelectableOptions=()=>this.getAllOptions().filter(this.isSelectableOption);elementIs=s=>t=>t?.tagName.toLowerCase()===c(s,"ds-combobox",this.el);elementIsOption=this.elementIs("ds-option");elementIsGroup=this.elementIs("ds-option-group");findFirstSelectableOptionInGroup=(s,t)=>{const o=Array.from(s.querySelectorAll(this.DsOptionTag)).filter(this.isSelectableOption);if(o?.length)return"nextElementSibling"===t?o[0]:o[o.length-1]};getOption=(s,t)=>async(o=this.activeOption)=>{const i=o?.[s];if(!i||!this.elementIsOption(i)){const e=await(o?.getGroup());if(e&&this.elementIsGroup(e)){let t=e[s],o=0;for(;t&&o++<this.GROUP_ITERATION_STOP&&!(this.elementIsOption(t)&&!t.dsDisabled||this.elementIsGroup(t)&&!t.dsHidden);)t=t[s];if(t&&this.elementIsOption(t)&&!t.dsDisabled)return t;if(t&&this.elementIsGroup(t)&&!t.dsHidden){const o=this.findFirstSelectableOptionInGroup(t,s);if(o)return o}}else if(i&&this.elementIsGroup(i)&&!i.dsHidden){const t=this.findFirstSelectableOptionInGroup(i,s);if(t)return t}return await t()}return this.isSelectableOption(i)?i:await this.getOption(s,t)(i)};getFirstOption=async()=>this.getSelectableOptions()?.[0]||null;getLastOption=async()=>{const s=this.getSelectableOptions();return s?.[s.length-1]||null};getNextOption=this.getOption("nextElementSibling",this.getFirstOption);getPreviousOption=this.getOption("previousElementSibling",this.getLastOption);onNavigationKeyDown=s=>async(t,o)=>{t.preventDefault(),this.isOpen||(this.isOpen=!0),this.setActiveOption(await s(o))};handleKeyDown=s=>{switch(s.key){case"Enter":s.preventDefault(),!this.activeOption||this.activeOption.dsDisabled||this.activeOption.dsHidden||(this.setSelectedOption(this.activeOption),this.isOpen=!1,setTimeout((()=>{this.inputRef?.select()}),0));break;case"Down":case"ArrowDown":this.onNavigationKeyDown(this.getNextOption)(s,this.activeOption);break;case"Up":case"ArrowUp":this.onNavigationKeyDown(this.getPreviousOption)(s,this.activeOption);break;case"Home":this.onNavigationKeyDown(this.getFirstOption)(s);break;case"End":this.onNavigationKeyDown(this.getLastOption)(s);break;case"Tab":!this.activeOption||this.activeOption.dsDisabled||this.activeOption.dsHidden||this.setSelectedOption(this.activeOption);break;case"Esc":case"Escape":this.isOpen=!1,this.setFocus();break;default:this.isOpen=!0}};updateGroupVisibility=async s=>{const t=await s.getGroup();t&&(t.dsHidden=!await t.hasVisibleOptions())};handleInput=s=>{if(this.setInputValue(s.target.value),"static"===this.dsFilteringStrategy)return;let t=0;const o=this.getAllOptions();o.forEach((s=>{s.dsHidden=[s.textContent,s.dsLabel,s.dsDescription].every((s=>!s?.toLowerCase().includes(this.inputValue.toLowerCase()))),s.dsHidden&&t++,this.updateGroupVisibility(s)})),this.noResults=t===o.length};openCombobox=()=>{this.isOpen=!0,this.inputRef?.select()};handleFocus=()=>{this.dsDisabled||this.openCombobox()};handleToggleButtonClick=s=>{if(s.stopPropagation(),!this.dsDisabled)return this.isOpen?(this.inputRef?.blur(),void(this.isOpen=!1)):void this.openCombobox()};handleClearButtonClick=s=>{s.stopPropagation(),this.setInputValue(""),this.setSelectedOption(null),setTimeout((()=>{this.inputRef?.select()}),0)};updateScrimClasses=()=>{const s=this.optionsListInnerRef;this.optionsListRef&&s&&(this.hasTopScrim=0!==s.scrollTop,this.hasBottomScrim=Math.ceil(s.scrollTop+s.clientHeight)<s.scrollHeight)};handleScroll=()=>{this.updateScrimClasses()};render(){const{"aria-label":t,...o}=this.inheritedAttributes,i=t||this.dsAriaLabel,e=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),d=v(!0),r=c("ds-icon","ds-combobox",this.el),h=c("ds-button","ds-combobox",this.el),l=c("ds-options-message","ds-combobox",this.el),_=c("ds-input-validity","ds-combobox",this.el),u=c("ds-control-label","ds-combobox",this.el),p=y("ds-combobox"),m=`${p}__input-container`,g=`${p}__options-container`;return s(n,{key:"14bdc26b302170781786d4ee50e8a2803179824f"},s(u,{key:"1c81d8c5fe4c02d71eda6e28ab9856c116a24c66",dsId:this.labelId,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},s("slot",{key:"ffc883ead7cea2eed643f46be57bb0056b4016ce",name:"label"}),s("slot",{key:"8a667a540c0d5dd19c88f689d975a7d719f49868",name:"assistiveText"})),s("div",{key:"db9b719cb5566f4e9c590babbf99297dd337063a",class:a(p,{[`${p}--full-width`]:this.dsFullWidth,[`${p}--open`]:this.isOpen})},s("div",{key:"bfa85967f061425ed824a97c210e327a2bb46e1f",class:a(m,{[`${m}--disabled`]:this.dsDisabled,[`${m}--invalid`]:!!this.dsErrorText,[`${m}--open`]:this.isOpen}),onClick:()=>{this.dsDisabled||this.openCombobox()}},this.dsIcon&&s(r,{key:"f210d8c4af7ce442b79d951dd0b05c81b9d96f3d",class:`${m}__icon`,dsName:this.dsIcon}),s("input",{key:"05e0e0114a281dc9ca4866b904eca7a098f2b2c1",ref:s=>this.inputRef=s,class:`${m}__input`,id:this.dsId,name:this.dsName,form:this.dsForm,type:"text",placeholder:this.dsPlaceholderHidden?void 0:this.dsPlaceholder||f(),disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onInput:this.handleInput,onFocus:this.handleFocus,value:this.inputValue,role:"combobox","aria-autocomplete":"list","aria-activedescendant":this.activeOption?.dsId||"","aria-label":this.dsLabel?void 0:i,"aria-expanded":String(this.isOpen),"aria-controls":this.optionsId,...b("aria-describedby",e),...o}),this.dsClearable&&this.selectedOption&&!this.dsDisabled&&s(h,{key:"14544ce37e87cbe3de1328bc9d9177f595c7d26a",class:`${m}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:d,dsIconAriaLabel:d,onClick:this.handleClearButtonClick,"aria-label":d,"aria-describedby":this.dsId}),s("div",{key:"9cf8a674e1c1376043319874d64e67f331010b91",id:this.buttonId,class:`${m}__toggle-button`,role:"button",tabIndex:-1,"aria-label":this.dsLabel?void 0:i,"aria-labelledby":this.dsLabel&&this.labelId,"aria-expanded":String(this.isOpen),"aria-controls":this.optionsId,onClick:this.handleToggleButtonClick},s(r,{key:"57e8cae8230e002fb96adb9e0c46541b4cb69d4b",class:`${m}__toggle-button__icon`,dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"}))),s("div",{key:"899f7faa22d8e8724c31981a23f4f33c766bf0a0",class:a(g,{[`${g}--open`]:this.isOpen})},s("div",{key:"ac9b5f4693dc5fa09a2c26db14f1072c76d4d943",ref:s=>this.optionsListRef=s,class:a(`${g}__options`)},s(l,{key:"3dbfb8ab9abc5eabe18641133b0df53752285e6f",dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText,dsNoResults:this.dsNoResults||this.noResults,dsNoResultsTitle:this.getNoResultsTitle(this.inputValue),dsNoResultsText:this.dsNoResultsText}),s("div",{key:"9af515b635c5acc9458bdfb511176cb32985398d",id:this.optionsId,class:`${g}__options__inner`,tabIndex:-1,role:"listbox",ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll,"aria-label":this.dsLabel?void 0:i,"aria-labelledby":this.dsLabel&&this.labelId},s("div",{key:"7626777984aef6d12a83ac6d895ad0d547c5833d",class:a(`${g}__options__inner__top-scrim`,{[`${g}__options__inner__top-scrim--dark`]:this.hasTopScrimDark,[`${g}__options__inner__top-scrim--visible`]:this.hasTopScrim}),"aria-hidden":"true"}),s("slot",{key:"ad18ad7ceefb44489fff62a157d1f1f8db44dbf9"}),s("div",{key:"15102d664d53af7fd8ff4e1eaecf4ebe6603ae7b",class:a(`${g}__options__inner__bottom-scrim`,{[`${g}__options__inner__bottom-scrim--visible`]:this.hasBottomScrim}),"aria-hidden":"true"}))))),!!this.dsErrorText&&s(_,{key:"31b705cfe8a847731ea7e49bcb1611725f71adde",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}),s(this.DsFeedback,{key:"d37ef1cd49fae0f5a6b35c4ce467af2faaa9fad6",dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}static get formAssociated(){return!0}static get watchers(){return{dsValue:["dsValueObserver"],selectedOption:["selectedOptionObserver"],inputValue:["inputValueObserver"],isOpen:["isOpenObserver"],hasFocus:["hasFocusObserver"],dsLoading:["statusPropertyObserver"],dsOptionsError:["statusPropertyObserver"],dsNoResults:["statusPropertyObserver"],noResults:["statusPropertyObserver"],"aria-label":["ariaAttributeObserver"]}}};d([s("ds-icon",{dsName:""}),s("ds-button",null),s("ds-options-message",null),s("ds-input-validity",null),s("ds-control-label",null),s("ds-feedback",null)]),C.style=".sc-ds-combobox-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-combobox-h:not(:has(.ds-combobox__BahgnS--full-width)){width:20rem}}.sc-ds-combobox-h>div.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__BahgnS__input-container.sc-ds-combobox{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:default;box-sizing:border-box;height:2.75rem;width:100%}.ds-combobox__BahgnS__input-container--disabled.sc-ds-combobox{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-combobox__BahgnS__input-container--disabled.sc-ds-combobox .ds-combobox__BahgnS__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__BahgnS__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__BahgnS__input-container--invalid.sc-ds-combobox:not(.ds-combobox__BahgnS__input-container--open):not(.ds-combobox__BahgnS__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__BahgnS__input-container--invalid.sc-ds-combobox:not(.ds-combobox__BahgnS__input-container--open):not(.ds-combobox__BahgnS__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__BahgnS__input-container.sc-ds-combobox:active:not(.ds-combobox__BahgnS__input-container--invalid,.ds-combobox__BahgnS__input-container--disabled).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__BahgnS__input-container.sc-ds-combobox:not(.ds-combobox__BahgnS__input-container--open,.ds-combobox__BahgnS__input-container.sc-ds-combobox:has(>.ds-combobox__BahgnS__input-container__clear-button>button:focus),.ds-combobox__BahgnS__input-container--invalid.sc-ds-combobox,.ds-combobox__BahgnS__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__BahgnS__input-container.sc-ds-combobox:has(>.ds-combobox__BahgnS__input-container__input:focus),.ds-combobox__BahgnS__input-container.sc-ds-combobox:has(>.ds-combobox__BahgnS__input-container__clear-button>button:focus){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-combobox__BahgnS__input-container__input.sc-ds-combobox{width:100%;height:100%;border:0;background:none;color:inherit;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-combobox__BahgnS__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__BahgnS__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed}.ds-combobox__BahgnS__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__BahgnS__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__BahgnS__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__BahgnS__input-container__icon.sc-ds-combobox+.ds-combobox__BahgnS__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__BahgnS__input-container__clear-button.sc-ds-combobox,.ds-combobox__BahgnS__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__BahgnS__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__BahgnS__input-container__toggle-button__icon.sc-ds-combobox{align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:inherit;z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-combobox__BahgnS__options-container.sc-ds-combobox{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-combobox__BahgnS__options-container--open.sc-ds-combobox{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-combobox__BahgnS__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__BahgnS__options-container__options__inner.sc-ds-combobox{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-combobox__BahgnS__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__BahgnS__options-container__options__inner__bottom-scrim.sc-ds-combobox{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-combobox__BahgnS__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__BahgnS__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__BahgnS__options-container__options__inner__top-scrim.sc-ds-combobox{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-combobox__BahgnS__options-container__options__inner__top-scrim--dark.sc-ds-combobox{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:var(--ds-shadow-overflow)}.ds-combobox__BahgnS__options-container__options__inner__bottom-scrim.sc-ds-combobox{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";export{C as ds_combobox}
+import{h as s,r as t,c as o,d as i,f as e,F as n}from"./index-DK-steFu.js";import{c as a}from"./index-BfTCfPZ1.js";import{d,i as r,t as c,b,a as h}from"./utils-C1bsmWWB.js";import{n as l,t as _,e as u,l as p,w as m,f,b as x,r as g,s as v}from"./controlUtils-Cwuo3XhJ.js";import{c as F}from"./cx-4FfBwb_9.js";import{i as k,a as y}from"./attributes-BbTh8gdl.js";import{F as O,a as w}from"./constants-DCE1bBlR.js";import"./store-CJjKF_JF.js";const K=r("ds-combobox"),C=class{constructor(s){t(this,s),this.dsFilterChange=o(this,"dsFilterChange"),this.dsChange=o(this,"dsChange"),this.dsSelectedOptionValueChange=o(this,"dsSelectedOptionValueChange"),this.dsSelectedOptionRemoved=o(this,"dsSelectedOptionRemoved"),this.dsSubmitInvalid=o(this,"dsSubmitInvalid"),this.dsValidity=o(this,"dsValidity"),this.dsBlur=o(this,"dsBlur"),this.dsFocus=o(this,"dsFocus"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}get el(){return i(this)}inheritedAttributes={};internals;inputRef;optionsListRef;optionsListInnerRef;observer;labelId;assistiveTextId;buttonId;optionsId;inputValidityId;GROUP_ITERATION_STOP=1e3;dsFilterChange;dsChange;dsSelectedOptionValueChange;dsSelectedOptionRemoved;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=K.next().value;dsName=this.dsId;dsLabel;dsAssistiveText;dsIcon;dsPlaceholder;dsPlaceholderHidden=!1;dsDisabled=!1;dsAriaLabel;dsClearable=!0;dsErrorText;dsFilteringStrategy="dynamic";dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsNoResults=!1;dsNoResultsTitle;dsNoResultsText;dsValue=null;dsRequired=!1;dsOptional=!1;dsOptionalText;dsFullWidth=!1;isOpen=!1;activeOption=null;selectedOption=null;inputValue="";hasTopScrim=!1;hasBottomScrim=!1;hasTopScrimDark=!1;noResults=!1;hasFocus=!1;feedback=[];get DsOptionGroupTag(){return c("ds-option-group","ds-combobox",this.el)}get DsOptionTag(){return c("ds-option","ds-combobox",this.el)}get DsFeedback(){return c("ds-feedback","ds-combobox",this.el)}getNoResultsTitle(s){if(this.dsNoResults||this.noResults)return this.dsNoResultsTitle||l(s)}get noResultsText(){if(this.dsNoResults||this.noResults)return this.dsNoResultsText||_()}async setFocus(){this.inputRef?.focus(),this.dsFocus.emit()}async checkValidity(){return this.internals?.checkValidity()}async getOptions(){return this.getAllOptions()}async getSelectedOption(){return this.selectedOption?{value:this.selectedOption?.dsValue||null,label:this.selectedOption?await this.selectedOption.getLabel():null,description:this.selectedOption?.dsDescription||null}:null}dsValueObserver(s){s!==this.selectedOption?.dsValue&&this.setSelectedOptionFromDsValue(s)}selectedOptionObserver(s,t){t&&(t.dsSelected=!1),s&&(s.dsSelected=!0),this.dsChange.emit(s?.dsValue||null),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}inputValueObserver(s){(this.dsNoResults||this.noResults)&&(this.debouncedResetFeedback.cancel(),this.debouncedAppendFeedback(this.dsNoResults?"dsNoResults":"noResults",[this.getNoResultsTitle(s),this.noResultsText].filter(Boolean).join(" "))),this.dsFilterChange.emit(s)}isOpenObserver(s){s||(this.setInputValue(this.selectedOption),this.getAllGroups().forEach((s=>{s.dsHidden=!1})),this.getAllOptions().forEach((s=>{s.dsHidden=!1})))}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}resetFeedback=()=>{this.feedback=[],e(this)};debouncedResetFeedback=b(this.resetFeedback,O);appendFeedback=(s,t)=>{this.removeFeedback(s),this.feedback=[...this.feedback,{key:s,message:t}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((t=>t.key!==s))};debouncedAppendFeedback=b(this.appendFeedback,w);getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";statusPropertyObserver(s,t,o){if(!s)return this.debouncedAppendFeedback.cancel(),this.removeFeedback(o),void(0===this.feedback.length&&this.appendFeedback("default",u()));"dsLoading"===o&&s?this.appendFeedback(o,this.dsLoadingText||p()):"dsOptionsError"===o&&s?this.appendFeedback(o,this.dsOptionsErrorText||`${m()} ${f()}`):("dsNoResults"===o&&(s||this.noResults)||"noResults"===o&&(s||this.dsNoResults))&&this.appendFeedback(o,[this.getNoResultsTitle(this.inputValue),this.noResultsText].filter(Boolean).join(" "))}ariaAttributeObserver(s,t,o){this.inheritedAttributes={...this.inheritedAttributes,[o]:s},e(this)}onDsClick(s){this.setSelectedOption(s.target),this.isOpen=!1,setTimeout((()=>{this.inputRef?.select()}),0)}onDsMounted(s){const t=s.target;t.dsFocusOnActiveChange=!1,t.dsMouseDownPreventDefault=!0}onDsValueChange(s){this.selectedOption?.dsValue===s.detail.oldValue&&this.setSelectedOption(null),this.dsValue&&this.dsValue===s.detail.oldValue&&this.dsSelectedOptionValueChange.emit(s.detail.newValue)}onDsLabelChange(s){this.selectedOption?.dsValue===s.detail.value&&this.setInputValue(s.detail.label)}onFocusIn(){this.hasFocus=!0}onFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null,o=!t||!this.el.contains(t);o&&(this.hasFocus=!1),this.isOpen&&o&&(this.isOpen=!1,this.noResults=!1,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}componentWillLoad(){this.labelId=`${this.dsId}-label`,this.assistiveTextId=`${this.dsId}-assistive-text`,this.buttonId=`${this.dsId}-button`,this.optionsId=`${this.dsId}-options`,this.inputValidityId=`${this.dsId}-input-validity`,this.inheritedAttributes={...y(this.el,["aria-autocomplete","aria-activedescendant","aria-expanded","aria-controls","aria-describedby"]),...k(this,this.el)};const s=this.getAllGroups();s.forEach((s=>{s.dsMouseDownPreventDefault=!0})),this.hasTopScrimDark=s.length>0}componentDidLoad(){this.updateScrimClasses(),this.dsValue&&this.setSelectedOptionFromDsValue(this.dsValue),this.observer=new MutationObserver((s=>{for(const t of s)"childList"===t.type&&t.removedNodes.length>0&&Array.from(t.removedNodes).filter((s=>s.nodeType===Node.ELEMENT_NODE&&this.elementIsOption(s))).some((s=>s.dsValue===this.selectedOption?.dsValue))&&(this.dsSelectedOptionRemoved.emit(),this.setSelectedOption(null))})),this.observer.observe(this.optionsListRef,{childList:!0,subtree:!0}),this.dsRequired&&this.internals?.setValidity({valueMissing:!0},x(),this.inputRef)}componentDidUpdate(){this.updateScrimClasses()}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};connectedCallback(){this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.observer&&this.observer.disconnect(),this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel(),this.debouncedAppendFeedback.cancel()}setSelectedOptionFromDsValue=s=>{if(!s)return void this.setSelectedOption(null);const t=this.getAllOptions().find((t=>t.dsValue===s));t?this.setSelectedOption(t):console.warn(`ds-combobox: No option found with dsValue "${s}"`)};setSelectedOption=s=>{s?(s.dsActive=!1,this.internals?.setValidity({})):this.dsRequired&&this.internals?.setValidity({valueMissing:!0},x(),this.inputRef),this.selectedOption=s,this.activeOption=null,this.setInputValue(s)};setActiveOption=s=>{s&&(this.activeOption&&(this.activeOption.dsActive=!1),s.dsActive=!0,this.activeOption=s,this.activeOption.scrollIntoView({behavior:"instant",block:"center"}))};setInputValue=async s=>{this.inputValue="string"!=typeof s?await(s?.getLabel())||"":s};getAllGroups=()=>Array.from(this.el.querySelectorAll(this.DsOptionGroupTag));getAllOptions=()=>Array.from(this.el.querySelectorAll(this.DsOptionTag));isSelectableOption=s=>!s.dsDisabled&&!s.dsHidden;getSelectableOptions=()=>this.getAllOptions().filter(this.isSelectableOption);elementIs=s=>t=>t?.tagName.toLowerCase()===c(s,"ds-combobox",this.el);elementIsOption=this.elementIs("ds-option");elementIsGroup=this.elementIs("ds-option-group");findFirstSelectableOptionInGroup=(s,t)=>{const o=Array.from(s.querySelectorAll(this.DsOptionTag)).filter(this.isSelectableOption);if(o?.length)return"nextElementSibling"===t?o[0]:o[o.length-1]};getOption=(s,t)=>async(o=this.activeOption)=>{const i=o?.[s];if(!i||!this.elementIsOption(i)){const e=await(o?.getGroup());if(e&&this.elementIsGroup(e)){let t=e[s],o=0;for(;t&&o++<this.GROUP_ITERATION_STOP&&!(this.elementIsOption(t)&&!t.dsDisabled||this.elementIsGroup(t)&&!t.dsHidden);)t=t[s];if(t&&this.elementIsOption(t)&&!t.dsDisabled)return t;if(t&&this.elementIsGroup(t)&&!t.dsHidden){const o=this.findFirstSelectableOptionInGroup(t,s);if(o)return o}}else if(i&&this.elementIsGroup(i)&&!i.dsHidden){const t=this.findFirstSelectableOptionInGroup(i,s);if(t)return t}return await t()}return this.isSelectableOption(i)?i:await this.getOption(s,t)(i)};getFirstOption=async()=>this.getSelectableOptions()?.[0]||null;getLastOption=async()=>{const s=this.getSelectableOptions();return s?.[s.length-1]||null};getNextOption=this.getOption("nextElementSibling",this.getFirstOption);getPreviousOption=this.getOption("previousElementSibling",this.getLastOption);onNavigationKeyDown=s=>async(t,o)=>{t.preventDefault(),this.isOpen||(this.isOpen=!0),this.setActiveOption(await s(o))};handleKeyDown=s=>{switch(s.key){case"Enter":s.preventDefault(),!this.activeOption||this.activeOption.dsDisabled||this.activeOption.dsHidden||(this.setSelectedOption(this.activeOption),this.isOpen=!1,setTimeout((()=>{this.inputRef?.select()}),0));break;case"Down":case"ArrowDown":this.onNavigationKeyDown(this.getNextOption)(s,this.activeOption);break;case"Up":case"ArrowUp":this.onNavigationKeyDown(this.getPreviousOption)(s,this.activeOption);break;case"Home":this.onNavigationKeyDown(this.getFirstOption)(s);break;case"End":this.onNavigationKeyDown(this.getLastOption)(s);break;case"Tab":!this.activeOption||this.activeOption.dsDisabled||this.activeOption.dsHidden||this.setSelectedOption(this.activeOption);break;case"Esc":case"Escape":this.isOpen=!1,this.setFocus();break;default:this.isOpen=!0}};updateGroupVisibility=async s=>{const t=await s.getGroup();t&&(t.dsHidden=!await t.hasVisibleOptions())};handleInput=s=>{if(this.setInputValue(s.target.value),"static"===this.dsFilteringStrategy)return;let t=0;const o=this.getAllOptions();o.forEach((s=>{s.dsHidden=[s.textContent,s.dsLabel,s.dsDescription].every((s=>!s?.toLowerCase().includes(this.inputValue.toLowerCase()))),s.dsHidden&&t++,this.updateGroupVisibility(s)})),this.noResults=t===o.length};openCombobox=()=>{this.isOpen=!0,this.inputRef?.select()};handleFocus=()=>{this.dsDisabled||this.openCombobox()};handleToggleButtonClick=s=>{if(s.stopPropagation(),!this.dsDisabled)return this.isOpen?(this.inputRef?.blur(),void(this.isOpen=!1)):void this.openCombobox()};handleClearButtonClick=s=>{s.stopPropagation(),this.setInputValue(""),this.setSelectedOption(null),setTimeout((()=>{this.inputRef?.select()}),0)};updateScrimClasses=()=>{const s=this.optionsListInnerRef;this.optionsListRef&&s&&(this.hasTopScrim=0!==s.scrollTop,this.hasBottomScrim=Math.ceil(s.scrollTop+s.clientHeight)<s.scrollHeight)};handleScroll=()=>{this.updateScrimClasses()};render(){const{"aria-label":t,...o}=this.inheritedAttributes,i=t||this.dsAriaLabel,e=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),d=g(!0),r=c("ds-icon","ds-combobox",this.el),b=c("ds-button","ds-combobox",this.el),l=c("ds-options-message","ds-combobox",this.el),_=c("ds-input-validity","ds-combobox",this.el),u=c("ds-control-label","ds-combobox",this.el),p=F("ds-combobox"),m=`${p}__input-container`,f=`${p}__options-container`;return s(n,{key:"14bdc26b302170781786d4ee50e8a2803179824f"},s(u,{key:"1c81d8c5fe4c02d71eda6e28ab9856c116a24c66",dsId:this.labelId,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},s("slot",{key:"ffc883ead7cea2eed643f46be57bb0056b4016ce",name:"label"}),s("slot",{key:"8a667a540c0d5dd19c88f689d975a7d719f49868",name:"assistiveText"})),s("div",{key:"db9b719cb5566f4e9c590babbf99297dd337063a",class:a(p,{[`${p}--full-width`]:this.dsFullWidth,[`${p}--open`]:this.isOpen})},s("div",{key:"bfa85967f061425ed824a97c210e327a2bb46e1f",class:a(m,{[`${m}--disabled`]:this.dsDisabled,[`${m}--invalid`]:!!this.dsErrorText,[`${m}--open`]:this.isOpen}),onClick:()=>{this.dsDisabled||this.openCombobox()}},this.dsIcon&&s(r,{key:"f210d8c4af7ce442b79d951dd0b05c81b9d96f3d",class:`${m}__icon`,dsName:this.dsIcon}),s("input",{key:"05e0e0114a281dc9ca4866b904eca7a098f2b2c1",ref:s=>this.inputRef=s,class:`${m}__input`,id:this.dsId,name:this.dsName,form:this.dsForm,type:"text",placeholder:this.dsPlaceholderHidden?void 0:this.dsPlaceholder||v(),disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onInput:this.handleInput,onFocus:this.handleFocus,value:this.inputValue,role:"combobox","aria-autocomplete":"list","aria-activedescendant":this.activeOption?.dsId||"","aria-label":this.dsLabel?void 0:i,"aria-expanded":String(this.isOpen),"aria-controls":this.optionsId,...h("aria-describedby",e),...o}),this.dsClearable&&this.selectedOption&&!this.dsDisabled&&s(b,{key:"14544ce37e87cbe3de1328bc9d9177f595c7d26a",class:`${m}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:d,dsIconAriaLabel:d,onClick:this.handleClearButtonClick,"aria-label":d,"aria-describedby":this.dsId}),s("div",{key:"9cf8a674e1c1376043319874d64e67f331010b91",id:this.buttonId,class:`${m}__toggle-button`,role:"button",tabIndex:-1,"aria-label":this.dsLabel?void 0:i,"aria-labelledby":this.dsLabel&&this.labelId,"aria-expanded":String(this.isOpen),"aria-controls":this.optionsId,onClick:this.handleToggleButtonClick},s(r,{key:"57e8cae8230e002fb96adb9e0c46541b4cb69d4b",class:`${m}__toggle-button__icon`,dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"}))),s("div",{key:"899f7faa22d8e8724c31981a23f4f33c766bf0a0",class:a(f,{[`${f}--open`]:this.isOpen})},s("div",{key:"ac9b5f4693dc5fa09a2c26db14f1072c76d4d943",ref:s=>this.optionsListRef=s,class:a(`${f}__options`)},s(l,{key:"3dbfb8ab9abc5eabe18641133b0df53752285e6f",dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText,dsNoResults:this.dsNoResults||this.noResults,dsNoResultsTitle:this.getNoResultsTitle(this.inputValue),dsNoResultsText:this.dsNoResultsText}),s("div",{key:"9af515b635c5acc9458bdfb511176cb32985398d",id:this.optionsId,class:`${f}__options__inner`,tabIndex:-1,role:"listbox",ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll,"aria-label":this.dsLabel?void 0:i,"aria-labelledby":this.dsLabel&&this.labelId},s("div",{key:"7626777984aef6d12a83ac6d895ad0d547c5833d",class:a(`${f}__options__inner__top-scrim`,{[`${f}__options__inner__top-scrim--dark`]:this.hasTopScrimDark,[`${f}__options__inner__top-scrim--visible`]:this.hasTopScrim}),"aria-hidden":"true"}),s("slot",{key:"ad18ad7ceefb44489fff62a157d1f1f8db44dbf9"}),s("div",{key:"15102d664d53af7fd8ff4e1eaecf4ebe6603ae7b",class:a(`${f}__options__inner__bottom-scrim`,{[`${f}__options__inner__bottom-scrim--visible`]:this.hasBottomScrim}),"aria-hidden":"true"}))))),!!this.dsErrorText&&s(_,{key:"31b705cfe8a847731ea7e49bcb1611725f71adde",id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}),s(this.DsFeedback,{key:"d37ef1cd49fae0f5a6b35c4ce467af2faaa9fad6",dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}static get formAssociated(){return!0}static get watchers(){return{dsValue:["dsValueObserver"],selectedOption:["selectedOptionObserver"],inputValue:["inputValueObserver"],isOpen:["isOpenObserver"],hasFocus:["hasFocusObserver"],dsLoading:["statusPropertyObserver"],dsOptionsError:["statusPropertyObserver"],dsNoResults:["statusPropertyObserver"],noResults:["statusPropertyObserver"],"aria-label":["ariaAttributeObserver"]}}};d([s("ds-icon",{dsName:""}),s("ds-button",null),s("ds-options-message",null),s("ds-input-validity",null),s("ds-control-label",null),s("ds-feedback",null)]),C.style=".sc-ds-combobox-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-combobox-h:not(:has(.ds-combobox__kfFKF0--full-width)){width:20rem}}.sc-ds-combobox-h>div.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__kfFKF0__input-container.sc-ds-combobox{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:default;box-sizing:border-box;height:2.75rem;width:100%}.ds-combobox__kfFKF0__input-container--disabled.sc-ds-combobox{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-combobox__kfFKF0__input-container--disabled.sc-ds-combobox .ds-combobox__kfFKF0__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__kfFKF0__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__kfFKF0__input-container--invalid.sc-ds-combobox:not(.ds-combobox__kfFKF0__input-container--open):not(.ds-combobox__kfFKF0__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__kfFKF0__input-container--invalid.sc-ds-combobox:not(.ds-combobox__kfFKF0__input-container--open):not(.ds-combobox__kfFKF0__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__kfFKF0__input-container.sc-ds-combobox:active:not(.ds-combobox__kfFKF0__input-container--invalid,.ds-combobox__kfFKF0__input-container--disabled).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__kfFKF0__input-container.sc-ds-combobox:not(.ds-combobox__kfFKF0__input-container--open,.ds-combobox__kfFKF0__input-container.sc-ds-combobox:has(>.ds-combobox__kfFKF0__input-container__clear-button>button:focus),.ds-combobox__kfFKF0__input-container--invalid.sc-ds-combobox,.ds-combobox__kfFKF0__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__kfFKF0__input-container.sc-ds-combobox:has(>.ds-combobox__kfFKF0__input-container__input:focus),.ds-combobox__kfFKF0__input-container.sc-ds-combobox:has(>.ds-combobox__kfFKF0__input-container__clear-button>button:focus){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-combobox__kfFKF0__input-container__input.sc-ds-combobox{width:100%;height:100%;border:0;background:none;color:inherit;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-combobox__kfFKF0__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__kfFKF0__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed}.ds-combobox__kfFKF0__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__kfFKF0__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__kfFKF0__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__kfFKF0__input-container__icon.sc-ds-combobox+.ds-combobox__kfFKF0__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__kfFKF0__input-container__clear-button.sc-ds-combobox,.ds-combobox__kfFKF0__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__kfFKF0__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__kfFKF0__input-container__toggle-button__icon.sc-ds-combobox{align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:inherit;z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-combobox__kfFKF0__options-container.sc-ds-combobox{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-combobox__kfFKF0__options-container--open.sc-ds-combobox{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-combobox__kfFKF0__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__kfFKF0__options-container__options__inner.sc-ds-combobox{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-combobox__kfFKF0__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__kfFKF0__options-container__options__inner__bottom-scrim.sc-ds-combobox{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-combobox__kfFKF0__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__kfFKF0__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__kfFKF0__options-container__options__inner__top-scrim.sc-ds-combobox{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-combobox__kfFKF0__options-container__options__inner__top-scrim--dark.sc-ds-combobox{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:var(--ds-shadow-overflow)}.ds-combobox__kfFKF0__options-container__options__inner__bottom-scrim.sc-ds-combobox{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";export{C as ds_combobox}