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

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

@@ -1,95 +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 { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$2 } from './p-02f97b91.js';
-
-const duetNotificationCss = "*,*::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%}:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:0.7}.duet-notification{display:block;padding:16px;padding-bottom:0;cursor:pointer}:host(:first-of-type) .duet-notification{border-top-left-radius:8px;border-top-right-radius:8px}:host(:last-of-type) .duet-notification{border-bottom:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.duet-notification.duet-theme-turva{color:rgb(23, 28, 58);border-bottom-color:rgb(222, 224, 228)}.duet-notification.duet-notification-highlight{font-weight:600}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(245, 247, 250)}@media (min-width: 62em){.duet-notification:hover{background:rgb(240, 247, 250)}.duet-notification:hover.duet-theme-turva{background:rgb(245, 247, 250)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-notification-container{position:relative;display:flex;padding-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-notification-badge-container{position:relative;width:16px}.duet-notification-badge{position:absolute;top:6px;left:-2px;width:8px;height:8px;background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva .duet-notification-badge{background:rgb(198, 12, 48)}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:right;text-transform:uppercase;opacity:0.7}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}.duet-theme-turva .duet-notification-date{color:rgb(113, 118, 132)}@media (min-width: 62em){:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:1}.duet-notification{padding:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-notification:hover{background:rgb(228, 241, 247)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(240, 247, 250)}.duet-notification-container{padding-bottom:0;border-bottom-style:none}}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}";
-const DuetNotificationStyle0 = duetNotificationCss;
-
-const DuetNotification$1 = /*@__PURE__*/ proxyCustomElement(class DuetNotification extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.language = getLanguage();
-        this.accessibleLabelUnreadDefaults = {
-            en: "Unread",
-            fi: "Lukematon",
-            sv: "Oläst",
-        };
-        this.accessibleLabelUnread = getLocaleString(this.accessibleLabelUnreadDefaults, this.language);
-        this.url = "#";
-        this.date = "";
-        this.highlight = false;
-        this.external = false;
-        this.theme = "";
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    connectedCallback() {
-        connectLanguageChangeObserver(this, { prop: "accessibleLabelUnread", defaults: "accessibleLabelUnreadDefaults" });
-        subscribeTabbingChange(this);
-    }
-    disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
-        unsubscribeTabbingChange(this);
-    }
-    /**
-     * Move focus to the notification's link element.
-     * Use this method instead of the native `focus()` method.
-     * @param options
-     */
-    async setFocus(options) {
-        this.linkElement.focus(options);
-    }
-    render() {
-        return (h("div", { key: '98ec72c6cce7947b7263eeb3f46e33e22a990877', role: "listitem", class: {
-                "duet-notification": true,
-                "duet-notification-highlight": this.highlight,
-                "duet-theme-turva": this.theme === "turva",
-            } }, h("a", { key: '3736a06027a73aa7ba30e0c4b8a120c6772c0c6f', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: 'ba330229b218d4e4b58d2078e62ef7fb8dd84755', class: "duet-notification-container" }, h("div", { key: 'b3e977745d175b1df1b238399d72822511cdbc2c', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: '7899dd2e03bc72ff907719a515064f96c5a85a1f', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: '120a6ec03a1e30297fb74201aec8842a95544cd6' }, this.accessibleLabelUnread, ":")))), h("div", { key: 'a9cefa6b12b79148d75b238395613eb03b1cbdb8', class: "duet-notification-content" }, h("slot", { key: '227250fa90780100b094ef165074f2699daf3fee' })), h("div", { key: '8f8e56cf0596df33ebbb471fa7dc4297acd660aa', class: "duet-notification-date" }, this.date)))));
-    }
-    get element() { return this; }
-    static get style() { return DuetNotificationStyle0; }
-}, [1, "duet-notification", {
-        "language": [1537],
-        "accessibleLabelUnreadDefaults": [16],
-        "accessibleLabelUnread": [1025, "accessible-label-unread"],
-        "url": [1],
-        "date": [1],
-        "highlight": [4],
-        "external": [4],
-        "theme": [1025],
-        "setFocus": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-notification", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-notification":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetNotification$1);
-            }
-            break;
-        case "duet-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetNotification = DuetNotification$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetNotification, defineCustomElement };

