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

@uh-design-system/component-library 1.5.2-rc.1 → 1.6.0-rc.0

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

Files changed (2562) hide show

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

	@@ -1 +1 @@
1	- import{p as o,M as d,c as s,h as t,t as n}from"./p-x-HJUYLL.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as i,d as e}from"./p-ChKb-Fx7.js";import{c as a}from"./p-CTcsKZyv.js";import{a as c,i as _}from"./p-BecId8t2.js";import{g as l}from"./p-t1Rt33N8.js";import{c as b}from"./p-BM0xAKIg.js";import{d as h}from"./p-GXMba8x_.js";import{d as p}from"./p-D-JwhXmZ.js";import{d as m}from"./p-qfzEFnRG.js";import{d as u}from"./p-CsW-W9Vv.js";const g=o(class extends(d(b("ds-accordion",{stopRootTracking:!0}))){constructor(o){super(),!1!==o&&this.__registerHost(),this.dsToggle=s(this,"dsToggle",7)}inheritedAttributes={};get el(){return this}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=this.getUniqueId();dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsHeaderHasBackground="expanded";dsContentHasBackground=!0;isExpanded=!1;dsToggle;async setIsExpanded(o){this.isExpanded=o}headerButtonRef;shouldMoveFocus=!1;get ariaLabelledBy(){return[this.dsId,this.dsAriaLabelledBy].filter(Boolean).join(" ")}get DsButton(){return i("ds-button","ds-accordion",this.el)}get DsIcon(){return i("ds-icon","ds-accordion",this.el)}get close(){switch(l()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={..._(this.el),...c(this,this.el)}}componentDidLoad(){this.componentMounted()}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${a("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const d=o.target.closest(`.${a("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};renderHeading(o){const d="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return t("div",{class:r(o+"__title",{[o+"__title--with-background"]:"always"===this.dsHeaderHasBackground\|\|"expanded"===this.dsHeaderHasBackground&&this.isExpanded,[o+"__title--border-aligned"]:this.dsBorderAligned,[o+"__title--hide-top-border"]:this.dsHideTopBorder,[o+"__title--hide-right-border"]:this.dsHideRightBorder,[o+"__title--hide-left-border"]:this.dsHideLeftBorder}),...d},"icon-button"===this.dsHeadingVariant&&t("div",{class:r(o+"__header-slot",`${o}__header-slot--${this.dsVariant}`,`${o}__header-slot--${this.dsHeadingVariant}`,{[o+"__header-slot--hide-top-border"]:this.dsHideTopBorder,[o+"__header-slot--hide-bottom-border"]:!this.isExpanded&&this.dsHideBottomBorder})},t("slot",{name:"header"})),t("div",{class:r(o+"__open-button-container")},t("button",{class:r(o+"__open-button",`${o}__open-button--${this.dsVariant}`,`${o}__open-button--${this.dsHeadingVariant}`,{[o+"__open-button--border-aligned"]:this.dsBorderAligned,[o+"__open-button--hide-bottom-border"]:(()=>"button"===this.dsHeadingVariant?this.isExpanded&&!this.dsHideContentBorders\|\|this.dsHideBottomBorder:(!this.dsHideContentBorders\|\|this.dsHideBottomBorder)&&!this.isExpanded&&this.dsHideBottomBorder)()}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":this.dsId+"-panel","aria-describedby":this.dsAriaDescribedBy,"aria-labelledby":this.ariaLabelledBy,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},t("span",{class:r(o+"__open-button__icon",`${o}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},t(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&t("span",{class:r(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},t("slot",{name:"header"})))))}render(){const o=a("ds-accordion");return t("div",{key:"481989a210862e9fd3de916261c2bfae779b1ca3",class:r(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},t("div",{key:"3b347e0f3cc39275614d3c36fd8d78abfc01cf2d",class:o+"__item"},this.renderHeading(o),t("div",{key:"4b68f600d43bfd03fe18652520bb1f47572c552b",id:this.dsId+"-panel",role:"region","aria-labelledby":this.dsId,class:r(o+"__panel",`${o}__panel--${this.dsVariant}`,{[o+"__panel--expanded"]:this.isExpanded,[o+"__panel--with-background"]:this.dsContentHasBackground,[o+"__panel--hide-right-border"]:this.dsHideRightBorder\|\|this.dsHideContentBorders,[o+"__panel--hide-left-border"]:this.dsHideLeftBorder\|\|this.dsHideContentBorders}),hidden:!this.isExpanded},t("div",{key:"35f65b2ef7acfc61ad40f2abff0b01edcc5d9843",class:r(o+"__content",{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[o+"__content--border-aligned"]:this.dsBorderAligned,[o+"__content--with-background"]:this.dsContentHasBackground,[o+"__content--hide-bottom-border"]:this.dsHideBottomBorder\|\|this.dsHideContentBorders,[o+"__content--has-close-button"]:this.dsUseCloseButton})},t("slot",{key:"99be0fa07b1af287f2147a078a1ba24f3be8b24c",name:"content"}),this.dsUseCloseButton&&t(this.DsButton,{key:"97bde80f2e150480ff73efbdb268b8c01c9f81f8",id:this.dsId+"-close-button",class:o+"__close-button",dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel\|\|this.close,dsSize:"small",dsType:"button"})))))}static get watchers(){return{isExpanded:[{watchHandler:0}]}}static get style(){return'.ds-accordion__m9sbXh.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__m9sbXh__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__m9sbXh__title.sc-ds-accordion:not(.ds-accordion__m9sbXh__title--hide-top-border) .ds-accordion__m9sbXh__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__m9sbXh__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__m9sbXh__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__m9sbXh__title--border-aligned.ds-accordion__m9sbXh__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__m9sbXh__title--border-aligned.ds-accordion__m9sbXh__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__m9sbXh__title--with-background.sc-ds-accordion .ds-accordion__m9sbXh__open-button.sc-ds-accordion:not(.ds-accordion__m9sbXh__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__m9sbXh__title--with-background.sc-ds-accordion:has(.ds-accordion__m9sbXh__open-button.ds-accordion__m9sbXh__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__m9sbXh__title.sc-ds-accordion:has(.ds-accordion__m9sbXh__open-button:hover:not(.ds-accordion__m9sbXh__open-button--icon-button)) .ds-accordion__m9sbXh__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__m9sbXh__title.sc-ds-accordion:has(.ds-accordion__m9sbXh__open-button:active:not(.ds-accordion__m9sbXh__open-button--icon-button)) .ds-accordion__m9sbXh__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__m9sbXh__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__m9sbXh__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__m9sbXh__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__m9sbXh__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__m9sbXh__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__m9sbXh__open-button-container.sc-ds-accordion:has(.ds-accordion__m9sbXh__open-button:not(.ds-accordion__m9sbXh__open-button--icon-button)){width:100%}.ds-accordion__m9sbXh__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__m9sbXh__open-button-container.sc-ds-accordion:has(.ds-accordion__m9sbXh__open-button--border-aligned:not(.ds-accordion__m9sbXh__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__m9sbXh__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__m9sbXh__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0)}.ds-accordion__m9sbXh__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__m9sbXh__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__m9sbXh__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__m9sbXh__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__m9sbXh__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__m9sbXh__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__m9sbXh__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__m9sbXh__open-button--icon-button){padding-inline:0}.ds-accordion__m9sbXh__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__m9sbXh__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__m9sbXh__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__m9sbXh__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__m9sbXh__title--with-background.sc-ds-accordion .ds-accordion__m9sbXh__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__m9sbXh__open-button--icon-button)::before,.ds-accordion__m9sbXh__title--with-background.sc-ds-accordion .ds-accordion__m9sbXh__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__m9sbXh__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__m9sbXh__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__m9sbXh__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__m9sbXh__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__m9sbXh__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__m9sbXh__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__m9sbXh__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__m9sbXh__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__m9sbXh__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__m9sbXh__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__m9sbXh__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__m9sbXh__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__m9sbXh__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__m9sbXh__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__m9sbXh__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__m9sbXh__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__m9sbXh.sc-ds-accordion-s>[slot=header],.ds-accordion__m9sbXh .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__m9sbXh__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__m9sbXh__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__m9sbXh__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__m9sbXh__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__m9sbXh__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__m9sbXh__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__m9sbXh__content--with-background.sc-ds-accordion::before,.ds-accordion__m9sbXh__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__m9sbXh__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}.ds-accordion__m9sbXh.sc-ds-accordion-s>div[slot=header][class=toc],.ds-accordion__m9sbXh .sc-ds-accordion-s>div[slot=header][class=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__m9sbXh.sc-ds-accordion-s>ul[slot=content][class=toc],.ds-accordion__m9sbXh .sc-ds-accordion-s>ul[slot=content][class=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}'}},[774,"ds-accordion",{dsVariant:[1,"ds-variant"],dsBorderAligned:[4,"ds-border-aligned"],dsOpenByDefault:[4,"ds-open-by-default"],dsId:[1,"ds-id"],dsHeadingLevel:[2,"ds-heading-level"],dsUseCloseButton:[4,"ds-use-close-button"],dsCloseButtonLabel:[1,"ds-close-button-label"],dsHideContentBorders:[4,"ds-hide-content-borders"],dsHideTopBorder:[4,"ds-hide-top-border"],dsHideRightBorder:[4,"ds-hide-right-border"],dsHideBottomBorder:[4,"ds-hide-bottom-border"],dsHideLeftBorder:[4,"ds-hide-left-border"],dsHeadingVariant:[1,"ds-heading-variant"],dsAriaDescribedBy:[1,"ds-aria-described-by"],dsAriaLabelledBy:[1,"ds-aria-labelled-by"],dsHeaderHasBackground:[1,"ds-header-has-background"],dsContentHasBackground:[4,"ds-content-has-background"],isExpanded:[32],setIsExpanded:[64]},void 0,{isExpanded:[{watchHandler:0}]}]);e([t("ds-icon",{dsName:""}),t("ds-button",null)]);const f=g,v=function(){"undefined"!=typeof customElements&&["ds-accordion","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-accordion":customElements.get(n(o))\|\|customElements.define(n(o),g);break;case"ds-button":customElements.get(n(o))\|\|h();break;case"ds-icon":customElements.get(n(o))\|\|p();break;case"ds-spinner":customElements.get(n(o))\|\|m();break;case"ds-visually-hidden":customElements.get(n(o))\|\|u()}}))};export{f as DsAccordion,v as defineCustomElement}
1	+ import{p as o,M as d,c as t,h as s,t as c}from"./p-CcmqGmdl.js";import{c as n}from"./p-BfTCfPZ1.js";import{t as r,d as i}from"./p-ChKb-Fx7.js";import{c as e}from"./p-uMjjtLqZ.js";import{a,i as l}from"./p-BecId8t2.js";import{g as _}from"./p-Bryw62FZ.js";import{c as b}from"./p-B0staoGW.js";import{d as p}from"./p-T8sk4OTo.js";import{d as h}from"./p-nzR0rIwQ.js";import{d as u}from"./p-CDomyHcd.js";import{d as g}from"./p-IfuavV1d.js";const m=o(class extends(d(b("ds-accordion",{stopRootTracking:!0}))){constructor(o){super(),!1!==o&&this.__registerHost(),this.dsToggle=t(this,"dsToggle",7)}inheritedAttributes={};get el(){return this}dsVariant="default";dsBorderAligned=!1;dsOpenByDefault=!1;dsId=this.getUniqueId();dsHeadingLevel=2;dsUseCloseButton=!1;dsCloseButtonLabel;dsHideContentBorders=!1;dsHideTopBorder=!1;dsHideRightBorder=!0;dsHideBottomBorder=!1;dsHideLeftBorder=!0;dsHeadingVariant="button";dsAriaDescribedBy;dsAriaLabelledBy;dsHeaderHasBackground="expanded";dsContentHasBackground=!0;isExpanded=!1;dsToggle;async setIsExpanded(o){this.isExpanded=o}headerButtonRef;shouldMoveFocus=!1;get ariaLabelledBy(){return[this.dsId,this.dsAriaLabelledBy].filter(Boolean).join(" ")}get DsButton(){return r("ds-button","ds-accordion",this.el)}get DsIcon(){return r("ds-icon","ds-accordion",this.el)}get close(){switch(_()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={...l(this.el),...a(this,this.el)}}componentDidLoad(){this.componentMounted()}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${e("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded};handleKeyDown=o=>{switch(o.key){case"Enter":case" ":{o.preventDefault();const d=o.target.closest(`.${e("ds-accordion")}__close-button`);this.shouldMoveFocus=!!d,this.isExpanded=!this.isExpanded;break}}};renderHeading(o){const d="button"===this.dsHeadingVariant?{role:"heading","aria-level":this.dsHeadingLevel}:{};return s("div",{class:n(o+"__title",{[o+"__title--with-background"]:"always"===this.dsHeaderHasBackground\|\|"expanded"===this.dsHeaderHasBackground&&this.isExpanded,[o+"__title--border-aligned"]:this.dsBorderAligned,[o+"__title--hide-top-border"]:this.dsHideTopBorder,[o+"__title--hide-right-border"]:this.dsHideRightBorder,[o+"__title--hide-left-border"]:this.dsHideLeftBorder}),...d},"icon-button"===this.dsHeadingVariant&&s("div",{class:n(o+"__header-slot",`${o}__header-slot--${this.dsVariant}`,`${o}__header-slot--${this.dsHeadingVariant}`,{[o+"__header-slot--hide-top-border"]:this.dsHideTopBorder,[o+"__header-slot--hide-bottom-border"]:!this.isExpanded&&this.dsHideBottomBorder})},s("slot",{name:"header"})),s("div",{class:n(o+"__open-button-container")},s("button",{class:n(o+"__open-button",`${o}__open-button--${this.dsVariant}`,`${o}__open-button--${this.dsHeadingVariant}`,{[o+"__open-button--border-aligned"]:this.dsBorderAligned,[o+"__open-button--hide-bottom-border"]:(()=>"button"===this.dsHeadingVariant?this.isExpanded&&!this.dsHideContentBorders\|\|this.dsHideBottomBorder:(!this.dsHideContentBorders\|\|this.dsHideBottomBorder)&&!this.isExpanded&&this.dsHideBottomBorder)()}),onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-expanded":this.isExpanded?"true":"false","aria-controls":this.dsId+"-panel","aria-describedby":this.dsAriaDescribedBy,"aria-labelledby":this.ariaLabelledBy,id:this.dsId,ref:o=>this.headerButtonRef=o,type:"button"},s("span",{class:n(o+"__open-button__icon",`${o}__open-button__icon--${this.dsVariant}`),"aria-hidden":"true"},s(this.DsIcon,{dsSize:"1.5rem",dsName:this.isExpanded?"keyboard_arrow_up":"keyboard_arrow_down"})),"button"===this.dsHeadingVariant&&s("span",{class:n(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},s("slot",{name:"header"})))))}render(){const o=e("ds-accordion");return s("div",{key:"481989a210862e9fd3de916261c2bfae779b1ca3",class:n(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},s("div",{key:"3b347e0f3cc39275614d3c36fd8d78abfc01cf2d",class:o+"__item"},this.renderHeading(o),s("div",{key:"4b68f600d43bfd03fe18652520bb1f47572c552b",id:this.dsId+"-panel",role:"region","aria-labelledby":this.dsId,class:n(o+"__panel",`${o}__panel--${this.dsVariant}`,{[o+"__panel--expanded"]:this.isExpanded,[o+"__panel--with-background"]:this.dsContentHasBackground,[o+"__panel--hide-right-border"]:this.dsHideRightBorder\|\|this.dsHideContentBorders,[o+"__panel--hide-left-border"]:this.dsHideLeftBorder\|\|this.dsHideContentBorders}),hidden:!this.isExpanded},s("div",{key:"35f65b2ef7acfc61ad40f2abff0b01edcc5d9843",class:n(o+"__content",{"ds-bodytext-lg":"default"===this.dsVariant,"ds-bodytext-md":"compact"===this.dsVariant,[o+"__content--border-aligned"]:this.dsBorderAligned,[o+"__content--with-background"]:this.dsContentHasBackground,[o+"__content--hide-bottom-border"]:this.dsHideBottomBorder\|\|this.dsHideContentBorders,[o+"__content--has-close-button"]:this.dsUseCloseButton})},s("slot",{key:"99be0fa07b1af287f2147a078a1ba24f3be8b24c",name:"content"}),this.dsUseCloseButton&&s(this.DsButton,{key:"97bde80f2e150480ff73efbdb268b8c01c9f81f8",id:this.dsId+"-close-button",class:o+"__close-button",dsVariant:"supplementary",dsColour:"black",dsIcon:"keyboard_arrow_up",dsIconPosition:"start",onClick:this.handleClick,onKeyDown:this.handleKeyDown,dsText:this.dsCloseButtonLabel\|\|this.close,dsSize:"small",dsType:"button"})))))}static get watchers(){return{isExpanded:[{watchHandler:0}]}}static get style(){return'.ds-accordion__cpPWV0.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__cpPWV0__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__cpPWV0__title.sc-ds-accordion:not(.ds-accordion__cpPWV0__title--hide-top-border) .ds-accordion__cpPWV0__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__cpPWV0__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__cpPWV0__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__cpPWV0__title--border-aligned.ds-accordion__cpPWV0__title--with-background.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__cpPWV0__title--border-aligned.ds-accordion__cpPWV0__title--with-background.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__cpPWV0__title--with-background.sc-ds-accordion .ds-accordion__cpPWV0__open-button.sc-ds-accordion:not(.ds-accordion__cpPWV0__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__cpPWV0__title--with-background.sc-ds-accordion:has(.ds-accordion__cpPWV0__open-button.ds-accordion__cpPWV0__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__cpPWV0__title.sc-ds-accordion:has(.ds-accordion__cpPWV0__open-button:hover:not(.ds-accordion__cpPWV0__open-button--icon-button)) .ds-accordion__cpPWV0__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__cpPWV0__title.sc-ds-accordion:has(.ds-accordion__cpPWV0__open-button:active:not(.ds-accordion__cpPWV0__open-button--icon-button)) .ds-accordion__cpPWV0__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__cpPWV0__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__cpPWV0__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__cpPWV0__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__cpPWV0__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__cpPWV0__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__cpPWV0__open-button-container.sc-ds-accordion:has(.ds-accordion__cpPWV0__open-button:not(.ds-accordion__cpPWV0__open-button--icon-button)){width:100%}.ds-accordion__cpPWV0__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__cpPWV0__open-button-container.sc-ds-accordion:has(.ds-accordion__cpPWV0__open-button--border-aligned:not(.ds-accordion__cpPWV0__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__cpPWV0__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__cpPWV0__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0)}.ds-accordion__cpPWV0__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__cpPWV0__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__cpPWV0__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__cpPWV0__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__cpPWV0__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__cpPWV0__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__cpPWV0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__cpPWV0__open-button--icon-button){padding-inline:0}.ds-accordion__cpPWV0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__cpPWV0__open-button--icon-button)::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__cpPWV0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__cpPWV0__open-button--icon-button)::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__cpPWV0__title--with-background.sc-ds-accordion .ds-accordion__cpPWV0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__cpPWV0__open-button--icon-button)::before,.ds-accordion__cpPWV0__title--with-background.sc-ds-accordion .ds-accordion__cpPWV0__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__cpPWV0__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__cpPWV0__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__cpPWV0__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__cpPWV0__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__cpPWV0__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__cpPWV0__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__cpPWV0__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__cpPWV0__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__cpPWV0__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__cpPWV0__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__cpPWV0__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__cpPWV0__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__cpPWV0__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__cpPWV0__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__cpPWV0__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__cpPWV0__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__cpPWV0.sc-ds-accordion-s>[slot=header],.ds-accordion__cpPWV0 .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__cpPWV0__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__cpPWV0__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__cpPWV0__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__cpPWV0__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__cpPWV0__content--border-aligned.sc-ds-accordion::before{content:"";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__cpPWV0__content--border-aligned.sc-ds-accordion::after{content:"";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__cpPWV0__content--with-background.sc-ds-accordion::before,.ds-accordion__cpPWV0__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__cpPWV0__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}.ds-accordion__cpPWV0.sc-ds-accordion-s>div[slot=header][class=toc],.ds-accordion__cpPWV0 .sc-ds-accordion-s>div[slot=header][class=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__cpPWV0.sc-ds-accordion-s>ul[slot=content][class=toc],.ds-accordion__cpPWV0 .sc-ds-accordion-s>ul[slot=content][class=toc]{display:flex;flex-direction:column;gap:var(--ds-spacing-small);list-style:none;margin-block:0;margin-inline:var(--ds-spacing-3xSmall) 0;padding:0}'}},[774,"ds-accordion",{dsVariant:[1,"ds-variant"],dsBorderAligned:[4,"ds-border-aligned"],dsOpenByDefault:[4,"ds-open-by-default"],dsId:[1,"ds-id"],dsHeadingLevel:[2,"ds-heading-level"],dsUseCloseButton:[4,"ds-use-close-button"],dsCloseButtonLabel:[1,"ds-close-button-label"],dsHideContentBorders:[4,"ds-hide-content-borders"],dsHideTopBorder:[4,"ds-hide-top-border"],dsHideRightBorder:[4,"ds-hide-right-border"],dsHideBottomBorder:[4,"ds-hide-bottom-border"],dsHideLeftBorder:[4,"ds-hide-left-border"],dsHeadingVariant:[1,"ds-heading-variant"],dsAriaDescribedBy:[1,"ds-aria-described-by"],dsAriaLabelledBy:[1,"ds-aria-labelled-by"],dsHeaderHasBackground:[1,"ds-header-has-background"],dsContentHasBackground:[4,"ds-content-has-background"],isExpanded:[32],setIsExpanded:[64]},void 0,{isExpanded:[{watchHandler:0}]}]);i([s("ds-icon",{dsName:""}),s("ds-button",null)]);const f=m,v=function(){"undefined"!=typeof customElements&&["ds-accordion","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-accordion":customElements.get(c(o))\|\|customElements.define(c(o),m);break;case"ds-button":customElements.get(c(o))\|\|p();break;case"ds-icon":customElements.get(c(o))\|\|h();break;case"ds-spinner":customElements.get(c(o))\|\|u();break;case"ds-visually-hidden":customElements.get(c(o))\|\|g()}}))};export{f as DsAccordion,v as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as i,H as s,h as t,t as d}from"./p-x-~~HJUYLL~~.js";import{c as r}from"./p-~~CTcsKZyv~~.js";const e=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost()}render(){~~const~~ ~~i=r~~("ds-~~action-list-~~divider"~~);return t("hr"~~,{key:"~~f17c840f1522d906e1cbdf627b15b3933942586f~~",~~role~~:"~~separator~~",~~class~~:i,"~~aria-hidden~~"~~:"true"~~})}~~static get style(){return~~".ds-~~no-style-leak.sc-ds-~~action-list-divider *.sc-ds-action-list-divider{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-divider-h{display:block}.ds-action-list-divider__m9sbXh.sc-ds-action-list-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);~~font-size:var~~(~~--ds-fontSize-16);border:none;border-top:var~~(~~--ds-borderWidth-hairline) solid var(--ds-borderColor-light);margin:var(--ds-spacing-2xSmall) 0}~~"~~}},[2,"~~ds-~~action-list-~~divider"]),o=e,n=function(){"undefined"!=typeof customElements&&["ds-action-list-divider"].forEach((i=>{"ds-action-list-divider"~~===i&&(~~customElements.get(d(i))\|\|customElements.define(d(i),e))}))};export{o as DsActionListDivider,n as defineCustomElement}
1	+ import{p as s,H as e,h as d,t}from"./p-CcmqGmdl.js";import{d as i}from"./p-ChKb-Fx7.js";import{d as r}from"./p-DQ_ZQKlF.js";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}render(){return d("ds-divider",{key:"95cc93cebd41fb7e27bfdbb127d7a24fb1209275",dsVariant:"accessible",dsOrientation:"horizontal"})}},[2,"ds-action-list-divider"]);i([d("ds-divider",null)]);const c=o,n=function(){"undefined"!=typeof customElements&&["ds-action-list-divider","ds-divider"].forEach((s=>{switch(s){case"ds-action-list-divider":customElements.get(t(s))\|\|customElements.define(t(s),o);break;case"ds-divider":customElements.get(t(s))\|\|r()}}))};export{c as DsActionListDivider,n as defineCustomElement}

