@duetds/components 10.0.0-alpha.8 → 10.0.0

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

@@ -1,321 +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 { D as DuetStringsExternalDefaults, a as DuetStringsLoadingDefaults } from './p-9df4cfa4.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { g as getColorByName } from './p-0562173d.js';
-import { d as defineCustomElement$3 } from './p-d07ce35f.js';
-import { d as defineCustomElement$2 } from './p-1a58f15b.js';
-import { d as defineCustomElement$1 } from './p-df9299e6.js';
-
-const duetButtonCss = "*,*::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;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;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:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{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(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
-const DuetButtonStyle0 = duetButtonCss;
-
-const DuetButton = /*@__PURE__*/ proxyCustomElement(class DuetButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetFocus = createEvent(this, "duetFocus", 7);
-        this.duetBlur = createEvent(this, "duetBlur", 7);
-        this.proxyButtonSetUp = () => {
-            const slottedElement = this.element.querySelector("button[slot=proxybutton]");
-            const button = slottedElement || document.createElement("button");
-            if (this.url) {
-                if (slottedElement) {
-                    slottedElement.remove();
-                }
-                this.proxyButton = null;
-                return;
-            }
-            button.setAttribute("slot", "proxybutton");
-            button.style.display = "none";
-            button.type = this.getButtonType();
-            button.disabled = this.disabled;
-            button.setAttribute("form", this.form);
-            if (!this.form) {
-                button.removeAttribute("form");
-            }
-            // attributes should be removed in cases where name/value is not set
-            if (this.name != null) {
-                button.name = this.name;
-            }
-            else {
-                button.removeAttribute("name");
-            }
-            if (this.value != null) {
-                button.value = this.value;
-            }
-            else {
-                button.removeAttribute("value");
-            }
-            if (!slottedElement) {
-                this.element.appendChild(button);
-            }
-            this.proxyButton = button;
-        };
-        /**
-         * Component event handling.
-         */
-        this.handleClick = (ev) => {
-            // If this button wants to specifically submit a form
-            // climb up the dom to see if we're in a <form>
-            // and if so, then use JS to submit it.
-            // To understand better, see: https://www.hjorthhansen.dev/shadow-dom-form-participation/
-            if (this.submit && !this.url && (this.element.closest("form") || this.form)) {
-                ev.stopPropagation();
-                ev.preventDefault();
-                this.proxyButton.click();
-            }
-        };
-        this.onFocus = () => {
-            this.duetFocus.emit();
-        };
-        this.onBlur = () => {
-            this.duetBlur.emit();
-        };
-        this.accessibleLabel = undefined;
-        this.accessibleControls = undefined;
-        this.accessiblePopup = "false";
-        this.accessibleActiveDescendant = undefined;
-        this.accessibleOwns = undefined;
-        this.accessibleDescribedBy = undefined;
-        this.accessibleDetails = undefined;
-        this.accessibleLabelledBy = undefined;
-        this.accessibleDescription = undefined;
-        this.accessibleExpanded = undefined;
-        this.accessiblePressed = undefined;
-        this.loading = false;
-        this.variation = "default";
-        this.negative = false;
-        this.theme = "";
-        this.margin = "auto";
-        this.form = undefined;
-        this.padding = "auto";
-        this.centerText = false;
-        this.wrapping = "auto";
-        this.expand = false;
-        this.fixed = false;
-        this.disabled = false;
-        this.name = undefined;
-        this.value = undefined;
-        this.identifier = undefined;
-        this.submit = false;
-        this.external = false;
-        this.language = getLanguage();
-        this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
-        this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
-        this.accessibleLabelLoadingDefaults = DuetStringsLoadingDefaults;
-        this.accessibleLabelLoading = getLocaleString(this.accessibleLabelLoadingDefaults);
-        this.icon = "";
-        this.color = "";
-        this.iconRight = false;
-        this.iconSize = "medium";
-        this.size = "medium";
-        this.iconOnly = false;
-        this.url = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        if (this.url && this.external && this.icon) {
-            console.warn("[DUET]: Button used as an external link will override any icon that is set");
-        }
-    }
-    connectedCallback() {
-        connectLanguageChangeObserver(this, [
-            {
-                prop: "accessibleLabelExternal",
-                defaults: "accessibleLabelExternalDefaults",
-            },
-            {
-                prop: "accessibleLabelLoading",
-                defaults: "accessibleLabelLoadingDefaults",
-            },
-        ]);
-    }
-    disconnectedCallback() {
-        if (this.proxyButton) {
-            this.proxyButton = null;
-        }
-        disconnectLanguageChangeObserver(this);
-    }
-    componentDidRender() {
-        if (this.disabled === false) {
-            this.element.removeAttribute("disabled");
-        }
-        if (this.submit) {
-            this.proxyButtonSetUp();
-        }
-    }
-    getButtonType() {
-        return this.submit ? "submit" : "button";
-    }
-    getButtonIconSize() {
-        switch (this.iconSize) {
-            case "small":
-                return "small";
-            case "medium-small":
-                return "medium-small";
-            case "medium":
-                return "medium";
-            case "large":
-                return "large";
-            default:
-                return "medium";
-        }
-    }
-    /**
-     * Sets focus on the specified `duet-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() {
-        var _a, _b;
-        const isExternalLink = this.external && this.url;
-        // enforce consistency for external links
-        const icon = isExternalLink ? "action-new-window" : this.icon;
-        const iconRight = isExternalLink ? true : this.iconRight;
-        const commonChildren = (h("span", { key: '8261e9341625f40cc3443028886ba797e455fd18', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (h("span", { key: '8de1cf100792030ea48744f69b85891a75b221bd', "aria-hidden": "true", class: {
-                "duet-button-icon": true,
-                left: !iconRight,
-                right: iconRight,
-                [this.getButtonIconSize()]: true,
-            } }, h("duet-icon", { key: '34d180cb49257dea26208354b7d7af6fa3bbe224', size: "auto", margin: "none", name: icon, color: "currentColor" }))), h("span", { key: 'a80aa7681ff913fb64c194bc8a948cf44013af17', class: "duet-button-contents-slot" }, h("slot", { key: 'a7973447fad08810a13a15347d9e14b47a22d261' }))));
-        const size = this.size == "medium" || this.size == "small" || this.size == "x-small" ? this.size : "medium";
-        const commonProps = {
-            onFocus: this.onFocus,
-            onBlur: this.onBlur,
-            ref: button => (this.nativeButton = button),
-            id: this.identifier,
-            class: {
-                "duet-m-0": this.margin === "none",
-                "duet-p-0": this.padding === "none",
-                "duet-no-wrap": this.wrapping === "none",
-                "duet-button": true,
-                "duet-button-is-small": this.size === "small",
-                [`duet-button-size-${size}`]: true,
-                "duet-button-icon-only": this.iconOnly,
-                "duet-button-text-center": this.centerText,
-                "duet-button-negative": this.negative || this.variation === "negative",
-                [this.variation]: true,
-                "input-button": (_a = this.variation) === null || _a === void 0 ? void 0 : _a.startsWith("input-button"),
-                disabled: this.disabled,
-                icon: !!icon,
-                "icon-right": iconRight,
-                "icon-left": !!icon && !iconRight,
-                [this.getButtonIconSize()]: true,
-            },
-            "aria-controls": this.accessibleControls,
-            "aria-label": this.accessibleLabel,
-            "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined,
-            "aria-activedescendant": this.accessibleActiveDescendant,
-            "aria-owns": this.accessibleOwns,
-            "aria-describedby": this.accessibleDescribedBy,
-            "aria-labelledby": this.accessibleLabelledBy,
-            "aria-details": this.accessibleDetails,
-            "aria-description": this.accessibleDescription,
-        };
-        return (h(Host, { key: 'ec159b1f3d12c0389ca0ad87c1e4a5977711cb55', class: {
-                "duet-m-0": this.margin === "none",
-                "duet-small": this.size === "small",
-                "duet-x-small": this.size === "x-small",
-                "duet-fixed": this.fixed,
-                "duet-expand": this.expand,
-                [this.variation]: true,
-                "input-button": (_b = this.variation) === null || _b === void 0 ? void 0 : _b.startsWith("input-button"),
-            } }, h("span", { key: 'cbefdfe93f79c1fa1dceea5d8796242e00d03221', onClick: this.handleClick, class: {
-                "duet-button-container": true,
-                "duet-button-is-loading": this.loading,
-                "duet-theme-turva": this.theme === "turva",
-                "duet-button-negative": this.negative || this.variation === "negative",
-                [this.variation]: true,
-            } }, this.url ? (h("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (h("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && h("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "))), this.loading && h("duet-spinner", { key: 'c72fcf5021e1746ba8af63e4e9500ff1303e8ffc', color: "currentColor" })), h("slot", { key: '04a92da59dceb3d0bd30dba5fc3808b1415b42d9', name: "proxybutton" })));
-    }
-    get element() { return this; }
-    static get style() { return DuetButtonStyle0; }
-}, [1, "duet-button", {
-        "accessibleLabel": [1, "accessible-label"],
-        "accessibleControls": [1, "accessible-controls"],
-        "accessiblePopup": [1, "accessible-popup"],
-        "accessibleActiveDescendant": [1, "accessible-active-descendant"],
-        "accessibleOwns": [1, "accessible-owns"],
-        "accessibleDescribedBy": [1, "accessible-described-by"],
-        "accessibleDetails": [1, "accessible-details"],
-        "accessibleLabelledBy": [1, "accessible-labelled-by"],
-        "accessibleDescription": [1, "accessible-description"],
-        "accessibleExpanded": [4, "accessible-expanded"],
-        "accessiblePressed": [4, "accessible-pressed"],
-        "loading": [4],
-        "variation": [1],
-        "negative": [4],
-        "theme": [1025],
-        "margin": [1],
-        "form": [1],
-        "padding": [1],
-        "centerText": [4, "center-text"],
-        "wrapping": [1],
-        "expand": [4],
-        "fixed": [4],
-        "disabled": [516],
-        "name": [1],
-        "value": [1],
-        "identifier": [1],
-        "submit": [516],
-        "external": [4],
-        "language": [1537],
-        "accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
-        "accessibleLabelExternal": [1025, "accessible-label-external"],
-        "accessibleLabelLoadingDefaults": [1, "accessible-label-loading-default"],
-        "accessibleLabelLoading": [1025, "accessible-label-loading"],
-        "icon": [1],
-        "color": [1],
-        "iconRight": [4, "icon-right"],
-        "iconSize": [1, "icon-size"],
-        "size": [1],
-        "iconOnly": [4, "icon-only"],
-        "url": [513],
-        "setFocus": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-button", "duet-icon", "duet-spinner", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetButton);
-            }
-            break;
-        case "duet-icon":
-            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 { DuetButton as D, defineCustomElement as d };

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

@@ -1,13 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-const inheritGlobalTheme = (component) => {
-    // this minor change enables duet-theme-XXXXX instead of just duet-theme-turva
-    const classList = Array.from(document.documentElement.classList).join(" ") || "";
-    const theme = /(duet-theme-)([a-z]*)/gi.exec(classList);
-    if (theme && theme[1] === "duet-theme-") {
-        component.theme = theme[2] === "default" ? "" : theme[2];
-    }
-};
-
-export { inheritGlobalTheme as i };

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

@@ -1,115 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import './p-993aea39.js';
-
-const getElementsFromNamedSlot = (element, slotName) => {
-    const childElements = Array.from(element.querySelectorAll(":scope > *"));
-    return childElements.filter(el => el.matches(`[slot='${slotName}']`));
-};
-const getElementsFromDefaultSlot = (element) => {
-    const childElements = Array.from(element.querySelectorAll(":scope > *"));
-    return childElements.filter(el => !el.getAttribute("slot"));
-};
-const hasSlot = (element, slotName) => {
-    return slotName
-        ? getElementsFromNamedSlot(element, slotName).length > 0
-        : getElementsFromDefaultSlot(element).length > 0;
-};
-/**
- * Check if the slotted element matches the given selector.
- * If not, log a warning, or log a error and remove the element.
- * This function only works with named slots.
- *
- * @param hostElement Host element
- * @param slotName Name of the slot to check.
- * @param selector Css selector the slotted element should match
- * @param maxChildren Maximum number of children allowed in the slot. For no limit use 0. Default is 0.
- * @param remove If true, remove the elements that don't match. Default is false.
- */
-const checkNamedSlotElement = (hostElement, slotName, selector, maxChildren = 0, remove = false) => {
-    const warnOrError = remove ? "error" : "warn";
-    const errors = [];
-    const slottedElements = getElementsFromNamedSlot(hostElement, slotName);
-    const nonRemovedElements = slottedElements.filter(el => {
-        if (el.matches(selector)) {
-            return true;
-        }
-        errors.push(`Only elements matcing selector "${selector}" may be used in slot ${slotName}, found:\n${el.outerHTML}`);
-        if (remove) {
-            el.remove();
-            return false;
-        }
-        return true;
-    });
-    if (maxChildren && nonRemovedElements.length > maxChildren) {
-        errors.push(`Only ${maxChildren} element${maxChildren > 1 ? "s" : ""} may be used in slot ${slotName}, found ${slottedElements.length}.`);
-        if (remove) {
-            nonRemovedElements.slice(maxChildren).forEach(el => el.remove());
-        }
-    }
-    if (errors.length > 0) {
-        console[warnOrError](`Duet ${warnOrError} in ${hostElement.tagName.toLowerCase()}:\n${errors.join("\n")}${remove ? `\nElement${errors.length > 1 ? "s" : ""} removed.` : ""}`);
-    }
-};
-/**
- * Clones host element's default slot contents inside of target element.
- * Uses cloneNode so remember to always check for its caveats.
- *
- * @param hostElement Host element
- * @param targetElement Target element
- */
-const cloneDefaultSlotContent = (hostElement, targetElement) => {
-    targetElement.innerHTML = "";
-    if (hostElement.childNodes.length === 0) {
-        targetElement.innerHTML = hostElement.innerHTML;
-    }
-    else {
-        hostElement.childNodes.forEach(childNode => {
-            const copy = childNode.cloneNode(true);
-            targetElement.appendChild(copy);
-        });
-    }
-};
-/**
- * Creates hidden input element inside component's slot.
- * This can be used to support native <form> element functionalities.
- *
- * @param element Element
- * @param name Input name
- * @param value Input value
- */
-const proxyInputToSlot = (element, id, name, value, required, checked = undefined) => {
-    const prevInput = element.querySelector("input");
-    const input = prevInput || document.createElement("input");
-    if (checked === false) {
-        input.remove();
-        return;
-    }
-    input.id = id;
-    if (name !== undefined && name !== null) {
-        input.name = name;
-    }
-    if (required) {
-        input.type = "text";
-        input.hidden = true;
-        input.required = true;
-    }
-    else {
-        input.type = "hidden";
-        input.hidden = false;
-        input.required = false;
-    }
-    input.value = value;
-    if (value !== undefined && value !== null) {
-        input.value = value;
-    }
-    else if (value === undefined || value === null) {
-        input.value = null;
-    }
-    if (!prevInput) {
-        element.appendChild(input);
-    }
-};
-
-export { cloneDefaultSlotContent as a, getElementsFromDefaultSlot as b, checkNamedSlotElement as c, getElementsFromNamedSlot as g, hasSlot as h, proxyInputToSlot as p };

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

@@ -1,23 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { b as getElementsFromDefaultSlot } from './p-ad615991.js';
-
-function getAccessibleLinkLabel(component) {
-    const textContent = component.element.textContent;
-    if (component.accessibleLabel) {
-        return component.accessibleLabel;
-    }
-    if ((!!component.download || component.download === "") && textContent) {
-        return `${textContent}. ${component.accessibleLabelDownload}.`;
-    }
-    if (component.external && textContent) {
-        return `${textContent}. ${component.accessibleLabelExternal}.`;
-    }
-    if (getElementsFromDefaultSlot(component.element).length) {
-        return textContent;
-    }
-    return null;
-}
-
-export { getAccessibleLinkLabel as g };