@duetds/components 10.0.0-alpha.8 → 10.0.0

package/lib/dist-custom-elements/p-10cd2c68.js

@@ -1,214 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h } from './p-1080a6c7.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getLocaleString } from './p-35375593.js';
-import { p as parsePossibleJSON } from './p-9c3c64b9.js';
-import { d as defineCustomElement$9 } from './p-297845c1.js';
-import { d as defineCustomElement$8 } from './p-bae3d92e.js';
-import { d as defineCustomElement$7 } from './p-2d798e15.js';
-import { d as defineCustomElement$6 } from './p-d07ce35f.js';
-import { d as defineCustomElement$5 } from './p-b662900e.js';
-import { d as defineCustomElement$4 } from './p-6e12d8f9.js';
-import { d as defineCustomElement$3 } from './p-f86f4403.js';
-import { d as defineCustomElement$2 } from './p-5ad0aa2d.js';
-import { d as defineCustomElement$1 } from './p-df9299e6.js';
-
-const getError = (code, errorCodes) => {
-    let error = {
-        type: undefined,
-        system_message: undefined,
-        message: undefined,
-    };
-    errorCodes = parsePossibleJSON(errorCodes);
-    error = errorCodes.filter(errorItem => {
-        // the == is intentional we may be comparing numbers to strings - and that is ok here
-        return errorItem.type == code;
-    })[0];
-    if (!error) {
-        error = errorCodes.filter(errorItem => {
-            return errorItem.type === "default";
-        })[0];
-    }
-    return error;
-};
-const getI18nError = (errorCode, errorCodes) => {
-    const errorFromJson = getError(errorCode, errorCodes);
-    const i18String = getLocaleString(errorFromJson.message);
-    if (i18String === "" || !i18String) {
-        return errorFromJson.system_message;
-    }
-    else {
-        return i18String;
-    }
-};
-
-const formatBytes = (bytes, decimals = 2) => {
-    if (bytes === 0) {
-        return "0 Bytes";
-    }
-    const k = 1024;
-    const dm = decimals < 0 ? 0 : decimals;
-    const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-    const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
-};
-
-const duetUploadItemCss = ".file-link::part(duet-link){text-decoration:none}";
-const DuetUploadItemStyle0 = duetUploadItemCss;
-
-const DuetUploadItem = /*@__PURE__*/ proxyCustomElement(class DuetUploadItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.fileUploadingInfo = {
-            fi: "Tiedosto latautuu",
-            sv: "Filen laddas upp",
-            en: "File is uploading",
-        };
-        this.onLinkClick = (event) => {
-            const { url, meta } = this.data;
-            if (!!this.linkClickEvent) {
-                event.preventDefault();
-                this.linkClickEvent.emit({
-                    component: "duet-upload",
-                    data: { name: this.data.item.name, url, meta },
-                });
-            }
-        };
-        this.theme = "";
-        this.data = undefined;
-        this.type = undefined;
-        this.showLinks = undefined;
-        this.actions = undefined;
-        this.buttonTitles = undefined;
-        this.label = undefined;
-        this.categoryLabel = undefined;
-        this.errorCodes = undefined;
-        this.showCategory = undefined;
-        this.linkClickEvent = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * focusActionButton.
-     */
-    async focusActionButton() {
-        if (this.actionButton) {
-            await this.actionButton.setFocus({ preventScroll: true });
-            this.actionButton.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
-        }
-    }
-    getFileNameLine() {
-        const { item, size, uploaded, url, progress, error } = this.data;
-        const { name } = item;
-        const ContentName = (h("span", { class: "duet-upload-item-name" }, h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), name));
-        const SizeText = (h("span", { class: "duet-upload-item-size", style: { fontSize: "14px", fontWeight: "400" } }, "(", formatBytes(size), ")"));
-        switch (this.type) {
-            case "inprogress":
-                return (h("span", { class: "duet-upload-item-name", role: "status" }, h("duet-paragraph", { class: "duet-upload-item-name", color: "gray-darker", margin: "none", weight: "semi-bold" }, h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), name), h("duet-visually-hidden", null, h("duet-paragraph", null, getLocaleString(this.fileUploadingInfo))), h("duet-progress", { theme: this.theme, progress: Math.ceil(progress), "aria-hidden": true })));
-            case "pending":
-                return (h("span", { class: "duet-upload-item-name" }, h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), name));
-            case "failure":
-                return (h("span", { class: "duet-upload-item-error", role: "status" }, h("duet-paragraph", { class: "duet-upload-item-name", color: "danger", margin: "none", weight: "semi-bold" }, h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), name), h("duet-paragraph", { class: "duet-upload-item-error-label", size: "small", margin: "none", color: "danger" }, getI18nError(error.type, this.errorCodes))));
-            default:
-                return uploaded && url && this.showLinks ? (h("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" }, h("duet-link", { class: "file-link", onClick: this.onLinkClick, url: url }, ContentName), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), SizeText)) : (h("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" }, ContentName, h("duet-spacer", { size: "xx-small", direction: "horizontal" }), SizeText));
-        }
-    }
-    getActionButtonTitle(actionItem) {
-        if (this.buttonTitles[actionItem.name] === true || this.buttonTitles[actionItem.name] === false) {
-            return actionItem;
-        }
-        return getLocaleString(this.buttonTitles[actionItem.name]);
-    }
-    render() {
-        const { uid, meta, item } = this.data;
-        const Badges = meta && meta.badges ? (h("span", null, meta.badges.map(badgeText => (h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
-        const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-        return (h("div", { key: '332e1526223fb2285774ed2e29c674dea838e232', class: {
-                "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: '9a5a6e61b953db803287fb2bd812766400efcbdf', class: "item-categories" }, h("duet-heading", { key: '47b709c68b4c4e864cde019e6b227097f24d26e3', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '224e07d455a755301b4b2f6e1fe6adbac0e0ffec', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '1554e6a65644e37e8ab61e855184ae423667dcd6', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '8611f87c39502a4931ca2e7526ae45f119eb48fa', class: "item-actions" }, this.actions.map(actionItem => {
-            return (h("duet-action-button", { actionMeta: Object.assign({}, meta || {}), actionId: uid || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${actionDescription} ${getLocaleString(actionItem.label)} `, accessibleTitle: this.getActionButtonTitle(actionItem), ref: button => (this.actionButton = button) }));
-        }))));
-    }
-    get element() { return this; }
-    static get style() { return DuetUploadItemStyle0; }
-}, [0, "duet-upload-item", {
-        "theme": [1025],
-        "data": [16],
-        "type": [1],
-        "showLinks": [4, "show-links"],
-        "actions": [8],
-        "buttonTitles": [16],
-        "label": [16],
-        "categoryLabel": [16],
-        "errorCodes": [16],
-        "showCategory": [4, "show-category"],
-        "linkClickEvent": [16],
-        "focusActionButton": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-upload-item", "duet-action-button", "duet-badge", "duet-heading", "duet-icon", "duet-link", "duet-paragraph", "duet-progress", "duet-spacer", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-upload-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetUploadItem);
-            }
-            break;
-        case "duet-action-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "duet-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "duet-heading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "duet-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "duet-paragraph":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "duet-progress":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "duet-spacer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "duet-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DuetUploadItem as D, getI18nError as a, defineCustomElement as d, getError as g };

package/lib/dist-custom-elements/p-115c79b6.js

@@ -1,6 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-var actionArrowDownSmall={"title":"action-arrow-down-small","tags":"action arrow down small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 19.5a2.3 2.3 0 0 1-1.729-.78L.46 7.568a1.847 1.847 0 0 1 2.773-2.439l8.579 9.752a.25.25 0 0 0 .376 0l8.579-9.752a1.847 1.847 0 1 1 2.773 2.439l-9.808 11.148A2.31 2.31 0 0 1 12 19.5z\"/></svg>"};
-
-export { actionArrowDownSmall as a };

package/lib/dist-custom-elements/p-1892dc7c.js

@@ -1,80 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1080a6c7.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-
-const duetOverlayCss = ".duet-overlay{position:fixed;top:0;left:0;display:block;width:100%;height:100%;visibility:visible;background:rgb(8, 42, 77);opacity:0.3}.duet-overlay.duet-theme-turva{background:rgb(23, 28, 58)}.duet-overlay.keep-stacking-context{position:absolute;top:unset;left:unset;z-index:unset !important}.duet-overlay.modal-overlay{z-index:-1}.duet-overlay.hidden{visibility:hidden;opacity:0}.duet-overlay.dark{opacity:0.85}.duet-overlay.white{background:rgb(255, 255, 255);opacity:0.9}.duet-overlay.white.duet-theme-turva{background:rgb(255, 255, 255)}.duet-overlay.display-x-small{display:none}@media (max-width: 35.9375em){.duet-overlay.display-x-small{display:block}}.duet-overlay.display-x-small.not{display:block}@media (max-width: 35.9375em){.duet-overlay.display-x-small.not{display:none}}.duet-overlay.display-small{display:none}@media (min-width: 36em){.duet-overlay.display-small{display:block}}.duet-overlay.display-small.not{display:block}@media (min-width: 36em){.duet-overlay.display-small.not{display:none}}.duet-overlay.display-medium{display:none}@media (min-width: 48em){.duet-overlay.display-medium{display:block}}.duet-overlay.display-medium.not{display:block}@media (min-width: 48em){.duet-overlay.display-medium.not{display:none}}.duet-overlay.display-large{display:none}@media (min-width: 62em){.duet-overlay.display-large{display:block}}.duet-overlay.display-large.not{display:block}@media (min-width: 62em){.duet-overlay.display-large.not{display:none}}.duet-overlay.transition-slowly{transition:600ms ease}.duet-overlay.transition-quickly{transition:300ms ease}";
-const DuetOverlayStyle0 = duetOverlayCss;
-
-const DuetOverlay = /*@__PURE__*/ proxyCustomElement(class DuetOverlay extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.getDisplayBreakpoint = () => {
-            if (this.displayDevice.startsWith("not")) {
-                return this.displayDevice.substring(this.displayDevice.indexOf("-") + 1);
-            }
-            return this.displayDevice;
-        };
-        this.visible = true;
-        this.keepStackingContext = false;
-        this.modalOverlay = false;
-        this.theme = "";
-        this.displayDevice = "all";
-        this.transition = "slowly";
-        this.zIndex = "400";
-        this.variation = "default";
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: 'e78292bc58b3d6983aa2db68149622528d66310b', "aria-hidden": "true" }, h("div", { key: '210906eeeedaa5e72de0e8550e4388b3cef81fb4', style: { zIndex: this.zIndex }, class: {
-                "duet-overlay": true,
-                "duet-theme-turva": this.theme === "turva",
-                "keep-stacking-context": this.keepStackingContext,
-                [`transition-${this.transition}`]: this.transition !== "immediate",
-                "display-x-small": this.getDisplayBreakpoint() === "x-small",
-                "display-small": this.getDisplayBreakpoint() === "small",
-                "display-medium": this.getDisplayBreakpoint() === "medium",
-                "display-large": this.getDisplayBreakpoint() === "large",
-                not: this.displayDevice.startsWith("not"),
-                hidden: !this.visible,
-                [this.variation]: true,
-            } })));
-    }
-    static get style() { return DuetOverlayStyle0; }
-}, [1, "duet-overlay", {
-        "visible": [1540],
-        "keepStackingContext": [1540, "keep-stacking-context"],
-        "modalOverlay": [1540, "modal-overlay"],
-        "theme": [1025],
-        "displayDevice": [1025, "display-device"],
-        "transition": [1025],
-        "zIndex": [1025, "z-index"],
-        "variation": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-overlay"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-overlay":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetOverlay);
-            }
-            break;
-    } });
-}
-
-export { DuetOverlay as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-1a58f15b.js

@@ -1,63 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1080a6c7.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getColorByName } from './p-0562173d.js';
-
-const duetSpinnerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:rgb(0, 119, 179) !important}:host(.duet-theme-turva) .duet-spinner{color:rgb(198, 12, 48) !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:rgb(0, 119, 179);border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:\"\";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}";
-const DuetSpinnerStyle0 = duetSpinnerCss;
-
-const DuetSpinner = /*@__PURE__*/ proxyCustomElement(class DuetSpinner extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.accessibleLabel = undefined;
-        this.color = "gray-lightest";
-        this.size = "small";
-        this.theme = "";
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (h(Host, { key: 'f90db790b3bcceaf36452793649037f87f8b3afb', class: {
-                "duet-custom-color": this.color !== "currentColor" && this.theme !== "turva" && this.theme !== "default",
-                "duet-theme-turva": this.theme === "turva" && this.color !== "currentColor",
-                "duet-theme-default": this.theme === "default" && this.color !== "currentColor",
-            } }, h("div", { key: '41396371d1421d5e44865fce2ea0697ccf099a86', class: {
-                "duet-spinner": true,
-                [this.size]: true,
-            }, style: { color }, "aria-label": this.accessibleLabel })));
-    }
-    static get style() { return DuetSpinnerStyle0; }
-}, [1, "duet-spinner", {
-        "accessibleLabel": [1, "accessible-label"],
-        "color": [1],
-        "size": [1],
-        "theme": [1025]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-spinner":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetSpinner);
-            }
-            break;
-    } });
-}
-
-export { DuetSpinner as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-297845c1.js

@@ -1,206 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1080a6c7.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as createID } from './p-5e59e970.js';
-import { d as debounce } from './p-9e371678.js';
-import { i as isKeyboardClick } from './p-8db11326.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './p-0562173d.js';
-import { d as defineCustomElement$2 } from './p-d07ce35f.js';
-import { d as defineCustomElement$1 } from './p-df9299e6.js';
-
-const duetActionButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}";
-const DuetActionButtonStyle0 = duetActionButtonCss;
-
-const DuetActionButton = /*@__PURE__*/ proxyCustomElement(class DuetActionButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetActionEvent = createEvent(this, "duetActionEvent", 6);
-        this.listId = createID("duet-action-button");
-        /**
-         * Private methods.
-         */
-        //helper to emit relevant page events
-        this.emitPageEvent = debounce(e => {
-            this.duetActionEvent.emit({
-                component: "duet-action-button",
-                originalEvent: e,
-                action: this.actionId,
-                name: this.actionName,
-                meta: this.actionMeta,
-                id: this.listId,
-            });
-        });
-        this.numbersStore = "";
-        this.theme = "";
-        this.iconName = "action-arrow-left-small";
-        this.iconColor = "currentColor";
-        this.iconSize = "xx-small";
-        this.actionName = undefined;
-        this.actionId = undefined;
-        this.actionMeta = undefined;
-        this.disabled = false;
-        this.color = "";
-        this.background = "";
-        this.accessibleTitle = true;
-        this.accessibleDescribedBy = undefined;
-        this.accessibleDetails = undefined;
-        this.accessibleLabelledBy = undefined;
-        this.accessibleDescription = undefined;
-        this.accessibleLabelsDefaults = {
-            en: "Click to activate action",
-            fi: "Klikkaa aktivoidaksesi toiminto",
-            sv: "Klicka för att aktivera åtgärd",
-        };
-        this.accessibleLabel = getLocaleString(this.accessibleLabelsDefaults);
-        this.accessibleControls = "";
-        this.url = undefined;
-    }
-    //handle a11y keyboard navigation events
-    async onKeyboardDown(e) {
-        if (isKeyboardClick(e)) {
-            this.emitPageEvent(e);
-        }
-    }
-    //return readable title for the action-button
-    getTitle() {
-        if (typeof this.accessibleTitle === "string") {
-            return this.accessibleTitle;
-        }
-        if (this.accessibleTitle === true && this.actionName) {
-            return capitalizeFirstLetter(`${this.actionName}`);
-        }
-        return null;
-    }
-    async onMouseHandler(e) {
-        e.preventDefault();
-        this.duetActionEvent.emit({
-            component: "duet-action-button",
-            originalEvent: e,
-            action: this.actionName,
-            id: this.actionId,
-            meta: this.actionMeta,
-        });
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    connectedCallback() {
-        connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelsDefaults" });
-    }
-    disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
-    }
-    /**
-     * Sets focus on the specified `duet-action-button`. Use this method instead of the global
-     * `button.focus()`.
-     */
-    async setFocus(options) {
-        if (this.nativeButton) {
-            this.nativeButton.focus(options);
-        }
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color, this.theme);
-        const backgroundColor = getColorByName(this.background, this.theme);
-        const backgroundHoverColor = backgroundColor ? shadeRGBColor(backgroundColor, -0.1) : backgroundColor;
-        const backgroundStyles = backgroundColor
-            ? `
-          button.duet-action-button {
-            background: ${backgroundColor} !important;
-          }
-          button.duet-action-button:not(:disabled):hover {
-            background: ${backgroundHoverColor} !important;
-          }
-        `
-            : "";
-        const styles = {
-            color,
-            "border-color": getColorByName(this.iconColor, this.theme),
-            "border-width": "1px",
-            "border-style": "solid",
-        };
-        const commonProps = {
-            ref: button => (this.nativeButton = button),
-            part: "button",
-            style: styles,
-            disabled: this.disabled,
-            id: this.listId,
-            type: "button",
-            "aria-label": this.accessibleLabel,
-            "aria-labelledby": this.accessibleLabelledBy,
-            "aria-description": this.accessibleDescription,
-            "aria-describedby": this.accessibleDescribedBy,
-            "aria-details": this.accessibleDetails,
-            "aria-controls": this.accessibleControls,
-            title: this.getTitle(),
-            class: {
-                "duet-action-button": true,
-                "duet-action-button--disabled": this.disabled,
-                [`duet-action-button--${this.theme}`]: this.theme !== "",
-                "duet-theme-turva": this.theme === "turva",
-            },
-        };
-        return (h(Host, { key: '784004122f9530676cbff39d09e3e4a4f7ccbf8f', onKeyDown: e => this.onKeyboardDown(e) }, h("style", { key: 'b34416cab89d2c6f2c4d67902239ab7140d74fb4', innerHTML: backgroundStyles }), this.url && !this.disabled ? (h("a", Object.assign({}, commonProps, { href: this.url }), h("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }))) : (h("button", Object.assign({}, commonProps, { onClick: e => this.onMouseHandler(e) }), h("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), h("duet-visually-hidden", null, h("slot", null))))));
-    }
-    get element() { return this; }
-    static get style() { return DuetActionButtonStyle0; }
-}, [1, "duet-action-button", {
-        "theme": [1025],
-        "iconName": [1, "icon-name"],
-        "iconColor": [1, "icon-color"],
-        "iconSize": [1, "icon-size"],
-        "actionName": [1, "action-name"],
-        "actionId": [1, "action-id"],
-        "actionMeta": [1, "action-meta"],
-        "disabled": [4],
-        "color": [513],
-        "background": [1],
-        "accessibleTitle": [8, "title"],
-        "accessibleDescribedBy": [1, "accessible-described-by"],
-        "accessibleDetails": [1, "accessible-details"],
-        "accessibleLabelledBy": [1, "accessible-labelled-by"],
-        "accessibleDescription": [1, "accessible-description"],
-        "accessibleLabelsDefaults": [16],
-        "accessibleLabel": [1025, "accessible-label"],
-        "accessibleControls": [1, "accessible-controls"],
-        "url": [513],
-        "numbersStore": [32],
-        "setFocus": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-action-button", "duet-icon", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-action-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetActionButton);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "duet-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DuetActionButton as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-2d798e15.js

@@ -1,80 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h } from './p-1080a6c7.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { s as sanitizeString } from './p-9c3c64b9.js';
-import { g as getColorByName } from './p-0562173d.js';
-
-const duetHeadingCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}.duet-heading{margin-bottom:16px !important;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);text-decoration:none;text-wrap:balance;letter-spacing:-0.01rem;word-break:break-word}@media (min-width: 36em){.duet-heading{margin-bottom:20px !important}}.duet-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:italic;font-weight:700;color:rgb(23, 28, 58)}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid rgb(212, 223, 229)}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:rgb(98, 121, 138)}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw;line-height:1.1}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h0.fixed-size{font-size:4.5rem}.duet-heading.h1{font-size:7vw;line-height:1.1}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h1.fixed-size{font-size:3rem}.duet-heading.h2{font-size:5.8vw;line-height:1.1}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h2.fixed-size{font-size:2.25rem}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h3.fixed-size{font-size:1.5rem}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h4.fixed-size{font-size:1.25rem}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h5.fixed-size{font-size:1.25rem}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-normal,.duet-heading.duet-theme-turva.duet-normal{font-style:normal !important;font-weight:400 !important}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}";
-const DuetHeadingStyle0 = duetHeadingCss;
-
-const DuetHeading = /*@__PURE__*/ proxyCustomElement(class DuetHeading extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.level = "h2";
-        this.margin = "auto";
-        this.visualLevel = undefined;
-        this.border = false;
-        this.weight = "auto";
-        this.color = "";
-        this.theme = "";
-        this.hyphenate = false;
-        this.fixedSize = false;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const TagName = sanitizeString(this.level);
-        const color = getColorByName(this.color);
-        return (h(TagName, { key: 'adbe366a86226640d4f10adf49a086ca946a4c00', class: {
-                "duet-heading": true,
-                "duet-heading-border": this.border !== false,
-                "duet-heading-border-solid": this.border === "solid",
-                "duet-normal": this.weight === "normal",
-                "duet-semibold": this.weight === "semibold",
-                "duet-heading-hyphenate": this.hyphenate,
-                "duet-m-0": this.margin === "none",
-                [this.visualLevel ? this.visualLevel : this.level]: true,
-                "duet-theme-turva": this.theme === "turva",
-                "fixed-size": this.fixedSize,
-            }, style: { color }, part: "duet-heading" }, h("slot", { key: '387caeef0be5837581a9e16d8f2d36eb942d3f27' })));
-    }
-    get element() { return this; }
-    static get style() { return DuetHeadingStyle0; }
-}, [1, "duet-heading", {
-        "level": [513],
-        "margin": [1],
-        "visualLevel": [1, "visual-level"],
-        "border": [8],
-        "weight": [1],
-        "color": [1],
-        "theme": [1025],
-        "hyphenate": [4],
-        "fixedSize": [4, "fixed-size"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-heading"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-heading":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetHeading);
-            }
-            break;
-    } });
-}
-
-export { DuetHeading as D, defineCustomElement as d };