@duetds/components 9.2.7 → 10.0.0-alpha.0

package/lib/dist-custom-elements/{p-d5201dfd.js → p-01846eb6.js}

@@ -3,11 +3,11 @@
  */
 import { p as proxyCustomElement, H, h, d as Host } from './p-f66602b0.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { h as hasSlot, g as getElementsFromDefaultSlot } from './p-8b3decf2.js';
-import { d as defineCustomElement$4 } from './p-ee6f575b.js';
-import { d as defineCustomElement$3 } from './p-b5b250a2.js';
-import { d as defineCustomElement$2 } from './p-4d4d8c03.js';
-import { d as defineCustomElement$1 } from './p-20906875.js';
+import { h as hasSlot, b as getElementsFromDefaultSlot } from './p-b5ea877d.js';
+import { d as defineCustomElement$4 } from './p-38a3168a.js';
+import { d as defineCustomElement$3 } from './p-8342a3e5.js';
+import { d as defineCustomElement$2 } from './p-cb5df864.js';
+import { d as defineCustomElement$1 } from './p-18c3a72b.js';
 
 const duetScrollableCss = "*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items .duet-scrollable-fade-overlay{position:absolute;bottom:0;z-index:250;display:block;width:10px;height:100%;pointer-events:none;transition:transform 300ms ease}:host .duet-scrollable-items .duet-scrollable-fade-overlay--hidden{display:none}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay{}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay.left{left:calc(0px - 10px);background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items:not(.buttons) .duet-scrollable-fade-overlay.right{right:calc(0px - 10px);background-image:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-fade-overlay.left{left:calc(40px - 10px);background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-fade-overlay.right{right:calc(40px - 10px);background-image:linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0))}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transition:transform 300ms ease;transform:scale(0.8)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-right:10px;padding-left:10px;margin:0 -10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}";
 const DuetScrollableStyle0 = duetScrollableCss;
@@ -229,21 +229,21 @@ const DuetScrollable = /*@__PURE__*/ proxyCustomElement(class DuetScrollable ext
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'ba1e4f4c2221fec32507a3ba66829f2f34dcb225', class: {
+        return (h(Host, { key: 'b4198b556c21a0b793694cfc88c23d2ae01d50bf', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '5d9131e9e7be00a46d1f919d04127586cc9a6d91', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: 'c15a9e37829ff7f41eb5c90156f78086777a44d7', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: 'af675db06e61bd24d608ba0395ca54bd8feac172', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '686ee5f4804f2a3ffd059778eee189633615bf37', name: "collapse-button-label" })))), h("div", { key: '074caf18d31c3b9a019cebf7ca2e8ac6b7ca61e4', class: {
+            } }, h("duet-button", { key: '69ac59727a4efdf372e05a241e53f3f465278782', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '9ae0e03e390f546425e0c4a36ba4e1b14e9df548', name: "collapse-button-label" })))), h("div", { key: '693aa91ad582ae80b569a3d1c1cdcd6a2fd5b4fc', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
-            } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), h("div", { key: '64cd0312d4a7b8db126efb7c153519d8c99f61a5', class: {
+            } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), h("div", { key: 'f24739dbd27c222602e2aaf283e1ebdbc9a4af0b', class: {
                 "duet-scrollable-list": true,
                 collapsed: this.collapsed,
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '380081180cef409cb8b9e6cd4e572e0699678137' })), this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: 'a27f4a34f1c196b441eebf291c9cfd9e2a632299' })), this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/{p-a8b848a0.js → p-0ac72fc8.js}

@@ -5,7 +5,7 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-f66602b0.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$1 } from './p-20906875.js';
+import { d as defineCustomElement$1 } from './p-18c3a72b.js';
 
 const duetProgressCss = "*,*::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;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:rgb(240, 247, 250);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(255, 241, 241)}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:rgb(198, 12, 48)}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(240, 247, 250);border-radius:0}.duet-progress progress[value]::-webkit-progress-value{background-color:rgb(0, 119, 179);background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(240, 247, 250)}.duet-progress.duet-theme-turva progress[value]{color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:rgb(255, 241, 241)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:rgb(198, 12, 48)}.duet-progress.duet-theme-turva progress[value] ::-moz-progress-bar{background-color:rgb(255, 241, 241)}";
 const DuetProgressStyle0 = duetProgressCss;
