@duetds/components 10.0.0-alpha.6 → 10.0.0-alpha.7

package/hydrate/index.js

@@ -2762,6 +2762,9 @@ const subscribeTabbingChange = component => {
 const unsubscribeTabbingChange = component => {
     tabbingChangeSubscribers.delete(component);
 };
+const enableUserIsTabbing = () => {
+    listenKeys({ key: "Tab" });
+};
 
 function isObject(maybeObj) {
     return Object.prototype.toString.call(maybeObj) === "[object Object]";
@@ -3986,12 +3989,12 @@ class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (hAsync(Host, { key: '525eb1a4fac6b096cf70238684abf6beaccf1b60', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '6a6c8598ed37316d2952574df604014f0f4fcb08', class: {
+        return (hAsync(Host, { key: '2dba3e832143d9faee9ecf2c5655fbd537ed334d', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '40e82bba7a8f3657ee18ac180213e7d6d30ab1c2', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("slot", { key: '10a0b5fe2c183d0497b8968917b3ea9bb776aab6' }))));
+            } }, hAsync("slot", { key: '2aa7fa9c5b605a9dee5c24ac62b0ac673bb75ce8' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBadgeStyle0; }
@@ -4181,14 +4184,14 @@ class DuetBreadcrumb {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '09a787f19aa1dd12445d76a36fa8924db644b712', role: "listitem" }, hAsync("div", { key: '71f250472e2ff04408cf351e06282bf5c000087f', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: 'a96cc31bc261fa8b0765361d2f6c6e409903d81b', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: '61caff01acc20697e6ef0c257ab8a5fdce7083dd', class: {
+        return (hAsync(Host, { key: 'e3bac4d65f78839055c45f4c4b7bd3da5485f484', role: "listitem" }, hAsync("div", { key: '1feb1346cc8855bf09f723a86fb033508ea3892b', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '7ee4f27fd98952d5c7f90bc22c9d57dc2d028059', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: '41ec8a37cdfcda38d9873a44406ecf7554faa4f9', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
             }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            hAsync("duet-icon", { key: 'f6a547c84b34225bf03ad776c92d10e2bd08ca89', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && hAsync("duet-spacer", { key: '9256cacd57acc64ed3624a4f2c9df51cb92aa0b5', size: "x-small", direction: "horizontal" }),
-        ], hAsync("slot", { key: '183e95e39e8131bd714ba4c2658194c9673deef7' })))));
+            hAsync("duet-icon", { key: 'dc43a33c4e67623deb9f7ea4980f1df6ffd9f5d2', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && hAsync("duet-spacer", { key: 'a4f0bb0d08370e92dd2410e98f506494be21afab', size: "x-small", direction: "horizontal" }),
+        ], hAsync("slot", { key: '1f7a919751cb64f71118b681b6d8450f980c69f0' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbStyle0; }
@@ -4249,11 +4252,11 @@ class DuetBreadcrumbs {
      */
     render() {
         const color = getColorByName(this.color);
-        return (hAsync(Host, { key: 'ffe039bba4cc62518ff8a4edf4e89bf3d9fba425' }, hAsync("nav", { key: '737b1828ee7babafbf81ec04ef95e3a3ead26230', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (hAsync(Host, { key: '5e7f8d6415f70b5e6663621753425d50f780c5c7' }, hAsync("nav", { key: 'b42adb6f45c71c891ebde23cde79849ff0403cea', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, hAsync("div", { key: '6b92d6297d3c7498300a2c1ef5722317435f18d2', class: "container" }, hAsync("div", { key: '26a88ae5dfc14f715ef17000218c94858b5082b5', role: "list", class: "list", style: { color } }, hAsync("slot", { key: 'd5eb86ae00ae840c65739a494970a8815741d755' })), hAsync("div", { key: '4d3b49ff815f667189b446ac736600edd7a59a20', class: "bottom-border bottom-border--container" })), hAsync("div", { key: 'f1ad3d2547626fe4473d8aa1d467772dd65170e2', class: "bottom-border bottom-border--nav" }))));
+            } }, hAsync("div", { key: '662463255208d9fba406f238925b809c490078fc', class: "container" }, hAsync("div", { key: 'e6b7b7346ba921fce23b7c6754c1434d5869b871', role: "list", class: "list", style: { color } }, hAsync("slot", { key: '5b523530c2863893b3627b42efbd0500ad90c5e6' })), hAsync("div", { key: 'f5a560b4539fc9bebfcf4fc4a285829431d1d33e', class: "bottom-border bottom-border--container" })), hAsync("div", { key: '48d2fa79c60f46ca410a8870bdb291b0b98122ac', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbsStyle0; }
@@ -4610,11 +4613,11 @@ class DuetCallout {
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (hAsync(Host, { key: '24743df01bce253837555ad54345c8f492e0b4c5' }, hAsync("div", { key: 'b2ba8be990977bed0fa72a9144dacc9eed214815', class: {
+        return (hAsync(Host, { key: '723ea1796690bec2b5d1369a35f871868699f482' }, hAsync("div", { key: '38e2a65cd5fabcea4c016a4a4a940626d52c635c', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("figure", { key: 'bd4acfa4cd109740e7ce11f808c88996c3de610d', class: "container" }, hAsync("duet-icon", { key: '1167d14a9499a4f32a8b5788d80a81503b3510d5', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), hAsync("blockquote", { key: '6f8d9810300309f121a184574f5e80779ce79dcd' }, hAsync("slot", { key: '5cdf199764e8eeab73e381cd3c6b9db26cc03a27' })), this.hasAuthorSlot && (hAsync("figcaption", { key: '3be814ad571c8f6f307922912ec0a89e78e1128a', class: "author" }, hAsync("span", { key: 'fc22089de32d73977d4183ad9bef52742f38c7eb' }, "\u2014 "), hAsync("slot", { key: '774d12f03b01d112644911373f31c2261e6c0964', name: "author" })))))));
+            } }, hAsync("figure", { key: '36a5a023265077b4c39bee1dae7ce5c6ab4e004e', class: "container" }, hAsync("duet-icon", { key: '8bcad0fbd84fd987ed99f482e79492c711f7dadf', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), hAsync("blockquote", { key: '2d76f9cb68753b961cbb3109699fc0a0c922640a' }, hAsync("slot", { key: '7d2b56b822b785daea92f61bbb1e8fbe6e5be4eb' })), this.hasAuthorSlot && (hAsync("figcaption", { key: 'd06dadee4829120187ca4eff21c8b3a80a1ff007', class: "author" }, hAsync("span", { key: 'a472f6d05d44e5a007e0a9c071483b32f0b026ef' }, "\u2014 "), hAsync("slot", { key: '01affadf429239b1e6e18ab26b702ba68b480e73', name: "author" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCalloutStyle0; }
@@ -4980,11 +4983,11 @@ class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: '621afec8eb7b55088937983fdd862cdf3876c01b', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: 'dd3020a77469f7c8d14006f2495f2fe7a6849290', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: '806bb3821f8947e99f10b031f8b20f3d0063f579', class: {
+        return (hAsync(Host, { key: '816a3ac9535fd26b046d08026281ac22a04e42ac', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '11fd99290f4e4f3454beba9f53a86bf9707ed733', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: 'f58d6e9f6047afcc52bdf92b4aa5f2c22732a2de', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && hAsync("div", { key: 'cd19c44014e480d7b6a886cdd7200da58f2c8bf1', class: "duet-checkmark" })))));
+            } }, this.checked && hAsync("div", { key: '3e2d68f14bba50cbc66021180eaaa9efaa9b26d9', class: "duet-checkmark" })))));
     }
     static get style() { return DuetCheckmarkStyle0; }
     static get cmpMeta() { return {
@@ -5055,6 +5058,7 @@ class DuetChip {
             radioInput.name = this.name;
             radioInput.value = this.value;
             radioInput.checked = this.checked;
+            radioInput.ariaLabel = this.element.textContent;
             if (slotInput) {
                 this.radioInputListenersRemove(radioInput);
             }
@@ -5267,6 +5271,7 @@ class DuetChip {
      * Sets focus. Use this method instead of the global focus().
      */
     async setFocus(options) {
+        enableUserIsTabbing();
         setTimeout(() => this.focusableElement.focus(options), 200);
     }
     /**
@@ -5306,7 +5311,7 @@ class DuetChip {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (hAsync(Host, { key: 'f5866959a8c96e4c06f87b9da16bb1a1fce05235', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: 'f118e5cb6fd7e7a36b783b6b136b85848493d7b2', class: classes }, hAsync("button", Object.assign({ key: '8136c5fc8d81b414f102d52af06bef9a4b85bf8c', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { key: 'bcbd7ed8bda270105ad63bda748c3e99440e210a', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '878b7a3bd90f777342a9f01ec3b9d6487c84ae62', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '80af3c2e2ed0326f64ba76df23cb013ad6453bc7' })))), this.variation === "input" && (hAsync("span", { key: 'b58b2486ea2a68bf3cb4f7936acd3c1bae7a8f01', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: 'aab83e094723fea4006b2d6d5b7d0c7561741dc0', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), hAsync("span", { key: '7060c0297c7a9ac439e1b8cacf331286076e49d3', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '285b4f499a36e796777a68ac9d625776bd01f8fe', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'abad02d6dc1809c0bed85b1c51e9150835470e24' })), hAsync("button", { key: '89239750f6c9738272cc92142889f59a7c8d4ea0', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, hAsync("duet-icon", { key: 'da6a4b111356b20f82bfc083cbaaf35ce9facdaa', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: 'a7f9ee8ddaf8f256bf6a43ec10e4df16da91fe01', class: classes }, hAsync("input", Object.assign({ key: '9717dd6ef3002cb5bb0382bbcf0c93f4e4b9a7e6', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { key: '1cf57481446293957a2a639afea5a72d847f82eb', htmlFor: identifier }, this.icon && (hAsync("span", { key: '491a9eb7a0d9ea0fa1ed30e49826ecc51e5fa394', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '1ca20585deaa344a434a013fac217e8191432b31', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '6bfd6b12f71a7264b657c164a748de134d0e7976', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: 'f51bf27633eb450f0469f43b569e6dc8ec19a5a2' }), this.popupElement && (hAsync("span", { key: 'c8e24b22bc5dada17637c970f5c240a0ab1432dd', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: '77bff8f2d2d4d2bacfd35e466c8917af0dee3712', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: '9301ae9f35e1f8b98e9fb22581054a7d9e4e95f7', class: classes }, hAsync("slot", { key: 'ef01900b142a3ccbb3df9609de81c765d171fc7a', name: "input" }), hAsync("label", { key: '5803f303e6073ea2521400ad5a019668752dc72f', htmlFor: identifier }, this.icon && (hAsync("span", { key: '3a02f6262d9409fd67f5dec28333813e00059ee2', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '782a8428f4516926dd572640670084f17f1a0a6c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '20bbe0863bb89ba63507469f3d47c910ca08842c', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: 'b9f66eeaa21825e40fde477edc0928e461ff3b62' }))))));
+        return (hAsync(Host, { key: '5ddf4eae8cb9deb9390f694c3a0a1bc9981d4359', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: '121adcccdad8d637a2fc60482831f988948e2ac7', class: classes }, hAsync("button", Object.assign({ key: '6862bfd33573fa7a7cf74a80abb28edb7b1d31af', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { key: '16cdf94c6a9d411ed7dcdfd91fedb3653631382f', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: 'd913024eebba49b2f489c6859c8b0fb5395752cf', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '0c90ce6861f802bec7d4d9462fdd08e7b8130179' })))), this.variation === "input" && (hAsync("span", { key: '55ddebe4c051b4806e58275c3c500e594c7bbe24', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: 'e37c4f5cc015d6487de4a65c3339369a4e89962e', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), hAsync("span", { key: 'b213a65e417e8a1900d42b19c59f8d7c9ef2fa94', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '235ba630d4861c5b89074208bfe8bec3aafc4cb2', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '4952f588693c543bb5e940e62ad82a2afc1828a0' })), hAsync("button", { key: 'e92f1e564b70b2041845bb3d25f3dd02277d2eae', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, hAsync("duet-icon", { key: '14ee83c2409dc44690e041ee80542d555e7f1e93', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: 'b1ca9ec7ec6fce48f4c33d2029ccd043a79dd803', class: classes }, hAsync("input", Object.assign({ key: 'dbbf118c242b3a04c7df17eaf04a6f27fcc0eb40', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { key: '898206f44f12092a9d4d695a8e7d09a56297671f', htmlFor: identifier }, this.icon && (hAsync("span", { key: '0c337ba4f6e48d81752ff411e467f346fc87c311', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'a24f796b0817c43c51e3e1676ab9d65a4fe07ad3', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '955cf61a6b57d6edc3c8d8350fb469efffad3803', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '8f0b8996230a8dfe83414e89b7c796121de41526' }), this.popupElement && (hAsync("span", { key: '37a42083a01d64d81bec08dcb9464ec450e17820', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: 'cb1d4646dd01cee1b69d45988aba671e8d606a91', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: '89d0d76772a7ff76799ee9d60329ca3dd81b7fd8', class: classes }, hAsync("slot", { key: '391e609c08ee02a3b4153e5509736db840803e85', name: "input" }), hAsync("label", { key: '233a831ddd3e6e850c69f4300f28b2b33a6c7dd3', htmlFor: identifier }, this.icon && (hAsync("span", { key: '90edf79133173465641029aa158d36a568a31cfa', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'a055c58682160fac0822611b692264e0bedb7b6c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '14ca6369602be7c44b16ee89eabd77e3c26bb941', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '63635381228bc16fc8f12cfed491dda50ce188a4' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -5887,14 +5892,14 @@ class DuetChoiceGroup {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'fda102de643d0654008818d2fcde77410c6cdde2', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
+        return (hAsync(Host, { key: '7b938818686b05db520fbe91c79a8bd415953252', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
                 horizontal: this.direction === "horizontal",
                 "duet-choice-group-breakpoint-x-small": this.responsive && this.breakpoint === "x-small",
                 "duet-choice-group-breakpoint-small": this.responsive && this.breakpoint === "small",
                 "duet-choice-group-breakpoint-medium": this.responsive && this.breakpoint === "medium",
                 "duet-choice-group-breakpoint-large": this.responsive && this.breakpoint === "large",
                 "duet-choice-group-breakpoint-x-large": this.responsive && this.breakpoint === "x-large",
-            } }, hAsync("duet-fieldset", { key: '3f0fb7608260d92a4e92efedadb5e2a115a6d6c7', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (hAsync("duet-tooltip", { key: '8c3ec02a326faca65617b165b7746e5e2963cce4', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'c5ae2e61d96374bca1b12acdea2f47596401f456', name: "tooltip" }), hAsync("div", { key: '399845c3e169ceca3476e685bcd2ee76f8c45b02', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: 'ea9969eee1a0c2e454e59bffc03952c2247c119a' })))));
+            } }, hAsync("duet-fieldset", { key: '80087165b139cbd999a2399514b9520044f195e6', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (hAsync("duet-tooltip", { key: 'e5f2b0838c718e2ecb4e3c20e71dc8882454159c', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'c56ccec0fd534ad20d6125e9c0d6f7ad7f377110', name: "tooltip" }), hAsync("div", { key: '2fe2c5122b5a801959f7de400ec5bd3f974d78cd', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: 'd45976650a1c57151eee04088e9b29db2a4e76be' })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -6684,7 +6689,7 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
     'default': tokens
 });
 
-const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;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:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.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)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top: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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;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.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}";
+const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;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:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.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)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top: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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;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.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}";
 var DuetCollapsibleStyle0 = duetCollapsibleCss;
 
 /**
@@ -6736,6 +6741,15 @@ class DuetCollapsible {
                     return "xx-small";
             }
         };
+        this.getAccessibleLabel = () => {
+            if (this.accessibleLabel) {
+                return this.accessibleLabel;
+            }
+            if (this.heading && this.caption) {
+                return `${this.heading}. ${this.caption}`;
+            }
+            return this.heading || null;
+        };
         this.handleClick = (e) => {
             e.preventDefault();
             this.open = !this.open;
@@ -6748,6 +6762,7 @@ class DuetCollapsible {
         this.negative = false;
         this.accessibleLabel = undefined;
         this.heading = "";
+        this.caption = "";
         this.headingFullWidth = false;
         this.centerHeading = false;
         this.headingWeight = "semibold";
@@ -6785,14 +6800,15 @@ class DuetCollapsible {
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString$1(this.headingLevel) : "div";
-        return (hAsync(Host, { key: '249132a1b5e58240d37d3d995a4ef53378eff63f', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '7b9c2682402ac40049fa13406131a1d1a55eb051' }, hAsync("button", { key: 'cb3b234ce9ee241fa3f63c81850ea418af00f045', class: {
+        return (hAsync(Host, { key: 'b3b56b0ff3a474d0b9a1b9b5b2b95565b928f9b6', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '2ed3aceffd3951a1fbc9753090d21571ebc4a9f7' }, hAsync("button", { key: '93e4e421bca79965a4c26138dde6de0874b40cdc', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-collapsible-normal-weight": this.headingWeight === "normal",
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("div", { key: '4aebb0229f1a8436ef5413b696c8d8674d81bd7d', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: 'a67ec08b1f5f0ef4e3b7ece52664104d9d2df10b', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: 'a2a5c24dd64f3bab25c8167c11f738953e78a948', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: '9d4820bb70777bfcaee8fc76f47fcba4e9ed9a91', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: 'cbe50074d804f79c746f29760d3536241e5d2717', name: "after-heading" }))))), hAsync("div", { key: '8cd82a8d4e2aa518cd1c9ca8451ace90a4ff8ec9', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '2bf409c9b05c884ce0c1de5358c4446ed0d6dc34' }))));
+                "has-caption": !!this.caption,
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("div", { key: '0706dfe66685e90322fc67858eb923623ab2e23e', class: "duet-collapsible-heading-wrapper" }, hAsync("div", { key: 'fab600633aea517fcef9f0577ea7688a8e160331', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: '1ac6f6f7cce01d02b9d09659299ed3c602a4a29e', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: '8820659046737c7f7b503b097a0ee7b99614d7b8', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: '707fdeb97c4713df2d972bcf7f7612401d31aac0', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: 'fb1efb065f31e769c8e26c5bd608beeca76529d2', name: "after-heading" })))), this.caption && (hAsync("div", { key: 'f70e43921a71817cda88c4fafae2f2310f37ada8', class: "duet-collapsible-heading-caption" }, hAsync("duet-caption", { key: 'd8bfc9ac8d919b39d5fe8293f926ad386102136b', size: "small", margin: "none" }, this.caption))))), hAsync("div", { key: '0500269581f8723e24e7190b3b257b3e05d682fc', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '32d7579f9d0eda1a84be85c553c3d555977d9b9c' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCollapsibleStyle0; }
@@ -6804,6 +6820,7 @@ class DuetCollapsible {
             "negative": [4],
             "accessibleLabel": [1, "accessible-label"],
             "heading": [1],
+            "caption": [1],
             "headingFullWidth": [4, "heading-full-width"],
             "centerHeading": [4, "center-heading"],
             "headingWeight": [1, "heading-weight"],
@@ -7410,10 +7427,10 @@ class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (hAsync(Host, { key: 'cc2e48ee12ea08d98bdcbffb297a6a2ed218e6b9', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '0f5aed0d311a0406993da0a933249ded67a9ad50', class: {
+        return (hAsync(Host, { key: '39a98bc5c9e4f4524ebcef1f5bceadc19a6d07e3', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'c9fb952d66118cbdf423d24d365ade9fc58e1a58', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: 'e05a767fb9d0320158709bc7e04b53cf81cac23c' }, this.name && (hAsync("duet-heading", { key: '8af67cd790130a68be2360b74416e56776e07815', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '4e52d9752abdda1c14a711af4d1f0c0b587a661b', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: 'd5ef84acee777453998cc1094e0f6d3175099764', class: "email" }, hAsync("duet-icon", { key: '891e836d988732d4212878e8eeca2e3e7b1fa06b', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '7a1cc4a7bfa96f42084565ddde8ced1a5bcbdc76', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: 'aa53d063b0d6ea053a5f7826307d76b46a6687f6', class: "phone" }, hAsync("duet-icon", { key: 'b7fa45571c0ea392949010a31092aed317663f6e', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '70206b481553eec0d32322c2885a7c9a525a4398', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: '59e34fec5982ee552dd914d1a40897d2a7d4b04a', class: "call-to-action" }, hAsync("duet-button", { key: '9b6982923e48f4b6ecdd123cf733d162a42ffa5b', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: 'ec7625ef7d5a327d1bfa192ddd950cfbb26db708' }), hAsync("slot", { key: 'c875ed1c02e6ef4aab02000dbe3e83fda4154315' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: '3d916ef543989f6c535bebf7058828ea1a92e46f' }, this.name && (hAsync("duet-heading", { key: '34349d6e331e031b70d60277d71a2698e08e0d14', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '2492313d9e481579d1f9a03524d967dc4813dbb5', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '641aafcd47888ea410ede3aa54ea34084c2a0ea5', class: "email" }, hAsync("duet-icon", { key: 'bbe6aabb9b6073e2ae6ea1287188a705183fd18a', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '159ecf5a5ea43c73b3606d6cd86a9bc96d3ff20b', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: '87ea068fe072eb0ec5e93c87fc22ee5d1156f216', class: "phone" }, hAsync("duet-icon", { key: 'd42e0c5a2b0b76fd4a28adbee6d2f1dae076d354', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: 'e20b2e84426c1105c8170c0159899443ea4b0c54', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: '940d0a605a472a688396e791894bb1a1796e4978', class: "call-to-action" }, hAsync("duet-button", { key: 'b0aa2e8cc48dd5f38cabf260c0742535d778c9b2', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: 'e347fcd870d12eb413e5b3871303f69fff0dc3fe' }), hAsync("slot", { key: '9dca553d670b1fc7ea7a570afc55a5bdabd7c0a7' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetContactCardStyle0; }
@@ -7480,7 +7497,7 @@ class DuetCookieConsent {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a1ecd4a76baeb20fb29f1b50713568a61720c2eb', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '6b17b8d174b8bc5aa8cc5e8b0df9ddd034a1a2b0', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: 'd56a7cad1fe926db95e6124f4956d638b87d8002', class: "duet-cookie-consent-content" }, hAsync("div", { key: '7204cfdbde061697e6d8a9f81f446257eadf8c66', class: "expand" }, hAsync("slot", { key: '4a776a6aff7404999fac0ffb8450a35f9446a259' })), hAsync("duet-spacer", { key: 'e7f2aeaa800f7b5ae0e87343e46f59e4e46bf558', size: "large", direction: "horizontal" }), hAsync("div", { key: '35fc1ff56232a1bcf2b56867188ec75017be905f' }, hAsync("duet-button", { key: 'f59636a4e6a53ff79bddabe98ef61cd75b02b45e', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (hAsync(Host, { key: '91948660b9fab6f87923b2200960a07b864dd83f', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '0bb6143d36c29e2242d3e15c6857d38cb12a6808', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '444dfba5d496df6e6da6315372331b79b8e2a9ab', class: "duet-cookie-consent-content" }, hAsync("div", { key: 'caacc62f4d2c9d6232efd5b0741076717aed8496', class: "expand" }, hAsync("slot", { key: 'c2978a0efb145de1d841f90238425de3ca7a499b' })), hAsync("duet-spacer", { key: '6429ce669d4895c4dfdd1f1e5e15d4b87633bed2', size: "large", direction: "horizontal" }), hAsync("div", { key: '85e0b040c8248bcac1f20cba69a33737212640cc' }, hAsync("duet-button", { key: '189912399af177fd3bdd70cc061e1f3a3dd93355', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCookieConsentStyle0; }
@@ -7913,7 +7930,7 @@ const DatePickerMonth = ({ selectedDate, focusedDate, labelledById, theme, langu
                 } }))))))))));
 };
 
-const duetDatePickerCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-date{position:relative;width:100%}.duet-date button,.duet-date-dialog button{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button{-webkit-user-select:none;user-select:none;position:relative;z-index:200;box-sizing:content-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:47px;height:48px;color:rgb(8, 42, 77);cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-left-color:rgb(181, 198, 208);border-radius:0 4px 4px 0;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-theme-turva .duet-date-button{color:rgb(23, 28, 58);border-color:rgb(199, 202, 207)}.duet-date-button::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:\"\";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva .duet-date-button:disabled{background:rgb(245, 247, 250) !important}.duet-date-button:disabled::before{display:none}.duet-date-button:disabled duet-icon{opacity:0.4}.duet-date-button duet-icon{transform:translateY(-1px)}.duet-date-button:active duet-icon{transform:translateY(0)}.duet-date-input-has-focus .duet-date-button,.duet-date-button:focus{height:46px;color:rgb(0, 119, 179);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-input-has-focus .duet-date-button,.duet-theme-turva .duet-date-button:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.input-error{border-top-color:rgb(214, 28, 82);border-right-color:rgb(214, 28, 82);border-bottom-color:rgb(214, 28, 82)}.duet-date-dialog{position:absolute;top:100%;left:0;z-index:900;display:flex;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@media (min-width: 36em){.duet-date-dialog.left{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog{position:fixed;top:0;right:0;bottom:0;transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}}.duet-date-dialog.active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}.duet-theme-turva .duet-date-dialog-wrapper{border-color:rgb(222, 224, 228)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active .duet-date-dialog-wrapper{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table{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;line-height:1.25;color:rgb(8, 42, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.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-date-table th{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.duet-date-table .duet-date-table-cell{text-align:center}.duet-date-table .duet-date-table-cell:focus{outline:none}.duet-date-table-button{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !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:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:2.6 !important;color:rgb(8, 42, 77) !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva .duet-date-table-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;color:rgb(23, 28, 58) !important}.duet-date-table-button:hover{background:rgb(228, 241, 247) !important}.duet-theme-turva .duet-date-table-button:hover{background:rgb(255, 227, 228) !important}.duet-date-table-button.today{z-index:200;color:rgb(0, 75, 129) !important;background:rgb(240, 247, 250) !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-date-table-button.today{color:rgb(126, 2, 35) !important;background:rgb(255, 241, 241) !important;box-shadow:0 0 0 1px #171c3a !important}[aria-pressed=true] .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.duet-theme-turva [aria-pressed=true] .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}.duet-date-table-button:active{z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}:focus .duet-date-table-button{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva :focus .duet-date-table-button{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(143, 147, 158) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside{color:rgb(127, 150, 165) !important;pointer-events:none;cursor:default;background:rgb(245, 248, 250) !important;box-shadow:none;opacity:0.75}.duet-theme-turva .duet-date-table-button.outside{color:rgb(143, 147, 158);background:rgb(245, 247, 250);box-shadow:none}.duet-date-dialog-header{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons{white-space:nowrap}.duet-date-dialog-buttons ::part(button){border:0}.duet-date-dialog-select{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select .duet-date-dialog-select-label{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 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:1.25rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);pointer-events:none;border-radius:4px}.duet-theme-turva .duet-date-dialog-select .duet-date-dialog-select-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-date-dialog-select span{margin-right:4px}.duet-date-dialog-select select{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog-mobile-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(181, 198, 208)}@media (min-width: 36em){.duet-date-dialog-mobile-header{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(199, 202, 207)}.duet-date-dialog-mobile-header duet-label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header duet-label{display:none}}.duet-date-picker-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(8, 42, 77) !important;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close{opacity:0}}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 247, 250) !important}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 247, 250) !important}.duet-date-picker-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}.duet-theme-turva .duet-date-picker-close:focus{box-shadow:0 0 0 2px #171c3a !important}";
+const duetDatePickerCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-date{position:relative;width:100%}.duet-date button,.duet-date-dialog button{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button{-webkit-user-select:none;user-select:none;position:relative;z-index:200;box-sizing:content-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:47px;height:48px;color:rgb(8, 42, 77);cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-left-color:rgb(181, 198, 208);border-radius:0 4px 4px 0;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-theme-turva .duet-date-button{color:rgb(23, 28, 58);border-color:rgb(199, 202, 207)}.duet-date-button::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:\"\";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva .duet-date-button:disabled{background:rgb(245, 247, 250) !important}.duet-date-button:disabled::before{display:none}.duet-date-button:disabled duet-icon{opacity:0.4}.duet-date-button duet-icon{transform:translateY(-1px)}.duet-date-button:active duet-icon{transform:translateY(0)}.duet-date-input-has-focus .duet-date-button,.duet-date-button:focus{height:46px;color:rgb(0, 119, 179);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva.duet-date-input-has-focus .duet-date-button,.duet-theme-turva .duet-date-button:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.input-error{border-top-color:rgb(214, 28, 82);border-right-color:rgb(214, 28, 82);border-bottom-color:rgb(214, 28, 82)}.duet-date-dialog{position:absolute;top:100%;left:0;z-index:900;display:flex;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@media (min-width: 36em){.duet-date-dialog.left{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog{position:fixed;top:0;right:0;bottom:0;transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}}.duet-date-dialog.active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}.duet-theme-turva .duet-date-dialog-wrapper{border-color:rgb(222, 224, 228)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active .duet-date-dialog-wrapper{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table{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;line-height:1.25;color:rgb(8, 42, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.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-date-table th{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.duet-date-table .duet-date-table-cell{text-align:center}.duet-date-table .duet-date-table-cell:focus{outline:none}.duet-date-table-button{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !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:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:2.6 !important;color:rgb(8, 42, 77) !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva .duet-date-table-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;color:rgb(23, 28, 58) !important}.duet-date-table-button:hover{background:rgb(228, 241, 247) !important}.duet-theme-turva .duet-date-table-button:hover{background:rgb(255, 227, 228) !important}.duet-date-table-button.today{z-index:200;color:rgb(0, 75, 129) !important;background:rgb(240, 247, 250) !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-date-table-button.today{color:rgb(126, 2, 35) !important;background:rgb(255, 241, 241) !important;box-shadow:0 0 0 1px #171c3a !important}[aria-pressed=true] .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.duet-theme-turva [aria-pressed=true] .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}.duet-date-table-button:active{z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}:focus .duet-date-table-button{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva :focus .duet-date-table-button{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(143, 147, 158) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside{color:rgb(127, 150, 165) !important;pointer-events:none;cursor:default;background:rgb(245, 248, 250) !important;box-shadow:none;opacity:0.75}.duet-theme-turva .duet-date-table-button.outside{color:rgb(143, 147, 158);background:rgb(245, 247, 250);box-shadow:none}.duet-date-dialog-header{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons{white-space:nowrap}.duet-date-dialog-buttons ::part(button){border:0}.duet-date-dialog-select{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select .duet-date-dialog-select-label{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 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:1.25rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);pointer-events:none;border-radius:4px}.duet-theme-turva .duet-date-dialog-select .duet-date-dialog-select-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-date-dialog-select span{margin-right:4px}.duet-date-dialog-select select{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog-mobile-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(181, 198, 208)}@media (min-width: 36em){.duet-date-dialog-mobile-header{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(199, 202, 207)}.duet-date-dialog-mobile-header duet-label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header duet-label{display:none}}.duet-date-picker-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(8, 42, 77) !important;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close{opacity:0}}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 247, 250) !important}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 247, 250) !important}.duet-date-picker-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}.duet-theme-turva .duet-date-picker-close:focus{box-shadow:0 0 0 2px #171c3a !important}";
 var DuetDatePickerStyle0 = duetDatePickerCss;
 
 /**
@@ -8304,13 +8321,13 @@ class DuetDatePicker {
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (hAsync(Host, { key: '92c25a766e7e2e60a83e54ac1c7edf470a7ff1a0', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '6cdb1b0f01b6c78d02c671500f191616c0356145', class: "duet-date" }, hAsync(DatePickerInput, { key: '69e8fad5a45210b3dcee7be49c780823598ac8e3', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), hAsync("div", { key: '1c76a02e5be4e655cd4e0b149af246b207ad15a3', class: {
+        return (hAsync(Host, { key: 'b6eb7023664d69420af7bdcc9b9d410982375346', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '000e37d5dc46a2e8d2c5ab5a4780ea59aa6ed464', class: "duet-date" }, hAsync(DatePickerInput, { key: 'a795ccdba4df4bddb94705bba15746eeda04ed4f', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), hAsync("div", { key: 'e83795070df263a6c4aeefb2f53caba20628bdf4', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-date-dialog": true,
                 left: this.direction === "left",
                 error: !!this.error,
                 active: this.open,
-            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, hAsync("duet-overlay", { key: 'af91b4916f0bc2a1465682928af90a078b6b4e4c', visible: this.open, "display-device": "x-small" }), hAsync(FocusGuard, { key: '4f9b654ab68252f3632729aafa335e4c4a118c58', moveFocusTo: this.focusedDayNode }), hAsync("div", { key: '9536e14ab5a6e019da01e3556073282f7ad9c638', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, hAsync("duet-visually-hidden", { key: 'f7f40e25da3fdb801a3716cbb6da9bef4908b298', "aria-live": "polite" }, text.keyboardInstruction), hAsync("div", { key: '89f68b3684a65cdc13c3592a3740f868fcf1e307', class: "duet-date-dialog-mobile-header" }, hAsync(DuetInternalLabel, { key: 'b9329644fbc88727451284e7c22bedba319190f8', margin: "none" }, this.label), hAsync("button", { key: 'f9caca17691f6998d54308443eac7cc094f73169', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, hAsync("duet-icon", { key: 'd92f0be1a0d6fb6f3d8c932f014c2f514c1319d2', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), hAsync("duet-visually-hidden", { key: '0f85d5bd40d51ad656f14420160bd83ab7ab2e12' }, text.closeLabel))), hAsync("div", { key: 'b7efee982426325152b879ac8795f75c55630ef9', class: "duet-date-dialog-header" }, hAsync("div", { key: '624226cb18e668939b48026df20ea362007d5eb1', class: "duet-date-dialog-dropdowns" }, hAsync("duet-visually-hidden", { key: '64ed0e02afe0315c73e483a212d6714fa9f8c1e6' }, hAsync("h2", { key: '1f10a89bef9824b1ebff2c0835c0cb4fb9847e89', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), hAsync("duet-visually-hidden", { key: 'f85bdb4030a8602df2642c8ff2c8e6a6725c139c' }, hAsync("label", { key: '608c3f38b8de7a92d6eaf74021c9dba15d5c1412', htmlFor: this.monthSelectId }, text.monthSelectLabel)), hAsync("div", { key: '268d9e71e46608d0aaaa19568b225b08089e0081', class: "duet-date-dialog-select" }, hAsync("select", { key: 'ea1b01e8f95fc44ea07b40b3593f2a22996cd33d', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (hAsync("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), hAsync("div", { key: 'e6ae4d02638eaf53c593c98924733d72312bde26', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '18600d4d1cc074e8baca7a2e343ad92afb12f44d' }, text.monthLabelsShort[focusedMonth]), hAsync("duet-icon", { key: 'e2d8b0f87130ff502900c86b2cc589b7df303bf8', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), hAsync("duet-visually-hidden", { key: 'c476ea21946afa2e3d484cbf054037435794d5e7' }, hAsync("label", { key: 'e670550be9ec69b1e8831aa4ae6bd223eb4cdc70', htmlFor: this.yearSelectId }, text.yearSelectLabel)), hAsync("div", { key: '853c7d5cd2639552d1c9be5266f4a3c7cb44cccb', class: "duet-date-dialog-select" }, hAsync("select", { key: '5b66d6b7ace30ed705429d96434dd886b39940e7', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (hAsync("option", { key: year, selected: year === focusedYear }, year)))), hAsync("div", { key: 'c8c57b69fff46d66ec5492bbe51f6c20d5367c7c', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '9faf074f79574e751b74f7a14e312b33aab586cb' }, this.focusedDay.getFullYear()), hAsync("duet-icon", { key: '14fe782187efaba9c6403446f87a337585386c56', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), hAsync("div", { key: 'fbdfdf54c9a1d2133764d8c7465529d65e49e77d', class: "duet-date-dialog-buttons" }, hAsync("duet-action-button", { key: 'aedcc0e167b29c902b69313821c454ff08f32693', accessibleLabel: i18n$2[this.language].prevMonthLabel, actionName: i18n$2[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), hAsync("duet-action-button", { key: '2d872fe81ca740dba603c1c1a214d5bc7cf23be1', accessibleLabel: i18n$2[this.language].nextMonthLabel, actionName: i18n$2[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), hAsync(DatePickerMonth, { key: 'a05b3cf4dd91b6256fa336c2ceddf260fbe64e32', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), hAsync(FocusGuard, { key: 'de51c28da1e9b5d2f87dc636006ad888f2486650', moveFocusTo: this.closeButtonNode }))));
+            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, hAsync("duet-overlay", { key: '6d725137254f48897b66ee22de8b155bdd1b5f66', visible: this.open, "display-device": "x-small" }), hAsync(FocusGuard, { key: 'ca41ba1a3f56fa250f6a70c318bfcef6f457a51b', moveFocusTo: this.focusedDayNode }), hAsync("div", { key: 'dae95bbfd7a1225829c488f5d7190015c75edce2', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, hAsync("duet-visually-hidden", { key: '843d37a548ac8bbfc1b22565734562a3aacb9a78', "aria-live": "polite" }, text.keyboardInstruction), hAsync("div", { key: '0122d3ec3999a339282c52e5b433a364e008697e', class: "duet-date-dialog-mobile-header" }, hAsync(DuetInternalLabel, { key: 'f12366ba123a38ac9ce9bab84343531cb3e2b814', margin: "none" }, this.label), hAsync("button", { key: 'c84b369fb284cadedbee1b0fc1761c81b010af1e', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, hAsync("duet-icon", { key: '39fa89e90167ba1af7f911be0e3ceda38aaa9641', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), hAsync("duet-visually-hidden", { key: '9d33b6103af64e7d894992f54981931676e0151c' }, text.closeLabel))), hAsync("div", { key: '1269835ebe9ff4b854088e6a5bf22fca79b03e16', class: "duet-date-dialog-header" }, hAsync("div", { key: '39f46ed09f80c25530b0f8ef0fce68e6abbbbe88', class: "duet-date-dialog-dropdowns" }, hAsync("duet-visually-hidden", { key: 'e40675ed1793756467a5b0ad0f143de3ff2a1e3e' }, hAsync("h2", { key: 'd550800a84cc85bfd7b6f6c1658f5f4ec69913ce', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), hAsync("duet-visually-hidden", { key: '65517cf98d77215c7a98f050ab9b6bb2caca4dce' }, hAsync("label", { key: 'b6252d9a3a0e7caad84964e4075fe3e9733e392e', htmlFor: this.monthSelectId }, text.monthSelectLabel)), hAsync("div", { key: 'bb09e3d3994bc9c7089723c00e743c176ee926d8', class: "duet-date-dialog-select" }, hAsync("select", { key: '1f3480d735c452a138c63f6b5de1ca37d91eaaef', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (hAsync("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), hAsync("div", { key: '92172064bc12ac77ab0d718507c8e7b2ddecd71f', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '9d6d5e3488e6e94b339ccba7579529b6315e1b02' }, text.monthLabelsShort[focusedMonth]), hAsync("duet-icon", { key: 'dafedd887fe57a186da4bf344514518d88d1233e', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), hAsync("duet-visually-hidden", { key: '7b0cc5e3adcdd83109ef3248ff6f8511bb90c34a' }, hAsync("label", { key: '14678c1f8035838fbdee98903a9ec0f469fea8bd', htmlFor: this.yearSelectId }, text.yearSelectLabel)), hAsync("div", { key: 'f69a4b2569e509c3da1c06d36cd4607a779adcdc', class: "duet-date-dialog-select" }, hAsync("select", { key: '1bb3587d15bc53e198e3ad6ba09856bf6c3c5ca5', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (hAsync("option", { key: year, selected: year === focusedYear }, year)))), hAsync("div", { key: 'e47f2ae66f07f858fb020b1e458e888f1bc4772f', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '1f8b5df03fc2df12e991094e72b16b904a9f91ef' }, this.focusedDay.getFullYear()), hAsync("duet-icon", { key: '375698ec68186100de9914602f75c44d4a007ed0', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), hAsync("div", { key: '330f331da1d9a28496c3ac25b902a085ae17a102', class: "duet-date-dialog-buttons" }, hAsync("duet-action-button", { key: '9b089681d3b58dd0cdbbc5a2f4f09e5f85ba1b3f', accessibleLabel: i18n$2[this.language].prevMonthLabel, actionName: i18n$2[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), hAsync("duet-action-button", { key: '25e3a263e6a550a026f54039f90b64716bf0405b', accessibleLabel: i18n$2[this.language].nextMonthLabel, actionName: i18n$2[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), hAsync(DatePickerMonth, { key: '8e79a5ae68e17ed6c35a91ef397c4e2d8dd4b223', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), hAsync(FocusGuard, { key: '51b5470d35cd19e8b3af9f7694a564d8ae0bec2f', moveFocusTo: this.closeButtonNode }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -8390,7 +8407,7 @@ class DuetDivider {
      */
     render() {
         const background = getColorByName(this.color);
-        return (hAsync("div", { key: '25f4714a082e71f77ac7a873e1f4a37a9ba44e1c', class: {
+        return (hAsync("div", { key: '289e5834663ce24af7c8e90958fe41d29c299d98', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,
@@ -8575,7 +8592,7 @@ class DuetEditableTable {
      * Render Methods
      */
     render() {
-        return (hAsync(Host, { key: 'e0065483ff2e0a3993860c8a4d070937902722aa', class: {
+        return (hAsync(Host, { key: '170a18bded5a1eefa62aabdfe9cbec40ebb9ad51', class: {
                 [`duet-editable-table-${this.variation}`]: true,
                 "duet-editable-table": true,
                 [`duet-editable-table-${this.theme}`]: true,
@@ -8585,7 +8602,7 @@ class DuetEditableTable {
                 "duet-editable-table-actions": !!this.actions,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("duet-table", { key: '37756309155291fdc6d3113763314f524036daba', class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint, "hide-head-visually": this.hideHeadVisually }, hAsync("table", { key: '6ed48cc74d29b6c4110eb776fbd4b3afe494a309', role: this.accessibleRole }, hAsync("caption", { key: '54ac0fe11e3828afb9fe55efe2091c051cbf606a' }, hAsync("slot", { key: '0748c8c3a1a86c9bb2e5461bc0ae2febe813ba96', name: "tcaption" })), hAsync("thead", { key: '70a834880f36029abaf6bd4c9b18a41445d5e42f' }, this.hasHeadSlotFirst && (hAsync("tr", { key: 'f2ee281168541b6f200e49a8cf70e92c5a304207' }, hAsync("td", { key: 'cf84d555a041b917cc3d16367f0def966c66575a', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: '62be9b17b585a33e2ab03443c35036271077c98c', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (hAsync("tr", { key: '330b1ab67298bbaf5d1e811ddd5f55d25643a85f' }, hAsync("td", { key: '0153682e3091a90a81d47e12f66cbb5eb9147f8c', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: '53c665398c691d197be3444a2a4f78da2b433b30', name: "thead-last" }))))), hAsync("tbody", { key: 'c4de0827a831ef580cbf2b3927957aa4e0f74e6e' }, this.renderTableBody()), this.hasFootSlot && (hAsync("tfoot", { key: 'b222604c1a1967cc0a214677160d02edb71f6c27' }, hAsync("tr", { key: '3a55e26899ec472bddcecf7031cd139961c9d914' }, hAsync("td", { key: '924929d81c5308e0dbde8379b3ad93afe27339ac', class: "duet-editable-table-footer-menu", colSpan: 99 }, hAsync("slot", { key: 'f475ebbe8088e6fd696500f6bf3221ebeb0fa8e1', name: "tfoot" })))))))));
+            } }, hAsync("duet-table", { key: '2282f3b54102b8fd06bbfb8c1158e54f400a21cc', class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint, "hide-head-visually": this.hideHeadVisually }, hAsync("table", { key: 'dda2ea49bff29277445de50a779df0434e35d620', role: this.accessibleRole }, hAsync("caption", { key: 'bb4633c4947dbfe2c9b8148688d1f03c67d94188' }, hAsync("slot", { key: '471406fee4b4173e29abf754212355814f591266', name: "tcaption" })), hAsync("thead", { key: 'f907958d599c07d6f220bc3159e8efa0ba85feb5' }, this.hasHeadSlotFirst && (hAsync("tr", { key: '32803f29a816f2abe67aa8b2dbfd99fdff7c9e5b' }, hAsync("td", { key: '634ee6e9a8b53e9610a7cbd0e5a536bcaf654207', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: '444de221a86d743d36598d71fc3256c0aa16d034', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (hAsync("tr", { key: 'a2c9f9914ab42a5421daac067472db45f6d680a7' }, hAsync("td", { key: '0edd405623af60d014f509636fad5cf2f53f86a5', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: '84f0e807a4ddf22910655aad0de2dcd7fd93973c', name: "thead-last" }))))), hAsync("tbody", { key: '7b4413d38b050b69a0a71bcca7a8200d1f480d43' }, this.renderTableBody()), this.hasFootSlot && (hAsync("tfoot", { key: 'a7096789b2fc5615b7a9622df8de361ea486bb69' }, hAsync("tr", { key: '52afc13a557588195883a16b10b308b6c1062232' }, hAsync("td", { key: 'a231e63b19ed8c96aec86973242e07c07506547d', class: "duet-editable-table-footer-menu", colSpan: 99 }, hAsync("slot", { key: '152c200e205eb63fff18df14c4ded8ea67a340d5', name: "tfoot" })))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetEditableTableStyle0; }
@@ -8635,11 +8652,11 @@ class DuetEmptyState {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '285d5984f45086c54305c643e1974d8ff23e0207' }, hAsync("div", { key: '169b26d231a957c843b068a66511ea60f11143a3', class: {
+        return (hAsync(Host, { key: '1f6624730e50ba1915eab79ea13c33134dff9119' }, hAsync("div", { key: '066811ce2abe630a698cdc92b45e461bf50779be', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, hAsync("duet-icon", { key: '2a786961ff8018a43ff5ee297fca3a8ba5c0d63d', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: 'd3e51fbeb20d942c4593f1eda4f704e92d481014' }, hAsync("slot", { key: '06438b354c91955053ab1fd5a4f7447673909ea6' })))));
+            } }, hAsync("duet-icon", { key: '143baa7a70df678984547409c3d8bff636a7043c', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: '000ac5797e6617cec3318a31ec186c4d9f93af0d' }, hAsync("slot", { key: '4e389d93ba161ff558782fbafe1b60a9e883f6b1' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetEmptyStateStyle0; }
@@ -8695,20 +8712,20 @@ class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '54b468baaf4dd04309e347b3ad7886a84af47e70', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: 'f28b6b4150eed4c469cf682559701ba75100bccd', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (hAsync(Host, { key: 'f6aef2c47f5c6b8e6d2c1bdb46d519f4ed458718', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: 'a54d512a17e071942ee5f0fabf5390e6f1bcac32', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("legend", { key: '18c10c7e8d4f3e0c8600a139d54f43b09c4e45ab', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: '91038b7ead81fc4cff1f45bdd5a115171d27f0e8' }, this.label), this.caption && hAsync("span", { key: 'a651082ad238bc8f7f16728a1144cf03c3df338e' }, this.caption)), hAsync("div", { key: 'e463811e43f250b812d8e7efd14f4955a3f683c7', class: {
+            } }, hAsync("legend", { key: 'afd55670461e38468717fa4d4c897d92333c3986', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: 'd66a45591d9ea38ece746276f752a1dc9f470060' }, this.label), this.caption && hAsync("span", { key: '2e6451284012b3f76c5ddb452e8c54c8902ba222' }, this.caption)), hAsync("div", { key: 'f4a921c9f6fad1e6bc70e5c6e50c7e17378664b7', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, hAsync("div", { key: 'b3644143964cf701cf9821abec4fb6b4f77f46ac', class: "duet-fieldset-label" }, hAsync("span", { key: '9645038dd64c0d028d0fba2bc2d2df9157bdf5c0', "aria-hidden": "true" }, this.label), hAsync("slot", { key: '9bda9a72a19a343ae0b62bfd3e9962f5adb29c2c', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '5939d10ccde6c9b1beded70128458a1e7d831b4d', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '9a7631156e00e7bd460fe08e74aec8e68920dc4a', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: 'df21df9932f6ad85e4682a9216ac816da5369a95' }), hAsync("span", { key: '56f7b06185c295981802aa98bfb06121c6286fea', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '779d4c05e3cf5d5240af36d2338b1a757f1e947e' }, this.error)))));
+            } }, hAsync("div", { key: '9fb2004e0c5810ba28adbf0b2f1cf222c255f7e3', class: "duet-fieldset-label" }, hAsync("span", { key: 'd043219b465141ce2a6d6dbba38f6233560a6e3e', "aria-hidden": "true" }, this.label), hAsync("slot", { key: 'ae5535898568b419d0534a1105878d2ddb784ff8', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '6c68d9a518f408a460e2346cdc30342606cb133d', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '198623e298175cfa825ccbc9b70ba3a25f577d2a', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: 'a80181d8476bb6387cb5d76cce99d4617cac8734' }), hAsync("span", { key: 'be4bff117193cceb7517dbef02403f231ed3f263', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '08312b9df002b520950d3119195c811cb2504e83' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetFieldsetStyle0; }
@@ -8852,15 +8869,15 @@ class DuetFooter {
     render() {
         const text = getLocaleString(i18n$1, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (hAsync("footer", { key: '7df55c7d655b77f110d55b85ec86e7884f5c8d7e', class: {
+        return (hAsync("footer", { key: 'c09536e13ed896c7c3eb2ce3d3b48529049a3fa8', class: {
                 "duet-footer": true,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '2b32d2272dc4dc40168f3e81918a1e1efad970de', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: '950af53de6fdcb8affc352bc1d4a7fe129b385d3', class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '4c6a795fb654c90c687e15b81071b76b9697548b', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: 'ddd298007bd561bd321c9c542450c74c2998da89', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, hAsync("div", { key: '5fb042ef3a17ff164961e7b73fb765d3911c6d01', class: "footer-top-logo" }, hAsync("duet-logo", { key: '81426531a428181b61571ddc2c008e2fee0b7b31', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: 'efb8ad879b986cf8a0d8921ac83f746c8514d3c3', class: "footer-top-right-container" }, hAsync("slot", { key: '8cfd7e50461e06f6c2138114c599c0222d40a8f8', name: "info" }), hAsync("div", { key: 'ee51536afc0cfc9a8f29f6daad2efaf959f67c07', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, hAsync("div", { key: '27e2f926b9e8922978d22782c86a5e99b38c1486', class: "footer-top-logo" }, hAsync("duet-logo", { key: 'a297517a74d2d7b29d2e983829cd045cddca5682', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '3ffc24afa25aaa0c1987b9fd6ad08a352a43d6ff', class: "footer-top-right-container" }, hAsync("slot", { key: '98c0a86faf2101a5ae372e12375a76b9b812d4db', name: "info" }), hAsync("div", { key: 'f1edd105fbf081e3d85a7db3df9830520d6814f7', class: "footer-top-items" }, this.processedItems &&
             this.processedItems.map((item, index) => {
                 var _a, _b, _c, _d, _e, _f;
                 return (hAsync(Fragment, null, index > 0 && hAsync("duet-spacer", { size: "x-large", direction: "horizontal" }), hAsync("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith("tel:"))
@@ -8870,7 +8887,7 @@ class DuetFooter {
                             : "navigation-arrow-right", "icon-right": !((_c = item.href) === null || _c === void 0 ? void 0 : _c.startsWith("tel:")) && !((_d = item.href) === null || _d === void 0 ? void 0 : _d.startsWith("mailto:")), "icon-size": ((_e = item.href) === null || _e === void 0 ? void 0 : _e.startsWith("tel:")) || ((_f = item.href) === null || _f === void 0 ? void 0 : _f.startsWith("mailto:"))
                         ? "medium"
                         : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)));
-            }))))), hAsync("slot", { key: 'b745d299193ac3c349416cdc00e0e8fe8b00cc0b', name: "extra" }), hAsync("p", { key: '251e9182681b71b0d07e41d7df3f7469bf1b7e53', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: '857bb6f4883ae0656d30b2c47fb955ea64fdf064', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: '913d0e1e22975d0a46bdd5f33cf05707c475b8e3', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: '99fcb2936895ef6216e4b4e46cdf0910f7128505' }, this.processedMenu.map(item => (hAsync("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("span", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: '3f2de8ce8cb237e92b75d7569811f5ac022d7dc5', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), hAsync("slot", { key: '3108d57df772399e2ec83e3819a277cf877f5898', name: "extra" }), hAsync("p", { key: 'ea96247cc266efc7e209acc8281b7a207b6d8ab1', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: '6f10b09142cf13f2168c4d1a37f6784167fff1f7', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: 'def1a300fe8794d3ac068b575a0e74343ddcf53d', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: '88c8f59560a9d329cebcd88a6bae635a63e95681' }, this.processedMenu.map(item => (hAsync("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("span", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: '121abcf17a5b8eb8f04e3c8ee2ffef57d725c8aa', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9074,7 +9091,7 @@ class DuetGrid {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b719a6d43845829fbda8dbc93e67aecf0894ce57', class: {
+        return (hAsync(Host, { key: '61087a3ab642d3184a0cb007b0903780e021d05b', class: {
                 "duet-grid": true,
                 "duet-no-stacking": !this.responsive,
                 "duet-grid-align-top": this.alignment === "top", // flex-start
@@ -9101,7 +9118,7 @@ class DuetGrid {
                 "duet-grid-row-reverse": this.rowReverse,
                 [`duet-grid-variation-${this.gridTemplate ? "grid" : "flex"}`]: true,
                 [`duet-grid-template-${this.gridTemplate}`]: true,
-            } }, hAsync("slot", { key: '9ff8a76a35e45a15ef04f376f5b4387609e0ae7d' })));
+            } }, hAsync("slot", { key: '47742bf4547f236c38667b70243eba88739ea81d' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9157,7 +9174,7 @@ class DuetGridItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'cc7ed307e094fa01452cf707961c183c0622b6e7', style: {
+        return (hAsync(Host, { key: '10b2af6baec36dcf39e1ea5af5efdef0e279f38f', style: {
                 "min-width": this.minWidth,
                 "max-width": this.maxWidth,
             }, class: {
@@ -9174,7 +9191,7 @@ class DuetGridItem {
                 "duet-grid-item-br-medium": this.breakpoint === "medium",
                 "duet-grid-item-br-large": this.breakpoint === "large",
                 "duet-grid-item-br-x-large": this.breakpoint === "x-large",
-            } }, hAsync("slot", { key: 'c6d01898a86329bdc57abd35a6a6e71bf80fe2c3' })));
+            } }, hAsync("slot", { key: 'd5f3dfa412c5a3bdd7f9082d07f8ae2ca85a2b44' })));
     }
     static get style() { return DuetGridItemStyle0; }
     static get cmpMeta() { return {
@@ -10006,7 +10023,7 @@ class DuetHeader {
     }; }
 }
 
-const duetHeadingCss = "*,*::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;position:relative;display:block;width:100%}.duet-heading{margin-bottom:16px !important;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-style:normal;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);text-decoration:none;letter-spacing:-0.01rem;word-break:break-word}@media (min-width: 36em){.duet-heading{margin-bottom:20px !important}}.duet-heading.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\";font-style:italic;font-weight:700;color:rgb(23, 28, 58)}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid rgb(212, 223, 229)}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:rgb(98, 121, 138)}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw;line-height:1.1}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h0.fixed-size{font-size:4.5rem}.duet-heading.h1{font-size:7vw;line-height:1.1}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h1.fixed-size{font-size:3rem}.duet-heading.h2{font-size:5.8vw;line-height:1.1}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h2.fixed-size{font-size:2.25rem}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h3.fixed-size{font-size:1.5rem}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h4.fixed-size{font-size:1.25rem}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h5.fixed-size{font-size:1.25rem}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-normal,.duet-heading.duet-theme-turva.duet-normal{font-style:normal !important;font-weight:400 !important}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}";
+const duetHeadingCss = "*,*::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;position:relative;display:block;width:100%}.duet-heading{margin-bottom:16px !important;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-style:normal;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);text-decoration:none;text-wrap:balance;letter-spacing:-0.01rem;word-break:break-word}@media (min-width: 36em){.duet-heading{margin-bottom:20px !important}}.duet-heading.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\";font-style:italic;font-weight:700;color:rgb(23, 28, 58)}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid rgb(212, 223, 229)}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:rgb(98, 121, 138)}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw;line-height:1.1}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h0.fixed-size{font-size:4.5rem}.duet-heading.h1{font-size:7vw;line-height:1.1}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h1.fixed-size{font-size:3rem}.duet-heading.h2{font-size:5.8vw;line-height:1.1}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h2.fixed-size{font-size:2.25rem}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h3.fixed-size{font-size:1.5rem}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h4.fixed-size{font-size:1.25rem}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h5.fixed-size{font-size:1.25rem}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-normal,.duet-heading.duet-theme-turva.duet-normal{font-style:normal !important;font-weight:400 !important}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}";
 var DuetHeadingStyle0 = duetHeadingCss;
 
 /**
@@ -10038,7 +10055,7 @@ class DuetHeading {
     render() {
         const TagName = sanitizeString$1(this.level);
         const color = getColorByName(this.color);
-        return (hAsync(TagName, { key: '639aa76baa836dd1154030602e491d5592976e29', class: {
+        return (hAsync(TagName, { key: 'adbe366a86226640d4f10adf49a086ca946a4c00', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -10049,7 +10066,7 @@ class DuetHeading {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, style: { color }, part: "duet-heading" }, hAsync("slot", { key: '99875cdb1ebbbee0ac5a3b7821dcb8504f2f8bb9' })));
+            }, style: { color }, part: "duet-heading" }, hAsync("slot", { key: '387caeef0be5837581a9e16d8f2d36eb942d3f27' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetHeadingStyle0; }
@@ -10229,7 +10246,7 @@ class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (hAsync("div", { key: 'cd832b5e8188e532f0ecb10d28ece8c2f70620cb', role: "region", class: {
+        return (hAsync("div", { key: '9317af6b554aff400e94924a85274578a2557f61', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -10247,17 +10264,17 @@ class DuetHero {
                 "duet-hero-text-center": (this.textCenter && !this.leftAlign) || campaignOrSection,
                 "duet-hero-left-align": this.leftAlign && !campaignOrSection,
                 "duet-hero-narrow": this.layout === "narrow",
-            }, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: 'a0c0e2a882ce53fc12df229b82f252b93255f01f', class: "background-area" }, hAsync("div", { key: 'cbf3c4d1706429955cd8a96fa1abe704291bf06e', class: "background-container" }, hAsync("div", { key: '71e820f0db414855ce2b04a5ccb9786a7a537bb9', class: "background" }, hAsync("img", { key: 'd4fbd658939268638ca18fe7281ecdea112b2822', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: '0cf25b23521910a66642f8209226664a4b0e9822', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: '208c56a58ae8d77b3544530d9624a1cb954cf655', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: '946e5c4c89f3db22c5b476cc140579df3eddbd94', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '66c7f02ad559c5ac59b073fead93d58fea9e5fe9', class: { background: true, [this.layout]: true } }, hAsync("div", { key: '7e4091890f931854afed8128e6de0e93030f715c', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: 'adfb7615caee3393c994da443ea9cee8632c5641', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: '96c34abde476c7148702505199ec8264136f5b0e', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: '229f4a4795ba3417527975deb1e76c6cb3c1ab41', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: '3f2ae353726fc0027be26b9a5b3da24693bd6355', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: 'dfba6947ca623bcc1f3adb1d39f78c9c1fdff562', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'fbd2783758a9fad396d0dd6ccfbe2e7d395c4c62', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: 'c9d8e628a6373ecaefc574493e1f646e5fe57af5', class: "background-area" }, hAsync("div", { key: '13f4968245418640136214af84e6e6d3b2b69960', class: "background" }, hAsync("div", { key: '174100e1cdae385a217f21d665dbeae19d65842b', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: 'e7f53e49cde5f440a103ed6fc7213fb4e116f525', class: "brand-shape" }), hAsync("div", { key: '02e2685bcca6c6d575dfcf87341f15a77650a7d2', class: "brand-shaped-image" }, hAsync("div", { key: '8869ad1d98fcec90ecd9e04d2f57d99755f3ce86', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: 'ff6788133937b451221e626f037477ae3b741a63', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: 'b73fd95091cdc38b2e0a0a639890795fd553a499', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: '753ef04538804cd1dbfe40b6f28a8f2046572a9f', class: "duet-hero-image-mask" }, hAsync("div", { key: 'b7b22993441b9f1d835962bf4a8f7858c3e95fea', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '5c1d3d40b10459331c8a5dfa2976423348bea6b7', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (hAsync("div", { key: '064a08fc1f8d3a39569dd51d6367a8d6ec57f4b7', class: "duet-hero-back" }, hAsync("duet-button", { key: 'a2a72e4fb80142e5b5cd89d465f1666d7b87222b', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
+            }, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: '8a7f16e42528d3f102b37ef4c6fd5d07b2c83b4c', class: "background-area" }, hAsync("div", { key: 'd1bd227d800f0b6d13132e22c04fa4fcc5f5884f', class: "background-container" }, hAsync("div", { key: 'edcf5211a0f78066a3bb20ed76a7c8c268f74032', class: "background" }, hAsync("img", { key: 'b37a6029d1eb14065fedd721bc5cc9ea79e62e29', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: '87315ae16f4aac41a8dc306e8a7dc1e6e451eefa', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: '280069c149060c4276fad2af8a5155a76301d8c1', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: '8578f05ed6a1510d5b5db627c99037e31e403104', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '58d63a2a2148f2af164e5744dc1096b5b26a7269', class: { background: true, [this.layout]: true } }, hAsync("div", { key: '80a4935ed2027affcfbde3555f10aea44c872355', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: 'd4da7b7e5bc2a773b42beec24a023e35b2d90861', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: '6b0b645f0b40c965d048bd5cf460df26548c6335', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: 'cd17bafddc2c380c4ee4d5a1d34501495bb7e63c', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: 'e19d97582c2fbf1413544dd50512b28088cea6c6', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: '2f57d2fb8c42716d62a836c23113f3b3d0a103f5', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'e6ab45b59f5119dc8e256ddeec5c8a52228ad5a2', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: '4f426ddcda2ff72f70e7e9a8c2c36876f8697054', class: "background-area" }, hAsync("div", { key: '045515f210fb3301f83779319fd59bb819c8bc6f', class: "background" }, hAsync("div", { key: 'da7ab6aa0276ce05e3397fa09d6f9a86237f6e98', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: 'da2a2a66d213946f3c214a6e268c6db5e28180f3', class: "brand-shape" }), hAsync("div", { key: '490a965865cd3ad34843ecbc209118fbb93ae6fc', class: "brand-shaped-image" }, hAsync("div", { key: '30f0436921fd2b3748881134549ec054b58a1f4d', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: '15a47788256b28814a21c05a4d52a13e43e87d00', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '51c084671f6673506b670ae53a5445a7b2deea38', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: 'c5b4f38228a1a3b2dd943ac52216bb8568e308d9', class: "duet-hero-image-mask" }, hAsync("div", { key: '3a9b764eb6ffb0f803d4642dfa9ee0e0fad9e488', class: "duet-hero-image-wrapper" }, hAsync("div", { key: 'b96dd4b896cca3fea04c453dec2a382a20f61637', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (hAsync("div", { key: '4c63cc49cc014a447176dc789e16637ae440c74f', class: "duet-hero-back" }, hAsync("duet-button", { key: 'b48dd641d53288bbe1f016296b4c22e7be8a4805', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
                 label: this.processedBack.label,
                 href: this.processedBack.href,
                 id: this.processedBack.id,
                 analyticsId: this.processedBack.analyticsId,
-            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: 'aed0e3448d26be3fef13e54e4b2fa56de2cba5ad', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: 'f628fbc033ea3260b0ea60ca86dead17c3f23fec', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: 'fbdce7136af5984d7515c5e4775e6c113bc90784', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { key: 'f797401a3dd28b2359ece9d162edb80a3235c7c4', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: 'f9c2a9cfdd540ea2ccb8850ddbd6d23ae9777bfe', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? this.heading : hAsync("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { key: 'c0ca02639838464301ebc356e61c36e2e3dde253', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: 'bf4f44822249e6ccb2754c714d090dd8a7f71ef0', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: '2014cb831d827c2564c6ae5ad1a7b9dda4b076ac', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: 'a445e0970b8f7f1558d9b5f262c5442d1891a69e', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { key: 'c09844b83722bd18401715d0abf0481155c1e298', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", { key: '480afbbcede21c5920cd06de678a2d9126f25150' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: 'b21813206501ea887a74fd8c01fd04c5236e909a', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
+            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: '735ddee376a35065e1bb9ca8530a1c372a20f905', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: 'ca1731a19cb5a4ac1d17943345a1affb0152256a', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: 'ba949b71c511676296be9383ae234c6abd6a86c2', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { key: '553bb258d5e205a1283bc39bc53cd336fb3519d8', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: '32058dee96286892ae8eefae4a328a7aeea1323b', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? this.heading : hAsync("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { key: '0b1c4c0578a904559da018a5857e8f417d468ca0', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: '6c6e069d4fd86dedb4af90d806a69cb6e87b116d', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: 'efb4742f9bc597dbf5f42db9e3b82e61544e2031', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '2f4be86967bec69f54bba697f35ebb9dbd7909dd', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { key: '1d50ffb6aaf2c7d55f842ff25b75be397212ed58', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", { key: '3e6319dcb6ca36841431ca04853018e443deb32d' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: '74d002e92ca236ad9243aa5dac125a928dbc3d7b', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
             this.variation !== "image" &&
             !campaignOrSection &&
             this.variation !== "product" &&
-            this.variation !== "content" && hAsync("div", { key: 'c3426d3f22c5897a4e6e22c14008146d8e871e6b', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '5d9278bd5f22bba93e4e16d3261d1772eb844c07', name: "bottom" }))));
+            this.variation !== "content" && hAsync("div", { key: 'f40babfcd77edae3e43a8460abd259fdd4c2d77f', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '4d2b296e53af9bca933e171839ac9d871a08d2df', name: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10383,11 +10400,11 @@ class DuetIcon {
             : {};
         const iconStyles = Object.assign({}, iconRotationStyles);
         const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (hAsync(Host, { key: '629f57b6ddd5d6ae803d93be4da1f502ebc9f7a7', class: {
+        return (hAsync(Host, { key: 'ba913d023fc90de87a4aeedd212ab947e32c98bc', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, hAsync("span", { key: '8c2fd3cc25c602dbdf95494dc938fb8a0e087b3e', "aria-hidden": "true", style: styles, class: {
+            } }, hAsync("span", { key: 'ff5089fa99e7ca86ffa923013622115e774f2df8', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -10396,7 +10413,7 @@ class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, hAsync("span", { key: 'b0cf55b4aef036582b857703048eb946400388bb', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
+            } }, hAsync("span", { key: '1c8eea6c12ca3cc85caa5e6cdba5924737bc80ed', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10911,7 +10928,7 @@ class DuetInput {
             this.type !== "password" &&
             this.type !== "time" &&
             this.variation !== "button";
-        return (hAsync(Host, { key: '6c1d94f9d544b1fdec23f6993ea8856acb3ec25e', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (hAsync("duet-visually-hidden", { key: '1c71f810fadfda464bf37499ef37dd373f610534', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), hAsync("div", { key: '1aeff156d8453ad8315d3e42af92f095ca7f6328', class: {
+        return (hAsync(Host, { key: '30f2d51ce9cf22d995c492aa76cddf1763a06ba4', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (hAsync("duet-visually-hidden", { key: '500ec6c47a364ea47eb8d5a4878ccca8279d005c', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), hAsync("div", { key: '7a4605252b120f12f95b974bd36e9eb7a8d5659d', class: {
                 "duet-input-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 [`duet-input-variation-${this.variation}`]: true,
@@ -10925,7 +10942,7 @@ class DuetInput {
                 "has-clear": this.clear,
                 "has-focus": this.isFocused,
                 disabled: this.disabled,
-            } }, hAsync("div", { key: 'a2a51d7bc74afa312058cabb51f94da42f54fc46', class: "duet-input-label-container" }, hAsync(DuetInternalLabel, { key: '7859061ce09bb88f1bee4b275a23b05c968b06fd', theme: this.theme === "turva" ? "turva" : "default", margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '90608b6e873b5ccbda49563f4a04eef3e96ab48d', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: 'c77595ab15425b05c43c1bd4787f6088ef2e7499', name: "tooltip" })), this.caption && (hAsync("duet-caption", { key: '07107c13f7f6269abdf11207be8ba7ce093c735b', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '711e8416c4f16e82aa3efcecf68f9d7fa1cbb384', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (hAsync("duet-caption", { key: '4a0c67e4968b454c6cc339ae816d8c3eb2142861', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (hAsync("duet-visually-hidden", { key: '5c6bc95cfc7149aba9245c5f58e558a6831081d8', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), hAsync("input", Object.assign({ key: '3a70569af48c892b197d5dae77254074120bc185', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
+            } }, hAsync("div", { key: '0db61c868f468f44b3e0a7776e549ee6df70de74', class: "duet-input-label-container" }, hAsync(DuetInternalLabel, { key: '97a6188e387a1f49e302d465f00d4ed7c81784d1', theme: this.theme === "turva" ? "turva" : "default", margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '4ec20c176c94e329898a0f248fb4b69f3ba79033', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: '4d38724943676cd57a9804b773b13d0d6b9d32b5', name: "tooltip" })), this.caption && (hAsync("duet-caption", { key: 'c92ea06068811cd93aa2fa00ae0eb362456c3637', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'a7542580d3550ed8f9161b5318187af455f0b2e9', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (hAsync("duet-caption", { key: 'e3614b13a63f079bfdddaf2c7ee21a256793f6ec', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (hAsync("duet-visually-hidden", { key: '7adb551b1fc88b2d26f324f3891e72587285dbe5', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), hAsync("input", Object.assign({ key: '402e4a5f8ba98a98cde01517f5de6d1da030ea99', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
                 "duet-input": true,
                 disabled: this.disabled,
                 "is-number": this.component === "number",
@@ -10933,16 +10950,16 @@ class DuetInput {
                 "after-chip": this.getAllChips().length > 0,
                 "align-right": this.inputAlign === "right",
                 [`input-padding-${this.inputPadding}`]: true,
-            }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (hAsync("div", { key: '0377efc4c565c66f5c14cb741f8ccb3e2545221a', class: "duet-input-icon" }, hAsync("duet-icon", { key: '862ec3d70162837ad3c72e1c648176c1dc771d36', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (hAsync("div", { key: '4bbb87e3df3d533e086c2e5b0614e7a5fd1498df', class: {
+            }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (hAsync("div", { key: '798619aa635e7789dd4419652dcd89704c39114f', class: "duet-input-icon" }, hAsync("duet-icon", { key: '4a5df88168231feca08b81a2fd2635fd320112a9', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (hAsync("div", { key: 'bb4670b4ad2d2817c806250ff3d2c7b42e58ceb5', class: {
                 "duet-input-clear-icon": true,
                 "duet-input-clear-icon-single": !hasInputIcon,
                 "duet-input-clear-icon-double": !!this.icon,
                 "duet-input-clear-icon-button": this.variation === "button",
-            } }, hAsync("button", { key: '08ead94af1665bdbd5f5ef366b29bba89d7df0c6', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, hAsync("duet-icon", { key: 'f7a0d73ec05dfd4f0b1bdbd097f6637b18f6c62f', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (hAsync("div", { key: '555da51b2ccc71bfdc259ee3b80ef0cb550a2757', class: "duet-input-icon" }, hAsync("duet-icon", { key: '4e61179d3006a21c36518b34a198f1ebbcd4ba65', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && hAsync("slot", { key: '1fa648c46fd4dd1929185f0a0216e91724dd234f', name: "button" }), this.variation === "revealable" && (hAsync("duet-button", { key: 'ba539f81b4de281f1f548f858144120a308b7f27', ref: button => (this.togglePasswordRevealedButton = button), onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed
+            } }, hAsync("button", { key: '59c76b456cba12de6154d25e3a2a3262bda01061', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, hAsync("duet-icon", { key: 'f5cc20be9e09fef88c8513197efc8069a344f259', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (hAsync("div", { key: '175b9fd1bb2442763e39cb1cb97e159d5901ceca', class: "duet-input-icon" }, hAsync("duet-icon", { key: '50a769358470f6e22060a0c61a771389f3c8b0cb', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && hAsync("slot", { key: 'a07c5ccb6051d103db9c8c57473e8daefe4b9767', name: "button" }), this.variation === "revealable" && (hAsync("duet-button", { key: '5b042e2c7aed368dc38beb4e4d4be8c770aba69c', ref: button => (this.togglePasswordRevealedButton = button), onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed
                 ? this.hidePasswordLabel[this.language]
-                : this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (hAsync("duet-visually-hidden", { key: 'f2b57b97cb3de186e3e7cc8fcff5bff2aa0c50f7' }, hAsync("span", { key: '44280ae6250bd248ef4bc32ee3fda8adafb0b922', "aria-live": "polite" }, this.isPasswordRevealed
+                : this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (hAsync("duet-visually-hidden", { key: 'b4d5037e04f713694e18a084323f2a1cbda34b48' }, hAsync("span", { key: '8ca0267032a66e0b196d1cf33e4ad10c51921789', "aria-live": "polite" }, this.isPasswordRevealed
             ? this.passwordShownAriaAnnouncement[this.language]
-            : this.passwordHiddenAriaAnnouncement[this.language]))), hAsync("slot", { key: '37f27ffb2c201fef8f4058dabf29734c1fb596c6' })), hAsync("span", { key: '87b22ac00aca098cc5e076850ca390e29cc022c9', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '961a7bdca67b47c2d4f694095fb9fe6edde487f7', class: "duet-input-error" }, this.error)))));
+            : this.passwordHiddenAriaAnnouncement[this.language]))), hAsync("slot", { key: '67d7a13c0288e43bf19523ae9378cbaf83070b60' })), hAsync("span", { key: '185873830140ac2c758297f42532c8afa12f1ac5', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '65dc92ec1a22c205ba1ba2cf56e1c32df4324e30', class: "duet-input-error" }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -11111,24 +11128,24 @@ class DuetLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'c4699088f31020eb2b8ed7d4ecef65514bc3d28d', class: {
+        return (hAsync(Host, { key: '7218422a05742981b63dc1e8b29f181d753f4866', class: {
                 center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: '075e7f223d3dda19f6f5ac9f29494eda8ffc7ff9', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: 'f3127c1c4f7fefdce569c2c30c77d990a1b9e11d', class: {
+            } }, hAsync("div", { key: 'cf7447fd76b23d18b34fb6ee903b2763fcf250e4', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: 'acb4ce1658b34788d6185b8357d8f28f2631a5bc', class: {
                 "duet-layout-top": true,
                 "duet-center": this.center,
-            } }, hAsync("div", { key: '4954d9c1c200c323bf2b4906e862ede88190c025', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: 'e176f01c9d6662ee1bcfb0b9c6a0bc73b258abd6', name: "top" })))), hAsync("div", { key: '85c1e1219c0745d92be32716169f2097a1051ac8', class: {
+            } }, hAsync("div", { key: '726d75940090578a42eb72a0916f1fd5e2fabc31', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: '1b07000c7910ef711a9bbcb264efa2ea56678278', name: "top" })))), hAsync("div", { key: 'b0befaba96f73bc0e57cecabb62029b6662ef41e', class: {
                 "duet-layout": true,
                 "has-sidebar": this.hasSidebar,
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("main", { key: '7c70810abab73c6419db8ee5c1271ba34e877892', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: 'd60f45fe444f1de3089fb2207d169cc0bbfb1d5c', name: "page-heading" }), hAsync("slot", { key: 'cf79d7bd693259864500a1b9285b3bbc84c42326', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '8c2c2c6e31a690aa01f72a03f2f62c0929902e09', class: "duet-sidebar" }, hAsync("div", { key: '3b846f204a5b322134649c2b822d3c7bdb03447b', class: {
+            } }, hAsync("main", { key: 'c1484df68a8e58a5bb941f8024854476c07c35e5', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: 'e01015df6e7aaa17ce4d357d0c61483136f0da67', name: "page-heading" }), hAsync("slot", { key: 'e9f75c0feba0cb007c15f1df99d50aa20a08a760', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '275de6ce686959cb5a9a330710b4f14459a57eb6', class: "duet-sidebar" }, hAsync("div", { key: '6b282d8fee11ef6e150d2b79525cbfdb15413e8c', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, hAsync("slot", { key: 'ea597d8559fa042256c715339923f3fc885d8e50', name: "sidebar" }))))))));
+            } }, hAsync("slot", { key: '05f1c2bd333da745c79c863e75c1ebbbd2745995', name: "sidebar" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetLayoutStyle0; }
@@ -11270,10 +11287,10 @@ class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (hAsync(Host, { key: 'abc49b84dd9a522c921d5447f1b2ec451a456f44', class: {
+        return (hAsync(Host, { key: '8fc712b819ec0f95da99033d8f5e70ff50d2a33d', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync(Tag, { key: '24ecdb7c1b3bbb33f2cf612170574b06931574fc', href: this.url, class: {
+            } }, hAsync(Tag, { key: 'fc3d7a5b8c2bd18d44be23a475da66b5f4a886e1', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -11395,7 +11412,7 @@ class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("dl", { key: '0f63ce12f7d83722524fecc8e803c455f636d277', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: 'd8dc331b6707093063ae55cb8024fa723b7adbca' })));
+        return (hAsync("dl", { key: 'e1c99a3ea4313763539690c8ae38611b8ebe635b', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: '918fcee3a91abaeeb937560a776f11f22af358ec' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -11445,14 +11462,14 @@ class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'eb9ff2970967f44ffa2b7b6e2c5364d5e1ca9514', class: {
+        return (hAsync(Host, { key: '3569cf0fab6a726538fc23cfac4bc201380594d9', class: {
                 "duet-no-stacking": !this.responsive,
                 "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
                 "duet-list-item-breakpoint-small": this.breakpoint === "small",
                 "duet-list-item-breakpoint-medium": this.breakpoint === "medium",
                 "duet-list-item-breakpoint-large": this.breakpoint === "large",
                 "duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
-            } }, hAsync("dt", { key: 'ad7a453ca942b71da2961c6f369102c739bb1f5c' }, hAsync("slot", { key: 'b697a80721b971d368b1a079f60dde00a821d236', name: "label" })), hAsync("dd", { key: '2a7d656b698a301e35a9537587f4676302f101b5' }, hAsync("slot", { key: '230ef1772d105ed50286c7dfbe2aac5f51ebffa6', name: "value" }))));
+            } }, hAsync("dt", { key: 'dd3487c1ba2dafb84718cf94b7782660d9373bc6' }, hAsync("slot", { key: '32ea82913c63caab905b8c9725a77ab7091d44ce', name: "label" })), hAsync("dd", { key: 'e0dee0bceb289d0134820ef951d0c5202a1080f4' }, hAsync("slot", { key: 'e5570466329cf196c13cb36b2999c4094017713f', name: "value" }))));
     }
     static get style() { return DuetListItemStyle0; }
     static get cmpMeta() { return {
@@ -11545,7 +11562,7 @@ class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (hAsync(Host, { key: '755522a4d8a0d79b25a402de924b39757c3eff92', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: '03328ec8c5569b1f4203846cbbdc3014028a36ea', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (hAsync(Host, { key: '333d34ee98d57ba47a801761a275852962d33dfb', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: 'c4eb5b2578fa0ebb2ca8ac5519dedbe53d494ef1', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
                 "duet-logo": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",
@@ -11723,14 +11740,14 @@ class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (hAsync(Host, { key: '879fc36781875cd6dea48e11839a85a185085dc0' }, hAsync("nav", { key: '2ea40e5fc7e651f516d4f9edae5ac2f71fd4fee9', class: {
+        return (hAsync(Host, { key: '4c14c6c4303d1ce9dfb4460ce71a9baab57e7972' }, hAsync("nav", { key: '0f976a3757ecf00685bcf5be4d5f34c851cb6fe9', class: {
                 "duet-menu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 "horizontal-nav": isUsedAsAdditionalHorizontalNav,
                 "duet-menu-bar-slim": !this.centerSlotUsed,
                 hidden: this.hidden && this.hideOnScroll,
                 bottom: this.onBottom,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'ff8cc7d764c170ddd58d7ed93375961a95db7e20', class: "top" }), hAsync("div", { key: 'f1a58089bfde393327f4602887e2c3bb850f2344', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: 'f3ef014e2ea267d5b52553854490be997f13cf25' }, hAsync("duet-logo", { key: '063b69ae891ce4cb9bc6960aa0f0a9dbeca46cb8', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: '241a7083365bb7b039787e4f8debcd9185092057', class: "list center", role: "list" }, hAsync("div", { key: 'e91f65554fe261b6eac8f2e27b1a38a41f26ad11', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: '54aca3809af67d932ccde820be7575dceb6c422c', name: "center" }), hAsync("div", { key: '89998cee04eba79bb73de1a494b5a6b87790276b', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: 'e949ddcfac19ccaf615fdcbc2ce2faacbf7b9a91', class: "list right", role: "list" }, hAsync("slot", { key: 'c29da062d16c0070f56c034008c6cc911f6570b2', name: "right" }))), hAsync("div", { key: '02cca0e6a68888052ccc9721adc8d8692b6f2841', class: "bottom" }))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '9e745e5fc21e8c4541f5231f34e437e1dfb41d0e', class: "top" }), hAsync("div", { key: 'd3b52c054d9793cad8b3523ddd13c531a7253d2b', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: 'd6cf3454ca9178b46e9c2afcfe3b951fc23a9f8a' }, hAsync("duet-logo", { key: '811a33c0b0d0e52d9d38602e970d2e2bade5f527', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: '23426b2b29e9765da3952d10a2fbcf3ae9257239', class: "list center", role: "list" }, hAsync("div", { key: '1efffb3eba8ec62d510be4b0de6f91b847a06a50', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: '3f8f4e93a960452c9965bedfdb96a9eb33225565', name: "center" }), hAsync("div", { key: '8fb904825c12a5c19e8a9db21968fe381517c60b', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: 'b61f3351ccde5fdc98ca42f2fbffc55c8ebfe154', class: "list right", role: "list" }, hAsync("slot", { key: 'f030c4eebee43c6e29422b7794b4c04ed2bc2d6d', name: "right" }))), hAsync("div", { key: 'f7b272e273c0eae005bfb74456d1979c1b165f8f', class: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarStyle0; }
@@ -11797,10 +11814,10 @@ class DuetMenuBarButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'ea08eb1eddf43b131574bef0516845144bf00b7b', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: 'e156fc55985037a6ec644448c3f5c707c2aeac7e', ref: button => (this.nativeButton = button), class: {
+        return (hAsync(Host, { key: '6f75ab90994003945faaf606213177956d65b5a7', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: '259db22bec0d03f4c8f68529b35927af44655cec', ref: button => (this.nativeButton = button), class: {
                 "duet-menu-bar-button": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (hAsync("duet-icon", { key: 'afdafd0bbf7f48b10fe80db0ad1286b17ef60302', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '69d0a72d7e725db69165b4eed4e8f11de4a52429' }))));
+            }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (hAsync("duet-icon", { key: 'c2182470252c2c09577655c562a32e2515383c4f', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '18d7084e040b500c7558ea574bc5a6cf43a036d0' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarButtonStyle0; }
@@ -11883,17 +11900,17 @@ class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'd71c83e01aa8580e0bd1eaabb91f3cca8734cc1b', role: "listitem" }, hAsync("div", { key: '7d606d5d43394752e02f372c6c1bc2df44fbb977', class: {
+        return (hAsync(Host, { key: 'f2ae6a8b45e78de018708287c1ec61b7648af786', role: "listitem" }, hAsync("div", { key: 'af551d08605c82f1f1cda7b81c99081152dd4678', class: {
                 "duet-menu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
                 [`duet-menu-bar-dropdown--slot-${this.getVariant()}`]: true,
-            } }, hAsync("button", { key: '88715073efb8ef87d18ebcbd493eabf5f4b10da5', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            } }, hAsync("button", { key: 'c98ba81cf3d27c93922378a1ed42c6795e5560f7', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'f70f97a8ba1769cc7eb214fa8c56f0fd526fd092', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '4d2d51d01fa52e5ebeb1aebeedb80d32021938dd', class: "label" }, hAsync("slot", { key: 'ca9b40f144b8a0480fc04c51b336a4df20e30e5d', name: "label" }), hAsync("duet-icon", { key: 'bfca42219c5bd1c00604d68f6d3fe5b392e344ce', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '35cf265e22ea94935890b4029cfd757e6f2a70ff', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '68312f16c0510c96693965ebdee514b9ab58ae29', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'f877d5f7298eaae83f061306be1e61b358017e47', class: "label" }, hAsync("slot", { key: '1e9e1ddda50dd7be9204235502c5541477d2b26c', name: "label" }), hAsync("duet-icon", { key: '60a75a216d897ae68c78146adaa4b17fa7220ea5', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'ac48d2e83152837d5865559c85987640751033b7', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '1aa83e543c586acb204c20e6762ffd98e6ad7d33' })))));
+            } }, hAsync("slot", { key: 'c423d7b527bc674cc8fcf895ef228ab3dcc14c27' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownStyle0; }
@@ -11953,11 +11970,11 @@ class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'ed174973681522fe7f35b14edcf2e8782306e1bc' }, hAsync("a", { key: '0be57e484e5dd38f3375d5387ed7ccfa5a88d0d2', class: {
+        return (hAsync(Host, { key: 'b39d6abeefb119284682cca93010dbe3de43db7c' }, hAsync("a", { key: '74baeaeef4fd9523c156b10c62e4fd783869b541', class: {
                 "duet-menu-bar-dropdown-link": true,
                 [`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '966909764e92b7255432320ae69566ec4373863f', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: '65e6a089fd9a1859ef86b3efc9487268c088b8dd' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '9893a49e6d869071ab120a38392e6d8b192a3ba4', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: '4cf3bc62d7951ed784aae771602e15f03e4d2e92' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownLinkStyle0; }
@@ -12021,11 +12038,11 @@ class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (hAsync(Host, { key: '8346b680f96a6c7fe3fca566391be07cdeede6cb', role: "listitem" }, hAsync(TagName, { key: 'bbd5013aeca3b13a33853b090201f3680c1b4b5c', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: 'be2ac6c17db91d8f654fd1e4db67e762ff9f351f', role: "listitem" }, hAsync(TagName, { key: '4780ca4c189bbaa5168f119852c80c8c73893cab', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-menu-bar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '38d682ecc0709ecfd54ecb8d3e59beee23f76b65', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '0c6c8d102b7ef15a63b82d703f68688933791c8b' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'b5969ef13a137d3801d9f9fa1d6fd4cf4ac8a1b1', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '2c737fc960440322ea9a8c6948043da1c720f111', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '6315635508b240d5cccd6a68a766ca93dadadcfc' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '914d56c5769b607d79727925e4a24f0ac9adc3e8', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -12080,11 +12097,11 @@ class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7b49e5fa6febb45032d34e0267d2c4f86fcdb929', role: "listitem" }, hAsync("a", { key: '9a0bc708043462ecb37cddf3a332beb31a44f106', class: {
+        return (hAsync(Host, { key: '73fa38bbe6bd2a1ab5c43148c47183a41cc149a2', role: "listitem" }, hAsync("a", { key: 'b0066b2b752490798a03ec6481c87ba9b0172509', class: {
                 "duet-menu-bar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '8d686c07c24a63b2effd37edcf12a283a2f303b8', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'd17e247634ebfd380b813f7a4b520e925cf2e966' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '58c53cacc9c3350d819ded713740f6145534ec14', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '9c3f4910e64a251b3d28cc1bc7da48fea680b3f6' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarLinkStyle0; }
@@ -12335,18 +12352,18 @@ class DuetModal {
         var _a, _b;
         let iconColor = "primary";
         let closeColor = "secondary";
-        const closingButton = (hAsync("div", { key: 'e3680a1a39e49c693a42fc7fb9759bc668d40db6', class: "duet-modal-close" }, hAsync("duet-button", { key: 'f83e0f5cb99b5a95989e6c142c12dd4abdccd4c5', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
+        const closingButton = (hAsync("div", { key: '12d0600dd47ad71b53d67e07b03f4f21b8d1676e', class: "duet-modal-close" }, hAsync("duet-button", { key: '3e7e6c2de9c2bb1953cb9795650b44b289751ff1', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
         if (this.theme === "turva") {
             iconColor = "primary-turva";
             closeColor = "secondary-turva";
         }
-        return (hAsync("div", { key: '958d3dcd432c8954835f6cb522b2fe09bccafaa4', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
+        return (hAsync("div", { key: 'e2d3037d4a7c15fa4d8d9c3163a56b9e7cf0fbdc', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
                 "duet-modal-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-modal-active": this.open,
                 "duet-modal-slide-up": this.variation === "slide-up",
                 "duet-modal-has-sticky-header": this.hasStickyHeader,
-            } }, hAsync("duet-overlay", { key: 'fbc2fc13d50311db1c8a0a4f2cc2803129eafe58', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: '8a07986bcfc3448a09fef42541dbe3cfada8bdcb', ref: modalInner => (this.modalInnerEl = modalInner), class: {
+            } }, hAsync("duet-overlay", { key: '976c237ef7d725ddf14da1239317a71b423a0c10', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: '7799b43bbf0ca9e3c99eefe055de532d3245bc12', ref: modalInner => (this.modalInnerEl = modalInner), class: {
                 "duet-modal-inner": true,
                 [this.size]: true,
                 "duet-modal-slide-up": this.variation === "slide-up",
@@ -12357,18 +12374,18 @@ class DuetModal {
                         this.closeModal(e);
                     }
                 }
-            } }, hAsync("div", { key: 'a0b9f37bf6628afa8f99e12a917d57eaeec54583', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
+            } }, hAsync("div", { key: '1bbd6a5de7f1825247c3b5b5b39699d3e9f2878c', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
                 "duet-modal": true,
                 "duet-modal-has-sticky-header": this.hasStickyHeader,
                 [this.size]: true,
                 [this.variation]: true,
-            } }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: '9168f67fd2f8ede394df502d619287153224558e' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: '9f08ea38b797e2f08e90b844af00bc7520f74524', class: {
+            } }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: '97704800433d96483426cee10199d9b4f1aef6ca' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: '5adeac36992b90facc4e0a4b6e1c8142dad400be', class: {
                 "duet-modal-body": true,
                 "duet-modal-gutter-none": this.gutterSize === "none",
                 "duet-modal-gutter-small": this.gutterSize === "small",
                 "duet-modal-gutter-medium": this.gutterSize === "medium",
                 "duet-modal-gutter-large": this.gutterSize === "large",
-            } }, hAsync("div", { key: '46de5037af55d3b54aea4f8a133aa3ed573c0599', class: "duet-modal-header" }, hAsync("span", { key: 'ce17770a8dd4f97629729ab7823f9f7da02e5234', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: 'b347be9693d36ac02bd0bbfb004c84fbe2a27b2f', name: "top" })), this.icon && hAsync("duet-icon", { key: '4e60fc0b0a51d95dcc67841be4e780c5e71538e0', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: '3749e6adf5b669773e1ecf50e989b8dceac017bd', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (hAsync("div", { key: 'ec5d5a5d428cc6cd4cb86c1c7ba9e34f0725a4c0', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: 'c4459171ed652867da2bcc125dcab78ba11aca07', size: "large", color: "primary" }))), hAsync("div", { key: '4aa8b636aca91d1178fc3749a905d467c102461e', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: '47bb63f76e7bb4ae0a4c765bc4fbd4f26a8b47f9' })))))));
+            } }, hAsync("div", { key: '5b5e690c58eb853d61c47423546b40942b5b72f8', class: "duet-modal-header" }, hAsync("span", { key: '4e9f14358805f29720b24697c40a337ffcddd996', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: '09e527317ab1fc7d2df380b347b763f10455f11b', name: "top" })), this.icon && hAsync("duet-icon", { key: '7918bb0b133f11223d78e317cedb3bd5fd66af61', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: '17e29ab216102ebab742419a60045da93c8e1cae', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (hAsync("div", { key: '8a8d1033e6701d1aa6dcfbfbeac3b70bdf3c4bf5', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: '30560762720fe600c0fc37dff777d0fdb8d045ff', size: "large", color: "primary" }))), hAsync("div", { key: '7f9c15fd58424d32ffb007dff3bb70b1be0776b1', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: '9c0d0cf9ef3af041a099ecf34383fe295da3892e' })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12633,23 +12650,23 @@ class DuetMultiselect {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '66db5f574c720ea5892865581aaaca95e7bfc202', class: {
+        return (hAsync(Host, { key: '5d017a79aadce631aa5c9251872a182a0e491015', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: '18447b64923b698d42addcd13946ae5b79d7c367', class: {
+            } }, hAsync("div", { key: 'b875be7a1e4421072693bc6ee8778a32159eb094', class: {
                 "duet-multiselect-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync(DuetInternalLabel, { key: '92b58e72baf765345116e2d8aeadb73f2081f93e', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: 'fead19d08c45ed8cbc145afe829b09d0397428e9', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '462b6065093b4d84bcfdb35398eb726289bf8a04', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '6671b5e26502d71c3232822fe12e880a18c6a6e1', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '9b7b7dcfc90d7ac84a065822cc942908f1c5db23', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '2245ab42ac2ae7e8b058f6d3e040370a9d87f268', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, hAsync("span", { key: 'bf248bbe82cc02c50116cec46aa4a770557a7dc1', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (hAsync("span", { key: '2a257d9881a89deb043d104e39915201364f0eb1', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: '59e46400cc9f5b4cff182d0171ffd92efcbd28be' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: '8bc274f5908872b24f0665f1b9e320bc3cef9d0d', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '737a6a477e1555ba07abd6bf584fd53c5922833b', 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" }))), hAsync("div", { key: '34738d348dd5456962d4b992b769a6d94bec9495', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
+            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync(DuetInternalLabel, { key: 'e0147745416105b9bff568c52e136e716269aa8e', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: 'd6ffc795317baa390e5bb6f811364331d8d7b440', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'b6854970107c5b14ae38cc396d03b06d3ad84c53', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'fb29c0a8623e29564a7d862ab8984ca70025ce29', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '6f1645115046a6e76121205634b070de17abfa2e', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '08e87a02ca938e9a5e2c01c82f058828572dc3ae', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, hAsync("span", { key: 'af006372492c64cb96b5bce439334233f0e55440', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (hAsync("span", { key: 'a181e326d65edc70e509978fd407e12e05dc0c07', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: 'fb64529244f7a615752ab433ed20480ecfc44c29' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: 'dc8bfcf2b11fe884eea40065098c455bf75c6e04', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'fbf8716bb708f7c4b3e27704adfa765e80c32291', 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" }))), hAsync("div", { key: '3bb0b8f59ba18dda12e5255d2ba998850e83f2af', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
                 "duet-multiselect-checkboxes": true,
                 "duet-multiselect-checkboxes-active": this.checkboxesVisible,
-            }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (hAsync("div", { key: '9b11edb9360d491679322c8ad4deb6a68bb1e8b5', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: '62404c51498d8a9946ab949ab0e0fe084e989eee', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), hAsync("button", { key: 'c157c1fc780f85ca1e2c8268ff4e1c71dd40b6e4', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
+            }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (hAsync("div", { key: 'bcaf6d6270e60955e821862802e6c4a002924558', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: '5c5b09d605e7e747f749badeb8ecec5e3276eafb', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), hAsync("button", { key: '474904c95ec11ca07d787d8230f713a4bf4f1bea', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
             this.processedGroups.map(group => (hAsync("fieldset", null, group.label && hAsync("legend", null, group.label), group.items.map((item, key) => {
                 var _a, _b;
                 return (hAsync("duet-checkbox", { identifier: this.getOptionIdentifier(key), role: "option", label: item.label, value: item.value, key: item.value, checked: (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item), "accessible-selected": ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(item)) ? "true" : undefined, disabled: !this.checkboxesVisible || item.disabled, onDuetChange: e => this.toggleCheckbox(e, item), onKeyDown: (e) => this.onCheckboxKeyDown(e, key), theme: this.theme }));
-            })))))), hAsync("span", { key: '74e0ecd38efb1cd7851f16e542eac089080bd3f2', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '7a1632365136bc299d70f12d986622451ad4661f' }, this.error)))));
+            })))))), hAsync("span", { key: '3e4534b685beb3eb865b792f449b88b9b94ceba2', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '07fb86b8e0a2a18ddfb5697cd214411c81adad80' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12718,7 +12735,7 @@ class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '94fa159d4668798827aae4cf880b4e201233cd5a' }, hAsync("div", { key: '986b4d35264824461ed8d5eae8c758d85de958cc', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: '808bb9c1d6b973959c0224e6b684a2cd32395b8c' }), hAsync("slot", { key: '21d7bd71a8f482748d5edbea809896fa9f0d8ad6', name: "mobile" }), hAsync("slot", { key: 'da07e3716e651f37be80fc1cc9d579cd3660f664', name: "desktop" }))));
+        return (hAsync(Host, { key: '2c03379783619c25bf1a1896d5901373dd417734' }, hAsync("div", { key: 'ddc6fae5174e7dd79df64ce41a01f3347ea92413', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: '48dffb7720542cebf6e1f4a8e110ebbc110670e6' }), hAsync("slot", { key: '6ab8b61c898ed50369224bbea740a37318deff01', name: "mobile" }), hAsync("slot", { key: 'ee8ccd38a284bc220ed533e78f76009bc5234333', name: "desktop" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNavStyle0; }
@@ -12777,11 +12794,11 @@ class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (hAsync("div", { key: '81e1a7dba20e71dd78f7cda67af1b134f8243a0d', role: "listitem", class: {
+        return (hAsync("div", { key: '5cb0c4c6bc826e292ff1e666fa51f468e93fd0e1', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("a", { key: 'a11fdf578bb85562ad56774479b25b67e6d674cb', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: 'ffaec64c316d8b207e8981f3255eb19f256e6567', class: "duet-notification-container" }, hAsync("div", { key: 'b9b9574f9349d045f6d6d2c7dfd1f81ae625cff7', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: '1159695ff9d59ce3650e2e8c3cb7f897fa623a14', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: '0d35c87007f9fab37c0680e701ed813c8d488c79' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: '0514c0144473abb2de036c2d1e265bf7be71d490', class: "duet-notification-content" }, hAsync("slot", { key: '936452a25c6eebd842e7cbe32ff2c7a7c3951462' })), hAsync("div", { key: '633f3707f138963432acb2b330a9fe97bcbbc990', class: "duet-notification-date" }, this.date)))));
+            } }, hAsync("a", { key: 'fbffe9a2754428d30ec66b88640e365d2073c8b7', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: '0fac71553225edaf964a46529e4a45a800ea4cfe', class: "duet-notification-container" }, hAsync("div", { key: '57f79649f38d7f728257019b7f1e6818dbbff7f8', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: 'faf1346775bae9263da603fdc346ef3bc891dc11', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: '27157c7f34075c2a7255611c7b375a88c6ba572a' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: '15b30893e3f39f29e77c8c6f430d28481ae62215', class: "duet-notification-content" }, hAsync("slot", { key: 'fcb2eac6c69d57425d278270514c62c3d8fd1228' })), hAsync("div", { key: 'aad0535eeb257c822f0762915d9160e6cd522fc4', class: "duet-notification-date" }, this.date)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNotificationStyle0; }
@@ -12899,10 +12916,10 @@ class DuetNotificationDrawer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '1fcd96bf0423aef4ee96911cda6cbfd17dd7b5af', class: {
+        return (hAsync("div", { key: 'cd4e6b527b0e2f7953969021f8438f2f86b01b3d', class: {
                 "duet-drawer": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: '816332facf413ea0d4982e49a75bd6c8deb01384', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (hAsync("div", { key: '2f2bb9fc0bf11b71afc63b575b558580be8d2bef', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: '894cf661f00dd98fde6c4588eff2f0e117294b6c', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: '58e7f6dd2b4d6900bc1eb5b80c5f82a26a1eed5b', class: "duet-drawer-badge" }))), hAsync("span", { key: 'd6fc2d433a6eabc135bc6298fc9ef47c2633b876', class: "duet-drawer-label" }, this.label), hAsync("div", { key: 'd6e08501623205f6dfd9c9196fa19b5b44a5246f', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '265d0ff440812f953004ec0e621e6c568635968b', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: '0f557b4cd9db14546ae95e18f0e790bb30cbb93d', id: "duet-drawer-content", class: {
+            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: 'c3ae8bcf17188593df34431967d2371a40783ffc', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (hAsync("div", { key: '23679cbfbbc510f4be0b0627e9e62c2eeede3d53', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: '44a2f4501558f1c1606b2dd824da09ef29fbdc06', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: 'a86ee2afbfe08de83f1490d3a975336228ce939a', class: "duet-drawer-badge" }))), hAsync("span", { key: 'df792c009c2b2d37011a01691ddd831238109a77', class: "duet-drawer-label" }, this.label), hAsync("div", { key: '774e310c6e9263b438df99dafdcb2c9e381a078c', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '28efba90ced1b7daf0dbd75f75ff174c9276838c', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: '038e12f34d6a437643b2ae6c3d62846c7ff10984', id: "duet-drawer-content", class: {
                 "duet-drawer-content": true,
                 "duet-drawer-right": this.direction === "right",
                 "duet-drawer-left": this.direction === "left",
@@ -13289,11 +13306,11 @@ class DuetNumberInput {
         const identifier = this.identifier || this.inputId;
         const maxlength = `${this.localizeValue(this.max)} ${this.unit}`.length;
         const cleanedValue = !!this.value ? SafeParseFloat(this.value, this.locale) : null;
-        return (hAsync(Host, { key: '3da7c782ce445861599dc9a836d50866b7950bef', class: {
+        return (hAsync(Host, { key: '8093a1d061b11762890e8316f35f3aadbb4314d3', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-expand": this.expand,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("div", { key: 'a42d62f6fbf766e1d8ca3289cedad8c0da51683d', class: "duet-number-container" }, hAsync("duet-input", { key: '802ffebd0db05445c6644fac9a8cd77a36a2df32', ref: input => (this.duetInputElement = input), onDuetChange: event => this.handleChange(event), onDuetFocus: this.handleFocus, onDuetBlur: event => this.handleBlur(event), onKeyDown: event => this.handleKeyDown(event), label: this.label, value: this.value ? `${this.value} ${this.unit}` : "", error: this.error, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": cleanedValue != null ? cleanedValue : "", maxlength: maxlength, name: this.name, component: "number", required: this.required, disabled: this.disabled, role: this.role, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true, numericKeyboard: true, autoComplete: "off", type: "text", accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleLabelledBy: this.accessibleLabelledBy, accessibleDescription: this.accessibleDescription, accessibleDetails: this.accessibleDetails, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy }, hAsync("slot", { key: 'e724d4f60cb5ae0847b2280ff46141601b922955', name: "tooltip" }), hAsync("div", { key: 'bddebaeb4d842b216f3c5ab57d27398c9072ecba', class: { "duet-number-buttons": true, "duet-no-label": this.labelHidden } }, hAsync("button", { key: '9c0809c67e56135776e7f7730a11f5f2da4fabd8', disabled: this.disabled, "aria-disabled": cleanedValue == null || cleanedValue === this.min ? "true" : "false", class: "duet-number-button duet-number-button-subtract", onClick: this.subtract, type: "button" }, hAsync("duet-visually-hidden", { key: 'd8771c771af162cf210be52b909ff79a6e0b7e49' }, this.accessibleSubtract, " ", this.step), hAsync("duet-icon", { key: '35c87ddeaf36725a3c5502711615eae4f15e4329', icon: actionSubtract.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })), hAsync("button", { key: '8988e8d80684cdd0d3a561e3e418d5bdf799d0de', disabled: this.disabled, "aria-disabled": cleanedValue === this.max ? "true" : "false", class: "duet-number-button duet-number-button-add", onClick: this.add, type: "button" }, hAsync("duet-visually-hidden", { key: '163ab6c2ccdc27ec467ff3acdb2ece1b789c57d7' }, this.accessibleAdd, " ", this.step), hAsync("duet-icon", { key: 'da61399d82dcb9263d33dd636279857685fda111', icon: actionAdd.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })))), this.accessibleLiveEnabled && (hAsync("duet-visually-hidden", { key: '4370e4cd37e5acc790bec55999ec64bfcd5b2467', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement())))));
+            } }, hAsync("div", { key: '0bb70d7bec69c413f6615987e535327bc2c44bbd', class: "duet-number-container" }, hAsync("duet-input", { key: 'a982640544b7be253b5d8c66d8a67ea55293438a', ref: input => (this.duetInputElement = input), onDuetChange: event => this.handleChange(event), onDuetFocus: this.handleFocus, onDuetBlur: event => this.handleBlur(event), onKeyDown: event => this.handleKeyDown(event), label: this.label, value: this.value ? `${this.value} ${this.unit}` : "", error: this.error, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": cleanedValue != null ? cleanedValue : "", maxlength: maxlength, name: this.name, component: "number", required: this.required, disabled: this.disabled, role: this.role, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true, numericKeyboard: true, autoComplete: "off", type: "text", accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleLabelledBy: this.accessibleLabelledBy, accessibleDescription: this.accessibleDescription, accessibleDetails: this.accessibleDetails, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy }, hAsync("slot", { key: 'c16ccee69695abcdb5385552dc28cb701e20d340', name: "tooltip" }), hAsync("div", { key: 'e59ef878a5a4237f7955df5aa74ed0f369796fc5', class: { "duet-number-buttons": true, "duet-no-label": this.labelHidden } }, hAsync("button", { key: 'a9ad3cff4c5393368dce5983d16ef740b7d2f57d', disabled: this.disabled, "aria-disabled": cleanedValue == null || cleanedValue === this.min ? "true" : "false", class: "duet-number-button duet-number-button-subtract", onClick: this.subtract, type: "button" }, hAsync("duet-visually-hidden", { key: '29db7b9642afb66860b3f5c7951192aa6890a77b' }, this.accessibleSubtract, " ", this.step), hAsync("duet-icon", { key: '2d3351ce5f1246e8f91ab4f94937ba522b8c7b7a', icon: actionSubtract.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })), hAsync("button", { key: 'd01ef0e639112dff95d22e3df9e9efc1cc5ba478', disabled: this.disabled, "aria-disabled": cleanedValue === this.max ? "true" : "false", class: "duet-number-button duet-number-button-add", onClick: this.add, type: "button" }, hAsync("duet-visually-hidden", { key: '08371480b73665e20caa60b21a35180e9536f0e2' }, this.accessibleAdd, " ", this.step), hAsync("duet-icon", { key: 'c773a6ff733534fabc60fdce53a157a9935e6a2b', icon: actionAdd.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })))), this.accessibleLiveEnabled && (hAsync("duet-visually-hidden", { key: '5eefd62f3963ed1f71c3419f8d80110f98f68f74', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement())))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNumberInputStyle0; }
@@ -13382,7 +13399,7 @@ class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'd8f034b2c2abc3f7adc006ba65c93afe843bdb2b', "aria-hidden": "true" }, hAsync("div", { key: '25c36326e9753e221143c4fbcb502ed37e31a2d2', style: { zIndex: this.zIndex }, class: {
+        return (hAsync(Host, { key: 'e78292bc58b3d6983aa2db68149622528d66310b', "aria-hidden": "true" }, hAsync("div", { key: '210906eeeedaa5e72de0e8550e4388b3cef81fb4', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,
@@ -13452,12 +13469,12 @@ class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (hAsync("div", { key: 'b53c67717148c6f485f7d48dc14f8d39ebbda285', class: {
+        return (hAsync("div", { key: '152ee6f6f1a2a36ba50aee739a2d817926df7ec5', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, hAsync("div", { key: 'd03242a40268ceda1ff92bbe42b312c91af0a42c', class: "background" }, this.theme === "turva" && hAsync("div", { key: 'e669b810ab7a753605d49eb75128d612f99beef8', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '92231ecc80fba9f23adfd96d829f12f3b0c2d359', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '70ab0d49b94d16e51b438641ca442d3f2947b4c6', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '68333b604fe8d86e0cb17743116dcd49cc9cd0a6', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'f7c56b3f8301e2a4a8c04e3a3d1cac58ebdab555', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: 'd3615460a3616369013b7fbdea7420b53168d23e', class: "heading" }, hAsync("slot", { key: '3aa89e5b3d7fd99df1effb42e6c314e3ae27cf85', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: '4e7618ea83cb004ec62756e80365bde4038b99ea' }, hAsync("duet-spacer", { key: '4b56573a6b1d7defa3acd2bd6aff10adea36e9f3', size: "large" }), hAsync("div", { key: '4c3662b9c0f90bf4e09ba42e6b2ead138f5c6492', role: "presentation" }, this.progressIndicator()))))));
+            } }, hAsync("div", { key: 'cf94b7d96aa84b199c3305f87fd7f5aea75c636a', class: "background" }, this.theme === "turva" && hAsync("div", { key: 'bc6454145abcf5866532af36b86f290df01e4fc8', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '784a8c8f8f96b5b55d86d214e6416e3382a7b79e', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '3579cdd426a40669fbb50b9061afb8c51862a0e5', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '1fe4153cc54abc237ae95bd197df2abc9316025a', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'a4e657399bf9719dd135876080dc39158a7b1992', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '9cdaa8b59eb3894f28ef622e5d668adbed21ec03', class: "heading" }, hAsync("slot", { key: '54ac00758edab7d18ba951e5557d9c2e4ebdff2e', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: '859931ec912d1857c91f23f430f81aff8ed62540' }, hAsync("duet-spacer", { key: '52330c774aca72a1e379a2f17b9ce28467d77700', size: "large" }), hAsync("div", { key: '708c706e2949fe40cb250003f52d67e948405ec2', role: "presentation" }, this.progressIndicator()))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPageHeadingStyle0; }
@@ -13812,32 +13829,32 @@ class DuetPagination {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '30de52a909e492fdf1657c4bd3eebd9f2b5e7ce5', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: 'f9d6d3b7dd05fbe03ac5ce4f26a970fc0a910148', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
+        return (hAsync(Host, { key: '449300e925c6e0f4b9683b2f9de2d2da3cfde6df', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '88a063b0659badefc26f60d6f9da8a1a65361312', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
                 "duet-pagination-nav": true,
                 [`duet-pagination-variation-${this.variation}`]: true,
-            } }, this.numbersStore !== "" && (hAsync("div", { key: 'b9dd4683843d23fd6b20949c3450975618bc89de', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, hAsync("duet-badge", { key: '2542f6c5314a62428349bd0436797981da27c338', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '711c642a86b6dc98cdbdc16da341c54a7b8766ba', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (hAsync("div", { key: '9464743e61860868dddc9be141f020fc7c1e417e', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, hAsync("duet-badge", { key: 'b646cbc19b45867567148f1511a6810328c6c409', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '1f0e1b5ca2a7b27ad9ecc06ba8f1d558a1664a31', id: this.listId, class: {
                 "duet-pagination": true,
                 "duet-pagination-is-dimmed": this.numbersStore !== "",
-            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '718fab989ed95629e2f0f1931050e108d33af422', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '776b63a83cee29edc126dab88fefb5a86aa45a2f', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '7a1ef30c44c48f27ecdcc2bf82cc485f9673c94d', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { key: 'd115b1124e52420444757f87d6624d2e40e77a89', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'b9b3c00bd00813ad6f610d9f0a33d4713c65165d', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { key: '41fa9271eebd307d67791c6671f898738d02614f', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '52d006b1e131affc614ab29024a7848a01915203', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '9625be7391a1c4498117644c382101f181a46cc4', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
                 (this.current <= 1 && this.processedPageLinks) ||
-                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (hAsync(Fragment, { key: '892a8fa21fed391bfc0d4f0cc470c8a43abb9591' }, hAsync("li", { key: 'a9a0723b8cac250b46469ae8fbfccb12d3445cb8', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'd4f9df2d63ec2fbb5146ba5f1dc9f53daf1751c3', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, hAsync("div", { key: 'c15f10460ee1306690c5db36ff31aa040f11d9d9', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: '3962965f5d1e02c314dcfbcbd11674f0ca1e4ce1', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '1fad2120a544e51c5873833b118a009939c14666', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, hAsync("div", { key: 'ac8ef66bae9e009774d16bf21fc5661ae360ed11', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
-            this.shouldDisplayNavigation() && (hAsync(Fragment, { key: '31467f256cb9d230e4b5380fd3692cea3f9c5f18' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: 'da33ca9bd87f9404b0fd44bc8cefc86f0e74694e', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '87c534e17d295316d3f55a2fb9a295de896bc242', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, hAsync("div", { key: 'f24ee3b11997ee6c9bb6679b72b835207cd1e40c', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: '59e1750d08f948b3f137bc256a3bf07529b6f738', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '326c765824df1ec4bca3ab5267f8a0ffe865e374', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
+                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (hAsync(Fragment, { key: 'a80187a03cdab00117d96036acd3ca33d4c34a5f' }, hAsync("li", { key: 'c4015c0ae15c5b28c63d5227a328ae11d5c1ae3f', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '78456ddf3a387c486d7740afb20133cba49d5987', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, hAsync("div", { key: 'd8268f8d9d15b500166ec843cc069e437f561a53', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: '9029fdef07b0dee5f81f967d57231c0a2a6ea64b', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '33415416248c285c99b2540443684d32bd36a973', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, hAsync("div", { key: 'd652742e05db9b4e3c94c3fdc0ecc2501b2194a0', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
+            this.shouldDisplayNavigation() && (hAsync(Fragment, { key: '3e116f6f5ad9e674f0d0ebb1a3c19a2ae3c6cb9c' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: '080dec831309a52dd2f3125c43938b600cd89549', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: 'b53fb49a214247bacd11b604eee45d715099b63b', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, hAsync("div", { key: '0b9394a0812fcfebbd1932fb08f95661561c5539', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: '6345044085eda43da59db094041f39fec2d4d16a', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'dc08fab187e6468e7d19cfdd4c12d1af69f922e6', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
                 ? this.processedPageLinks[this.processedPageLinks.length - 1]
-                : undefined }, hAsync("div", { key: '78cd1fc5457e7f3196d53dfc08e6fca9389a711e', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '5d76476a62efbb068ca0c6a1cff04e0099c395ed', class: {
+                : undefined }, hAsync("div", { key: '2c20e47c2f6bf96975d244733874173dea10e0a6', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: 'f67a8f288896785be77eb3951195c94ed1d75d75', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '3209c80c6eec5207fc6a37af528397eedf2f0f70', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '9cbba60ce9baa1e4cc33a07a3250d72d44c2fe5f', disabled: !!((this.current === this.totalPages &&
                 this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
-                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: 'bf2ed784874ca4a76e96fd6d6b05f448c8485e6f', class: {
+                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '3f0f55d1d85abe02331e1112737b39dbbb40ac29', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '85815333b5d1a0ab326e11bc457240284557d92e', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '666860a5ae40ae73e220ad133e7707c989f77ae2', disabled: (this.current === this.totalPages &&
                 this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
                 this.disabled, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
     }
@@ -13911,7 +13928,7 @@ class DuetParagraph {
         const color = getColorByName(this.color);
         // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
         // are not announced when placed inside duet-modal
-        return (hAsync(Host, { key: '4cdc1e2db953dc363eb77f14bf5c8473cd22c7ca', "aria-describedby": this.id }, hAsync("p", { key: '6fc77faf20566dc0442bb36f20079aeca48ea41f', id: this.id, class: {
+        return (hAsync(Host, { key: 'c0d43b4c51f0baef2d36d77b58e6e943dd5da15e', "aria-describedby": this.id }, hAsync("p", { key: '4a7810a0c5d55a76d2174900bcde30a7aa9fa5eb', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -13919,7 +13936,7 @@ class DuetParagraph {
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: 'df2a9f9c672fe560e62f97addbef69d72b13fefe' }))));
+            }, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: 'a0ecd92a38efa76b6a9a332c156e38fef251ac17' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetParagraphStyle0; }
@@ -15663,11 +15680,11 @@ class DuetPopupMenuItem {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (hAsync(Host, { key: 'cba4450c5f4e743f1c54c4736930fd263acba1db', role: this.accessibleRole }, hAsync(TagName, { key: '94c16ad9906c2ea626f186a405a044f8c0fdc38b', 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 && (hAsync("duet-icon", { key: 'bc37f155bb1a3c6e0519f1b673682840e7cc2838', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '641cb769d15e68d2e05893737b2712cb22916084', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'c4e79af7b0a972b68a6a30ca479d3fe49ec0ac57' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: 'd5ae36ac91afb6b5f9a6bfe461a10b68ee0f916e', name: this.url && this.external
+        return (hAsync(Host, { key: 'cf41248d3d1a61f191dbb0ed2806c55c3c4d21cd', role: this.accessibleRole }, hAsync(TagName, { key: '8b823bad8e855fd0f6764bee4cf2a1b8b4fb9a1d', 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 && (hAsync("duet-icon", { key: '4d0c2297b77d0abaead13bfdbbbdbc099ff376c5', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: 'c2d39fcf42a50143f23ecff659629f9031af39b3', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'ea485f9803d7123fdcd7d55b9fd9a93acdbe4553' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: 'dfcfdfb08bcb7824d95cc1d9001600c787706c3b', 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 && hAsync("span", { key: '79631aaffd5c2b020ebc6f37f0770147ae8291fa', 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 && hAsync("span", { key: 'c70b1e3990993a76cc765ee95429ac22089ba812', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPopupMenuItemStyle0; }
@@ -15822,12 +15839,12 @@ class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (hAsync(Host, { key: 'cf84dae7441eb54639e24b8cecefaed8387f60c4', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '76e71f258c2a4f15b26cb2954e6c48eb93e1bfeb', class: {
+        return (hAsync(Host, { key: 'd5b99955c72ad9ac98a098e07faa2f100920e3a8', class: { "duet-m-0": this.margin === "none" } }, hAsync("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 }, hAsync(TagName, { key: 'a621b3f1b8f675a0c7643b80268a1a1fae44634e', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: 'f81167006440e7d2849bca5b6998f56aef84270c', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: '0f57e628e3de81ba03a435591bb79f23765f3e0c', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: '004cb19ae4521948a4f3c92efd7749fa2daa65a1', class: "pre-heading" }, hAsync("slot", { key: '891ce96361f3291e64af70299a30cacaa6658305', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: '32103b0e907ae34c0f79c49aa4f5a01a15ac622b', class: "heading" }, hAsync("duet-heading", { key: '4d464e8fcfff685c8cff29b09d8b966f7060bc86', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: 'e75ab8c05ecaa5f16dce99bd818738385315cf5b' }, hAsync("slot", { key: '0f21589923a3be27f2b9e7cd08ff10b87bdcbcbd', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: '97bedc93d874049ff15560abac99d4de3617de6c', class: "description" }, hAsync("duet-paragraph", { key: '869c2b82f2915641778bdb2c5f894d7069ac4600', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '55d9c3b34a7c538f6abaaf64268666f3d2fab6d9' }, hAsync("slot", { key: '18fd004f6a5a6d7cd1410a5365de315027b8872d', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: '2f1dcdd2f0d8a45795c2ca89eedbde7803d27de8', class: "action" }, hAsync("slot", { key: '0f123542154cd285f35d66b4a2ee5b19eaad98ef', name: "action" }))))))));
+            }, style: bannerStyles }, hAsync(TagName, { key: '4759acf08b1c43ad6213e50112fed7a54aa1787f', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: 'f4e823d21ea1fe55d3fb0afd97e8767c681e54ab', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: 'a3ca7b860f746efdf47b1caae7755c74f17a1b01', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: '953df9913050a8bac691da7e537760738a3b3efc', class: "pre-heading" }, hAsync("slot", { key: '4066b006ad174acc657cbb0cc8411336b323df10', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: '8c09adbe223ba47efd3980b891b947e32b06abce', class: "heading" }, hAsync("duet-heading", { key: '3f394739a9e6eafa8d5b5c9f6ef49296ed13c124', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: '1b864d1979893f3f50925c64d0675d52784b55a0' }, hAsync("slot", { key: 'ae59853c9e214f5eed236bba9ef070aa4d07728b', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: '6a422cbe30e01041a0101c845b264c2a18df65bf', class: "description" }, hAsync("duet-paragraph", { key: '662c6a4ea80976a1d7b960e2e148dd9360e92d4a', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '1a0028b11a43872af7de652a2ace720e5ae7e3ca' }, hAsync("slot", { key: 'eedbb615f8ab8755b080106e4a3b16253aa203fd', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: 'd93c8d9a830aea8ad3c8958bc88611ca5e542bed', class: "action" }, hAsync("slot", { key: '39e0aba8c54fe6b47be4ad8f735d51832baa3b59', name: "action" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPromoCardStyle0; }
@@ -16016,16 +16033,16 @@ class DuetRadio {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'd0e3f85414ec58c2ad43fc2b5270169f0215d135', onClick: this.onClick, class: {
+        return (hAsync(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",
-            } }, hAsync("div", { key: '53abf70ecca3cb7982df21e96daf3e534d9830ea', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: 'bb6b9872a4cad75a191a8ac5b1e7e0678fb8f2d5', name: "input" }), hAsync("label", { key: '9ed92050ef44dbc0c78dc3e815ff9ab50d118c2d', inert: true, ref: element => (this.labelElement = element), class: {
+            } }, hAsync("div", { key: 'dd86df6b4f97f44ee5371a2e586d48eb6673e434', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: 'bf1968e5b50d89b25ccb6659f6b55450bf9c1d04', name: "input" }), hAsync("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,
-            } }, hAsync("div", { key: '58c329e0c4ff19df4d30be153a66aac885dcc89d', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
+            } }, hAsync("div", { key: '83ebf1480f51c230592b3c03c35d14583c7ffa8c', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetRadioStyle0; }
@@ -16176,7 +16193,7 @@ class DuetRadioGroup {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '58915e6da750001fd46c97b2101776c6631fc02f', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, hAsync("duet-fieldset", { key: '8b454dcd733beeea8c9cfb065fc3ea538d628882', 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 && (hAsync("duet-tooltip", { key: 'c2a46c8277ab66b0e5c114465cfe12d4d2b9e8b3', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '3518ff371ea67b21be7abe499770fd0f1e0c7751', name: "tooltip" }), hAsync("div", { key: '797c9eb9ed9fbfc2aeed8387737988edd97196e3', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: 'ee43ef03fa86da26eff0ee82ae7f828b4b486a88' })))));
+        return (hAsync(Host, { key: '06a0092d79d87d126c715a5f80fdca32f81c4260', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, hAsync("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 && (hAsync("duet-tooltip", { key: '0bbc2332af615b1d1534fdae79d39036dec09fd0', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '50b1bddedeb3504bd7ccccd813b537aedd68d213', name: "tooltip" }), hAsync("div", { key: 'dbfa825c2a57227ce0ca869e4c5d7081c6fb65fb', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: '96dd9c4c5a812fdad734d74fecaaf2b10d4fd513' })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16326,13 +16343,13 @@ class DuetRangeSlider {
         const rangeStyles = {
             background: `-webkit-linear-gradient(left,${active} 0%,${active} ${percentage}%,${inactive} ${percentage}%)`,
         };
-        return (hAsync(Host, { key: '98fe15c2f253a8bee32d5271e6de03605e669c28', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, hAsync("div", { key: 'e2344803fd443a83024cf3fcfe9ed87d952d1038', class: {
+        return (hAsync(Host, { key: 'e492b2000ff8e296f160a11172b5c4d67a2f432f', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, hAsync("div", { key: '3a79a8f3ba99b41f30550759779722373bac1168', class: {
                 "duet-range-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-ie": isInternetExplorer(),
                 "duet-range-disabled": this.disabled,
-            } }, hAsync(DuetInternalLabel, { key: '0780aee7170b90a56e56e59abe19287e536ed531', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), hAsync("output", { key: 'eef1575763000465607bb91eec29b4491df22660', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), hAsync("input", { key: 'e38f080b37e93b2abc1ce740d413c349ce4c893f', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
+            } }, hAsync(DuetInternalLabel, { key: '6f9fc72159b9cf05a15b41a6fd11931ebb12b6aa', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), hAsync("output", { key: 'f196b801a06366d9dd849a5e1ae989aad659c26a', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), hAsync("input", { key: 'b5bcfd42814e62d2107cea6b3e3ecbcc7bcfac98', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetRangeSliderStyle0; }
@@ -16535,10 +16552,10 @@ class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '72ad680e3e9c66bb07767d39809f1c9238e72e57', class: {
+        return (hAsync("div", { key: 'c9b11ce90897f1f447451ee5fb9a6c6e6beb6f28', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: '06a6d22a4872a4f52d52853769e886b5101016a9', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: 'a91caa95ba2262118e2d0a5615da3bbdc3cd456d', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { key: 'a03a4cdd46c44378b5e544f0a1287320a58cfc58', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
+            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: '4398c6aa7367285c372aea99bcc75a3eeea66c7a', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: '315adfd1f29f46f3e04f97b06b3fcd5906dd294c', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { key: '045f85fb0942d3841b51bfc1dfcc954d41b0554d', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16567,7 +16584,7 @@ class DuetRangeStepper {
     }; }
 }
 
-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--absolute{position:absolute;top:0;z-index:202;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:-10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:-10px}: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--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;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.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}: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 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.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--absolute{position:absolute;top:0;z-index:202;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:-10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:-10px}: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--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;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;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-size:50% 100%, 50% 100%;-webkit-mask-position:left, right;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask-size:50% 100%, 50% 100%;mask-position:left, right;mask-repeat:no-repeat}: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.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}: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}";
 var DuetScrollableStyle0 = duetScrollableCss;
 
 /**
@@ -16639,15 +16656,20 @@ class DuetScrollable {
     }
     /**
      * Check if scrolling is needed.
+     *
+     * @param element - The element to check.
+     * @param threshold - The threshold to allow content to be slightly wider before showing buttons.
+     *                    Defaults to half of the overlay width, since gradient is 10px wide with 50/50 split.
      */
-    checkScrollingNeeded(element = this.scrollPaneElement, threshold = 10) {
+    checkScrollingNeeded(element = this.scrollPaneElement, threshold = 5) {
+        var _a;
         if (!element) {
             return;
         }
-        const scrollPaneWidth = element.getBoundingClientRect().width;
-        const totalContentWidth = element.scrollWidth;
-        this.needsScrolling = totalContentWidth > scrollPaneWidth + threshold;
-        // Update scroll buttons whenever we check if scrolling is needed
+        const parentWidth = ((_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 0;
+        const contentWidth = element.scrollWidth;
+        const overlayWidth = 10 * 2;
+        this.needsScrolling = contentWidth - overlayWidth > parentWidth + threshold;
         if (!this.needsScrolling) {
             this.scrollPaneAtStart = true;
             this.scrollPaneAtEnd = true;
@@ -16751,13 +16773,6 @@ class DuetScrollable {
         const last = this.getLastVisibleElement();
         this.scrollToElement(last + 1, "center");
     }
-    renderFadeOverlay(direction) {
-        return (hAsync("div", { class: {
-                "duet-scrollable-fade-overlay": true,
-                "duet-scrollable-fade-overlay--hidden": !this.needsScrolling,
-                [`${direction}`]: true,
-            } }));
-    }
     renderButton(direction) {
         const arrowColor = this.theme === "turva" ? "color-primary-darker-turva" : "color-primary";
         const arrowColorDisabled = this.theme === "turva" ? "color-gray-turva" : "color-gray";
@@ -16792,24 +16807,24 @@ class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'e4754f4da3a789373d792ac89a063315e79d7a90', class: {
+        return (hAsync(Host, { key: '57cf37717def836d1fb0c562d584e77565b35137', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: '5f8b8c71a48604022820823f706a6bffd5431910', class: {
+            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'c235c357e7f84dfdac8599eb0fe67c4ba523e0d2', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, hAsync("duet-button", { key: 'da3800a16fdbf957c67b28714265d31e30b0955c', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '3e2ff10c6c3c9117d9ced71e594d6e676d69b13b', name: "collapse-button-label" })))), hAsync("div", { key: '53168397428b88d429118f2f2890453f48c62902', class: {
+            } }, hAsync("duet-button", { key: '2386d1ddacf24c62adce49d8cf8e70832acd6945', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '78e4e3c0d03dd18c3da4ec4fc2c45c04ed2d7f66', name: "collapse-button-label" })))), hAsync("div", { key: 'f54eff73c1a3803b12623b1ff8e39d3c2a9d478b', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.buttons && this.renderButton("left"), this.buttonPosition !== "absolute" && this.renderFadeOverlay("left"), hAsync("div", { key: '633355fa13bcedb40d620fa7c130e0fee799e1bc', class: {
+            } }, this.buttons && this.renderButton("left"), hAsync("div", { key: '44c0995b16e01444399a9f60511eb1d2e2d10ba9', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
                 collapsed: this.collapsed,
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: '25345f070956f9a6ea3b700bce6c0914bced2d38' })), this.buttonPosition !== "absolute" && this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: '938467965186e8bb88294cb51225f52fdfb6fda4' })), this.buttons && this.renderButton("right"))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16856,13 +16871,13 @@ class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'd59fd803c2d331d93c517799dffba4ba780206c9', class: {
+        return (hAsync(Host, { key: 'f6adbb4624397e3ce0dc5dfaf00dad1afc605d72', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: '6199393352b4a25123cc6944b9eb7938b587d8c8', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'e8b4016587163de6c1257f6bb35a8afb18466622', class: {
+            } }, hAsync("div", { key: 'a32239cd0233b568459975b3473fb8d644730a98', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '34f720bb4d768a6a37f8608f46d6a8ea4edbef53', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("section", { key: '074cc43ee4127e6ed8b268f081086eeddfb1c066', class: "duet-main" }, hAsync("slot", { key: '387b88c324e3f25cad2b7e3af3b9b6cfb804fce1' }))))));
+            } }, hAsync("section", { key: 'a6a4fe58bb1b954401555a4325fdb0d3e98bc5b5', class: "duet-main" }, hAsync("slot", { key: '7dacf94bdfaffc03e4d3cf81f4ac5fcf14b09304' }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSectionLayoutStyle0; }
@@ -17031,23 +17046,23 @@ class DuetSelect {
      */
     render() {
         const identifier = this.identifier || this.selectId;
-        return (hAsync(Host, { key: '847b57caa876d33226540190655ebad3853321a6', onClick: this.onClick, class: {
+        return (hAsync(Host, { key: '02260f68c4447778208fee263cd6123c7a369d12', onClick: this.onClick, class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
                 [`duet-select-variation-${this.variation}`]: true,
-            } }, hAsync("div", { key: 'cd440b3b4732daf0682e132f0d8882749b44fb58', class: {
+            } }, hAsync("div", { key: 'fd8ac1aa236c0d0a80e6695838b66e4f62991a99', 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,
-            } }, hAsync(DuetInternalLabel, { key: 'f5a95e470436a18716d2e8776fdc3c797462cc17', 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 && (hAsync("duet-tooltip", { key: '4596fd07d9e1e2b54c1a1ecd1a4b11d9a252d64b', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '534a7a1d55d25a1bac04d7e875eedea92b750401', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'f6209eb669879a3ffd5e3f75c22635a3a43420cf', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'c3fdbdee82e459e1799fd579e9d9ef72e3875afb', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: '15f9255e6167fb72ef530e01b11d220684e46ba8', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), hAsync("select", { key: '548ce61c3912e40c99466af3191224b2d11c1104', 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 && (hAsync("option", { key: 'fce5373b96ac5d37357ddec517c50cac493005e7', disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (hAsync("option", null, "Virhe valintoja ladattaessa. P\u00E4ivit\u00E4 sivu ja kokeile uusiksi.")) : (this.processedItems.map(item => {
+            } }, hAsync(DuetInternalLabel, { key: '7647a13248cd4fe1a6b82e7ffe8703fb6044e06e', 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 && (hAsync("duet-tooltip", { key: '803f2d3ce3a890497a0f218c7c029763dccac9dc', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'f56297f4a3c2732fd898b051a9e022e1e15468d5', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '3d119d985d37d2a32e0331475aba597859c9759f', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '38b1cda2fdca1df5694f8faa5ba8171bd18a5944', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: 'df6f191202b69a2813824627cc9aa8209831c069', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), hAsync("select", { key: 'e72a1946b9a0098d213416088b257c385611e699', 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 && (hAsync("option", { key: 'f76a6e963fa3239e55016d37d478525122123e95', disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (hAsync("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);
-        }))), hAsync("div", { key: '27bcfaaa3cb88cba2bd54a46bad51c2a1a077010', class: {
+        }))), hAsync("div", { key: 'c19c9ba77e9691664e47bde555bf039dd92f2df6', class: {
                 "duet-select": true,
                 [`duet-select-variation-${this.variation}`]: true,
-            }, "aria-hidden": "true" }, hAsync("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (hAsync("svg", { key: '5ff56760239bbf6df5fd1196c431bb0d2922ce40', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'af31312140ff712064d8549cb23cc6132e72d1cc', 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" })))) || (hAsync("duet-icon", { key: '662ea26357efc0545567b0878932aba619a02e8c', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), hAsync("span", { key: '084a9edb74ffb5de18b3dbb737fd18feb04582ef', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), hAsync("span", { key: '59fda925694a93e39fca62495ba1164a6a046ca4', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '40def81c304d6e95679f9078ebacaee423d2682b' }, this.error)))));
+            }, "aria-hidden": "true" }, hAsync("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (hAsync("svg", { key: 'ba5a78652d80548a457db526cd5a4176bfd369d8', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '2707e90cacfa6212bb8500f9eabf42f2fd380045', 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" })))) || (hAsync("duet-icon", { key: '2eb564da6778dc64ef9450bf0cf9f6a252fbb7f2', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), hAsync("span", { key: '334004227f41640a396ae4a44ccd1c06f104d69f', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), hAsync("span", { key: 'c9c5c8480478c88a6a6287620a323ebe55f4ed84', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '8d97a20a79748f8e6e837b0635f2653ab19221ba' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17120,9 +17135,9 @@ class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (hAsync(Host, { key: 'f1c8d161c2283c6244394301f825cba95d3e9b7e', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: 'bbdaa4aff9bd834201ae92822ff1ad6f249c8b6e', class: {
+        return (hAsync(Host, { key: '94aa9402f3e6b93c0efa20822a7ffe889cdfd2ea', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '2de6c874205c4a76106c3b47e7aea16d6d153453', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '09a783d38ac534c9a11357afda22e817f64374e7', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: 'f0d718945e2be9e95e33acfb49e94e102698812f', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '316b13cb583473cdbe6952d8b0d557a4450e54df', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: 'b1063b1a09d864f0c606e37cd453af2d9e82aa3b', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get style() { return DuetShapedImageStyle0; }
     static get cmpMeta() { return {
@@ -17230,12 +17245,12 @@ class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (hAsync(Host, { key: '7aabc68122e39e13570c288807ddf7217bf2c794' }, hAsync("div", { key: 'd6624d52f08b44fd3a8bc120e4b91f27c7780930', class: {
+        return (hAsync(Host, { key: '316fd0dfc6a5c50d0e4d2261d9cf1da20d08d4a6' }, hAsync("div", { key: '1fb069ddc046b25c257142c22ea98f6a54fb9e09', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, hAsync("div", { key: 'ae9e3f907c01acca68e65d494d95d5cb94fc98dc', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: 'b48162785643ad6cf19317034330292fb9b68d35', class: { "slotted-content": true } }, hAsync("slot", { key: 'fbf4b3787e4da0aece2faa1572b17d2f90e5a305' }))), hAsync("duet-button", { key: '607c79dca958f12c36b480232904934bfd75c2b7', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, hAsync("span", { key: 'fc42b31d2ecdc7f250776565b6dc19fba34d3919' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, hAsync("div", { key: '94a1410ad3c1dd62383eba91f569afc74096e4cf', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: 'a516df2fb22a0e4839133469e2e83ba6cd3d1eb1', class: { "slotted-content": true } }, hAsync("slot", { key: 'ad73f6d35faf1d83490a4d1fd8997f7f3b4e55e3' }))), hAsync("duet-button", { key: 'e49b95824ef95a359092a7a410e68a7f0c61c33f', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, hAsync("span", { key: 'fa7cbada2f473ed4cb9a59459341b1a5420bf921' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetShowMoreStyle0; }
@@ -17548,6 +17563,7 @@ class DuetSlideout {
             stickyHeaderTabGroups.forEach(tabGroup => {
                 tabGroup.style.position = clean ? null : "relative";
                 tabGroup.style.top = clean ? null : "1px";
+                tabGroup.switchLargeBreakpoint = "always";
             });
         };
         this.openButtonEventListener = (e) => {
@@ -17731,16 +17747,16 @@ class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (hAsync(Host, { key: '42c8983f98cf777cfbd7a70b0f4c1e3cd983bb66' }, hAsync("div", { key: '0fd2d759b3cfaaa3a5c7b88c703093b5394cabda', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: '9166a3a8285c17b600e9ee548989f76543c8910c', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: 'b8b2faff3dd811eb75ae4b1b50e6184a4032227e', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
+        return (hAsync(Host, { key: 'fe91f1236ad42f599f366fcf6c2030169517ba6a' }, hAsync("div", { key: '832e4b4d67a42d002c6fd828167d9d787cd87f5d', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: 'ef568330f5a0e3d6b79117cb42646640617f7452', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: '7472dc78c95a0be586d47cef18f993fae6fc1d28', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
                 modal: this.modal,
-            }, style: styles }, hAsync(FocusGuard, { key: '992cd61cc0d1a993aed34868c53920ee57ff53f2', moveFocusTo: this.closeButton }), hAsync("div", { key: 'c51f24b318ddfcbd6d66d11d89754727e1ca5cc6', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'a28ed0c3c76cbbc74f2ce91c2dfe990c580b726f', class: "top" }, hAsync("button", { key: 'a90c836916a0f8aaafb0e6cb07a15af3c4dd1ba9', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
+            }, style: styles }, hAsync(FocusGuard, { key: 'fbd6da6a5049a4a9abbabd7d35b37e4ade4290a9', moveFocusTo: this.closeButton }), hAsync("div", { key: '4494f6e119ba79c89c0296167d032ef5b2b30293', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'da4856ecf33f7f2b15e3ff24f16951f643966499', class: "top" }, hAsync("button", { key: '18fef5cc005227f6f9e53fb61266c5870057a6cc', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
                 "slideout-close": true,
                 active: this.open,
-            }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: '72b9de4e92241a00ea07ee46b840702ca6699009', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '4bbb6c68ea5e4eb7dc0a6c89b6ae15b5d39be136', class: "sticky-header" }, hAsync("slot", { key: 'edb7bd63f2fd8119562cb40ccb67ffe9a5602fce', name: "sticky-header" }))), hAsync("div", { key: '2f7d54ef9c8c7a049a65e773a3df564b563695a9', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: '2a153fc760fc9d19e253daed56047ab80803520a', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '28c33e636a705bdfe4ef475ee33b5952c0cdaa67', class: "sticky-header" }, hAsync("slot", { key: 'd66cc6f6b1ea7e421cf3e96582698328dc42155c', name: "sticky-header" }))), hAsync("div", { key: 'ca3b44be8a54d1730e2de935e25379ce352c1908', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, hAsync("slot", { key: '816188093c997dc2e3319e545dfc1f2557c42fbf' })), hAsync(FocusGuard, { key: '61d0077a31aec388d7cbd19131f7519b97c38975', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: '69bb591bb20a501b057ad8bb895f8cc68ffee1f9' })), hAsync(FocusGuard, { key: 'd4e183c805da1723c2ed9848a07a1b7880f5533a', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17807,7 +17823,7 @@ class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (hAsync(Host, { key: '2e3786b9379cc0898afe8242d6261f7f638ee055' }, hAsync("div", { key: 'd732dcd99d2623c69b4ef90da80250d92a181345', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '40bcd65531b9bf0b184b4839edb93999bb1baf8f', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '80aba1c3733a7372e2d923efae445d312ae77eef' }))));
+        return (hAsync(Host, { key: 'd9ace6f9e80f6ed42422394dbd1a6f1b1434c1f2' }, hAsync("div", { key: '691f14871cc0e319654d149844b61ab81a631316', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '2b2fce67063ee945debe8fb8c603941ab4386a3c', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '333d0f86d5b0dabb5af4df4024e479dfaed27cb5' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLangStyle0; }
@@ -17851,12 +17867,12 @@ class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a029203320f713bb35536f330eb844dd30a6f642' }, hAsync("a", { key: 'a4330b8ae522bc1f1730777fbb3d2238617cb8bd', class: {
+        return (hAsync(Host, { key: 'e845f429f7644089a2978b9bd817213fdffa0783' }, hAsync("a", { key: '4096768d844d0c63b1b904fa29ed278826dd49bb', class: {
                 "duet-slideout-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [this.size]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '2f6f44567d1d0977a30ccad6fac3c15d6f324ba2', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '10cdd450e97db14094ee2650b9d15fee0d11b8ac', class: "label" }, hAsync("span", { key: 'a7819f3cb48b547fd6a033b048148fb0a0b3d1dc' }, hAsync("slot", { key: '1b4500ab2c18ba67f3b0c356156cbc4939248376' }), hAsync("slot", { key: 'f1b1cab15e6bd356e34438076c4292d998bd5881', name: "description" })), this.caret && (hAsync("duet-icon", { key: '757f3c16fe571ce1743a9175fe99da0b107dc59b', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'c5b164759b0d168d217f6c10788922964a04dd00', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: 'c72e2c8e4cd322d1e8282518b711659e7476d4cd', class: "label" }, hAsync("span", { key: '64394d630468c468fdab67b98476d911a784b20e' }, hAsync("slot", { key: 'a01215f4a8237339fa76151f85a52407afd7a2a0' }), hAsync("slot", { key: '6f53012e7292d5c2db2a8be6bfb44437f61e7149', name: "description" })), this.caret && (hAsync("duet-icon", { key: '47bb848e67d9c74aba3e666448eb651e5e3a214b', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLinkStyle0; }
@@ -18016,23 +18032,23 @@ class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (hAsync(Host, { key: '1fdecfc05e8d865359ade74def89509ede4b640d' }, hAsync("div", { key: '5f01158076efebc4228dc02f4d2c935c8c2b1b53', class: {
+        return (hAsync(Host, { key: '32c6f6ea4eeac3499498244624a0aaf3f896f1a4' }, hAsync("div", { key: 'e6563dd635d4f9896633b8a76f697239ce10fda1', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: 'e4a202123cc409499442c9ad9237ef25d91afb9b', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, hAsync("button", { key: '3689db100799eb081f0c070c0fd8e1701d83c092', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 link: true,
                 active: this.active,
-            }, onClick: this.onClick, inert: this.open }, this.icon && (hAsync("div", { key: '00973456c8c03852e7f3cce1deb832cfb315d151', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: 'b52abe82284aa610518b113fae26f4d6ee08fb76', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: 'd3d4401ebedef89cb2509a8b9f44b27ff27ffe7a', class: "duet-slideout-badge" }))), hAsync("span", { key: '87803383a92d8ae0298ad3b1a4731f5982215d71', class: "label" }, hAsync("span", { key: '8c0de2a43822dbbad951886d6658a74863fecbb6', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: 'f3fcc66001ef3f15cc1c179eb26d5b7ddc55b52b', name: "label" })), hAsync("duet-icon", { key: '15a3ad5adc96e793705f455989dc4db44b6510fe', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: '618f75004e95a0b85850cc1f8e480c4b4f8f99d0', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (hAsync("div", { key: 'f9eadbe5b58655629aa22fe774b502183e92ddb1', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: 'f84d1fcd2d420ebb76265242c2d8ef01e5356313', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: '3317aef4eb6b10856b0e8e3dbee6db72697f8732', class: "duet-slideout-badge" }))), hAsync("span", { key: '2490ffd21816ef2903f1cea69c2885917aba5016', class: "label" }, hAsync("span", { key: '09f27658cd8d89c87a43ec93ebc38da5c5f94c83', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: 'fb9e8343be8f8d0169c64509f451027e8d2a6b6b', name: "label" })), hAsync("duet-icon", { key: 'd124572f81f6a5c913fa8368f435db597933c30e', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: '2c5ae6d73798fe116493c0813f5f367d9a614341', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, hAsync(FocusGuard, { key: 'be8cbff0348dcb36daf49410a46057911878ab6b', moveFocusTo: this.closeButton }), hAsync("div", { key: '67d750c50b72dbbbb55ce0507634483d107b2afd', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '0ddae96c7a72f15d58196c28827a0e50b378b245', class: "top" }, hAsync("button", { key: '48f823a1ce20d6988bf672ad70f44a52f0ecb56b', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
+            }, style: styles }, hAsync(FocusGuard, { key: '3871236cfaca8944dea857fe4ab87642fbf1a98d', moveFocusTo: this.closeButton }), hAsync("div", { key: 'dc789469f6b408a5909c4032a0d5c19bb36a1cb4', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '729e23f6d5279439445cb25981fa4a48316c0dec', class: "top" }, hAsync("button", { key: '7c810b9edc27f5ea8a7928f7163631850ab45e0f', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
                 back: true,
-            }, onClick: this.onClick }, hAsync("duet-icon", { key: '14263fd7430103f651285262e3e26ce785005a40', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '44d2456e6d944ff4e99332a1cc92ea89742251c3' }, this.label.innerHTML), hAsync("button", { key: 'e9a1c830c74e427847185e2f90ca3f82ba582523', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '6cff167e773690ddf3b27a92d60f84186848d58d', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '67d5e9fbee252fe03fba053c529a8f93c07e9193', class: "sticky-header" }, hAsync("slot", { key: '6d8530f7db55035d6999708de1ad3ad010a74f5d', name: "sticky-header" }))), hAsync("div", { key: '30c1508f93d6cc911e96992d8bf3ae1edff54fcc', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, hAsync("duet-icon", { key: '7db3cd52fec2f81cabda72ca55bb6375dc852e5a', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '81906fdecddd9f53c7c7a97c9f134a8ca34768c5' }, this.label.innerHTML), hAsync("button", { key: 'c20b49d22a939f99eb926b46b62860a7b6622a3d', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: 'ca2f8682f77f2e4e272b86922b724e3c54c8e2e6', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'eb36eaa974c19690abc3abf59309cd22e07ff52e', class: "sticky-header" }, hAsync("slot", { key: 'e974aeec3fb2cbe118572c4ca35ead87a1c5861d', name: "sticky-header" }))), hAsync("div", { key: '7fa7812d1ac9fe82f7781ae98bb31065498d0667', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, hAsync("slot", { key: 'ebc44ee8022282e5baaf0141848dc623a819905e' })), hAsync(FocusGuard, { key: 'e5d212d17206f611fc0b18d4566606c3abffe33b', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: 'fc31455ee1078696b7677b636bbfe8a80ce6fd51' })), hAsync(FocusGuard, { key: '6045674ecaf7f7db881af487368014f3723238de', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18102,16 +18118,16 @@ class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '395dbb7ccae945eb7b868151f9718d1cd6610cb9' }, hAsync("div", { key: 'e20a30d16e26fa8b8d1d79282121aa096ab5eefb', class: {
+        return (hAsync(Host, { key: '63e1ecfad4b3a99359297c7b4057cdcc8161a832' }, hAsync("div", { key: '461506ece0bb6e079c7cea22bc8ecfcbce9769aa', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: '66ab3aeaedb579191ea05f7144d49a5a7797da15', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, hAsync("button", { key: 'db9dd82a1a4f2bd4c58d13ca3b7223333acf8fe1', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 active: this.active,
-            }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: '74325e60be48fe2f61db0abdd0bdfeb4076ac210', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '5b6534465bd89bc9943fe95179d1484e0523cffd', class: "label" }, hAsync("slot", { key: '1a720277e982c04d1ee3c52c5b705a72eb6b639f', name: "label" }), hAsync("duet-icon", { key: '94cdfb7634f121957894a58400797dc9fd0f8fbf', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: 'dde8244123fcf328f0ff21d34f816078cdf794c4', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: 'a425d896cbba6af3d669ad764406dbd2949396ee', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: 'f0c2a72a77ac42db0e38cd3605a1e5478bf65ea9', class: "label" }, hAsync("slot", { key: 'eb835a8dc87c277628dead143ccaf2ffa698af4d', name: "label" }), hAsync("duet-icon", { key: '8f05a36f715ba855fc222f3a84bc5d8831786789', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: 'f96a0657d877b6c12fdb4c019bb2401674f8e5b4', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '6a4ec5ae0afb953b1aa2ba49f564b06a18acfcfa' })))));
+            } }, hAsync("slot", { key: '1510098d5bf5a1378f6a6f0b0fb4f8914db5802b' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutPanelDropdownStyle0; }
@@ -18146,7 +18162,7 @@ class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '2aa5669c773f8841ad33637ee24c845c7eeb5dd2', class: {
+        return (hAsync(Host, { key: 'bd2930a075df68cb86648403cdf9093e1f8b320a', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",
@@ -18197,11 +18213,11 @@ class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (hAsync(Host, { key: 'f415bd43d421b7106fdbd90bd2c187879ff17c17', class: {
+        return (hAsync(Host, { key: 'f90db790b3bcceaf36452793649037f87f8b3afb', class: {
                 "duet-custom-color": this.color !== "currentColor" && this.theme !== "turva" && this.theme !== "default",
                 "duet-theme-turva": this.theme === "turva" && this.color !== "currentColor",
                 "duet-theme-default": this.theme === "default" && this.color !== "currentColor",
-            } }, hAsync("div", { key: '34b4c350a642f331b9776f5ce12e3c7a2990b3d7', class: {
+            } }, hAsync("div", { key: '41396371d1421d5e44865fce2ea0697ccf099a86', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));
@@ -18222,6 +18238,94 @@ class DuetSpinner {
     }; }
 }
 
+class DuetStatusIcon {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bg = {
+            default: {
+                default: "color_lt_blue_100",
+                success: "color_success_200",
+                warning: "color_warning_200",
+                danger: "color_danger_100",
+            },
+            strong: {
+                default: "color_lt_blue_600",
+                success: "color_success_700",
+                warning: "color_warning_500",
+                danger: "color_danger_600",
+            },
+        };
+        this.color = {
+            default: {
+                default: "color_lt_blue_700",
+                success: "color_success_800",
+                warning: "color_warning_800",
+                danger: "color_danger_700",
+            },
+            strong: {
+                default: "color_lt_blue_100",
+                success: "color_gray_lightest",
+                warning: "color_warning_900",
+                danger: "color_gray_lightest",
+            },
+        };
+        this.variation = "default";
+        this.size = "medium";
+        this.margin = "auto";
+        this.strong = false;
+    }
+    getBg() {
+        return tokens$1[this.bg[this.strong ? "strong" : "default"][this.variation]];
+    }
+    getColor() {
+        return tokens$1[this.color[this.strong ? "strong" : "default"][this.variation]];
+    }
+    getIcon() {
+        switch (this.variation) {
+            case "default":
+                return `
+          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
+          <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>
+          <path fill="${this.getColor()}" d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/>
+          <circle fill="${this.getColor()}" cx="11.625" cy="7.125" r="1.125"/>
+          </svg>`;
+            case "success":
+                return `
+          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
+          <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>
+          <path fill="${this.getColor()}" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>
+          </svg>`;
+            case "warning":
+            case "danger":
+                return `
+          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
+          <path fill="${this.getBg()}" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>
+          <rect fill="${this.getColor()}" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>
+          <rect fill="${this.getColor()}" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>
+          </svg>`;
+        }
+    }
+    render() {
+        return (hAsync(Host, { key: 'ebbaba8fbedc1ac294e51f81876748b26a08687a', class: {
+                [`duet-status-icon-${this.variation}`]: true,
+                "duet-strong-bg": this.strong,
+            } }, hAsync("duet-icon", { key: '246af4b88cf7a1fc72cbc60264c25a1574eea11a', icon: this.getIcon(), size: this.size, margin: this.margin })));
+    }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "duet-status-icon",
+        "$members$": {
+            "variation": [1],
+            "size": [513],
+            "margin": [1],
+            "strong": [4]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["size", "size"]]
+    }; }
+}
+
 var actionEdit2={"title":"action-edit-2","tags":"action edit 2 pen pencil","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z\"/></svg>"};
 
 const duetStepCss = "*,*::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}.duet-step{padding:20px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);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)}.duet-step.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\";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)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:focus{outline:0}.duet-step-heading:active{opacity:0.75}:host(.user-is-tabbing) .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#9e0a26}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(198, 12, 48)}.is-incomplete .duet-step-counter{background-color:rgb(98, 121, 138)}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(143, 147, 158)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(212, 223, 229)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(222, 224, 228)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}";
@@ -18307,13 +18411,13 @@ class DuetStep {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: 'cf7f017c189308e969ac8fc319fff799b44b675b', class: {
+        return (hAsync("div", { key: 'a8f9214b8d235673c0b324f966a5576ccbcd16e4', class: {
                 "duet-step": true,
                 [`is-${this.state}`]: true,
                 "rounded-top": this.roundedTop,
                 "rounded-bottom": this.roundedBottom,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("div", { key: '2742f57e0e278b597d2fb9715b6b85207446064f', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, hAsync("div", { key: 'c32bbaed270ec8ea14228ca59f7077128c952b78', "aria-hidden": "true" }, hAsync("div", { key: 'fee937f7b9f3ef92d303fa0502f29632558c3967', class: "duet-step-counter" }, this.renderStepCounter())), hAsync("duet-spacer", { key: '8fa4deb09aaa709141dcfd6d4b8b2969840fb48d', direction: "horizontal", size: "large", breakpoint: "small" }), hAsync("duet-spacer", { key: 'dadc92ff570d92e7e600918019ab84ea6f22ca36', direction: "horizontal", size: "medium", breakpoint: "x-small" }), hAsync("div", { key: '412ba9538aea65069601a21a229a13e38a959cf1' }, hAsync("duet-heading", { key: 'b85991761212bba3610b566a9cf48b28562859d6', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), hAsync("duet-spacer", { key: '7b28ba235ac2d4ef273bb4825a1bb53e4069150e', direction: "horizontal", size: "large" }), hAsync("div", { key: '74230c5744cf324e8f406a8d0dfadce54f8cf82d', class: "duet-step-heading-slot" }, hAsync("slot", { key: '74ef4c487e447ba8fc2dfa181a27d5bead1f7cd1', name: "heading-content" }))), hAsync("div", { key: 'a4df2c7c64cbb35185b4d7665235a85d1c503ea0', class: "duet-step-content-wrapper" }, hAsync("div", { key: '0a2fbd936f386294c6fe75bbacb3bd2b324a6311', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, hAsync("slot", { key: 'a748fceef07a8ec5cc280d1e7d655b3e9ae14860' })))));
+            } }, hAsync("div", { key: 'fe6066ea863f9c11dd30b6b61dc9b36827dc3b38', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, hAsync("div", { key: '500cee650ab3ab67ec9f7cbf3e9fa98f61079e54', "aria-hidden": "true" }, hAsync("div", { key: '79c93ec35c9c02e3536487e5337bdd8ae653b537', class: "duet-step-counter" }, this.renderStepCounter())), hAsync("duet-spacer", { key: '2b6ad0facd7f5e405d297e3672af7d1a1867e33b', direction: "horizontal", size: "large", breakpoint: "small" }), hAsync("duet-spacer", { key: '4b26a145659e1f239687333a90fd5a976a34742c', direction: "horizontal", size: "medium", breakpoint: "x-small" }), hAsync("div", { key: '670e5e9670bea92a93ebc1fad855721f99d58b88' }, hAsync("duet-heading", { key: '815cd4427e3ceab15c5fb44b0dc27a9eae8df5f6', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), hAsync("duet-spacer", { key: '22c24606e2dfa0cc2fa5d42d7e12139f3031ec5b', direction: "horizontal", size: "large" }), hAsync("div", { key: '9db141db2e2ddc2ef398c440bddbce996d27c5e1', class: "duet-step-heading-slot" }, hAsync("slot", { key: '3c35b0d2ba57df7f6af3c287b43fef66185f827b', name: "heading-content" }))), hAsync("div", { key: '539aeedc2b198beb423c3bb4869405a2e1da1797', class: "duet-step-content-wrapper" }, hAsync("div", { key: '7d376e57e92ccd478e417cc392aeebe7991d41e2', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, hAsync("slot", { key: '60f1a391efe9137ff048170995926a92abf687ae' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetStepStyle0; }
@@ -18437,7 +18541,7 @@ class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '082c93b48c5dfaadde04f9352ef6181ccdb38334', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '703904a5ecf2f0eb09c89c65639ec8ade1f674e6', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'aa4c9cec5585ee50da88bf4143ee998bbe98f9db', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: '708b76a314c85e496f66a12f9f578c2f97e8a96b' }))));
+        return (hAsync(Host, { key: '7ccc1ace3e8f07c10a099ef586f5828a86c673c4', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '819c9b955cd7e82825051eacd1f7dca8247da886', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'b35315da5f69ddcfd008d3e4071d49b954a905fd', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: 'babe00b87bff0c56a53c1a32d67acabd2725ba43' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18582,19 +18686,19 @@ class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '86badada1aee5007210401a18b909265c6e7da8e' }, hAsync("nav", { key: 'f32fed7e0ce0788624a3e4255ae0db18c1d0a815', class: {
+        return (hAsync(Host, { key: '06a71ec0fea466655847571dc1a05651105c5ae3' }, hAsync("nav", { key: 'c9a24b82e7fc2623e9f4b228c68784a7ca6eb1b1', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: '023f42471735d52798e9b93e0097d092a876d970', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: 'da1f940ba0bb496c7c587a0070eaf52cc7bc8060', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick }, hAsync("span", { key: 'e2dd228fb84c96175fe18c53885d5d7b29d0c227', class: "label" }, hAsync("slot", { key: '22b3d8b20a06e0ebb32f5389cc4e76b86470cffc', name: "label" }), hAsync("duet-icon", { key: 'aa83f5bb09c66b7b1e167e832c384726a0f39686', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: 'ab3308f7c02cc8248bb249dd9254e1a6dde9c0f3', class: {
+            }, onClick: this.onClick }, hAsync("span", { key: '0e8dd0590760a6e944a970cde6c8743276de0fa9', class: "label" }, hAsync("slot", { key: '3c3657af5b58af62145180b24137111c22eb7e24', name: "label" }), hAsync("duet-icon", { key: '4d57f6aa5f74cdf524f0b5bd0a34ab3e624224b3', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: 'd44d6998afc2ae16770aecb85a56ebf4519db49c', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, hAsync("div", { key: 'cd19031fc8263a08267dc1338031143f109f97c3', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
+            }, role: "presentation" }, hAsync("div", { key: 'b1a1aafe3bf5524a11b2ad06257144b48d8be70d', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
                 items: true,
                 hidden: !this.open,
-            }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: 'aff4f8d6fe01ca9a2a25dcf4c3255cbea5fe2bb5', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '157ba2c07ca33927c016826805d4abed7f5e2b4d' }), hAsync("div", { key: 'e86d0f34cecc3968fd93a43e4877393c68f518aa', class: "list-padding" }))), hAsync("duet-overlay", { key: 'e9e83e146db0024d79405ba9de389c647aa9f1f6', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: 'f335ec19eff38beec4651d0668265a12b48c87ee', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '01f590e6f62cfd5e5dc1a8295f17e3a8ee8b6ae8' }), hAsync("div", { key: 'bcba5ff19f0b623d9dd8e76cc3bad86c0062e28b', class: "list-padding" }))), hAsync("duet-overlay", { key: 'bd1aadd52ed5259cf85555faabff82e2844dc4ec', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18715,18 +18819,18 @@ class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '8c793e9f3f2b70bc3ba493a71a396735f0e95260', role: "listitem" }, hAsync("div", { key: '61f56c228fcf95e781f5b758e827586092b00c6e', class: {
+        return (hAsync(Host, { key: '251e622a2df6de7c5309a5f85cf829864a4c4a93', role: "listitem" }, hAsync("div", { key: '012ebfd990d6cb0daf26c6f7ed00ef3b72b40fea', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, hAsync("button", { key: 'dd194b9b7b3e6235c422d54a9e4d7ccafcd32a9b', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, hAsync("button", { key: '87bb4f401952a4f9776ee3b3182fcdbdec1c7332', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 open: this.open,
                 active: this.active,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '27106945fae616e8b7c9063fc8ca0316c37c7bdc', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'df4d98ea52064c16f5949ccd369dfb33c8b1fa63', class: "label" }, hAsync("span", { key: 'd423278a3e59d916ab8dfbbb1418797c7e521a07', class: "label-text" }, hAsync("slot", { key: '69b4312cce709d0e11a6694e4805d25df6f50ad6', name: "label" })), hAsync("duet-icon", { key: 'c76e9d0a6ac9b26f604939814273461b43b03cec', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '6456fbb229637f05ff2de261a14f67b65e00db9a', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '20bbf61dd0f3d5468548896493981b9f7b972201', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '322d1e7bf90ab61077a427824e009a952d8e86c7', class: "label" }, hAsync("span", { key: 'c817dbb4ead417770c71b1c024d8cbe871785297', class: "label-text" }, hAsync("slot", { key: '88e8e6f3544b1fb13bde7ba698221408f910a442', name: "label" })), hAsync("duet-icon", { key: '56447cc388c3f1b64fb53fea99cd56497864398d', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '40a3648cc2536d2abf6bc48a3c9ac1c9670ddece', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '786040677e91481055caf78f49b5372b5360f108' })))));
+            } }, hAsync("slot", { key: '639962d848abe9a48c384dc0d165f73503138c41' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownStyle0; }
@@ -18778,12 +18882,12 @@ class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '8e6a108958719714fbefbffcef40f07ce8534b02' }, hAsync("a", { key: '12f951166275159eb55697c41c54d05ce416231f', class: {
+        return (hAsync(Host, { key: '1f21914d277b1fb83c23ae8247a2079aaf5d6bb2' }, hAsync("a", { key: '31b510818a88dd7ab76fce354f6829d8bce7a482', class: {
                 "duet-submenu-bar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 highlight: this.highlight,
                 active: this.active,
-            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '86b4f1dd2ed617060b2710bb94e62f824d5527a4', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: '4c12186535ab8cd78eeb73256f2c5e7b1e1a42dc', class: "label-container" }, hAsync("span", { key: '746e73ea2b480e0300a8879d85170029c5c269ee', class: "label" }, hAsync("slot", { key: '110738471d576d743d9cfa0f615745b8ada02c1a' })), this.caret && hAsync("duet-icon", { key: 'c865298fc0ca62b44faccbcf590c92994ed530f1', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: '2b841cf6e37e5f4b7df0505cdc058fda2726019b', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '275714de44673ecd360f064f17389921175d4682', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: '3ad326ef4328498e474abcbba52adb0d6badb769', class: "label-container" }, hAsync("span", { key: 'ce4dad3fbd9f536f2a92fe8837f911b821594150', class: "label" }, hAsync("slot", { key: '7d3a890bbcb4a7ee9df6e2e0db0e3b38a5e90ee9' })), this.caret && hAsync("duet-icon", { key: 'c8756b808a642c376cbf4ed70a95818d273a8f13', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: 'fc51e8c923ddf25c2b8caf20608ca2b2e0eb5161', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownLinkStyle0; }
@@ -18857,7 +18961,7 @@ class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (hAsync(Host, { key: '6e2cee3487328e2c5f7b0c5e947a8f97c739abfe', role: "listitem" }, hAsync(TagName, { key: 'dd06fa4821a6c3d39686c0a35bca3d3e643c7790', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: 'beedaa0abf90cebfed6a0bc49cdd0f022b97aaad', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'f740336fa798b6da2cbaaec645ae829b2587129a', class: "label" }, hAsync("span", { key: 'aaf68d1e5dd57e8e2931d021ac3bec6b101b7b38', class: "label-text" }, hAsync("slot", { key: '1fcd6459e1af576b61871b9c050a31eb2a8b490d' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'c43767d76cec897ffda6a9e3718dfb0e624707dd', class: {
+        return (hAsync(Host, { key: 'da93c6fa6997e05bd6f9164d77aa907504769b01', role: "listitem" }, hAsync(TagName, { key: '1dc43febd774cfc9f118a968546a8bf84a32e552', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: 'c47bbb85e5e8b60012c664beb9479e127c1db73a', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'b7a054d24e6f81c413538ff29645f58fc0f1ccf5', class: "label" }, hAsync("span", { key: '3790441950e7485a9d4439ea8d95d00ded433661', class: "label-text" }, hAsync("slot", { key: '8c345b1a1d38ad78510b6e30df8a7ae569cfdbfe' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'c0d77269c066ac303a2a17de4183f4a21ff8a77a', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -18918,7 +19022,7 @@ class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'd44a022e91733242dcf9d0715fdea0dd9413fc8c', role: "listitem" }, hAsync("a", { key: 'a86eeb53bc8714df6212d0a1576df487efd637dd', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (hAsync("duet-icon", { key: '46c05eceaaed109253e10fe7f5f4c4e02b71192d', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '999718d74fd76be6b9b89bc6b87877614ddc01ba', class: "label" }, hAsync("slot", { key: 'bce3596e218360bc8f5e19182194a608471e75e3' })))));
+        return (hAsync(Host, { key: '501c03cd429ff36b4500a5a0e75ddd8e5b49a1bf', role: "listitem" }, hAsync("a", { key: '422a173b44d4b21ca6f1826676669ba8d5e9a774', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (hAsync("duet-icon", { key: '2b65b8820b017fa6b2a8b66707f5b0bb116959e9', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '38a0a9ff428aee13c59c07346c0c0217a074280f', class: "label" }, hAsync("slot", { key: '74d157331532709ca0d1ad1009c68613dd0da891' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarLinkStyle0; }
@@ -19028,7 +19132,7 @@ class DuetTab {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '5376b9cb2792c5159fab470027b49f0a665d1e02', ref: element => {
+        return (hAsync("div", { key: 'de8d74146d35bba1361de77867102794264768e0', ref: element => {
                 if (!this.contentId) {
                     this.tabpanelElement = element;
                 }
@@ -19037,7 +19141,7 @@ class DuetTab {
                 "duet-tab": true,
                 selected: this.selected,
                 "has-content-id": !!this.contentId,
-            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, hAsync("slot", { key: '2efcb680c2d921e5c1c29d9114f3f997a5ead373' })));
+            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, hAsync("slot", { key: '6aee6454e6da2ddea216d868df6f8adc9791bd3e' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -19065,7 +19169,7 @@ class DuetTab {
     }; }
 }
 
-const duetTabGroupCss = "*,*::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;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(222, 224, 228)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-top:0;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:inline-block;width:auto;padding:20px;margin-left:-2px;overflow:visible;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;text-align:left;text-decoration:none;cursor:pointer;border-right:2px solid rgb(212, 223, 229);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-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(23, 28, 58)}.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button:hover{z-index:200;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(143, 147, 158)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(198, 12, 48);border-color:rgb(222, 224, 228);border-bottom-color:rgb(198, 12, 48)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-variation-default .duet-tab-button{padding:15px 28px 17px 28px;overflow:hidden;color:rgb(81, 105, 123);background:rgb(245, 248, 250);border:1px solid rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button.selected{color:rgb(8, 42, 77);background:rgb(255, 255, 255)}.duet-tab-variation-default .duet-tab-button.selected::after{position:absolute;right:-1px;bottom:0;z-index:300;display:block;width:calc(100% + 2px);height:2px;content:\"\";background-color:rgb(0, 119, 179)}.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(45, 64, 81);background:rgb(228, 236, 239)}.duet-tab-variation-default .duet-tab-button:first-child{border-radius:8px 0 0 8px}.duet-tab-variation-default .duet-tab-button:last-child{border-radius:0 8px 8px 0}.duet-theme-turva.duet-tab-variation-default .duet-tab-button{color:rgb(98, 104, 122)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected{color:rgb(51, 5, 20);background:rgb(255, 255, 255)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::after{background-color:rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(45, 52, 79);background:rgb(234, 235, 239)}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;color:rgb(98, 121, 138);border-width:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(8, 42, 77)}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button{color:rgb(113, 118, 132)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(51, 5, 20)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(51, 5, 20);border-bottom:2px solid rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(181, 198, 208);border-top:2px solid rgb(181, 198, 208);border-bottom-color:rgb(0, 119, 179);border-left:2px solid rgb(181, 198, 208);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(181, 198, 208);border-bottom-color:rgb(113, 118, 132)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(240, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(113, 118, 132);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(98, 121, 138)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;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;line-height:1.5;color:rgb(8, 42, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:\" \";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{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-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(113, 118, 132)}";
+const duetTabGroupCss = "*,*::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;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(222, 224, 228)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-top:0;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:inline-block;width:auto;padding:20px;margin-left:-2px;overflow:visible;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;text-align:left;text-decoration:none;cursor:pointer;border-right:2px solid rgb(212, 223, 229);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-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(23, 28, 58)}.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:\"\";border-radius:50%;background:rgb(214, 28, 82);box-shadow:0 0 0 1px #c1194a}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button:hover{z-index:200;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(143, 147, 158)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(198, 12, 48);border-color:rgb(222, 224, 228);border-bottom-color:rgb(198, 12, 48)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-variation-default .duet-tab-button{padding:11px 20px 13px 20px;overflow:hidden;font-size:0.875rem;color:rgb(81, 105, 123);background:rgb(245, 248, 250);border:1px solid rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button.switch-large-at-always{padding:15px 28px 17px 28px;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-default .duet-tab-button.switch-large-at-small{padding:15px 28px 17px 28px;font-size:1rem}}.duet-tab-variation-default .duet-tab-button.selected{color:rgb(8, 42, 77);background:rgb(255, 255, 255)}.duet-tab-variation-default .duet-tab-button.selected::after{position:absolute;right:-1px;bottom:0;z-index:300;display:block;width:calc(100% + 2px);height:2px;content:\"\";background-color:rgb(0, 119, 179)}.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(45, 64, 81);background:rgb(228, 236, 239)}.duet-tab-variation-default .duet-tab-button:first-child{border-radius:8px 0 0 8px}.duet-tab-variation-default .duet-tab-button:last-child{border-radius:0 8px 8px 0}.duet-theme-turva.duet-tab-variation-default .duet-tab-button{color:rgb(98, 104, 122)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected{color:rgb(51, 5, 20);background:rgb(255, 255, 255)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::after{background-color:rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(45, 52, 79);background:rgb(234, 235, 239)}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding:12px 0;margin-left:0;font-size:0.875rem;color:rgb(98, 121, 138);border-width:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button.switch-large-at-always{padding:20px 0;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-plain .duet-tab-button.switch-large-at-small{padding:20px 0;font-size:1rem}}.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(8, 42, 77)}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button{color:rgb(113, 118, 132)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(51, 5, 20)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(51, 5, 20);border-bottom:2px solid rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(181, 198, 208);border-top:2px solid rgb(181, 198, 208);border-bottom-color:rgb(0, 119, 179);border-left:2px solid rgb(181, 198, 208);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(181, 198, 208);border-bottom-color:rgb(113, 118, 132)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(240, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(113, 118, 132);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(98, 121, 138)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(113, 118, 132)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;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;line-height:1.5;color:rgb(8, 42, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:\" \";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{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-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(113, 118, 132)}";
 var DuetTabGroupStyle0 = duetTabGroupCss;
 
 /**
@@ -19092,7 +19196,7 @@ class DuetTabGroup {
             }
             if (isTabKey(ev) && !isShiftTabKey(ev)) {
                 ev.preventDefault();
-                this.element.querySelector("duet-tab[selected]").setFocus();
+                this.element.querySelector(":scope > duet-tab[selected]").setFocus();
             }
             if (button) {
                 ev.preventDefault();
@@ -19142,6 +19246,7 @@ class DuetTabGroup {
         this.padding = "auto";
         this.setTabIndex = true;
         this.tabChangeConfirm = false;
+        this.switchLargeBreakpoint = "small";
     }
     /**
      * Component lifecycle events.
@@ -19259,30 +19364,32 @@ class DuetTabGroup {
         // TODO: get rid of plain-scrolling class, as we always scroll
         const variationClass = this.variation === "plain-scrolling" ? "duet-tab-variation-plain" : `duet-tab-variation-${this.variation}`;
         const isSwipeScrollable = this.variation === "checked" || this.variation === "plain-scrolling";
+        const largeBreakpoint = `switch-large-at-${this.switchLargeBreakpoint ? this.switchLargeBreakpoint : "small"}`;
         const buttons = this.tabs.map((element, index) => (hAsync("button", { role: "tab", id: this.getButtonId(index), "aria-selected": element.selected ? "true" : "false", "aria-description": this.getAccessibleDescription(index), tabindex: element.selected ? "0" : "-1", part: `${this.identifier}-button ${element.selected ? `${this.identifier}-button--selected` : ""}`, type: "button", class: {
                 "duet-p-0": this.padding === "none",
                 "duet-tab-button": true,
                 "stackable-tab": this.variation === "checked" && this.tabs.length <= 3,
                 selected: element.selected,
                 [`duet-notification-mark-${element.notificationMark}`]: !!element.notificationMark,
+                [largeBreakpoint]: ["default", "plain", "plain-scrolling"].includes(this.variation) ? true : false,
             }, onClick: () => this.onTabSelect(index), onKeyDown: ev => this.handleKeyDown(ev) }, this.variation === "checked" ? (hAsync("div", { class: { "checked-tab-content": true, "stackable-checked-tab-content": this.tabs.length <= 3 } }, hAsync("div", { class: { "checked-tab-description": true, "stackable-description": this.tabs.length <= 3 } }, hAsync("p", null, element.label), hAsync("p", { class: { "tab-caption": true, selected: element.selected } }, element.caption)), hAsync("div", { class: { "stackable-checkmark": this.tabs.length <= 3 } }, hAsync("duet-checkmark", { theme: this.theme, checked: element.selected, type: "radio", "presentation-only": true, center: true })))) : (element.label))));
-        return (hAsync("div", { key: '05e714be871fbdeaac2b41a9f846664202b5eac8', class: {
+        return (hAsync("div", { key: '89dda2af64bfa896973646dee7566932c934896f', class: {
                 "duet-tab-group": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variationClass]: true,
                 "duet-tab-plain-scrolling": this.variation === "plain-scrolling",
                 "duet-tab-group-scrolls": true,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'd680490d85ad3d735bb85d4c704cd48fd1feaf66', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '8781b3aa65caf6f828f1f84d3fa5ce603b620c13', role: "tablist", class: {
                 "duet-m-0": this.margin === "none" || this.variation === "checked",
                 "duet-tab-group-tabs": true,
                 "duet-tab-group-hidden": this.tabs.length > 3 && !isSwipeScrollable,
             }, ref: el => {
                 this.tabsContainer = el;
-            } }, this.variation === "checked" ? (buttons) : (hAsync("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: this.variation === "default" ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center" }, buttons))), hAsync("div", { key: 'a8aa2ad19a01759d5eed47140ec483e5cb4a8df5', class: {
+            } }, this.variation === "checked" ? (buttons) : (hAsync("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center" }, buttons))), hAsync("div", { key: '382e15a7c8aa8f5c6078402741c55ca70b97a8fd', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, hAsync("slot", { key: '0b630a0821503c480cf580600c68dbb5a3ab2bfa' }))));
+            } }, hAsync("slot", { key: '1551ac1536242c1526a0e3b7ed39de8dc57c9c44' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTabGroupStyle0; }
@@ -19304,6 +19411,7 @@ class DuetTabGroup {
             "padding": [1],
             "setTabIndex": [4, "set-tab-index"],
             "tabChangeConfirm": [4, "tab-change-confirm"],
+            "switchLargeBreakpoint": [1, "switch-large-breakpoint"],
             "tabs": [32],
             "selected": [32],
             "openTab": [64],
@@ -19880,7 +19988,7 @@ class DuetTable {
         }
     }
     render() {
-        return (hAsync(Host, { key: '15e609b307b99f28efe4daac634c7f978f43b1dc', class: {
+        return (hAsync(Host, { key: 'fcdd601ace6ef28821198d34d85eb3dc94b73aa3', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -19889,7 +19997,7 @@ class DuetTable {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, hAsync("slot", { key: '1af0a343ef68668f75358fdbc91a601ef62e8dd4' })));
+            } }, hAsync("slot", { key: '35cef7a6450ff5dc1e34cda94637a50dec7860a8' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -20082,17 +20190,17 @@ class DuetTextarea {
      */
     render() {
         const identifier = this.identifier || this.textareaId;
-        return (hAsync(Host, { key: 'b821aec8b3ee59b348a011e0140e2387f26da39d', class: {
+        return (hAsync(Host, { key: '9de3a488ae655f5d6cf9a5aa71368827ac2667a3', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-has-counter": this.counter && !this.error,
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: 'f56d97bff7e94644241d19d049585364157adade', class: {
+            } }, hAsync("div", { key: 'fdfefe7ce23102c9e5aaaef53814d3027504856f', class: {
                 "duet-textarea-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-label-hidden": this.labelHidden,
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            } }, hAsync(DuetInternalLabel, { key: '7c1e03e07b39d7e6191202bade688fc75728a3aa', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: 'f708a87ffcb1b8747ca9debe71883387fbddbc6d', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: 'ac2de37430f5b367a3ca4da1174dba381a7b1f70', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '57784c29c408fb624a5f150f5312ea0037f08e09', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { key: '752b526a970df90cd09e641ce57d6b1b496d4045', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: 'e72d261a72b99e94fedb8db94bcc02e0f4a92e32', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { key: 'c25b836cac3ba19e15eb9cf223321da6e2776320', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), hAsync("duet-grid", { key: '996a289b27bce9161f2c1d008a57f8d1ea22e9c0', alignment: "stretch" }, hAsync("duet-grid-item", { key: '028ae3bb7e264bda3d8b4ed4397fcce4057faf6f', margin: "none", fill: true }, hAsync("div", { key: 'a5de4b40049dba2fd5eb737f56691b26aba77026', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'f9d50772c6ab039b7d4a7455eb7c15a89d3a0408' }, this.error))), hAsync("duet-grid-item", { key: '9c3b3984287d07b8ac4ebd0f9ed72dbd5ce0596e', margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { key: '8c50c85b05c0df4fad9ebcccdc74b89149b7888d', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { key: '421074dd95f8ba8955cc95554a8efa7fd3df4969', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
+            } }, hAsync(DuetInternalLabel, { key: '31924f3d113d02e2e7a9a3a0963b91cc09d33fdc', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: 'd1e0d879d2207a331853d015afcbbf7eee58ae3a', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: 'ca5cf4791d6929903a047564ba7233e5cb521b53', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'c6b8045ffe06481f564bac05f5c134d76c0a80ec', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { key: 'f300e8cabf5750ea73421abe15e04049ae4ad02e', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: 'c8f50dc4d1a7246241dbb9f01de879a5f29655f6', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { key: '08af0fdb58117b47d65e1f27d56ee3f33a07944e', onInput: this.handleInput, onChange: this.handleChange, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: input => (this.nativeInput = input), class: { "duet-textarea": true, disabled: this.disabled }, value: this.value, disabled: this.disabled, "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, placeholder: this.placeholder, spellcheck: "false", required: this.required, minlength: this.minlength, maxlength: this.maxlength, role: this.role, name: this.name, id: identifier })), hAsync("duet-grid", { key: 'f2c8d0a765743945be3b9ffdb91df63e02307f4a', alignment: "stretch" }, hAsync("duet-grid-item", { key: '9c3e34bd24ae7f34e3f8da1425cbeb68090f9524', margin: "none", fill: true }, hAsync("div", { key: '6dd0096a8e03199e273cdd72c21c0b52b7c6a998', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '40ec239fe62581029385fefd5367ca0c56bd260d' }, this.error))), hAsync("duet-grid-item", { key: 'e755534d7aa88d03f9b5fc1d3a6fb0eb0d53bdda', margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { key: '2238da2d8f4a66c378e08bc032f52a4a63d3ebaa', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { key: 'f1b005a103b371724c880ded8aba0af1024b6355', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
                 this.hiddenCounterLabel = el;
             } })))));
     }
@@ -20224,12 +20332,12 @@ class DuetToggle {
      */
     render() {
         const identifier = this.identifier || this.toggleId;
-        return (hAsync(Host, { key: 'bf8502b497d41349ab2fd1bb0abca6b16c87fb6c', onClick: this.disabled ? undefined : this.onClick, class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '17d971af6ec2d5bc251ffd734bea74dd1f3ee749', class: {
+        return (hAsync(Host, { key: '6f7b05fd6188f7013f040a7b29c036727facbd85', onClick: this.disabled ? undefined : this.onClick, class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '976442fa7eca90d023345dec040d15fadd997d2f', class: {
                 "duet-toggle": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-side-label": this.labelPosition !== "top",
                 "duet-reverse-label": this.labelPosition === "right",
-            } }, hAsync(DuetInternalLabel, { key: 'ee79a22afd025e1c86d7f4526eb27af6d5e68d85', theme: this.theme, color: this.labelColor, weight: this.labelWeight, for: identifier, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), hAsync("label", { key: '9c4488aed6bafaf974b4389cb02809bb0ea2c478', class: "duet-switch" }, hAsync("input", { key: '8140d3b60b2e094489f89788cc34d29427bce990', type: "checkbox", value: this.value, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, id: identifier, role: this.role, name: this.name, checked: this.checked, required: this.required, disabled: this.disabled, ref: input => (this.nativeInput = input) }), hAsync("div", { key: '3c207d4e7ede368ebbaf589a9bda47b1f73abfef', class: "duet-slider" })))));
+            } }, hAsync(DuetInternalLabel, { key: 'fee270a8fc1611ee7eb82d7622073a2d8756b3a4', theme: this.theme, color: this.labelColor, weight: this.labelWeight, for: identifier, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), hAsync("label", { key: '70a46c19918167b984a93e60845d4642184a1cc3', class: "duet-switch" }, hAsync("input", { key: '33d9dd7dadc7976393e11011a1a6327bc3193ed0', type: "checkbox", value: this.value, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, id: identifier, role: this.role, name: this.name, checked: this.checked, required: this.required, disabled: this.disabled, ref: input => (this.nativeInput = input) }), hAsync("div", { key: 'b0f17ed39c0b77370958141021e9e2ab98399d94', class: "duet-slider" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -20300,11 +20408,11 @@ class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: '623f017e9ed4beb5b7a48bd2e1f2fc84c1c249c3' }, hAsync("nav", { key: 'dacb193ee88a1e8445a0b662de8f5a717f9883dd', class: {
+        return (hAsync(Host, { key: '7c4634d2a35cd12abc71558bd726735a0f6b4234' }, hAsync("nav", { key: '97261310d0db43f2a0c848a4003aa37cb4d808c1', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '10f9e7ede421701301e1e1ee45ae85b61c54184a', class: "container" }, hAsync("div", { key: '7bde8fc12ca6d1267484a0f5d2d0aa9146dfe220', class: "list", role: "list" }, hAsync("slot", { key: '71515d752a76eed3236b91e158221a39ea7f9984', name: "left" })), hAsync("div", { key: 'b731edf335cceac55399e111e45f67425e8c28ae', class: "list", role: "list" }, hAsync("slot", { key: 'b079f0298ca68bdc17d45001797e3b759e0ea226', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'f27b0883e8ec3f9e86c6b250ad379dc7f69b2439', class: "container" }, hAsync("div", { key: 'c1a8827f0d1efe138109799d6c21d0a3d79dc9da', class: "list", role: "list" }, hAsync("slot", { key: '8b8eacded7186b48305432f8dd6c338593cee8e0', name: "left" })), hAsync("div", { key: '0941393fcdeef9501a07e37029c4fa5860faa346', class: "list", role: "list" }, hAsync("slot", { key: 'ac2065b27768910493300da47e3d0b3bb9c516cd', name: "right" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarStyle0; }
@@ -20372,18 +20480,18 @@ class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: 'fd5e7e1fb2af68f79aa4aa4799dc11bc85403e9a', role: "listitem" }, hAsync("div", { key: 'de3b994b5ec7045967a4736ff96a1e8564dded5b', class: {
+        return (hAsync(Host, { key: '93c6fde5bb9422cdeddefb021a6ef959f6382468', role: "listitem" }, hAsync("div", { key: 'bea4eb48492434e30af5c1a9b0fadfbc7b1a2ccd', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, hAsync("button", { key: 'd97d3ac97857caddc2f42cf2d610c7c6bfd5415c', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
+            } }, hAsync("button", { key: '1e589d0e0c744719bc487a875114913230f4fc41', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
                 active: this.active,
                 open: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '75e4c173df866a7dc3a6141bb4d1cbd406877f65', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: 'b622b49718364a9c18f4fd364029eafd63e7f415', class: "label" }, hAsync("slot", { key: '6d5093ee7b444d1bd73a3ddea2cabb32618d9c83', name: "label" }), hAsync("duet-icon", { key: '0c2bdc620ad95743d6cfba1eb8591f0a195afa48', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '7f06bf77c02ff8113ae54ea64a7e951dac7ff492', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '247b76e6ee4ff10ae6275ce1d82f8d15e7a5cc01', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: 'bcced782bb48e322d3b7e51f00944a250b440e97', class: "label" }, hAsync("slot", { key: 'c13fddaf2ca14f1c111d3531dd0cb81de39492e5', name: "label" }), hAsync("duet-icon", { key: '986ac54e0b3c81cdfd6721b5ba9ff315790ad066', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'd1c8306765f67cd28b68f36a5d69d1cac703e6f0', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '7b7b9a440494c81a4ea1c8e40bb22a8e48b25c1d' })))));
+            } }, hAsync("slot", { key: 'c61a36a84b1095068fa7e645ec17daff2e6dc62c' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownStyle0; }
@@ -20436,11 +20544,11 @@ class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '34d25bff907ba75e14bb51f500bffea729b32482' }, hAsync("a", { key: 'e9a8a7450c3e0f3c3835e7646384b52545b8b418', class: {
+        return (hAsync(Host, { key: '2337077d456966b5d54e4224f7b4feed069deb3b' }, hAsync("a", { key: '862439261d8493ea79212340afb36566c8066ac8', class: {
                 "duet-toolbar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '7f22b9e1f170f2c6b4a08df11be5cb4e11a2efd0', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '78c798a19faa674e60d34672d1db627c8b47ab08', class: "label" }, hAsync("slot", { key: '9f7e624dc12e4e35f51eb97e5bf01b5182f45635' })), this.active && (hAsync("duet-icon", { key: 'a85b6330a153a4d6acb61d74a10f538a7fbf95f7', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: 'eefe89c70a61602260dd173e54912ff3b97e3618', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '7de399ce4b29b72d214e150e6045f965648d49bf', class: "label" }, hAsync("slot", { key: '55fc1816636dd382b16e7fd68d55cd61ed2f56ac' })), this.active && (hAsync("duet-icon", { key: 'b327b46d411bf4dd40f5a8f78b3fbe133f7eeb81', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownLinkStyle0; }
@@ -20515,17 +20623,17 @@ class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: 'b0ef61c45dc609f951d6d988554f0e8050838bfd', role: "listitem" }, hAsync(TagName, { key: '43b146cd21ed876366c8145f56f1a45e57a9abf6', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: '3becaa0c2599123283c9bc82fdd95133effb64bd', role: "listitem" }, hAsync(TagName, { key: '6ff40a280d9f098a9ba5a2b7d85b5d19cbb58ae7', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("div", { key: 'fa4ac41c37fa3666d5a1fae9f300c89899c65bd8', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: 'ce22edd361c76194471a7dc43e22952fdd169f66', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: 'c13051a6ee99f8b86865c7bcab10501eb968c809', class: "duet-toolbar-badge" }))), hAsync("slot", { key: 'feddff8d9331588edfad9119f3586a147cdf783f' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '9df34d52cae2cf7c987f832bfa8ab9e81e322b52', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '6034e2e76014c46c50d45ae2a3d174938941b294', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("div", { key: 'bffad519bf392abd549da7a06c2d59808dca6064', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '513c5e9bc2795a7732f2a6d96fbc3c632456faa0', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: 'a399e7afa30d550289f267f28e783bae282fbed9', class: "duet-toolbar-badge" }))), hAsync("slot", { key: '063f628fd7668ae6d634e0c72789c1887938d592' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '42df1db8d19a9e10e0c0bebbaeb3c4ed14d5d742', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '301e8033a857c9e76dd50d2b7ac4e797e235231e', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && hAsync("div", { key: '74d88721c86afbe9628b68193045d966110a6840', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && hAsync("div", { key: '9c9f58a6044c5d87041f9c03f1ff50a999314d7f', class: "duet-toolbar-badge" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarItemStyle0; }
@@ -20579,12 +20687,12 @@ class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: '56d638c52e6ef59f5a1273a2cb5d2cf9d996005c', role: "listitem" }, hAsync("a", { key: '07e65b8ed6600bfb30800874b9c6cf1987e5daea', class: {
+        return (hAsync(Host, { key: 'c9d22540b2fe11472be1334ac0048b27c6b06d9e', role: "listitem" }, hAsync("a", { key: '6df17c00c386d080b450dee6056ae0d3f770cac3', class: {
                 "duet-toolbar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'fefe79b575bcc816d4d5c803f75f0ea66e2b4eac', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '5c58ccf2a15c5eb4ca70c25fe1bbe45fedb094a5' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'ad8e3b8bf4fc7b4049948cb12ed148eb4383a931', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'c295aeacea2d6efe9892ec06cf8ba0070599212e' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarLinkStyle0; }
@@ -20856,12 +20964,12 @@ class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '9ecfa8389554baa1f39937ab0a512c5387a024e5' }, hAsync("button", { key: '290e747792e3b12947841bbe77ac3d2f832b426d', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (hAsync(Host, { key: 'adbd99f0d6f275381ec67f6f3155e0e82faff6ff' }, hAsync("button", { key: '67837b378c7230e93e09b74ebd53abc8280ac8ac', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-button-negative": this.negative,
-            } }, hAsync("svg", { key: '54e93d5c9ca28584a7bff01bc834d7f2dce564f9', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'a3795a55e127915ea04f32fc64f49fd809337d4a', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), hAsync("circle", { key: '2983ab7373308584d678aaf5317433834af19669', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: '2394310596a8b8d3884eae4f017edeffa8a1209d', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (hAsync("span", { class: "duet-tooltip-label" }, this.label)) : (hAsync("duet-visually-hidden", null, this.accessibleLabel)))));
+            } }, hAsync("svg", { key: '1bb553c9ffae4ee20e330699ceb1c51b85377c57', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '6b673adac1c51d9827bc420b487cf5a574d2f087', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), hAsync("circle", { key: '76d0674c26286f3f8d00e8b72489f11d517e8ab9', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: 'd2c1719f7c4caa2391048d84e309f0472065c251', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (hAsync("span", { class: "duet-tooltip-label" }, this.label)) : (hAsync("duet-visually-hidden", null, this.accessibleLabel)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipButtonStyle0; }
@@ -20929,11 +21037,11 @@ class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (hAsync(Host, { key: 'a006dcdbb0417c5bcd4d99c2694fe8336f638abc' }, hAsync("div", { key: '745d1bca6e406dbe1292cc2d10d926d72317b221', class: {
+        return (hAsync(Host, { key: '54c69a05eb11993d10cbd0c27ff3b7d38562c384' }, hAsync("div", { key: 'f0d3ce9c9fa8a72aa2c4effdef826b54ef8de708', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, hAsync(FocusGuard, { key: 'e4e54b90267fd9c880259ca05b1c84626044f551', moveFocusTo: this.buttonEl }), hAsync("div", { key: '6ab28294f3a642d0282221b39c6db3b777c9f804', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '824bc8f3f30591acc311d5e1390a4c2aa0c4c491' })), hAsync("div", { key: 'a7f43f3882c59f0b48a9fa4b46b3c9b6959733dd', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: 'be9fb347ff15db7458db3a9dc29d04fc17dd0e8f', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '0cc5add494ffbe855467a5b35e821a68775989e4', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: '6559d3858ce6189f07107c13535d3b080012b446', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: '343d9591a9417c5f35ab53c4a066712eb85bea0f' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: 'a68910e36f5eceb4c768c183629a8c1e1b7627d2', moveFocusTo: this.contentEl }))));
+            } }, hAsync(FocusGuard, { key: 'a58df98ae3f69bca5bce6c972ef39461f778dc71', moveFocusTo: this.buttonEl }), hAsync("div", { key: 'c7d3b83e4d9931f53dd8013f52517ef8a7704919', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '83caa55274cebba3a4e5efdf8a75ba58317dc81a' })), hAsync("div", { key: '51532f034ee11bf42a884b703fea4a5473c2c813', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: 'c3c26ad48ca96962808a24a96e146aa47bc09525', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '28b8247a3c760b4410fb38c2293744e914364231', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: '55b2ab7375d26de4a949afaf5982e070e3888622', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: 'c962568d18c1feab15d7b71a51a2526745e1ac80' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '61ba9ee2bed8370b66d1fc7fd4e1928d09b64a5e', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipPopupStyle0; }
@@ -21041,14 +21149,14 @@ class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '1168a67d691b43ae65583058555d9cbc782ec776', class: {
+        return (hAsync("div", { key: '7f2058936e15f7dc22d1a4177c7a03a991e3e112', class: {
                 "duet-tray": true,
                 "duet-tray-is-active": this.active,
                 "duet-tray-is-hidden": this.hiddenState,
                 "duet-tray-is-responsive": this.responsive,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tray-is-expandable": this.hasAdditionalContent,
-            } }, hAsync("div", { key: '7e96d76a09472a654b784cc03f41327bfc11c174', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '5fddc62963d12a976a1d824d9dae22613cf5eaf2' })), this.hasAdditionalContent && (hAsync(Fragment, { key: 'cca3e663523e98abb04911903890cffd0de4d92c' }, hAsync("button", { key: '1ff129e010a2c94237554700dc50274a63f841f6', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, hAsync("duet-icon", { key: '726ab39d36a0aa043b5aeedf56ed4f3b00fd2f59', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: 'c9af0896a67dd214edfb616eebcb2b5115324f43' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '334b44753446a8e12ea379fc198a3ef75aa2f75f', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'bb335d116234d2bf3fe135cde05acf86a0601e99', class: "duet-tray-expandable-content" }, hAsync("slot", { key: 'ca2e1a5e136523889cd5c48f83c2bb326e45daeb', name: "additional" })))))));
+            } }, hAsync("div", { key: '060ca6aab4f8779473ecc4be57e43b77306088e7', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '4683917a9f467090d5a2ed72f9cd7eaeb1ffc3ef' })), this.hasAdditionalContent && (hAsync(Fragment, { key: '7b277a0d07a71be98ff53e2a39975b8fa19bb940' }, hAsync("button", { key: 'de91e3bce233b0b00671320473a92b5bb0bc986b', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, hAsync("duet-icon", { key: '205702e6343cba4fefbb3797dc9cb663e1fe1c46', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '8a698ca8f3764000b2240be4f05c85de0e0fb4f4' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '574abdbbdc65a7e8abb8e6dade08993687c49809', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'e8598295d729ba408902b04dad98e11ce241d9ef', class: "duet-tray-expandable-content" }, hAsync("slot", { key: 'b90f5b8292364fbf1621c5569dd1cdd2d3c430ed', name: "additional" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTrayStyle0; }
@@ -22164,10 +22272,10 @@ class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (hAsync(Host, { key: '288aeb8b8850772a57e4333d8ba5b0ff15c3d7fe', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '26201557f31b33446b6453985c8448bb29be72e9', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: 'd7e389e3cd4bb3b8379dcc04480aba78bfbfc860', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: 'cca76f6ea0ece55302e10f31d32214526e8c8666', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: '639f5c01310f844c0a2e0704bfa4c39c893301fa', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: 'f30d995ea8304a2d355ea23b6d0018925aca336d', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: 'f64a53038b12204aa522fb6ba65171e1b4681f6a', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && hAsync("slot", { key: '8a8900866831a642e44f58d10c5e6a580c902a41', name: "filefooter" }), hAsync("slot", { key: 'e05d622ba10f8c8403fc9694a298881c8ee80e00', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: '89ddf7c2aeaa3c4e6a55d3d2743a1d4ef5916946', margin: "none", size: "small" }, hAsync("div", { key: '663ee7410aac7691c7ecdcc47d40709011f13f75', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: '2fad93888bbaff842a5e3d2e8a1324f194d3c351', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: '2f6dd6adb1749ddd99170be40ed26fb29ac43097' }, hAsync("duet-spacer", { key: '15b5257a9a586ff424c4ec3a221d87abdc411474', size: "large" }), hAsync("duet-button", { key: '0420e40d466d4eeaed5f303e6c36f025da72bee2', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (hAsync(Host, { key: 'dd2d8df45d7b1e8526fc08809e07f4cb33685750', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '5763ea920a4090ca67c77c4408df558a1381a4ea', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: 'c156b40628ec1b5d9270df434022ed16e8946eae', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: 'ad1d9f14e0c17f73b93aa3989fbd6105e5668a11', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: 'aa1475ad4c73fd61976e8ba408d76f1b55b850cb', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: 'a4dd57cd140b091b2bd5622b5fc5c55dc567e144', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: '8f5beb8ce03d9b4f1b7df6d01ba707485daecf5a', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && hAsync("slot", { key: '0432c1b02bcc36c239b05c5b4aa260ce4392c5cd', name: "filefooter" }), hAsync("slot", { key: 'dd19564b15aad3cc65396121f3862ee1275e3da6', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: '388956db21f30c93c685fac7b11604932baf6ab1', margin: "none", size: "small" }, hAsync("div", { key: '24766af55c816957c30880f6ccf31c2c8d24cebe', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: 'bb6a994d5c65c0d3514a304eb2547a2f81d3feb3', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: '0028099baf1d0d8224d5549a16c663005fb78875' }, hAsync("duet-spacer", { key: '295a793dcf0cff48d7b3b211984a44a68aff5a1c', size: "large" }), hAsync("duet-button", { key: '7375e766eac86aee16440e44c9645173ad2a8d1e', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (hAsync(Fragment, { key: '7a7dfa23e6ed1459f94635e431464e56cede465f' }, hAsync("duet-spacer", { key: 'a8e54f1b3bb6a21b01b0bcdbeca209aa2b3eb1c2', size: "medium" }), hAsync("duet-alert", { key: 'c8324533e240d3c5c19d92f2476b61731c7527f3', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), hAsync("duet-visually-hidden", { key: '11a0d6c9c0dc638025da4357fc1f7cea158a36a8', "aria-hidden": "true" }, hAsync("input", { key: 'bd2c685b5b4859881e63d9cfa71e0058aef91e97', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (hAsync(Fragment, { key: '30cbbe58d5267a103f6aecf7dad5481c878d7662' }, hAsync("duet-spacer", { key: 'a18c694807a23f24ffaa895874546efb8864602d', size: "medium" }), hAsync("duet-alert", { key: 'db0280069c76343b698ee84899d829c257558f7a', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), hAsync("duet-visually-hidden", { key: '5f2458287c90d4c906fe6366bf9fa42a844cf8f9', "aria-hidden": "true" }, hAsync("input", { key: '6d5180b885ae0c13c8c06118084bb49d0df0c989', ref: input => {
                 this.nativeInput = input;
             }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
                 "duet-upload": true,
@@ -22488,7 +22596,7 @@ class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '68e88af39c2e495698149c4934fe34e466db3a45', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: 'b3ae2e032c905605445f4eb5ad3a29ae11251fa6' }, this.statusMessage)));
+        return (hAsync(Host, { key: '7b5e6d3888abbca979dccf420da50c973535d2be', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '2f06a21af0424f71414b6046ffd74fac66a8e6fb' }, this.statusMessage)));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -22555,7 +22663,7 @@ class DuetUploadItem$1 {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: '40bce050cb2886e0a2b1f72e39337986349e4c8b' }, hAsync("duet-visually-hidden", { key: 'c1008bf8a919503c51763361f1174a9d6a50aba6', "aria-hidden": "true" }, hAsync("input", { key: '46d659a947506e98051e952e2b0c2894d8b93f2a', ref: input => {
+        return (hAsync(Host, { key: 'fa488300deb51d9bc5eb5bbe2ad484047f82eaee' }, hAsync("duet-visually-hidden", { key: 'b6eaeee61a64ae8c9e872c909f73e1cb3d8b4ac4', "aria-hidden": "true" }, hAsync("input", { key: 'f5107c8dd70020263f0d4f06b4c5b1ff1d4c9936', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,
@@ -22667,9 +22775,9 @@ class DuetUploadItem {
         const { uid, meta, item } = this.data;
         const Badges = meta && meta.badges ? (hAsync("span", null, meta.badges.map(badgeText => (hAsync("duet-badge", { color: "primary" }, badgeText))))) : undefined;
         const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-        return (hAsync("div", { key: '4ab1c6316a88d990b67ea8597d4a7fbbfee17149', class: {
+        return (hAsync("div", { key: '332e1526223fb2285774ed2e29c674dea838e232', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (hAsync("div", { key: '1f7a34acdaf8ec6a9dcb722258a5fd186a57bebe', class: "item-categories" }, hAsync("duet-heading", { key: '10436d1372a207a993d1728730719b7c13c21bc8', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '778f28143ab6bf8b98084c6b4f85125d73ee538a', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '0444becdae05b55a29fdb77b898f55baff7292f1', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: 'e7a63578ffccc5077f77dfb54c11c681bb860956', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (hAsync("div", { key: '9a5a6e61b953db803287fb2bd812766400efcbdf', class: "item-categories" }, hAsync("duet-heading", { key: '47b709c68b4c4e864cde019e6b227097f24d26e3', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '224e07d455a755301b4b2f6e1fe6adbac0e0ffec', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '1554e6a65644e37e8ab61e855184ae423667dcd6', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '8611f87c39502a4931ca2e7526ae45f119eb48fa', class: "item-actions" }, this.actions.map(actionItem => {
             return (hAsync("duet-action-button", { actionMeta: Object.assign({}, meta || {}), actionId: uid || null, actionName: actionItem.name, theme: this.theme, iconName: actionItem.icon, iconColor: actionItem.color, iconSize: actionItem.size, background: actionItem.background, "accessible-label": `${actionDescription} ${getLocaleString(actionItem.label)} `, accessibleTitle: this.getActionButtonTitle(actionItem), ref: button => (this.actionButton = button) }));
         }))));
     }
@@ -22710,7 +22818,7 @@ class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'fac7286ada1218049a6883dbb51695caf8bcfb7e', class: "duet-visually-hidden" }, hAsync("slot", { key: 'db7fc7a9ce357394ce67364538fe20fb5b468d48' })));
+        return (hAsync(Host, { key: '07a0c619ae83ddb2963351585eda20ca0007b2fc', class: "duet-visually-hidden" }, hAsync("slot", { key: '916e0207629fc62f5dee03454e83e2825db3191c' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetVisuallyHiddenStyle0; }
@@ -22799,6 +22907,7 @@ registerComponents([
   DuetSlideoutPanelDropdown,
   DuetSpacer,
   DuetSpinner,
+  DuetStatusIcon,
   DuetStep,
   DuetStepper,
   DuetSubmenuBar,