@duetds/components 10.0.0-alpha.9 → 10.0.0

package/lib/dist-custom-elements/p-30810e37.js

@@ -1,60 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h } from './p-548610a6.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getColorByName } from './p-0562173d.js';
-
-const duetDividerCss = "*,*::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:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:rgb(212, 223, 229)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(222, 224, 228)}";
-const DuetDividerStyle0 = duetDividerCss;
-
-const DuetDivider = /*@__PURE__*/ proxyCustomElement(class DuetDivider extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = "";
-        this.margin = "auto";
-        this.color = "";
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const background = getColorByName(this.color);
-        return (h("div", { key: 'a833c22a31c93caea94753696848ad720b5dc06d', class: {
-                "duet-m-0": this.margin === "none",
-                "duet-m-s": this.margin === "small",
-                "duet-divider": true,
-                "duet-theme-turva": this.theme === "turva",
-            }, style: { background } }));
-    }
-    get element() { return this; }
-    static get style() { return DuetDividerStyle0; }
-}, [1, "duet-divider", {
-        "theme": [1025],
-        "margin": [1],
-        "color": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-divider"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-divider":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetDivider);
-            }
-            break;
-    } });
-}
-
-export { DuetDivider as D, defineCustomElement as d };

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

@@ -1,161 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import './p-993aea39.js';
-import { c as convertHtmlQuotes } from './p-9c3c64b9.js';
-
-const localeLookUpTable = {
-    fi: "fi-FI",
-    en: "en-GB",
-    us: "en-US",
-    sv: "sv-SE",
-};
-const localeMonetarySignifierLookUpTable = {
-    fi: "€",
-    en: "£",
-    us: "$",
-    sv: "€",
-};
-const defLanguageArray = ["fi", "en", "sv"];
-const defaultLanguage = "fi";
-const getCurrentLanguage = () => {
-    return document.documentElement.lang ? document.documentElement.lang.toLowerCase() : defaultLanguage;
-};
-const isOfTypeLanguage = (keyInput) => {
-    return defLanguageArray.includes(keyInput);
-};
-const checkForLanguage = (languageString = getCurrentLanguage()) => {
-    if (isOfTypeLanguage(languageString)) {
-        return languageString;
-    }
-    else {
-        return defaultLanguage;
-    }
-};
-/**
- * Returns the current language as a string representation (taken from html lang attribute)
- * If language is not fi|sv|en it will default to "fi"
- * @param {string} lang=fi - "fi" | "sv" | "en"
- * @default {string} "fi"
- */
-const getLanguage = (languageString = getCurrentLanguage()) => checkForLanguage(languageString);
-/**
- * Returns the current language and locale
- * If language is not fi|sv|en it will default to "fi"
- * special case where lang can be ALSO be "us" in addition to other types - if user decides to override local language
- * @param {string} lang="fi" - "fi" | "sv" | "en" | "us"
- * @default {object} {locale: "fi-FI", money: "€"}
- */
-const getLocale = (lang) => {
-    const returnObj = {
-        locale: localeLookUpTable[lang],
-        money: localeMonetarySignifierLookUpTable[lang],
-    };
-    if (returnObj.locale && returnObj.money) {
-        return returnObj;
-    }
-    throw new Error(`Locale for "${lang}" not found`);
-};
-/**
- * Takes any json object that is passed and/or htmlencoded and converts it to proper json
- */
-const sanitizeString = (string) => {
-    const argIsString = typeof string === "string";
-    if (argIsString) {
-        try {
-            return JSON.parse(convertHtmlQuotes(string));
-        }
-        catch (e) {
-            console.log("sanitizeString received a string, that didnt parse to json object", string, e);
-        }
-    }
-    return string;
-};
-/**
- * Returns the current string / object from a given translation object
- * If language is not fi|sv|en it will default to "fi"
- * special case where lang can be ALSO be "us" in addition to other types - if user decides to override local language
- * @param {object} langObject - {fi: "finnish", sv: "swedish", en: "english"} | string will get JSON.parsed
- * @param {boolean} languageOverride = false - in case you want to override the actual language set in html tag
- * @default {object} {locale: "fi-FI", money: "€"}
- * @returns {(string|Object)} given example contains {fi:"something"} and language===fi this will return "something"
- */
-const getLocaleString = (langObject, languageOverride) => {
-    const obj = sanitizeString(langObject);
-    if (languageOverride) {
-        return obj[checkForLanguage(languageOverride)];
-    }
-    else {
-        return obj[getLanguage()];
-    }
-};
-/**
- * Language change observer
- *
- * Change component's language property or state when the html lang attribute changes. Can also change default labeles to new language.
- * For now the <html> element must have the data-duet-lang-observe attribute set to a truthy value for the
- * language change to happen. At a later point this will be done without requiring the data attribute.
- *
- * Usage:
- * Call in component's connectedCallback
- * connectLanguageChangeObserver(this)
- * or
- * connectLanguageChangeObserver(this, [{ prop: "labelProp", defaults: "labelPropDefaults" }])
- *
- * Call in disconnectedCallback
- * disconnectLanguageChangeObserver(this)
- */
-/**
- * Component instances that have subscribed to language change.
- */
-const languageChangeSubscribers = new Set();
-/**
- * Label properties that should be changed when language changes.
- */
-const languageChangeTargets = new WeakMap();
-const languagaChangeObserverCallback = mutationList => {
-    let oldValue = defaultLanguage;
-    for (const mutation of mutationList) {
-        if (mutation.type === "attributes" && mutation.attributeName === "lang") {
-            oldValue = mutation.oldValue;
-            break;
-        }
-    }
-    if (document.documentElement.dataset.duetLangObserve !== "false") {
-        languageChangeSubscribers.forEach((component) => {
-            if (component.language) {
-                component.language = getLanguage();
-            }
-            if (languageChangeTargets.has(component)) {
-                languageChangeTargets.get(component).forEach(target => {
-                    if (component[target.defaults] && component[target.prop] === component[target.defaults][oldValue]) {
-                        component[target.prop] = getLocaleString(component[target.defaults]);
-                    }
-                });
-            }
-        });
-    }
-};
-{
-    const languageChangeObserver = new MutationObserver(languagaChangeObserverCallback);
-    languageChangeObserver.observe(document.documentElement, { attributeFilter: ["lang"], attributeOldValue: true });
-}
-const connectLanguageChangeObserver = (component, targets) => {
-    languageChangeSubscribers.add(component);
-    if (targets) {
-        if (!Array.isArray(targets)) {
-            targets = [targets];
-        }
-        if (targets.some(t => !(t.prop in component) || !(t.defaults in component))) {
-            console.error("connectLanguageChangeObserver: component must have target.prop and target.defaults properties");
-            targets = targets.filter(t => t.prop in component && t.defaults in component);
-        }
-        languageChangeTargets.set(component, targets);
-    }
-};
-const disconnectLanguageChangeObserver = (component) => {
-    languageChangeSubscribers.delete(component);
-    languageChangeTargets.delete(component);
-};
-
-export { getLanguage as a, getLocale as b, connectLanguageChangeObserver as c, disconnectLanguageChangeObserver as d, getLocaleString as g, sanitizeString as s };