package/dist/components/ds-action-list-group-title.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,M as s,h as i,d as o,t as l}from"./p-~~x-HJUYLL~~.js";import{c as e}from"./p-~~CTcsKZyv~~.js";import{c as a}from"./p-~~BM0xAKIg~~.js";const d=t(class extends(s(a("ds-action-list-group-title"))){constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=this.getUniqueId();render(){const t=e("ds-action-list-group-title");return i(o,{key:"1b283379ba11079f2189d151010b288869af58c5",id:this.dsId,class:t},this.dsTitle)}static get style(){return".ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-~~title__m9sbXh~~.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}"}},[514,"ds-action-list-group-title",{dsTitle:[1,"ds-title"],dsId:[1,"ds-id"]}]),r=d,n=function(){"undefined"!=typeof customElements&&["ds-action-list-group-title"].forEach((t=>{"ds-action-list-group-title"===t&&(customElements.get(l(t))\|\|customElements.define(l(t),d))}))};export{r as DsActionListGroupTitle,n as defineCustomElement}
1	+ import{p as t,M as s,h as i,d as o,t as l}from"./p-CcmqGmdl.js";import{c as e}from"./p-uMjjtLqZ.js";import{c as a}from"./p-B0staoGW.js";const d=t(class extends(s(a("ds-action-list-group-title"))){constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=this.getUniqueId();render(){const t=e("ds-action-list-group-title");return i(o,{key:"1b283379ba11079f2189d151010b288869af58c5",id:this.dsId,class:t},this.dsTitle)}static get style(){return".ds-no-style-leak.sc-ds-action-list-group-title *.sc-ds-action-list-group-title{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-group-title-h{display:block}.ds-action-list-group-title__cpPWV0.sc-ds-action-list-group-title{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small) var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}"}},[514,"ds-action-list-group-title",{dsTitle:[1,"ds-title"],dsId:[1,"ds-id"]}]),r=d,n=function(){"undefined"!=typeof customElements&&["ds-action-list-group-title"].forEach((t=>{"ds-action-list-group-title"===t&&(customElements.get(l(t))\|\|customElements.define(l(t),d))}))};export{r as DsActionListGroupTitle,n as defineCustomElement}

