@uh-design-system/component-library 1.4.0-rc.1 → 1.4.0-rc.3

package/dist/components/ds-accordion.js

@@ -1,211 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-DaqCt6bT.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { i as idGenerator, t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { c as cx } from './p-nu9LDvw9.js';
-import { a as inheritAttributes, i as inheritAriaAttributes } from './p-BecId8t2.js';
-import { g as getLanguage } from './p-BiwrhYeU.js';
-import { d as defineCustomElement$5 } from './p-Cx_QVu9h.js';
-import { d as defineCustomElement$4 } from './p-C0tiltnd.js';
-import { d as defineCustomElement$3 } from './p-KU9nm6J4.js';
-import { d as defineCustomElement$2 } from './p-dwuHGzKc.js';
-
-const dsAccordionCss = ".ds-accordion__MGLLcm.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__MGLLcm__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__MGLLcm__title.sc-ds-accordion:not(.ds-accordion__MGLLcm__title--hide-top-border) .ds-accordion__MGLLcm__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__MGLLcm__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__MGLLcm__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__MGLLcm__title--border-aligned.ds-accordion__MGLLcm__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__MGLLcm__title--border-aligned.ds-accordion__MGLLcm__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__MGLLcm__title--with-background.sc-ds-accordion .ds-accordion__MGLLcm__open-button.sc-ds-accordion:not(.ds-accordion__MGLLcm__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MGLLcm__title--with-background.sc-ds-accordion:has(.ds-accordion__MGLLcm__open-button.ds-accordion__MGLLcm__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MGLLcm__title.sc-ds-accordion:has(.ds-accordion__MGLLcm__open-button:hover:not(.ds-accordion__MGLLcm__open-button--icon-button)) .ds-accordion__MGLLcm__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__MGLLcm__title.sc-ds-accordion:has(.ds-accordion__MGLLcm__open-button:active:not(.ds-accordion__MGLLcm__open-button--icon-button)) .ds-accordion__MGLLcm__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__MGLLcm__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__MGLLcm__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__MGLLcm__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__MGLLcm__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__MGLLcm__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__MGLLcm__open-button-container.sc-ds-accordion:has(.ds-accordion__MGLLcm__open-button:not(.ds-accordion__MGLLcm__open-button--icon-button)){width:100%}.ds-accordion__MGLLcm__open-button-container.sc-ds-accordion::after{content:\"\";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__MGLLcm__open-button-container.sc-ds-accordion:has(.ds-accordion__MGLLcm__open-button--border-aligned:not(.ds-accordion__MGLLcm__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__MGLLcm__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__MGLLcm__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__MGLLcm__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__MGLLcm__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__MGLLcm__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__MGLLcm__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__MGLLcm__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__MGLLcm__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__MGLLcm__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MGLLcm__open-button--icon-button){padding-inline:0}.ds-accordion__MGLLcm__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MGLLcm__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__MGLLcm__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MGLLcm__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__MGLLcm__title--with-background.sc-ds-accordion .ds-accordion__MGLLcm__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MGLLcm__open-button--icon-button)::before,.ds-accordion__MGLLcm__title--with-background.sc-ds-accordion .ds-accordion__MGLLcm__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__MGLLcm__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MGLLcm__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__MGLLcm__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__MGLLcm__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__MGLLcm__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__MGLLcm__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__MGLLcm__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__MGLLcm__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__MGLLcm__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__MGLLcm__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__MGLLcm__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__MGLLcm__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__MGLLcm__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__MGLLcm__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__MGLLcm__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__MGLLcm__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MGLLcm.sc-ds-accordion-s>[slot=header],.ds-accordion__MGLLcm .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__MGLLcm__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__MGLLcm__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__MGLLcm__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__MGLLcm__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__MGLLcm__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__MGLLcm__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__MGLLcm__content--with-background.sc-ds-accordion::before,.ds-accordion__MGLLcm__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__MGLLcm__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__MGLLcm.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__MGLLcm .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__MGLLcm.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__MGLLcm .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}";
-
-const dsAccordionIdGenerator = idGenerator('ds-accordion');
-const DsAccordion$1 = proxyCustomElement(class DsAccordion extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.dsToggle = createEvent(this, "dsToggle");
-    }
-    inheritedAttributes = {};
-    get el() { return this; }
-    dsVariant = 'default';
-    dsBorderAligned = false;
-    dsOpenByDefault = false;
-    dsId = dsAccordionIdGenerator.next().value;
-    dsHeadingLevel = 2;
-    dsUseCloseButton = false;
-    dsCloseButtonLabel;
-    dsHideContentBorders = false;
-    dsHideTopBorder = false;
-    dsHideRightBorder = true;
-    dsHideBottomBorder = false;
-    dsHideLeftBorder = true;
-    dsHeadingVariant = 'button';
-    dsAriaDescribedBy;
-    dsAriaLabelledBy;
-    dsHeaderHasBackground = 'expanded';
-    dsContentHasBackground = true;
-    isExpanded = false;
-    dsToggle;
-    async setIsExpanded(isExpanded) {
-        this.isExpanded = isExpanded;
-    }
-    headerButtonRef;
-    shouldMoveFocus = false;
-    get ariaLabelledBy() {
-        return [this.dsId, this.dsAriaLabelledBy].filter(Boolean).join(' ');
-    }
-    get DsButton() {
-        return transformTagName('ds-button', 'ds-accordion', this.el);
-    }
-    get DsIcon() {
-        return transformTagName('ds-icon', 'ds-accordion', this.el);
-    }
-    get close() {
-        switch (getLanguage()) {
-            case 'fi':
-                return 'Sulje';
-            case 'sv':
-                return 'Stäng';
-            default:
-                return 'Close';
-        }
-    }
-    componentWillLoad() {
-        if (this.dsOpenByDefault) {
-            this.isExpanded = true;
-        }
-        this.inheritedAttributes = {
-            ...inheritAriaAttributes(this.el),
-            ...inheritAttributes(this, this.el),
-        };
-    }
-    watchHandler(isExpanded) {
-        if (!isExpanded && this.shouldMoveFocus && this.headerButtonRef) {
-            this.headerButtonRef.focus();
-            this.shouldMoveFocus = false;
-        }
-        this.dsToggle.emit(isExpanded);
-    }
-    handleClick = (event) => {
-        const isCloseButton = event.target.closest(`.${cx('ds-accordion')}__close-button`);
-        this.shouldMoveFocus = isCloseButton ? true : false;
-        this.isExpanded = !this.isExpanded;
-    };
-    handleKeyDown = (event) => {
-        switch (event.key) {
-            case 'Enter':
-            case ' ': {
-                event.preventDefault();
-                const isCloseButton = event.target.closest(`.${cx('ds-accordion')}__close-button`);
-                this.shouldMoveFocus = isCloseButton ? true : false;
-                this.isExpanded = !this.isExpanded;
-                break;
-            }
-        }
-    };
-    renderHeading(baseClass) {
-        const getOpenButtonHideBottomBorder = () => {
-            if (this.dsHeadingVariant === 'button') {
-                return (this.isExpanded && !this.dsHideContentBorders) || this.dsHideBottomBorder;
-            }
-            return (!this.dsHideContentBorders || this.dsHideBottomBorder) && !this.isExpanded && this.dsHideBottomBorder;
-        };
-        const buttonHeadingAttributes = this.dsHeadingVariant === 'button'
-            ? {
-                'role': 'heading',
-                'aria-level': this.dsHeadingLevel,
-            }
-            : {};
-        return (h("div", { class: classNames(`${baseClass}__title`, {
-                [`${baseClass}__title--with-background`]: this.dsHeaderHasBackground === 'always' || (this.dsHeaderHasBackground === 'expanded' && this.isExpanded),
-                [`${baseClass}__title--border-aligned`]: this.dsBorderAligned,
-                [`${baseClass}__title--hide-top-border`]: this.dsHideTopBorder,
-                [`${baseClass}__title--hide-right-border`]: this.dsHideRightBorder,
-                [`${baseClass}__title--hide-left-border`]: this.dsHideLeftBorder,
-            }), ...buttonHeadingAttributes }, this.dsHeadingVariant === 'icon-button' && (h("div", { class: classNames(`${baseClass}__header-slot`, `${baseClass}__header-slot--${this.dsVariant}`, `${baseClass}__header-slot--${this.dsHeadingVariant}`, {
-                [`${baseClass}__header-slot--hide-top-border`]: this.dsHideTopBorder,
-                [`${baseClass}__header-slot--hide-bottom-border`]: !this.isExpanded && this.dsHideBottomBorder,
-            }) }, h("slot", { name: "header" }))), h("div", { class: classNames(`${baseClass}__open-button-container`) }, h("button", { class: classNames(`${baseClass}__open-button`, `${baseClass}__open-button--${this.dsVariant}`, `${baseClass}__open-button--${this.dsHeadingVariant}`, {
-                [`${baseClass}__open-button--border-aligned`]: this.dsBorderAligned,
-                [`${baseClass}__open-button--hide-bottom-border`]: getOpenButtonHideBottomBorder(),
-            }), 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: el => (this.headerButtonRef = el), type: "button" }, h("span", { class: classNames(`${baseClass}__open-button__icon`, `${baseClass}__open-button__icon--${this.dsVariant}`), "aria-hidden": "true" }, h(this.DsIcon, { dsSize: "1.5rem", dsName: this.isExpanded ? 'keyboard_arrow_up' : 'keyboard_arrow_down' })), this.dsHeadingVariant === 'button' && (h("span", { class: classNames(`${baseClass}__open-button__header-slot`, `${baseClass}__open-button__header-slot--${this.dsVariant}`) }, h("slot", { name: "header" })))))));
-    }
-    render() {
-        const baseClass = cx('ds-accordion');
-        return (h("div", { key: 'b7cc6ef132e65aa26faa5d7c2a8271f0362bfb14', class: classNames(baseClass, `${baseClass}--${this.dsVariant}`, {
-                [`${baseClass}--expanded`]: this.isExpanded,
-            }), ...this.inheritedAttributes }, h("div", { key: '3ab729eceba8129e9a085298d9508db96e301868', class: `${baseClass}__item` }, this.renderHeading(baseClass), h("div", { key: '4f784f836397c8390886b90ecd06aac1d0efe7bc', id: `${this.dsId}-panel`, role: "region", "aria-labelledby": this.dsId, class: classNames(`${baseClass}__panel`, `${baseClass}__panel--${this.dsVariant}`, {
-                [`${baseClass}__panel--expanded`]: this.isExpanded,
-                [`${baseClass}__panel--with-background`]: this.dsContentHasBackground,
-                [`${baseClass}__panel--hide-right-border`]: this.dsHideRightBorder || this.dsHideContentBorders,
-                [`${baseClass}__panel--hide-left-border`]: this.dsHideLeftBorder || this.dsHideContentBorders,
-            }), hidden: !this.isExpanded }, h("div", { key: '33614a6e82bfee93c85d48219136a3946073281e', class: classNames(`${baseClass}__content`, {
-                'ds-bodytext-lg': this.dsVariant === 'default',
-                'ds-bodytext-md': this.dsVariant === 'compact',
-                [`${baseClass}__content--border-aligned`]: this.dsBorderAligned,
-                [`${baseClass}__content--with-background`]: this.dsContentHasBackground,
-                [`${baseClass}__content--hide-bottom-border`]: this.dsHideBottomBorder || this.dsHideContentBorders,
-                [`${baseClass}__content--has-close-button`]: this.dsUseCloseButton,
-            }) }, h("slot", { key: '6fb4699c56d9e68e608ba3ee8b9d0cd9e1b8e204', name: "content" }), this.dsUseCloseButton && (h(this.DsButton, { key: 'e1cee8daae139e312c12d9102dd5d400b7ee7940', id: `${this.dsId}-close-button`, class: `${baseClass}__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"]
-    }; }
-    static get style() { return dsAccordionCss; }
-}, [262, "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]
-    }, undefined, {
-        "isExpanded": ["watchHandler"]
-    }]);
-declareComponentDependencies([h("ds-icon", { dsName: "" }), h("ds-button", null)]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-accordion", "ds-button", "ds-icon", "ds-spinner", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-accordion":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsAccordion$1);
-            }
-            break;
-        case "ds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsAccordion = DsAccordion$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsAccordion, defineCustomElement };
+import{p as o,H as d,c as t,h as s,t as n}from"./p-DZOTmLzP.js";import{c as r}from"./p-BfTCfPZ1.js";import{i as e,t as i,d as a}from"./p-J5Ghj1_T.js";import{c}from"./p-ByHAbBpc.js";import{a as _,i as l}from"./p-BecId8t2.js";import{g as b}from"./p-CHu0W_4n.js";import{d as h}from"./p-NoqVzqGs.js";import{d as p}from"./p-CeglrwZj.js";import{d as m}from"./p-DLh_CSNT.js";import{d as u}from"./p-DCn1Mkl6.js";const g=e("ds-accordion"),v=o(class extends d{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=g.next().value;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(b()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}componentWillLoad(){this.dsOpenByDefault&&(this.isExpanded=!0),this.inheritedAttributes={...l(this.el),..._(this,this.el)}}watchHandler(o){!o&&this.shouldMoveFocus&&this.headerButtonRef&&(this.headerButtonRef.focus(),this.shouldMoveFocus=!1),this.dsToggle.emit(o)}handleClick=o=>{const d=o.target.closest(`.${c("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(`.${c("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: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&&s("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})},s("slot",{name:"header"})),s("div",{class:r(o+"__open-button-container")},s("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"},s("span",{class:r(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:r(o+"__open-button__header-slot",`${o}__open-button__header-slot--${this.dsVariant}`)},s("slot",{name:"header"})))))}render(){const o=c("ds-accordion");return s("div",{key:"b7cc6ef132e65aa26faa5d7c2a8271f0362bfb14",class:r(o,`${o}--${this.dsVariant}`,{[o+"--expanded"]:this.isExpanded}),...this.inheritedAttributes},s("div",{key:"3ab729eceba8129e9a085298d9508db96e301868",class:o+"__item"},this.renderHeading(o),s("div",{key:"4f784f836397c8390886b90ecd06aac1d0efe7bc",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},s("div",{key:"33614a6e82bfee93c85d48219136a3946073281e",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})},s("slot",{key:"6fb4699c56d9e68e608ba3ee8b9d0cd9e1b8e204",name:"content"}),this.dsUseCloseButton&&s(this.DsButton,{key:"e1cee8daae139e312c12d9102dd5d400b7ee7940",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__KmYz6O.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__KmYz6O__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__KmYz6O__title.sc-ds-accordion:not(.ds-accordion__KmYz6O__title--hide-top-border) .ds-accordion__KmYz6O__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__KmYz6O__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__KmYz6O__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__KmYz6O__title--border-aligned.ds-accordion__KmYz6O__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__KmYz6O__title--border-aligned.ds-accordion__KmYz6O__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__KmYz6O__title--with-background.sc-ds-accordion .ds-accordion__KmYz6O__open-button.sc-ds-accordion:not(.ds-accordion__KmYz6O__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__KmYz6O__title--with-background.sc-ds-accordion:has(.ds-accordion__KmYz6O__open-button.ds-accordion__KmYz6O__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__KmYz6O__title.sc-ds-accordion:has(.ds-accordion__KmYz6O__open-button:hover:not(.ds-accordion__KmYz6O__open-button--icon-button)) .ds-accordion__KmYz6O__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__KmYz6O__title.sc-ds-accordion:has(.ds-accordion__KmYz6O__open-button:active:not(.ds-accordion__KmYz6O__open-button--icon-button)) .ds-accordion__KmYz6O__open-button-container.sc-ds-accordion::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__KmYz6O__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__KmYz6O__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__KmYz6O__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__KmYz6O__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__KmYz6O__open-button-container.sc-ds-accordion{position:relative;width:auto}.ds-accordion__KmYz6O__open-button-container.sc-ds-accordion:has(.ds-accordion__KmYz6O__open-button:not(.ds-accordion__KmYz6O__open-button--icon-button)){width:100%}.ds-accordion__KmYz6O__open-button-container.sc-ds-accordion::after{content:"";position:absolute;inset:0;background-color:transparent;pointer-events:none;z-index:1}.ds-accordion__KmYz6O__open-button-container.sc-ds-accordion:has(.ds-accordion__KmYz6O__open-button--border-aligned:not(.ds-accordion__KmYz6O__open-button--icon-button))::after{inset-inline:calc(-1 * var(--ds-spacing-small))}.ds-accordion__KmYz6O__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__KmYz6O__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__KmYz6O__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__KmYz6O__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__KmYz6O__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__KmYz6O__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__KmYz6O__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__KmYz6O__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__KmYz6O__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__KmYz6O__open-button--icon-button){padding-inline:0}.ds-accordion__KmYz6O__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__KmYz6O__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__KmYz6O__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__KmYz6O__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__KmYz6O__title--with-background.sc-ds-accordion .ds-accordion__KmYz6O__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__KmYz6O__open-button--icon-button)::before,.ds-accordion__KmYz6O__title--with-background.sc-ds-accordion .ds-accordion__KmYz6O__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__KmYz6O__open-button--icon-button)::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__KmYz6O__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__KmYz6O__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;height:100%;order:1}.ds-accordion__KmYz6O__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__KmYz6O__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__KmYz6O__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__KmYz6O__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__KmYz6O__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__KmYz6O__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__KmYz6O__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__KmYz6O__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__KmYz6O__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__KmYz6O__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__KmYz6O__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__KmYz6O__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__KmYz6O__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__KmYz6O.sc-ds-accordion-s>[slot=header],.ds-accordion__KmYz6O .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__KmYz6O__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__KmYz6O__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__KmYz6O__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__KmYz6O__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__KmYz6O__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__KmYz6O__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__KmYz6O__content--with-background.sc-ds-accordion::before,.ds-accordion__KmYz6O__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__KmYz6O__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__KmYz6O.sc-ds-accordion-s>div[slot=header][class*=toc],.ds-accordion__KmYz6O .sc-ds-accordion-s>div[slot=header][class*=toc]{display:flex;gap:var(--ds-spacing-2xSmall)}.ds-accordion__KmYz6O.sc-ds-accordion-s>ul[slot=content][class*=toc],.ds-accordion__KmYz6O .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}]}]);a([s("ds-icon",{dsName:""}),s("ds-button",null)]);const z=v,f=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),v);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{z as DsAccordion,f as defineCustomElement}

package/dist/components/ds-action-list-divider.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsActionListDivider extends Components.DsActionListDivider, HTMLElement {}
+export const DsActionListDivider: {
+    prototype: DsActionListDivider;
+    new (): DsActionListDivider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as i,H as s,h as t,t as d}from"./p-DZOTmLzP.js";import{c as r}from"./p-ByHAbBpc.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__KmYz6O.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}

package/dist/components/ds-action-list-group-title.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsActionListGroupTitle extends Components.DsActionListGroupTitle, HTMLElement {}
+export const DsActionListGroupTitle: {
+    prototype: DsActionListGroupTitle;
+    new (): DsActionListGroupTitle;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as t,H as s,h as i,t as o}from"./p-DZOTmLzP.js";import{c as l}from"./p-ByHAbBpc.js";import{i as e}from"./p-J5Ghj1_T.js";const a=e("ds-action-list-group-title"),d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}dsTitle;dsId=a.next().value;render(){const t=l("ds-action-list-group-title");return i("span",{key:"4e452df1a41a7a87a1db538cd0de941ed6aa51cb",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__KmYz6O.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"]}]),n=d,r=function(){"undefined"!=typeof customElements&&["ds-action-list-group-title"].forEach((t=>{"ds-action-list-group-title"===t&&(customElements.get(o(t))||customElements.define(o(t),d))}))};export{n as DsActionListGroupTitle,r as defineCustomElement}

package/dist/components/ds-action-list-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsActionListItem extends Components.DsActionListItem, HTMLElement {}
+export const DsActionListItem: {
+    prototype: DsActionListItem;
+    new (): DsActionListItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as t,H as i,c as s,h as e,t as o}from"./p-DZOTmLzP.js";import{c as d}from"./p-BfTCfPZ1.js";import{i as a,t as l,d as c}from"./p-J5Ghj1_T.js";import{c as n}from"./p-ByHAbBpc.js";import{c as r}from"./p-Ccf9CXPb.js";import{d as m}from"./p-CeglrwZj.js";const _=a("ds-action-list-item"),b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.dsSelect=s(this,"dsSelect",7)}get el(){return this}buttonEl;dsId=_.next().value;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=r(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=l("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=l("ds-icon","ds-action-list-item",this.el);return e("span",{class:d(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=l("ds-icon","ds-action-list-item",this.el);return e(i,{class:d(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=n("ds-action-list-item"),s=this.dsIndented&&!this.dsIcon&&"multi-select"!==this.dsVariant,o=d(i,`${i}--${this.dsVariant}`,{[i+"--disabled"]:this.dsDisabled,[i+"--unavailable"]:this.dsUnavailable,[i+"--indented"]:s});return e("button",{key:"6e7ddd404aded454f0d4921ba8e37d73e06673d6",ref:t=>this.buttonEl=t,class:o,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:"8442451065fe3204f89d6d1e73643978197ac176",class:i+"__indent","aria-hidden":"true"}),this.renderIcon(i),e("span",{key:"8fe826f125e3f854b30b4bf6c11fee71f0232835",class:i+"__content"},e("span",{key:"7477b91f881bdcc910313ead5e94942213a1e206",class:i+"__label"},this.dsLabel),this.dsDescription&&e("span",{key:"1a666e65603b5a1f274673e702e39b3323e63900",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__KmYz6O.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__KmYz6O.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__KmYz6O--unavailable){background-color:var(--ds-bgColor-white-hover)}.ds-action-list-item__KmYz6O.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__KmYz6O--unavailable){background-color:var(--ds-bgColor-white-active)}.ds-action-list-item__KmYz6O.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__KmYz6O.sc-ds-action-list-item:disabled,.ds-action-list-item__KmYz6O.ds-action-list-item__KmYz6O--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__KmYz6O.ds-action-list-item__KmYz6O--unavailable.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__KmYz6O.ds-action-list-item__KmYz6O--unavailable.sc-ds-action-list-item .ds-action-list-item__KmYz6O__checkbox--checked.sc-ds-action-list-item{color:var(--ds-textColor-secondary)}.ds-action-list-item__KmYz6O.ds-action-list-item__KmYz6O--unavailable.sc-ds-action-list-item .ds-action-list-item__KmYz6O__description.sc-ds-action-list-item{color:var(--ds-textColor-attention)}.ds-action-list-item__KmYz6O.ds-action-list-item__KmYz6O--action-danger.sc-ds-action-list-item{color:var(--ds-textColor-danger)}.ds-action-list-item__KmYz6O.ds-action-list-item__KmYz6O--action-danger.sc-ds-action-list-item:hover:not(:disabled):not(.ds-action-list-item__KmYz6O--unavailable){background-color:var(--ds-bgColor-danger)}.ds-action-list-item__KmYz6O.ds-action-list-item__KmYz6O--action-danger.sc-ds-action-list-item:active:not(:disabled):not(.ds-action-list-item__KmYz6O--unavailable){background-color:var(--ds-bgColor-danger-hover)}.ds-action-list-item__KmYz6O.ds-action-list-item__KmYz6O--action-danger.sc-ds-action-list-item:disabled,.ds-action-list-item__KmYz6O.ds-action-list-item__KmYz6O--action-danger.ds-action-list-item__KmYz6O--disabled.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}.ds-action-list-item__KmYz6O__icon.sc-ds-action-list-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-action-list-item__KmYz6O__indent.sc-ds-action-list-item{flex-shrink:0;width:1.25rem}.ds-action-list-item__KmYz6O__content.sc-ds-action-list-item{display:flex;flex-direction:column;flex:1;min-width:0}.ds-action-list-item__KmYz6O__label.sc-ds-action-list-item{display:block}.ds-action-list-item__KmYz6O__description.sc-ds-action-list-item{display:block;color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-action-list-item__KmYz6O__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__KmYz6O__selector.ds-action-list-item__KmYz6O__selector--visible.sc-ds-action-list-item{visibility:visible}.ds-action-list-item__KmYz6O__checkbox.sc-ds-action-list-item{flex-shrink:0;color:var(--ds-iconColor-neutral)}.ds-action-list-item__KmYz6O__checkbox--checked.sc-ds-action-list-item{color:var(--ds-iconColor-primary)}[disabled].sc-ds-action-list-item-h .ds-action-list-item__KmYz6O__selector--visible.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__KmYz6O__selector--visible.sc-ds-action-list-item{color:var(--ds-textColor-disabled-onLight)}button.sc-ds-action-list-item:disabled .ds-action-list-item__KmYz6O__checkbox.sc-ds-action-list-item,button.sc-ds-action-list-item:disabled .ds-action-list-item__KmYz6O__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 h=b,u=function(){"undefined"!=typeof customElements&&["ds-action-list-item","ds-icon"].forEach((t=>{switch(t){case"ds-action-list-item":customElements.get(o(t))||customElements.define(o(t),b);break;case"ds-icon":customElements.get(o(t))||m()}}))};export{h as DsActionListItem,u as defineCustomElement}

package/dist/components/ds-action-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsActionList extends Components.DsActionList, HTMLElement {}
+export const DsActionList: {
+    prototype: DsActionList;
+    new (): DsActionList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as t,H as s,h as i,d as e,t as n}from"./p-DZOTmLzP.js";import{c as a}from"./p-ByHAbBpc.js";import{t as l,a as o}from"./p-J5Ghj1_T.js";import{g as c}from"./p-CHu0W_4n.js";const r=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}dsRole="group";ariaLabel;ariaLabelledby;get isStandalone(){return"menu"===this.dsRole}slotChangeHandler=()=>{this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex(),this.updateAriaLabelling()};componentWillLoad(){this.updateAriaLabelling()}componentDidLoad(){this.updateIndentation(),this.isStandalone&&this.updateRovingTabindex();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=l("ds-action-list-group-title","ds-action-list",this.el),s=this.el.querySelector(t);if(s){const t=s.querySelector("[id]");if(t?.id)return this.ariaLabel=void 0,void(this.ariaLabelledby=t.id)}const i=l("ds-action-list-item","ds-action-list",this.el),e=this.el.querySelector(i),n=e?.dsVariant??e?.getAttribute("ds-variant")??"action";this.ariaLabel="single-select"===n?(()=>{switch(c()){case"fi":return"Valitse yksi";case"sv":return"Välj ett";default:return"Choose one"}})():"multi-select"===n?(()=>{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"}})(),this.ariaLabelledby=void 0}handleLanguageChange(){this.updateAriaLabelling()}getFocusableItems(){return this.getFocusableItemsFromEl(this.el)}getFocusableItemsFromEl(t){const s=l("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=l("ds-action-list","ds-action-list",this.el);return Array.from(t.querySelectorAll(":scope > "+s))}updateIndentation(){const t=l("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=l("ds-action-list-item","ds-action-list",this.el),n=Array.from(this.el.querySelectorAll(e));if("single-select"===s)n.forEach((s=>{s.dsSelected=s===t.target&&i}));else if("multi-select"===s){const s=n.find((s=>s===t.target));s&&(s.dsSelected=i)}}handleKeyDown(t){const s=this.getFocusableItems();if(0===s.length)return;const i=document.activeElement,e=s.findIndex((t=>t.contains(i)));switch(t.key){case"ArrowDown":if(t.preventDefault(),e<s.length-1)s[e+1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[e+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(),e>0)s[e-1].setFocus?.(),this.isStandalone&&this.updateRovingTabindex(s[e-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,n=i.findIndex((t=>t.contains(e))),a=[...i.slice(n+1),...i.slice(0,n+1)].find((t=>(t.dsLabel??t.getAttribute("ds-label")??"").trim().toLowerCase().startsWith(s)));a?.setFocus?.()}}}render(){const t=a("ds-action-list");return i(e,{key:"416359e7c52d95866c31b064c1e28b905f39749f",class:t,role:this.dsRole,...o("aria-label",this.ariaLabel),...o("aria-labelledby",this.ariaLabelledby)},i("slot",{key:"23b828f825c333f6230f1d03dac7eead9c6ed3de"}))}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__KmYz6O.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]},[[16,"dsLanguageChange","handleLanguageChange"],[0,"dsSelect","handleItemSelect"],[0,"keydown","handleKeyDown"]]]),d=r,h=function(){"undefined"!=typeof customElements&&["ds-action-list"].forEach((t=>{"ds-action-list"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))};export{d as DsActionList,h as defineCustomElement}

package/dist/components/ds-action-menu.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DsActionMenu extends Components.DsActionMenu, HTMLElement {}
+export const DsActionMenu: {
+    prototype: DsActionMenu;
+    new (): DsActionMenu;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as s,H as t,c as n,h as e,t as i}from"./p-DZOTmLzP.js";import{c as o}from"./p-BfTCfPZ1.js";import{i as a,t as d,d as r}from"./p-J5Ghj1_T.js";import{c}from"./p-ByHAbBpc.js";import{s as m,p as u}from"./p-Ccf9CXPb.js";import{d as l}from"./p-NoqVzqGs.js";import{d as h}from"./p-CeglrwZj.js";import{d as _}from"./p-DLh_CSNT.js";import{d as p}from"./p-DCn1Mkl6.js";const b=a("ds-action-menu"),f=s(class extends t{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=b.next().value;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.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(d("ds-button","ds-action-menu",this.el))?.setFocus?.())}focusFirstItem(){const s=d("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=d("ds-action-list-item","ds-action-menu",this.el);Array.from(this.el.querySelectorAll(s)).findLast((s=>!s.dsDisabled))?.setFocus?.()}handleClickOutside(s){this.isOpen&&(this.el.contains(s.target)||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?.contains(document.activeElement))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=d("ds-button","ds-action-menu",this.el),n=d("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=c("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:"f9e75e06be5ee40da1f4afbb1bf5db8fae452bb7",class:s},e("div",{key:"e3e5bc1981132aac9fbd08afc1cf9607978da01b",ref:s=>this.triggerWrapperRef=s,class:s+"__trigger-wrapper"},this.renderTrigger(s)),e("div",{key:"2dd2b8c9ac4d4ed0470abaeb66d9333c538b108b",ref:s=>this.menuRef=s,id:this.menuId,role:"menu","aria-labelledby":this.dsId,class:n,style:t,hidden:!this.isOpen},e("slot",{key:"7c63f9bc5b9548853012c975c0411a8a3df0ed00"})))}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__KmYz6O.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__KmYz6O__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__KmYz6O__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__KmYz6O__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__KmYz6O__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__KmYz6O__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__KmYz6O__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__KmYz6O__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__KmYz6O__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__KmYz6O__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__KmYz6O__menu.ds-action-menu__KmYz6O__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__KmYz6O__menu.ds-action-menu__KmYz6O__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__KmYz6O__menu.ds-action-menu__KmYz6O__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__KmYz6O__menu.ds-action-menu__KmYz6O__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__KmYz6O__menu.ds-action-menu__KmYz6O__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__KmYz6O__menu.ds-action-menu__KmYz6O__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__KmYz6O__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__KmYz6O__menu.ds-action-menu__KmYz6O__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__KmYz6O__menu.ds-action-menu__KmYz6O__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__KmYz6O__menu.ds-action-menu__KmYz6O__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__KmYz6O__menu.ds-action-menu__KmYz6O__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__KmYz6O__menu.ds-action-menu__KmYz6O__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__KmYz6O__menu.ds-action-menu__KmYz6O__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"]]]);r([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))||h();break;case"ds-spinner":customElements.get(i(s))||_();break;case"ds-visually-hidden":customElements.get(i(s))||p()}}))};export{g as DsActionMenu,y as defineCustomElement}

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

@@ -1,6 +1 @@
-import { D as DsAssistiveText$1, d as defineCustomElement$1 } from './p-BBeZy2di.js';
-
-const DsAssistiveText = DsAssistiveText$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsAssistiveText, defineCustomElement };
+import{D as t,d as o}from"./p-BLLtctJi.js";const s=t,p=o;export{s as DsAssistiveText,p as defineCustomElement}

package/dist/components/ds-backdrop.js

@@ -1,6 +1 @@
-import { D as DsBackdrop$1, d as defineCustomElement$1 } from './p-CGnRWk7i.js';
-
-const DsBackdrop = DsBackdrop$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsBackdrop, defineCustomElement };
+import{D as s,d as o}from"./p-Bk39sKUw.js";const p=s,r=o;export{p as DsBackdrop,r as defineCustomElement}

package/dist/components/ds-badge.js

@@ -1,61 +1 @@
-import { p as proxyCustomElement, H, h } from './p-DaqCt6bT.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { c as cx } from './p-nu9LDvw9.js';
-import { i as idGenerator, t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { d as defineCustomElement$2 } from './p-dwuHGzKc.js';
-
-const dsBadgeCss = ".ds-badge__MGLLcm.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__MGLLcm--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__MGLLcm--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__MGLLcm--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__MGLLcm--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__MGLLcm--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__MGLLcm--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__MGLLcm--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__MGLLcm--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__MGLLcm__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__MGLLcm__content__text.sc-ds-badge{white-space:nowrap}";
-
-const dsBadgeIdGenerator = idGenerator('ds-badge');
-const DsBadge$1 = proxyCustomElement(class DsBadge extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    get el() { return this; }
-    dsId = dsBadgeIdGenerator.next().value;
-    dsText = '';
-    dsVariant = 'default';
-    dsHiddenAssistiveText;
-    dsAriaLabel;
-    get DsVisuallyHidden() {
-        return transformTagName('ds-visually-hidden', 'ds-badge', this.el);
-    }
-    render() {
-        const baseClass = cx('ds-badge');
-        return (h("div", { key: '2aa22f658c39c44efe1d5e83584e79e9d9c4eb05', class: classNames(baseClass, `${baseClass}--${this.dsVariant}`) }, h("div", { key: 'fc36b32e0501a61de1933731c1f7fe96f2c968fa', class: `${baseClass}__content` }, h("span", { key: '63eac6f120bdddd4be86e81f3510628628ff7b4b', class: `ds-text-semibold-xs ${baseClass}__content__text`, id: this.dsId, "aria-label": this.dsAriaLabel }, h("slot", { key: '1c023a1f0181782ecf2117baca1de07f03e2efc5' }, this.dsText, this.dsHiddenAssistiveText && h(this.DsVisuallyHidden, { key: '35fbdc7886a8283697c0080462fa6a995bc8cbe6', dsTag: "span" }, this.dsHiddenAssistiveText))))));
-    }
-    static get style() { return dsBadgeCss; }
-}, [262, "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"]
-    }]);
-declareComponentDependencies([h("ds-visually-hidden", null)]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-badge", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-badge":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsBadge$1);
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DsBadge = DsBadge$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DsBadge, defineCustomElement };
+import{p as s,H as d,h as e,t as a}from"./p-DZOTmLzP.js";import{c as t}from"./p-BfTCfPZ1.js";import{c as o}from"./p-ByHAbBpc.js";import{i as r,t as c,d as i}from"./p-J5Ghj1_T.js";import{d as n}from"./p-DCn1Mkl6.js";const l=r("ds-badge"),b=s(class extends d{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsId=l.next().value;dsText="";dsVariant="default";dsHiddenAssistiveText;dsAriaLabel;get DsVisuallyHidden(){return c("ds-visually-hidden","ds-badge",this.el)}render(){const s=o("ds-badge");return e("div",{key:"0b5952edb04767581882da7f90dcdab4f21898e4",class:t(s,`${s}--${this.dsVariant}`)},e("div",{key:"51e361f5d2675fa832b3bf701148f825f0e28051",class:s+"__content"},e("span",{key:"70a50201cf6f70566a6259af6f6eacb918414055",class:`ds-text-semibold-xs ${s}__content__text`,id:this.dsId,"aria-label":this.dsAriaLabel},e("slot",{key:"b6a8cef352c1be691d0f96a01d4e9aa498b9cd73"},this.dsText,this.dsHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"ba35968b6ab35158cd186c5f3eb21477967da0ef",dsTag:"span"},this.dsHiddenAssistiveText)))))}static get style(){return".ds-badge__KmYz6O.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__KmYz6O--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__KmYz6O--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__KmYz6O--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__KmYz6O--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__KmYz6O--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__KmYz6O--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__KmYz6O--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__KmYz6O--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__KmYz6O__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__KmYz6O__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"]}]);i([e("ds-visually-hidden",null)]);const g=b,m=function(){"undefined"!=typeof customElements&&["ds-badge","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-badge":customElements.get(a(s))||customElements.define(a(s),b);break;case"ds-visually-hidden":customElements.get(a(s))||n()}}))};export{g as DsBadge,m as defineCustomElement}