package/lib/dist-custom-elements/p-3c70317f.js

@@ -1,63 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-548610a6.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: 'b7dbd1885195521736e1913de77bcfa22bf0ea8d', 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: 'f9f4284e9b6365d3989be18b0f4014d7e8f3b07e', 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-4150399b.js

@@ -1,205 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-548610a6.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as createID } from './p-5e59e970.js';
-import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { h as hasSlot } from './p-ad615991.js';
-import { d as defineCustomElement$5 } from './p-9ee4d52e.js';
-import { d as defineCustomElement$4 } from './p-77667998.js';
-import { d as defineCustomElement$3 } from './p-ed6f3abc.js';
-import { d as defineCustomElement$2 } from './p-3c70317f.js';
-import { d as defineCustomElement$1 } from './p-196352e6.js';
-
-const duetAlertCss = "*,*::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:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;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-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.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\";color:rgb(23, 28, 58);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert-wrapper.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.warning.duet-theme-turva{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.danger{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-alert-wrapper.danger.duet-theme-turva{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-alert-wrapper.success{background:#f5f9f8;border-color:rgb(48, 131, 105)}.duet-alert-wrapper.success.duet-theme-turva{background:#f5f9f8;border-color:rgb(48, 131, 105)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229)}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon.below-nav{align-self:flex-start}.duet-alert-icon duet-icon{width:20px;height:20px}";
-const DuetAlertStyle0 = duetAlertCss;
-
-const DuetAlert = /*@__PURE__*/ proxyCustomElement(class DuetAlert extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetDismiss = createEvent(this, "duetDismiss", 7);
-        this.duetCloseComplete = createEvent(this, "duetCloseComplete", 7);
-        this.descriptiveId = createID("DuetAlert");
-        this.hasShowMoreSlot = false;
-        this.iconVariationMap = {
-            default: "messaging-info",
-            success: "messaging-success",
-            warning: "messaging-alert",
-            danger: "messaging-danger-alert",
-        };
-        this.handleDismiss = (ev) => {
-            this.handleHide();
-            this.duetDismiss.emit({
-                component: "duet-alert",
-                originalEvent: ev,
-            });
-        };
-        this.handleShow = () => {
-            this.isDismissed = false;
-        };
-        this.handleHide = () => {
-            this.isDismissed = true;
-            this.element.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
-        };
-        this.theme = "";
-        this.isDismissed = false;
-        this.timeoutID = undefined;
-        this.accessibleLabelDefaults = {
-            fi: "Painike viestin sulkemiseen",
-            sv: "Knapp för att stänga meddelandet",
-            en: "Button to close the message",
-        };
-        this.accessibleLabel = getLocaleString(this.accessibleLabelDefaults);
-        this.announcements = true;
-        this.icon = "";
-        this.autoDismiss = undefined;
-        this.margin = "auto";
-        this.padding = "auto";
-        this.variation = "default";
-        this.position = "content";
-        this.dismissible = false;
-        this.focusable = false;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        this.hasShowMoreSlot = hasSlot(this.element, "show-more");
-    }
-    componentDidLoad() {
-        if (this.autoDismiss) {
-            this.timeoutID = setTimeout(() => this.handleDismiss(), this.autoDismiss);
-        }
-    }
-    connectedCallback() {
-        connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelDefaults" });
-        subscribeTabbingChange(this);
-    }
-    disconnectedCallback() {
-        if (this.timeoutID) {
-            clearTimeout(this.timeoutID);
-        }
-        disconnectLanguageChangeObserver(this);
-        unsubscribeTabbingChange(this);
-    }
-    /**
-     * Show.
-     */
-    async show() {
-        this.handleShow();
-    }
-    /**
-     * Hide.
-     */
-    async hide() {
-        this.handleHide();
-    }
-    /**
-     * Sets focus on the specified `duet-alert`.
-     * Works only when focusable property is set to true.
-     * Use this method instead of the global
-     * `button.focus()`.
-     */
-    async setFocus(options) {
-        this.alertContainer.focus(options);
-    }
-    /**
-     * There is bug in NVDA screen reader
-     * that is causing multiple alert readings
-     * when alert contains other components (link, button etc.).
-     */
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const closeColor = this.theme === "turva" ? "secondary-turva" : "secondary";
-        return (h(Host, { key: 'd3c53bc46ae4d9f94d286a8ca55a1891afaec2d1', class: {
-                "duet-theme-turva": this.theme === "turva",
-                "duet-alert-is-dismissed": this.isDismissed,
-            }, role: this.announcements ? "alert" : undefined }, h("div", { key: '9b7c2ede2a81e5459214b3262c08f5a096251f50', class: {
-                "duet-alert-wrapper": true,
-                "duet-p-0": this.padding === "none",
-                "duet-m-0": this.margin === "none",
-                [this.variation]: true,
-                [this.position]: true,
-                "duet-theme-turva": this.theme === "turva",
-            } }, h("div", { key: 'c372501af01265a0e962d41b0aeefa1b0803dc7a', class: {
-                "duet-alert": true,
-                "duet-alert-has-icon": !!this.icon || this.position === "below-nav",
-                "duet-alert-has-show-more": this.hasShowMoreSlot,
-                "duet-alert-is-dismissible": this.dismissible,
-                "duet-p-0": this.padding === "none",
-                "duet-m-0": this.margin === "none",
-                [this.variation]: true,
-                "duet-theme-turva": this.theme === "turva",
-            } }, h("div", { key: '6a00f96245f482fa280c5618d1ab3e3d61ae57bf', class: "duet-alert-container", ref: element => {
-                this.alertContainer = element;
-            }, tabindex: this.focusable ? "0" : undefined }, this.icon && this.position !== "below-nav" && (h("div", { key: '3993720ebce31589b986f5441c9f8f48719f6c97', class: "duet-alert-icon" }, h("duet-icon", { key: 'fc93bdce332702991e0dedf6eba0276c5d9c3e6d', size: "auto", name: this.icon, color: "currentColor" }))), this.position === "below-nav" && (h("div", { key: 'e469d1feb00ce1b223b7977a1b87228933556823', class: "duet-alert-icon below-nav" }, h("duet-icon", { key: '8e3407af6309c0107a6e78107c965cf28cadbec3', size: "auto", name: this.iconVariationMap[this.variation], color: this.variation === "default" ? "currentColor" : this.variation }))), h("span", { key: 'e4e8494c19f24f7da051b98cef3c3efcdeb47031', id: this.descriptiveId }, h("slot", { key: '1ce9a6e6c13e76f6fbf1317fa867d5400c79f41e' }))), this.hasShowMoreSlot && (h("duet-show-more", { key: '2106929166ce1b954dff45ed25b218ddce15f4d9', margin: "none", class: "duet-alert-show-more" }, h("slot", { key: '331aa9d74f0b995b55b6b119e569411a07673c3e', name: "show-more" }))), this.dismissible && (h("div", { key: '9cfd9e835660d246540ca7452de22bcd324d4682', class: "duet-alert-dismiss" }, h("duet-button", { key: 'fe950cf6c3d775160bd97b34e88ca71603a47d19', variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, color: closeColor, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: this.handleDismiss, fixed: true })))))));
-    }
-    get element() { return this; }
-    static get style() { return DuetAlertStyle0; }
-}, [1, "duet-alert", {
-        "theme": [1025],
-        "accessibleLabelDefaults": [1, "accessible-label-default"],
-        "accessibleLabel": [1025, "accessible-label"],
-        "announcements": [4],
-        "icon": [1],
-        "autoDismiss": [2, "auto-dismiss"],
-        "margin": [1],
-        "padding": [1],
-        "variation": [1],
-        "position": [1],
-        "dismissible": [4],
-        "focusable": [4],
-        "isDismissed": [32],
-        "timeoutID": [32],
-        "show": [64],
-        "hide": [64],
-        "setFocus": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-alert", "duet-button", "duet-icon", "duet-show-more", "duet-spinner", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-alert":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetAlert);
-            }
-            break;
-        case "duet-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "duet-show-more":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "duet-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "duet-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DuetAlert as D, defineCustomElement as d };