package/dist/components/ds-action-list-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as t,c as i,h as e,t as o}from"./p-~~x-HJUYLL~~.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as a,d as c}from"./p-ChKb-Fx7.js";import{c as l}from"./p-~~CTcsKZyv~~.js";import{c as n}from"./p-Ccf9CXPb.js";import{c as r}from"./p-~~BM0xAKIg~~.js";import{d as m}from"./p-~~D-JwhXmZ~~.js";const h=s(class extends(t(r("ds-action-list-item"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsSelect=i(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=this.getUniqueId();dsVariant="action";dsLabel;dsDescription;dsIcon;dsDisabled=!1;dsUnavailable=!1;dsSelected=!1;dsCloseOnSelect=!0;dsIndented=!1;dsSelect;tabIndex=-1;async setFocus(){this.buttonEl?.focus()}async setTabIndex(s){this.tabIndex=s}get role(){switch(this.dsVariant){case"single-select":return"menuitemradio";case"multi-select":return"menuitemcheckbox";default:return"menuitem"}}handleSelect(){if(!this.dsDisabled&&!this.dsUnavailable&&(this.dsSelect.emit({id:this.dsId,label:this.dsLabel,selected:"multi-select"!==this.dsVariant\|\|!this.dsSelected,variant:this.dsVariant}),"multi-select"!==this.dsVariant&&("single-select"!==this.dsVariant\|\|this.dsCloseOnSelect))){const s=n(this.el);s?.closeMenu()}}handleKeyDown(s){"Enter"!==s.key&&" "!==s.key\|\|(s.preventDefault(),this.handleSelect())}renderIcon(s){if(!this.dsIcon\|\|"multi-select"===this.dsVariant)return null;const t=a("ds-icon","ds-action-list-item",this.el);return e(t,{class:s+"__icon",dsName:this.dsIcon,dsSize:"1.25rem"})}renderSelector(s){if("single-select"===this.dsVariant){const t=a("ds-icon","ds-action-list-item",this.el);return e("span",{class:d(s+"__selector",{[s+"__selector--visible"]:this.dsSelected}),"aria-hidden":"true"},this.dsSelected&&e(t,{dsName:"check",dsSize:"1.25rem"}))}if("multi-select"===this.dsVariant){const t=a("ds-icon","ds-action-list-item",this.el);return e(t,{class:d(s+"__checkbox",{[s+"__checkbox--checked"]:this.dsSelected}),dsName:this.dsSelected?"check_box_fill":"check_box_outline_blank",dsSize:"1.25rem"})}return null}render(){const{role:s}=this,t=l("ds-action-list-item"),i=this.dsIndented&&!this.dsIcon&&"multi-select"!==this.dsVariant,o=d(t,`${t}--${this.dsVariant}`,{[t+"--disabled"]:this.dsDisabled,[t+"--unavailable"]:this.dsUnavailable,[t+"--indented"]:i});return e("button",{key:"ec5fe94ab49975a45fff00013c6ea96a80eddac4",ref:s=>this.buttonEl=s,class:o,role:s,"aria-checked":"menuitemcheckbox"===s\|\|"menuitemradio"===s?this.dsSelected?"true":"false":void 0,"aria-disabled":this.dsDisabled\|\|this.dsUnavailable?"true":void 0,disabled:this.dsDisabled,tabIndex:this.tabIndex,onClick:()=>this.handleSelect()},this.renderSelector(t),i&&e("span",{key:"54b5be6b6d930fde87a4a6c8d80a6d145136697f",class:t+"__indent","aria-hidden":"true"}),this.renderIcon(t),e("span",{key:"e57a842adef5e1c3f0d3579cec25a483bd3782d6",class:t+"__content"},e("span",{key:"8eb1c0a34fec3fc912aee2e4625a842d118f0b9a",class:t+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"fed3cd25e3032b9397f1f926b8d40cd25f0f51c9",class:t+"__description"},this.dsDescription)))}static get style(){return".ds-no-style-leak.sc-ds-action-list-item .sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-~~item__m9sbXh~~.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-~~item__m9sbXh~~.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-~~item__m9sbXh~~--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-~~item__m9sbXh~~.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-~~item__m9sbXh~~--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-~~item__m9sbXh~~.sc-ds-action-list-item:focus-visible:not(:disabled){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-action-list-~~item__m9sbXh~~.sc-ds-action-list-item:disabled,.ds-action-list-~~item__m9sbXh~~.ds-action-list-~~item__m9sbXh~~--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-~~item__m9sbXh~~.ds-action-list-~~item__m9sbXh~~--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-~~item__m9sbXh~~.ds-action-list-~~item__m9sbXh~~--unavailable.sc-ds-action-list-item .ds-action-list-~~item__m9sbXh__checkbox~~--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-~~item__m9sbXh~~.ds-action-list-~~item__m9sbXh~~--unavailable.sc-ds-action-list-item .ds-action-list-~~item__m9sbXh__description~~.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-~~item__m9sbXh~~.ds-action-list-~~item__m9sbXh~~--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-~~item__m9sbXh~~.ds-action-list-~~item__m9sbXh~~--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-~~item__m9sbXh~~--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-~~item__m9sbXh~~.ds-action-list-~~item__m9sbXh~~--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-~~item__m9sbXh~~--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-~~item__m9sbXh~~.ds-action-list-~~item__m9sbXh~~--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-~~item__m9sbXh~~.ds-action-list-~~item__m9sbXh~~--action-danger.ds-action-list-~~item__m9sbXh~~--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-~~item__m9sbXh__icon~~.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-~~item__m9sbXh__indent~~.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-~~item__m9sbXh__content~~.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-~~item__m9sbXh__label~~.sc-ds-action-list-item{display:block}.ds-action-list-~~item__m9sbXh__description~~.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-~~item__m9sbXh__selector~~.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-~~item__m9sbXh__selector~~.ds-action-list-~~item__m9sbXh__selector~~--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-~~item__m9sbXh__checkbox~~.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-~~item__m9sbXh__checkbox~~--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-~~item__m9sbXh__selector~~--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-~~item__m9sbXh__selector~~--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-~~item__m9sbXh__checkbox~~.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-~~item__m9sbXh__checkbox~~--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}"}},[514,"ds-action-list-item",{dsId:[1,"ds-id"],dsVariant:[1,"ds-variant"],dsLabel:[1,"ds-label"],dsDescription:[1,"ds-description"],dsIcon:[1,"ds-icon"],dsDisabled:[4,"ds-disabled"],dsUnavailable:[4,"ds-unavailable"],dsSelected:[1028,"ds-selected"],dsCloseOnSelect:[4,"ds-close-on-select"],dsIndented:[1028,"ds-indented"],tabIndex:[32],setFocus:[64],setTabIndex:[64]},[[0,"keydown","handleKeyDown"]]]);c([e("ds-icon",{dsName:""})]);const b=h,_=function(){"undefined"!=typeof customElements&&["ds-action-list-item","ds-icon"].forEach((s=>{switch(s){case"ds-action-list-item":customElements.get(o(s))\|\|customElements.define(o(s),h);break;case"ds-icon":customElements.get(o(s))\|\|m()}}))};export{b as DsActionListItem,_ as defineCustomElement}
1	+ import{p as t,M as i,c as s,h as e,t as c}from"./p-CcmqGmdl.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as d,d as a}from"./p-ChKb-Fx7.js";import{c as l}from"./p-uMjjtLqZ.js";import{c as n}from"./p-Ccf9CXPb.js";import{c as r}from"./p-B0staoGW.js";import{d as m}from"./p-nzR0rIwQ.js";const _=t(class extends(i(r("ds-action-list-item"))){constructor(t){super(),!1!==t&&this.__registerHost(),this.dsSelect=s(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=this.getUniqueId();dsVariant="action";dsLabel;dsDescription;dsIcon;dsDisabled=!1;dsUnavailable=!1;dsSelected=!1;dsCloseOnSelect=!0;dsIndented=!1;dsSelect;tabIndex=-1;async setFocus(){this.buttonEl?.focus()}async setTabIndex(t){this.tabIndex=t}get role(){switch(this.dsVariant){case"single-select":return"menuitemradio";case"multi-select":return"menuitemcheckbox";default:return"menuitem"}}handleSelect(){if(!this.dsDisabled&&!this.dsUnavailable&&(this.dsSelect.emit({id:this.dsId,label:this.dsLabel,selected:"multi-select"!==this.dsVariant\|\|!this.dsSelected,variant:this.dsVariant}),"multi-select"!==this.dsVariant&&("single-select"!==this.dsVariant\|\|this.dsCloseOnSelect))){const t=n(this.el);t?.closeMenu()}}handleKeyDown(t){"Enter"!==t.key&&" "!==t.key\|\|(t.preventDefault(),this.handleSelect())}renderIcon(t){if(!this.dsIcon\|\|"multi-select"===this.dsVariant)return null;const i=d("ds-icon","ds-action-list-item",this.el);return e(i,{class:t+"__icon",dsName:this.dsIcon,dsSize:"1.25rem"})}renderSelector(t){if("single-select"===this.dsVariant){const i=d("ds-icon","ds-action-list-item",this.el);return e("span",{class:o(t+"__selector",{[t+"__selector--visible"]:this.dsSelected}),"aria-hidden":"true"},this.dsSelected&&e(i,{dsName:"check",dsSize:"1.25rem"}))}if("multi-select"===this.dsVariant){const i=d("ds-icon","ds-action-list-item",this.el);return e(i,{class:o(t+"__checkbox",{[t+"__checkbox--checked"]:this.dsSelected}),dsName:this.dsSelected?"check_box_fill":"check_box_outline_blank",dsSize:"1.25rem"})}return null}render(){const{role:t}=this,i=l("ds-action-list-item"),s=this.dsIndented&&!this.dsIcon&&"multi-select"!==this.dsVariant,c=o(i,`${i}--${this.dsVariant}`,{[i+"--disabled"]:this.dsDisabled,[i+"--unavailable"]:this.dsUnavailable,[i+"--indented"]:s});return e("button",{key:"ec5fe94ab49975a45fff00013c6ea96a80eddac4",ref:t=>this.buttonEl=t,class:c,role:t,"aria-checked":"menuitemcheckbox"===t\|\|"menuitemradio"===t?this.dsSelected?"true":"false":void 0,"aria-disabled":this.dsDisabled\|\|this.dsUnavailable?"true":void 0,disabled:this.dsDisabled,tabIndex:this.tabIndex,onClick:()=>this.handleSelect()},this.renderSelector(i),s&&e("span",{key:"54b5be6b6d930fde87a4a6c8d80a6d145136697f",class:i+"__indent","aria-hidden":"true"}),this.renderIcon(i),e("span",{key:"e57a842adef5e1c3f0d3579cec25a483bd3782d6",class:i+"__content"},e("span",{key:"8eb1c0a34fec3fc912aee2e4625a842d118f0b9a",class:i+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"fed3cd25e3032b9397f1f926b8d40cd25f0f51c9",class:i+"__description"},this.dsDescription)))}static get style(){return".ds-no-style-leak.sc-ds-action-list-item .sc-ds-action-list-item{all:unset;box-sizing:border-box;display:block}.sc-ds-action-list-item-h{display:contents}.ds-action-list-item__cpPWV0.sc-ds-action-list-item{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;gap:var(--ds-spacing-xSmall);width:100%;padding:var(--ds-spacing-2xSmall) var(--ds-spacing-small);background-color:var(--ds-bgColor-white);border:none;text-align:left;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);box-sizing:border-box;min-height:2.75rem;text-decoration:none}.ds-action-list-item__cpPWV0.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__cpPWV0--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__cpPWV0.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__cpPWV0--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__cpPWV0.sc-ds-action-list-item:focus-visible:not(:disabled){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-action-list-item__cpPWV0.sc-ds-action-list-item:disabled,.ds-action-list-item__cpPWV0.ds-action-list-item__cpPWV0--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__cpPWV0.ds-action-list-item__cpPWV0--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__cpPWV0.ds-action-list-item__cpPWV0--unavailable.sc-ds-action-list-item .ds-action-list-item__cpPWV0__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__cpPWV0.ds-action-list-item__cpPWV0--unavailable.sc-ds-action-list-item .ds-action-list-item__cpPWV0__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__cpPWV0.ds-action-list-item__cpPWV0--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__cpPWV0.ds-action-list-item__cpPWV0--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__cpPWV0--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__cpPWV0.ds-action-list-item__cpPWV0--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__cpPWV0--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__cpPWV0.ds-action-list-item__cpPWV0--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__cpPWV0.ds-action-list-item__cpPWV0--action-danger.ds-action-list-item__cpPWV0--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__cpPWV0__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__cpPWV0__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__cpPWV0__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__cpPWV0__label.sc-ds-action-list-item{display:block}.ds-action-list-item__cpPWV0__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__cpPWV0__selector.sc-ds-action-list-item{flex-shrink:0;width:1.25rem;display:flex;align-items:center;justify-content:center;visibility:hidden}.ds-action-list-item__cpPWV0__selector.ds-action-list-item__cpPWV0__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__cpPWV0__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__cpPWV0__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__cpPWV0__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__cpPWV0__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__cpPWV0__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__cpPWV0__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}"}},[514,"ds-action-list-item",{dsId:[1,"ds-id"],dsVariant:[1,"ds-variant"],dsLabel:[1,"ds-label"],dsDescription:[1,"ds-description"],dsIcon:[1,"ds-icon"],dsDisabled:[4,"ds-disabled"],dsUnavailable:[4,"ds-unavailable"],dsSelected:[1028,"ds-selected"],dsCloseOnSelect:[4,"ds-close-on-select"],dsIndented:[1028,"ds-indented"],tabIndex:[32],setFocus:[64],setTabIndex:[64]},[[0,"keydown","handleKeyDown"]]]);a([e("ds-icon",{dsName:""})]);const b=_,h=function(){"undefined"!=typeof customElements&&["ds-action-list-item","ds-icon"].forEach((t=>{switch(t){case"ds-action-list-item":customElements.get(c(t))\|\|customElements.define(c(t),_);break;case"ds-icon":customElements.get(c(t))\|\|m()}}))};export{b as DsActionListItem,h as defineCustomElement}

