@duetds/components 10.0.0-alpha.3 → 10.0.0-alpha.31

package/lib/dist-custom-elements/duet-tab.js

@@ -1,150 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h } from './p-d77db171.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as getShadowByName } from './p-1f4fbc7a.js';
-
-const duetTabCss = ":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-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected{display:block}.duet-tab.has-content-id,.duet-tab.has-content-id.selected{display:none}:host(.user-is-tabbing) .duet-tab:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tab.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
-const DuetTabStyle0 = duetTabCss;
-
-const DuetTab$1 = /*@__PURE__*/ proxyCustomElement(class DuetTab extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.setupContentElement = () => {
-            if (this.contentId) {
-                this.tabpanelElement = document.getElementById(this.contentId);
-                if (this.tabpanelElement) {
-                    this.tabpanelElement.setAttribute("role", "tabpanel");
-                    this.tabpanelElement.setAttribute("tabindex", "-1");
-                    this.tabpanelElement.removeEventListener("focus", this.tabpanelElementFocusListener);
-                    this.tabpanelElement.removeEventListener("blur", this.tabpanelElementBlurListener);
-                    this.tabpanelElement.addEventListener("focus", this.tabpanelElementFocusListener);
-                    this.tabpanelElement.addEventListener("blur", this.tabpanelElementBlurListener);
-                    if (this.accessibleDescription) {
-                        this.tabpanelElement.setAttribute("aria-description", this.accessibleDescription);
-                    }
-                    if (this.accessibleLabelledBy) {
-                        this.tabpanelElement.setAttribute("aria-labelledby", this.accessibleLabelledBy);
-                    }
-                    if (this.selected) {
-                        this.tabpanelElement.toggleAttribute("hidden", false);
-                    }
-                    else {
-                        this.tabpanelElement.toggleAttribute("hidden", true);
-                    }
-                }
-            }
-        };
-        this.tabpanelElementFocusListener = () => {
-            if (this.element.classList.contains("user-is-tabbing")) {
-                this.tabpanelElement.style.outline = "0";
-                this.tabpanelElement.style.boxShadow = getShadowByName(this.theme === "turva" ? "focus-turva" : "focus");
-            }
-        };
-        this.tabpanelElementBlurListener = () => {
-            this.tabpanelElement.style.outline = null;
-            this.tabpanelElement.style.boxShadow = null;
-        };
-        this.theme = "";
-        this.label = undefined;
-        this.caption = undefined;
-        this.selected = undefined;
-        this.notificationMark = undefined;
-        this.accessibleDescriptionDefault = null;
-        this.accessibleDescription = this
-            .accessibleDescriptionDefault
-            ? getLocaleString(this.accessibleDescriptionDefault)
-            : null;
-        this.accessibleLabelledBy = undefined;
-        this.contentId = undefined;
-    }
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * Component lifecycle events.
-     */
-    connectedCallback() {
-        connectLanguageChangeObserver(this, { prop: "accessibleDescription", defaults: "accessibleDescriptionDefault" });
-        subscribeTabbingChange(this);
-        this.setupContentElement();
-    }
-    disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
-        unsubscribeTabbingChange(this);
-        if (this.tabpanelElement) {
-            this.tabpanelElement.removeEventListener("focus", this.tabpanelElementFocusListener.bind(this));
-            this.tabpanelElement.removeEventListener("blur", this.tabpanelElementBlurListener.bind(this));
-            this.tabpanelElement = undefined;
-        }
-    }
-    setupSelected(newValue, oldValue) {
-        if (!!newValue === !!oldValue) {
-            return;
-        }
-        this.setupContentElement();
-    }
-    /**
-     * Sets focus on the tab panel.
-     */
-    async setFocus(options) {
-        this.tabpanelElement.focus(options);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h("div", { key: '59ef255c0b4a74dfce1a9c826163b9d7e6bf2e6a', ref: element => {
-                if (!this.contentId) {
-                    this.tabpanelElement = element;
-                }
-            }, role: "tabpanel", class: {
-                "duet-theme-turva": this.theme === "turva",
-                "duet-tab": true,
-                selected: this.selected,
-                "has-content-id": !!this.contentId,
-            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: '578fe62eaf0bc30216b55f128f04463b7fe5eb88' })));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "selected": ["setupSelected"]
-    }; }
-    static get style() { return DuetTabStyle0; }
-}, [1, "duet-tab", {
-        "theme": [1025],
-        "label": [513],
-        "caption": [513],
-        "selected": [516],
-        "notificationMark": [513, "notification-mark"],
-        "accessibleDescriptionDefault": [1, "accessible-description-defaults"],
-        "accessibleDescription": [1025, "accessible-description"],
-        "accessibleLabelledBy": [1, "accessible-labelled-by"],
-        "contentId": [1, "content-id"],
-        "setFocus": [64]
-    }, undefined, {
-        "selected": ["setupSelected"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-tab"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-tab":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetTab$1);
-            }
-            break;
-    } });
-}
-
-const DuetTab = DuetTab$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetTab, defineCustomElement };

