@duetds/components 10.0.0-alpha.8 → 10.0.0

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-0ccb587d.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-846239a5.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-f86f4403.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-1080a6c7.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-2d798e15.js';
-import { d as defineCustomElement$2 } from './p-6e12d8f9.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: 'd5b99955c72ad9ac98a098e07faa2f100920e3a8', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '3fddf2e07da1d54872b4115501a4c8501df772d4', 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: '4759acf08b1c43ad6213e50112fed7a54aa1787f', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'f4e823d21ea1fe55d3fb0afd97e8767c681e54ab', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: 'a3ca7b860f746efdf47b1caae7755c74f17a1b01', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '953df9913050a8bac691da7e537760738a3b3efc', class: "pre-heading" }, h("slot", { key: '4066b006ad174acc657cbb0cc8411336b323df10', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '8c09adbe223ba47efd3980b891b947e32b06abce', class: "heading" }, h("duet-heading", { key: '3f394739a9e6eafa8d5b5c9f6ef49296ed13c124', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: '1b864d1979893f3f50925c64d0675d52784b55a0' }, h("slot", { key: 'ae59853c9e214f5eed236bba9ef070aa4d07728b', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '6a422cbe30e01041a0101c845b264c2a18df65bf', class: "description" }, h("duet-paragraph", { key: '662c6a4ea80976a1d7b960e2e148dd9360e92d4a', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '1a0028b11a43872af7de652a2ace720e5ae7e3ca' }, h("slot", { key: 'eedbb615f8ab8755b080106e4a3b16253aa203fd', name: "description" }))))), this.hasActionSlot && (h("div", { key: 'd93c8d9a830aea8ad3c8958bc88611ca5e542bed', class: "action" }, h("slot", { key: '39e0aba8c54fe6b47be4ad8f735d51832baa3b59', 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-1080a6c7.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-d74ee462.js';
-import { d as defineCustomElement$7 } from './p-db1a07f5.js';
-import { d as defineCustomElement$6 } from './p-d07ce35f.js';
-import { d as defineCustomElement$5 } from './p-b2db5fb1.js';
-import { d as defineCustomElement$4 } from './p-f611b32e.js';
-import { d as defineCustomElement$3 } from './p-f4e71ced.js';
-import { d as defineCustomElement$2 } from './p-df9299e6.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: '06a0092d79d87d126c715a5f80fdca32f81c4260', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { key: 'b480698152e4ba0f6096e22fe5b2d2ef5719c08f', 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: '0bbc2332af615b1d1534fdae79d39036dec09fd0', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '50b1bddedeb3504bd7ccccd813b537aedd68d213', name: "tooltip" }), h("div", { key: 'dbfa825c2a57227ce0ca869e4c5d7081c6fb65fb', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '96dd9c4c5a812fdad734d74fecaaf2b10d4fd513' })))));
-    }
-    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-1080a6c7.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: 'a18e1bea800f34ba634ddbdd7ef3b2741ac05693', 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: 'dd86df6b4f97f44ee5371a2e586d48eb6673e434', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { key: 'bf1968e5b50d89b25ccb6659f6b55450bf9c1d04', name: "input" }), h("label", { key: '3aa9841af26a9ad017a09c58e49f793a08f3d2a5', 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: '83ebf1480f51c230592b3c03c35d14583c7ffa8c', 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 };