@duetds/components 10.0.0-alpha.13 → 10.0.0-alpha.14

package/lib/dist-custom-elements/p-b71858bd.js

@@ -1,214 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h } from './p-f2c2f3d2.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-c1e56f9a.js';
-import { d as defineCustomElement$8 } from './p-605c5b0f.js';
-import { d as defineCustomElement$7 } from './p-83e0135b.js';
-import { d as defineCustomElement$6 } from './p-7b6a89e9.js';
-import { d as defineCustomElement$5 } from './p-cde80d94.js';
-import { d as defineCustomElement$4 } from './p-861771fa.js';
-import { d as defineCustomElement$3 } from './p-fb723dff.js';
-import { d as defineCustomElement$2 } from './p-a1b0454c.js';
-import { d as defineCustomElement$1 } from './p-4f6ac36d.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: 'f24e0bea999330a0784b255398358bbc33e5f5cd', class: {
-                "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: 'fd1c2ab22646760a324b0de469959bc6607b1ad2', class: "item-categories" }, h("duet-heading", { key: 'eb2502beae139d6dd6ea11fc261f82a6c4270827', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '09e44a28ce3f85068375e592eaca1b5c3ed91ea0', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: 'd6daa4309b5d8787330e1831a0eeb4ffca998a4d', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '5b2f51d4999e30c7182178cb40a732616cef6c8e', 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-c1e56f9a.js

@@ -1,206 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f2c2f3d2.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-7b6a89e9.js';
-import { d as defineCustomElement$1 } from './p-4f6ac36d.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-cd328521.js

@@ -1,80 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.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: 'f93bdb0717b61c7968f0f595a0829f73495c2394', "aria-hidden": "true" }, h("div", { key: '32b2a1d87f574488dbd7e8d2230cfa0daa23238a', 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 };