package/lib/dist-custom-elements/duet-number-input.d.ts

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

package/lib/dist-custom-elements/duet-number-input.js

@@ -1,484 +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 { c as createID } from './p-5e59e970.js';
-import { j as isArrowRightKey, e as isArrowUpKey, f as isArrowDownKey, h as isArrowLeftKey, g as isBackspaceKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
-import { a as getLanguage, b as getLocale, 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$a } from './p-b0925e24.js';
-import { d as defineCustomElement$9 } from './p-d2a5148f.js';
-import { d as defineCustomElement$8 } from './p-4da43fbc.js';
-import { d as defineCustomElement$7 } from './p-e37d189b.js';
-import { d as defineCustomElement$6 } from './p-41dca9e4.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';
-
-var actionAdd={"title":"action-add","tags":"action add plus","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 24a.75.75 0 0 1-.75-.75v-10.5H.75a.75.75 0 0 1 0-1.5h10.5V.75a.75.75 0 0 1 1.5 0v10.5h10.5a.75.75 0 0 1 0 1.5h-10.5v10.5A.75.75 0 0 1 12 24z\"/></svg>"};
-
-var actionSubtract={"title":"action-subtract","tags":"action subtract minus remove delete cancel","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.75 12.788a.75.75 0 0 1 0-1.5h22.5a.75.75 0 0 1 0 1.5z\"/></svg>"};
-
-/**
- *  function that takes a string value or number and looks for any character resembling a minus,
- *  it will then replace it with a hypen-minus and return the parseFloat value of that string
- *  it will string / number cast the value to a number and return that number
- *  known issues: if a negative number is indicated with other characters than a "minus like" character, it will throw
- *  - an example is that some locales use (number) as an indicator for negative values instead of -number
- */
-function SafeParseFloat(value, locale) {
-    let results;
-    if (typeof value === "string") {
-        if (value === "") {
-            return null;
-        }
-        //the minuses are NOT the same characters, they differ in unicode for some languages
-        // "‐", "−", "–", and "—"
-        let convertedMinus = value.replace("−", "-").replace("‐", "-").replace("−", "-").replace("–", "-").replace("—", "-");
-        if (locale) {
-            convertedMinus = ConvertToEnUS(convertedMinus, locale, false);
-        }
-        // replace all possible spaces from the string
-        convertedMinus = convertedMinus.replace(/\s+/g, "");
-        results = parseFloat(convertedMinus);
-    }
-    if (typeof value === "number") {
-        results = parseFloat(String(value));
-    }
-    if (!isNaN(Number(results))) {
-        return Number(results);
-    }
-    if (value === null || value === undefined) {
-        return null;
-    }
-    throw new Error("Invalid value passed to SafeParseFloat");
-}
-// string conversion function that takes a locale and coverts decimal indicator to en-US indicator
-// and takes the thousand separator for the given locale and transforms that to the en-US separator
-function ConvertToEnUS(value, locale, replaceThousands = false) {
-    let replacedValue;
-    const localeSeparator = new Intl.NumberFormat(locale).format(1 / 2).replace(/[0-9]/g, "");
-    const enUSSeparator = new Intl.NumberFormat("en-US").format(1 / 2).replace(/[0-9]/g, "");
-    const thousandSeparator = new Intl.NumberFormat(locale).format(1000).replace(/[0-9]/g, "");
-    const enUSThousandSeparator = new Intl.NumberFormat("en-US").format(1000).replace(/[0-9]/g, "");
-    // double conversions to avoid ,->. and .->, at the same time resulting in a double conversion
-    replacedValue = value.replace(localeSeparator, "DECIMALSEPARATOR");
-    if (replaceThousands) {
-        replacedValue = replacedValue.replace(thousandSeparator, "THOUSANDSEPARATOR");
-    }
-    else {
-        replacedValue = replacedValue.replace(thousandSeparator, "");
-    }
-    replacedValue = replacedValue.replace("DECIMALSEPARATOR", enUSSeparator);
-    replacedValue = replacedValue.replace("THOUSANDSEPARATOR", enUSThousandSeparator);
-    return replacedValue;
-}
-const roundTo = (val, multiple) => Math.round(val / multiple) * multiple;
-const clamp = (val, min, max) => Math.min(Math.max(val, min), max);
-
-const duetNumberInputCss = "*,*::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:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;line-height:1.25;text-align:left;vertical-align:bottom}: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-number-container{position:relative;width:100%}.duet-number-buttons{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;width:96px;height:calc(100% - 2px)}.duet-number-buttons .duet-number-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50%;height:100%;text-align:center;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none}.duet-number-buttons .duet-number-button[aria-disabled=true],.duet-number-buttons .duet-number-button:disabled{pointer-events:none}.duet-number-buttons .duet-number-button[aria-disabled=true] duet-icon,.duet-number-buttons .duet-number-button:disabled duet-icon{opacity:0.4}.duet-number-buttons .duet-number-button:active duet-icon{transform:translateY(1px)}.duet-number-buttons .duet-number-button:focus{outline:0}:host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus{z-index:2;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva :host(.user-is-tabbing) .duet-number-buttons .duet-number-button:focus{box-shadow:0 0 0 2px #171c3a !important}.duet-number-buttons .duet-number-button:first-of-type{border-left:1px solid rgb(181, 198, 208)}.duet-number-buttons .duet-number-button:first-of-type::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:\"\";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-number-buttons .duet-number-button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.duet-number-buttons .duet-number-button:last-of-type::before{position:absolute;top:20%;left:0;width:1px;height:60%;content:\"\";background:rgb(212, 223, 229)}:host(.duet-theme-turva) .duet-number-buttons .duet-number-button:first-of-type::before{background:linear-gradient(to left, rgba(199, 202, 207, 0.2) 0%, rgba(199, 202, 207, 0.2) 1px, rgba(199, 202, 207, 0.1) 1px, rgba(199, 202, 207, 0) 100%)}:host(.duet-theme-turva) .duet-number-buttons .duet-number-button:last-of-type::before{background:rgb(222, 224, 228)}";
-const DuetNumberInputStyle0 = duetNumberInputCss;
-
-const DuetNumberInput$1 = /*@__PURE__*/ proxyCustomElement(class DuetNumberInput extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetChange = createEvent(this, "duetChange", 3);
-        this.duetInput = createEvent(this, "duetInput", 3);
-        this.duetBlur = createEvent(this, "duetBlur", 7);
-        this.duetFocus = createEvent(this, "duetFocus", 7);
-        this.inputId = createID("DuetInput");
-        this.proxyId = createID("DuetInput");
-        /**
-         * Component event handling.
-         */
-        this.handleFocus = () => {
-            // This state is saved on focus so we can compare on blur to it.
-            this.focusedValue = this.value;
-        };
-        this.handleKeyDown = (ev) => {
-            if (isArrowRightKey(ev) || isArrowUpKey(ev)) {
-                this.add(ev);
-            }
-            else if (isArrowDownKey(ev) || isArrowLeftKey(ev)) {
-                this.subtract(ev);
-            }
-            else if (isBackspaceKey(ev)) {
-                this.clearValue(ev);
-            }
-        };
-        this.handleChange = (ev) => {
-            ev.stopPropagation();
-            const input = ev.target;
-            if (input && input.value) {
-                try {
-                    let value = SafeParseFloat(input.value, this.locale);
-                    // Make sure that everything works if the user clears the input and
-                    // starts typing non-numeric characters.
-                    if (isNaN(value) || value == null) {
-                        value = this.min || 0;
-                    }
-                    this.setValue(value);
-                    this.duetInput.emit({
-                        component: "duet-number-input",
-                        originalEvent: ev,
-                        value: SafeParseFloat(this.value, this.locale).toString(),
-                        valueAsNumber: value,
-                    });
-                }
-                catch (e) {
-                    if (input.value !== "-") {
-                        this.clearValue(ev);
-                    }
-                    this.duetInput.emit({
-                        component: "duet-number-input",
-                        originalEvent: ev,
-                        value: null,
-                        valueAsNumber: null,
-                    });
-                }
-            }
-            else {
-                this.duetInput.emit({
-                    component: "duet-number-input",
-                    originalEvent: ev,
-                    value: null,
-                    valueAsNumber: null,
-                });
-            }
-        };
-        this.handleBlur = (ev) => {
-            const input = ev.target;
-            if (!input) {
-                return;
-            }
-            if (input.value) {
-                // On blur we want to make sure that the user input is between the min and max values,
-                // and also round it up or down to the nearest step.
-                try {
-                    let value = SafeParseFloat(input.value, this.locale);
-                    if (this.rounding) {
-                        value = roundTo(value, this.step);
-                    }
-                    value = clamp(value, this.min, this.max);
-                    if (value !== SafeParseFloat(this.value, this.locale) ||
-                        value !== SafeParseFloat(this.focusedValue, this.locale)) {
-                        this.setValue(value);
-                        this.emitChange(ev);
-                    }
-                }
-                catch (e) {
-                    this.emitNull(ev);
-                }
-            }
-            else {
-                this.emitNull(ev);
-            }
-        };
-        /**
-         * Local methods.
-         */
-        this.emitChange = (ev) => {
-            const currentValue = SafeParseFloat(this.value, this.locale);
-            this.duetChange.emit({
-                originalEvent: ev,
-                value: currentValue.toString(),
-                valueAsNumber: currentValue,
-                component: "duet-number-input",
-            });
-        };
-        this.emitNull = (ev) => {
-            this.duetChange.emit({
-                originalEvent: ev,
-                value: null,
-                valueAsNumber: null,
-                component: "duet-number-input",
-            });
-        };
-        this.localizeValue = (value) => {
-            // Returns a localized string that can be used as input value.
-            return value.toLocaleString(this.locale);
-        };
-        this.setValue = (value) => {
-            // Set the localized prop value.
-            this.value = this.localizeValue(value);
-            // Finally also set the visible input value and unit.
-            this.duetInputElement.value = `${this.value} ${this.unit}`;
-        };
-        this.add = (ev) => {
-            // If this was called via a html button, prevent the default functionality
-            // to not trigger submit accidentally when used inside a form.
-            if (ev) {
-                ev.preventDefault();
-            }
-            const cleanedValue = SafeParseFloat(this.value, this.locale);
-            // Only fire change event when necessary
-            if (cleanedValue === this.max) {
-                return;
-            }
-            // in cases where no value set, incrementing should go to min
-            let newValue = cleanedValue == null ? this.min : cleanedValue + this.step;
-            // handle cases where value is not multiple of step
-            // e.g. if someone enters 199, with a step of 100, add should go to 200
-            // and if someone enters 101, add should also go to 200
-            if (newValue % this.step !== 0) {
-                const adjustment = newValue % this.step;
-                newValue -= adjustment;
-            }
-            const clampedValue = clamp(newValue, this.min, this.max);
-            this.value = this.localizeValue(clampedValue);
-            this.emitChange(ev);
-        };
-        this.subtract = (ev) => {
-            // If this was called via a html button, prevent the default functionality
-            // to not trigger submit accidentally when used inside a form.
-            if (ev) {
-                ev.preventDefault();
-            }
-            const currentValue = SafeParseFloat(this.value, this.locale);
-            // Only fire change event when necessary.
-            if (currentValue === this.min) {
-                return;
-            }
-            let newValue = currentValue - this.step;
-            // handle cases where value is not multiple of step
-            // if someone enters 199, with a step of 100, subtract should go to 100
-            // and if someone enters 101, subtract should also go to 100
-            if (newValue % this.step !== 0) {
-                const adjustment = this.step - (newValue % this.step);
-                newValue += adjustment;
-            }
-            newValue = clamp(newValue, this.min, this.max);
-            this.value = this.localizeValue(newValue);
-            this.emitChange(ev);
-        };
-        this.language = getLanguage();
-        this.locale = getLocale(this.language).locale;
-        this.unit = getLocale(this.language).money;
-        this.focusedValue = undefined;
-        this.accessibleActiveDescendant = undefined;
-        this.accessibleControls = undefined;
-        this.accessibleDetails = undefined;
-        this.accessibleLabelledBy = undefined;
-        this.accessibleDescription = undefined;
-        this.accessibleOwns = undefined;
-        this.accessibleDescribedBy = undefined;
-        this.accessibleLiveDefaults = {
-            fi: "{current} euroa valittuna",
-            en: "{current} euros selected",
-            sv: "{current} euro valt",
-        };
-        this.accessibleLive = getLocaleString(this.accessibleLiveDefaults, this.language);
-        this.accessibleLiveEnabled = true;
-        this.accessibleAddDefaults = {
-            fi: "Lisää summaan",
-            en: "Add to the amount",
-            sv: "Lägg till beloppet",
-        };
-        this.accessibleAdd = getLocaleString(this.accessibleAddDefaults, this.language);
-        this.accessibleSubtractDefaults = {
-            fi: "Vähennä summasta",
-            en: "Subtract from the amount",
-            sv: "Dra från beloppet",
-        };
-        this.accessibleSubtract = getLocaleString(this.accessibleSubtractDefaults, this.language);
-        this.theme = "";
-        this.margin = "auto";
-        this.expand = false;
-        this.identifier = undefined;
-        this.min = 0;
-        this.labelDefaults = {
-            fi: "Nimilappu",
-            en: "Label",
-            sv: "Etikett",
-        };
-        this.label = getLocaleString(this.labelDefaults, this.language);
-        this.labelHidden = false;
-        this.max = 1000000;
-        this.name = undefined;
-        this.error = "";
-        this.tooltip = "";
-        this.step = 5000;
-        this.rounding = true;
-        this.role = undefined;
-        this.disabled = false;
-        this.required = false;
-        this.value = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        // Format the number value to a localeString initially.
-        if (this.value) {
-            this.value = this.localizeValue(SafeParseFloat(this.value, this.locale));
-        }
-        checkNamedSlotElement(this.element, "tooltip", "duet-tooltip", 1, true);
-    }
-    connectedCallback() {
-        connectLanguageChangeObserver(this, [
-            { prop: "accessibleLive", defaults: "accessibleLiveDefaults" },
-            { prop: "accessibleAdd", defaults: "accessibleAddDefaults" },
-            { prop: "accessibleSubtract", defaults: "accessibleSubtractDefaults" },
-            { prop: "label", defaults: "labelDefaults" },
-        ]);
-        subscribeTabbingChange(this);
-    }
-    disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
-        unsubscribeTabbingChange(this);
-    }
-    componentDidRender() {
-        proxyInputToSlot(this.element, this.proxyId, this.name, this.value ? `${this.value} ${this.unit}` : "", this.required);
-    }
-    /**
-     * Sets focus on the specified `duet-number-input`. Use this method instead of the global
-     * `input.focus()`.
-     */
-    async setFocus(options) {
-        this.duetInputElement.setFocus(options);
-    }
-    /**
-     * Returns a promise which resolves to the current input numeric value.
-     */
-    async getValueAsNumber() {
-        const currentValue = SafeParseFloat(this.value, this.locale);
-        return this.value === undefined || this.value === null || isNaN(currentValue) ? null : currentValue;
-    }
-    clearValue(ev) {
-        this.duetInputElement.value = "";
-        if (this.value !== null) {
-            this.value = null;
-            this.emitNull(ev);
-        }
-    }
-    formatAnnouncement() {
-        const current = !!this.value ? SafeParseFloat(this.value, this.locale) : null;
-        if (current == null) {
-            return "";
-        }
-        return this.accessibleLive.replace("{current}", current.toString(10));
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const identifier = this.identifier || this.inputId;
-        const maxlength = `${this.localizeValue(this.max)} ${this.unit}`.length;
-        const cleanedValue = !!this.value ? SafeParseFloat(this.value, this.locale) : null;
-        return (h(Host, { key: '3da7c782ce445861599dc9a836d50866b7950bef', class: {
-                "duet-theme-turva": this.theme === "turva",
-                "duet-expand": this.expand,
-                "duet-m-0": this.margin === "none",
-            } }, h("div", { key: 'a42d62f6fbf766e1d8ca3289cedad8c0da51683d', class: "duet-number-container" }, h("duet-input", { key: '802ffebd0db05445c6644fac9a8cd77a36a2df32', ref: input => (this.duetInputElement = input), onDuetChange: event => this.handleChange(event), onDuetFocus: this.handleFocus, onDuetBlur: event => this.handleBlur(event), onKeyDown: event => this.handleKeyDown(event), label: this.label, value: this.value ? `${this.value} ${this.unit}` : "", error: this.error, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": cleanedValue != null ? cleanedValue : "", maxlength: maxlength, name: this.name, component: "number", required: this.required, disabled: this.disabled, role: this.role, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true, numericKeyboard: true, autoComplete: "off", type: "text", accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleLabelledBy: this.accessibleLabelledBy, accessibleDescription: this.accessibleDescription, accessibleDetails: this.accessibleDetails, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy }, h("slot", { key: 'e724d4f60cb5ae0847b2280ff46141601b922955', name: "tooltip" }), h("div", { key: 'bddebaeb4d842b216f3c5ab57d27398c9072ecba', class: { "duet-number-buttons": true, "duet-no-label": this.labelHidden } }, h("button", { key: '9c0809c67e56135776e7f7730a11f5f2da4fabd8', disabled: this.disabled, "aria-disabled": cleanedValue == null || cleanedValue === this.min ? "true" : "false", class: "duet-number-button duet-number-button-subtract", onClick: this.subtract, type: "button" }, h("duet-visually-hidden", { key: 'd8771c771af162cf210be52b909ff79a6e0b7e49' }, this.accessibleSubtract, " ", this.step), h("duet-icon", { key: '35c87ddeaf36725a3c5502711615eae4f15e4329', icon: actionSubtract.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })), h("button", { key: '8988e8d80684cdd0d3a561e3e418d5bdf799d0de', disabled: this.disabled, "aria-disabled": cleanedValue === this.max ? "true" : "false", class: "duet-number-button duet-number-button-add", onClick: this.add, type: "button" }, h("duet-visually-hidden", { key: '163ab6c2ccdc27ec467ff3acdb2ece1b789c57d7' }, this.accessibleAdd, " ", this.step), h("duet-icon", { key: 'da61399d82dcb9263d33dd636279857685fda111', icon: actionAdd.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })))), this.accessibleLiveEnabled && (h("duet-visually-hidden", { key: '4370e4cd37e5acc790bec55999ec64bfcd5b2467', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement())))));
-    }
-    get element() { return this; }
-    static get style() { return DuetNumberInputStyle0; }
-}, [1, "duet-number-input", {
-        "language": [1025],
-        "locale": [1],
-        "unit": [1],
-        "accessibleActiveDescendant": [1, "accessible-active-descendant"],
-        "accessibleControls": [1, "accessible-controls"],
-        "accessibleDetails": [1, "accessible-details"],
-        "accessibleLabelledBy": [1, "accessible-labelled-by"],
-        "accessibleDescription": [1, "accessible-description"],
-        "accessibleOwns": [1, "accessible-owns"],
-        "accessibleDescribedBy": [1, "accessible-described-by"],
-        "accessibleLiveDefaults": [1, "accessible-live-default"],
-        "accessibleLive": [1025, "accessible-live"],
-        "accessibleLiveEnabled": [4, "accessible-live-enabled"],
-        "accessibleAddDefaults": [1, "accessible-add-default"],
-        "accessibleAdd": [1025, "accessible-add"],
-        "accessibleSubtractDefaults": [1, "accessible-subtract-defaults"],
-        "accessibleSubtract": [1025, "accessible-subtract"],
-        "theme": [1025],
-        "margin": [1],
-        "expand": [4],
-        "identifier": [1],
-        "min": [2],
-        "labelDefaults": [1, "label-default"],
-        "label": [1025],
-        "labelHidden": [4, "label-hidden"],
-        "max": [2],
-        "name": [1],
-        "error": [1],
-        "tooltip": [1],
-        "step": [2],
-        "rounding": [4],
-        "role": [1],
-        "disabled": [516],
-        "required": [4],
-        "value": [1025],
-        "focusedValue": [32],
-        "setFocus": [64],
-        "getValueAsNumber": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-number-input", "duet-button", "duet-caption", "duet-icon", "duet-input", "duet-spinner", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-number-input":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetNumberInput$1);
-            }
-            break;
-        case "duet-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "duet-caption":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "duet-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "duet-spinner":
-            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 DuetNumberInput = DuetNumberInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetNumberInput, defineCustomElement };

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

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

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

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

package/lib/dist-custom-elements/duet-page-heading.d.ts

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