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

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

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

Files changed (2395) hide show

package/dist/components/ds-card.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as d,M as e,h as s,t as a}from"./p-CzSzVfDu.js";import{c as t}from"./p-BfTCfPZ1.js";import{t as o,d as r}from"./p-Duz7I_DQ.js";import{o as i,v as c}from"./p-Ns7sxPpf.js";import{c as n}from"./p-BpJtDd1D.js";import{a as l,i as _}from"./p-5l5qZ1Ad.js";import{c as h}from"./p-CVitC9tk.js";import{d as f}from"./p-agL9TGQL.js";import{d as g}from"./p-Eh5Ce9Mh.js";const m={xLarge:"2.5rem",large:"2.5rem",medium:"2rem",small:"2rem",xSmall:"1.5rem","2xSmall":"1.5rem"},p=d(class extends(e(h("ds-card",{stopRootTracking:!0}))){constructor(d){super(),!1!==d&&this.__registerHost()}linkIcon="arrow_forward";inheritedAttributes={};cardId=this.getUniqueId();get el(){return this}dsLinkType="full";dsVariant="filled";dsHorizontal=!1;dsHeading;dsHeadingLevel=3;dsDescription;dsDescriptionClamp;dsDescriptionMaxWidth="none";dsUrl;dsUrlTarget="_self";dsEyebrow;dsSubtitle;dsTag;dsShowArrow=!0;dsFluidHeight=!1;dsTextSize="small";hasImageSlot=!1;hasSubtitleSlot=!1;hasSlotContent=!0;isCardFocused=!1;componentWillLoad(){i(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={..._(this.el,["aria-labelledby"]),...l(this,this.el)}}connectedCallback(){const d=null===this.el.querySelector('[slot="content"]'),e=null===this.el.querySelector('[slot="footer"]');d&&e&&(this.hasSlotContent=!1)}componentDidLoad(){this.componentMounted(),this.checkImageSlot()}isSlottedElement(d){let e=d;for(;e&&e!==this.el;){if(e.hasAttribute("slot"))return!0;e=e.parentElement}return!1}handleFocusIn(d){this.isSlottedElement(d.target)\|\|(this.isCardFocused=!0)}handleFocusOut(d){const e=d.relatedTarget;e&&this.el.contains(e)&&!this.isSlottedElement(e)\|\|(this.isCardFocused=!1)}handleClick(){}handleKeydown(d){}checkImageSlot(){const d=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=d.length>0}checkSubtitleSlot(){const d=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=d.length>0}render(){const d=n("ds-card"),e=t(d,`${d}--${this.dsVariant}`,`${d}--text-size-${this.dsTextSize}`,{[d+"--link--full"]:"full"===this.dsLinkType,[d+"--fluid-height"]:this.dsFluidHeight,[d+"--focused"]:this.isCardFocused},this.dsHorizontal?d+"--horizontal":d+"--vertical",`${d}--link__${this.dsLinkType}`),a=t(d+"__link",{[`${d}__link--${this.dsLinkType}`]:!0}),r="h"+this.dsHeadingLevel,l=this.cardId+"-heading",_=o("ds-icon","ds-card",this.el),h=o("ds-visually-hidden","ds-card",this.el);return s("article",{key:"949baea279c6b144e7617ad76a0fdafe2a618423",class:e,style:{"--description-line-clamp":this.dsDescriptionClamp?""+this.dsDescriptionClamp:"none"},"aria-labelledby":l,...this.inheritedAttributes},s("div",{key:"58c53b902bdffbd90077fc47699bce7d4a174803",class:d+"__content"},s("div",{key:"54c3693068def7ca5af5c5bbd893e8cfcf22c1ab",class:{[d+"__content--top"]:!0,[d+"__content--top--has-link"]:!!this.dsUrl}},s("div",{key:"8ae393400706ec9eb53b66cf728b293e21fd8f65",class:d+"__heading-container"},this.dsUrl&&"none"!==this.dsLinkType?s(r,{class:d+"__heading",id:l},s("a",{href:this.dsUrl,target:this.dsUrlTarget,class:a},s("slot",{name:"heading"},this.dsHeading),i(this.dsUrlTarget)&&s(h,{dsTag:"span"},c()))):s(r,{class:d+"__heading"},s("slot",{name:"heading"},this.dsHeading)),this.dsTag&&this.hasImageSlot&&s("span",{key:"a2899088af9ce8a797b015ebeeb908856fafd104",class:d+"__tag"},this.dsTag),this.dsEyebrow&&s("div",{key:"8629ce2c396f5f4e38234485e0d7c196199fc01e",class:d+"__eyebrow"},this.dsEyebrow),this.dsSubtitle&&s("div",{key:"338375d452333db666a0faa6e4a0b23a481d00a2",class:d+"__subtitle"},this.dsSubtitle),s("div",{key:"03d4d344af060d5acc05ac08c3a13ef212b08001",class:t(d+"__slot-subtitle",{[d+"__slot-subtitle--hidden"]:!this.hasSubtitleSlot})},s("slot",{key:"5ef848ffd5fc8d8a269f951d8e01127cf9ff5437",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&"heading"!==this.dsLinkType&&s(_,{key:"9b79c83fc224ad3561ad385729d50b3f01f34b81",dsSize:m[this.dsTextSize],class:d+"__icon",dsName:this.linkIcon})),this.dsDescription&&s("p",{key:"3e67be183893589a8cb93969e17bd0d986861a1d",class:d+"__description",style:{"--ds-card-description-max-width":this.dsDescriptionMaxWidth}},this.dsDescription)),s("div",{key:"78d6ee5a43ff2ce06b6dcd7f00e8f8f9e64f901d",class:t(d+"__content--bottom",{[d+"__content--bottom--has-slot-content"]:this.hasSlotContent})},s("div",{key:"3f61557f42b20d49fd6cb2e57f0d68ae6f0a077b",class:d+"__slot--content"},s("slot",{key:"42b6f33706151247b6f477aed9c9e712932964a3",name:"content"})),s("div",{key:"875daf093e551b7a30e80e90d166816447ac27d3",class:d+"__slot--footer"},s("slot",{key:"5565822709c477bcf137acab48b8b1af281f534e",name:"footer"}))),s("div",{key:"2b19aa66ee125c6757607cde818d4a5155ea5750",class:{[d+"__image-container"]:!0,[d+"__image-container--has-image"]:this.hasImageSlot}},s("slot",{key:"f93c4e95aa6ef22b09051a1af7eecee0553fd903",name:"image",onSlotchange:()=>this.checkImageSlot()})))}static get style(){return'.ds-heading-2xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing, -1.2px);font-stretch:var(--ds-fontWidth-condense);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading-2xl.sc-ds-card{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px}}.ds-heading-xl--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-heading-xl.sc-ds-card{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-heading-lg--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-lg.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-lg.sc-ds-card{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading-md--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-md.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-md.sc-ds-card{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading-sm--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-sm.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-sm.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading-xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-xs.sc-ds-card{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-heading-2xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-2xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-2xs.sc-ds-card{font-size:var(--ds-fontSize-16);line-height:18px}}.sc-ds-card-h{display:block}.ds-card__oJU1eo.sc-ds-card{--ds-bodyText-fontSize-large:var(--ds-fontSize-16);--ds-bodyText-fontSize-medium:var(--ds-fontSize-14);--ds-bodyText-fontSize-small:var(--ds-fontSize-12)}@media (min-width: 60rem){.ds-card__oJU1eo.sc-ds-card{--ds-bodyText-fontSize-large:var(--ds-fontSize-18);--ds-bodyText-fontSize-medium:var(--ds-fontSize-16);--ds-bodyText-fontSize-small:var(--ds-fontSize-14)}}.ds-card__oJU1eo.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;min-height:var(--ds-spacing-layout-2xLarge, 8rem);position:relative}.ds-card__oJU1eo--fluid-height.sc-ds-card{height:100%}.ds-card__oJU1eo.ds-card__oJU1eo--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__oJU1eo.ds-card__oJU1eo--link--full.sc-ds-card:hover .ds-card__oJU1eo__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__oJU1eo.ds-card__oJU1eo--link--full.sc-ds-card:hover .ds-card__oJU1eo__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__oJU1eo.ds-card__oJU1eo--link--full.sc-ds-card:hover .ds-card__oJU1eo__link--heading.sc-ds-card{text-decoration:none}.ds-card__oJU1eo.ds-card__oJU1eo--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__oJU1eo.ds-card__oJU1eo--link--full.sc-ds-card:active .ds-card__oJU1eo__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__oJU1eo.ds-card__oJU1eo--link--full.sc-ds-card:active .ds-card__oJU1eo__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__oJU1eo.ds-card__oJU1eo--link--full.sc-ds-card:active .ds-card__oJU1eo__link--heading.sc-ds-card{text-decoration:none}.ds-card__oJU1eo.ds-card__oJU1eo--link--full.sc-ds-card:focus-within{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__oJU1eo.sc-ds-card .ds-card__oJU1eo__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__oJU1eo--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__oJU1eo--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__oJU1eo--horizontal.sc-ds-card .ds-card__oJU1eo__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__oJU1eo--horizontal.sc-ds-card .ds-card__oJU1eo__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__oJU1eo--horizontal.sc-ds-card .ds-card__oJU1eo__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__oJU1eo--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__oJU1eo__image-container.sc-ds-card{display:none}.ds-card__oJU1eo__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__oJU1eo.sc-ds-card:not(.ds-card__oJU1eo--vertical) .ds-card__oJU1eo__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__oJU1eo.sc-ds-card:not(.ds-card__oJU1eo--horizontal) .ds-card__oJU1eo__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__oJU1eo--link--full.sc-ds-card .ds-card__oJU1eo__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__oJU1eo__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__oJU1eo__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__oJU1eo__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__oJU1eo__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__oJU1eo__content--bottom.sc-ds-card{order:4}.ds-card__oJU1eo__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-3xSmall);order:1}.ds-card__oJU1eo__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__oJU1eo__heading.sc-ds-card{align-items:center;display:flex;margin:0;margin-bottom:var(--ds-spacing-2xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__oJU1eo__heading.sc-ds-card .ds-card__oJU1eo__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__oJU1eo__heading.sc-ds-card .ds-card__oJU1eo__link.sc-ds-card:not(.ds-card__oJU1eo__link--full):hover,.ds-card__oJU1eo__heading.sc-ds-card .ds-card__oJU1eo__link.sc-ds-card:not(.ds-card__oJU1eo__link--full):active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__oJU1eo__heading.sc-ds-card .ds-card__oJU1eo__link--heading.sc-ds-card{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-card__oJU1eo__heading.sc-ds-card .ds-card__oJU1eo__link--heading.sc-ds-card: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-card__oJU1eo__subtitle.sc-ds-card,.ds-card__oJU1eo__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__oJU1eo__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;order:3;max-width:var(--ds-card-description-max-width, none)}.ds-card__oJU1eo__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__oJU1eo__slot-subtitle--hidden.sc-ds-card{display:none}.ds-card__oJU1eo--text-size-xLarge.sc-ds-card .ds-card__oJU1eo__content--top.sc-ds-card{padding:var(--ds-spacing-medium)}.ds-card__oJU1eo--text-size-xLarge.sc-ds-card .ds-card__oJU1eo__eyebrow.sc-ds-card,.ds-card__oJU1eo--text-size-xLarge.sc-ds-card .ds-card__oJU1eo__subtitle.sc-ds-card,.ds-card__oJU1eo--text-size-xLarge.sc-ds-card .ds-card__oJU1eo__slot-subtitle.sc-ds-card{font-size:var(--ds-bodyText-fontSize-large, 16px)}.ds-card__oJU1eo--text-size-xLarge.sc-ds-card .ds-card__oJU1eo__description.sc-ds-card{font-size:var(--ds-bodyText-fontSize-large, 16px);padding:0 var(--ds-spacing-medium);margin:0 0 var(--ds-spacing-large) 0}.ds-card__oJU1eo--text-size-xLarge.sc-ds-card .ds-card__oJU1eo__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__oJU1eo--text-size-xLarge.sc-ds-card .ds-card__oJU1eo__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-card__oJU1eo--text-size-xLarge.sc-ds-card .ds-card__oJU1eo__heading.sc-ds-card{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-card__oJU1eo--text-size-large.sc-ds-card .ds-card__oJU1eo__content--top.sc-ds-card{padding:var(--ds-spacing-medium)}.ds-card__oJU1eo--text-size-large.sc-ds-card .ds-card__oJU1eo__eyebrow.sc-ds-card,.ds-card__oJU1eo--text-size-large.sc-ds-card .ds-card__oJU1eo__subtitle.sc-ds-card,.ds-card__oJU1eo--text-size-large.sc-ds-card .ds-card__oJU1eo__slot-subtitle.sc-ds-card{font-size:var(--ds-bodyText-fontSize-large, 16px)}.ds-card__oJU1eo--text-size-large.sc-ds-card .ds-card__oJU1eo__description.sc-ds-card{font-size:var(--ds-bodyText-fontSize-large, 16px);padding:0 var(--ds-spacing-medium);margin:0 0 var(--ds-spacing-large) 0}.ds-card__oJU1eo--text-size-large.sc-ds-card .ds-card__oJU1eo__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__oJU1eo--text-size-large.sc-ds-card .ds-card__oJU1eo__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__oJU1eo--text-size-large.sc-ds-card .ds-card__oJU1eo__heading.sc-ds-card{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-card__oJU1eo--text-size-medium.sc-ds-card .ds-card__oJU1eo__content--top.sc-ds-card{padding:var(--ds-spacing-small)}.ds-card__oJU1eo--text-size-medium.sc-ds-card .ds-card__oJU1eo__eyebrow.sc-ds-card,.ds-card__oJU1eo--text-size-medium.sc-ds-card .ds-card__oJU1eo__subtitle.sc-ds-card,.ds-card__oJU1eo--text-size-medium.sc-ds-card .ds-card__oJU1eo__slot-subtitle.sc-ds-card{font-size:var(--ds-bodyText-fontSize-medium, 14px)}.ds-card__oJU1eo--text-size-medium.sc-ds-card .ds-card__oJU1eo__description.sc-ds-card{font-size:var(--ds-bodyText-fontSize-medium, 14px);padding:0 var(--ds-spacing-small);margin:0 0 var(--ds-spacing-medium) 0}.ds-card__oJU1eo--text-size-medium.sc-ds-card .ds-card__oJU1eo__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__oJU1eo--text-size-medium.sc-ds-card .ds-card__oJU1eo__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__oJU1eo--text-size-medium.sc-ds-card .ds-card__oJU1eo__heading.sc-ds-card{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-card__oJU1eo--text-size-small.sc-ds-card .ds-card__oJU1eo__content--top.sc-ds-card{padding:var(--ds-spacing-small)}.ds-card__oJU1eo--text-size-small.sc-ds-card .ds-card__oJU1eo__eyebrow.sc-ds-card,.ds-card__oJU1eo--text-size-small.sc-ds-card .ds-card__oJU1eo__subtitle.sc-ds-card,.ds-card__oJU1eo--text-size-small.sc-ds-card .ds-card__oJU1eo__slot-subtitle.sc-ds-card{font-size:var(--ds-bodyText-fontSize-medium, 14px)}.ds-card__oJU1eo--text-size-small.sc-ds-card .ds-card__oJU1eo__description.sc-ds-card{font-size:var(--ds-bodyText-fontSize-medium, 14px);padding:0 var(--ds-spacing-small);margin:0 0 var(--ds-spacing-medium) 0}.ds-card__oJU1eo--text-size-small.sc-ds-card .ds-card__oJU1eo__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__oJU1eo--text-size-small.sc-ds-card .ds-card__oJU1eo__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__oJU1eo--text-size-small.sc-ds-card .ds-card__oJU1eo__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__oJU1eo--text-size-xSmall.sc-ds-card .ds-card__oJU1eo__content--top.sc-ds-card{padding:var(--ds-spacing-xSmall)}.ds-card__oJU1eo--text-size-xSmall.sc-ds-card .ds-card__oJU1eo__eyebrow.sc-ds-card,.ds-card__oJU1eo--text-size-xSmall.sc-ds-card .ds-card__oJU1eo__subtitle.sc-ds-card,.ds-card__oJU1eo--text-size-xSmall.sc-ds-card .ds-card__oJU1eo__slot-subtitle.sc-ds-card{font-size:var(--ds-bodyText-fontSize-small, 12px)}.ds-card__oJU1eo--text-size-xSmall.sc-ds-card .ds-card__oJU1eo__description.sc-ds-card{font-size:var(--ds-bodyText-fontSize-small, 12px);padding:0 var(--ds-spacing-xSmall);margin:0 0 var(--ds-spacing-small) 0}.ds-card__oJU1eo--text-size-xSmall.sc-ds-card .ds-card__oJU1eo__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__oJU1eo--text-size-xSmall.sc-ds-card .ds-card__oJU1eo__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__oJU1eo--text-size-xSmall.sc-ds-card .ds-card__oJU1eo__heading.sc-ds-card{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-card__oJU1eo--text-size-2xSmall.sc-ds-card .ds-card__oJU1eo__content--top.sc-ds-card{padding:var(--ds-spacing-xSmall)}.ds-card__oJU1eo--text-size-2xSmall.sc-ds-card .ds-card__oJU1eo__eyebrow.sc-ds-card,.ds-card__oJU1eo--text-size-2xSmall.sc-ds-card .ds-card__oJU1eo__subtitle.sc-ds-card,.ds-card__oJU1eo--text-size-2xSmall.sc-ds-card .ds-card__oJU1eo__slot-subtitle.sc-ds-card{font-size:var(--ds-bodyText-fontSize-small, 12px)}.ds-card__oJU1eo--text-size-2xSmall.sc-ds-card .ds-card__oJU1eo__description.sc-ds-card{font-size:var(--ds-bodyText-fontSize-small, 12px);padding:0 var(--ds-spacing-xSmall);margin:0 0 var(--ds-spacing-small) 0}.ds-card__oJU1eo--text-size-2xSmall.sc-ds-card .ds-card__oJU1eo__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__oJU1eo--text-size-2xSmall.sc-ds-card .ds-card__oJU1eo__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__oJU1eo--text-size-2xSmall.sc-ds-card .ds-card__oJU1eo__heading.sc-ds-card{font-size:var(--ds-fontSize-16);line-height:18px}}'}},[774,"ds-card",{dsLinkType:[1,"ds-link-type"],dsVariant:[1,"ds-variant"],dsHorizontal:[4,"ds-horizontal"],dsHeading:[1,"ds-heading"],dsHeadingLevel:[2,"ds-heading-level"],dsDescription:[1,"ds-description"],dsDescriptionClamp:[2,"ds-description-clamp"],dsDescriptionMaxWidth:[1,"ds-description-max-width"],dsUrl:[1,"ds-url"],dsUrlTarget:[1,"ds-url-target"],dsEyebrow:[1,"ds-eyebrow"],dsSubtitle:[1,"ds-subtitle"],dsTag:[1,"ds-tag"],dsShowArrow:[4,"ds-show-arrow"],dsFluidHeight:[4,"ds-fluid-height"],dsTextSize:[1,"ds-text-size"],hasImageSlot:[32],hasSubtitleSlot:[32],hasSlotContent:[32],isCardFocused:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"],[2,"click","handleClick"],[2,"keydown","handleKeydown"]]]);r([s("ds-icon",{dsName:""}),s("ds-visually-hidden",null)]);const v=p,x=function(){"undefined"!=typeof customElements&&["ds-card","ds-icon","ds-visually-hidden"].forEach((d=>{switch(d){case"ds-card":customElements.get(a(d))\|\|customElements.define(a(d),p);break;case"ds-icon":customElements.get(a(d))\|\|f();break;case"ds-visually-hidden":customElements.get(a(d))\|\|g()}}))};export{v as DsCard,x as defineCustomElement}
1	+ import{p as d,M as s,h as a,t}from"./p-D6UlgeOO.js";import{c as e}from"./p-BfTCfPZ1.js";import{t as c,d as r}from"./p-C_0dwn2_.js";import{o as i,v as n}from"./p-DdGx5L7t.js";import{c as o}from"./p-D8YjFWWU.js";import{a as l,i as _}from"./p-5l5qZ1Ad.js";import{c as h}from"./p-Bmf5N-74.js";import{d as p}from"./p-DmnbW85q.js";import{d as f}from"./p-Cx1Ahh88.js";const g={xLarge:"2.5rem",large:"2.5rem",medium:"2rem",small:"2rem",xSmall:"1.5rem","2xSmall":"1.5rem"},m=d(class extends(s(h("ds-card",{stopRootTracking:!0}))){constructor(d){super(),!1!==d&&this.__registerHost()}linkIcon="arrow_forward";inheritedAttributes={};cardId=this.getUniqueId();get el(){return this}dsLinkType="full";dsVariant="filled";dsHorizontal=!1;dsHeading;dsHeadingLevel=3;dsDescription;dsDescriptionClamp;dsDescriptionMaxWidth="none";dsUrl;dsUrlTarget="_self";dsEyebrow;dsSubtitle;dsTag;dsShowArrow=!0;dsFluidHeight=!1;dsTextSize="small";hasImageSlot=!1;hasSubtitleSlot=!1;hasSlotContent=!0;isCardFocused=!1;componentWillLoad(){i(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={..._(this.el,["aria-labelledby"]),...l(this,this.el)}}connectedCallback(){const d=null===this.el.querySelector('[slot="content"]'),s=null===this.el.querySelector('[slot="footer"]');d&&s&&(this.hasSlotContent=!1)}componentDidLoad(){this.componentMounted(),this.checkImageSlot()}isSlottedElement(d){let s=d;for(;s&&s!==this.el;){if(s.hasAttribute("slot"))return!0;s=s.parentElement}return!1}handleFocusIn(d){this.isSlottedElement(d.target)\|\|(this.isCardFocused=!0)}handleFocusOut(d){const s=d.relatedTarget;s&&this.el.contains(s)&&!this.isSlottedElement(s)\|\|(this.isCardFocused=!1)}handleClick(){}handleKeydown(d){}checkImageSlot(){const d=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=d.length>0}checkSubtitleSlot(){const d=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=d.length>0}render(){const d=o("ds-card"),s=e(d,`${d}--${this.dsVariant}`,`${d}--text-size-${this.dsTextSize}`,{[d+"--link--full"]:"full"===this.dsLinkType,[d+"--fluid-height"]:this.dsFluidHeight,[d+"--focused"]:this.isCardFocused},this.dsHorizontal?d+"--horizontal":d+"--vertical",`${d}--link__${this.dsLinkType}`),t=e(d+"__link",{[`${d}__link--${this.dsLinkType}`]:!0}),r="h"+this.dsHeadingLevel,l=this.cardId+"-heading",_=c("ds-icon","ds-card",this.el),h=c("ds-visually-hidden","ds-card",this.el);return a("article",{key:"eccea422310671d316c1979abb77548afe7ed32d",class:s,style:{"--description-line-clamp":this.dsDescriptionClamp?""+this.dsDescriptionClamp:"none"},"aria-labelledby":l,...this.inheritedAttributes},a("div",{key:"3bf8ee8d79137bea3d8d664a39b27cab992e1baf",class:d+"__content"},a("div",{key:"f5f5f3437d8ef1615178f005e95ff42e52d6d23d",class:{[d+"__content--top"]:!0,[d+"__content--top--has-link"]:!!this.dsUrl}},a("div",{key:"59e350dda905f943b2c83fbe953130fcdf97fbd5",class:d+"__heading-container"},this.dsUrl&&"none"!==this.dsLinkType?a(r,{class:d+"__heading",id:l},a("a",{href:this.dsUrl,target:this.dsUrlTarget,class:t},a("slot",{name:"heading"},this.dsHeading),i(this.dsUrlTarget)&&a(h,{dsTag:"span"},n()))):a(r,{class:d+"__heading"},a("slot",{name:"heading"},this.dsHeading)),this.dsTag&&this.hasImageSlot&&a("span",{key:"ab8672ab779aa44a0b36358517aa765afb8087df",class:d+"__tag"},this.dsTag),this.dsEyebrow&&a("div",{key:"1a3197493c601d95aa6effbb18e2e385c7d76797",class:d+"__eyebrow"},this.dsEyebrow),this.dsSubtitle&&a("div",{key:"00b65340ab3cb7d8b285599facc6559f9ba1796a",class:d+"__subtitle"},this.dsSubtitle),a("div",{key:"cd638fc6f8f44a2816884909a1224cc2640949a8",class:e(d+"__slot-subtitle",{[d+"__slot-subtitle--hidden"]:!this.hasSubtitleSlot})},a("slot",{key:"869039e68272e5c4e4f3951f697cd748522dd606",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&"heading"!==this.dsLinkType&&a(_,{key:"408cbc076dbf991a374ba4948dbcb1c1b07025bf",dsSize:g[this.dsTextSize],class:d+"__icon",dsName:this.linkIcon})),this.dsDescription&&a("p",{key:"af54782148ea93f6233a036b17f5789d833b646d",class:d+"__description",style:{"--ds-card-description-max-width":this.dsDescriptionMaxWidth}},this.dsDescription)),a("div",{key:"046c01e22a36b14804557362a82b87b71f030d5a",class:e(d+"__content--bottom",{[d+"__content--bottom--has-slot-content"]:this.hasSlotContent})},a("div",{key:"b4c16e8354cb7a0ecf5125a83cd22956c4455047",class:d+"__slot--content"},a("slot",{key:"9214ad66d3b3aab658573fbb9813a10487fac8b1",name:"content"})),a("div",{key:"24214b541e317ff3b2bf960ff9ddffe747253dc7",class:d+"__slot--footer"},a("slot",{key:"0f35b17a3fb0785c0938ad0d45f4a0921d57a649",name:"footer"}))),a("div",{key:"2dca5cf669e316b4ccc88ff796bc51d727103476",class:{[d+"__image-container"]:!0,[d+"__image-container--has-image"]:this.hasImageSlot}},a("slot",{key:"c95e9f1edf29719785a0be46f36290b754d966b4",name:"image",onSlotchange:()=>this.checkImageSlot()})))}static get style(){return'.ds-heading-2xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing, -1.2px);font-stretch:var(--ds-fontWidth-condense);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading-2xl.sc-ds-card{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px}}.ds-heading-xl--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-heading-xl.sc-ds-card{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-heading-lg--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-lg.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-lg.sc-ds-card{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading-md--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-md.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-md.sc-ds-card{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading-sm--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-sm.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-sm.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading-xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-xs.sc-ds-card{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-heading-2xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-2xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-2xs.sc-ds-card{font-size:var(--ds-fontSize-16);line-height:18px}}.sc-ds-card-h{display:block}.ds-card__pA2cRq.sc-ds-card{--ds-bodyText-fontSize-large:var(--ds-fontSize-16);--ds-bodyText-fontSize-medium:var(--ds-fontSize-14);--ds-bodyText-fontSize-small:var(--ds-fontSize-12)}@media (min-width: 60rem){.ds-card__pA2cRq.sc-ds-card{--ds-bodyText-fontSize-large:var(--ds-fontSize-18);--ds-bodyText-fontSize-medium:var(--ds-fontSize-16);--ds-bodyText-fontSize-small:var(--ds-fontSize-14)}}.ds-card__pA2cRq.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;min-height:var(--ds-spacing-layout-2xLarge, 8rem);position:relative}.ds-card__pA2cRq--fluid-height.sc-ds-card{height:100%}.ds-card__pA2cRq.ds-card__pA2cRq--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__pA2cRq.ds-card__pA2cRq--link--full.sc-ds-card:hover .ds-card__pA2cRq__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__pA2cRq.ds-card__pA2cRq--link--full.sc-ds-card:hover .ds-card__pA2cRq__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__pA2cRq.ds-card__pA2cRq--link--full.sc-ds-card:hover .ds-card__pA2cRq__link--heading.sc-ds-card{text-decoration:none}.ds-card__pA2cRq.ds-card__pA2cRq--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__pA2cRq.ds-card__pA2cRq--link--full.sc-ds-card:active .ds-card__pA2cRq__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__pA2cRq.ds-card__pA2cRq--link--full.sc-ds-card:active .ds-card__pA2cRq__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__pA2cRq.ds-card__pA2cRq--link--full.sc-ds-card:active .ds-card__pA2cRq__link--heading.sc-ds-card{text-decoration:none}.ds-card__pA2cRq.ds-card__pA2cRq--link--full.sc-ds-card:focus-within{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__pA2cRq.sc-ds-card .ds-card__pA2cRq__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__pA2cRq--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__pA2cRq--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__pA2cRq--horizontal.sc-ds-card .ds-card__pA2cRq__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__pA2cRq--horizontal.sc-ds-card .ds-card__pA2cRq__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__pA2cRq--horizontal.sc-ds-card .ds-card__pA2cRq__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__pA2cRq--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__pA2cRq__image-container.sc-ds-card{display:none}.ds-card__pA2cRq__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__pA2cRq.sc-ds-card:not(.ds-card__pA2cRq--vertical) .ds-card__pA2cRq__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__pA2cRq.sc-ds-card:not(.ds-card__pA2cRq--horizontal) .ds-card__pA2cRq__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__pA2cRq--link--full.sc-ds-card .ds-card__pA2cRq__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__pA2cRq__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__pA2cRq__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__pA2cRq__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__pA2cRq__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__pA2cRq__content--bottom.sc-ds-card{order:4}.ds-card__pA2cRq__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-3xSmall);order:1}.ds-card__pA2cRq__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__pA2cRq__heading.sc-ds-card{align-items:center;display:flex;margin:0;margin-bottom:var(--ds-spacing-2xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__pA2cRq__heading.sc-ds-card .ds-card__pA2cRq__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__pA2cRq__heading.sc-ds-card .ds-card__pA2cRq__link.sc-ds-card:not(.ds-card__pA2cRq__link--full):hover,.ds-card__pA2cRq__heading.sc-ds-card .ds-card__pA2cRq__link.sc-ds-card:not(.ds-card__pA2cRq__link--full):active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__pA2cRq__heading.sc-ds-card .ds-card__pA2cRq__link--heading.sc-ds-card{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-card__pA2cRq__heading.sc-ds-card .ds-card__pA2cRq__link--heading.sc-ds-card: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-card__pA2cRq__subtitle.sc-ds-card,.ds-card__pA2cRq__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__pA2cRq__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;order:3;max-width:var(--ds-card-description-max-width, none)}.ds-card__pA2cRq__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__pA2cRq__slot-subtitle--hidden.sc-ds-card{display:none}.ds-card__pA2cRq--text-size-xLarge.sc-ds-card .ds-card__pA2cRq__content--top.sc-ds-card{padding:var(--ds-spacing-medium)}.ds-card__pA2cRq--text-size-xLarge.sc-ds-card .ds-card__pA2cRq__eyebrow.sc-ds-card,.ds-card__pA2cRq--text-size-xLarge.sc-ds-card .ds-card__pA2cRq__subtitle.sc-ds-card,.ds-card__pA2cRq--text-size-xLarge.sc-ds-card .ds-card__pA2cRq__slot-subtitle.sc-ds-card{font-size:var(--ds-bodyText-fontSize-large, 16px)}.ds-card__pA2cRq--text-size-xLarge.sc-ds-card .ds-card__pA2cRq__description.sc-ds-card{font-size:var(--ds-bodyText-fontSize-large, 16px);padding:0 var(--ds-spacing-medium);margin:0 0 var(--ds-spacing-large) 0}.ds-card__pA2cRq--text-size-xLarge.sc-ds-card .ds-card__pA2cRq__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__pA2cRq--text-size-xLarge.sc-ds-card .ds-card__pA2cRq__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-card__pA2cRq--text-size-xLarge.sc-ds-card .ds-card__pA2cRq__heading.sc-ds-card{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-card__pA2cRq--text-size-large.sc-ds-card .ds-card__pA2cRq__content--top.sc-ds-card{padding:var(--ds-spacing-medium)}.ds-card__pA2cRq--text-size-large.sc-ds-card .ds-card__pA2cRq__eyebrow.sc-ds-card,.ds-card__pA2cRq--text-size-large.sc-ds-card .ds-card__pA2cRq__subtitle.sc-ds-card,.ds-card__pA2cRq--text-size-large.sc-ds-card .ds-card__pA2cRq__slot-subtitle.sc-ds-card{font-size:var(--ds-bodyText-fontSize-large, 16px)}.ds-card__pA2cRq--text-size-large.sc-ds-card .ds-card__pA2cRq__description.sc-ds-card{font-size:var(--ds-bodyText-fontSize-large, 16px);padding:0 var(--ds-spacing-medium);margin:0 0 var(--ds-spacing-large) 0}.ds-card__pA2cRq--text-size-large.sc-ds-card .ds-card__pA2cRq__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__pA2cRq--text-size-large.sc-ds-card .ds-card__pA2cRq__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__pA2cRq--text-size-large.sc-ds-card .ds-card__pA2cRq__heading.sc-ds-card{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-card__pA2cRq--text-size-medium.sc-ds-card .ds-card__pA2cRq__content--top.sc-ds-card{padding:var(--ds-spacing-small)}.ds-card__pA2cRq--text-size-medium.sc-ds-card .ds-card__pA2cRq__eyebrow.sc-ds-card,.ds-card__pA2cRq--text-size-medium.sc-ds-card .ds-card__pA2cRq__subtitle.sc-ds-card,.ds-card__pA2cRq--text-size-medium.sc-ds-card .ds-card__pA2cRq__slot-subtitle.sc-ds-card{font-size:var(--ds-bodyText-fontSize-medium, 14px)}.ds-card__pA2cRq--text-size-medium.sc-ds-card .ds-card__pA2cRq__description.sc-ds-card{font-size:var(--ds-bodyText-fontSize-medium, 14px);padding:0 var(--ds-spacing-small);margin:0 0 var(--ds-spacing-medium) 0}.ds-card__pA2cRq--text-size-medium.sc-ds-card .ds-card__pA2cRq__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__pA2cRq--text-size-medium.sc-ds-card .ds-card__pA2cRq__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__pA2cRq--text-size-medium.sc-ds-card .ds-card__pA2cRq__heading.sc-ds-card{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-card__pA2cRq--text-size-small.sc-ds-card .ds-card__pA2cRq__content--top.sc-ds-card{padding:var(--ds-spacing-small)}.ds-card__pA2cRq--text-size-small.sc-ds-card .ds-card__pA2cRq__eyebrow.sc-ds-card,.ds-card__pA2cRq--text-size-small.sc-ds-card .ds-card__pA2cRq__subtitle.sc-ds-card,.ds-card__pA2cRq--text-size-small.sc-ds-card .ds-card__pA2cRq__slot-subtitle.sc-ds-card{font-size:var(--ds-bodyText-fontSize-medium, 14px)}.ds-card__pA2cRq--text-size-small.sc-ds-card .ds-card__pA2cRq__description.sc-ds-card{font-size:var(--ds-bodyText-fontSize-medium, 14px);padding:0 var(--ds-spacing-small);margin:0 0 var(--ds-spacing-medium) 0}.ds-card__pA2cRq--text-size-small.sc-ds-card .ds-card__pA2cRq__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__pA2cRq--text-size-small.sc-ds-card .ds-card__pA2cRq__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__pA2cRq--text-size-small.sc-ds-card .ds-card__pA2cRq__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__pA2cRq--text-size-xSmall.sc-ds-card .ds-card__pA2cRq__content--top.sc-ds-card{padding:var(--ds-spacing-xSmall)}.ds-card__pA2cRq--text-size-xSmall.sc-ds-card .ds-card__pA2cRq__eyebrow.sc-ds-card,.ds-card__pA2cRq--text-size-xSmall.sc-ds-card .ds-card__pA2cRq__subtitle.sc-ds-card,.ds-card__pA2cRq--text-size-xSmall.sc-ds-card .ds-card__pA2cRq__slot-subtitle.sc-ds-card{font-size:var(--ds-bodyText-fontSize-small, 12px)}.ds-card__pA2cRq--text-size-xSmall.sc-ds-card .ds-card__pA2cRq__description.sc-ds-card{font-size:var(--ds-bodyText-fontSize-small, 12px);padding:0 var(--ds-spacing-xSmall);margin:0 0 var(--ds-spacing-small) 0}.ds-card__pA2cRq--text-size-xSmall.sc-ds-card .ds-card__pA2cRq__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__pA2cRq--text-size-xSmall.sc-ds-card .ds-card__pA2cRq__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__pA2cRq--text-size-xSmall.sc-ds-card .ds-card__pA2cRq__heading.sc-ds-card{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-card__pA2cRq--text-size-2xSmall.sc-ds-card .ds-card__pA2cRq__content--top.sc-ds-card{padding:var(--ds-spacing-xSmall)}.ds-card__pA2cRq--text-size-2xSmall.sc-ds-card .ds-card__pA2cRq__eyebrow.sc-ds-card,.ds-card__pA2cRq--text-size-2xSmall.sc-ds-card .ds-card__pA2cRq__subtitle.sc-ds-card,.ds-card__pA2cRq--text-size-2xSmall.sc-ds-card .ds-card__pA2cRq__slot-subtitle.sc-ds-card{font-size:var(--ds-bodyText-fontSize-small, 12px)}.ds-card__pA2cRq--text-size-2xSmall.sc-ds-card .ds-card__pA2cRq__description.sc-ds-card{font-size:var(--ds-bodyText-fontSize-small, 12px);padding:0 var(--ds-spacing-xSmall);margin:0 0 var(--ds-spacing-small) 0}.ds-card__pA2cRq--text-size-2xSmall.sc-ds-card .ds-card__pA2cRq__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__pA2cRq--text-size-2xSmall.sc-ds-card .ds-card__pA2cRq__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__pA2cRq--text-size-2xSmall.sc-ds-card .ds-card__pA2cRq__heading.sc-ds-card{font-size:var(--ds-fontSize-16);line-height:18px}}'}},[774,"ds-card",{dsLinkType:[1,"ds-link-type"],dsVariant:[1,"ds-variant"],dsHorizontal:[4,"ds-horizontal"],dsHeading:[1,"ds-heading"],dsHeadingLevel:[2,"ds-heading-level"],dsDescription:[1,"ds-description"],dsDescriptionClamp:[2,"ds-description-clamp"],dsDescriptionMaxWidth:[1,"ds-description-max-width"],dsUrl:[1,"ds-url"],dsUrlTarget:[1,"ds-url-target"],dsEyebrow:[1,"ds-eyebrow"],dsSubtitle:[1,"ds-subtitle"],dsTag:[1,"ds-tag"],dsShowArrow:[4,"ds-show-arrow"],dsFluidHeight:[4,"ds-fluid-height"],dsTextSize:[1,"ds-text-size"],hasImageSlot:[32],hasSubtitleSlot:[32],hasSlotContent:[32],isCardFocused:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"],[2,"click","handleClick"],[2,"keydown","handleKeydown"]]]);r([a("ds-icon",{dsName:""}),a("ds-visually-hidden",null)]);const v=m,x=function(){"undefined"!=typeof customElements&&["ds-card","ds-icon","ds-visually-hidden"].forEach((d=>{switch(d){case"ds-card":customElements.get(t(d))\|\|customElements.define(t(d),m);break;case"ds-icon":customElements.get(t(d))\|\|p();break;case"ds-visually-hidden":customElements.get(t(d))\|\|f()}}))};export{v as DsCard,x as defineCustomElement}

package/dist/components/ds-checkbox-group-expand-button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~DeZFZ1NO~~.js";const p=o,r=s;export{p as DsCheckboxGroupExpandButton,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-B_qcM699.js";const p=o,r=s;export{p as DsCheckboxGroupExpandButton,r as defineCustomElement}

package/dist/components/ds-checkbox-group.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,M as s,c as t,f as i,h as r,F as o,t as d}from"./p-CzSzVfDu.js";import{c as h}from"./p-BfTCfPZ1.js";import{i as a,a as c}from"./p-5l5qZ1Ad.js";import{C as n,m as l,t as u,n as p,a as b,d as x}from"./p-Duz7I_DQ.js";import{g,a as k,h as m,q as C}from"./p-BQCTbDKt.js";import{c as v}from"./p-BpJtDd1D.js";import{c as f}from"./p-CVitC9tk.js";import{g as _}from"./p-DfjAeLrH.js";import{d as O}from"./p-CDSuwkI_.js";import{d as y}from"./p-DeZFZ1NO.js";import{d as E}from"./p-B-SEppo4.js";import{d as I}from"./p-agL9TGQL.js";import{d as D}from"./p-5yjoyGFT.js";import{d as T}from"./p-Eh5Ce9Mh.js";const G=e(class extends(s(f("ds-checkbox-group",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsCheckboxGroupChange=t(this,"dsCheckboxGroupChange",7),this.dsCheckboxGroupIndeterminateChildChange=t(this,"dsCheckboxGroupIndeterminateChildChange",7),this.dsCheckboxGroupInvalidStateChange=t(this,"dsCheckboxGroupInvalidStateChange",3),this.dsCheckboxGroupDisabledChange=t(this,"dsCheckboxGroupDisabledChange",7),this.dsCheckboxGroupAllRequiredChange=t(this,"dsCheckboxGroupAllRequiredChange",7),this.dsCheckboxGroupFormChange=t(this,"dsCheckboxGroupFormChange",7),this.dsCheckboxGroupNameChange=t(this,"dsCheckboxGroupNameChange",7),this.dsCheckboxGroupCheckedChange=t(this,"dsCheckboxGroupCheckedChange",3),this.dsCheckboxGroupOpenChange=t(this,"dsCheckboxGroupOpenChange",3),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),this.internals=this.attachInternals()}checkboxElem;parentCheckboxGroup=null;nestedReveal;nestedTransitionTimeout=null;generatedId=this.getUniqueId();fieldsetId=this.generatedId;checkboxId=this.generatedId+"-checkbox";legendId=this.generatedId+"-legend";errorTextId=this.generatedId+"-error";assistiveTextId=this.generatedId+"-assistive-text";nestedId=this.generatedId+"-nested";childBlurTimeout=null;inheritedAttributes={};treeTransitionStyles={"--tree-transition-in-duration":l+"ms","--tree-transition-out-duration":n+"ms"};get el(){return this}internals;dsCheckboxGroupChange;dsCheckboxGroupIndeterminateChildChange;dsCheckboxGroupInvalidStateChange;dsCheckboxGroupDisabledChange;dsCheckboxGroupAllRequiredChange;dsCheckboxGroupFormChange;dsCheckboxGroupNameChange;dsCheckboxGroupCheckedChange;dsCheckboxGroupOpenChange;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}dsVariant="default";dsOpen=!1;childElementsCount=0;checkedChildElementCount=0;isIndeterminate=!1;indeterminateChildCheckboxCount=0;focusedChildCheckbox;wasInvalidOnBlur=!1;nestedPhase="open";nestedMaxHeight="none";parentDsErrorText="";parentErrorTextId="";get DsCheckbox(){return u("ds-checkbox","ds-checkbox-group",this.el)}get DsCheckboxGroup(){return u("ds-checkbox-group","ds-checkbox-group",this.el)}get DsCheckboxGroupExpandButton(){return u("ds-checkbox-group-expand-button","ds-checkbox-group",this.el)}get DsInputValidity(){return u("ds-input-validity","ds-checkbox-group",this.el)}getEffectiveErrorText(e=this.dsErrorText){return e\|\|this.parentDsErrorText}getEffectiveErrorTextId(){return this.dsErrorText?this.errorTextId:this.parentErrorTextId}getFirstDescribedCheckbox=()=>this.checkboxElem?this.checkboxElem:this.getChildCheckboxElements()[0];syncFirstChildErrorDescribedBy=()=>{const e=this.getFirstDescribedCheckbox();if(!e)return;const s=this.getEffectiveErrorText(),t=this.getEffectiveErrorTextId();e.dsAriaDescribedby=s&&t?t:void 0};resolveParentErrorTextId=()=>{if(!this.parentCheckboxGroup)return"";const e=Array.from(this.parentCheckboxGroup.querySelectorAll(this.DsInputValidity)).find((e=>!!e.dsText));return e?.id??""};get expandButtonLabel(){if(!this.dsText)return"";switch(_()){case"fi":return this.dsText+" alaryhmä";case"sv":return this.dsText+" undergrupp";default:return this.dsText+" subgroup"}}elementIs=e=>s=>s.tagName.toLowerCase()===u(e,"ds-checkbox-group",this.el);elementIsCheckbox=this.elementIs("ds-checkbox");async setFocus(){this.checkboxElem?this.checkboxElem.setFocus():this.getEnabledChildCheckboxElements()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}async setChecked(e){this.updateChildElementsChecked(e)}async childConnected(){this.childElementsCount=this.getChildElements().length}async childDisconnected(){this.childElementsCount=this.getChildElements().length}getLegendText=()=>this.dsRequired\|\|this.dsAllRequired?g(this.dsLabel):this.dsOptional?k(this.dsLabel,this.dsOptionalText):this.dsLabel;getChildElements=()=>{const e=u("ds-checkbox","ds-checkbox-group",this.el);return Array.from(this.el.querySelectorAll(`${e}, ${this.DsCheckboxGroup}`)).filter((e=>e!==this.checkboxElem&&e.parentElement?.closest(this.DsCheckboxGroup)===this.el))};getChildCheckboxElements=()=>this.getChildElements().filter((e=>this.elementIsCheckbox(e)));getEnabledChildCheckboxElements=()=>this.getChildCheckboxElements().filter((e=>!e.dsDisabled));handleParentInvalidStateChange=e=>{e.target===this.parentCheckboxGroup&&(this.parentDsErrorText=e.detail,this.parentErrorTextId=e.detail?this.resolveParentErrorTextId():"",this.syncFirstChildErrorDescribedBy(),this.dsCheckboxGroupInvalidStateChange.emit(this.getEffectiveErrorText()))};handleParentCheckedChange=e=>{this.updateChildElementsChecked(e.detail)};updateChildElementsChecked=e=>{this.checkedChildElementCount=e?this.childElementsCount:0,this.dsCheckboxGroupCheckedChange.emit(e)};dsDisabledObserver(e){this.dsCheckboxGroupDisabledChange.emit(e)}dsAllRequiredObserver(e){this.dsCheckboxGroupAllRequiredChange.emit(e)}dsCheckedObserver(e){this.updateChildElementsChecked(e)}isIndeterminateObserver(e){this.dsCheckboxGroupIndeterminateChildChange.emit({id:this.fieldsetId,indeterminate:e})}dsErrorTextObserver(e){const s=this.getEffectiveErrorText(e);this.syncFirstChildErrorDescribedBy(),this.dsCheckboxGroupInvalidStateChange.emit(s)}dsFormObserver(e){this.dsCheckboxGroupFormChange.emit(e)}dsNameObserver(e){this.dsCheckboxGroupNameChange.emit(e)}syncNestedStateFromProps=(e=this.dsVariant)=>{if("tree"!==e)return this.nestedPhase="open",void(this.nestedMaxHeight="none");this.nestedPhase=this.dsOpen?"open":"closed",this.nestedMaxHeight=this.dsOpen?"none":"0px"};dsVariantObserver(e){this.syncNestedStateFromProps(e)}async dsOpenObserver(e){this.nestedReveal?await this.animateNested(e):this.syncNestedStateFromProps()}finishNestedTransition=(e,s)=>{if(!this.nestedReveal)return void e();const t=()=>{this.nestedReveal?.removeEventListener("transitionend",i),this.nestedTransitionTimeout&&clearTimeout(this.nestedTransitionTimeout),this.nestedTransitionTimeout=null},i=s=>{s.target===this.nestedReveal&&(t(),e())};this.nestedReveal?.addEventListener("transitionend",i),this.nestedTransitionTimeout=setTimeout((()=>{t(),e()}),s+40)};async animateNested(e){if("tree"===this.dsVariant&&this.nestedReveal)return globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches?(this.nestedPhase=e?"open":"closed",void(this.nestedMaxHeight=e?"none":"0px")):e?(this.nestedPhase="closing",this.nestedMaxHeight="0px",await p(),this.nestedPhase="opening",this.nestedMaxHeight=this.nestedReveal.scrollHeight+"px",void this.finishNestedTransition((()=>{this.nestedPhase="open",this.nestedMaxHeight="none"}),l)):(this.nestedPhase="closing",this.nestedMaxHeight=this.nestedReveal.scrollHeight+"px",await p(),this.nestedMaxHeight="0px",void this.finishNestedTransition((()=>{this.nestedPhase="closed",this.nestedMaxHeight="0px"}),n))}handleDsCheckboxGroupIndeterminateChildChange(e){this.indeterminateChildCheckboxCount=e.detail.indeterminate?this.indeterminateChildCheckboxCount+1:this.indeterminateChildCheckboxCount-1}childElementsCountObserver(e,s){this.syncFirstChildErrorDescribedBy(),s===this.checkedChildElementCount&&s>0&&(this.checkedChildElementCount=e,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")??void 0):this.dsAllRequired&&this.checkedChildElementCount!==this.childElementsCount?this.internals?.setValidity({valueMissing:!0},C(),this.getChildCheckboxElements()?.[0]?.querySelector("input")??void 0):this.internals?.setValidity({}),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}updateCheckedChildElementCount=e=>{this.checkedChildElementCount+=e?1:-1};handleInput(e){if(this.checkboxElem&&e.composedPath().includes(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 s=e.target.closest(u("ds-checkbox","ds-checkbox-group",this.el));if(s&&this.getChildCheckboxElements().includes(s)){const e=this.checkedChildElementCount;this.updateCheckedChildElementCount(s.dsChecked),this.checkedChildElementCount===this.childElementsCount&&this.checkedChildElementCount>e?this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!0}):e===this.childElementsCount&&this.checkedChildElementCount<e&&this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!1})}}handleDsCheckboxGroupChange(e){this.getChildElements().includes(e.target)&&(e.stopPropagation(),this.updateCheckedChildElementCount(e.detail.checked))}focusedChildCheckboxObserver(e){e\|\|(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}handleDsFocus(e){this.focusedChildCheckbox=e.detail}handleDsBlur(e){this.childBlurTimeout=setTimeout((()=>{e.detail===this.focusedChildCheckbox&&(this.focusedChildCheckbox=void 0)}),0)}handleDsOpenChange(e){e.stopPropagation(),this.dsCheckboxGroupOpenChange.emit(e.detail)}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")??void 0):this.dsAllRequired?this.internals?.setValidity({valueMissing:!0},C(),this.getChildCheckboxElements()?.[0]?.querySelector("input")??void 0):this.internals?.setValidity({})}connectedCallback(){if(this.parentCheckboxGroup=this.el.parentElement?.closest(this.DsCheckboxGroup)??null,this.parentCheckboxGroup){const e=this.parentCheckboxGroup.dsErrorText;e&&(this.parentDsErrorText=e,queueMicrotask((()=>{this.parentErrorTextId=this.resolveParentErrorTextId(),this.syncFirstChildErrorDescribedBy()}))),this.parentCheckboxGroup.addEventListener("dsCheckboxGroupCheckedChange",this.handleParentCheckedChange),this.parentCheckboxGroup.addEventListener("dsCheckboxGroupInvalidStateChange",this.handleParentInvalidStateChange)}this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.parentCheckboxGroup&&(this.parentCheckboxGroup.removeEventListener("dsCheckboxGroupCheckedChange",this.handleParentCheckedChange),this.parentCheckboxGroup.removeEventListener("dsCheckboxGroupInvalidStateChange",this.handleParentInvalidStateChange)),this.parentCheckboxGroup=null,this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=null,this.nestedTransitionTimeout&&clearTimeout(this.nestedTransitionTimeout),this.nestedTransitionTimeout=null}handleInvalid=e=>{e.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage??""})};componentWillLoad(){this.inheritedAttributes={...c(this,this.el),...a(this.el,["aria-labelledby"])},this.syncNestedStateFromProps()}componentDidLoad(){this.componentMounted(),this.childElementsCount=this.getChildElements().length,this.dsCheckboxGroupInvalidStateChange.emit(this.getEffectiveErrorText())}ariaAttributeObserver(e,s,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:e},i(this)}render(){const e=this.getEffectiveErrorText(),s=this.getEffectiveErrorTextId(),t=v("ds-checkbox-group"),i=h(t,{[t+"--horizontal"]:"horizontal"===this.dsDirection,[t+"--tree"]:"tree"===this.dsVariant,[t+"--has-parent"]:!!this.parentCheckboxGroup}),d=h(t+"__legend"),a=h(t+"__assistive-text"),c=h(t+"__checkbox-container"),n=h(t+"__error",{[t+"__error--visible"]:!!this.dsErrorText}),l=h(""+t,t+"--inset"),u=h(t+"__inset-reveal"),p=h(t+"__checkboxes"),x={maxHeight:this.nestedMaxHeight},{"aria-describedby":g,...k}=this.inheritedAttributes,m=[this.dsLabel&&this.legendId,e&&s].filter(Boolean).join(" "),C=[g,this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return r("fieldset",{key:"44f32d4f3ec55cf7520d008d9aecf6956da6ad73",class:i,id:this.fieldsetId,name:this.dsName,form:this.dsForm,style:this.treeTransitionStyles,...b("aria-labelledby",m),...b("aria-describedby",C),...k},this.dsLabel&&r("legend",{key:"34d641d0aed5d5afe9e708ebc240fcac28309f9b",id:this.legendId,class:d},this.getLegendText()),this.dsAssistiveText&&r("small",{key:"4c33a7717de0f2d86064189a0cae91171f1c97ed",class:a,id:this.assistiveTextId},this.dsAssistiveText),this.dsText?r(o,null,r("div",{class:h(c)},r(this.DsCheckbox,{ref:e=>this.checkboxElem=e,dsId:this.checkboxId,dsText:this.dsText,dsChecked:this.checkedChildElementCount===this.childElementsCount,dsDisabled:this.dsDisabled,dsIndeterminate:this.indeterminateChildCheckboxCount>0\|\|this.isIndeterminate,dsErrorText:e,dsErrorsDisabled:!0}),"tree"===this.dsVariant&&r(this.DsCheckboxGroupExpandButton,{class:h(c+"__expand-button"),dsOpen:this.dsOpen,dsAriaLabel:this.expandButtonLabel,dsActionable:["closed","open"].includes(this.nestedPhase)})),r("fieldset",{id:this.nestedId,"aria-label":this.dsText,class:l,hidden:"tree"===this.dsVariant&&"closed"===this.nestedPhase},r("div",{ref:e=>this.nestedReveal=e,class:u,"data-phase":this.nestedPhase,style:x},r("slot",null)))):r("div",{class:p},r("slot",null)),r("div",{key:"34c740b44002a36d7c22acab2cd41db5b7eaccfa",class:n},r(this.DsInputValidity,{key:"57dace1b1491fbfe2685952dc37a825771e298ea",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"})))}static get formAssociated(){return!0}static get watchers(){return{dsDisabled:[{dsDisabledObserver:0}],dsAllRequired:[{dsAllRequiredObserver:0}],dsChecked:[{dsCheckedObserver:0}],isIndeterminate:[{isIndeterminateObserver:0}],dsErrorText:[{dsErrorTextObserver:0}],dsForm:[{dsFormObserver:0}],dsName:[{dsNameObserver:0}],dsVariant:[{dsVariantObserver:0}],dsOpen:[{dsOpenObserver:0}],childElementsCount:[{childElementsCountObserver:0},{checkedChildElementCountObserver:0}],checkedChildElementCount:[{checkedChildElementCountObserver:0}],focusedChildCheckbox:[{focusedChildCheckboxObserver:0}],"aria-required":[{ariaAttributeObserver:0}],"aria-invalid":[{ariaAttributeObserver:0}]}}static get style(){return".ds-checkbox-group__oJU1eo.sc-ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__oJU1eo__legend.sc-ds-checkbox-group{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__oJU1eo__assistive-text.sc-ds-checkbox-group{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__oJU1eo__checkbox-container.sc-ds-checkbox-group{display:flex;gap:var(--ds-spacing-4xSmall)}.ds-checkbox-group__oJU1eo__checkbox-container__expand-button.sc-ds-checkbox-group{order:-1}.ds-checkbox-group__oJU1eo__error.sc-ds-checkbox-group{display:flex}.ds-checkbox-group__oJU1eo__error--visible.sc-ds-checkbox-group{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__oJU1eo.sc-ds-checkbox-group>.ds-checkbox-group__oJU1eo__checkboxes.sc-ds-checkbox-group{display:inline-flex;flex-direction:column}.ds-checkbox-group__oJU1eo--inset.sc-ds-checkbox-group{margin-left:calc(var(--ds-spacing-medium) + var(--ds-spacing-3xSmall))}.ds-checkbox-group__oJU1eo--inset[hidden].sc-ds-checkbox-group{display:none}.ds-checkbox-group__oJU1eo--tree.sc-ds-checkbox-group .ds-checkbox-group__oJU1eo--inset.sc-ds-checkbox-group{margin-left:calc(var(--ds-spacing-2xLarge) + var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}.ds-checkbox-group__oJU1eo--tree.sc-ds-checkbox-group .ds-checkbox-group__oJU1eo__inset-reveal.sc-ds-checkbox-group{--ds-tree-overhang-base:calc(var(--ds-spacing-medium) + var(--ds-spacing-4xSmall));--ds-tree-focus-bleed:var(--ds-spacing-3xSmall);--ds-tree-overhang-left:calc(var(--ds-tree-overhang-base) + var(--ds-tree-focus-bleed));margin-left:calc(-1 * var(--ds-tree-overhang-left));padding-left:var(--ds-tree-overhang-left);overflow:hidden;max-height:0;opacity:0;transition-property:max-height, opacity;transition-timing-function:ease-in, ease-in;transition-duration:var(--tree-transition-out-duration, 100ms), var(--tree-transition-out-duration, 100ms);will-change:max-height, opacity}.ds-checkbox-group__oJU1eo--tree.sc-ds-checkbox-group .ds-checkbox-group__oJU1eo__inset-reveal[data-phase=opening].sc-ds-checkbox-group,.ds-checkbox-group__oJU1eo--tree.sc-ds-checkbox-group .ds-checkbox-group__oJU1eo__inset-reveal[data-phase=open].sc-ds-checkbox-group{opacity:1;transition-timing-function:ease-out, ease-out;transition-duration:var(--tree-transition-in-duration, 140ms), var(--tree-transition-in-duration, 140ms)}.ds-checkbox-group__oJU1eo--tree.sc-ds-checkbox-group .ds-checkbox-group__oJU1eo__inset-reveal[data-phase=closing].sc-ds-checkbox-group,.ds-checkbox-group__oJU1eo--tree.sc-ds-checkbox-group .ds-checkbox-group__oJU1eo__inset-reveal[data-phase=closed].sc-ds-checkbox-group{opacity:0}@media (prefers-reduced-motion: reduce){.ds-checkbox-group__oJU1eo--tree.sc-ds-checkbox-group .ds-checkbox-group__oJU1eo__inset-reveal.sc-ds-checkbox-group{transition:none}}.ds-checkbox-group__oJU1eo--tree.sc-ds-checkbox-group .ds-checkbox-group__oJU1eo--has-parent.sc-ds-checkbox-group{margin-left:calc(-1 * (var(--ds-spacing-medium) + var(--ds-spacing-4xSmall)))}.ds-checkbox-group__oJU1eo--horizontal.sc-ds-checkbox-group>.ds-checkbox-group__oJU1eo__checkboxes.sc-ds-checkbox-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}"}},[838,"ds-checkbox-group",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsDirection:[1,"ds-direction"],dsErrorText:[1025,"ds-error-text"],dsText:[1,"ds-text"],dsChecked:[4,"ds-checked"],dsDisabled:[4,"ds-disabled"],dsRequired:[4,"ds-required"],dsAllRequired:[4,"ds-all-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsName:[1,"ds-name"],dsId:[2049,"ds-id"],dsVariant:[1,"ds-variant"],dsOpen:[4,"ds-open"],childElementsCount:[32],checkedChildElementCount:[32],isIndeterminate:[32],indeterminateChildCheckboxCount:[32],focusedChildCheckbox:[32],wasInvalidOnBlur:[32],nestedPhase:[32],nestedMaxHeight:[32],parentDsErrorText:[32],parentErrorTextId:[32],setFocus:[64],checkValidity:[64],setChecked:[64],childConnected:[64],childDisconnected:[64]},[[0,"dsCheckboxGroupIndeterminateChildChange","handleDsCheckboxGroupIndeterminateChildChange"],[0,"input","handleInput"],[0,"dsCheckboxGroupChange","handleDsCheckboxGroupChange"],[0,"dsFocus","handleDsFocus"],[0,"dsBlur","handleDsBlur"],[0,"dsOpenChange","handleDsOpenChange"]],{dsDisabled:[{dsDisabledObserver:0}],dsAllRequired:[{dsAllRequiredObserver:0}],dsChecked:[{dsCheckedObserver:0}],isIndeterminate:[{isIndeterminateObserver:0}],dsErrorText:[{dsErrorTextObserver:0}],dsForm:[{dsFormObserver:0}],dsName:[{dsNameObserver:0}],dsVariant:[{dsVariantObserver:0}],dsOpen:[{dsOpenObserver:0}],childElementsCount:[{childElementsCountObserver:0},{checkedChildElementCountObserver:0}],checkedChildElementCount:[{checkedChildElementCountObserver:0}],focusedChildCheckbox:[{focusedChildCheckboxObserver:0}],"aria-required":[{ariaAttributeObserver:0}],"aria-invalid":[{ariaAttributeObserver:0}]}]);x([r("ds-checkbox",null),r("ds-checkbox-group",null),r("ds-input-validity",null),r("ds-checkbox-group-expand-button",{dsAriaLabel:""})]);const J=G,U=function e(){"undefined"!=typeof customElements&&["ds-checkbox-group","ds-checkbox","ds-checkbox-group","ds-checkbox-group-expand-button","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-checkbox-group":customElements.get(d(s))\|\|customElements.define(d(s),G);break;case"ds-checkbox":customElements.get(d(s))\|\|O();break;case"ds-checkbox-group":customElements.get(d(s))\|\|e();break;case"ds-checkbox-group-expand-button":customElements.get(d(s))\|\|y();break;case"ds-feedback":customElements.get(d(s))\|\|E();break;case"ds-icon":customElements.get(d(s))\|\|I();break;case"ds-input-validity":customElements.get(d(s))\|\|D();break;case"ds-visually-hidden":customElements.get(d(s))\|\|T()}}))};export{J as DsCheckboxGroup,U as defineCustomElement}
1	+ import{p as e,M as s,c as t,f as i,h as r,F as d,t as h}from"./p-D6UlgeOO.js";import{c as o}from"./p-BfTCfPZ1.js";import{i as c,a}from"./p-5l5qZ1Ad.js";import{C as n,m as l,t as u,n as p,a as b,d as x}from"./p-C_0dwn2_.js";import{g,a as k,h as m,q as C}from"./p-C1qByCId.js";import{c as v}from"./p-D8YjFWWU.js";import{c as f}from"./p-Bmf5N-74.js";import{g as _}from"./p-DR0EKQJ8.js";import{d as O}from"./p-BWPkq6mC.js";import{d as y}from"./p-B_qcM699.js";import{d as E}from"./p-BDKjQmuJ.js";import{d as A}from"./p-DmnbW85q.js";import{d as q}from"./p-sqmZYkaj.js";import{d as R}from"./p-Cx1Ahh88.js";const I=e(class extends(s(f("ds-checkbox-group",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.dsCheckboxGroupChange=t(this,"dsCheckboxGroupChange",7),this.dsCheckboxGroupIndeterminateChildChange=t(this,"dsCheckboxGroupIndeterminateChildChange",7),this.dsCheckboxGroupInvalidStateChange=t(this,"dsCheckboxGroupInvalidStateChange",3),this.dsCheckboxGroupDisabledChange=t(this,"dsCheckboxGroupDisabledChange",7),this.dsCheckboxGroupAllRequiredChange=t(this,"dsCheckboxGroupAllRequiredChange",7),this.dsCheckboxGroupFormChange=t(this,"dsCheckboxGroupFormChange",7),this.dsCheckboxGroupNameChange=t(this,"dsCheckboxGroupNameChange",7),this.dsCheckboxGroupCheckedChange=t(this,"dsCheckboxGroupCheckedChange",3),this.dsCheckboxGroupOpenChange=t(this,"dsCheckboxGroupOpenChange",3),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),this.internals=this.attachInternals()}checkboxElem;parentCheckboxGroup=null;nestedReveal;nestedTransitionTimeout=null;generatedId=this.getUniqueId();fieldsetId=this.generatedId;checkboxId=this.generatedId+"-checkbox";legendId=this.generatedId+"-legend";errorTextId=this.generatedId+"-error";assistiveTextId=this.generatedId+"-assistive-text";nestedId=this.generatedId+"-nested";childBlurTimeout=null;inheritedAttributes={};treeTransitionStyles={"--tree-transition-in-duration":l+"ms","--tree-transition-out-duration":n+"ms"};get el(){return this}internals;dsCheckboxGroupChange;dsCheckboxGroupIndeterminateChildChange;dsCheckboxGroupInvalidStateChange;dsCheckboxGroupDisabledChange;dsCheckboxGroupAllRequiredChange;dsCheckboxGroupFormChange;dsCheckboxGroupNameChange;dsCheckboxGroupCheckedChange;dsCheckboxGroupOpenChange;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}dsVariant="default";dsOpen=!1;childElementsCount=0;checkedChildElementCount=0;isIndeterminate=!1;indeterminateChildCheckboxCount=0;focusedChildCheckbox;wasInvalidOnBlur=!1;nestedPhase="open";nestedMaxHeight="none";parentDsErrorText="";parentErrorTextId="";get DsCheckbox(){return u("ds-checkbox","ds-checkbox-group",this.el)}get DsCheckboxGroup(){return u("ds-checkbox-group","ds-checkbox-group",this.el)}get DsCheckboxGroupExpandButton(){return u("ds-checkbox-group-expand-button","ds-checkbox-group",this.el)}get DsInputValidity(){return u("ds-input-validity","ds-checkbox-group",this.el)}getEffectiveErrorText(e=this.dsErrorText){return e\|\|this.parentDsErrorText}getEffectiveErrorTextId(){return this.dsErrorText?this.errorTextId:this.parentErrorTextId}getFirstDescribedCheckbox=()=>this.checkboxElem?this.checkboxElem:this.getChildCheckboxElements()[0];syncFirstChildErrorDescribedBy=()=>{const e=this.getFirstDescribedCheckbox();if(!e)return;const s=this.getEffectiveErrorText(),t=this.getEffectiveErrorTextId();e.dsAriaDescribedby=s&&t?t:void 0};resolveParentErrorTextId=()=>{if(!this.parentCheckboxGroup)return"";const e=Array.from(this.parentCheckboxGroup.querySelectorAll(this.DsInputValidity)).find((e=>!!e.dsText));return e?.id??""};get expandButtonLabel(){if(!this.dsText)return"";switch(_()){case"fi":return this.dsText+" alaryhmä";case"sv":return this.dsText+" undergrupp";default:return this.dsText+" subgroup"}}elementIs=e=>s=>s.tagName.toLowerCase()===u(e,"ds-checkbox-group",this.el);elementIsCheckbox=this.elementIs("ds-checkbox");async setFocus(){this.checkboxElem?this.checkboxElem.setFocus():this.getEnabledChildCheckboxElements()?.[0]?.setFocus()}async checkValidity(){return this.internals?.checkValidity()}async setChecked(e){this.updateChildElementsChecked(e)}async childConnected(){this.childElementsCount=this.getChildElements().length}async childDisconnected(){this.childElementsCount=this.getChildElements().length}getLegendText=()=>this.dsRequired\|\|this.dsAllRequired?g(this.dsLabel):this.dsOptional?k(this.dsLabel,this.dsOptionalText):this.dsLabel;getChildElements=()=>{const e=u("ds-checkbox","ds-checkbox-group",this.el);return Array.from(this.el.querySelectorAll(`${e}, ${this.DsCheckboxGroup}`)).filter((e=>e!==this.checkboxElem&&e.parentElement?.closest(this.DsCheckboxGroup)===this.el))};getChildCheckboxElements=()=>this.getChildElements().filter((e=>this.elementIsCheckbox(e)));getEnabledChildCheckboxElements=()=>this.getChildCheckboxElements().filter((e=>!e.dsDisabled));handleParentInvalidStateChange=e=>{e.target===this.parentCheckboxGroup&&(this.parentDsErrorText=e.detail,this.parentErrorTextId=e.detail?this.resolveParentErrorTextId():"",this.syncFirstChildErrorDescribedBy(),this.dsCheckboxGroupInvalidStateChange.emit(this.getEffectiveErrorText()))};handleParentCheckedChange=e=>{this.updateChildElementsChecked(e.detail)};updateChildElementsChecked=e=>{this.checkedChildElementCount=e?this.childElementsCount:0,this.dsCheckboxGroupCheckedChange.emit(e)};dsDisabledObserver(e){this.dsCheckboxGroupDisabledChange.emit(e)}dsAllRequiredObserver(e){this.dsCheckboxGroupAllRequiredChange.emit(e)}dsCheckedObserver(e){this.updateChildElementsChecked(e)}isIndeterminateObserver(e){this.dsCheckboxGroupIndeterminateChildChange.emit({id:this.fieldsetId,indeterminate:e})}dsErrorTextObserver(e){const s=this.getEffectiveErrorText(e);this.syncFirstChildErrorDescribedBy(),this.dsCheckboxGroupInvalidStateChange.emit(s)}dsFormObserver(e){this.dsCheckboxGroupFormChange.emit(e)}dsNameObserver(e){this.dsCheckboxGroupNameChange.emit(e)}syncNestedStateFromProps=(e=this.dsVariant)=>{if("tree"!==e)return this.nestedPhase="open",void(this.nestedMaxHeight="none");this.nestedPhase=this.dsOpen?"open":"closed",this.nestedMaxHeight=this.dsOpen?"none":"0px"};dsVariantObserver(e){this.syncNestedStateFromProps(e)}async dsOpenObserver(e){this.nestedReveal?await this.animateNested(e):this.syncNestedStateFromProps()}finishNestedTransition=(e,s)=>{if(!this.nestedReveal)return void e();const t=()=>{this.nestedReveal?.removeEventListener("transitionend",i),this.nestedTransitionTimeout&&clearTimeout(this.nestedTransitionTimeout),this.nestedTransitionTimeout=null},i=s=>{s.target===this.nestedReveal&&(t(),e())};this.nestedReveal?.addEventListener("transitionend",i),this.nestedTransitionTimeout=setTimeout((()=>{t(),e()}),s+40)};async animateNested(e){if("tree"===this.dsVariant&&this.nestedReveal)return globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches?(this.nestedPhase=e?"open":"closed",void(this.nestedMaxHeight=e?"none":"0px")):e?(this.nestedPhase="closing",this.nestedMaxHeight="0px",await p(),this.nestedPhase="opening",this.nestedMaxHeight=this.nestedReveal.scrollHeight+"px",void this.finishNestedTransition((()=>{this.nestedPhase="open",this.nestedMaxHeight="none"}),l)):(this.nestedPhase="closing",this.nestedMaxHeight=this.nestedReveal.scrollHeight+"px",await p(),this.nestedMaxHeight="0px",void this.finishNestedTransition((()=>{this.nestedPhase="closed",this.nestedMaxHeight="0px"}),n))}handleDsCheckboxGroupIndeterminateChildChange(e){this.indeterminateChildCheckboxCount=e.detail.indeterminate?this.indeterminateChildCheckboxCount+1:this.indeterminateChildCheckboxCount-1}childElementsCountObserver(e,s){this.syncFirstChildErrorDescribedBy(),s===this.checkedChildElementCount&&s>0&&(this.checkedChildElementCount=e,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")??void 0):this.dsAllRequired&&this.checkedChildElementCount!==this.childElementsCount?this.internals?.setValidity({valueMissing:!0},C(),this.getChildCheckboxElements()?.[0]?.querySelector("input")??void 0):this.internals?.setValidity({}),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}updateCheckedChildElementCount=e=>{this.checkedChildElementCount+=e?1:-1};handleInput(e){if(this.checkboxElem&&e.composedPath().includes(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 s=e.target.closest(u("ds-checkbox","ds-checkbox-group",this.el));if(s&&this.getChildCheckboxElements().includes(s)){const e=this.checkedChildElementCount;this.updateCheckedChildElementCount(s.dsChecked),this.checkedChildElementCount===this.childElementsCount&&this.checkedChildElementCount>e?this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!0}):e===this.childElementsCount&&this.checkedChildElementCount<e&&this.dsCheckboxGroupChange.emit({id:this.fieldsetId,checked:!1})}}handleDsCheckboxGroupChange(e){this.getChildElements().includes(e.target)&&(e.stopPropagation(),this.updateCheckedChildElementCount(e.detail.checked))}focusedChildCheckboxObserver(e){e\|\|(this.wasInvalidOnBlur=!this.internals?.validity.valid,this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}handleDsFocus(e){this.focusedChildCheckbox=e.detail}handleDsBlur(e){this.childBlurTimeout=setTimeout((()=>{e.detail===this.focusedChildCheckbox&&(this.focusedChildCheckbox=void 0)}),0)}handleDsOpenChange(e){e.stopPropagation(),this.dsCheckboxGroupOpenChange.emit(e.detail)}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")??void 0):this.dsAllRequired?this.internals?.setValidity({valueMissing:!0},C(),this.getChildCheckboxElements()?.[0]?.querySelector("input")??void 0):this.internals?.setValidity({})}connectedCallback(){if(this.parentCheckboxGroup=this.el.parentElement?.closest(this.DsCheckboxGroup)??null,this.parentCheckboxGroup){const e=this.parentCheckboxGroup.dsErrorText;e&&(this.parentDsErrorText=e,queueMicrotask((()=>{this.parentErrorTextId=this.resolveParentErrorTextId(),this.syncFirstChildErrorDescribedBy()}))),this.parentCheckboxGroup.addEventListener("dsCheckboxGroupCheckedChange",this.handleParentCheckedChange),this.parentCheckboxGroup.addEventListener("dsCheckboxGroupInvalidStateChange",this.handleParentInvalidStateChange)}this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.parentCheckboxGroup&&(this.parentCheckboxGroup.removeEventListener("dsCheckboxGroupCheckedChange",this.handleParentCheckedChange),this.parentCheckboxGroup.removeEventListener("dsCheckboxGroupInvalidStateChange",this.handleParentInvalidStateChange)),this.parentCheckboxGroup=null,this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=null,this.nestedTransitionTimeout&&clearTimeout(this.nestedTransitionTimeout),this.nestedTransitionTimeout=null}handleInvalid=e=>{e.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage??""})};componentWillLoad(){this.inheritedAttributes={...a(this,this.el),...c(this.el,["aria-labelledby"])},this.syncNestedStateFromProps()}componentDidLoad(){this.componentMounted(),this.childElementsCount=this.getChildElements().length,this.dsCheckboxGroupInvalidStateChange.emit(this.getEffectiveErrorText())}ariaAttributeObserver(e,s,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:e},i(this)}render(){const e=this.getEffectiveErrorText(),s=this.getEffectiveErrorTextId(),t=v("ds-checkbox-group"),i=o(t,{[t+"--horizontal"]:"horizontal"===this.dsDirection,[t+"--tree"]:"tree"===this.dsVariant,[t+"--has-parent"]:!!this.parentCheckboxGroup}),h=o(t+"__legend"),c=o(t+"__assistive-text"),a=o(t+"__checkbox-container"),n=o(t+"__error",{[t+"__error--visible"]:!!this.dsErrorText}),l=o(""+t,t+"--inset"),u=o(t+"__inset-reveal"),p=o(t+"__checkboxes"),x={maxHeight:this.nestedMaxHeight},{"aria-describedby":g,...k}=this.inheritedAttributes,m=[this.dsLabel&&this.legendId,e&&s].filter(Boolean).join(" "),C=[g,this.dsAssistiveText&&this.assistiveTextId].filter(Boolean).join(" ");return r("fieldset",{key:"44f32d4f3ec55cf7520d008d9aecf6956da6ad73",class:i,id:this.fieldsetId,name:this.dsName,form:this.dsForm,style:this.treeTransitionStyles,...b("aria-labelledby",m),...b("aria-describedby",C),...k},this.dsLabel&&r("legend",{key:"34d641d0aed5d5afe9e708ebc240fcac28309f9b",id:this.legendId,class:h},this.getLegendText()),this.dsAssistiveText&&r("small",{key:"4c33a7717de0f2d86064189a0cae91171f1c97ed",class:c,id:this.assistiveTextId},this.dsAssistiveText),this.dsText?r(d,null,r("div",{class:o(a)},r(this.DsCheckbox,{ref:e=>this.checkboxElem=e,dsId:this.checkboxId,dsText:this.dsText,dsChecked:this.checkedChildElementCount===this.childElementsCount,dsDisabled:this.dsDisabled,dsIndeterminate:this.indeterminateChildCheckboxCount>0\|\|this.isIndeterminate,dsErrorText:e,dsErrorsDisabled:!0}),"tree"===this.dsVariant&&r(this.DsCheckboxGroupExpandButton,{class:o(a+"__expand-button"),dsOpen:this.dsOpen,dsAriaLabel:this.expandButtonLabel,dsActionable:["closed","open"].includes(this.nestedPhase)})),r("fieldset",{id:this.nestedId,"aria-label":this.dsText,class:l,hidden:"tree"===this.dsVariant&&"closed"===this.nestedPhase},r("div",{ref:e=>this.nestedReveal=e,class:u,"data-phase":this.nestedPhase,style:x},r("slot",null)))):r("div",{class:p},r("slot",null)),r("div",{key:"34c740b44002a36d7c22acab2cd41db5b7eaccfa",class:n},r(this.DsInputValidity,{key:"57dace1b1491fbfe2685952dc37a825771e298ea",id:this.errorTextId,dsText:this.dsErrorText,dsType:"error"})))}static get formAssociated(){return!0}static get watchers(){return{dsDisabled:[{dsDisabledObserver:0}],dsAllRequired:[{dsAllRequiredObserver:0}],dsChecked:[{dsCheckedObserver:0}],isIndeterminate:[{isIndeterminateObserver:0}],dsErrorText:[{dsErrorTextObserver:0}],dsForm:[{dsFormObserver:0}],dsName:[{dsNameObserver:0}],dsVariant:[{dsVariantObserver:0}],dsOpen:[{dsOpenObserver:0}],childElementsCount:[{childElementsCountObserver:0},{checkedChildElementCountObserver:0}],checkedChildElementCount:[{checkedChildElementCountObserver:0}],focusedChildCheckbox:[{focusedChildCheckboxObserver:0}],"aria-required":[{ariaAttributeObserver:0}],"aria-invalid":[{ariaAttributeObserver:0}]}}static get style(){return".ds-checkbox-group__pA2cRq.sc-ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__pA2cRq__legend.sc-ds-checkbox-group{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__pA2cRq__assistive-text.sc-ds-checkbox-group{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__pA2cRq__checkbox-container.sc-ds-checkbox-group{display:flex;gap:var(--ds-spacing-4xSmall)}.ds-checkbox-group__pA2cRq__checkbox-container__expand-button.sc-ds-checkbox-group{order:-1}.ds-checkbox-group__pA2cRq__error.sc-ds-checkbox-group{display:flex}.ds-checkbox-group__pA2cRq__error--visible.sc-ds-checkbox-group{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__pA2cRq.sc-ds-checkbox-group>.ds-checkbox-group__pA2cRq__checkboxes.sc-ds-checkbox-group{display:inline-flex;flex-direction:column}.ds-checkbox-group__pA2cRq--inset.sc-ds-checkbox-group{margin-left:calc(var(--ds-spacing-medium) + var(--ds-spacing-3xSmall))}.ds-checkbox-group__pA2cRq--inset[hidden].sc-ds-checkbox-group{display:none}.ds-checkbox-group__pA2cRq--tree.sc-ds-checkbox-group .ds-checkbox-group__pA2cRq--inset.sc-ds-checkbox-group{margin-left:calc(var(--ds-spacing-2xLarge) + var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}.ds-checkbox-group__pA2cRq--tree.sc-ds-checkbox-group .ds-checkbox-group__pA2cRq__inset-reveal.sc-ds-checkbox-group{--ds-tree-overhang-base:calc(var(--ds-spacing-medium) + var(--ds-spacing-4xSmall));--ds-tree-focus-bleed:var(--ds-spacing-3xSmall);--ds-tree-overhang-left:calc(var(--ds-tree-overhang-base) + var(--ds-tree-focus-bleed));margin-left:calc(-1 * var(--ds-tree-overhang-left));padding-left:var(--ds-tree-overhang-left);overflow:hidden;max-height:0;opacity:0;transition-property:max-height, opacity;transition-timing-function:ease-in, ease-in;transition-duration:var(--tree-transition-out-duration, 100ms), var(--tree-transition-out-duration, 100ms);will-change:max-height, opacity}.ds-checkbox-group__pA2cRq--tree.sc-ds-checkbox-group .ds-checkbox-group__pA2cRq__inset-reveal[data-phase=opening].sc-ds-checkbox-group,.ds-checkbox-group__pA2cRq--tree.sc-ds-checkbox-group .ds-checkbox-group__pA2cRq__inset-reveal[data-phase=open].sc-ds-checkbox-group{opacity:1;transition-timing-function:ease-out, ease-out;transition-duration:var(--tree-transition-in-duration, 140ms), var(--tree-transition-in-duration, 140ms)}.ds-checkbox-group__pA2cRq--tree.sc-ds-checkbox-group .ds-checkbox-group__pA2cRq__inset-reveal[data-phase=closing].sc-ds-checkbox-group,.ds-checkbox-group__pA2cRq--tree.sc-ds-checkbox-group .ds-checkbox-group__pA2cRq__inset-reveal[data-phase=closed].sc-ds-checkbox-group{opacity:0}@media (prefers-reduced-motion: reduce){.ds-checkbox-group__pA2cRq--tree.sc-ds-checkbox-group .ds-checkbox-group__pA2cRq__inset-reveal.sc-ds-checkbox-group{transition:none}}.ds-checkbox-group__pA2cRq--tree.sc-ds-checkbox-group .ds-checkbox-group__pA2cRq--has-parent.sc-ds-checkbox-group{margin-left:calc(-1 * (var(--ds-spacing-medium) + var(--ds-spacing-4xSmall)))}.ds-checkbox-group__pA2cRq--horizontal.sc-ds-checkbox-group>.ds-checkbox-group__pA2cRq__checkboxes.sc-ds-checkbox-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}"}},[838,"ds-checkbox-group",{dsForm:[1,"ds-form"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsDirection:[1,"ds-direction"],dsErrorText:[1025,"ds-error-text"],dsText:[1,"ds-text"],dsChecked:[4,"ds-checked"],dsDisabled:[4,"ds-disabled"],dsRequired:[4,"ds-required"],dsAllRequired:[4,"ds-all-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsName:[1,"ds-name"],dsId:[2049,"ds-id"],dsVariant:[1,"ds-variant"],dsOpen:[4,"ds-open"],childElementsCount:[32],checkedChildElementCount:[32],isIndeterminate:[32],indeterminateChildCheckboxCount:[32],focusedChildCheckbox:[32],wasInvalidOnBlur:[32],nestedPhase:[32],nestedMaxHeight:[32],parentDsErrorText:[32],parentErrorTextId:[32],setFocus:[64],checkValidity:[64],setChecked:[64],childConnected:[64],childDisconnected:[64]},[[0,"dsCheckboxGroupIndeterminateChildChange","handleDsCheckboxGroupIndeterminateChildChange"],[0,"input","handleInput"],[0,"dsCheckboxGroupChange","handleDsCheckboxGroupChange"],[0,"dsFocus","handleDsFocus"],[0,"dsBlur","handleDsBlur"],[0,"dsOpenChange","handleDsOpenChange"]],{dsDisabled:[{dsDisabledObserver:0}],dsAllRequired:[{dsAllRequiredObserver:0}],dsChecked:[{dsCheckedObserver:0}],isIndeterminate:[{isIndeterminateObserver:0}],dsErrorText:[{dsErrorTextObserver:0}],dsForm:[{dsFormObserver:0}],dsName:[{dsNameObserver:0}],dsVariant:[{dsVariantObserver:0}],dsOpen:[{dsOpenObserver:0}],childElementsCount:[{childElementsCountObserver:0},{checkedChildElementCountObserver:0}],checkedChildElementCount:[{checkedChildElementCountObserver:0}],focusedChildCheckbox:[{focusedChildCheckboxObserver:0}],"aria-required":[{ariaAttributeObserver:0}],"aria-invalid":[{ariaAttributeObserver:0}]}]);x([r("ds-checkbox",null),r("ds-checkbox-group",null),r("ds-input-validity",null),r("ds-checkbox-group-expand-button",{dsAriaLabel:""})]);const T=I,D=function e(){"undefined"!=typeof customElements&&["ds-checkbox-group","ds-checkbox","ds-checkbox-group","ds-checkbox-group-expand-button","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-checkbox-group":customElements.get(h(s))\|\|customElements.define(h(s),I);break;case"ds-checkbox":customElements.get(h(s))\|\|O();break;case"ds-checkbox-group":customElements.get(h(s))\|\|e();break;case"ds-checkbox-group-expand-button":customElements.get(h(s))\|\|y();break;case"ds-feedback":customElements.get(h(s))\|\|E();break;case"ds-icon":customElements.get(h(s))\|\|A();break;case"ds-input-validity":customElements.get(h(s))\|\|q();break;case"ds-visually-hidden":customElements.get(h(s))\|\|R()}}))};export{T as DsCheckboxGroup,D as defineCustomElement}

package/dist/components/ds-checkbox.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~CDSuwkI_~~.js";const p=o,r=s;export{p as DsCheckbox,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-BWPkq6mC.js";const m=o,p=s;export{m as DsCheckbox,p as defineCustomElement}

package/dist/components/ds-chip-group.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as e,c as i,f as t,h as a,t as d}from"./p-~~CzSzVfDu~~.js";import{t as r,a as l,d as n}from"./p-~~Duz7I_DQ~~.js";import{c as o}from"./p-~~BpJtDd1D~~.js";import{i as h,a as c}from"./p-5l5qZ1Ad.js";import{u as m,x as b}from"./p-~~BQCTbDKt~~.js";import{a as p,d as u}from"./p-~~agL9TGQL~~.js";import{c as g}from"./p-~~CVitC9tk~~.js";import{d as y}from"./p-~~BL2MRHnX~~.js";import{d as v}from"./p-~~CcQDLkYC~~.js";import{d as f}from"./p-~~B-SEppo4~~.js";import{d as x}from"./p-~~_o77ycEf~~.js";import{d as C}from"./p-~~5yjoyGFT~~.js";import{d as I}from"./p-~~Eh5Ce9Mh~~.js";const k=s(class extends(e(g("ds-chip-group",{stopRootTracking:!0}),p)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsChipClick=i(this,"dsChipClick",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7),this.internals=this.attachInternals()}inheritedAttributes={};get el(){return this}internals;dsChipClick;dsSubmitInvalid;dsValidity;dsId=this.getUniqueId();dsName=this.dsId;dsLabel;dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsAssistiveText;dsErrorText;normalizeItems=(s,{min:e,max:i})=>{if(void 0===s)return;let t=Math.max(0,s);return void 0!==e&&t<e&&(t=e),void 0!==i&&t>i&&(t=i),t};_dsMinItems;get dsMinItems(){return this._dsMinItems}set dsMinItems(s){this._dsMinItems=this.normalizeItems(s,{min:0,max:this.dsMaxItems})}_dsMaxItems;get dsMaxItems(){return this._dsMaxItems}set dsMaxItems(s){this._dsMaxItems=this.normalizeItems(s,{min:this.dsMinItems})}childCount=0;get DsChipTag(){return r("ds-chip","ds-chip-group",this.el)}get DsGroupLabel(){return r("ds-group-label","ds-chip-group",this.el)}get DsInputValidity(){return r("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:e=this.dsMinItems,dsMaxItems:i=this.dsMaxItems}={}){void 0!==e&&s<e?this.internals?.setValidity({customError:!0},m(e-s)):void 0!==i&&s>i?this.internals?.setValidity({customError:!0},b(s-i)):this.internals?.setValidity({})}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...c(this,this.el),...h(this.el,["aria-labelledby"])},this.setValidity()}componentDidLoad(){this.componentMounted()}onAriaChanged(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},t(this)}dsNameObserver(s){for(const e of this.childChips)e.dsName=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})}handleDsClick(s){this.childChips.includes(s.target)&&this.dsChipClick.emit(s.detail)}render(){const s=o("ds-chip-group"),e=this.dsId+"-assistive-text",{"aria-label":i,"aria-describedby":t,...d}=this.inheritedAttributes,r=this.dsAriaDescribedby\|\|t\|\|[!!this.dsAssistiveText&&e].filter(Boolean).join(" "),n=this.dsId+"-error-text";return a("div",{key:"~~65cfa5aecda4f0b674889cc0e120dfc9a0ea7e35~~",class:s,role:"group",...l("aria-label",this.dsAriaLabel\|\|i\|\|this.dsLabel),...l("aria-labelledby",this.dsAriaLabelledby),...l("aria-describedby",r),...l("aria-labelledby",this.dsErrorText&&n),...d},a(this.DsGroupLabel,{key:"~~fa767b112ab1a442e06ce9341938b81d42487f9b~~",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:e},a("slot",{key:"~~7db691d4f8a2228ea5aebe55bf63cb53bc0bb548~~",name:"label"}),a("slot",{key:"~~529ba250c6345977b1d34041235b5b933700f68a~~",name:"assistiveText"})),a("div",{key:"~~f6b4247b90ba8a87566f164f64692ab29e70c66e~~",role:"list",class:s+"__chips"},a("slot",{key:"~~424b01344c6640e751530f582b58be72ed0869b4~~"})),this.internals?.form&&this.internals?.validity.valid&&this.childChips.map((s=>a("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),a(this.DsInputValidity,{key:"~~459a9a51d0bb5c4179e93ade081e012fd1220c79~~",id:n,dsText:this.dsErrorText,dsType:"error"}))}static get formAssociated(){return!0}static get watchers(){return{"aria-describedby":[{onAriaChanged:0}],"aria-label":[{onAriaChanged:0}],dsName:[{dsNameObserver:0}],childCount:[{childCountObserver:0}],dsMinItems:[{dsMinItemsObserver:0}],dsMaxItems:[{dsMaxItemsObserver:0}]}}static get style(){return".ds-chip-~~group__oJU1eo__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}"}},[838,"ds-chip-group",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsLabel:[1,"ds-label"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAssistiveText:[1,"ds-assistive-text"],dsErrorText:[1,"ds-error-text"],dsMinItems:[6658,"ds-min-items"],dsMaxItems:[6658,"ds-max-items"],childCount:[32],checkValidity:[64],childConnected:[64],childDisconnected:[64]},[[0,"dsClick","handleDsClick"]],{"aria-describedby":[{onAriaChanged:0}],"aria-label":[{onAriaChanged:0}],dsName:[{dsNameObserver:0}],childCount:[{childCountObserver:0}],dsMinItems:[{dsMinItemsObserver:0}],dsMaxItems:[{dsMaxItemsObserver:0}]}]);n([a("ds-chip",{dsText:""}),a("ds-group-label",null),a("ds-input-validity",null)]);const M=k,A=function(){"undefined"!=typeof customElements&&["ds-chip-group","ds-assistive-text","ds-chip","ds-feedback","ds-group-label","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-chip-group":customElements.get(d(s))\|\|customElements.define(d(s),k);break;case"ds-assistive-text":customElements.get(d(s))\|\|y();break;case"ds-chip":customElements.get(d(s))\|\|v();break;case"ds-feedback":customElements.get(d(s))\|\|f();break;case"ds-group-label":customElements.get(d(s))\|\|x();break;case"ds-icon":customElements.get(d(s))\|\|u();break;case"ds-input-validity":customElements.get(d(s))\|\|C();break;case"ds-visually-hidden":customElements.get(d(s))\|\|I()}}))};export{M as DsChipGroup,A as defineCustomElement}
1	+ import{p as s,M as e,c as i,f as t,h as a,t as d}from"./p-D6UlgeOO.js";import{t as r,a as c,d as l}from"./p-C_0dwn2_.js";import{c as n}from"./p-D8YjFWWU.js";import{i as h,a as o}from"./p-5l5qZ1Ad.js";import{u as m,x as b}from"./p-C1qByCId.js";import{a as p,d as u}from"./p-DmnbW85q.js";import{c as f}from"./p-Bmf5N-74.js";import{d as g}from"./p-jmXQ4MbI.js";import{d as v}from"./p-DEuGJQXt.js";import{d as y}from"./p-BDKjQmuJ.js";import{d as x}from"./p-DvOJDAP6.js";import{d as I}from"./p-sqmZYkaj.js";import{d as C}from"./p-Cx1Ahh88.js";const k=s(class extends(e(f("ds-chip-group",{stopRootTracking:!0}),p)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsChipClick=i(this,"dsChipClick",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7),this.internals=this.attachInternals()}inheritedAttributes={};get el(){return this}internals;dsChipClick;dsSubmitInvalid;dsValidity;dsId=this.getUniqueId();dsName=this.dsId;dsLabel;dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsAssistiveText;dsErrorText;normalizeItems=(s,{min:e,max:i})=>{if(void 0===s)return;let t=Math.max(0,s);return void 0!==e&&t<e&&(t=e),void 0!==i&&t>i&&(t=i),t};_dsMinItems;get dsMinItems(){return this._dsMinItems}set dsMinItems(s){this._dsMinItems=this.normalizeItems(s,{min:0,max:this.dsMaxItems})}_dsMaxItems;get dsMaxItems(){return this._dsMaxItems}set dsMaxItems(s){this._dsMaxItems=this.normalizeItems(s,{min:this.dsMinItems})}childCount=0;get DsChipTag(){return r("ds-chip","ds-chip-group",this.el)}get DsGroupLabel(){return r("ds-group-label","ds-chip-group",this.el)}get DsInputValidity(){return r("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:e=this.dsMinItems,dsMaxItems:i=this.dsMaxItems}={}){void 0!==e&&s<e?this.internals?.setValidity({customError:!0},m(e-s)):void 0!==i&&s>i?this.internals?.setValidity({customError:!0},b(s-i)):this.internals?.setValidity({})}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...o(this,this.el),...h(this.el,["aria-labelledby"])},this.setValidity()}componentDidLoad(){this.componentMounted()}onAriaChanged(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},t(this)}dsNameObserver(s){for(const e of this.childChips)e.dsName=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})}handleDsClick(s){this.childChips.includes(s.target)&&this.dsChipClick.emit(s.detail)}render(){const s=n("ds-chip-group"),e=this.dsId+"-assistive-text",{"aria-label":i,"aria-describedby":t,...d}=this.inheritedAttributes,r=this.dsAriaDescribedby\|\|t\|\|[!!this.dsAssistiveText&&e].filter(Boolean).join(" "),l=this.dsId+"-error-text";return a("div",{key:"eb079e9adb2b23d675e08d6e1a840afc33f0bfae",class:s,role:"group",...c("aria-label",this.dsAriaLabel\|\|i\|\|this.dsLabel),...c("aria-labelledby",this.dsAriaLabelledby),...c("aria-describedby",r),...c("aria-labelledby",this.dsErrorText&&l),...d},a(this.DsGroupLabel,{key:"7ca24eefb56427514bdffafe5ef142f8e8ab7ef1",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:e},a("slot",{key:"86cfcee9f38438a41dca600c54a7f2a3bb5c4b73",name:"label"}),a("slot",{key:"8c03de831d4563f5c92529074cecc51741bae705",name:"assistiveText"})),a("div",{key:"3c391cc9acf8763e2bf8866d8761c2300c1dd4e7",role:"list",class:s+"__chips"},a("slot",{key:"e5b969afc5e2c7d8106cabef7a687f5f50eba522"})),this.internals?.form&&this.internals?.validity.valid&&this.childChips.map((s=>a("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),a(this.DsInputValidity,{key:"e678f0b21b128cb2763c680cb6e025a67ff92015",id:l,dsText:this.dsErrorText,dsType:"error"}))}static get formAssociated(){return!0}static get watchers(){return{"aria-describedby":[{onAriaChanged:0}],"aria-label":[{onAriaChanged:0}],dsName:[{dsNameObserver:0}],childCount:[{childCountObserver:0}],dsMinItems:[{dsMinItemsObserver:0}],dsMaxItems:[{dsMaxItemsObserver:0}]}}static get style(){return".ds-chip-group__pA2cRq__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}"}},[838,"ds-chip-group",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsLabel:[1,"ds-label"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAssistiveText:[1,"ds-assistive-text"],dsErrorText:[1,"ds-error-text"],dsMinItems:[6658,"ds-min-items"],dsMaxItems:[6658,"ds-max-items"],childCount:[32],checkValidity:[64],childConnected:[64],childDisconnected:[64]},[[0,"dsClick","handleDsClick"]],{"aria-describedby":[{onAriaChanged:0}],"aria-label":[{onAriaChanged:0}],dsName:[{dsNameObserver:0}],childCount:[{childCountObserver:0}],dsMinItems:[{dsMinItemsObserver:0}],dsMaxItems:[{dsMaxItemsObserver:0}]}]);l([a("ds-chip",{dsText:""}),a("ds-group-label",null),a("ds-input-validity",null)]);const M=k,A=function(){"undefined"!=typeof customElements&&["ds-chip-group","ds-assistive-text","ds-chip","ds-feedback","ds-group-label","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-chip-group":customElements.get(d(s))\|\|customElements.define(d(s),k);break;case"ds-assistive-text":customElements.get(d(s))\|\|g();break;case"ds-chip":customElements.get(d(s))\|\|v();break;case"ds-feedback":customElements.get(d(s))\|\|y();break;case"ds-group-label":customElements.get(d(s))\|\|x();break;case"ds-icon":customElements.get(d(s))\|\|u();break;case"ds-input-validity":customElements.get(d(s))\|\|I();break;case"ds-visually-hidden":customElements.get(d(s))\|\|C()}}))};export{M as DsChipGroup,A as defineCustomElement}

package/dist/components/ds-chip.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~CcQDLkYC~~.js";const p=o,r=s;export{p as DsChip,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-DEuGJQXt.js";const t=o,p=s;export{t as DsChip,p as defineCustomElement}

package/dist/components/ds-combobox.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as t,c as o,f as i,h as e,d as n,t as a}from"./p-CzSzVfDu.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as d,k as l,S as c,a as h,d as b,F as u,p as _}from"./p-Duz7I_DQ.js";import{n as p,t as m,i as x,l as g,w as v,f,h as y,r as O,y as k,j as w,m as C}from"./p-BQCTbDKt.js";import{c as U}from"./p-BpJtDd1D.js";import{a as J,i as T}from"./p-5l5qZ1Ad.js";import{m as S}from"./p-xYmAT405.js";import{d as F}from"./p-VfYMKfsX.js";import{c as E}from"./p-CVitC9tk.js";import{d as I}from"./p-BL2MRHnX.js";import{d as V}from"./p-BoDGKrXH.js";import{d as L}from"./p-W4STsZvo.js";import{d as R}from"./p-B-SEppo4.js";import{d as A}from"./p-agL9TGQL.js";import{d as D}from"./p-5yjoyGFT.js";import{d as N}from"./p-wJBUBGoz.js";import{d as j}from"./p-d05qtkKx.js";import{d as B}from"./p-Eh5Ce9Mh.js";const P=s(class extends(t(E("ds-combobox",{stopRootTracking:!0}),S,F)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsFilterChange=o(this,"dsFilterChange",7),this.dsMultipleChange=o(this,"dsMultipleChange",7),this.dsChange=o(this,"dsChange",7),this.dsSelectedOptionValueChange=o(this,"dsSelectedOptionValueChange",7),this.dsSelectedOptionRemoved=o(this,"dsSelectedOptionRemoved",7),this.dsSubmitInvalid=o(this,"dsSubmitInvalid",7),this.dsValidity=o(this,"dsValidity",7),this.dsBlur=o(this,"dsBlur",7),this.dsFocus=o(this,"dsFocus",7),this.internals=this.attachInternals()}inheritedAttributes={};get el(){return this}internals;inputRef;optionsListRef;optionsListInnerRef;observer;GROUP_ITERATION_STOP=1e3;dsFilterChange;dsMultipleChange;dsChange;dsSelectedOptionValueChange;dsSelectedOptionRemoved;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsVariant="default";dsForm;dsId=this.getUniqueId();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;selectedOptions=[];inputValue="";hasTopScrim=!1;hasBottomScrim=!1;hasTopScrimDark=!1;noResults=!1;hasFocus=!1;feedback=[];forceUpdateInputValue=!1;preventImmediateOpen=!1;get badgeId(){return this.dsId+"-badge"}get labelId(){return this.dsId+"-label"}get assistiveTextId(){return this.dsId+"-assistive-text"}get buttonId(){return this.dsId+"-button"}get optionsId(){return this.dsId+"-options"}get inputValidityId(){return this.dsId+"-input-validity"}get DsBadge(){return d("ds-badge","ds-combobox",this.el)}get DsOptionGroupTag(){return d("ds-option-group","ds-combobox",this.el)}get DsOptionTag(){return d("ds-option","ds-combobox",this.el)}get DsFeedback(){return d("ds-feedback","ds-combobox",this.el)}getNoResultsTitle(s){if(this.dsNoResults\|\|this.noResults)return this.dsNoResultsTitle\|\|p(s)}get noResultsText(){if(this.dsNoResults\|\|this.noResults)return this.dsNoResultsText\|\|m()}get isMultiple(){return"multiple"===this.dsVariant}async setFocus(){this.inputRef?.focus(),this.dsFocus.emit()}async checkValidity(){return this.internals?.checkValidity()}async getOptions(){return this.getAllOptions()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue\|\|null,label:await s.getLabel()\|\|null,description:s.dsDescription\|\|null}))))}selectedOptionsObserver(s,t){const o=s.map((s=>s.dsValue)),i=t?.map((s=>s.dsValue))\|\|[],e=i.filter((s=>!o.includes(s))),n=o.filter((s=>!i.includes(s))),a=e.length>0\|\|n.length>0;if(t)for(const s of t)s.dsSelected=!1;for(const t of s)t.dsSelected=!0;const r=this.getShouldEmit([a]);this._setDisableEventEmits(!0),r&&(this.dsMultipleChange.emit({values:o,added:n,removed:e}),this.dsChange.emit(o[0]\|\|null)),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}),this.forceUpdateInputValue&&(this.forceUpdateInputValue=!1,this.setInputValue())}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)}hasFocusObserver(s){(s?this.dsFocus:this.dsBlur).emit()}resetFeedback=()=>{this.feedback=[],i(this)};debouncedResetFeedback=l(this.resetFeedback,u);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=l(this.appendFeedback,_);getFeedbackMessage=()=>this.feedback.length>0?this.feedback.at(-1)?.message:"";statusPropertyObserver(s,t,o){if(!s)return this.debouncedAppendFeedback.cancel(),this.removeFeedback(o),void(0===this.feedback.length&&this.appendFeedback("default",x()));"dsLoading"===o&&s?this.appendFeedback(o,this.dsLoadingText\|\|g()):"dsOptionsError"===o&&s?this.appendFeedback(o,this.dsOptionsErrorText\|\|`${v()} ${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},i(this)}valueObserver(s){this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.forceUpdateInputValue=!this.isOpen,this.value=this.toValue(s)}isOpenObserver(s){s?document.addEventListener("click",this.handleClickOutside):document.removeEventListener("click",this.handleClickOutside)}async handleOptionClick(s){s&&!s.dsDisabled&&(this._setDisableEventEmits(!1),this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple\|\|this.closeCombobox("select"))}handleDsClick(s){this.handleOptionClick(s.target)}handleDsMounted(s){const t=s.target;t.dsFocusOnActiveChange=!1,t.dsMouseDownPreventDefault=!0}handleDsValueChange(s){if(this.selectedOptions.some((t=>t.dsValue===s.detail.oldValue))){const t=this.withoutValue(s.detail.oldValue);this.value=s.detail.newValue?[...t\|\|[],s.detail.newValue]:t}}handleDsLabelChange(s){this.selectedOptions.some((t=>t.dsValue===s.detail.value))&&this.setInputValue(this.inputValue.replace(s.detail.oldLabel,s.detail.newLabel))}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null;(!t\|\|!this.el.contains(t))&&(this.hasFocus=!1,this.unsetActiveOption(),this.closeCombobox("blur"),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}componentWillLoad(){this._setDisableEventEmits(!0),this.inheritedAttributes={...T(this.el,["aria-autocomplete","aria-activedescendant","aria-expanded","aria-controls","aria-describedby"]),...J(this,this.el)};const s=this.getAllGroups();for(const t of s)t.dsMouseDownPreventDefault=!0;this.hasTopScrimDark=s.length>0}componentDidLoad(){this.componentMounted(),this.updateScrimClasses(),this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue\|\|Array.isArray(this.dsValue)&&0===this.dsValue.length)},y(),this.inputRef),this.forceUpdateInputValue=Array.isArray(this.dsValue)?this.dsValue.length>0:!!this.dsValue,this.value=this.toValue(this.dsValue),this.optionsListRef&&(this.observer=new MutationObserver((s=>{for(const t of s)if("childList"===t.type&&t.removedNodes.length>0){const s=Array.from(t.removedNodes).filter((s=>s.nodeType===Node.ELEMENT_NODE&&this.elementIsOption(s)));s.some((s=>this.inValue(s.dsValue)))&&(this.dsSelectedOptionRemoved.emit(),this.value=this.withoutValues(s.map((s=>s.dsValue))))}})),this.observer.observe(this.optionsListRef,{childList:!0,subtree:!0}))}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),document.removeEventListener("click",this.handleClickOutside),this.debouncedResetFeedback.cancel(),this.debouncedAppendFeedback.cancel()}setSelectedOptionsFromValue=async s=>{if(!s\|\|0===s.length)return void await this.setSelectedOptions([]);const t=this.getAllOptions().filter((t=>s.includes(t.dsValue)));0!==t.length?await this.setSelectedOptions(t):console.warn(`ds-combobox: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{this.isMultiple\|\|this.unsetActiveOption(),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},y(),this.inputRef),this.selectedOptions=s};unsetActiveOption=()=>{this.activeOption&&(this.activeOption.dsActive=!1,this.activeOption=null)};scrollToActiveOption=()=>{if(!this.activeOption\|\|!this.optionsListInnerRef)return;const s=this.optionsListInnerRef.getBoundingClientRect(),t=this.activeOption.getBoundingClientRect();s&&t&&(this.hasBottomScrim&&t.bottom>s.bottom-c?this.optionsListInnerRef.scrollTop+=t.bottom-(s.bottom-c):this.hasTopScrim&&t.top<s.top+c&&(this.optionsListInnerRef.scrollTop-=s.top+c-t.top))};setActiveOption=s=>{if(!s)return;const t=!!this.activeOption;this.unsetActiveOption(),s.dsActive=!0,this.activeOption=s,t?this.scrollToActiveOption():this.activeOption.scrollIntoView({behavior:"instant",block:"center"})};setInputValue=async s=>{this.inputValue="string"!=typeof s?this.selectedOptions.length>0?(await Promise.all(this.selectedOptions.map((s=>s.getLabel())))).join(", "):"":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()===d(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.at(-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?.at(-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.openCombobox(""),!this.activeOption\|\|this.activeOption.dsDisabled\|\|this.activeOption.dsHidden\|\|this.handleOptionClick(this.activeOption);break;case"Down":case"ArrowDown":this.openCombobox(""),this.onNavigationKeyDown(this.getNextOption)(s,this.activeOption);break;case"Up":case"ArrowUp":this.openCombobox(""),this.onNavigationKeyDown(this.getPreviousOption)(s,this.activeOption);break;case"Home":this.openCombobox(),this.onNavigationKeyDown(this.getFirstOption)(s);break;case"End":this.openCombobox(),this.onNavigationKeyDown(this.getLastOption)(s);break;case"Tab":{const t=!!this.activeOption;let o;this.unsetActiveOption(),t&&s.shiftKey&&(o="focus",this.preventImmediateOpen=this.isOpen),this.closeCombobox(o);break}case"Esc":case"Escape":if(this.isOpen)return void this.closeCombobox("select");this.inputRef?.setSelectionRange(this.inputRef?.value?.length,this.inputRef?.value?.length);break;case"Shift":if(s.repeat)break;break;default:this.openCombobox()}};updateGroupVisibility=async s=>{const t=await s.getGroup();t&&(t.dsHidden=!await t.hasVisibleOptions())};handleClickOutside=s=>{this.el.contains(s.target)\|\|this.closeCombobox("blur")};handleInput=async s=>{if(await this.setInputValue(s.target.value),"static"===this.dsFilteringStrategy)return;let t=0;const o=this.getAllOptions();for(const s of o)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=async s=>{this.isOpen\|\|("string"==typeof s&&await this.setInputValue(s),this.isOpen=!0,this.inputRef?.focus())};closeCombobox=async(s,t)=>{if(this.isOpen){for(const s of this.getAllGroups())s.dsHidden=!1;for(const s of this.getAllOptions())s.dsHidden=!1,s.dsActive=!1;this.unsetActiveOption(),await this.setInputValue(t),this.isOpen=!1,this.noResults=!1,s&&requestAnimationFrame((()=>{this.inputRef?.[s]()}))}};handleFocus=()=>{this.dsDisabled\|\|(0!==this.selectedOptions?.length\|\|this.preventImmediateOpen?(this.preventImmediateOpen=!1,this.inputRef?.select()):this.openCombobox())};handleToggleButtonClick=async s=>{s.stopPropagation(),this.dsDisabled\|\|(this.isOpen?this.closeCombobox("focus"):this.openCombobox())};handleClearButtonClick=s=>{s.stopPropagation(),this.unsetActiveOption(),this._setDisableEventEmits(!1),this.value=this.toValue(null),this.isOpen?this.closeCombobox("focus",""):(this.setInputValue(""),this.inputRef?.focus())};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":s,...t}=this.inheritedAttributes,o=this.dsAriaLabel\|\|s,i=(()=>{const s=this.isMultiple?C():void 0;return this.dsLabel?s:[o,s].filter(Boolean).join(" ")})(),a=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),l=O(!0),c=d("ds-icon","ds-combobox",this.el),b=d("ds-button","ds-combobox",this.el),u=d("ds-options-message","ds-combobox",this.el),_=d("ds-input-validity","ds-combobox",this.el),p=d("ds-control-label","ds-combobox",this.el),m=U("ds-combobox"),x=m+"__host",g=m+"__input-container",v=m+"__options-container";return e(n,{class:r(x,{[x+"--full-width"]:this.dsFullWidth})},e(p,{dsId:this.labelId,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},e("slot",{name:"label"}),e("slot",{name:"assistiveText"})),e("div",{class:r(m,{[m+"--open"]:this.isOpen})},e("div",{class:r(g,{[g+"--disabled"]:this.dsDisabled,[g+"--invalid"]:!!this.dsErrorText,[g+"--open"]:this.isOpen}),onMouseDown:s=>{s.target!==this.inputRef&&s.preventDefault()},onClick:()=>{this.dsDisabled\|\|this.openCombobox("")}},this.dsIcon&&e(c,{class:g+"__icon",dsName:this.dsIcon}),e("input",{ref:s=>this.inputRef=s,class:g+"__input",id:this.dsId,form:this.dsForm,type:"text",placeholder:this.dsPlaceholderHidden?void 0:this.dsPlaceholder\|\|k(),disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onInput:this.handleInput,onFocus:this.handleFocus,value:this.inputValue,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-invalid":this.dsErrorText?"true":"false","aria-autocomplete":"list","aria-activedescendant":this.activeOption?.dsId\|\|"","aria-label":this.dsLabel?void 0:o,"aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${this.labelId} ${this.badgeId}`:this.labelId,"aria-expanded":this.isOpen+"","aria-controls":this.optionsId,...h("aria-describedby",a),...t}),this.isMultiple&&this.selectedOptions?.length>0&&e("div",{class:r(g+"__badge-container",{[g+"__badge-container--padded"]:this.dsDisabled\|\|!this.dsClearable})},e(this.DsBadge,{dsId:this.badgeId,dsText:""+this.selectedOptions.length,dsHiddenAssistiveText:w(),dsVariant:this.dsDisabled?"disabled":"default"})),this.dsClearable&&this.selectedOptions?.length>0&&!this.dsDisabled&&e(b,{class:g+"__clear-button",dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:l,dsIconAriaLabel:l,onClick:this.handleClearButtonClick,dsAriaLabel:l,dsAriaDescribedby:this.dsId,dsInInput:!0,dsNoFocusRing:!0}),e("div",{id:this.buttonId,class:g+"__toggle-button",role:"button",tabIndex:-1,"aria-label":this.dsLabel?void 0:o,"aria-labelledby":this.dsLabel&&this.labelId,"aria-expanded":this.isOpen+"","aria-controls":this.optionsId,onClick:this.handleToggleButtonClick},e(c,{class:g+"__toggle-button__icon",dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"}))),e("div",{class:r(v,{[v+"--open"]:this.isOpen})},e("div",{ref:s=>this.optionsListRef=s,class:r(v+"__options")},e(u,{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}),e("div",{id:this.optionsId,class:v+"__options__inner",tabIndex:-1,role:"listbox",ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll,"aria-multiselectable":this.isMultiple?"true":"false","aria-label":i,"aria-labelledby":this.dsLabel&&[this.labelId,this.optionsId].join(" ")},e("div",{class:r(v+"__options__inner__top-scrim",{[v+"__options__inner__top-scrim--dark"]:this.hasTopScrimDark,[v+"__options__inner__top-scrim--visible"]:this.hasTopScrim}),"aria-hidden":"true"}),e("slot",null),e("div",{class:r(v+"__options__inner__bottom-scrim",{[v+"__options__inner__bottom-scrim--visible"]:this.hasBottomScrim}),"aria-hidden":"true"}))))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>e("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),e(_,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}),e(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}static get formAssociated(){return!0}static get watchers(){return{selectedOptions:[{selectedOptionsObserver:0}],inputValue:[{inputValueObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{statusPropertyObserver:0}],dsOptionsError:[{statusPropertyObserver:0}],dsNoResults:[{statusPropertyObserver:0}],noResults:[{statusPropertyObserver:0}],"aria-label":[{ariaAttributeObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],isOpen:[{isOpenObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-combobox .sc-ds-combobox{all:unset;box-sizing:border-box;display:block}.sc-ds-combobox-h{display:inline-block}.ds-combobox__oJU1eo__host.sc-ds-combobox-h{width:100%}@media (min-width: 30rem){.ds-combobox__oJU1eo__host.sc-ds-combobox-h{width:20rem}}@media (min-width: 30rem){.ds-combobox__oJU1eo__host--full-width.sc-ds-combobox-h{width:100%}}.sc-ds-combobox-h>.ds-combobox__oJU1eo.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__oJU1eo.sc-ds-combobox{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-combobox__oJU1eo__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__oJU1eo__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__oJU1eo__input-container--disabled.sc-ds-combobox .ds-combobox__oJU1eo__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__oJU1eo__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__oJU1eo__input-container--invalid.sc-ds-combobox:not(.ds-combobox__oJU1eo__input-container--open):not(.ds-combobox__oJU1eo__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__oJU1eo__input-container--invalid.sc-ds-combobox:not(.ds-combobox__oJU1eo__input-container--open):not(.ds-combobox__oJU1eo__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__oJU1eo__input-container.sc-ds-combobox:active:not(.ds-combobox__oJU1eo__input-container--invalid,.ds-combobox__oJU1eo__input-container--disabled.sc-ds-combobox,.ds-combobox__oJU1eo__input-container--open).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__oJU1eo__input-container.sc-ds-combobox:not(.ds-combobox__oJU1eo__input-container--open,.ds-combobox__oJU1eo__input-container.sc-ds-combobox:has(>.ds-combobox__oJU1eo__input-container__clear-button>button:focus),.ds-combobox__oJU1eo__input-container--invalid.sc-ds-combobox,.ds-combobox__oJU1eo__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__oJU1eo__input-container.sc-ds-combobox:has(>.ds-combobox__oJU1eo__input-container__input: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__oJU1eo__input-container__input.sc-ds-combobox{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);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__oJU1eo__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__oJU1eo__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-combobox__oJU1eo__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__oJU1eo__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__oJU1eo__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__oJU1eo__input-container__icon.sc-ds-combobox+.ds-combobox__oJU1eo__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__oJU1eo__input-container__badge-container.sc-ds-combobox{pointer-events:none;user-select:none}.ds-combobox__oJU1eo__input-container__badge-container--padded.sc-ds-combobox{padding-right:calc(var(--ds-spacing-2xSmall) + var(--ds-spacing-4xSmall))}.ds-combobox__oJU1eo__input-container__clear-button.sc-ds-combobox,.ds-combobox__oJU1eo__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__oJU1eo__input-container__clear-button.sc-ds-combobox:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-combobox__oJU1eo__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__oJU1eo__input-container__toggle-button.sc-ds-combobox:focus{outline:none}.ds-combobox__oJU1eo__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__oJU1eo__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-default);background-color:var(--ds-bgColor-white)}.ds-combobox__oJU1eo__options-container--open.sc-ds-combobox{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-combobox__oJU1eo__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__oJU1eo__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__oJU1eo__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__oJU1eo__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__oJU1eo__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__oJU1eo__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__oJU1eo__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__oJU1eo__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__oJU1eo__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%)}"}},[838,"ds-combobox",{dsVariant:[1,"ds-variant"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsIcon:[1,"ds-icon"],dsPlaceholder:[1,"ds-placeholder"],dsPlaceholderHidden:[4,"ds-placeholder-hidden"],dsDisabled:[4,"ds-disabled"],dsAriaLabel:[1,"ds-aria-label"],dsClearable:[4,"ds-clearable"],dsErrorText:[1,"ds-error-text"],dsFilteringStrategy:[1,"ds-filtering-strategy"],dsLoading:[4,"ds-loading"],dsLoadingText:[1,"ds-loading-text"],dsOptionsError:[4,"ds-options-error"],dsOptionsErrorTitle:[1,"ds-options-error-title"],dsOptionsErrorText:[1,"ds-options-error-text"],dsNoResults:[4,"ds-no-results"],dsNoResultsTitle:[1,"ds-no-results-title"],dsNoResultsText:[1,"ds-no-results-text"],dsValue:[1,"ds-value"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsFullWidth:[4,"ds-full-width"],value:[32],isOpen:[32],activeOption:[32],selectedOptions:[32],inputValue:[32],hasTopScrim:[32],hasBottomScrim:[32],hasTopScrimDark:[32],noResults:[32],hasFocus:[32],feedback:[32],setDisableEventEmits:[64],setFocus:[64],checkValidity:[64],getOptions:[64],getSelectedOption:[64],getSelectedOptions:[64]},[[0,"dsClick","handleDsClick"],[0,"dsMounted","handleDsMounted"],[0,"dsValueChange","handleDsValueChange"],[0,"dsLabelChange","handleDsLabelChange"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{selectedOptions:[{selectedOptionsObserver:0}],inputValue:[{inputValueObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{statusPropertyObserver:0}],dsOptionsError:[{statusPropertyObserver:0}],dsNoResults:[{statusPropertyObserver:0}],noResults:[{statusPropertyObserver:0}],"aria-label":[{ariaAttributeObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],isOpen:[{isOpenObserver:0}]}]);b([e("ds-icon",{dsName:""}),e("ds-button",null),e("ds-options-message",null),e("ds-input-validity",null),e("ds-control-label",null),e("ds-feedback",null)]);const z=P,M=function(){"undefined"!=typeof customElements&&["ds-combobox","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-options-message","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-combobox":customElements.get(a(s))\|\|customElements.define(a(s),P);break;case"ds-assistive-text":customElements.get(a(s))\|\|I();break;case"ds-button":customElements.get(a(s))\|\|V();break;case"ds-control-label":customElements.get(a(s))\|\|L();break;case"ds-feedback":customElements.get(a(s))\|\|R();break;case"ds-icon":customElements.get(a(s))\|\|A();break;case"ds-input-validity":customElements.get(a(s))\|\|D();break;case"ds-options-message":customElements.get(a(s))\|\|N();break;case"ds-spinner":customElements.get(a(s))\|\|j();break;case"ds-visually-hidden":customElements.get(a(s))\|\|B()}}))};export{z as DsCombobox,M as defineCustomElement}
1	+ import{p as s,M as t,c as o,f as i,h as e,d as n,t as a}from"./p-D6UlgeOO.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as d,k as c,S as l,a as h,d as b,F as p,p as _}from"./p-C_0dwn2_.js";import{n as u,t as m,i as x,l as g,w as v,f,h as y,r as O,y as A,j as R,m as k}from"./p-C1qByCId.js";import{c as w}from"./p-D8YjFWWU.js";import{a as q,i as C}from"./p-5l5qZ1Ad.js";import{m as T}from"./p-xYmAT405.js";import{d as S}from"./p-VfYMKfsX.js";import{c as F}from"./p-Bmf5N-74.js";import{d as I}from"./p-jmXQ4MbI.js";import{d as E}from"./p-n9DkXIbZ.js";import{d as L}from"./p-CrIZLj9c.js";import{d as V}from"./p-BDKjQmuJ.js";import{d as D}from"./p-DmnbW85q.js";import{d as N}from"./p-sqmZYkaj.js";import{d as j}from"./p-C0PfLFpc.js";import{d as P}from"./p-U8nzK7E7.js";import{d as W}from"./p-Cx1Ahh88.js";const z=s(class extends(t(F("ds-combobox",{stopRootTracking:!0}),T,S)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsFilterChange=o(this,"dsFilterChange",7),this.dsMultipleChange=o(this,"dsMultipleChange",7),this.dsChange=o(this,"dsChange",7),this.dsSelectedOptionValueChange=o(this,"dsSelectedOptionValueChange",7),this.dsSelectedOptionRemoved=o(this,"dsSelectedOptionRemoved",7),this.dsSubmitInvalid=o(this,"dsSubmitInvalid",7),this.dsValidity=o(this,"dsValidity",7),this.dsBlur=o(this,"dsBlur",7),this.dsFocus=o(this,"dsFocus",7),this.internals=this.attachInternals()}inheritedAttributes={};get el(){return this}internals;inputRef;optionsListRef;optionsListInnerRef;observer;GROUP_ITERATION_STOP=1e3;dsFilterChange;dsMultipleChange;dsChange;dsSelectedOptionValueChange;dsSelectedOptionRemoved;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsVariant="default";dsForm;dsId=this.getUniqueId();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;selectedOptions=[];inputValue="";hasTopScrim=!1;hasBottomScrim=!1;hasTopScrimDark=!1;noResults=!1;hasFocus=!1;feedback=[];forceUpdateInputValue=!1;preventImmediateOpen=!1;get badgeId(){return this.dsId+"-badge"}get labelId(){return this.dsId+"-label"}get assistiveTextId(){return this.dsId+"-assistive-text"}get buttonId(){return this.dsId+"-button"}get optionsId(){return this.dsId+"-options"}get inputValidityId(){return this.dsId+"-input-validity"}get DsBadge(){return d("ds-badge","ds-combobox",this.el)}get DsOptionGroupTag(){return d("ds-option-group","ds-combobox",this.el)}get DsOptionTag(){return d("ds-option","ds-combobox",this.el)}get DsFeedback(){return d("ds-feedback","ds-combobox",this.el)}getNoResultsTitle(s){if(this.dsNoResults\|\|this.noResults)return this.dsNoResultsTitle\|\|u(s)}get noResultsText(){if(this.dsNoResults\|\|this.noResults)return this.dsNoResultsText\|\|m()}get isMultiple(){return"multiple"===this.dsVariant}async setFocus(){this.inputRef?.focus(),this.dsFocus.emit()}async checkValidity(){return this.internals?.checkValidity()}async getOptions(){return this.getAllOptions()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue\|\|null,label:await s.getLabel()\|\|null,description:s.dsDescription\|\|null}))))}selectedOptionsObserver(s,t){const o=s.map((s=>s.dsValue)),i=t?.map((s=>s.dsValue))\|\|[],e=i.filter((s=>!o.includes(s))),n=o.filter((s=>!i.includes(s))),a=e.length>0\|\|n.length>0;if(t)for(const s of t)s.dsSelected=!1;for(const t of s)t.dsSelected=!0;const r=this.getShouldEmit([a]);this._setDisableEventEmits(!0),r&&(this.dsMultipleChange.emit({values:o,added:n,removed:e}),this.dsChange.emit(o[0]\|\|null)),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}),this.forceUpdateInputValue&&(this.forceUpdateInputValue=!1,this.setInputValue())}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)}hasFocusObserver(s){(s?this.dsFocus:this.dsBlur).emit()}resetFeedback=()=>{this.feedback=[],i(this)};debouncedResetFeedback=c(this.resetFeedback,p);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=c(this.appendFeedback,_);getFeedbackMessage=()=>this.feedback.length>0?this.feedback.at(-1)?.message:"";statusPropertyObserver(s,t,o){if(!s)return this.debouncedAppendFeedback.cancel(),this.removeFeedback(o),void(0===this.feedback.length&&this.appendFeedback("default",x()));"dsLoading"===o&&s?this.appendFeedback(o,this.dsLoadingText\|\|g()):"dsOptionsError"===o&&s?this.appendFeedback(o,this.dsOptionsErrorText\|\|`${v()} ${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},i(this)}valueObserver(s){this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.forceUpdateInputValue=!this.isOpen,this.value=this.toValue(s)}isOpenObserver(s){s?document.addEventListener("click",this.handleClickOutside):document.removeEventListener("click",this.handleClickOutside)}async handleOptionClick(s){s&&!s.dsDisabled&&(this._setDisableEventEmits(!1),this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple\|\|this.closeCombobox("select"))}handleDsClick(s){this.handleOptionClick(s.target)}handleDsMounted(s){const t=s.target;t.dsFocusOnActiveChange=!1,t.dsMouseDownPreventDefault=!0}handleDsValueChange(s){if(this.selectedOptions.some((t=>t.dsValue===s.detail.oldValue))){const t=this.withoutValue(s.detail.oldValue);this.value=s.detail.newValue?[...t\|\|[],s.detail.newValue]:t}}handleDsLabelChange(s){this.selectedOptions.some((t=>t.dsValue===s.detail.value))&&this.setInputValue(this.inputValue.replace(s.detail.oldLabel,s.detail.newLabel))}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null;(!t\|\|!this.el.contains(t))&&(this.hasFocus=!1,this.unsetActiveOption(),this.closeCombobox("blur"),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}componentWillLoad(){this._setDisableEventEmits(!0),this.inheritedAttributes={...C(this.el,["aria-autocomplete","aria-activedescendant","aria-expanded","aria-controls","aria-describedby"]),...q(this,this.el)};const s=this.getAllGroups();for(const t of s)t.dsMouseDownPreventDefault=!0;this.hasTopScrimDark=s.length>0}componentDidLoad(){this.componentMounted(),this.updateScrimClasses(),this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue\|\|Array.isArray(this.dsValue)&&0===this.dsValue.length)},y(),this.inputRef),this.forceUpdateInputValue=Array.isArray(this.dsValue)?this.dsValue.length>0:!!this.dsValue,this.value=this.toValue(this.dsValue),this.optionsListRef&&(this.observer=new MutationObserver((s=>{for(const t of s)if("childList"===t.type&&t.removedNodes.length>0){const s=Array.from(t.removedNodes).filter((s=>s.nodeType===Node.ELEMENT_NODE&&this.elementIsOption(s)));s.some((s=>this.inValue(s.dsValue)))&&(this.dsSelectedOptionRemoved.emit(),this.value=this.withoutValues(s.map((s=>s.dsValue))))}})),this.observer.observe(this.optionsListRef,{childList:!0,subtree:!0}))}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),document.removeEventListener("click",this.handleClickOutside),this.debouncedResetFeedback.cancel(),this.debouncedAppendFeedback.cancel()}setSelectedOptionsFromValue=async s=>{if(!s\|\|0===s.length)return void await this.setSelectedOptions([]);const t=this.getAllOptions().filter((t=>s.includes(t.dsValue)));0!==t.length?await this.setSelectedOptions(t):console.warn(`ds-combobox: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{this.isMultiple\|\|this.unsetActiveOption(),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},y(),this.inputRef),this.selectedOptions=s};unsetActiveOption=()=>{this.activeOption&&(this.activeOption.dsActive=!1,this.activeOption=null)};scrollToActiveOption=()=>{if(!this.activeOption\|\|!this.optionsListInnerRef)return;const s=this.optionsListInnerRef.getBoundingClientRect(),t=this.activeOption.getBoundingClientRect();s&&t&&(this.hasBottomScrim&&t.bottom>s.bottom-l?this.optionsListInnerRef.scrollTop+=t.bottom-(s.bottom-l):this.hasTopScrim&&t.top<s.top+l&&(this.optionsListInnerRef.scrollTop-=s.top+l-t.top))};setActiveOption=s=>{if(!s)return;const t=!!this.activeOption;this.unsetActiveOption(),s.dsActive=!0,this.activeOption=s,t?this.scrollToActiveOption():this.activeOption.scrollIntoView({behavior:"instant",block:"center"})};setInputValue=async s=>{this.inputValue="string"!=typeof s?this.selectedOptions.length>0?(await Promise.all(this.selectedOptions.map((s=>s.getLabel())))).join(", "):"":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()===d(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.at(-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?.at(-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.openCombobox(""),!this.activeOption\|\|this.activeOption.dsDisabled\|\|this.activeOption.dsHidden\|\|this.handleOptionClick(this.activeOption);break;case"Down":case"ArrowDown":this.openCombobox(""),this.onNavigationKeyDown(this.getNextOption)(s,this.activeOption);break;case"Up":case"ArrowUp":this.openCombobox(""),this.onNavigationKeyDown(this.getPreviousOption)(s,this.activeOption);break;case"Home":this.openCombobox(),this.onNavigationKeyDown(this.getFirstOption)(s);break;case"End":this.openCombobox(),this.onNavigationKeyDown(this.getLastOption)(s);break;case"Tab":{const t=!!this.activeOption;let o;this.unsetActiveOption(),t&&s.shiftKey&&(o="focus",this.preventImmediateOpen=this.isOpen),this.closeCombobox(o);break}case"Esc":case"Escape":if(this.isOpen)return void this.closeCombobox("select");this.inputRef?.setSelectionRange(this.inputRef?.value?.length,this.inputRef?.value?.length);break;case"Shift":if(s.repeat)break;break;default:this.openCombobox()}};updateGroupVisibility=async s=>{const t=await s.getGroup();t&&(t.dsHidden=!await t.hasVisibleOptions())};handleClickOutside=s=>{this.el.contains(s.target)\|\|this.closeCombobox("blur")};handleInput=async s=>{if(await this.setInputValue(s.target.value),"static"===this.dsFilteringStrategy)return;let t=0;const o=this.getAllOptions();for(const s of o)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=async s=>{this.isOpen\|\|("string"==typeof s&&await this.setInputValue(s),this.isOpen=!0,this.inputRef?.focus())};closeCombobox=async(s,t)=>{if(this.isOpen){for(const s of this.getAllGroups())s.dsHidden=!1;for(const s of this.getAllOptions())s.dsHidden=!1,s.dsActive=!1;this.unsetActiveOption(),await this.setInputValue(t),this.isOpen=!1,this.noResults=!1,s&&requestAnimationFrame((()=>{this.inputRef?.[s]()}))}};handleFocus=()=>{this.dsDisabled\|\|(0!==this.selectedOptions?.length\|\|this.preventImmediateOpen?(this.preventImmediateOpen=!1,this.inputRef?.select()):this.openCombobox())};handleToggleButtonClick=async s=>{s.stopPropagation(),this.dsDisabled\|\|(this.isOpen?this.closeCombobox("focus"):this.openCombobox())};handleClearButtonClick=s=>{s.stopPropagation(),this.unsetActiveOption(),this._setDisableEventEmits(!1),this.value=this.toValue(null),this.isOpen?this.closeCombobox("focus",""):(this.setInputValue(""),this.inputRef?.focus())};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":s,...t}=this.inheritedAttributes,o=this.dsAriaLabel\|\|s,i=(()=>{const s=this.isMultiple?k():void 0;return this.dsLabel?s:[o,s].filter(Boolean).join(" ")})(),a=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),c=O(!0),l=d("ds-icon","ds-combobox",this.el),b=d("ds-button","ds-combobox",this.el),p=d("ds-options-message","ds-combobox",this.el),_=d("ds-input-validity","ds-combobox",this.el),u=d("ds-control-label","ds-combobox",this.el),m=w("ds-combobox"),x=m+"__host",g=m+"__input-container",v=m+"__options-container";return e(n,{class:r(x,{[x+"--full-width"]:this.dsFullWidth})},e(u,{dsId:this.labelId,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId},e("slot",{name:"label"}),e("slot",{name:"assistiveText"})),e("div",{class:r(m,{[m+"--open"]:this.isOpen})},e("div",{class:r(g,{[g+"--disabled"]:this.dsDisabled,[g+"--invalid"]:!!this.dsErrorText,[g+"--open"]:this.isOpen}),onMouseDown:s=>{s.target!==this.inputRef&&s.preventDefault()},onClick:()=>{this.dsDisabled\|\|this.openCombobox("")}},this.dsIcon&&e(l,{class:g+"__icon",dsName:this.dsIcon}),e("input",{ref:s=>this.inputRef=s,class:g+"__input",id:this.dsId,form:this.dsForm,type:"text",placeholder:this.dsPlaceholderHidden?void 0:this.dsPlaceholder\|\|A(),disabled:this.dsDisabled,onKeyDown:this.handleKeyDown,onInput:this.handleInput,onFocus:this.handleFocus,value:this.inputValue,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-invalid":this.dsErrorText?"true":"false","aria-autocomplete":"list","aria-activedescendant":this.activeOption?.dsId\|\|"","aria-label":this.dsLabel?void 0:o,"aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${this.labelId} ${this.badgeId}`:this.labelId,"aria-expanded":this.isOpen+"","aria-controls":this.optionsId,...h("aria-describedby",a),...t}),this.isMultiple&&this.selectedOptions?.length>0&&e("div",{class:r(g+"__badge-container",{[g+"__badge-container--padded"]:this.dsDisabled\|\|!this.dsClearable})},e(this.DsBadge,{dsId:this.badgeId,dsText:""+this.selectedOptions.length,dsHiddenAssistiveText:R(),dsVariant:this.dsDisabled?"disabled":"default"})),this.dsClearable&&this.selectedOptions?.length>0&&!this.dsDisabled&&e(b,{class:g+"__clear-button",dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:c,dsIconAriaLabel:c,onClick:this.handleClearButtonClick,dsAriaLabel:c,dsAriaDescribedby:this.dsId,dsInInput:!0,dsNoFocusRing:!0}),e("div",{id:this.buttonId,class:g+"__toggle-button",role:"button",tabIndex:-1,"aria-label":this.dsLabel?void 0:o,"aria-labelledby":this.dsLabel&&this.labelId,"aria-expanded":this.isOpen+"","aria-controls":this.optionsId,onClick:this.handleToggleButtonClick},e(l,{class:g+"__toggle-button__icon",dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"}))),e("div",{class:r(v,{[v+"--open"]:this.isOpen})},e("div",{ref:s=>this.optionsListRef=s,class:r(v+"__options")},e(p,{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}),e("div",{id:this.optionsId,class:v+"__options__inner",tabIndex:-1,role:"listbox",ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll,"aria-multiselectable":this.isMultiple?"true":"false","aria-label":i,"aria-labelledby":this.dsLabel&&[this.labelId,this.optionsId].join(" ")},e("div",{class:r(v+"__options__inner__top-scrim",{[v+"__options__inner__top-scrim--dark"]:this.hasTopScrimDark,[v+"__options__inner__top-scrim--visible"]:this.hasTopScrim}),"aria-hidden":"true"}),e("slot",null),e("div",{class:r(v+"__options__inner__bottom-scrim",{[v+"__options__inner__bottom-scrim--visible"]:this.hasBottomScrim}),"aria-hidden":"true"}))))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>e("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),e(_,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}),e(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}static get formAssociated(){return!0}static get watchers(){return{selectedOptions:[{selectedOptionsObserver:0}],inputValue:[{inputValueObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{statusPropertyObserver:0}],dsOptionsError:[{statusPropertyObserver:0}],dsNoResults:[{statusPropertyObserver:0}],noResults:[{statusPropertyObserver:0}],"aria-label":[{ariaAttributeObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],isOpen:[{isOpenObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-combobox .sc-ds-combobox{all:unset;box-sizing:border-box;display:block}.sc-ds-combobox-h{display:inline-block}.ds-combobox__pA2cRq__host.sc-ds-combobox-h{width:100%}@media (min-width: 30rem){.ds-combobox__pA2cRq__host.sc-ds-combobox-h{width:20rem}}@media (min-width: 30rem){.ds-combobox__pA2cRq__host--full-width.sc-ds-combobox-h{width:100%}}.sc-ds-combobox-h>.ds-combobox__pA2cRq.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__pA2cRq.sc-ds-combobox{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-combobox__pA2cRq__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__pA2cRq__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__pA2cRq__input-container--disabled.sc-ds-combobox .ds-combobox__pA2cRq__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__pA2cRq__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__pA2cRq__input-container--invalid.sc-ds-combobox:not(.ds-combobox__pA2cRq__input-container--open):not(.ds-combobox__pA2cRq__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__pA2cRq__input-container--invalid.sc-ds-combobox:not(.ds-combobox__pA2cRq__input-container--open):not(.ds-combobox__pA2cRq__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__pA2cRq__input-container.sc-ds-combobox:active:not(.ds-combobox__pA2cRq__input-container--invalid,.ds-combobox__pA2cRq__input-container--disabled.sc-ds-combobox,.ds-combobox__pA2cRq__input-container--open).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__pA2cRq__input-container.sc-ds-combobox:not(.ds-combobox__pA2cRq__input-container--open,.ds-combobox__pA2cRq__input-container.sc-ds-combobox:has(>.ds-combobox__pA2cRq__input-container__clear-button>button:focus),.ds-combobox__pA2cRq__input-container--invalid.sc-ds-combobox,.ds-combobox__pA2cRq__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__pA2cRq__input-container.sc-ds-combobox:has(>.ds-combobox__pA2cRq__input-container__input: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__pA2cRq__input-container__input.sc-ds-combobox{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);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__pA2cRq__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__pA2cRq__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-combobox__pA2cRq__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__pA2cRq__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__pA2cRq__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__pA2cRq__input-container__icon.sc-ds-combobox+.ds-combobox__pA2cRq__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__pA2cRq__input-container__badge-container.sc-ds-combobox{pointer-events:none;user-select:none}.ds-combobox__pA2cRq__input-container__badge-container--padded.sc-ds-combobox{padding-right:calc(var(--ds-spacing-2xSmall) + var(--ds-spacing-4xSmall))}.ds-combobox__pA2cRq__input-container__clear-button.sc-ds-combobox,.ds-combobox__pA2cRq__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__pA2cRq__input-container__clear-button.sc-ds-combobox:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-combobox__pA2cRq__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__pA2cRq__input-container__toggle-button.sc-ds-combobox:focus{outline:none}.ds-combobox__pA2cRq__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__pA2cRq__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-default);background-color:var(--ds-bgColor-white)}.ds-combobox__pA2cRq__options-container--open.sc-ds-combobox{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-combobox__pA2cRq__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__pA2cRq__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__pA2cRq__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__pA2cRq__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__pA2cRq__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__pA2cRq__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__pA2cRq__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__pA2cRq__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__pA2cRq__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%)}"}},[838,"ds-combobox",{dsVariant:[1,"ds-variant"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsIcon:[1,"ds-icon"],dsPlaceholder:[1,"ds-placeholder"],dsPlaceholderHidden:[4,"ds-placeholder-hidden"],dsDisabled:[4,"ds-disabled"],dsAriaLabel:[1,"ds-aria-label"],dsClearable:[4,"ds-clearable"],dsErrorText:[1,"ds-error-text"],dsFilteringStrategy:[1,"ds-filtering-strategy"],dsLoading:[4,"ds-loading"],dsLoadingText:[1,"ds-loading-text"],dsOptionsError:[4,"ds-options-error"],dsOptionsErrorTitle:[1,"ds-options-error-title"],dsOptionsErrorText:[1,"ds-options-error-text"],dsNoResults:[4,"ds-no-results"],dsNoResultsTitle:[1,"ds-no-results-title"],dsNoResultsText:[1,"ds-no-results-text"],dsValue:[1,"ds-value"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsFullWidth:[4,"ds-full-width"],value:[32],isOpen:[32],activeOption:[32],selectedOptions:[32],inputValue:[32],hasTopScrim:[32],hasBottomScrim:[32],hasTopScrimDark:[32],noResults:[32],hasFocus:[32],feedback:[32],setDisableEventEmits:[64],setFocus:[64],checkValidity:[64],getOptions:[64],getSelectedOption:[64],getSelectedOptions:[64]},[[0,"dsClick","handleDsClick"],[0,"dsMounted","handleDsMounted"],[0,"dsValueChange","handleDsValueChange"],[0,"dsLabelChange","handleDsLabelChange"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{selectedOptions:[{selectedOptionsObserver:0}],inputValue:[{inputValueObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{statusPropertyObserver:0}],dsOptionsError:[{statusPropertyObserver:0}],dsNoResults:[{statusPropertyObserver:0}],noResults:[{statusPropertyObserver:0}],"aria-label":[{ariaAttributeObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],isOpen:[{isOpenObserver:0}]}]);b([e("ds-icon",{dsName:""}),e("ds-button",null),e("ds-options-message",null),e("ds-input-validity",null),e("ds-control-label",null),e("ds-feedback",null)]);const B=z,M=function(){"undefined"!=typeof customElements&&["ds-combobox","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-options-message","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-combobox":customElements.get(a(s))\|\|customElements.define(a(s),z);break;case"ds-assistive-text":customElements.get(a(s))\|\|I();break;case"ds-button":customElements.get(a(s))\|\|E();break;case"ds-control-label":customElements.get(a(s))\|\|L();break;case"ds-feedback":customElements.get(a(s))\|\|V();break;case"ds-icon":customElements.get(a(s))\|\|D();break;case"ds-input-validity":customElements.get(a(s))\|\|N();break;case"ds-options-message":customElements.get(a(s))\|\|j();break;case"ds-spinner":customElements.get(a(s))\|\|P();break;case"ds-visually-hidden":customElements.get(a(s))\|\|W()}}))};export{B as DsCombobox,M as defineCustomElement}

package/dist/components/ds-control-label.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~W4STsZvo~~.js";const p=o,r=s;export{p as DsControlLabel,r as defineCustomElement}
1	+ import{D as o,d as r}from"./p-CrIZLj9c.js";const s=o,p=r;export{s as DsControlLabel,p as defineCustomElement}

package/dist/components/ds-datepicker-custom.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as t,d as o}from"./p-~~DahfVtCt~~.js";const s=t,a=o;export{s as DsDatepickerCustom,a as defineCustomElement}
1	+ import{D as o,d as s}from"./p-DQPTTzMo.js";const p=o,r=s;export{p as DsDatepickerCustom,r as defineCustomElement}

package/dist/components/ds-datepicker-native.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as s,d as o}from"./p-~~Bj9P6i7s~~.js";const p=s,r=o;export{p as DsDatepickerNative,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-DNdMR3Vy.js";const p=o,r=s;export{p as DsDatepickerNative,r as defineCustomElement}

package/dist/components/ds-datepicker-simple.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~4YHZ9oU6~~.js";const p=o,r=s;export{p as DsDatepickerSimple,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-B8mPRZZQ.js";const m=o,p=s;export{m as DsDatepickerSimple,p as defineCustomElement}

package/dist/components/ds-datepicker.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as e,c as t,h as d,d as i,t as a}from"./p-~~CzSzVfDu~~.js";import{t as r,d as o}from"./p-~~Duz7I_DQ~~.js";import{c as n}from"./p-~~BpJtDd1D~~.js";import{F as l}from"./p-~~BtZL64ui~~.js";import{c as m}from"./p-~~CVitC9tk~~.js";import{d as c}from"./p-~~BL2MRHnX~~.js";import{d as p}from"./p-~~BoDGKrXH~~.js";import{d as h}from"./p-~~W4STsZvo~~.js";import{d as u}from"./p-~~DahfVtCt~~.js";import{d as b}from"./p-~~Bj9P6i7s~~.js";import{d as k}from"./p-~~4YHZ9oU6~~.js";import{d as f}from"./p-~~B-SEppo4~~.js";import{d as v}from"./p-~~agL9TGQL~~.js";import{d as x}from"./p-~~5yjoyGFT~~.js";import{d as D}from"./p-~~BxK69HvJ~~.js";import{d as E}from"./p-~~SxKHJfKS~~.js";import{d as y}from"./p-~~DiwxJBWP~~.js";import{d as j}from"./p-~~BaBy4XyJ~~.js";import{d as g}from"./p-~~d05qtkKx~~.js";import{d as T}from"./p-~~D9aGsG2U~~.js";import{d as B}from"./p-~~Eh5Ce9Mh~~.js";const R=s(class extends(e(m("ds-datepicker",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsChange=t(this,"dsChange",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),this.dsBlur=t(this,"dsBlur",7),this.dsFocus=t(this,"dsFocus",7)}get el(){return this}dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=this.getUniqueId();dsName=this.dsId;dsLabel="";dsPlaceholder;dsVariant="custom";dsDisabled=!1;dsReadonly=!1;dsErrorText="";dsAssistiveText;dsHiddenAssistiveText;dsValue=void 0;dsRequired=!1;dsOptional;dsOptionalText;dsMin;dsMax;dsDisabledDates;dsYearRangeStart;dsYearRangeEnd;dsAriaDescribedby;dsAriaControls;hasFocus=!1;get isNative(){return"native"===this.dsVariant}get isSimple(){return"simple"===this.dsVariant}componentDidLoad(){this.componentMounted()}handleChange=s=>{s.stopPropagation(),this.dsChange.emit(s.detail)};handleBlur=s=>{s.stopPropagation(),this.hasFocus=!1,this.dsBlur.emit()};handleFocus=s=>{s.stopPropagation(),this.hasFocus=!0,this.dsFocus.emit()};handleValidity=s=>{s.stopPropagation(),this.dsValidity.emit(s.detail)};handleSubmitInvalid=s=>{s.stopPropagation(),this.dsSubmitInvalid.emit(s.detail)};render(){const s=n("ds-datepicker"),e=r("ds-datepicker-native","ds-datepicker",this.el),t=r("ds-datepicker-custom","ds-datepicker",this.el),a=r("ds-datepicker-simple","ds-datepicker",this.el),o={class:s,dsId:this.dsId,dsName:this.dsName,dsLabel:this.dsLabel,dsValue:this.dsValue,dsDisabled:this.dsDisabled,dsReadonly:this.dsReadonly,dsErrorText:this.dsErrorText,dsAssistiveText:this.dsAssistiveText??l(),dsHiddenAssistiveText:this.dsHiddenAssistiveText,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsForm:this.dsForm,dsMin:this.dsMin,dsMax:this.dsMax,dsAriaDescribedby:this.dsAriaDescribedby,dsAriaControls:this.dsAriaControls,onDsChange:this.handleChange,onDsBlur:this.handleBlur,onDsFocus:this.handleFocus,onDsValidity:this.handleValidity,onDsSubmitInvalid:this.handleSubmitInvalid};return d(i,null,this.isNative?d(e,{...o,dsShowCalendarIcon:!0},d("slot",{name:"label",slot:"label"})):this.isSimple?d(a,{...o,dsPlaceholder:this.dsPlaceholder,dsDisabledDates:this.dsDisabledDates},d("slot",{name:"label",slot:"label"})):d(t,{...o,dsPlaceholder:this.dsPlaceholder,dsYearRangeStart:this.dsYearRangeStart,dsYearRangeEnd:this.dsYearRangeEnd,dsDisabledDates:this.dsDisabledDates},d("slot",{name:"label",slot:"label"})))}static get formAssociated(){return!0}static get style(){return""}},[838,"ds-datepicker",{dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsVariant:[1,"ds-variant"],dsDisabled:[4,"ds-disabled"],dsReadonly:[4,"ds-readonly"],dsErrorText:[1,"ds-error-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsValue:[1,"ds-value"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsMin:[1,"ds-min"],dsMax:[1,"ds-max"],dsDisabledDates:[16],dsYearRangeStart:[2,"ds-year-range-start"],dsYearRangeEnd:[2,"ds-year-range-end"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],hasFocus:[32]}]);o([d("ds-datepicker-native",null),d("ds-datepicker-custom",null),d("ds-datepicker-simple",null)]);const S=R,A=function(){"undefined"!=typeof customElements&&["ds-datepicker","ds-assistive-text","ds-button","ds-control-label","ds-datepicker-custom","ds-datepicker-native","ds-datepicker-simple","ds-feedback","ds-icon","ds-input-validity","ds-option","ds-options","ds-select","ds-select-native","ds-spinner","ds-text-input","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-datepicker":customElements.get(a(s))\|\|customElements.define(a(s),R);break;case"ds-assistive-text":customElements.get(a(s))\|\|c();break;case"ds-button":customElements.get(a(s))\|\|p();break;case"ds-control-label":customElements.get(a(s))\|\|h();break;case"ds-datepicker-custom":customElements.get(a(s))\|\|u();break;case"ds-datepicker-native":customElements.get(a(s))\|\|b();break;case"ds-datepicker-simple":customElements.get(a(s))\|\|k();break;case"ds-feedback":customElements.get(a(s))\|\|f();break;case"ds-icon":customElements.get(a(s))\|\|v();break;case"ds-input-validity":customElements.get(a(s))\|\|x();break;case"ds-option":customElements.get(a(s))\|\|D();break;case"ds-options":customElements.get(a(s))\|\|E();break;case"ds-select":customElements.get(a(s))\|\|y();break;case"ds-select-native":customElements.get(a(s))\|\|j();break;case"ds-spinner":customElements.get(a(s))\|\|g();break;case"ds-text-input":customElements.get(a(s))\|\|T();break;case"ds-visually-hidden":customElements.get(a(s))\|\|B()}}))};export{S as DsDatepicker,A as defineCustomElement}
1	+ import{p as s,M as e,c as t,h as d,d as i,t as a}from"./p-D6UlgeOO.js";import{t as r,d as o}from"./p-C_0dwn2_.js";import{c as n}from"./p-D8YjFWWU.js";import{F as l}from"./p-lIJY8rSH.js";import{c as m}from"./p-Bmf5N-74.js";import{d as c}from"./p-jmXQ4MbI.js";import{d as p}from"./p-n9DkXIbZ.js";import{d as h}from"./p-CrIZLj9c.js";import{d as u}from"./p-DQPTTzMo.js";import{d as b}from"./p-DNdMR3Vy.js";import{d as k}from"./p-B8mPRZZQ.js";import{d as v}from"./p-BDKjQmuJ.js";import{d as f}from"./p-DmnbW85q.js";import{d as j}from"./p-sqmZYkaj.js";import{d as x}from"./p-Dl2YwUy5.js";import{d as D}from"./p-CGBF5jH2.js";import{d as E}from"./p-BxYYHG_c.js";import{d as y}from"./p-CQkjW0Z2.js";import{d as g}from"./p-U8nzK7E7.js";import{d as C}from"./p-CZ6OC0vQ.js";import{d as R}from"./p-Cx1Ahh88.js";const T=s(class extends(e(m("ds-datepicker",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsChange=t(this,"dsChange",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),this.dsBlur=t(this,"dsBlur",7),this.dsFocus=t(this,"dsFocus",7)}get el(){return this}dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=this.getUniqueId();dsName=this.dsId;dsLabel="";dsPlaceholder;dsVariant="custom";dsDisabled=!1;dsReadonly=!1;dsErrorText="";dsAssistiveText;dsHiddenAssistiveText;dsValue=void 0;dsRequired=!1;dsOptional;dsOptionalText;dsMin;dsMax;dsDisabledDates;dsYearRangeStart;dsYearRangeEnd;dsAriaDescribedby;dsAriaControls;hasFocus=!1;get isNative(){return"native"===this.dsVariant}get isSimple(){return"simple"===this.dsVariant}componentDidLoad(){this.componentMounted()}handleChange=s=>{s.stopPropagation(),this.dsChange.emit(s.detail)};handleBlur=s=>{s.stopPropagation(),this.hasFocus=!1,this.dsBlur.emit()};handleFocus=s=>{s.stopPropagation(),this.hasFocus=!0,this.dsFocus.emit()};handleValidity=s=>{s.stopPropagation(),this.dsValidity.emit(s.detail)};handleSubmitInvalid=s=>{s.stopPropagation(),this.dsSubmitInvalid.emit(s.detail)};render(){const s=n("ds-datepicker"),e=r("ds-datepicker-native","ds-datepicker",this.el),t=r("ds-datepicker-custom","ds-datepicker",this.el),a=r("ds-datepicker-simple","ds-datepicker",this.el),o={class:s,dsId:this.dsId,dsName:this.dsName,dsLabel:this.dsLabel,dsValue:this.dsValue,dsDisabled:this.dsDisabled,dsReadonly:this.dsReadonly,dsErrorText:this.dsErrorText,dsAssistiveText:this.dsAssistiveText??l(),dsHiddenAssistiveText:this.dsHiddenAssistiveText,dsRequired:this.dsRequired,dsOptional:this.dsOptional,dsOptionalText:this.dsOptionalText,dsForm:this.dsForm,dsMin:this.dsMin,dsMax:this.dsMax,dsAriaDescribedby:this.dsAriaDescribedby,dsAriaControls:this.dsAriaControls,onDsChange:this.handleChange,onDsBlur:this.handleBlur,onDsFocus:this.handleFocus,onDsValidity:this.handleValidity,onDsSubmitInvalid:this.handleSubmitInvalid};return d(i,null,this.isNative?d(e,{...o,dsShowCalendarIcon:!0},d("slot",{name:"label",slot:"label"})):this.isSimple?d(a,{...o,dsPlaceholder:this.dsPlaceholder,dsDisabledDates:this.dsDisabledDates},d("slot",{name:"label",slot:"label"})):d(t,{...o,dsPlaceholder:this.dsPlaceholder,dsYearRangeStart:this.dsYearRangeStart,dsYearRangeEnd:this.dsYearRangeEnd,dsDisabledDates:this.dsDisabledDates},d("slot",{name:"label",slot:"label"})))}static get formAssociated(){return!0}static get style(){return""}},[838,"ds-datepicker",{dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsLabel:[1,"ds-label"],dsPlaceholder:[1,"ds-placeholder"],dsVariant:[1,"ds-variant"],dsDisabled:[4,"ds-disabled"],dsReadonly:[4,"ds-readonly"],dsErrorText:[1,"ds-error-text"],dsAssistiveText:[1,"ds-assistive-text"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsValue:[1,"ds-value"],dsRequired:[4,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsMin:[1,"ds-min"],dsMax:[1,"ds-max"],dsDisabledDates:[16],dsYearRangeStart:[2,"ds-year-range-start"],dsYearRangeEnd:[2,"ds-year-range-end"],dsAriaDescribedby:[1,"ds-aria-describedby"],dsAriaControls:[1,"ds-aria-controls"],hasFocus:[32]}]);o([d("ds-datepicker-native",null),d("ds-datepicker-custom",null),d("ds-datepicker-simple",null)]);const A=T,F=function(){"undefined"!=typeof customElements&&["ds-datepicker","ds-assistive-text","ds-button","ds-control-label","ds-datepicker-custom","ds-datepicker-native","ds-datepicker-simple","ds-feedback","ds-icon","ds-input-validity","ds-option","ds-options","ds-select","ds-select-native","ds-spinner","ds-text-input","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-datepicker":customElements.get(a(s))\|\|customElements.define(a(s),T);break;case"ds-assistive-text":customElements.get(a(s))\|\|c();break;case"ds-button":customElements.get(a(s))\|\|p();break;case"ds-control-label":customElements.get(a(s))\|\|h();break;case"ds-datepicker-custom":customElements.get(a(s))\|\|u();break;case"ds-datepicker-native":customElements.get(a(s))\|\|b();break;case"ds-datepicker-simple":customElements.get(a(s))\|\|k();break;case"ds-feedback":customElements.get(a(s))\|\|v();break;case"ds-icon":customElements.get(a(s))\|\|f();break;case"ds-input-validity":customElements.get(a(s))\|\|j();break;case"ds-option":customElements.get(a(s))\|\|x();break;case"ds-options":customElements.get(a(s))\|\|D();break;case"ds-select":customElements.get(a(s))\|\|E();break;case"ds-select-native":customElements.get(a(s))\|\|y();break;case"ds-spinner":customElements.get(a(s))\|\|g();break;case"ds-text-input":customElements.get(a(s))\|\|C();break;case"ds-visually-hidden":customElements.get(a(s))\|\|R()}}))};export{A as DsDatepicker,F as defineCustomElement}

package/dist/components/ds-divider.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as p}from"./p-~~Dl-20pSQ~~.js";const s=o,r=p;export{s as DsDivider,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-BZLmxBGL.js";const m=o,p=s;export{m as DsDivider,p as defineCustomElement}

package/dist/components/ds-feedback.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as p}from"./p-~~B-SEppo4~~.js";const s=o,r=p;export{s as DsFeedback,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-BDKjQmuJ.js";const m=o,p=s;export{m as DsFeedback,p as defineCustomElement}

package/dist/components/ds-grid.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as e,h as d,d as i,t ~~as o~~}from"./p-~~CzSzVfDu~~.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as r}from"./p-~~BpJtDd1D~~.js";import{t as a,d as n}from"./p-~~Duz7I_DQ~~.js";import{c as l}from"./p-~~CVitC9tk~~.js";const _=s(class extends(e(l("ds-grid",{transparentForRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsContainer=!1;dsType="flex";dsSize=12;dsSizeMobile;dsSizeTablet;dsSizeDesktop;dsParentSizeMobile;dsParentSizeTablet;dsParentSizeDesktop;dsColumnsMobile;dsColumnsTablet;dsColumnsDesktop;dsRowSpanMobile;dsRowSpanTablet;dsRowSpanDesktop;get DsGridTag(){return a("ds-grid","ds-grid",this.el)}getParentGridElement(){const s=this.el.parentElement;return s?.tagName?.toLowerCase()!==this.DsGridTag?null:s}setParentSizes(){if("flex"!==this.dsType)return;const s=this.getParentGridElement();this.dsParentSizeMobile=s?.dsSizeMobile?3s?.dsSizeMobile:s?.dsSize,this.dsParentSizeTablet=s?.dsSizeTablet?2s?.dsSizeTablet:s?.dsSize,this.dsParentSizeDesktop=s?.dsSizeDesktop\|\|s?.dsSize}componentDidUpdate(){this.setParentSizes()}componentDidLoad(){this.componentMounted(),this.setParentSizes()}render(){const s=r("ds-grid"),e=t(s,{[s+"--container"]:this.dsContainer,[`${s}__${this.dsType}`]:this.dsType});return d(i,{key:"~~1968d1901faaa000283eca19c576ac785eae700f~~",class:e,style:{..."flex"===this.dsType?{"--ds-parent-size-mobile":""+this.dsParentSizeMobile,"--ds-parent-size-tablet":""+this.dsParentSizeTablet,"--ds-parent-size-desktop":""+this.dsParentSizeDesktop,"--ds-size-mobile":""+(this.dsSizeMobile?3this.dsSizeMobile:this.dsSize),"--ds-size-tablet":""+(this.dsSizeTablet?2this.dsSizeTablet:this.dsSize),"--ds-size-desktop":""+(this.dsSizeDesktop\|\|this.dsSize)}:{...this.dsContainer?{"--ds-columns-mobile":this.dsColumnsMobile?""+this.dsColumnsMobile:void 0,"--ds-columns-tablet":this.dsColumnsTablet?""+this.dsColumnsTablet:void 0,"--ds-columns-desktop":this.dsColumnsDesktop?""+this.dsColumnsDesktop:void 0}:{"--ds-columns-mobile":"unset","--ds-columns-tablet":"unset","--ds-columns-desktop":"unset"},"--ds-size-mobile":""+(this.dsSizeMobile\|\|this.dsSize),"--ds-size-tablet":""+(this.dsSizeTablet\|\|this.dsSize),"--ds-size-desktop":""+(this.dsSizeDesktop\|\|this.dsSize),"--ds-row-span-mobile":this.dsRowSpanMobile?""+this.dsRowSpanMobile:void 0,"--ds-row-span-tablet":this.dsRowSpanTablet?""+this.dsRowSpanTablet:void 0,"--ds-row-span-desktop":this.dsRowSpanDesktop?""+this.dsRowSpanDesktop:void 0}}},d("slot",{key:"~~e7351f15cc350c4a5480ccb8585a24b6c784741e~~"}))}static get style(){return'.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo~~--container{max-width:calc(var(--ds-breakpoint-xLarge) - var(--ds-spacing-layout-large));margin:0 var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo~~--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo~~--container{margin:0 auto}}.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__flex~~{display:flex;flex-flow:wrap;min-width:0;box-sizing:border-box;gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__flex~~{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__flex~~{gap:var(--ds-spacing-layout-small)}}.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__flex~~:not(.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__flex~~--container){width:calc(100% * var(--ds-size-mobile) / var(--ds-parent-size-mobile) - (var(--ds-parent-size-mobile) - var(--ds-size-mobile)) * var(--ds-spacing-layout-2xSmall) / var(--ds-parent-size-mobile))}@media (min-width: 30rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__flex~~:not(.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__flex~~--container){width:calc(100% * var(--ds-size-tablet) / var(--ds-parent-size-tablet) - (var(--ds-parent-size-tablet) - var(--ds-size-tablet)) * var(--ds-spacing-layout-2xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 45rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__flex~~:not(.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__flex~~--container){width:calc(100% * var(--ds-size-tablet) / var(--ds-parent-size-tablet) - (var(--ds-parent-size-tablet) - var(--ds-size-tablet)) * var(--ds-spacing-layout-xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 75rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__flex~~:not(.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__flex~~--container){width:calc(100% * var(--ds-size-desktop) / var(--ds-parent-size-desktop) - (var(--ds-parent-size-desktop) - var(--ds-size-desktop)) * var(--ds-spacing-layout-small) / var(--ds-parent-size-desktop))}}.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~.ds-~~grid__oJU1eo~~--container{display:grid;grid-template-columns:repeat(var(--ds-columns-mobile), 1fr);gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~.ds-~~grid__oJU1eo~~--container{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~.ds-~~grid__oJU1eo~~--container{gap:var(--ds-spacing-layout-small)}}@media (min-width: 30rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~.ds-~~grid__oJU1eo~~--container{grid-template-columns:repeat(var(--ds-columns-tablet), 1fr)}}@media (min-width: 75rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~.ds-~~grid__oJU1eo~~--container{grid-template-columns:repeat(var(--ds-columns-desktop), 1fr)}}.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~{grid-column:span var(--ds-size-mobile);grid-row:span var(--ds-row-span-mobile, 1)}@supports (grid-column: span var(--ds-size-mobile)){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~[style="--ds-size-mobile: -1"]{grid-column:1/-1}}@media (min-width: 30rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~{grid-column:span var(--ds-size-tablet);grid-row:span var(--ds-row-span-tablet, 1)}@supports (grid-column: span var(--ds-size-tablet)){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~[style="--ds-size-tablet: -1"]{grid-column:1/-1}.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~:not([style="--ds-size-tablet: -1"]){grid-column:span var(--ds-size-tablet)}}}@media (min-width: 75rem){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~{grid-column:span var(--ds-size-desktop);grid-row:span var(--ds-row-span-desktop, 1)}@supports (grid-column: span var(--ds-size-desktop)){.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~[style="--ds-size-desktop: -1"]{grid-column:1/-1}.ds-~~grid__oJU1eo~~.ds-~~grid__oJU1eo__grid~~:not([style*="--ds-size-desktop: -1"]){grid-column:span var(--ds-size-desktop)}}}'}},[772,"ds-grid",{dsContainer:[4,"ds-container"],dsType:[1,"ds-type"],dsSize:[2,"ds-size"],dsSizeMobile:[2,"ds-size-mobile"],dsSizeTablet:[2,"ds-size-tablet"],dsSizeDesktop:[2,"ds-size-desktop"],dsParentSizeMobile:[2,"ds-parent-size-mobile"],dsParentSizeTablet:[2,"ds-parent-size-tablet"],dsParentSizeDesktop:[2,"ds-parent-size-desktop"],dsColumnsMobile:[2,"ds-columns-mobile"],dsColumnsTablet:[2,"ds-columns-tablet"],dsColumnsDesktop:[2,"ds-columns-desktop"],dsRowSpanMobile:[2,"ds-row-span-mobile"],dsRowSpanTablet:[2,"ds-row-span-tablet"],dsRowSpanDesktop:[2,"ds-row-span-desktop"]}]);n([d("ds-grid",null)]);const m=_,g=function s(){"undefined"!=typeof customElements&&["ds-grid","ds-grid"].forEach((e=>{switch(e){case"ds-grid":customElements.get(o(e))\|\|customElements.define(o(e),_);break;case"ds-grid":customElements.get(o(e))\|\|s()}}))};export{m as DsGrid,g as defineCustomElement}
1	+ import{p as s,M as d,h as i,d as e,t}from"./p-D6UlgeOO.js";import{c as r}from"./p-BfTCfPZ1.js";import{c as a}from"./p-D8YjFWWU.js";import{t as o,d as n}from"./p-C_0dwn2_.js";import{c as p}from"./p-Bmf5N-74.js";const l=s(class extends(d(p("ds-grid",{transparentForRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsContainer=!1;dsType="flex";dsSize=12;dsSizeMobile;dsSizeTablet;dsSizeDesktop;dsParentSizeMobile;dsParentSizeTablet;dsParentSizeDesktop;dsColumnsMobile;dsColumnsTablet;dsColumnsDesktop;dsRowSpanMobile;dsRowSpanTablet;dsRowSpanDesktop;get DsGridTag(){return o("ds-grid","ds-grid",this.el)}getParentGridElement(){const s=this.el.parentElement;return s?.tagName?.toLowerCase()!==this.DsGridTag?null:s}setParentSizes(){if("flex"!==this.dsType)return;const s=this.getParentGridElement();this.dsParentSizeMobile=s?.dsSizeMobile?3s?.dsSizeMobile:s?.dsSize,this.dsParentSizeTablet=s?.dsSizeTablet?2s?.dsSizeTablet:s?.dsSize,this.dsParentSizeDesktop=s?.dsSizeDesktop\|\|s?.dsSize}componentDidUpdate(){this.setParentSizes()}componentDidLoad(){this.componentMounted(),this.setParentSizes()}render(){const s=a("ds-grid"),d=r(s,{[s+"--container"]:this.dsContainer,[`${s}__${this.dsType}`]:this.dsType});return i(e,{key:"5a7344f82286b6a074003c96c6cd0542341abb7e",class:d,style:{..."flex"===this.dsType?{"--ds-parent-size-mobile":""+this.dsParentSizeMobile,"--ds-parent-size-tablet":""+this.dsParentSizeTablet,"--ds-parent-size-desktop":""+this.dsParentSizeDesktop,"--ds-size-mobile":""+(this.dsSizeMobile?3this.dsSizeMobile:this.dsSize),"--ds-size-tablet":""+(this.dsSizeTablet?2this.dsSizeTablet:this.dsSize),"--ds-size-desktop":""+(this.dsSizeDesktop\|\|this.dsSize)}:{...this.dsContainer?{"--ds-columns-mobile":this.dsColumnsMobile?""+this.dsColumnsMobile:void 0,"--ds-columns-tablet":this.dsColumnsTablet?""+this.dsColumnsTablet:void 0,"--ds-columns-desktop":this.dsColumnsDesktop?""+this.dsColumnsDesktop:void 0}:{"--ds-columns-mobile":"unset","--ds-columns-tablet":"unset","--ds-columns-desktop":"unset"},"--ds-size-mobile":""+(this.dsSizeMobile\|\|this.dsSize),"--ds-size-tablet":""+(this.dsSizeTablet\|\|this.dsSize),"--ds-size-desktop":""+(this.dsSizeDesktop\|\|this.dsSize),"--ds-row-span-mobile":this.dsRowSpanMobile?""+this.dsRowSpanMobile:void 0,"--ds-row-span-tablet":this.dsRowSpanTablet?""+this.dsRowSpanTablet:void 0,"--ds-row-span-desktop":this.dsRowSpanDesktop?""+this.dsRowSpanDesktop:void 0}}},i("slot",{key:"87f19783c5395703efdb643a83c322549714381a"}))}static get style(){return'.ds-grid__pA2cRq.ds-grid__pA2cRq--container{max-width:calc(var(--ds-breakpoint-xLarge) - var(--ds-spacing-layout-large));margin:0 var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__pA2cRq.ds-grid__pA2cRq--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-grid__pA2cRq.ds-grid__pA2cRq--container{margin:0 auto}}.ds-grid__pA2cRq.ds-grid__pA2cRq__flex{display:flex;flex-flow:wrap;min-width:0;box-sizing:border-box;gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__flex{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__flex{gap:var(--ds-spacing-layout-small)}}.ds-grid__pA2cRq.ds-grid__pA2cRq__flex:not(.ds-grid__pA2cRq.ds-grid__pA2cRq__flex--container){width:calc(100% * var(--ds-size-mobile) / var(--ds-parent-size-mobile) - (var(--ds-parent-size-mobile) - var(--ds-size-mobile)) * var(--ds-spacing-layout-2xSmall) / var(--ds-parent-size-mobile))}@media (min-width: 30rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__flex:not(.ds-grid__pA2cRq.ds-grid__pA2cRq__flex--container){width:calc(100% * var(--ds-size-tablet) / var(--ds-parent-size-tablet) - (var(--ds-parent-size-tablet) - var(--ds-size-tablet)) * var(--ds-spacing-layout-2xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 45rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__flex:not(.ds-grid__pA2cRq.ds-grid__pA2cRq__flex--container){width:calc(100% * var(--ds-size-tablet) / var(--ds-parent-size-tablet) - (var(--ds-parent-size-tablet) - var(--ds-size-tablet)) * var(--ds-spacing-layout-xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 75rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__flex:not(.ds-grid__pA2cRq.ds-grid__pA2cRq__flex--container){width:calc(100% * var(--ds-size-desktop) / var(--ds-parent-size-desktop) - (var(--ds-parent-size-desktop) - var(--ds-size-desktop)) * var(--ds-spacing-layout-small) / var(--ds-parent-size-desktop))}}.ds-grid__pA2cRq.ds-grid__pA2cRq__grid.ds-grid__pA2cRq--container{display:grid;grid-template-columns:repeat(var(--ds-columns-mobile), 1fr);gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid.ds-grid__pA2cRq--container{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid.ds-grid__pA2cRq--container{gap:var(--ds-spacing-layout-small)}}@media (min-width: 30rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid.ds-grid__pA2cRq--container{grid-template-columns:repeat(var(--ds-columns-tablet), 1fr)}}@media (min-width: 75rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid.ds-grid__pA2cRq--container{grid-template-columns:repeat(var(--ds-columns-desktop), 1fr)}}.ds-grid__pA2cRq.ds-grid__pA2cRq__grid{grid-column:span var(--ds-size-mobile);grid-row:span var(--ds-row-span-mobile, 1)}@supports (grid-column: span var(--ds-size-mobile)){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid[style="--ds-size-mobile: -1"]{grid-column:1/-1}}@media (min-width: 30rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid{grid-column:span var(--ds-size-tablet);grid-row:span var(--ds-row-span-tablet, 1)}@supports (grid-column: span var(--ds-size-tablet)){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid[style="--ds-size-tablet: -1"]{grid-column:1/-1}.ds-grid__pA2cRq.ds-grid__pA2cRq__grid:not([style="--ds-size-tablet: -1"]){grid-column:span var(--ds-size-tablet)}}}@media (min-width: 75rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid{grid-column:span var(--ds-size-desktop);grid-row:span var(--ds-row-span-desktop, 1)}@supports (grid-column: span var(--ds-size-desktop)){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid[style="--ds-size-desktop: -1"]{grid-column:1/-1}.ds-grid__pA2cRq.ds-grid__pA2cRq__grid:not([style*="--ds-size-desktop: -1"]){grid-column:span var(--ds-size-desktop)}}}'}},[772,"ds-grid",{dsContainer:[4,"ds-container"],dsType:[1,"ds-type"],dsSize:[2,"ds-size"],dsSizeMobile:[2,"ds-size-mobile"],dsSizeTablet:[2,"ds-size-tablet"],dsSizeDesktop:[2,"ds-size-desktop"],dsParentSizeMobile:[2,"ds-parent-size-mobile"],dsParentSizeTablet:[2,"ds-parent-size-tablet"],dsParentSizeDesktop:[2,"ds-parent-size-desktop"],dsColumnsMobile:[2,"ds-columns-mobile"],dsColumnsTablet:[2,"ds-columns-tablet"],dsColumnsDesktop:[2,"ds-columns-desktop"],dsRowSpanMobile:[2,"ds-row-span-mobile"],dsRowSpanTablet:[2,"ds-row-span-tablet"],dsRowSpanDesktop:[2,"ds-row-span-desktop"]}]);n([i("ds-grid",null)]);const _=l,c=function s(){"undefined"!=typeof customElements&&["ds-grid","ds-grid"].forEach((d=>{switch(d){case"ds-grid":customElements.get(t(d))\|\|customElements.define(t(d),l);break;case"ds-grid":customElements.get(t(d))\|\|s()}}))};export{_ as DsGrid,c as defineCustomElement}

package/dist/components/ds-group-label.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~_o77ycEf~~.js";const p=o,r=s;export{p as DsGroupLabel,r as defineCustomElement}
1	+ import{D as o,d as s}from"./p-DvOJDAP6.js";const p=o,r=s;export{p as DsGroupLabel,r as defineCustomElement}

package/dist/components/ds-icon-360.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as s,h as t,d,t as i}from"./p-~~CzSzVfDu~~.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(d,{key:"~~c6852d2de88287f8cb82b1e7f11c922e83e231d8~~",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"~~9e8196438ddb78f4948b6f100ae45510c4d783db~~",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"~~21084ae5ef840f6dd848f134fd980f590be0959e~~",d:"m353-148-50-51 70-70q-150-17-234-72T55-486q0-100 123-158t302-58q179 0 302.5 57.5T906-486q0 75-71 127.5T646-287v-98q80-16 122.5-46t42.5-55q0-34-77.5-77.5T480-607q-175 0-253 43.5T149-486q0 45 48.5 73T388-358l-85-83 50-52 173 172-173 173Z"})))}},[512,"ds-icon-360",{dsSize:[1,"ds-size"],dsTitle:[1,"ds-title"],dsRole:[1,"ds-role"],dsColour:[1,"ds-colour"],dsAriaLabel:[1,"ds-aria-label"]}]),o=l,r=function(){"undefined"!=typeof customElements&&["ds-icon-360"].forEach((e=>{"ds-icon-360"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),l))}))};export{o as DsIcon360,r as defineCustomElement}
1	+ import{p as s,H as e,h as t,d,t as i}from"./p-D6UlgeOO.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(d,{key:"15080147b645205c157819cb15d2602e9722ba3d",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"63fbfbae4c9881a1f5b779e7359e03252f9adcb9",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"6faad6f1fb078f78842698e829fdae47a422c2a1",d:"m353-148-50-51 70-70q-150-17-234-72T55-486q0-100 123-158t302-58q179 0 302.5 57.5T906-486q0 75-71 127.5T646-287v-98q80-16 122.5-46t42.5-55q0-34-77.5-77.5T480-607q-175 0-253 43.5T149-486q0 45 48.5 73T388-358l-85-83 50-52 173 172-173 173Z"})))}},[512,"ds-icon-360",{dsSize:[1,"ds-size"],dsTitle:[1,"ds-title"],dsRole:[1,"ds-role"],dsColour:[1,"ds-colour"],dsAriaLabel:[1,"ds-aria-label"]}]),o=l,a=function(){"undefined"!=typeof customElements&&["ds-icon-360"].forEach((s=>{"ds-icon-360"===s&&(customElements.get(i(s))\|\|customElements.define(i(s),l))}))};export{o as DsIcon360,a as defineCustomElement}

package/dist/components/ds-icon-account-balance-fill.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as e,h as t,d as a,t as l}from"./p-~~CzSzVfDu~~.js";const d=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return t(a,{key:"~~b3979a01dd547bfcaa0e895682cb9728ab9ceb23~~",style:{display:"flex"},title:this.dsTitle},t("svg",{key:"~~6d68f92a3a93069663e25b3962335dddcc4aa53f~~",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},t("path",{key:"~~4a9f9bbd680bb753d06afc68a1d2d433719a7e86~~",d:"M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z"})))}},[512,"ds-icon-account-balance-fill",{dsSize:[1,"ds-size"],dsTitle:[1,"ds-title"],dsRole:[1,"ds-role"],dsColour:[1,"ds-colour"],dsAriaLabel:[1,"ds-aria-label"]}]),i=d,o=function(){"undefined"!=typeof customElements&&["ds-icon-account-balance-fill"].forEach((s=>{"ds-icon-account-balance-fill"===s&&(customElements.get(l(s))\|\|customElements.define(l(s),d))}))};export{i as DsIconAccountBalanceFill,o as defineCustomElement}
1	+ import{p as e,H as s,h as l,d as t,t as c}from"./p-D6UlgeOO.js";const i=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}dsSize;dsTitle;dsRole="img";dsColour;dsAriaLabel="Icon";render(){return l(t,{key:"82e4162f7955eea5e4e7cd5e358c5819e825f430",style:{display:"flex"},title:this.dsTitle},l("svg",{key:"ba04556c9fcd02c92fc5ac4474545c5708fdfc02",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:this.dsSize,height:this.dsSize,fill:this.dsColour,role:this.dsRole,"aria-label":this.dsAriaLabel},l("path",{key:"f152755cc684d7da2300403fbcaadbc37f57befc",d:"M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z"})))}},[512,"ds-icon-account-balance-fill",{dsSize:[1,"ds-size"],dsTitle:[1,"ds-title"],dsRole:[1,"ds-role"],dsColour:[1,"ds-colour"],dsAriaLabel:[1,"ds-aria-label"]}]),d=i,a=function(){"undefined"!=typeof customElements&&["ds-icon-account-balance-fill"].forEach((e=>{"ds-icon-account-balance-fill"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),i))}))};export{d as DsIconAccountBalanceFill,a as defineCustomElement}