@@ -14,6 +14,7 @@ const DuetProgress = /*@__PURE__*/ proxyCustomElement(class DuetProgress extends
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         /**
          * Own Properties
          */
@@ -64,7 +65,7 @@ const DuetProgress = /*@__PURE__*/ proxyCustomElement(class DuetProgress extends
     }
     get element() { return this; }
     static get style() { return DuetProgressStyle0; }
-}, [0, "duet-progress", {
+}, [1, "duet-progress", {
         "accessibleDescribedBy": [1, "accessible-described-by"],
         "accessibleDetails": [1, "accessible-details"],
         "accessibleLabelledBy": [1, "accessible-labelled-by"],

package/lib/dist-custom-elements/p-145c94a8.js

@@ -0,0 +1,273 @@
+/*!
+ * Built with Duet Design System
+ */
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f66602b0.js';
+import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
+import { c as createID } from './p-5e59e970.js';
+import { c as checkNamedSlotElement } from './p-b5ea877d.js';
+import { p as parsePossibleJSON } from './p-9c3c64b9.js';
+import { d as defineCustomElement$7 } from './p-a6b39855.js';
+import { d as defineCustomElement$6 } from './p-8342a3e5.js';
+import { d as defineCustomElement$5 } from './p-d0aaf2cd.js';
+import { d as defineCustomElement$4 } from './p-98b1d4c1.js';
+import { d as defineCustomElement$3 } from './p-ee079d76.js';
+import { d as defineCustomElement$2 } from './p-c9a14c7b.js';
+import { d as defineCustomElement$1 } from './p-18c3a72b.js';
+
+const duetSelectCss = "*,*::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%;max-width:100%;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-select-variation-tiny,:host.duet-select-variation-compact{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}:host.duet-select-variation-compact{width:auto}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-select-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny{width:72px}.duet-select-wrapper{position:relative;width:100%;padding:15px 14px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-select-wrapper{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-variation-tiny .duet-select-wrapper{width:81px;padding:0 !important}.duet-select-variation-compact .duet-select-wrapper{padding:0 !important;line-height:1}.duet-select-wrapper select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;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;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva .duet-select-wrapper select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-wrapper select:hover+.duet-select{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-select-wrapper select:hover+.duet-select{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-select-wrapper select:hover+.duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-select-wrapper select:hover+.duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper select:focus+.duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(23, 28, 58)}.duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(0, 119, 179)}.has-error .duet-select-wrapper select:focus+.duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-select-wrapper select:focus+.duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper select[disabled]{cursor:default !important}.duet-select-wrapper select[disabled]+.duet-select{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-select-wrapper select[disabled]+.duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper span.duet-keep-container-height{opacity:0}.duet-select-variation-compact .duet-select-wrapper span.duet-keep-container-height{display:none}.duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error .duet-select{border-color:rgb(214, 28, 82) !important}.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-select svg{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva .duet-select svg{color:rgb(23, 28, 58)}.duet-select-variation-tiny .duet-select,.duet-select-variation-compact .duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny .duet-select duet-icon,.duet-select-variation-compact .duet-select duet-icon{padding-left:10px}.duet-select-variation-compact .duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-select-help span{display:block;margin-top:8px}.duet-theme-turva .duet-select-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error .duet-select-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-select-help{color:rgb(214, 28, 82)}.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}";
+const DuetSelectStyle0 = duetSelectCss;
+
+function isOptionGroup(item) {
+    return "options" in item;
+}
+function findOptionByValue(items, value) {
+    for (var i = 0; i < items.length; i++) {
+        let item = items[i];
+        if (isOptionGroup(item)) {
+            item = findOptionByValue(item.options, value);
+        }
+        if (item && item.value === value) {
+            return item;
+        }
+    }
+}
+const DuetSelect = /*@__PURE__*/ proxyCustomElement(class DuetSelect extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.duetChange = createEvent(this, "duetChange", 3);
+        this.duetFocus = createEvent(this, "duetFocus", 7);
+        this.duetBlur = createEvent(this, "duetBlur", 7);
+        /**
+         * Own Properties
+         */
+        this.selectId = createID("DuetSelect");
+        this.errorId = createID("DuetError");
+        this.labelId = createID("DuetLabel");
+        this.topCaptionId = createID("DuetCaptionTop");
+        this.topCaptionPlaceholderId = createID("DuetCaptionPlaceholderTop");
+        /**
+         * Component event handling.
+         */
+        this.onClick = (ev) => {
+            ev.stopPropagation();
+        };
+        this.onChange = () => {
+            this.value = this.nativeSelect.value;
+            this.duetChange.emit({
+                value: this.value,
+                component: "duet-select",
+            });
+        };
+        this.onBlur = (ev) => {
+            this.duetBlur.emit({
+                originalEvent: ev,
+                value: this.value,
+                component: "duet-select",
+            });
+        };
+        this.onFocus = (ev) => {
+            this.duetFocus.emit({
+                originalEvent: ev,
+                value: this.value,
+                component: "duet-select",
+            });
+        };
+        this.getDescribedBy = () => {
+            const describedBy = [];
+            if (this.isCaptionVisible && this.topCaptionId) {
+                describedBy.push(this.topCaptionId);
+            }
+            if (this.accessibleDescribedBy) {
+                describedBy.push(this.accessibleDescribedBy);
+            }
+            if (this.error) {
+                describedBy.push(this.errorId);
+            }
+            return describedBy.length > 0 ? describedBy.join(" ") : null;
+        };
+        this.processedItems = null;
+        this.variation = "default";
+        this.accessibleActiveDescendant = undefined;
+        this.accessibleDescribedBy = undefined;
+        this.margin = "auto";
+        this.accessibleControls = undefined;
+        this.accessibleOwns = undefined;
+        this.error = "";
+        this.accessibleLiveError = "polite";
+        this.expand = false;
+        this.value = undefined;
+        this.theme = "";
+        this.labelHidden = false;
+        this.identifier = undefined;
+        this.name = undefined;
+        this.placeholder = "";
+        this.caption = undefined;
+        this.echoPlaceholder = false;
+        this.items = undefined;
+        this.disabled = false;
+        this.required = false;
+        this.label = "label";
+        this.labelColor = undefined;
+        this.labelWeight = undefined;
+        this.role = undefined;
+        this.tooltip = "";
+        this.tooltipDirection = "auto";
+    }
+    valueChanged() {
+        if (this.nativeSelect) {
+            this.nativeSelect.value = this.value;
+        }
+        this.isCaptionVisible = !!this.caption;
+    }
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad() {
+        inheritGlobalTheme(this);
+        this.isCaptionVisible = !!this.caption;
+        checkNamedSlotElement(this.element, "tooltip", "duet-tooltip", 1, true);
+        this.refresh();
+    }
+    /**
+     * Sets focus on the specified `duet-select`. Use this method instead of the global
+     * `select.focus()`.
+     */
+    async setFocus(options) {
+        if (this.nativeSelect) {
+            this.nativeSelect.focus(options);
+        }
+    }
+    /**
+     * Local methods.
+     */
+    async refresh() {
+        this.processedItems = parsePossibleJSON(this.items);
+    }
+    getSelectedItemLabel() {
+        let item;
+        if (this.processedItems) {
+            item = findOptionByValue(this.processedItems, this.value);
+        }
+        return item ? item.label : this.placeholder || "";
+    }
+    renderOption(option) {
+        return (h("option", { "aria-label": option.ariaLabel, value: option.value, key: option.value, selected: this.value === option.value, disabled: option.disabled }, option.label));
+    }
+    renderOptionGroup(group) {
+        return (h("optgroup", { key: group.label, label: group.label, disabled: group.disabled }, group.options.map(option => this.renderOption(option))));
+    }
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render() {
+        const identifier = this.identifier || this.selectId;
+        return (h(Host, { key: '28f5db49f64ea0115fa20745df6d535fac98ca08', onClick: this.onClick, class: {
+                "duet-m-0": this.margin === "none",
+                "duet-expand": this.expand,
+                [`duet-select-variation-${this.variation}`]: true,
+            } }, h("div", { key: '73e7a3937df41f97d6501cb393b05a1e11e07b97', class: {
+                "duet-select-container": true,
+                "duet-label-hidden": this.labelHidden,
+                "duet-theme-turva": this.theme === "turva",
+                [`duet-select-variation-${this.variation}`]: true,
+                "duet-input-top-caption-shown": this.isCaptionVisible,
+                "has-error": !!this.error,
+            } }, h("duet-label", { key: '1b908d4ce2db347aea7654f7d150c3536023be7e', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: 'f4ae4625f3844a0a4ff41ceeb5b09cc73f2c3139', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '56432a29cd588587216dcb91b1d7fa29ae80c12d', name: "tooltip" }), this.caption && (h("duet-caption", { key: '2664591e6e79d7786ecd95e2136b7eb6ac46eb43', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: '17a7d144eb109640535302879dc8e46622f7542a', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: '2777dafee5e8f98ca467b83cfa672aeb2bd51d26', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), h("select", { key: '2d00bf64843b3d4402d75b50660baaa701e776bd', ref: select => (this.nativeSelect = select), disabled: this.disabled, name: this.name, id: identifier, role: this.role, "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, required: this.required }, this.placeholder && (h("option", { key: '9f4a48986073692a67a221d489c3bc9402324828', disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (h("option", null, "Virhe valintoja ladattaessa. P\u00E4ivit\u00E4 sivu ja kokeile uusiksi.")) : (this.processedItems.map(item => {
+            return isOptionGroup(item) ? this.renderOptionGroup(item) : this.renderOption(item);
+        }))), h("div", { key: '00870092e20d5e30222ad0afa3072d1dfba03dce', class: {
+                "duet-select": true,
+                [`duet-select-variation-${this.variation}`]: true,
+            }, "aria-hidden": "true" }, h("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (h("svg", { key: 'e1e57dfb22ba2d97a460c34b18a49355e8fa41a7', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5fedaf97f4a4293f318512cc312d4c1d6ac9fce2', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" })))) || (h("duet-icon", { key: '52b2404b48602331e322f5ccf6f338cf5dba46e4', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), h("span", { key: 'c647fdcfac98bfd444789464f4e89f905a3db068', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), h("span", { key: '2f8730fa473524bdc6fbfe52f295215fe023b984', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && h("span", { key: '438e8329537edfc708bb57ce8de8d91abb7aaae8' }, this.error)))));
+    }
+    get element() { return this; }
+    static get watchers() { return {
+        "value": ["valueChanged"],
+        "items": ["refresh"]
+    }; }
+    static get style() { return DuetSelectStyle0; }
+}, [1, "duet-select", {
+        "variation": [1],
+        "accessibleActiveDescendant": [1, "accessible-active-descendant"],
+        "accessibleDescribedBy": [1, "accessible-described-by"],
+        "margin": [1],
+        "accessibleControls": [1, "accessible-controls"],
+        "accessibleOwns": [1, "accessible-owns"],
+        "error": [1],
+        "accessibleLiveError": [1, "accessible-live-error"],
+        "expand": [4],
+        "value": [1537],
+        "theme": [1025],
+        "labelHidden": [4, "label-hidden"],
+        "identifier": [1],
+        "name": [1],
+        "placeholder": [1],
+        "caption": [1],
+        "echoPlaceholder": [4, "echo-placeholder"],
+        "items": [1],
+        "disabled": [516],
+        "required": [4],
+        "label": [1],
+        "labelColor": [1025, "label-color"],
+        "labelWeight": [1025, "label-weight"],
+        "role": [1],
+        "tooltip": [1],
+        "tooltipDirection": [1, "tooltip-direction"],
+        "processedItems": [32],
+        "setFocus": [64]
+    }, undefined, {
+        "value": ["valueChanged"],
+        "items": ["refresh"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["duet-select", "duet-caption", "duet-icon", "duet-label", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
+    components.forEach(tagName => { switch (tagName) {
+        case "duet-select":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DuetSelect);
+            }
+            break;
+        case "duet-caption":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "duet-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "duet-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "duet-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "duet-tooltip-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "duet-tooltip-popup":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "duet-visually-hidden":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { DuetSelect as D, defineCustomElement as d };

package/lib/dist-custom-elements/{p-20906875.js → p-18c3a72b.js}

@@ -17,7 +17,7 @@ const DuetVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class DuetVisuallyHi
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'c7a016ccb63b67077c691951394fd67771f4609e', class: "duet-visually-hidden" }, h("slot", { key: 'c5daeaed36d95139adc5a1f68fe01123d5f301ae' })));
+        return (h(Host, { key: 'cd9e7fe168ed42bfa9fc4751303db7edd312ce75', class: "duet-visually-hidden" }, h("slot", { key: 'bd33aa5a8f5cf442fab2f40ef59b13c36b32eb9d' })));
     }
     get element() { return this; }
     static get style() { return DuetVisuallyHiddenStyle0; }

package/lib/dist-custom-elements/{p-d58879c8.js → p-266569ef.js}

@@ -79,7 +79,7 @@ const DuetList = /*@__PURE__*/ proxyCustomElement(class DuetList extends H {
      * Always the last one in the class.
      */
     render() {
-        return (h("dl", { key: 'be789bab546df8b0ac070d09a5f5c47f5f428afe', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: '645ee0c7c623eeed042e25ac2ea7aab51ef1a2bc' })));
+        return (h("dl", { key: '2494b68d174f2bed0ca129e8970a12ccf09d3532', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: '966205c93097469e4b0e1c92aa7e7f264a235ae3' })));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/{p-e87b21c0.js → p-2a6a71e4.js}

@@ -102,7 +102,7 @@ const DuetTable = /*@__PURE__*/ proxyCustomElement(class DuetTable extends H {
         });
     }
     render() {
-        return (h(Host, { key: 'd456405a2d68a4f177b88081425e960ba63045b9', class: {
+        return (h(Host, { key: 'fe804ab98faa5a67150c751bb1c75fffd76d9979', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -111,7 +111,7 @@ const DuetTable = /*@__PURE__*/ proxyCustomElement(class DuetTable extends H {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, h("slot", { key: '4f00b379d883a78ed082245fb9b6b8096e52ab94' })));
+            } }, h("slot", { key: '5771327fbab3d42432e014a2f527de6c865d4999' })));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/{p-358832fc.js → p-36804cd7.js}

@@ -5,13 +5,14 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 
-const duetCheckboxCss = "*.sc-duet-checkbox,*.sc-duet-checkbox::after,*.sc-duet-checkbox::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-checkbox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-checkbox-h:last-child,.sc-duet-checkbox-h:last-of-type{margin-right:0 !important}.sc-duet-checkbox-h:last-child:not(:only-child){margin-bottom:0 !important}.duet-m-0.sc-duet-checkbox-h{margin:0 !important}.duet-label.sc-duet-checkbox{position:relative;z-index:100;display:inline;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;line-height:1.5;color:rgb(8, 42, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{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.sc-duet-checkbox span.sc-duet-checkbox{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container.sc-duet-checkbox{position:relative;width:100%;height:100%}.duet-checkbox.sc-duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox{position:static}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled].sc-duet-checkbox{cursor:default}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(143, 147, 158)}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(199, 202, 207)}.duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(127, 150, 165);border:1px solid rgb(127, 150, 165)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}.duet-checkbox-error.sc-duet-checkbox{margin-left:31px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox{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(214, 28, 82)}.duet-label-hidden.sc-duet-checkbox .duet-label.sc-duet-checkbox span.sc-duet-checkbox,.duet-label-hidden.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox span.sc-duet-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
+const duetCheckboxCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;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(:last-child:not(:only-child)){margin-bottom:0 !important}:host(.duet-m-0){margin:0 !important}.duet-label{position:relative;z-index:100;display:inline;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;line-height:1.5;color:rgb(8, 42, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.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 span{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container{position:relative;width:100%;height:100%}.duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox+label::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:4px}.duet-theme-turva .duet-checkbox+label::before{border-color:rgb(23, 28, 58)}.duet-checkbox:checked+label::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva .duet-checkbox:checked+label::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-checkbox+label{position:static}.duet-checkbox:checked+label::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled]{cursor:default}.duet-checkbox[disabled]+label{color:rgb(98, 121, 138)}.duet-theme-turva .duet-checkbox[disabled]+label{color:rgb(143, 147, 158)}.duet-checkbox[disabled]+label::before{border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-checkbox[disabled]+label::before{border-color:rgb(199, 202, 207)}.duet-checkbox[disabled]:checked+label::before{background:rgb(127, 150, 165);border:1px solid rgb(127, 150, 165)}.duet-theme-turva .duet-checkbox[disabled]:checked+label::before{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}.duet-checkbox-error{margin-left:31px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-theme-turva .duet-checkbox-error{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(214, 28, 82)}.duet-label-hidden .duet-label span,.duet-label-hidden .duet-checkbox-error span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 const DuetCheckboxStyle0 = duetCheckboxCss;
 
 const DuetCheckbox = /*@__PURE__*/ proxyCustomElement(class DuetCheckbox extends H {
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.duetChange = createEvent(this, "duetChange", 3);
         this.duetFocus = createEvent(this, "duetFocus", 7);
         this.duetBlur = createEvent(this, "duetBlur", 7);
@@ -111,7 +112,7 @@ const DuetCheckbox = /*@__PURE__*/ proxyCustomElement(class DuetCheckbox extends
     }
     get element() { return this; }
     static get style() { return DuetCheckboxStyle0; }
-}, [2, "duet-checkbox", {
+}, [1, "duet-checkbox", {
         "accessibleActiveDescendant": [1, "accessible-active-descendant"],
         "margin": [1],
         "accessibleControls": [1, "accessible-controls"],

package/lib/dist-custom-elements/{p-ee6f575b.js → p-38a3168a.js}

@@ -6,9 +6,9 @@ import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { D as DuetStringsExternalDefaults, a as DuetStringsLoadingDefaults } from './p-9df4cfa4.js';
 import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
 import { g as getColorByName } from './p-88ed3495.js';
-import { d as defineCustomElement$3 } from './p-b5b250a2.js';
-import { d as defineCustomElement$2 } from './p-4d4d8c03.js';
-import { d as defineCustomElement$1 } from './p-20906875.js';
+import { d as defineCustomElement$3 } from './p-8342a3e5.js';
+import { d as defineCustomElement$2 } from './p-cb5df864.js';
+import { d as defineCustomElement$1 } from './p-18c3a72b.js';
 
 const duetButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
 const DuetButtonStyle0 = duetButtonCss;

package/lib/dist-custom-elements/{p-026f66e3.js → p-39b63c58.js}

@@ -2,7 +2,7 @@
  * Built with Duet Design System
  */
 import { p as proxyCustomElement, H, h, d as Host } from './p-f66602b0.js';
-import { d as defineCustomElement$1 } from './p-20906875.js';
+import { d as defineCustomElement$1 } from './p-18c3a72b.js';
 
 const DuetUploadAriaStatus = /*@__PURE__*/ proxyCustomElement(class DuetUploadAriaStatus extends H {
     constructor() {
@@ -65,7 +65,7 @@ const DuetUploadAriaStatus = /*@__PURE__*/ proxyCustomElement(class DuetUploadAr
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '611ad37755190220c43a39fdcbfda6d808a0e285', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '4a2d84541cdf2e03c057210066ef4f53a3ef6b00' }, this.statusMessage)));
+        return (h(Host, { key: '177f33a14fe939c866cc4b465b1886899d97af29', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '410c70a49016691f5795d537a66ead6cc2a9bb64' }, this.statusMessage)));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/{p-a19d42f7.js → p-4d4c66b0.js}

@@ -29,12 +29,12 @@ const DuetBadge = /*@__PURE__*/ proxyCustomElement(class DuetBadge extends H {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (h(Host, { key: 'f6c7cba47b61653771f763bf926f6e42f043a51a', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '953adfad1705f38f74fef7490b449f51dc3c8372', class: {
+        return (h(Host, { key: 'ae708838b39b1a8db655ca27383e92baba3795fd', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '29dbf98cb938dcd05be7a57c20e355db1e05b1df', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("slot", { key: '4129c1565dbec8d0269a41e5c5cf0ce71b315be4' }))));
+            } }, h("slot", { key: 'aa2b310511ff50a759a7ef772a38ddbe196ef74a' }))));
     }
     get element() { return this; }
     static get style() { return DuetBadgeStyle0; }

package/lib/dist-custom-elements/{p-369da8da.js → p-4f5a1d66.js}

@@ -29,7 +29,7 @@ const DuetDivider = /*@__PURE__*/ proxyCustomElement(class DuetDivider extends H
      */
     render() {
         const background = getColorByName(this.color);
-        return (h("div", { key: '2caae5a247c86ce334214ce1efd4155d9941df6a', class: {
+        return (h("div", { key: 'c2cc3db06f08c31c90b7038ebaa32159765ae737', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,

package/lib/dist-custom-elements/{p-3844adaa.js → p-5270ad3d.js}

@@ -3,7 +3,7 @@
  */
 import { p as proxyCustomElement, H, h, d as Host } from './p-f66602b0.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$1 } from './p-b5b250a2.js';
+import { d as defineCustomElement$1 } from './p-8342a3e5.js';
 
 const duetEmptyStateCss = "*,*::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%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:rgb(8, 42, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}";
 const DuetEmptyStateStyle0 = duetEmptyStateCss;
@@ -28,11 +28,11 @@ const DuetEmptyState = /*@__PURE__*/ proxyCustomElement(class DuetEmptyState ext
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '9154deb0cf2efca49cae6e96a149ff0c8dea1769' }, h("div", { key: '5c9e3f44ec36f4a9bc25e580f5fab45e082e928f', class: {
+        return (h(Host, { key: 'de95b8dde0a1b050210be7afc24bbd534f0cfc1a' }, h("div", { key: '2dde668c5bed949f10a84abb1e6108dabb5e12e8', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, h("duet-icon", { key: 'c3cd1bffe531943ad3c64236759fd0c00557c43c', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: 'a50207d963414844a8d58550a74d6db243a5b0b1' }, h("slot", { key: '7bd93737133941aec47478f065d5503ed1d72166' })))));
+            } }, h("duet-icon", { key: '0341402760ee9f9417e6c4716ac79831f4b2ef48', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: '782e28c5c025f7f3aa7839d2fae882b0f159b2e8' }, h("slot", { key: 'fb7d4c425c9680cf0ea95048e16db7b566932941' })))));
     }
     get element() { return this; }
     static get style() { return DuetEmptyStateStyle0; }

package/lib/dist-custom-elements/{p-23a9891b.js → p-61282ed8.js}

@@ -4,7 +4,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f66602b0.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$1 } from './p-b5b250a2.js';
+import { d as defineCustomElement$1 } from './p-8342a3e5.js';
 
 const duetPopupMenuItemCss = "*,*::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:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;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;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-popup-menu-item.active{background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 const DuetPopupMenuItemStyle0 = duetPopupMenuItemCss;
@@ -76,11 +76,11 @@ const DuetPopupMenuItem = /*@__PURE__*/ proxyCustomElement(class DuetPopupMenuIt
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (h(Host, { key: '02e7a087e9f8df28e015c45b2182ab19167c39a2', role: this.accessibleRole }, h(TagName, { key: 'ac6c8e523bb7dbd6ce78dfb8e5ba1a34c765f538', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: '003f72c807601366ce44ba41c92d01cc3867a995', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: '5936e48916d5c665070e490074e5310b52ad0cd9', class: "duet-popup-menu-item-label" }, h("slot", { key: '4f365167fa1ae20a9a26f91352791b8b94007088' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '52e54059ac3b56ad022ed42085029a58b7010806', name: this.url && this.external
+        return (h(Host, { key: 'd8a0f9f62ecc1abedce8431e27331ff3d88f4c24', role: this.accessibleRole }, h(TagName, { key: '998d7156c8a1e789405240a5927923e83130eb48', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'db04fcce497b69525b6dafe5179aaff15a61a98f', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: 'f67feb833576c6272f80097877c16cc0c68f41f8', class: "duet-popup-menu-item-label" }, h("slot", { key: 'bd8abe74d51a7398ab7ba70813dc1449ad5e0bb4' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '3f75ee757d5ff1b5fa9055b897fd51c31f6919d5', name: this.url && this.external
                 ? actionNewWindowSmall.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: '16fb5260a8d79c5b20bc7dcbb0d6fb078d41f0d5', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: 'e716737df75eb8ee5512b2075e37ef539fe4ef2c', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return this; }
     static get style() { return DuetPopupMenuItemStyle0; }