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

package/lib/dist-custom-elements/duet-popup-menu-item.d.ts

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

package/lib/dist-custom-elements/duet-popup-menu-item.js

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

package/lib/dist-custom-elements/duet-popup-menu.d.ts

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

package/lib/dist-custom-elements/duet-popup-menu.js

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

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

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

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

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

package/lib/dist-custom-elements/duet-promo-card.d.ts

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

package/lib/dist-custom-elements/duet-promo-card.js

@@ -1,105 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { h as hasSlot, c as checkNamedSlotElement } from './p-ad615991.js';
-import { g as getColorByName } from './p-0562173d.js';
-import { d as defineCustomElement$3 } from './p-83e0135b.js';
-import { d as defineCustomElement$2 } from './p-861771fa.js';
-
-const duetPromoCardCss = "*,*::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:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;color:rgb(8, 42, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .content-wrapper:focus{border-radius:20px;outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.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\"}.duet-promo-card.duet-theme-turva .content-wrapper:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-promo-card-link:hover.duet-theme-turva{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}";
-const DuetPromoCardStyle0 = duetPromoCardCss;
-
-const DuetPromoCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetPromoCard extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = "";
-        this.margin = "auto";
-        this.backgroundColor = "";
-        this.textColor = "secondary";
-        this.image = "";
-        this.headingLevel = "h3";
-        this.url = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        this.hasPreHeadingSlot = hasSlot(this.element, "pre-heading");
-        this.hasHeadingSlot = hasSlot(this.element, "heading");
-        this.hasDescriptionSlot = hasSlot(this.element, "description");
-        this.hasActionSlot = hasSlot(this.element, "action");
-        checkNamedSlotElement(this.element, "heading", "span");
-        checkNamedSlotElement(this.element, "description", "span");
-    }
-    /**
-     * Sets focus on underlying a element.
-     * Available only when url attribute is used.
-     * Use this method instead of the native `focus()`.
-     */
-    async setFocus(options) {
-        if (this.url && this.aOrDivElement) {
-            this.aOrDivElement.focus(options);
-        }
-    }
-    /**
-     * render() function
-     * Always the last one of the class.
-     */
-    render() {
-        const backgroundColor = getColorByName(this.backgroundColor, this.theme);
-        const bannerStyles = {
-            backgroundColor: backgroundColor ? backgroundColor : "none",
-        };
-        const TagName = this.url ? "a" : "div";
-        return (h(Host, { key: '5d52e64c1d3690ac035e8a871be19a3af1634cf6', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '71accf7dad1f906660fd274f9ab2f80d47a7cbf0', class: {
-                "duet-promo-card": true,
-                "duet-theme-turva": this.theme === "turva",
-                "no-bg-color": !this.backgroundColor,
-                "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, h(TagName, { key: 'c143f8a1ab12a2b74e705d7731db79acdc77ba9c', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: '7444e135bf6f99c7dba5c48252e867162a54435b', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '90d7ec1df0f15ddd7302c66cbdbebe93fb88c118', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '5668fca99b2fb91c2332912ffad323121d62609a', class: "pre-heading" }, h("slot", { key: '5ad67f77f308d377b424213c324d840761f366df', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '0507f691441a3e00b368c2ad5ffc9570b555cbaa', class: "heading" }, h("duet-heading", { key: '6013085118d47ada0ca0e00e36e506d66d351af0', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: '7172a732bd24d6a0fbf959ff08d49db480bc79ca' }, h("slot", { key: 'd333f8788f08c176d0ddf4b2e91ff1d82826d01e', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '4f8047bdebfdeafc953e8317bdd8ff71eb8e3ea5', class: "description" }, h("duet-paragraph", { key: '4840ee8433dbaabdebddc0330d1b0c5f8d4b4235', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '255f404403532703f4fdca0ffb4e17ae64b2112e' }, h("slot", { key: '17dc76d3a1954059aede710d109ddd9073680331', name: "description" }))))), this.hasActionSlot && (h("div", { key: 'a96c5b9ca22d2ca962a22d5e8f9336d9c5e3b894', class: "action" }, h("slot", { key: '847683c0a2273709d919017375bcb82b22b54fdc', name: "action" }))))))));
-    }
-    get element() { return this; }
-    static get style() { return DuetPromoCardStyle0; }
-}, [1, "duet-promo-card", {
-        "theme": [1025],
-        "margin": [1],
-        "backgroundColor": [1, "background-color"],
-        "textColor": [1, "text-color"],
-        "image": [1],
-        "headingLevel": [1, "heading-level"],
-        "url": [1],
-        "setFocus": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-promo-card", "duet-heading", "duet-paragraph"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-promo-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetPromoCard$1);
-            }
-            break;
-        case "duet-heading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "duet-paragraph":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetPromoCard = DuetPromoCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetPromoCard, defineCustomElement };

package/lib/dist-custom-elements/duet-radio-group.d.ts

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

package/lib/dist-custom-elements/duet-radio-group.js

@@ -1,213 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as checkNamedSlotElement } from './p-ad615991.js';
-import { f as findCheckedOption, w as watchForOptions } from './p-7d8a2628.js';
-import { d as defineCustomElement$8 } from './p-ef48f2c7.js';
-import { d as defineCustomElement$7 } from './p-63200e87.js';
-import { d as defineCustomElement$6 } from './p-7b6a89e9.js';
-import { d as defineCustomElement$5 } from './p-821de204.js';
-import { d as defineCustomElement$4 } from './p-91688dd8.js';
-import { d as defineCustomElement$3 } from './p-0cd28b7b.js';
-import { d as defineCustomElement$2 } from './p-4f6ac36d.js';
-
-const duetRadioGroupCss = "*,*::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(.horizontal) .duet-radio-group{display:block}@media (min-width: 48em){:host(.horizontal) .duet-radio-group{display:flex}}:host(.horizontal) .duet-radio-group.duet-no-stacking{display:flex}.deut-radio-group{width:100%}";
-const DuetRadioGroupStyle0 = duetRadioGroupCss;
-
-const DuetRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetRadioGroup extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Component event handling.
-         */
-        this.onSelect = (ev) => {
-            const selectedRadio = ev.target;
-            if (selectedRadio) {
-                this.value = selectedRadio.value;
-            }
-            // Prevent events from bubbling up the DOM tree in case
-            // this group is a sub-group of another choice group.
-            ev.cancelBubble = true;
-        };
-        this.direction = "vertical";
-        this.margin = "auto";
-        this.theme = "";
-        this.error = "";
-        this.tooltip = "";
-        this.tooltipDirection = "auto";
-        this.name = undefined;
-        this.label = "Label";
-        this.labelHidden = false;
-        this.caption = "";
-        this.responsive = false;
-        this.value = undefined;
-        this.disabled = undefined;
-        this.required = false;
-        this.accessibleLiveError = "polite";
-    }
-    /**
-     * Component lifecycle events.
-     */
-    async connectedCallback() {
-        const el = this.element;
-        if (this.value === undefined) {
-            const radio = findCheckedOption(el, "duet-radio");
-            if (radio !== undefined) {
-                await radio.componentOnReady();
-                if (this.value === undefined) {
-                    this.value = radio.value;
-                }
-            }
-        }
-        this.mutationO = watchForOptions(el, "duet-radio", newOption => {
-            if (newOption !== undefined) {
-                newOption.componentOnReady().then(() => {
-                    this.value = newOption.value;
-                });
-            }
-            else {
-                this.updateRadios();
-            }
-        });
-        this.updateRadios();
-    }
-    disconnectedCallback() {
-        if (this.mutationO) {
-            this.mutationO.disconnect();
-            this.mutationO = undefined;
-        }
-    }
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        checkNamedSlotElement(this.element, "tooltip", "duet-tooltip", 1, true);
-    }
-    /**
-     * Local methods.
-     */
-    async updateRadios() {
-        /**
-         * Make sure we get all radios first so values are up to date prior
-         * to caching the radio group value
-         */
-        const radios = Array.from(this.element.querySelectorAll("duet-radio"));
-        const { value } = this;
-        let hasChecked = false;
-        // Walk the DOM in reverse order, since the last selected one wins
-        for (const radio of radios) {
-            radio.name = this.name;
-            radio.required = this.required;
-            radio.groupDisabled = this.disabled;
-            radio.groupDirection = this.direction;
-            radio.groupResponsive = this.responsive;
-            if (!hasChecked && radio.value === value) {
-                // Correct value for this radio, but this radio isn't checked yet
-                // and we haven't found a checked yet
-                hasChecked = true;
-                radio.checked = true;
-            }
-            else {
-                // This radio doesn't have the correct value or the radio group has been already checked
-                radio.checked = false;
-            }
-        }
-        // Reset value if
-        if (!hasChecked) {
-            this.value = undefined;
-        }
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: '4242a1fe41f7fbcd8000c7392c65ec81179bd227', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { key: '81092fc226ce36b27cc0bdc03e570fadbfe78244', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: 'd3d2cd4a15601b585a421c888257c1b177100413', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'ad6d5df30cde73f8daf74d6c51115bac36cf85a2', name: "tooltip" }), h("div", { key: '7ba507b2ce0308690e90011217cc0f27974b533c', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '7f73202d35116a66cbbefa03e4a6ecdea939d1ef' })))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "name": ["updateRadios"],
-        "value": ["updateRadios"],
-        "disabled": ["updateRadios"],
-        "direction": ["updateRadios"],
-        "responsive": ["updateRadios"]
-    }; }
-    static get style() { return DuetRadioGroupStyle0; }
-}, [1, "duet-radio-group", {
-        "direction": [1],
-        "margin": [1],
-        "theme": [1025],
-        "error": [1],
-        "tooltip": [1],
-        "tooltipDirection": [1, "tooltip-direction"],
-        "name": [1],
-        "label": [1],
-        "labelHidden": [4, "label-hidden"],
-        "caption": [1],
-        "responsive": [4],
-        "value": [1537],
-        "disabled": [4],
-        "required": [4],
-        "accessibleLiveError": [1, "accessible-live-error"]
-    }, undefined, {
-        "name": ["updateRadios"],
-        "value": ["updateRadios"],
-        "disabled": ["updateRadios"],
-        "direction": ["updateRadios"],
-        "responsive": ["updateRadios"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-radio-group", "duet-caption", "duet-fieldset", "duet-icon", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-radio-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetRadioGroup$1);
-            }
-            break;
-        case "duet-caption":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "duet-fieldset":
-            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 DuetRadioGroup = DuetRadioGroup$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetRadioGroup, defineCustomElement };

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

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

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

@@ -1,230 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f2c2f3d2.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as createID } from './p-5e59e970.js';
-import { g as getElementsFromNamedSlot, h as hasSlot } from './p-ad615991.js';
-
-const duetRadioCss = "*,*::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:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.vertical){margin-right:0 !important}:host(.horizontal){margin-bottom:0 !important;width:auto}:host(.horizontal) .duet-label .duet-label-content{max-width:100%}@media (min-width: 48em){:host(.horizontal-responsive){margin-right:28px !important;margin-bottom:0 !important;width:auto}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}:host(.horizontal-responsive) .duet-label .duet-label-content{max-width:100%}}:host(.duet-m-0){margin:0 !important}:host(:last-child:not(:only-child)){margin-right:0 !important;margin-bottom:0 !important}.duet-label{position:relative;z-index:100;display:flex;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva .duet-label{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)}.duet-label .duet-label-content{flex-grow:1;font-size:1rem}.duet-label-hidden .duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container{position:relative;width:100%;height:100%}.duet-label::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:50%}.duet-theme-turva .duet-label::before{border-color:rgb(23, 28, 58)}.duet-label.focus::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-label.focus::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-label.checked::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:\"\";background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva .duet-label.checked::after{background:rgb(23, 28, 58)}.duet-label.disabled{color:rgb(98, 121, 138)}.duet-theme-turva .duet-label.disabled{color:rgb(143, 147, 158)}.duet-label.disabled::before{border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-label.disabled::before{border-color:rgb(143, 147, 158)}.duet-label.disabled.checked::before{border:1px solid rgb(127, 150, 165)}.duet-label.disabled.checked::after{background:rgb(127, 150, 165)}.duet-theme-turva .duet-label.disabled.checked::after{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}*::slotted([slot=input]){padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}*::slotted([slot=input][disabled]){cursor:default}";
-const DuetRadioStyle0 = duetRadioCss;
-
-const DuetRadio$1 = /*@__PURE__*/ proxyCustomElement(class DuetRadio extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetChange = createEvent(this, "duetChange", 7);
-        this.duetFocus = createEvent(this, "duetFocus", 7);
-        this.duetBlur = createEvent(this, "duetBlur", 7);
-        /**
-         * Own Properties.
-         */
-        this.radioId = createID("DuetRadio");
-        this.radioInputListenersRemove = radioInput => {
-            radioInput.removeEventListener("change", this.onChange);
-            //radioInput.removeEventListener("click", this.onRadioClick)
-            radioInput.removeEventListener("focus", this.onFocus);
-            radioInput.removeEventListener("blur", this.onBlur);
-        };
-        this.radioInputListenersAdd = radioInput => {
-            radioInput.addEventListener("change", this.onChange);
-            //radioInput.addEventListener("click", this.onRadioClick)
-            radioInput.addEventListener("focus", this.onFocus);
-            radioInput.addEventListener("blur", this.onBlur);
-        };
-        this.radioInputSetUp = () => {
-            const slotInput = this.element.querySelector("input[slot=input]");
-            const radioInput = slotInput || document.createElement("input");
-            radioInput.slot = "input";
-            radioInput.disabled = this.disabled || this.groupDisabled ? true : undefined;
-            radioInput.id = this.identifier || this.radioId;
-            radioInput.type = "radio";
-            radioInput.name = this.name;
-            radioInput.value = this.value;
-            radioInput.checked = this.checked;
-            if (this.accessibleIndex) {
-                radioInput.tabIndex = Number(this.accessibleIndex);
-            }
-            radioInput.required = this.required;
-            radioInput.role = this.role;
-            if (this.accessibleControls) {
-                radioInput.setAttribute("aria-controls", this.accessibleControls);
-            }
-            if (this.accessibleActiveDescendant) {
-                radioInput.setAttribute("aria-activedescendant", this.accessibleActiveDescendant);
-            }
-            if (this.accessibleOwns) {
-                radioInput.setAttribute("aria-owns", this.accessibleOwns);
-            }
-            if (this.accessibleDescribedBy) {
-                radioInput.setAttribute("aria-describedby", this.accessibleDescribedBy);
-            }
-            if (this.accessibleLabelledBy) {
-                radioInput.setAttribute("aria-labelledby", this.accessibleLabelledBy);
-            }
-            if (this.accessibleDetails) {
-                radioInput.setAttribute("aria-details", this.accessibleDetails);
-            }
-            if (this.accessibleDescription) {
-                radioInput.setAttribute("aria-description", this.accessibleDescription);
-            }
-            if (this.hasLabel) {
-                const slotContent = getElementsFromNamedSlot(this.element, "label");
-                radioInput.ariaLabel = slotContent.length > 0 ? slotContent[0].textContent : this.labelElement.textContent;
-            }
-            else {
-                radioInput.ariaLabel = this.labelElement.textContent;
-            }
-            if (slotInput) {
-                this.radioInputListenersRemove(radioInput);
-            }
-            else {
-                this.element.appendChild(radioInput);
-            }
-            this.radioInputListenersAdd(radioInput);
-            this.focusableElement = radioInput;
-        };
-        /**
-         * Component event handling.
-         */
-        this.onClick = (ev) => {
-            ev.stopPropagation();
-        };
-        this.onChange = (ev) => {
-            const input = this.focusableElement;
-            const inputChecked = input.checked;
-            this.checked = inputChecked;
-            if (this.checked && !this.blockEvents) {
-                this.duetChange.emit({
-                    originalEvent: ev,
-                    checked: this.checked,
-                    value: this.value,
-                    component: "duet-radio",
-                });
-            }
-        };
-        this.onBlur = (ev) => {
-            this.focus = false;
-            this.duetBlur.emit({
-                originalEvent: ev,
-                checked: this.checked,
-                value: this.value,
-                component: "duet-radio",
-            });
-        };
-        this.onFocus = (ev) => {
-            this.focus = true;
-            this.duetFocus.emit({
-                originalEvent: ev,
-                checked: this.checked,
-                value: this.value,
-                component: "duet-radio",
-            });
-        };
-        this.focus = false;
-        this.accessibleActiveDescendant = undefined;
-        this.accessibleDetails = undefined;
-        this.accessibleLabelledBy = undefined;
-        this.accessibleDescription = undefined;
-        this.accessibleIndex = undefined;
-        this.margin = "auto";
-        this.accessibleControls = undefined;
-        this.accessibleOwns = undefined;
-        this.accessibleDescribedBy = undefined;
-        this.theme = "";
-        this.disabled = false;
-        this.required = false;
-        this.blockEvents = false;
-        this.identifier = undefined;
-        this.label = "label";
-        this.name = undefined;
-        this.role = undefined;
-        this.groupDisabled = undefined;
-        this.groupDirection = undefined;
-        this.groupResponsive = undefined;
-        this.checked = undefined;
-        this.value = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        this.hasLabel = hasSlot(this.element, "label");
-        if (this.value === undefined) {
-            this.value = this.identifier;
-        }
-    }
-    componentDidRender() {
-        this.radioInputSetUp();
-    }
-    /**
-     * Sets focus on the specified `duet-radio`. Use this method instead of the global
-     * `input.focus()`.
-     */
-    async setFocus(options) {
-        this.focusableElement.focus(options);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: 'a52c6ac475749b2d64a22d9b37e841039fb39d2a', onClick: this.onClick, class: {
-                horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
-                "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
-                "duet-m-0": this.margin === "none",
-            } }, h("div", { key: '417713dd7269568373d53e39dd9b380549baeeca', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { key: '290edaf76e243376166f55ba7e18010c7d7d0a33', name: "input" }), h("label", { key: 'f3aa06a86046c1b0256dab97bd42633fcdeb9db9', inert: true, ref: element => (this.labelElement = element), class: {
-                "duet-label": true,
-                checked: this.checked,
-                focus: this.focus,
-                disabled: this.disabled || this.groupDisabled,
-            } }, h("div", { key: 'c849be25a4c0058030e19d2c21ebf4cb7242f95e', class: "duet-label-content" }, this.hasLabel ? h("slot", { name: "label" }) : this.label)))));
-    }
-    get element() { return this; }
-    static get style() { return DuetRadioStyle0; }
-}, [1, "duet-radio", {
-        "accessibleActiveDescendant": [1, "accessible-active-descendant"],
-        "accessibleDetails": [1, "accessible-details"],
-        "accessibleLabelledBy": [1, "accessible-labelled-by"],
-        "accessibleDescription": [1, "accessible-description"],
-        "accessibleIndex": [1, "accessible-index"],
-        "margin": [1],
-        "accessibleControls": [1, "accessible-controls"],
-        "accessibleOwns": [1, "accessible-owns"],
-        "accessibleDescribedBy": [1, "accessible-described-by"],
-        "theme": [1025],
-        "disabled": [516],
-        "required": [4],
-        "blockEvents": [4, "block-events"],
-        "identifier": [1],
-        "label": [1],
-        "name": [1],
-        "role": [1],
-        "groupDisabled": [4, "group-disabled"],
-        "groupDirection": [1, "group-direction"],
-        "groupResponsive": [4, "group-responsive"],
-        "checked": [1540],
-        "value": [1537],
-        "focus": [32],
-        "setFocus": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-radio"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-radio":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetRadio$1);
-            }
-            break;
-    } });
-}
-
-const DuetRadio = DuetRadio$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetRadio, defineCustomElement };