package/lib/dist-custom-elements/duet-table.d.ts

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

package/lib/dist-custom-elements/duet-table.js

@@ -1,9 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { D as DuetTable$1, d as defineCustomElement$1 } from './p-22147601.js';
-
-const DuetTable = DuetTable$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetTable, defineCustomElement };

package/lib/dist-custom-elements/duet-textarea.d.ts

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

package/lib/dist-custom-elements/duet-textarea.js

@@ -1,301 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d77db171.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { D as DuetInternalLabel } from './p-42619f94.js';
-import { c as createID } from './p-5e59e970.js';
-import { c as cleanValue } from './p-df7874f9.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { c as checkNamedSlotElement, p as proxyInputToSlot } from './p-ad615991.js';
-import { d as defineCustomElement$9 } from './p-d2a5148f.js';
-import { d as defineCustomElement$8 } from './p-c7d815f6.js';
-import { d as defineCustomElement$7 } from './p-43c4a1af.js';
-import { d as defineCustomElement$6 } from './p-4da43fbc.js';
-import { d as defineCustomElement$5 } from './p-fe9e47d9.js';
-import { d as defineCustomElement$4 } from './p-36ab2d57.js';
-import { d as defineCustomElement$3 } from './p-89b10856.js';
-import { d as defineCustomElement$2 } from './p-02f97b91.js';
-
-const duetTextareaCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;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 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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)}*,*::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:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;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;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva .duet-textarea{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);border-color:rgb(143, 147, 158)}.has-error .duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva .duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva .duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva .duet-textarea[disabled]{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled]::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva .duet-textarea[disabled]::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled]:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help{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:0.875rem;line-height:1.25}.duet-textarea-help span{display:block;margin-top:8px}.duet-theme-turva .duet-textarea-help{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(143, 147, 158)}.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count{display:block;margin:8px 0 0 auto}";
-const DuetTextareaStyle0 = duetTextareaCss;
-
-const CharacterCount = ({ value, maxlength, label, theme }) => {
-    if (maxlength == null) {
-        return;
-    }
-    const length = value.length;
-    const remainder = Math.max(maxlength - length, 0); // ensure we never have negative numbers
-    const isApproachingLimit = remainder / maxlength <= 0.1; // <= 10% chars remaining
-    return (h("div", { class: "duet-character-count" }, h("duet-caption", { margin: "none", theme: theme, size: "small" }, h("duet-visually-hidden", { "aria-live": "polite", "aria-atomic": "true", class: "duet-textarea-counter-remaining" }, isApproachingLimit && `${remainder} ${label}`), h("span", { "aria-hidden": "true" }, length, "/", maxlength))));
-};
-const DuetTextarea$1 = /*@__PURE__*/ proxyCustomElement(class DuetTextarea extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetInput = createEvent(this, "duetInput", 7);
-        this.duetChange = createEvent(this, "duetChange", 7);
-        this.duetBlur = createEvent(this, "duetBlur", 7);
-        this.duetFocus = createEvent(this, "duetFocus", 7);
-        /**
-         * Own Properties
-         */
-        this.textareaId = createID("DuetTextarea");
-        this.proxyId = createID("DuetTextarea");
-        this.topCaptionId = createID("DuetCaptionTop");
-        this.topCaptionPlaceholderId = createID("DuetCaptionPlaceholderTop");
-        this.labelId = createID("DuetLabel");
-        this.errorId = createID("DuetError");
-        this.characterCountId = createID("DuetCharacterCount");
-        this.disallowPatternRegex = null;
-        this.counterLabelDefaults = {
-            fi: "merkkiä jäljellä",
-            en: "characters remaining",
-            sv: "tecken kvar",
-        };
-        /**
-         * Component event handling.
-         */
-        this.handleInput = (ev) => {
-            if (this.disallowPatternRegex) {
-                cleanValue(this.nativeInput, this.disallowPatternRegex);
-            }
-            this.value = this.nativeInput.value;
-            this.isCaptionVisible = !!this.caption;
-            this.duetInput.emit({
-                originalEvent: ev,
-                value: this.value,
-                component: "duet-textarea",
-            });
-        };
-        this.handleChange = (ev) => {
-            this.value = this.nativeInput.value;
-            this.duetChange.emit({
-                originalEvent: ev,
-                value: this.value,
-                component: "duet-textarea",
-            });
-        };
-        this.handleBlur = (ev) => {
-            this.duetBlur.emit({
-                originalEvent: ev,
-                value: this.value,
-                component: "duet-textarea",
-            });
-        };
-        this.handleFocus = (ev) => {
-            if (this.counter) {
-                this.hiddenCounterLabel.textContent = `${Math.max(this.maxlength - this.value.length, 0)}/${this.maxlength} ${this.counterLabel}`;
-            }
-            this.duetFocus.emit({
-                originalEvent: ev,
-                value: this.value,
-                component: "duet-textarea",
-            });
-        };
-        this.getDescribedBy = () => {
-            const describedBy = [];
-            if (this.isCaptionVisible && this.topCaptionId) {
-                describedBy.push(this.topCaptionId);
-            }
-            if (this.accessibleDescribedBy) {
-                describedBy.push(this.accessibleDescribedBy);
-            }
-            if (this.error) {
-                describedBy.push(this.errorId);
-            }
-            if (this.counter) {
-                describedBy.push(this.characterCountId);
-            }
-            return describedBy.length > 0 ? describedBy.join(" ") : null;
-        };
-        this.margin = "auto";
-        this.accessibleActiveDescendant = undefined;
-        this.accessibleAutocomplete = undefined;
-        this.accessibleControls = undefined;
-        this.accessibleDetails = undefined;
-        this.accessibleLabelledBy = undefined;
-        this.accessibleDescription = undefined;
-        this.accessibleLiveError = "polite";
-        this.accessibleOwns = undefined;
-        this.accessibleDescribedBy = undefined;
-        this.theme = "";
-        this.expand = false;
-        this.disabled = false;
-        this.identifier = undefined;
-        this.required = false;
-        this.label = "label";
-        this.labelColor = undefined;
-        this.labelWeight = undefined;
-        this.labelHidden = false;
-        this.name = undefined;
-        this.placeholder = undefined;
-        this.caption = undefined;
-        this.echoPlaceholder = false;
-        this.maxlength = undefined;
-        this.minlength = undefined;
-        this.error = "";
-        this.role = undefined;
-        this.tooltip = "";
-        this.tooltipDirection = "auto";
-        this.value = "";
-        this.disallowPattern = null;
-        this.counter = false;
-        this.counterLabel = getLocaleString(this.counterLabelDefaults);
-    }
-    disallowedPatternChange() {
-        this.disallowPatternRegex = this.disallowPattern ? new RegExp(this.disallowPattern, "gu") : null;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        this.disallowedPatternChange();
-        this.isCaptionVisible = !!this.caption;
-        checkNamedSlotElement(this.element, "tooltip", "duet-tooltip", 1, true);
-        if (this.counter && this.maxlength == null) {
-            console.warn("[DUET WARNING]: counter will only take effect if maxlength is set");
-        }
-    }
-    connectedCallback() {
-        connectLanguageChangeObserver(this, {
-            prop: "counterLabel",
-            defaults: "counterLabelDefaults",
-        });
-    }
-    disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
-    }
-    componentDidRender() {
-        proxyInputToSlot(this.element, this.proxyId, this.name, this.value, this.required);
-    }
-    /**
-     * Sets focus on the specified `duet-textarea`. Use this method instead of the global
-     * `textarea.focus()`.
-     */
-    async setFocus(options) {
-        this.nativeInput.focus(options);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const identifier = this.identifier || this.textareaId;
-        return (h(Host, { key: '49e8e10db6bb3a82dba74429a4ef16fd0f1adca5', class: {
-                "duet-m-0": this.margin === "none",
-                "duet-has-counter": this.counter && !this.error,
-                "duet-expand": this.expand,
-            } }, h("div", { key: '3ebe6d991a459d25fcb624c6be6d7287cd6f2856', class: {
-                "duet-textarea-container": true,
-                "duet-theme-turva": this.theme === "turva",
-                "duet-label-hidden": this.labelHidden,
-                "duet-input-top-caption-shown": this.isCaptionVisible,
-                "has-error": !!this.error,
-            } }, h(DuetInternalLabel, { key: '431f2df70846aae2a6d04f75e66c0ae702f77bb2', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '3c8ee3d71cbefc2d3859d5c78a09357599fa3d93', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: 'ecbbd7b2de0465087b6559c8941e2273e5d6e25a', name: "tooltip" }), this.caption && (h("duet-caption", { key: 'bbfa15caf320dfda6ae6d48b0c9c6fe0fe25e284', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), h("div", { key: 'c91f39fb9542a81ed961971d304517124a7046ae', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: '5f550265ff6c886f752c33ca662d56890d9f21a8', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), h("textarea", { key: '0b24c58e21a7b62f658e573f13e44d68d5639df0', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), h("duet-grid", { key: '8b7934cf5d66a8dd93054007879d3755f24edce4', alignment: "stretch" }, h("duet-grid-item", { key: '04e9818c668a06504b70dd73a925fdfd2734eee7', margin: "none", fill: true }, h("div", { key: '6fe4e85fb3d4935cc1374c4027a73e76bb499604', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'ee5eb2a2149271a7644588aa8e36c4046c7fa59e' }, this.error))), h("duet-grid-item", { key: '47937bb1385e1385d5445e978714896dadd5b320', margin: "none", class: "duet-character-count-caption" }, this.counter && (h(CharacterCount, { key: 'd681d37404d792fc9b1e379b6c84cb21c6f23190', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (h("duet-visually-hidden", { key: 'e044e35903993d4f9ac1c589bfb148eb02db83f1', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
-                this.hiddenCounterLabel = el;
-            } })))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "disallowPattern": ["disallowedPatternChange"]
-    }; }
-    static get style() { return DuetTextareaStyle0; }
-}, [1, "duet-textarea", {
-        "margin": [1],
-        "accessibleActiveDescendant": [1, "accessible-active-descendant"],
-        "accessibleAutocomplete": [1, "accessible-autocomplete"],
-        "accessibleControls": [1, "accessible-controls"],
-        "accessibleDetails": [1, "accessible-details"],
-        "accessibleLabelledBy": [1, "accessible-labelled-by"],
-        "accessibleDescription": [1, "accessible-description"],
-        "accessibleLiveError": [1, "accessible-live-error"],
-        "accessibleOwns": [1, "accessible-owns"],
-        "accessibleDescribedBy": [1, "accessible-described-by"],
-        "theme": [1025],
-        "expand": [4],
-        "disabled": [516],
-        "identifier": [1],
-        "required": [4],
-        "label": [1],
-        "labelColor": [1025, "label-color"],
-        "labelWeight": [1025, "label-weight"],
-        "labelHidden": [4, "label-hidden"],
-        "name": [1],
-        "placeholder": [1],
-        "caption": [1],
-        "echoPlaceholder": [4, "echo-placeholder"],
-        "maxlength": [2],
-        "minlength": [2],
-        "error": [1],
-        "role": [1],
-        "tooltip": [1],
-        "tooltipDirection": [1, "tooltip-direction"],
-        "value": [1025],
-        "disallowPattern": [1, "disallow-pattern"],
-        "counter": [4],
-        "counterLabel": [1, "counter-label"],
-        "setFocus": [64]
-    }, undefined, {
-        "disallowPattern": ["disallowedPatternChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-textarea", "duet-caption", "duet-grid", "duet-grid-item", "duet-icon", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-textarea":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetTextarea$1);
-            }
-            break;
-        case "duet-caption":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "duet-grid":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "duet-grid-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "duet-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "duet-tooltip-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "duet-tooltip-popup":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "duet-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetTextarea = DuetTextarea$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetTextarea, defineCustomElement };

package/lib/dist-custom-elements/duet-toggle.d.ts

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