package/dist/components/ds-action-list.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,M as s,h as i,d as e,t as a}from"./p-~~x-HJUYLL~~.js";import{c as n}from"./p-~~CTcsKZyv~~.js";import{e as l,t as o,i as r}from"./p-ChKb-Fx7.js";import{g as c}from"./p-~~t1Rt33N8~~.js";import{c as h}from"./p-~~BM0xAKIg~~.js";const d=l("ds-action-list"),u=t(class extends(s(h("ds-action-list"))){constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsRole="group";ariaLabel;ariaLabelledby;listId=d.next().value;get isStandalone(){return"menu"===this.dsRole}slotChangeHandler=()=>{this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling()};componentWillLoad(){this.updateAriaLabelling()}componentDidLoad(){this.componentMounted(),this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling();const t=this.el.querySelector("slot");t?.addEventListener("slotchange",this.slotChangeHandler)}disconnectedCallback(){const t=this.el.querySelector("slot");t?.removeEventListener("slotchange",this.slotChangeHandler)}updateAriaLabelling(){const t=o("ds-action-list-item","ds-action-list",this.el),s=this.el.querySelector(t),i=s?.dsVariant??s?.getAttribute("ds-variant")??"action";this.ariaLabel="single-select"===i?(()=>{switch(c()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===i?(()=>{switch(c()){case"fi":return"Monivalinta";case"sv":return"Välj flera";default:return"Choose multiple"}})():(()=>{switch(c()){case"fi":return"Toiminnallisuudet";case"sv":return"Åtgärder";default:return"Actions"}})();const e=o("ds-action-list-group-title","ds-action-list",this.el),a=this.el.querySelector(e);this.ariaLabelledby=a?.id?`${this.listId} ${a.id}`:void 0}langObserver(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){const s=o("ds-action-list-item","ds-action-list",this.el);return Array.from(t.querySelectorAll(s)).filter((t=>!t.dsDisabled))}getSiblingLists(){const t=this.el.parentElement;if(!t)return[this.el];const s=o("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=o("ds-action-list-item","ds-action-list",this.el),s=Array.from(this.el.querySelectorAll(":scope > "+t)),i=s.some((t=>t.dsIcon&&"multi-select"!==t.dsVariant));s.forEach((t=>{"multi-select"!==t.dsVariant&&(t.dsIndented=i&&!t.dsIcon)}))}updateRovingTabindex(t){const s=this.getFocusableItems(),i=t??s[0];s.forEach((t=>{t.setTabIndex?.(t===i?0:-1)}))}handleItemSelect(t){const{variant:s,selected:i}=t.detail,e=o("ds-action-list-item","ds-action-list",this.el),a=Array.from(this.el.querySelectorAll(e));if("single-select"===s)a.forEach((s=>{s.dsSelected=s===t.target&&i}));else if("multi-select"===s){const s=a.find((s=>s===t.target));s&&(s.dsSelected=i)}}getCurrentItemIndex(t,s){return t.target?s.findIndex((s=>s===t.target\|\|s.contains(t.target))):-1}handleKeyDown(t){const s=this.getFocusableItems();if(0===s.length)return;const i=this.getCurrentItemIndex(t,s);switch(t.key){case"ArrowDown":if(t.preventDefault(),i<s.length-1)s[i+1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i+1]);else if(this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s+1]??t[0];this.getFocusableItemsFromEl(i)[0]?.setFocus?.()}break;case"ArrowUp":if(t.preventDefault(),i>0)s[i-1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i-1]);else if(this.isStandalone)s[s.length-1].setFocus?.(),this.updateRovingTabindex(s[s.length-1]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=this.getFocusableItemsFromEl(t[s-1]??t[t.length-1]);i[i.length-1]?.setFocus?.()}break;case"Home":if(t.preventDefault(),this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists()[0];this.getFocusableItemsFromEl(t)[0]?.setFocus?.()}break;case"End":if(t.preventDefault(),this.isStandalone)s[s.length-1].setFocus?.(),this.updateRovingTabindex(s[s.length-1]);else{const t=this.getSiblingLists(),s=this.getFocusableItemsFromEl(t[t.length-1]);s[s.length-1]?.setFocus?.()}break;default:if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey){t.preventDefault();const s=t.key.toLowerCase(),i=this.isStandalone?this.getFocusableItems():[].concat(...this.getSiblingLists().map((t=>this.getFocusableItemsFromEl(t)))),e=document.activeElement,a=i.findIndex((t=>t.contains(e))),n=[...i.slice(a+1),...i.slice(0,a+1)].find((t=>(t.dsLabel??t.getAttribute("ds-label")??"").trim().toLowerCase().startsWith(s)));n?.setFocus?.()}}}render(){const t=n("ds-action-list");return i(e,{key:"a172146138a1c3c7aa2a69ea5f76f66d3eb3738b",id:this.listId,class:t,role:this.dsRole,...r("aria-label",this.ariaLabel),...r("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"c5be4a565da7e56a7fa724062473586870098b30"}))}static get watchers(){return{lang:[{langObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-~~list__m9sbXh~~.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}"}},[774,"ds-action-list",{dsRole:[1,"ds-role"],ariaLabel:[32],ariaLabelledby:[32]},[[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]],{lang:[{langObserver:0}]}]),m=u,b=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(a(t))\|\|customElements.define(a(t),u))}))};export{m as DsActionList,b as defineCustomElement}
1	+ import{p as t,M as s,h as i,d as e,t as a}from"./p-CcmqGmdl.js";import{c as n}from"./p-uMjjtLqZ.js";import{e as l,t as o,i as r}from"./p-ChKb-Fx7.js";import{g as c}from"./p-Bryw62FZ.js";import{c as h}from"./p-B0staoGW.js";const d=l("ds-action-list"),u=t(class extends(s(h("ds-action-list"))){constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsRole="group";ariaLabel;ariaLabelledby;listId=d.next().value;get isStandalone(){return"menu"===this.dsRole}slotChangeHandler=()=>{this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling()};componentWillLoad(){this.updateAriaLabelling()}componentDidLoad(){this.componentMounted(),this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling();const t=this.el.querySelector("slot");t?.addEventListener("slotchange",this.slotChangeHandler)}disconnectedCallback(){const t=this.el.querySelector("slot");t?.removeEventListener("slotchange",this.slotChangeHandler)}updateAriaLabelling(){const t=o("ds-action-list-item","ds-action-list",this.el),s=this.el.querySelector(t),i=s?.dsVariant??s?.getAttribute("ds-variant")??"action";this.ariaLabel="single-select"===i?(()=>{switch(c()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===i?(()=>{switch(c()){case"fi":return"Monivalinta";case"sv":return"Välj flera";default:return"Choose multiple"}})():(()=>{switch(c()){case"fi":return"Toiminnallisuudet";case"sv":return"Åtgärder";default:return"Actions"}})();const e=o("ds-action-list-group-title","ds-action-list",this.el),a=this.el.querySelector(e);this.ariaLabelledby=a?.id?`${this.listId} ${a.id}`:void 0}langObserver(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){const s=o("ds-action-list-item","ds-action-list",this.el);return Array.from(t.querySelectorAll(s)).filter((t=>!t.dsDisabled))}getSiblingLists(){const t=this.el.parentElement;if(!t)return[this.el];const s=o("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=o("ds-action-list-item","ds-action-list",this.el),s=Array.from(this.el.querySelectorAll(":scope > "+t)),i=s.some((t=>t.dsIcon&&"multi-select"!==t.dsVariant));s.forEach((t=>{"multi-select"!==t.dsVariant&&(t.dsIndented=i&&!t.dsIcon)}))}updateRovingTabindex(t){const s=this.getFocusableItems(),i=t??s[0];s.forEach((t=>{t.setTabIndex?.(t===i?0:-1)}))}handleItemSelect(t){const{variant:s,selected:i}=t.detail,e=o("ds-action-list-item","ds-action-list",this.el),a=Array.from(this.el.querySelectorAll(e));if("single-select"===s)a.forEach((s=>{s.dsSelected=s===t.target&&i}));else if("multi-select"===s){const s=a.find((s=>s===t.target));s&&(s.dsSelected=i)}}getCurrentItemIndex(t,s){return t.target?s.findIndex((s=>s===t.target\|\|s.contains(t.target))):-1}handleKeyDown(t){const s=this.getFocusableItems();if(0===s.length)return;const i=this.getCurrentItemIndex(t,s);switch(t.key){case"ArrowDown":if(t.preventDefault(),i<s.length-1)s[i+1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i+1]);else if(this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=t[s+1]??t[0];this.getFocusableItemsFromEl(i)[0]?.setFocus?.()}break;case"ArrowUp":if(t.preventDefault(),i>0)s[i-1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[i-1]);else if(this.isStandalone)s[s.length-1].setFocus?.(),this.updateRovingTabindex(s[s.length-1]);else{const t=this.getSiblingLists(),s=t.indexOf(this.el),i=this.getFocusableItemsFromEl(t[s-1]??t[t.length-1]);i[i.length-1]?.setFocus?.()}break;case"Home":if(t.preventDefault(),this.isStandalone)s[0].setFocus?.(),this.updateRovingTabindex(s[0]);else{const t=this.getSiblingLists()[0];this.getFocusableItemsFromEl(t)[0]?.setFocus?.()}break;case"End":if(t.preventDefault(),this.isStandalone)s[s.length-1].setFocus?.(),this.updateRovingTabindex(s[s.length-1]);else{const t=this.getSiblingLists(),s=this.getFocusableItemsFromEl(t[t.length-1]);s[s.length-1]?.setFocus?.()}break;default:if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey){t.preventDefault();const s=t.key.toLowerCase(),i=this.isStandalone?this.getFocusableItems():[].concat(...this.getSiblingLists().map((t=>this.getFocusableItemsFromEl(t)))),e=document.activeElement,a=i.findIndex((t=>t.contains(e))),n=[...i.slice(a+1),...i.slice(0,a+1)].find((t=>(t.dsLabel??t.getAttribute("ds-label")??"").trim().toLowerCase().startsWith(s)));n?.setFocus?.()}}}render(){const t=n("ds-action-list");return i(e,{key:"a172146138a1c3c7aa2a69ea5f76f66d3eb3738b",id:this.listId,class:t,role:this.dsRole,...r("aria-label",this.ariaLabel),...r("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"c5be4a565da7e56a7fa724062473586870098b30"}))}static get watchers(){return{lang:[{langObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__cpPWV0.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}"}},[774,"ds-action-list",{dsRole:[1,"ds-role"],ariaLabel:[32],ariaLabelledby:[32]},[[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]],{lang:[{langObserver:0}]}]),m=u,b=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(a(t))\|\|customElements.define(a(t),u))}))};export{m as DsActionList,b as defineCustomElement}

package/dist/components/ds-action-menu.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as t,c as n,h as e,t as i}from"./p-~~x-HJUYLL~~.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as a,g as d,d as c}from"./p-ChKb-Fx7.js";import{c as r}from"./p-~~CTcsKZyv~~.js";import{s as m,p as u}from"./p-Ccf9CXPb.js";import{c as h}from"./p-~~BM0xAKIg~~.js";import{d as l}from"./p-~~GXMba8x_~~.js";import{d as _}from"./p-~~D-JwhXmZ~~.js";import{d as b}from"./p-~~qfzEFnRG~~.js";import{d as p}from"./p-~~CsW-W9Vv~~.js";const f=s(class extends(t(h("ds-action-menu",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsOpen=n(this,"dsOpen",7),this.dsClose=n(this,"dsClose",7)}get el(){return this}menuId;triggerWrapperRef;menuRef;dsId=this.getUniqueId();dsButtonText="";dsButtonVariant="secondary";dsButtonColour="blue";dsButtonSize="medium";dsIconOnly=!1;dsIcon="";dsAlign="start";dsPlacement="auto";dsMenuWidth;dsMenuMaxHeight;dsAriaLabel;dsDisabled=!1;dsOpen;dsClose;isOpen=!1;componentWillLoad(){this.menuId=this.dsId+"-menu",m(this.el,{closeMenu:()=>this.closeMenu()})}componentDidLoad(){this.componentMounted(),this.updateContext(),this.applyAnchorStyles()}componentDidRender(){this.applyAnchorStyles(),this.constrainMenuHeight()}applyAnchorStyles(){const s="--ds-action-menu-"+this.dsId;this.triggerWrapperRef?.style.setProperty("anchor-name",s),this.menuRef?.style.setProperty("position-anchor",s)}constrainMenuHeight(){if(!this.menuRef\|\|this.dsMenuMaxHeight\|\|!this.isOpen)return;const s=this.triggerWrapperRef?.getBoundingClientRect();if(!s)return;const t=this.menuRef.getBoundingClientRect(),n=window.innerHeight;this.menuRef.style.maxHeight=Math.max(t.bottom<=s.top+1?s.top-8:n-s.bottom-8,120)+"px"}updateContext(){u(this.el,{closeMenu:()=>this.closeMenu()})}async open(){this.openMenu()}async close(){this.closeMenu()}async toggle(){this.isOpen?this.closeMenu():this.openMenu()}openMenu(s="first"){this.dsDisabled\|\|this.isOpen\|\|(this.isOpen=!0,this.dsOpen.emit(),this.updateContext(),requestAnimationFrame((()=>{"last"===s?this.focusLastItem():this.focusFirstItem()})))}closeMenu(s=!0){this.isOpen&&(this.isOpen=!1,this.dsClose.emit(),s&&this.el.querySelector(a("ds-button","ds-action-menu",this.el))?.setFocus?.())}focusFirstItem(){const s=a("ds-action-list-item","ds-action-menu",this.el),t=Array.from(this.el.querySelectorAll(s));t.find((s=>!s.dsDisabled))?.setFocus?.()}focusLastItem(){const s=a("ds-action-list-item","ds-action-menu",this.el);Array.from(this.el.querySelectorAll(s)).findLast((s=>!s.dsDisabled))?.setFocus?.()}handleClickOutside(s){this.isOpen&&(d(s,this.el)\|\|this.closeMenu(!1))}handleKeyDown(s){if(this.isOpen)switch(s.key){case"Escape":s.preventDefault(),this.closeMenu();break;case"Tab":this.closeMenu(!1)}else{if(!this.triggerWrapperRef\|\|!d(s,this.triggerWrapperRef))return;"ArrowDown"===s.key?(s.preventDefault(),this.openMenu("first")):"ArrowUp"===s.key&&(s.preventDefault(),this.openMenu("last"))}}handleTriggerClick=()=>{this.isOpen?this.closeMenu():this.openMenu()};renderTrigger(s){const t=a("ds-button","ds-action-menu",this.el),n=a("ds-icon","ds-action-menu",this.el),i=s+"__trigger";return this.dsIconOnly?e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsIcon:this.dsIcon\|\|"more_vert",dsAriaLabel:this.dsAriaLabel,dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick}):e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsText:this.dsButtonText,dsIcon:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down",dsIconPosition:"end",dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick},this.dsIcon&&e(n,{slot:"prefix",dsName:this.dsIcon,dsAriaHidden:!0}))}render(){const s=r("ds-action-menu"),t={width:this.dsMenuWidth??"auto",maxHeight:this.dsMenuMaxHeight??"none"},n=o(s+"__menu",`${s}__menu--align-${this.dsAlign}`,`${s}__menu--placement-${this.dsPlacement}`);return e("div",{key:"22df98ccfe575071ea132197a57f1d37fcce58d1",class:s},e("div",{key:"200e6c81d8ccf1dc1cb36a2c279551b439016e6c",ref:s=>this.triggerWrapperRef=s,class:s+"__trigger-wrapper"},this.renderTrigger(s)),e("div",{key:"d9443def9271be5689c7e8e6f53037fe868ade7f",ref:s=>this.menuRef=s,id:this.menuId,role:"menu","aria-labelledby":this.dsId,class:n,style:t,hidden:!this.isOpen},e("slot",{key:"d80220edb4c461f863c35daa52aa94f6486d40b8"})))}static get style(){return".ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-~~menu__m9sbXh~~.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-~~menu__m9sbXh__trigger~~-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-~~menu__m9sbXh__menu~~.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-~~menu__m9sbXh__menu~~[hidden].sc-ds-action-menu{display:none}.ds-action-~~menu__m9sbXh__menu~~.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-~~light~~);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-~~menu__m9sbXh__menu~~.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-~~menu__m9sbXh__menu~~.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-~~menu__m9sbXh__menu~~.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-~~menu__m9sbXh__menu~~.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-~~menu__m9sbXh__menu~~.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-~~menu__m9sbXh__menu~~.ds-action-~~menu__m9sbXh__menu~~--placement-bottom.sc-ds-action-menu,.ds-action-~~menu__m9sbXh__menu~~.ds-action-~~menu__m9sbXh__menu~~--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-~~menu__m9sbXh__menu~~.ds-action-~~menu__m9sbXh__menu~~--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-~~menu__m9sbXh__menu~~.ds-action-~~menu__m9sbXh__menu~~--align-start.sc-ds-action-menu{left:0}.ds-action-~~menu__m9sbXh__menu~~.ds-action-~~menu__m9sbXh__menu~~--align-end.sc-ds-action-menu{right:0}.ds-action-~~menu__m9sbXh__menu~~.ds-action-~~menu__m9sbXh__menu~~--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-~~menu__m9sbXh__menu~~.sc-ds-action-menu{position:fixed}.ds-action-~~menu__m9sbXh__menu~~.ds-action-~~menu__m9sbXh__menu~~--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-~~menu__m9sbXh__menu~~.ds-action-~~menu__m9sbXh__menu~~--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-~~menu__m9sbXh__menu~~.ds-action-~~menu__m9sbXh__menu~~--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-~~menu__m9sbXh__menu~~.ds-action-~~menu__m9sbXh__menu~~--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-~~menu__m9sbXh__menu~~.ds-action-~~menu__m9sbXh__menu~~--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-~~menu__m9sbXh__menu~~.ds-action-~~menu__m9sbXh__menu~~--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}"}},[774,"ds-action-menu",{dsId:[1,"ds-id"],dsButtonText:[1,"ds-button-text"],dsButtonVariant:[1,"ds-button-variant"],dsButtonColour:[1,"ds-button-colour"],dsButtonSize:[1,"ds-button-size"],dsIconOnly:[4,"ds-icon-only"],dsIcon:[1,"ds-icon"],dsAlign:[1,"ds-align"],dsPlacement:[1,"ds-placement"],dsMenuWidth:[1,"ds-menu-width"],dsMenuMaxHeight:[1,"ds-menu-max-height"],dsAriaLabel:[1,"ds-aria-label"],dsDisabled:[4,"ds-disabled"],isOpen:[32],open:[64],close:[64],toggle:[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]]]);c([e("ds-button",null),e("ds-icon",{dsName:""})]);const g=f,y=function(){"undefined"!=typeof customElements&&["ds-action-menu","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-action-menu":customElements.get(i(s))\|\|customElements.define(i(s),f);break;case"ds-button":customElements.get(i(s))\|\|l();break;case"ds-icon":customElements.get(i(s))\|\|_();break;case"ds-spinner":customElements.get(i(s))\|\|b();break;case"ds-visually-hidden":customElements.get(i(s))\|\|p()}}))};export{g as DsActionMenu,y as defineCustomElement}
1	+ import{p as s,M as t,c as n,h as e,t as i}from"./p-CcmqGmdl.js";import{c as o}from"./p-BfTCfPZ1.js";import{t as a,g as d,d as c}from"./p-ChKb-Fx7.js";import{c as r}from"./p-uMjjtLqZ.js";import{s as m,p as u}from"./p-Ccf9CXPb.js";import{c as l}from"./p-B0staoGW.js";import{d as h}from"./p-T8sk4OTo.js";import{d as _}from"./p-nzR0rIwQ.js";import{d as p}from"./p-CDomyHcd.js";import{d as b}from"./p-IfuavV1d.js";const f=s(class extends(t(l("ds-action-menu",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&this.__registerHost(),this.dsOpen=n(this,"dsOpen",7),this.dsClose=n(this,"dsClose",7)}get el(){return this}menuId;triggerWrapperRef;menuRef;dsId=this.getUniqueId();dsButtonText="";dsButtonVariant="secondary";dsButtonColour="blue";dsButtonSize="medium";dsIconOnly=!1;dsIcon="";dsAlign="start";dsPlacement="auto";dsMenuWidth;dsMenuMaxHeight;dsAriaLabel;dsDisabled=!1;dsOpen;dsClose;isOpen=!1;componentWillLoad(){this.menuId=this.dsId+"-menu",m(this.el,{closeMenu:()=>this.closeMenu()})}componentDidLoad(){this.componentMounted(),this.updateContext(),this.applyAnchorStyles()}componentDidRender(){this.applyAnchorStyles(),this.constrainMenuHeight()}applyAnchorStyles(){const s="--ds-action-menu-"+this.dsId;this.triggerWrapperRef?.style.setProperty("anchor-name",s),this.menuRef?.style.setProperty("position-anchor",s)}constrainMenuHeight(){if(!this.menuRef\|\|this.dsMenuMaxHeight\|\|!this.isOpen)return;const s=this.triggerWrapperRef?.getBoundingClientRect();if(!s)return;const t=this.menuRef.getBoundingClientRect(),n=window.innerHeight;this.menuRef.style.maxHeight=Math.max(t.bottom<=s.top+1?s.top-8:n-s.bottom-8,120)+"px"}updateContext(){u(this.el,{closeMenu:()=>this.closeMenu()})}async open(){this.openMenu()}async close(){this.closeMenu()}async toggle(){this.isOpen?this.closeMenu():this.openMenu()}openMenu(s="first"){this.dsDisabled\|\|this.isOpen\|\|(this.isOpen=!0,this.dsOpen.emit(),this.updateContext(),requestAnimationFrame((()=>{"last"===s?this.focusLastItem():this.focusFirstItem()})))}closeMenu(s=!0){this.isOpen&&(this.isOpen=!1,this.dsClose.emit(),s&&this.el.querySelector(a("ds-button","ds-action-menu",this.el))?.setFocus?.())}focusFirstItem(){const s=a("ds-action-list-item","ds-action-menu",this.el),t=Array.from(this.el.querySelectorAll(s));t.find((s=>!s.dsDisabled))?.setFocus?.()}focusLastItem(){const s=a("ds-action-list-item","ds-action-menu",this.el);Array.from(this.el.querySelectorAll(s)).findLast((s=>!s.dsDisabled))?.setFocus?.()}handleClickOutside(s){this.isOpen&&(d(s,this.el)\|\|this.closeMenu(!1))}handleKeyDown(s){if(this.isOpen)switch(s.key){case"Escape":s.preventDefault(),this.closeMenu();break;case"Tab":this.closeMenu(!1)}else{if(!this.triggerWrapperRef\|\|!d(s,this.triggerWrapperRef))return;"ArrowDown"===s.key?(s.preventDefault(),this.openMenu("first")):"ArrowUp"===s.key&&(s.preventDefault(),this.openMenu("last"))}}handleTriggerClick=()=>{this.isOpen?this.closeMenu():this.openMenu()};renderTrigger(s){const t=a("ds-button","ds-action-menu",this.el),n=a("ds-icon","ds-action-menu",this.el),i=s+"__trigger";return this.dsIconOnly?e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsIcon:this.dsIcon\|\|"more_vert",dsAriaLabel:this.dsAriaLabel,dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick}):e(t,{class:i,dsId:this.dsId,dsVariant:this.dsButtonVariant,dsColour:this.dsButtonColour,dsSize:this.dsButtonSize,dsText:this.dsButtonText,dsIcon:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down",dsIconPosition:"end",dsActive:this.isOpen,dsDisabled:this.dsDisabled,dsAriaHaspopup:"menu",dsAriaExpanded:this.isOpen,dsAriaControls:this.menuId,onClick:this.handleTriggerClick},this.dsIcon&&e(n,{slot:"prefix",dsName:this.dsIcon,dsAriaHidden:!0}))}render(){const s=r("ds-action-menu"),t={width:this.dsMenuWidth??"auto",maxHeight:this.dsMenuMaxHeight??"none"},n=o(s+"__menu",`${s}__menu--align-${this.dsAlign}`,`${s}__menu--placement-${this.dsPlacement}`);return e("div",{key:"22df98ccfe575071ea132197a57f1d37fcce58d1",class:s},e("div",{key:"200e6c81d8ccf1dc1cb36a2c279551b439016e6c",ref:s=>this.triggerWrapperRef=s,class:s+"__trigger-wrapper"},this.renderTrigger(s)),e("div",{key:"d9443def9271be5689c7e8e6f53037fe868ade7f",ref:s=>this.menuRef=s,id:this.menuId,role:"menu","aria-labelledby":this.dsId,class:n,style:t,hidden:!this.isOpen},e("slot",{key:"d80220edb4c461f863c35daa52aa94f6486d40b8"})))}static get style(){return".ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__cpPWV0.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__cpPWV0__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__cpPWV0__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__cpPWV0__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__cpPWV0__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__cpPWV0__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__cpPWV0__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__cpPWV0__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__cpPWV0__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__cpPWV0__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__cpPWV0__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}"}},[774,"ds-action-menu",{dsId:[1,"ds-id"],dsButtonText:[1,"ds-button-text"],dsButtonVariant:[1,"ds-button-variant"],dsButtonColour:[1,"ds-button-colour"],dsButtonSize:[1,"ds-button-size"],dsIconOnly:[4,"ds-icon-only"],dsIcon:[1,"ds-icon"],dsAlign:[1,"ds-align"],dsPlacement:[1,"ds-placement"],dsMenuWidth:[1,"ds-menu-width"],dsMenuMaxHeight:[1,"ds-menu-max-height"],dsAriaLabel:[1,"ds-aria-label"],dsDisabled:[4,"ds-disabled"],isOpen:[32],open:[64],close:[64],toggle:[64]},[[4,"click","handleClickOutside"],[0,"keydown","handleKeyDown"]]]);c([e("ds-button",null),e("ds-icon",{dsName:""})]);const g=f,y=function(){"undefined"!=typeof customElements&&["ds-action-menu","ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-action-menu":customElements.get(i(s))\|\|customElements.define(i(s),f);break;case"ds-button":customElements.get(i(s))\|\|h();break;case"ds-icon":customElements.get(i(s))\|\|_();break;case"ds-spinner":customElements.get(i(s))\|\|p();break;case"ds-visually-hidden":customElements.get(i(s))\|\|b()}}))};export{g as DsActionMenu,y as defineCustomElement}

package/dist/components/ds-assistive-text.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~CUko5RaT~~.js";const a=o,p=s;export{a as DsBackdrop,p as defineCustomElement}
1	+ import{D as o,d as s}from"./p-Dii1PmbG.js";const i=o,m=s;export{i as DsBackdrop,m as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as s,M as d,h as e,t as a}from"./p-~~x-HJUYLL~~.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-~~CTcsKZyv~~.js";import{t as r,d as c}from"./p-ChKb-Fx7.js";import{c as i}from"./p-~~BM0xAKIg~~.js";import{d as n}from"./p-~~CsW-W9Vv~~.js";const l=s(class extends(d(i("ds-badge"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsId=this.getUniqueId();dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return r("ds-visually-hidden","ds-badge",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=o("ds-badge");return e("div",{key:"3ec5758a361a0846428fe91a878e1d2b97798065",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"a2bebf576258c9b8ce1800bf00880e476654f2f9",class:s+"__content"},e("span",{key:"ceefcdd2ebdcb3bce08639f745169a393ac522d5",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"22c6a74a84b4be7bf4cb16fd9983a7325dc8397a"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"3018012c3bae649649d63d5e2fa18faf01ca0a9c",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-~~badge__m9sbXh~~.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-~~badge__m9sbXh~~--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-~~badge__m9sbXh~~--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-~~badge__m9sbXh~~--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-~~badge__m9sbXh~~--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-~~badge__m9sbXh~~--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-~~badge__m9sbXh~~--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-~~badge__m9sbXh~~--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-~~badge__m9sbXh~~--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-~~badge__m9sbXh__content~~.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-~~badge__m9sbXh__content__text~~.sc-ds-badge{white-space:nowrap}"}},[774,"ds-badge",{dsId:[1,"ds-id"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsAriaLabel:[1,"ds-aria-label"]}]);c([e("ds-visually-hidden",null)]);const b=l,g=function(){"undefined"!=typeof customElements&&["ds-badge","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-badge":customElements.get(a(s))\|\|customElements.define(a(s),l);break;case"ds-visually-hidden":customElements.get(a(s))\|\|n()}}))};export{b as DsBadge,g as defineCustomElement}
1	+ import{p as s,M as d,h as e,t as a}from"./p-CcmqGmdl.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-uMjjtLqZ.js";import{t as c,d as r}from"./p-ChKb-Fx7.js";import{c as i}from"./p-B0staoGW.js";import{d as n}from"./p-IfuavV1d.js";const l=s(class extends(d(i("ds-badge"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsId=this.getUniqueId();dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return c("ds-visually-hidden","ds-badge",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=o("ds-badge");return e("div",{key:"3ec5758a361a0846428fe91a878e1d2b97798065",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"a2bebf576258c9b8ce1800bf00880e476654f2f9",class:s+"__content"},e("span",{key:"ceefcdd2ebdcb3bce08639f745169a393ac522d5",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"22c6a74a84b4be7bf4cb16fd9983a7325dc8397a"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"3018012c3bae649649d63d5e2fa18faf01ca0a9c",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-badge__cpPWV0.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__cpPWV0--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__cpPWV0--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__cpPWV0--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__cpPWV0--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__cpPWV0--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__cpPWV0--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__cpPWV0--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__cpPWV0--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__cpPWV0__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__cpPWV0__content__text.sc-ds-badge{white-space:nowrap}"}},[774,"ds-badge",{dsId:[1,"ds-id"],dsText:[1,"ds-text"],dsVariant:[1,"ds-variant"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsAriaLabel:[1,"ds-aria-label"]}]);r([e("ds-visually-hidden",null)]);const b=l,g=function(){"undefined"!=typeof customElements&&["ds-badge","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-badge":customElements.get(a(s))\|\|customElements.define(a(s),l);break;case"ds-visually-hidden":customElements.get(a(s))\|\|n()}}))};export{b as DsBadge,g as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as s,M as e,c as r,h as d,d as a,t}from"./p-~~x-HJUYLL~~.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as c}from"./p-ChKb-Fx7.js";import{l as o}from"./p-DMddtiKs.js";import{c as l}from"./p-~~BM0xAKIg~~.js";import{c as m}from"./p-~~CTcsKZyv~~.js";import{d as b}from"./p-~~DEpGZaaB~~.js";import{d as u}from"./p-~~D-JwhXmZ~~.js";import{d as p}from"./p-~~Ca8pZ7Up~~.js";import{d as h}from"./p-~~CsW-W9Vv~~.js";const f=s(class extends(e(l("ds-breadcrumb"),o)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=r(this,"dsClick",7),this.dsIsHiddenChange=r(this,"dsIsHiddenChange",7)}get el(){return this}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return n("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return n("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return d("slot",null,d("span",{class:s+"__current-page","aria-current":"page"},this.dsText))}renderLinkCrumb(s){return d("slot",null,d(this.DsLink,{class:s+"__link",dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=m("ds-breadcrumb"),e=s+"__content";return d(a,{key:"435213281dcf42a5a8c2241ac51433628fff4a2c",role:"listitem"},d("div",{key:"619e26ebf7b0aadbdaefb4960d0ad93a3434b635",class:i(s,{[s+"--hidden"]:this.dsIsHidden})},d("div",{key:"e717c084111491d89572ee09312281f034460214",class:e},this.dsHasSeparator?d(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:[{dsIsHiddenObserver:0}]}}static get style(){return'.sc-ds-breadcrumb-h{display:contents}.ds-~~breadcrumb__m9sbXh~~.sc-ds-breadcrumb{display:contents}.ds-~~breadcrumb__m9sbXh~~--hidden.sc-ds-breadcrumb{display:none}.ds-~~breadcrumb__m9sbXh__content~~.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-~~breadcrumb__m9sbXh__content__link~~.sc-ds-breadcrumb::part(link),.ds-~~breadcrumb__m9sbXh__content__link~~.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-~~breadcrumb__m9sbXh__content__current~~-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}'}},[774,"ds-breadcrumb",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIsCurrentPage:[4,"ds-is-current-page"],dsHasSeparator:[4,"ds-has-separator"],dsSeparatorIcon:[1,"ds-separator-icon"],dsIsHidden:[4,"ds-is-hidden"],setFocus:[64]},[[0,"click","handleClick"]],{dsIsHidden:[{dsIsHiddenObserver:0}]}]);c([d("ds-link",{dsText:""}),d("ds-breadcrumbs-separator",null)]);const _=f,g=function(){"undefined"!=typeof customElements&&["ds-breadcrumb","ds-breadcrumbs-separator","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-breadcrumb":customElements.get(t(s))\|\|customElements.define(t(s),f);break;case"ds-breadcrumbs-separator":customElements.get(t(s))\|\|b();break;case"ds-icon":customElements.get(t(s))\|\|u();break;case"ds-link":customElements.get(t(s))\|\|p();break;case"ds-visually-hidden":customElements.get(t(s))\|\|h()}}))};export{_ as DsBreadcrumb,g as defineCustomElement}
1	+ import{p as s,M as e,c as r,h as d,d as a,t}from"./p-CcmqGmdl.js";import{c as n}from"./p-BfTCfPZ1.js";import{t as i,d as c}from"./p-ChKb-Fx7.js";import{l as o}from"./p-DMddtiKs.js";import{c as l}from"./p-B0staoGW.js";import{c as m}from"./p-uMjjtLqZ.js";import{d as b}from"./p-nrjXUVDF.js";import{d as u}from"./p-nzR0rIwQ.js";import{d as p}from"./p-BgoPPNm6.js";import{d as h}from"./p-IfuavV1d.js";const f=s(class extends(e(l("ds-breadcrumb"),o)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=r(this,"dsClick",7),this.dsIsHiddenChange=r(this,"dsIsHiddenChange",7)}get el(){return this}dsIsHiddenChange;dsText="";dsIsCurrentPage=!1;dsHasSeparator=!0;dsSeparatorIcon;dsIsHidden=!1;isHiddenChanged=!1;get DsLink(){return i("ds-link","ds-breadcrumb",this.el)}get DsBreadcrumbsSeparator(){return i("ds-breadcrumbs-separator","ds-breadcrumb",this.el)}async setFocus(){await(this.el.querySelector(this.DsLink)?.setFocus())}dsIsHiddenObserver(){this.isHiddenChanged=!0}componentDidUpdate(){this.isHiddenChanged&&this.dsIsHiddenChange.emit(this.dsIsHidden),this.isHiddenChanged=!1}renderCurrentPageCrumb(s){return d("slot",null,d("span",{class:s+"__current-page","aria-current":"page"},this.dsText))}renderLinkCrumb(s){return d("slot",null,d(this.DsLink,{class:s+"__link",dsVariant:"inline",dsColour:"black",dsWeight:"semibold",dsText:this.dsText,...this.linkProps}))}render(){const s=m("ds-breadcrumb"),e=s+"__content";return d(a,{key:"435213281dcf42a5a8c2241ac51433628fff4a2c",role:"listitem"},d("div",{key:"619e26ebf7b0aadbdaefb4960d0ad93a3434b635",class:n(s,{[s+"--hidden"]:this.dsIsHidden})},d("div",{key:"e717c084111491d89572ee09312281f034460214",class:e},this.dsHasSeparator?d(this.DsBreadcrumbsSeparator,{dsIcon:this.dsSeparatorIcon}):null,this.dsIsCurrentPage?this.renderCurrentPageCrumb(e):this.renderLinkCrumb(e))))}static get watchers(){return{dsIsHidden:[{dsIsHiddenObserver:0}]}}static get style(){return'.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__cpPWV0.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__cpPWV0--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__cpPWV0__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__cpPWV0__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__cpPWV0__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__cpPWV0__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}'}},[774,"ds-breadcrumb",{dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsIsCurrentPage:[4,"ds-is-current-page"],dsHasSeparator:[4,"ds-has-separator"],dsSeparatorIcon:[1,"ds-separator-icon"],dsIsHidden:[4,"ds-is-hidden"],setFocus:[64]},[[0,"click","handleClick"]],{dsIsHidden:[{dsIsHiddenObserver:0}]}]);c([d("ds-link",{dsText:""}),d("ds-breadcrumbs-separator",null)]);const _=f,g=function(){"undefined"!=typeof customElements&&["ds-breadcrumb","ds-breadcrumbs-separator","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-breadcrumb":customElements.get(t(s))\|\|customElements.define(t(s),f);break;case"ds-breadcrumbs-separator":customElements.get(t(s))\|\|b();break;case"ds-icon":customElements.get(t(s))\|\|u();break;case"ds-link":customElements.get(t(s))\|\|p();break;case"ds-visually-hidden":customElements.get(t(s))\|\|h()}}))};export{_ as DsBreadcrumb,g as defineCustomElement}

package/dist/components/ds-breadcrumbs-collapsible.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,M as e,c as a,h as t,F as d,t as r}from"./p-~~x-HJUYLL~~.js";import{t as n,d as c}from"./p-ChKb-Fx7.js";import{c as o}from"./p-~~BM0xAKIg~~.js";import{d as i}from"./p-~~BMFYw3yX~~.js";import{d as l}from"./p-~~DEpGZaaB~~.js";const b=s(class extends(e(o("ds-breadcrumbs-collapsible"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsExpandButtonClick=a(this,"dsExpandButtonClick",7)}get el(){return this}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}handleDsIsHiddenChange(s){s.detail\|\|s.target!==this.collapsibleTarget\|\|requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}handleDsClick(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return t(d,{key:"c6550453dc2f679ad9a7902e7503309e87693ac9"},t(this.DsBreadcrumbsExpandButton,{key:"eb6bf9f451492d1d52e6d0fd0aaf07b4f0aa39fa",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),t("slot",{key:"9aebf3b18996530ca640b3006213ad42e59dca69",onSlotchange:this.handleDefaultSlotChange}))}static get style(){return":host{display:contents}"}},[769,"ds-breadcrumbs-collapsible",{dsIsExpandButtonHidden:[4,"ds-is-expand-button-hidden"],dsSeparatorIcon:[1,"ds-separator-icon"],collapsibleTarget:[32]},[[0,"dsIsHiddenChange","handleDsIsHiddenChange"],[0,"dsClick","handleDsClick"]]]);c([t("ds-breadcrumbs-expand-button",null)]);const u=b,p=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs-collapsible","ds-breadcrumbs-expand-button","ds-breadcrumbs-separator"].forEach((s=>{switch(s){case"ds-breadcrumbs-collapsible":customElements.get(r(s))\|\|customElements.define(r(s),b);break;case"ds-breadcrumbs-expand-button":customElements.get(r(s))\|\|i();break;case"ds-breadcrumbs-separator":customElements.get(r(s))\|\|l()}}))};export{u as DsBreadcrumbsCollapsible,p as defineCustomElement}
1	+ import{p as s,M as e,c as t,h as a,F as d,t as r}from"./p-CcmqGmdl.js";import{t as n,d as c}from"./p-ChKb-Fx7.js";import{c as o}from"./p-B0staoGW.js";import{d as l}from"./p-FtU3xWZ2.js";import{d as i}from"./p-nrjXUVDF.js";const b=s(class extends(e(o("ds-breadcrumbs-collapsible"))){constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.dsExpandButtonClick=t(this,"dsExpandButtonClick",7)}get el(){return this}dsExpandButtonClick;dsIsExpandButtonHidden=!1;dsSeparatorIcon;collapsibleTarget=null;get DsBreadcrumb(){return n("ds-breadcrumb","ds-breadcrumbs-collapsible",this.el)}get DsBreadcrumbsExpandButton(){return n("ds-breadcrumbs-expand-button","ds-breadcrumbs-collapsible",this.el)}handleDsIsHiddenChange(s){s.detail\|\|s.target!==this.collapsibleTarget\|\|requestAnimationFrame((()=>{this.collapsibleTarget?.setFocus()}))}handleDsClick(){this.dsExpandButtonClick.emit()}handleDefaultSlotChange=()=>{this.collapsibleTarget=this.el.querySelector(this.DsBreadcrumb)};render(){return a(d,{key:"c6550453dc2f679ad9a7902e7503309e87693ac9"},a(this.DsBreadcrumbsExpandButton,{key:"eb6bf9f451492d1d52e6d0fd0aaf07b4f0aa39fa",dsIsHidden:this.dsIsExpandButtonHidden,dsSeparatorIcon:this.dsSeparatorIcon}),a("slot",{key:"9aebf3b18996530ca640b3006213ad42e59dca69",onSlotchange:this.handleDefaultSlotChange}))}static get style(){return":host{display:contents}"}},[769,"ds-breadcrumbs-collapsible",{dsIsExpandButtonHidden:[4,"ds-is-expand-button-hidden"],dsSeparatorIcon:[1,"ds-separator-icon"],collapsibleTarget:[32]},[[0,"dsIsHiddenChange","handleDsIsHiddenChange"],[0,"dsClick","handleDsClick"]]]);c([a("ds-breadcrumbs-expand-button",null)]);const u=b,m=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs-collapsible","ds-breadcrumbs-expand-button","ds-breadcrumbs-separator"].forEach((s=>{switch(s){case"ds-breadcrumbs-collapsible":customElements.get(r(s))\|\|customElements.define(r(s),b);break;case"ds-breadcrumbs-expand-button":customElements.get(r(s))\|\|l();break;case"ds-breadcrumbs-separator":customElements.get(r(s))\|\|i()}}))};export{u as DsBreadcrumbsCollapsible,m as defineCustomElement}

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

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

package/dist/components/ds-breadcrumbs-separator.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{D as a,d as o}from"./p-~~DEpGZaaB~~.js";const p=a,s=o;export{p as DsBreadcrumbsSeparator,s as defineCustomElement}
1	+ import{D as o,d as r}from"./p-nrjXUVDF.js";const s=o,p=r;export{s as DsBreadcrumbsSeparator,p as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as e,M as s,c as i,h as t,t as r}from"./p-~~x-HJUYLL~~.js";import{c as a}from"./p-~~CTcsKZyv~~.js";import{g as d}from"./p-~~t1Rt33N8~~.js";import{i as c}from"./p-BW1GUsO7.js";import{c as m}from"./p-~~BM0xAKIg~~.js";const n=e(class extends(s(m("ds-breadcrumbs",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=c("medium");get el(){return this}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(d()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize=e=>{this.size=e.matches?"medium":"small"};connectedCallback(){this.isGreaterThanEqualMediumMediaQuery.addEventListener("change",this.setSize)}disconnectedCallback(){this.isGreaterThanEqualMediumMediaQuery.removeEventListener("change",this.setSize)}componentWillLoad(){this.size=this.isGreaterThanEqualMediumMediaQuery.matches?"medium":"small"}componentDidLoad(){this.componentMounted()}render(){const e=a("ds-breadcrumbs");return t("nav",{key:"e32aef7356741b82d0e7c6aee97461a9337dcba3",class:e,"aria-label":this.dsAriaLabel\|\|this.breadcrumb},t("div",{key:"6cc12974c7488895f8ad34c15cdcc9283380716d",role:"list",class:e+"__breadcrumbs"},t("slot",{key:"06819bff6f1fe52d8d82d7b388450ea894f1140c"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-~~breadcrumbs__m9sbXh~~{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-~~breadcrumbs__m9sbXh~~{min-height:32px}}.ds-~~breadcrumbs__m9sbXh__breadcrumbs~~{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-~~breadcrumbs__m9sbXh__breadcrumbs~~{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}"}},[769,"ds-breadcrumbs",{dsAriaLabel:[1,"ds-aria-label"],size:[32]},void 0,{size:[{sizeObserver:0}]}]),l=n,b=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),n))}))};export{l as DsBreadcrumbs,b as defineCustomElement}
1	+ import{p as e,M as s,c as i,h as t,t as r}from"./p-CcmqGmdl.js";import{c as a}from"./p-uMjjtLqZ.js";import{g as d}from"./p-Bryw62FZ.js";import{i as c}from"./p-BW1GUsO7.js";import{c as m}from"./p-B0staoGW.js";const n=e(class extends(s(m("ds-breadcrumbs",{stopRootTracking:!0}))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsSizeChange=i(this,"dsSizeChange",7)}isGreaterThanEqualMediumMediaQuery=c("medium");get el(){return this}dsSizeChange;dsAriaLabel;size="medium";get breadcrumb(){switch(d()){case"fi":return"Murupolku";case"sv":return"Brödsmulestig";default:return"Breadcrumb"}}sizeObserver(e){this.dsSizeChange.emit(e)}setSize=e=>{this.size=e.matches?"medium":"small"};connectedCallback(){this.isGreaterThanEqualMediumMediaQuery.addEventListener("change",this.setSize)}disconnectedCallback(){this.isGreaterThanEqualMediumMediaQuery.removeEventListener("change",this.setSize)}componentWillLoad(){this.size=this.isGreaterThanEqualMediumMediaQuery.matches?"medium":"small"}componentDidLoad(){this.componentMounted()}render(){const e=a("ds-breadcrumbs");return t("nav",{key:"e32aef7356741b82d0e7c6aee97461a9337dcba3",class:e,"aria-label":this.dsAriaLabel\|\|this.breadcrumb},t("div",{key:"6cc12974c7488895f8ad34c15cdcc9283380716d",role:"list",class:e+"__breadcrumbs"},t("slot",{key:"06819bff6f1fe52d8d82d7b388450ea894f1140c"})))}static get watchers(){return{size:[{sizeObserver:0}]}}static get style(){return".ds-breadcrumbs__cpPWV0{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__cpPWV0{min-height:32px}}.ds-breadcrumbs__cpPWV0__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__cpPWV0__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}"}},[769,"ds-breadcrumbs",{dsAriaLabel:[1,"ds-aria-label"],size:[32]},void 0,{size:[{sizeObserver:0}]}]),l=n,o=function(){"undefined"!=typeof customElements&&["ds-breadcrumbs"].forEach((e=>{"ds-breadcrumbs"===e&&(customElements.get(r(e))\|\|customElements.define(r(e),n))}))};export{l as DsBreadcrumbs,o as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{D as o,d as s}from"./p-~~GXMba8x_~~.js";const a=o,p=s;export{a as DsButton,p as defineCustomElement}
1	+ import{D as o,d as s}from"./p-T8sk4OTo.js";const p=o,r=s;export{p as DsButton,r as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as s,M as d,h as t,t as e}from"./p-x-HJUYLL.js";import{c as a}from"./p-BfTCfPZ1.js";import{t as i,d as r}from"./p-ChKb-Fx7.js";import{o as n,v as o}from"./p-DFYfQnGd.js";import{c}from"./p-CTcsKZyv.js";import{a as l,i as h}from"./p-BecId8t2.js";import{c as m}from"./p-BM0xAKIg.js";import{d as _}from"./p-D-JwhXmZ.js";import{d as f}from"./p-CsW-W9Vv.js";const g=s(class extends(d(m("ds-card",{stopRootTracking:!0}))){constructor(s){super(),!1!==s&&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;hasImageSlot=!1;hasSubtitleSlot=!1;hasSlotContent=!0;isCardFocused=!1;componentWillLoad(){n(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={...h(this.el,["aria-labelledby"]),...l(this,this.el)}}connectedCallback(){const s=null===this.el.querySelector('[slot="content"]'),d=null===this.el.querySelector('[slot="footer"]');s&&d&&(this.hasSlotContent=!1)}componentDidLoad(){this.componentMounted(),this.checkImageSlot()}isSlottedElement(s){let d=s;for(;d&&d!==this.el;){if(d.hasAttribute("slot"))return!0;d=d.parentElement}return!1}handleFocusIn(s){this.isSlottedElement(s.target)\|\|(this.isCardFocused=!0)}handleFocusOut(s){const d=s.relatedTarget;d&&this.el.contains(d)&&!this.isSlottedElement(d)\|\|(this.isCardFocused=!1)}handleClick(){}handleKeydown(s){}checkImageSlot(){const s=this.el.querySelectorAll('[slot="image"]');this.hasImageSlot=s.length>0}checkSubtitleSlot(){const s=this.el.querySelectorAll('[slot="subtitle"]');this.hasSubtitleSlot=s.length>0}render(){const s=c("ds-card"),d=a(s,`${s}--${this.dsVariant}`,{[s+"--link--full"]:"full"===this.dsLinkType,[s+"--fluid-height"]:this.dsFluidHeight,[s+"--focused"]:this.isCardFocused},this.dsHorizontal?s+"--horizontal":s+"--vertical",`${s}--link__${this.dsLinkType}`),e=a(s+"__link",{[`${s}__link--${this.dsLinkType}`]:!0}),r="h"+this.dsHeadingLevel,l=this.cardId+"-heading",h=i("ds-icon","ds-card",this.el),m=i("ds-visually-hidden","ds-card",this.el);return t("article",{key:"41808a70da575e82d6d2cf5e621bac6e40bfabec",class:d,style:{"--description-line-clamp":this.dsDescriptionClamp?""+this.dsDescriptionClamp:"none"},"aria-labelledby":l,...this.inheritedAttributes},t("div",{key:"35b37eb71503a2f60b5cb4f833bdb9a2e2c85ade",class:s+"__content"},t("div",{key:"f7e01ade3faf680d832be025e099e427cec32618",class:{[s+"__content--top"]:!0,[s+"__content--top--has-link"]:!!this.dsUrl}},t("div",{key:"f94f79d954063e786aca429d1bb761279d40f77c",class:s+"__heading-container"},this.dsUrl&&"none"!==this.dsLinkType?t(r,{class:s+"__heading",id:l},t("a",{href:this.dsUrl,target:this.dsUrlTarget,class:e},t("slot",{name:"heading"},this.dsHeading),n(this.dsUrlTarget)&&t(m,{dsTag:"span"},o()))):t(r,{class:s+"__heading"},t("slot",{name:"heading"},this.dsHeading)),this.dsTag&&this.hasImageSlot&&t("span",{key:"03ef028e21b997ed1b756a26295085323b8152d8",class:s+"__tag"},this.dsTag),this.dsEyebrow&&t("div",{key:"870aa4582ec543207beed525c64223d5c50c1097",class:s+"__eyebrow"},this.dsEyebrow),this.dsSubtitle&&t("div",{key:"e428ded7a56924682d7867a738e15779cf1a20d0",class:s+"__subtitle"},this.dsSubtitle),t("div",{key:"33b11717c4d26687f8b6178a28f706666233f6bf",class:a(s+"__slot-subtitle",{[s+"__slot-subtitle--hidden"]:!this.hasSubtitleSlot})},t("slot",{key:"4997e6d29fe4c4e3d4f9220757203114fdff6d31",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&"heading"!==this.dsLinkType&&t(h,{key:"673726a3f75490df90c6410428c809ac24462c40",dsSize:"2rem",class:s+"__icon",dsName:this.linkIcon})),this.dsDescription&&t("p",{key:"8b908426f69a535ffa113853b4fdfece2d4c7be5",class:s+"__description",style:{"--ds-card-description-max-width":this.dsDescriptionMaxWidth}},this.dsDescription)),t("div",{key:"a6e7ebfd7575619c583517b18071de70a929388e",class:a(s+"__content--bottom",{[s+"__content--bottom--has-slot-content"]:this.hasSlotContent})},t("div",{key:"1a6af379a126ad7564afcd2360d0c5cf62853e84",class:s+"__slot--content"},t("slot",{key:"354017007608d822f6511992f122e78b985d3423",name:"content"})),t("div",{key:"10682ef015f1210658ae2aa9b0715bac5489afe4",class:s+"__slot--footer"},t("slot",{key:"27e46551edb8cdf9d0bcc457f0edf4f6d30d3845",name:"footer"}))),t("div",{key:"ba818d77d4caa8f8d0eb18ee396d265df9034ace",class:{[s+"__image-container"]:!0,[s+"__image-container--has-image"]:this.hasImageSlot}},t("slot",{key:"bd8f1d052e1ac6c23aa1069fcfff4a4ff4cc2d7e",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__m9sbXh.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__m9sbXh--fluid-height.sc-ds-card{height:100%}.ds-card__m9sbXh.ds-card__m9sbXh--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__m9sbXh.ds-card__m9sbXh--link--full.sc-ds-card:hover .ds-card__m9sbXh__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__m9sbXh.ds-card__m9sbXh--link--full.sc-ds-card:hover .ds-card__m9sbXh__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__m9sbXh.ds-card__m9sbXh--link--full.sc-ds-card:hover .ds-card__m9sbXh__link--heading.sc-ds-card{text-decoration:none}.ds-card__m9sbXh.ds-card__m9sbXh--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__m9sbXh.ds-card__m9sbXh--link--full.sc-ds-card:active .ds-card__m9sbXh__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__m9sbXh.ds-card__m9sbXh--link--full.sc-ds-card:active .ds-card__m9sbXh__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__m9sbXh.ds-card__m9sbXh--link--full.sc-ds-card:active .ds-card__m9sbXh__link--heading.sc-ds-card{text-decoration:none}.ds-card__m9sbXh.ds-card__m9sbXh--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__m9sbXh.sc-ds-card .ds-card__m9sbXh__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__m9sbXh--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__m9sbXh--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__m9sbXh--horizontal.sc-ds-card .ds-card__m9sbXh__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__m9sbXh--horizontal.sc-ds-card .ds-card__m9sbXh__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__m9sbXh--horizontal.sc-ds-card .ds-card__m9sbXh__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__m9sbXh--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__m9sbXh__image-container.sc-ds-card{display:none}.ds-card__m9sbXh__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__m9sbXh.sc-ds-card:not(.ds-card__m9sbXh--vertical) .ds-card__m9sbXh__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__m9sbXh.sc-ds-card:not(.ds-card__m9sbXh--horizontal) .ds-card__m9sbXh__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__m9sbXh--link--full.sc-ds-card .ds-card__m9sbXh__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__m9sbXh__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__m9sbXh__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__m9sbXh__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__m9sbXh__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__m9sbXh__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__m9sbXh__content--bottom.sc-ds-card{order:4}.ds-card__m9sbXh__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__m9sbXh__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__m9sbXh__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__m9sbXh__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__m9sbXh__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__m9sbXh__heading.sc-ds-card{align-items:center;display:flex;margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__m9sbXh__heading.sc-ds-card .ds-card__m9sbXh__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__m9sbXh__heading.sc-ds-card .ds-card__m9sbXh__link.sc-ds-card:not(.ds-card__m9sbXh__link--full):hover,.ds-card__m9sbXh__heading.sc-ds-card .ds-card__m9sbXh__link.sc-ds-card:not(.ds-card__m9sbXh__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__m9sbXh__heading.sc-ds-card .ds-card__m9sbXh__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__m9sbXh__heading.sc-ds-card .ds-card__m9sbXh__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__m9sbXh__subtitle.sc-ds-card,.ds-card__m9sbXh__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__m9sbXh__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__m9sbXh__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__m9sbXh__slot-subtitle--hidden.sc-ds-card{display:none}'}},[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"],hasImageSlot:[32],hasSubtitleSlot:[32],hasSlotContent:[32],isCardFocused:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"],[2,"click","handleClick"],[2,"keydown","handleKeydown"]]]);r([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]);const b=g,p=function(){"undefined"!=typeof customElements&&["ds-card","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-card":customElements.get(e(s))\|\|customElements.define(e(s),g);break;case"ds-icon":customElements.get(e(s))\|\|_();break;case"ds-visually-hidden":customElements.get(e(s))\|\|f()}}))};export{b as DsCard,p as defineCustomElement}
1	+ import{p as d,M as t,h as s,t as e}from"./p-CcmqGmdl.js";import{c as a}from"./p-BfTCfPZ1.js";import{t as i,d as r}from"./p-ChKb-Fx7.js";import{o as n,v as o}from"./p-DUJhrckp.js";import{c}from"./p-uMjjtLqZ.js";import{a as l,i as h}from"./p-BecId8t2.js";import{c as _}from"./p-B0staoGW.js";import{d as f}from"./p-nzR0rIwQ.js";import{d as p}from"./p-IfuavV1d.js";const g=d(class extends(t(_("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;hasImageSlot=!1;hasSubtitleSlot=!1;hasSlotContent=!0;isCardFocused=!1;componentWillLoad(){n(this.dsUrlTarget)&&(this.linkIcon="arrow_outward"),this.inheritedAttributes={...h(this.el,["aria-labelledby"]),...l(this,this.el)}}connectedCallback(){const d=null===this.el.querySelector('[slot="content"]'),t=null===this.el.querySelector('[slot="footer"]');d&&t&&(this.hasSlotContent=!1)}componentDidLoad(){this.componentMounted(),this.checkImageSlot()}isSlottedElement(d){let t=d;for(;t&&t!==this.el;){if(t.hasAttribute("slot"))return!0;t=t.parentElement}return!1}handleFocusIn(d){this.isSlottedElement(d.target)\|\|(this.isCardFocused=!0)}handleFocusOut(d){const t=d.relatedTarget;t&&this.el.contains(t)&&!this.isSlottedElement(t)\|\|(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=c("ds-card"),t=a(d,`${d}--${this.dsVariant}`,{[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}`),e=a(d+"__link",{[`${d}__link--${this.dsLinkType}`]:!0}),r="h"+this.dsHeadingLevel,l=this.cardId+"-heading",h=i("ds-icon","ds-card",this.el),_=i("ds-visually-hidden","ds-card",this.el);return s("article",{key:"41808a70da575e82d6d2cf5e621bac6e40bfabec",class:t,style:{"--description-line-clamp":this.dsDescriptionClamp?""+this.dsDescriptionClamp:"none"},"aria-labelledby":l,...this.inheritedAttributes},s("div",{key:"35b37eb71503a2f60b5cb4f833bdb9a2e2c85ade",class:d+"__content"},s("div",{key:"f7e01ade3faf680d832be025e099e427cec32618",class:{[d+"__content--top"]:!0,[d+"__content--top--has-link"]:!!this.dsUrl}},s("div",{key:"f94f79d954063e786aca429d1bb761279d40f77c",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:e},s("slot",{name:"heading"},this.dsHeading),n(this.dsUrlTarget)&&s(_,{dsTag:"span"},o()))):s(r,{class:d+"__heading"},s("slot",{name:"heading"},this.dsHeading)),this.dsTag&&this.hasImageSlot&&s("span",{key:"03ef028e21b997ed1b756a26295085323b8152d8",class:d+"__tag"},this.dsTag),this.dsEyebrow&&s("div",{key:"870aa4582ec543207beed525c64223d5c50c1097",class:d+"__eyebrow"},this.dsEyebrow),this.dsSubtitle&&s("div",{key:"e428ded7a56924682d7867a738e15779cf1a20d0",class:d+"__subtitle"},this.dsSubtitle),s("div",{key:"33b11717c4d26687f8b6178a28f706666233f6bf",class:a(d+"__slot-subtitle",{[d+"__slot-subtitle--hidden"]:!this.hasSubtitleSlot})},s("slot",{key:"4997e6d29fe4c4e3d4f9220757203114fdff6d31",name:"subtitle",onSlotchange:()=>this.checkSubtitleSlot()}))),this.dsUrl&&this.dsShowArrow&&"heading"!==this.dsLinkType&&s(h,{key:"673726a3f75490df90c6410428c809ac24462c40",dsSize:"2rem",class:d+"__icon",dsName:this.linkIcon})),this.dsDescription&&s("p",{key:"8b908426f69a535ffa113853b4fdfece2d4c7be5",class:d+"__description",style:{"--ds-card-description-max-width":this.dsDescriptionMaxWidth}},this.dsDescription)),s("div",{key:"a6e7ebfd7575619c583517b18071de70a929388e",class:a(d+"__content--bottom",{[d+"__content--bottom--has-slot-content"]:this.hasSlotContent})},s("div",{key:"1a6af379a126ad7564afcd2360d0c5cf62853e84",class:d+"__slot--content"},s("slot",{key:"354017007608d822f6511992f122e78b985d3423",name:"content"})),s("div",{key:"10682ef015f1210658ae2aa9b0715bac5489afe4",class:d+"__slot--footer"},s("slot",{key:"27e46551edb8cdf9d0bcc457f0edf4f6d30d3845",name:"footer"}))),s("div",{key:"ba818d77d4caa8f8d0eb18ee396d265df9034ace",class:{[d+"__image-container"]:!0,[d+"__image-container--has-image"]:this.hasImageSlot}},s("slot",{key:"bd8f1d052e1ac6c23aa1069fcfff4a4ff4cc2d7e",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__cpPWV0.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__cpPWV0--fluid-height.sc-ds-card{height:100%}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:hover .ds-card__cpPWV0__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:hover .ds-card__cpPWV0__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:hover .ds-card__cpPWV0__link--heading.sc-ds-card{text-decoration:none}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:active .ds-card__cpPWV0__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:active .ds-card__cpPWV0__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__cpPWV0.ds-card__cpPWV0--link--full.sc-ds-card:active .ds-card__cpPWV0__link--heading.sc-ds-card{text-decoration:none}.ds-card__cpPWV0.ds-card__cpPWV0--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__cpPWV0.sc-ds-card .ds-card__cpPWV0__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__cpPWV0--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__cpPWV0--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__cpPWV0--horizontal.sc-ds-card .ds-card__cpPWV0__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__cpPWV0--horizontal.sc-ds-card .ds-card__cpPWV0__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__cpPWV0--horizontal.sc-ds-card .ds-card__cpPWV0__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__cpPWV0--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__cpPWV0__image-container.sc-ds-card{display:none}.ds-card__cpPWV0__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__cpPWV0.sc-ds-card:not(.ds-card__cpPWV0--vertical) .ds-card__cpPWV0__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__cpPWV0.sc-ds-card:not(.ds-card__cpPWV0--horizontal) .ds-card__cpPWV0__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__cpPWV0--link--full.sc-ds-card .ds-card__cpPWV0__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__cpPWV0__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__cpPWV0__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__cpPWV0__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__cpPWV0__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__cpPWV0__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__cpPWV0__content--bottom.sc-ds-card{order:4}.ds-card__cpPWV0__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__cpPWV0__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__cpPWV0__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__cpPWV0__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__cpPWV0__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__cpPWV0__heading.sc-ds-card{align-items:center;display:flex;margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__cpPWV0__heading.sc-ds-card .ds-card__cpPWV0__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__cpPWV0__heading.sc-ds-card .ds-card__cpPWV0__link.sc-ds-card:not(.ds-card__cpPWV0__link--full):hover,.ds-card__cpPWV0__heading.sc-ds-card .ds-card__cpPWV0__link.sc-ds-card:not(.ds-card__cpPWV0__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__cpPWV0__heading.sc-ds-card .ds-card__cpPWV0__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__cpPWV0__heading.sc-ds-card .ds-card__cpPWV0__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__cpPWV0__subtitle.sc-ds-card,.ds-card__cpPWV0__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__cpPWV0__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__cpPWV0__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__cpPWV0__slot-subtitle--hidden.sc-ds-card{display:none}'}},[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"],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 m=g,v=function(){"undefined"!=typeof customElements&&["ds-card","ds-icon","ds-visually-hidden"].forEach((d=>{switch(d){case"ds-card":customElements.get(e(d))\|\|customElements.define(e(d),g);break;case"ds-icon":customElements.get(e(d))\|\|f();break;case"ds-visually-hidden":customElements.get(e(d))\|\|p()}}))};export{m as DsCard,v 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 d,F as h,t as r}from"./p-x-HJUYLL.js";import{c as o}from"./p-BfTCfPZ1.js";import{i as c,a}from"./p-BecId8t2.js";import{t as n,d as l}from"./p-ChKb-Fx7.js";import{g as b,a as u,h as m,q as C}from"./p-CeZ-gCd0.js";import{c as k}from"./p-CTcsKZyv.js";import{c as p}from"./p-BM0xAKIg.js";import{d as x}from"./p-5PBbbrq1.js";import{d as g}from"./p-tMFR6Joi.js";import{d as v}from"./p-D-JwhXmZ.js";import{d as f}from"./p-DVpnIFhU.js";import{d as E}from"./p-CsW-W9Vv.js";const O=e(class extends(s(p("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",7),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.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),this.internals=this.attachInternals()}checkboxElem;parentCheckboxGroup=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={};get el(){return this}internals;dsCheckboxGroupChange;dsCheckboxGroupIndeterminateChildChange;dsCheckboxGroupInvalidStateChange;dsCheckboxGroupDisabledChange;dsCheckboxGroupAllRequiredChange;dsCheckboxGroupFormChange;dsCheckboxGroupNameChange;dsCheckboxGroupCheckedChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsDirection="vertical";dsErrorText="";dsText="";dsChecked=!1;dsDisabled=!1;dsRequired=!1;dsAllRequired=!1;dsOptional=!1;dsOptionalText;dsName;get dsId(){return this.checkboxId}childElementsCount=0;checkedChildElementCount=0;isIndeterminate=!1;indeterminateChildCheckboxCount=0;focusedChildCheckbox;wasInvalidOnBlur=!1;elementIs=e=>s=>s.tagName.toLowerCase()===n(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?b(this.dsLabel):this.dsOptional?u(this.dsLabel,this.dsOptionalText):this.dsLabel;getChildElements=()=>{const e=n("ds-checkbox","ds-checkbox-group",this.el),s=n("ds-checkbox-group","ds-checkbox-group",this.el);return Array.from(this.el.querySelectorAll(`${e}, ${s}`)).filter((e=>e!==this.checkboxElem&&e.parentElement?.closest(s)===this.el))};getChildCheckboxElements=()=>this.getChildElements().filter((e=>this.elementIsCheckbox(e)));getEnabledChildCheckboxElements=()=>this.getChildCheckboxElements().filter((e=>!e.dsDisabled));updateChildCheckboxes=e=>{this.getChildCheckboxElements().forEach(e)};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){this.updateChildCheckboxes(((s,t)=>{0===t&&e?s.setAttribute("aria-describedby",this.errorTextId):0!==t\|\|e\|\|s.removeAttribute("aria-describedby")})),this.dsCheckboxGroupInvalidStateChange.emit(e)}dsFormObserver(e){this.dsCheckboxGroupFormChange.emit(e)}dsNameObserver(e){this.dsCheckboxGroupNameChange.emit(e)}handleDsCheckboxGroupIndeterminateChildChange(e){this.indeterminateChildCheckboxCount=e.detail.indeterminate?this.indeterminateChildCheckboxCount+1:this.indeterminateChildCheckboxCount-1}childElementsCountObserver(e,s){this.dsErrorText&&this.getChildCheckboxElements()[0]?.setAttribute("aria-describedby",this.errorTextId),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")):this.dsAllRequired&&this.checkedChildElementCount!==this.childElementsCount?this.internals?.setValidity({valueMissing:!0},C(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.internals?.setValidity({}),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}updateCheckedChildElementCount=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(n("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)}formResetCallback(){this.dsErrorText="",this.childElementsCount=0,this.checkedChildElementCount=0,this.isIndeterminate=!1,this.indeterminateChildCheckboxCount=0,this.dsRequired?this.internals?.setValidity({valueMissing:!0},m(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.dsAllRequired?this.internals?.setValidity({valueMissing:!0},C(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.internals?.setValidity({})}connectedCallback(){const e=n("ds-checkbox-group","ds-checkbox-group",this.el);this.parentCheckboxGroup=this.el.parentElement?.closest(e)??null,this.parentCheckboxGroup&&this.parentCheckboxGroup.addEventListener("dsCheckboxGroupCheckedChange",this.handleParentCheckedChange),this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.parentCheckboxGroup&&this.parentCheckboxGroup.removeEventListener("dsCheckboxGroupCheckedChange",this.handleParentCheckedChange),this.parentCheckboxGroup=null,this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=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"])}}componentDidLoad(){this.componentMounted(),this.childElementsCount=this.getChildElements().length}ariaAttributeObserver(e,s,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:e},i(this)}render(){const e=k("ds-checkbox-group"),s=o(e,{[e+"--horizontal"]:"horizontal"===this.dsDirection}),t=o(e+"__legend"),i=o(e+"__assistive-text"),r=o(e+"__error",{[e+"__error--visible"]:!!this.dsErrorText}),c=o(""+e,e+"--inset"),a=o(e+"__checkboxes"),l=n("ds-checkbox","ds-checkbox-group",this.el),b=n("ds-input-validity","ds-checkbox-group",this.el);return d("fieldset",{key:"2b31f0afbe3f018200b982bd6900e8900cdcbbd3",class:s,id:this.fieldsetId,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},this.dsLabel&&d("legend",{key:"22c782f28d747ff0472108aadcf113b1266de9bf",id:this.legendId,class:t},this.getLegendText()),this.dsAssistiveText&&d("small",{key:"bdb80226c6b9136efa9492ffbd9e059f096a94c9",class:i,id:this.assistiveTextId},this.dsAssistiveText),this.dsText?d(h,null,d(l,{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:this.dsErrorText,dsErrorsDisabled:!0}),d("fieldset",{id:this.nestedId,"aria-label":this.dsText,class:c},d("slot",null))):d("div",{class:a},d("slot",null)),d("div",{key:"143f532e903dcf3080b4bf7f6d438bbc700ae6c7",class:r},d(b,{key:"c1b07837ef7a05c2ffba793720cfad817f2d6f76",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}],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__m9sbXh.sc-ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__m9sbXh__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__m9sbXh__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__m9sbXh__error.sc-ds-checkbox-group{display:flex}.ds-checkbox-group__m9sbXh__error--visible.sc-ds-checkbox-group{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__m9sbXh.sc-ds-checkbox-group>.ds-checkbox-group__m9sbXh__checkboxes.sc-ds-checkbox-group{display:inline-flex;flex-direction:column}.ds-checkbox-group__m9sbXh--inset.sc-ds-checkbox-group{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__m9sbXh--horizontal.sc-ds-checkbox-group>.ds-checkbox-group__m9sbXh__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"],childElementsCount:[32],checkedChildElementCount:[32],isIndeterminate:[32],indeterminateChildCheckboxCount:[32],focusedChildCheckbox:[32],wasInvalidOnBlur:[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"]],{dsDisabled:[{dsDisabledObserver:0}],dsAllRequired:[{dsAllRequiredObserver:0}],dsChecked:[{dsCheckedObserver:0}],isIndeterminate:[{isIndeterminateObserver:0}],dsErrorText:[{dsErrorTextObserver:0}],dsForm:[{dsFormObserver:0}],dsName:[{dsNameObserver:0}],childElementsCount:[{childElementsCountObserver:0},{checkedChildElementCountObserver:0}],checkedChildElementCount:[{checkedChildElementCountObserver:0}],focusedChildCheckbox:[{focusedChildCheckboxObserver:0}],"aria-required":[{ariaAttributeObserver:0}],"aria-invalid":[{ariaAttributeObserver:0}]}]);l([d("ds-checkbox",null),d("ds-checkbox-group",null),d("ds-input-validity",null)]);const _=O,y=function e(){"undefined"!=typeof customElements&&["ds-checkbox-group","ds-checkbox","ds-checkbox-group","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-checkbox-group":customElements.get(r(s))\|\|customElements.define(r(s),O);break;case"ds-checkbox":customElements.get(r(s))\|\|x();break;case"ds-checkbox-group":customElements.get(r(s))\|\|e();break;case"ds-feedback":customElements.get(r(s))\|\|g();break;case"ds-icon":customElements.get(r(s))\|\|v();break;case"ds-input-validity":customElements.get(r(s))\|\|f();break;case"ds-visually-hidden":customElements.get(r(s))\|\|E()}}))};export{_ as DsCheckboxGroup,y as defineCustomElement}
1	+ import{p as e,M as s,c as t,f as i,h as d,F as h,t as r}from"./p-CcmqGmdl.js";import{c as o}from"./p-BfTCfPZ1.js";import{i as c,a}from"./p-BecId8t2.js";import{t as n,d as l}from"./p-ChKb-Fx7.js";import{g as b,a as u,h as p,q as C}from"./p-BZdGreXC.js";import{c as m}from"./p-uMjjtLqZ.js";import{c as k}from"./p-B0staoGW.js";import{d as x}from"./p-qjGR0tt2.js";import{d as g}from"./p-CfwVG0P0.js";import{d as v}from"./p-nzR0rIwQ.js";import{d as f}from"./p-DPEgqxlb.js";import{d as E}from"./p-IfuavV1d.js";const O=e(class extends(s(k("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",7),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.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),this.internals=this.attachInternals()}checkboxElem;parentCheckboxGroup=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={};get el(){return this}internals;dsCheckboxGroupChange;dsCheckboxGroupIndeterminateChildChange;dsCheckboxGroupInvalidStateChange;dsCheckboxGroupDisabledChange;dsCheckboxGroupAllRequiredChange;dsCheckboxGroupFormChange;dsCheckboxGroupNameChange;dsCheckboxGroupCheckedChange;dsSubmitInvalid;dsValidity;dsForm;dsLabel;dsAssistiveText;dsDirection="vertical";dsErrorText="";dsText="";dsChecked=!1;dsDisabled=!1;dsRequired=!1;dsAllRequired=!1;dsOptional=!1;dsOptionalText;dsName;get dsId(){return this.checkboxId}childElementsCount=0;checkedChildElementCount=0;isIndeterminate=!1;indeterminateChildCheckboxCount=0;focusedChildCheckbox;wasInvalidOnBlur=!1;elementIs=e=>s=>s.tagName.toLowerCase()===n(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?b(this.dsLabel):this.dsOptional?u(this.dsLabel,this.dsOptionalText):this.dsLabel;getChildElements=()=>{const e=n("ds-checkbox","ds-checkbox-group",this.el),s=n("ds-checkbox-group","ds-checkbox-group",this.el);return Array.from(this.el.querySelectorAll(`${e}, ${s}`)).filter((e=>e!==this.checkboxElem&&e.parentElement?.closest(s)===this.el))};getChildCheckboxElements=()=>this.getChildElements().filter((e=>this.elementIsCheckbox(e)));getEnabledChildCheckboxElements=()=>this.getChildCheckboxElements().filter((e=>!e.dsDisabled));updateChildCheckboxes=e=>{this.getChildCheckboxElements().forEach(e)};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){this.updateChildCheckboxes(((s,t)=>{0===t&&e?s.setAttribute("aria-describedby",this.errorTextId):0!==t\|\|e\|\|s.removeAttribute("aria-describedby")})),this.dsCheckboxGroupInvalidStateChange.emit(e)}dsFormObserver(e){this.dsCheckboxGroupFormChange.emit(e)}dsNameObserver(e){this.dsCheckboxGroupNameChange.emit(e)}handleDsCheckboxGroupIndeterminateChildChange(e){this.indeterminateChildCheckboxCount=e.detail.indeterminate?this.indeterminateChildCheckboxCount+1:this.indeterminateChildCheckboxCount-1}childElementsCountObserver(e,s){this.dsErrorText&&this.getChildCheckboxElements()[0]?.setAttribute("aria-describedby",this.errorTextId),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},p(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.dsAllRequired&&this.checkedChildElementCount!==this.childElementsCount?this.internals?.setValidity({valueMissing:!0},C(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.internals?.setValidity({}),this.wasInvalidOnBlur&&this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}updateCheckedChildElementCount=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(n("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)}formResetCallback(){this.dsErrorText="",this.childElementsCount=0,this.checkedChildElementCount=0,this.isIndeterminate=!1,this.indeterminateChildCheckboxCount=0,this.dsRequired?this.internals?.setValidity({valueMissing:!0},p(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.dsAllRequired?this.internals?.setValidity({valueMissing:!0},C(),this.getChildCheckboxElements()?.[0]?.querySelector("input")):this.internals?.setValidity({})}connectedCallback(){const e=n("ds-checkbox-group","ds-checkbox-group",this.el);this.parentCheckboxGroup=this.el.parentElement?.closest(e)??null,this.parentCheckboxGroup&&this.parentCheckboxGroup.addEventListener("dsCheckboxGroupCheckedChange",this.handleParentCheckedChange),this.internals?.form&&this.el.addEventListener("invalid",this.handleInvalid)}disconnectedCallback(){this.parentCheckboxGroup&&this.parentCheckboxGroup.removeEventListener("dsCheckboxGroupCheckedChange",this.handleParentCheckedChange),this.parentCheckboxGroup=null,this.internals?.form&&this.el.removeEventListener("invalid",this.handleInvalid),this.childBlurTimeout&&clearTimeout(this.childBlurTimeout),this.childBlurTimeout=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"])}}componentDidLoad(){this.componentMounted(),this.childElementsCount=this.getChildElements().length}ariaAttributeObserver(e,s,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:e},i(this)}render(){const e=m("ds-checkbox-group"),s=o(e,{[e+"--horizontal"]:"horizontal"===this.dsDirection}),t=o(e+"__legend"),i=o(e+"__assistive-text"),r=o(e+"__error",{[e+"__error--visible"]:!!this.dsErrorText}),c=o(""+e,e+"--inset"),a=o(e+"__checkboxes"),l=n("ds-checkbox","ds-checkbox-group",this.el),b=n("ds-input-validity","ds-checkbox-group",this.el);return d("fieldset",{key:"2b31f0afbe3f018200b982bd6900e8900cdcbbd3",class:s,id:this.fieldsetId,name:this.dsName,form:this.dsForm,"aria-labelledby":`${this.legendId} ${this.dsErrorText&&this.errorTextId}`,...this.inheritedAttributes},this.dsLabel&&d("legend",{key:"22c782f28d747ff0472108aadcf113b1266de9bf",id:this.legendId,class:t},this.getLegendText()),this.dsAssistiveText&&d("small",{key:"bdb80226c6b9136efa9492ffbd9e059f096a94c9",class:i,id:this.assistiveTextId},this.dsAssistiveText),this.dsText?d(h,null,d(l,{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:this.dsErrorText,dsErrorsDisabled:!0}),d("fieldset",{id:this.nestedId,"aria-label":this.dsText,class:c},d("slot",null))):d("div",{class:a},d("slot",null)),d("div",{key:"143f532e903dcf3080b4bf7f6d438bbc700ae6c7",class:r},d(b,{key:"c1b07837ef7a05c2ffba793720cfad817f2d6f76",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}],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__cpPWV0.sc-ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__cpPWV0__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__cpPWV0__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__cpPWV0__error.sc-ds-checkbox-group{display:flex}.ds-checkbox-group__cpPWV0__error--visible.sc-ds-checkbox-group{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__cpPWV0.sc-ds-checkbox-group>.ds-checkbox-group__cpPWV0__checkboxes.sc-ds-checkbox-group{display:inline-flex;flex-direction:column}.ds-checkbox-group__cpPWV0--inset.sc-ds-checkbox-group{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__cpPWV0--horizontal.sc-ds-checkbox-group>.ds-checkbox-group__cpPWV0__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"],childElementsCount:[32],checkedChildElementCount:[32],isIndeterminate:[32],indeterminateChildCheckboxCount:[32],focusedChildCheckbox:[32],wasInvalidOnBlur:[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"]],{dsDisabled:[{dsDisabledObserver:0}],dsAllRequired:[{dsAllRequiredObserver:0}],dsChecked:[{dsCheckedObserver:0}],isIndeterminate:[{isIndeterminateObserver:0}],dsErrorText:[{dsErrorTextObserver:0}],dsForm:[{dsFormObserver:0}],dsName:[{dsNameObserver:0}],childElementsCount:[{childElementsCountObserver:0},{checkedChildElementCountObserver:0}],checkedChildElementCount:[{checkedChildElementCountObserver:0}],focusedChildCheckbox:[{focusedChildCheckboxObserver:0}],"aria-required":[{ariaAttributeObserver:0}],"aria-invalid":[{ariaAttributeObserver:0}]}]);l([d("ds-checkbox",null),d("ds-checkbox-group",null),d("ds-input-validity",null)]);const _=O,y=function e(){"undefined"!=typeof customElements&&["ds-checkbox-group","ds-checkbox","ds-checkbox-group","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-checkbox-group":customElements.get(r(s))\|\|customElements.define(r(s),O);break;case"ds-checkbox":customElements.get(r(s))\|\|x();break;case"ds-checkbox-group":customElements.get(r(s))\|\|e();break;case"ds-feedback":customElements.get(r(s))\|\|g();break;case"ds-icon":customElements.get(r(s))\|\|v();break;case"ds-input-validity":customElements.get(r(s))\|\|f();break;case"ds-visually-hidden":customElements.get(r(s))\|\|E()}}))};export{_ as DsCheckboxGroup,y as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{D as o,d as r}from"./p-~~5PBbbrq1~~.js";const s=o,p=r;export{s as DsCheckbox,p as defineCustomElement}
1	+ import{D as t,d as o}from"./p-qjGR0tt2.js";const s=t,p=o;export{s 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-~~x-HJUYLL~~.js";import{t as r,i as h,d as l}from"./p-ChKb-Fx7.js";import{c as n}from"./p-~~CTcsKZyv~~.js";import{i as c,a as o}from"./p-BecId8t2.js";import{u as m,x as p}from"./p-~~CeZ-gCd0~~.js";import{a as b,d as u}from"./p-~~D-JwhXmZ~~.js";import{c as g}from"./p-~~BM0xAKIg~~.js";import{d as v}from"./p-~~DdoeF6Ti~~.js";import{d as y}from"./p-~~VSdDDSu2~~.js";import{d as f}from"./p-~~tMFR6Joi~~.js";import{d as x}from"./p-~~Oax-7VU1~~.js";import{d as I}from"./p-~~DVpnIFhU~~.js";import{d as C}from"./p-~~CsW-W9Vv~~.js";const M=s(class extends(e(g("ds-chip-group",{stopRootTracking:!0}),b)){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;setItemsProp=(s,e)=>{this[s]=e?e<0?0:"_dsMinItems"===s&&void 0!==this.dsMaxItems&&e>this.dsMaxItems?this.dsMaxItems:"_dsMaxItems"===s&&void 0!==this.dsMinItems&&e<this.dsMinItems?this.dsMinItems:e:void 0};_dsMinItems;get dsMinItems(){return this._dsMinItems}set dsMinItems(s){this.setItemsProp("_dsMinItems",s)}_dsMaxItems;get dsMaxItems(){return this._dsMaxItems}set dsMaxItems(s){this.setItemsProp("_dsMaxItems",s)}childCount=0;get DsChipTag(){return 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},p(s-i)):this.internals?.setValidity({})}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...o(this,this.el),...c(this.el,["aria-labelledby"])},this.setValidity()}componentDidLoad(){this.componentMounted()}onAriaChanged(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},t(this)}dsNameObserver(s){this.childChips.forEach((e=>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:"4ababae35585e255c0a113e4841af4d9efe140a6",class:s,role:"group",...h("aria-label",this.dsAriaLabel\|\|i\|\|this.dsLabel),...h("aria-labelledby",this.dsAriaLabelledby),...h("aria-describedby",r),...h("aria-labelledby",this.dsErrorText&&l),...d},a(this.DsGroupLabel,{key:"cf458c09e8a31ada663516781096d5c373fa1d68",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:e},a("slot",{key:"62fce22b818aa90866628b942500742f37e07a88",name:"label"}),a("slot",{key:"1c716f1105fbe74d2a5e72a40f7237a586d46f12",name:"assistiveText"})),a("div",{key:"3f02a975d23cdec126b53c1c1ff1508b61ba0eb6",role:"list",class:s+"__chips"},a("slot",{key:"63f1039a8aa2a5ec7cfd33f15052988a6c6dbf41"})),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:"98b5b3a5a46d4eab0847e98e0d74dab2b64e1e97",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__m9sbXh__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 k=M,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),M);break;case"ds-assistive-text":customElements.get(d(s))\|\|v();break;case"ds-chip":customElements.get(d(s))\|\|y();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))\|\|I();break;case"ds-visually-hidden":customElements.get(d(s))\|\|C()}}))};export{k 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-CcmqGmdl.js";import{t as r,i as l,d as h}from"./p-ChKb-Fx7.js";import{c as n}from"./p-uMjjtLqZ.js";import{i as c,a as o}from"./p-BecId8t2.js";import{u as m,x as p}from"./p-BZdGreXC.js";import{a as b,d as u}from"./p-nzR0rIwQ.js";import{c as g}from"./p-B0staoGW.js";import{d as v}from"./p-C11Y0EGM.js";import{d as f}from"./p-WpNIA29H.js";import{d as y}from"./p-CfwVG0P0.js";import{d as x}from"./p-qVldH5eD.js";import{d as I}from"./p-DPEgqxlb.js";import{d as C}from"./p-IfuavV1d.js";const M=s(class extends(e(g("ds-chip-group",{stopRootTracking:!0}),b)){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;setItemsProp=(s,e)=>{this[s]=e?e<0?0:"_dsMinItems"===s&&void 0!==this.dsMaxItems&&e>this.dsMaxItems?this.dsMaxItems:"_dsMaxItems"===s&&void 0!==this.dsMinItems&&e<this.dsMinItems?this.dsMinItems:e:void 0};_dsMinItems;get dsMinItems(){return this._dsMinItems}set dsMinItems(s){this.setItemsProp("_dsMinItems",s)}_dsMaxItems;get dsMaxItems(){return this._dsMaxItems}set dsMaxItems(s){this.setItemsProp("_dsMaxItems",s)}childCount=0;get DsChipTag(){return 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},p(s-i)):this.internals?.setValidity({})}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...o(this,this.el),...c(this.el,["aria-labelledby"])},this.setValidity()}componentDidLoad(){this.componentMounted()}onAriaChanged(s,e,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:s},t(this)}dsNameObserver(s){this.childChips.forEach((e=>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(" "),h=this.dsId+"-error-text";return a("div",{key:"4ababae35585e255c0a113e4841af4d9efe140a6",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&&h),...d},a(this.DsGroupLabel,{key:"cf458c09e8a31ada663516781096d5c373fa1d68",dsLabel:this.dsLabel,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:e},a("slot",{key:"62fce22b818aa90866628b942500742f37e07a88",name:"label"}),a("slot",{key:"1c716f1105fbe74d2a5e72a40f7237a586d46f12",name:"assistiveText"})),a("div",{key:"3f02a975d23cdec126b53c1c1ff1508b61ba0eb6",role:"list",class:s+"__chips"},a("slot",{key:"63f1039a8aa2a5ec7cfd33f15052988a6c6dbf41"})),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:"98b5b3a5a46d4eab0847e98e0d74dab2b64e1e97",id:h,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__cpPWV0__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}]}]);h([a("ds-chip",{dsText:""}),a("ds-group-label",null),a("ds-input-validity",null)]);const k=M,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),M);break;case"ds-assistive-text":customElements.get(d(s))\|\|v();break;case"ds-chip":customElements.get(d(s))\|\|f();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{k 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-~~VSdDDSu2~~.js";const p=o,r=s;export{p as DsChip,r as defineCustomElement}
1	+ import{D as o,d as p}from"./p-WpNIA29H.js";const s=o,r=p;export{s as DsChip,r as defineCustomElement}