@duetds/components 9.1.2 → 9.2.0

package/hydrate/index.js

@@ -1262,7 +1262,7 @@ var updateElementScopeIds = (element, parent, iterateChildNodes = false) => {
   if (element && parent && element.nodeType === 1 /* ElementNode */) {
     const scopeIds = new Set(findScopeIds(parent).filter(Boolean));
     if (scopeIds.size) {
-      (_a = element.classList) == null ? void 0 : _a.add(...element["s-scs"] = [...scopeIds]);
+      (_a = element.classList) == null ? void 0 : _a.add(...element["s-scs"] = Array.from(scopeIds));
       if (element["s-ol"] || iterateChildNodes) {
         for (const childNode of Array.from(element.childNodes)) {
           updateElementScopeIds(childNode, element, true);
@@ -3743,12 +3743,12 @@ class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (hAsync(Host, { key: 'a98ddf68ce6e0d104c642e48a2d5d6d5660498f4', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: 'aa121dca4645858c43d9d81bc29ec710723a026f', class: {
+        return (hAsync(Host, { key: '9961997225b2be95620a2bb6cd925a38ca781319', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '7f60092c2cbd3243ae62c54ffd64714b967feb4c', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("slot", { key: '9baaff220b3bfaca21de1951ecc81fa1dde17c03' }))));
+            } }, hAsync("slot", { key: 'bfe777ba2975bdc4fe654dbbe7fcadd9c74a4de9' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBadgeStyle0; }
@@ -3938,14 +3938,14 @@ class DuetBreadcrumb {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '469447515096cfa85132eb550ed925b796a87b6b', role: "listitem" }, hAsync("div", { key: '0b264055e49b6603b803bea06f4450e937b1a424', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '0a175a06d4230eeace901b741ba9a08f2947a3ba', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: '501dd186b46c158775b992863689014d4b520927', class: {
+        return (hAsync(Host, { key: '896f47e7da60d222d4069e1dbc464df5d2860a5e', role: "listitem" }, hAsync("div", { key: '542c2f9e39019092a4b8710dce3d91204d8e7ea6', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: 'f02c8e0e89966baaaa60ce01e0d60327f43df4a7', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: 'def35f8a0cd68ed2bcb029b516fdcd3988bc612c', 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: 'a7993d28976f091a7f8291378990dea66413be57', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && hAsync("duet-spacer", { key: '966433c4f0ec2c663dfeff67b8b70ae913d6a5e8', size: "x-small", direction: "horizontal" }),
-        ], hAsync("slot", { key: 'b98f199af76f8596bb8d06af9dc277c89ed03870' })))));
+            hAsync("duet-icon", { key: '9315b8b7b1c4515db35b986214df2a5fe712e90d', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && hAsync("duet-spacer", { key: 'a1e4e13b0624db398595819130a944e37e67f729', size: "x-small", direction: "horizontal" }),
+        ], hAsync("slot", { key: '7017579590087fda79cb5ec5621d06c0a83b1134' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbStyle0; }
@@ -4006,11 +4006,11 @@ class DuetBreadcrumbs {
      */
     render() {
         const color = getColorByName(this.color);
-        return (hAsync(Host, { key: '8a9b4d9db25877fedbb9bbbc6a7f3c70ddc972f8' }, hAsync("nav", { key: 'c66a5b2ab26e65aea1d4cb624c5fd5e57b165d0e', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (hAsync(Host, { key: '8efa7a115e6f54542e88d47bcd82dd45f22dfa5a' }, hAsync("nav", { key: 'e33a8eeb307ff1ce61375ac5d7b7d06516ef9748', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, hAsync("div", { key: '23194ac8d39fcc089a5f16689fdf31f6f5bbd630', class: "container" }, hAsync("div", { key: '924ce340d38e919201c361c402b5b2ee7d25f6d2', role: "list", class: "list", style: { color } }, hAsync("slot", { key: '0fbdd33ff72667c2cd845f407a85719349a70eab' })), hAsync("div", { key: '11493cfc88623feebae218352c8f9530a3c2456c', class: "bottom-border bottom-border--container" })), hAsync("div", { key: 'd5f962874148aab37813f688ba5ff77bddb30533', class: "bottom-border bottom-border--nav" }))));
+            } }, hAsync("div", { key: 'b316b4613355477852547aeca63cf3ebc2aebd18', class: "container" }, hAsync("div", { key: '80bbfecc44dc1ffcd17c34b63fb1023c387267a7', role: "list", class: "list", style: { color } }, hAsync("slot", { key: '774275bab13a098e5d095e108a2081ce7a0e7350' })), hAsync("div", { key: '7db4bba62ed327f314745e0960c6e550ac865582', class: "bottom-border bottom-border--container" })), hAsync("div", { key: 'b8c2c068f97243f47efbdb0eb808a784932bc795', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbsStyle0; }
@@ -4353,11 +4353,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: 'f15d0650bf33e9ca7f1ce28065ff46f9ec08066d' }, hAsync("div", { key: 'ee7e16c113b6a5229be9cbe4e6f52972b0403a4d', class: {
+        return (hAsync(Host, { key: '7d5a168da918f73ac6199624717b0722ae637b5f' }, hAsync("div", { key: '6901480796257cefd5276a5ca6eb2194030970bf', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("figure", { key: 'b1209eb4a81b1c71e016f311cb8143e8358fb70f', class: "container" }, hAsync("duet-icon", { key: 'ca683a906622a8c8225b07176b1ee19df3dcbe6d', 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: 'e9198af97b7db83a4c6fbe60f65ed1122cb9b398' }, hAsync("slot", { key: '378ba5f182620048730e714c00d4433d9bd684ff' })), this.hasAuthorSlot && (hAsync("figcaption", { key: 'b170bece235f975d0a0139d5c0bdc0571c782146', class: "author" }, hAsync("span", { key: '7917d19b5a7d199798346250719da6618b31107c' }, "\u2014 "), hAsync("slot", { key: 'be8a7f6bfee1c152a8cc79978d0163d299fe52d8', name: "author" })))))));
+            } }, hAsync("figure", { key: 'ceddfb8142f1dca7af00139f28b776cd1e0b3ba3', class: "container" }, hAsync("duet-icon", { key: '85e94a538b36121aaac3d755ee7bddad98312c24', 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: '46bc56966d4eface501dfc1a57715f6d2600e27f' }, hAsync("slot", { key: '1974940d51ac7946d1f139fb3c444b0915c6ea75' })), this.hasAuthorSlot && (hAsync("figcaption", { key: '7173e7c7927111e0d9f1b13def6a08c487ebfff0', class: "author" }, hAsync("span", { key: 'dedb46a4fff0eedd8f95275e608378c8fc021cea' }, "\u2014 "), hAsync("slot", { key: 'fb955af2c57c5d113dc34d9d292ad5bf835ddb99', name: "author" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCalloutStyle0; }
@@ -4718,11 +4718,11 @@ class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: 'a365402604e0200c435b64dfcacbcd5cb642844e', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: 'cf11461aef561948a5533f4e80564656374ebdcb', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: 'dcfe8bd19c06e1b259bbc03e18ca468f1dc5ba00', class: {
+        return (hAsync(Host, { key: '694951f0c8763ee7206e40f195d801b161cb970d', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '81371523be24dcc91313d7933103e74bbab2bda3', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: '30578b86f60822622e625e5baf2356f550c33a6d', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && hAsync("div", { key: '7c6b1f9fd55e641a7f91171e622ce1f8725d116d', class: "duet-checkmark" })))));
+            } }, this.checked && hAsync("div", { key: 'd5b3c5f15bffdea7d89a80621c1aa4e96ae7ee0f', class: "duet-checkmark" })))));
     }
     static get style() { return DuetCheckmarkStyle0; }
     static get cmpMeta() { return {
@@ -6396,7 +6396,7 @@ class DuetCollapsible {
     }; }
 }
 
-const duetComboboxCss = ".sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;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\";color:rgb(0, 41, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(0, 41, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{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.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.selected.sc-duet-combobox{background:rgb(244, 207, 214)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox{position:absolute;top:calc(100% - 12px);z-index:700;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border-radius:0 4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.1);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-combobox-list.open.sc-duet-combobox{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox{max-height:200px;padding:0.75rem 0;margin:0;overflow-y:scroll;font-weight:600;list-style:none;cursor:pointer;scroll-behavior:smooth}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox{padding:4px 0}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected){padding-left:16px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected) .highlight.sc-duet-combobox{text-decoration:underline}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{float:right;padding-right:0.875rem;font-weight:400;color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.sc-duet-combobox{padding-left:0;background:rgb(205, 229, 241)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-icon.sc-duet-combobox{padding:0 8px 0 8px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}";
+const duetComboboxCss = ".sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;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\";color:rgb(0, 41, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(0, 41, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{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.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.combobox-menu-container.sc-duet-combobox{width:var(--popup-width);max-height:200px}";
 var DuetComboboxStyle0 = duetComboboxCss;
 
 class DuetCombobox {
@@ -6405,14 +6405,16 @@ class DuetCombobox {
         this.duetChange = createEvent$2(this, "duetChange", 3);
         var _a, _b;
         this.listBoxId = createID("duet-combobox-list-element");
+        this.inputId = createID("duet-combobox-input-id");
+        this.activeDescendantId = createID("duet-combobox-active-descendant");
         this.isAndroidDevice = ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf("android")) > -1 || null;
         this.resizeObserver = new ResizeObserver(debounce(entries => {
-            var _a, _b;
+            var _a, _b, _c;
             // otherwise, something is wrong, expecting 1 element only
             if ((entries === null || entries === void 0 ? void 0 : entries.length) === 1) {
                 const currentWidth = (_b = (_a = entries[0]) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width;
-                this.listContainer.style.width = `${currentWidth + 1}px`;
-                // this.listElement.style.width = `${currentWidth + 1}px`
+                const popupMenuPadding = parseInt((_c = getComputedStyle(this.listContainer.shadowRoot.querySelector(".duet-popup-menu-list"))) === null || _c === void 0 ? void 0 : _c.padding);
+                this.listContainer.style.setProperty("--popup-width", `${currentWidth - 2 * popupMenuPadding}px`);
             }
         }, 100));
         this.onInputChange = async (e) => {
@@ -6437,6 +6439,9 @@ class DuetCombobox {
             if (!this.force && !this.multiple && this.selectedItems.size > 0 && newValue !== this.getSelectedItemLabel()) {
                 this.selectedItems.clear();
             }
+            if (!this.force && !this.multiple && newValue === "") {
+                this.value = undefined;
+            }
             this.listOpen = String(newValue).length >= this.minCharacters && ((_a = this.getFilteredItems()) === null || _a === void 0 ? void 0 : _a.length) > 0;
         };
         this.onKeyDown = (e) => {
@@ -6467,6 +6472,9 @@ class DuetCombobox {
                 return;
             }
             if (isEscapeKey(e) || isTabKey(e)) {
+                if (this.listOpen) {
+                    e.preventDefault();
+                }
                 this.updateInputText(true);
                 this.activeItem = undefined;
                 this.listOpen = false;
@@ -6499,7 +6507,7 @@ class DuetCombobox {
                 }
                 // this should be set to undefined on everything BUT up/down arrow according to the aria 1.1 specs
                 // https://www.w3.org/TR/wai-aria-practices-1.1/#combobox
-                this.input.accessibleActiveDescendant = "active_item";
+                this.input.accessibleActiveDescendant = this.activeDescendantId;
                 this.activeItem = nextActiveItem;
                 this.scrollToActive();
             }
@@ -6540,8 +6548,16 @@ class DuetCombobox {
         this.openListOnClick = false;
         this.filterType = "startsWith";
     }
+    popupMenuOpenHandler() {
+        if (this.listOpen) {
+            this.listContainer.show();
+        }
+        else {
+            this.listContainer.hide();
+        }
+    }
     activeItemHandler(state) {
-        this.input.accessibleActiveDescendant = this.listOpen && (state || state === 0) ? `active_item` : "";
+        this.input.accessibleActiveDescendant = this.listOpen && (state || state === 0) ? this.activeDescendantId : "";
     }
     handleDocumentClick(e) {
         //we want to remove all user text if they have NOT selected from the dropdown
@@ -6681,6 +6697,7 @@ class DuetCombobox {
         this.value = this.processedItems.filter(item => this.selectedItems.has(item.id)).map(item => item.value);
         this.input.value = "";
         this.updateChips();
+        this.input.setFocus();
     }
     /**
      * Add item with id to the selectedItems set. Used only when multiple is true.
@@ -6715,6 +6732,8 @@ class DuetCombobox {
         if (this.selectedItems.has(id)) {
             this.selectedItems.delete(id);
             this.value = undefined;
+            this.input.value = "";
+            await this.input.setFocus();
         }
         else {
             this.selectedItems.clear();
@@ -6722,7 +6741,7 @@ class DuetCombobox {
             this.value = this.processedItems.find(item => item.id === id).value;
         }
         if (emitEvent) {
-            this.emitChangeEvent(id);
+            this.emitChangeEvent(this.value && id);
         }
         await this.updateInputText();
     }
@@ -6786,6 +6805,7 @@ class DuetCombobox {
             this.input.value = ""; // set value to empty so that cursor position follows accordingly
             this.input.value = await this.getSelectedItemLabel();
             this.input.scrollLeft = this.input.scrollWidth;
+            await this.input.setFocus();
         }
     }
     // Event handlers
@@ -6805,7 +6825,7 @@ class DuetCombobox {
     }
     //function that scrolls to the li element with the class "active"
     scrollToActive() {
-        const activeElement = this.listElement.querySelector(".active");
+        const activeElement = document.getElementById(`${this.activeDescendantId}`); // this is undefined on 1st keydown, make it be valid to fix the issue
         if (activeElement) {
             activeElement.scrollIntoView({
                 behavior: "smooth",
@@ -6879,10 +6899,10 @@ class DuetCombobox {
     }
     get element() { return getElement(this); }
     static get watchers() { return {
+        "listOpen": ["popupMenuOpenHandler", "processListOpenChange"],
         "activeItem": ["activeItemHandler"],
         "items": ["processItems"],
-        "value": ["processValue"],
-        "listOpen": ["processListOpenChange"]
+        "value": ["processValue"]
     }; }
     static get style() { return DuetComboboxStyle0; }
     static get cmpMeta() { return {
@@ -6898,7 +6918,7 @@ class DuetCombobox {
             "multiple": [4],
             "items": [1032],
             "formatter": [16],
-            "value": [1537],
+            "value": [1025],
             "minCharacters": [2, "min-characters"],
             "openListOnClick": [4, "open-list-on-click"],
             "filterType": [1, "filter-type"],
@@ -6911,7 +6931,7 @@ class DuetCombobox {
         },
         "$listeners$": [[4, "click", "handleDocumentClick"]],
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["value", "value"]]
+        "$attrsToReflect$": []
     }; }
 }
 
@@ -6960,10 +6980,10 @@ class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (hAsync(Host, { key: 'c532807993d52b8f0054daa3af2c7f80e61fa810', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'bdd79055f3abe795b0ea44a9d7fdf7b08c656b60', class: {
+        return (hAsync(Host, { key: '74f85ad21c040a5a98dee8c360b9958be3109855', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'd11d8de783ddd26e09d9e96923dc781f569e93f9', 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: 'f8d9f6d95737f5c485222a502b9d2502ede2a1cb' }, this.name && (hAsync("duet-heading", { key: '10f87bf9b703fc0a609424b9d29130331b6151d8', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '9681851717e78eda1148c1117abddb24b4c12aff', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '6bf8e40774ac3672d0e74b1e251e8c48e70762fb', class: "email" }, hAsync("duet-icon", { key: '2065dcdc7368544f350baf4635052d8c52c4b79d', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '552d329f8d98ab48633a920b6ca39737a7fc1f75', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: '8670d1b4a2672a8921f4e4a49291873094261b7b', class: "phone" }, hAsync("duet-icon", { key: '3428663c19aeab970654ad2ddc5e9e33a0a41259', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: 'f314ea75ea7d635b4fc128716dcc0aee5ff7b254', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: 'e2345368c3ba15cd74835e2aa61923038b3a205f', class: "call-to-action" }, hAsync("duet-button", { key: '921f29a51d7a163a2246b451c3cae550cee443d9', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: '9d98b0a893846972eac2a2285ad39e6f09a52fde' }), hAsync("slot", { key: 'cf3781665288e173c754529dce701b834631c3a1' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: '7e934c796778de29e95e94bebec6937048b78566' }, this.name && (hAsync("duet-heading", { key: '26031bfeb5a46a69ebba836bd1cc714b077bb121', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '8768df03c1a5dfb04cdf1eda46da5a327bbf3324', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '92235e6bd3a7012a478cfd8100e4f5701f9ea950', class: "email" }, hAsync("duet-icon", { key: '3fe17e7cc18b9f724be2627dcb4e0adf667aaf5b', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: 'cc356db4a9b7f198504873d3e335cd6f83d7c70c', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: 'b9e6b3cc84f4aa81599ff5b7cd626f3e5f03ab33', class: "phone" }, hAsync("duet-icon", { key: '3223b182ee564f36ec8994536981eb6bc9fba82d', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '2396ee622e62c5a5be8dde2ecc9edecbb823cc9a', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: 'b5d4135434a9627822c9569ae9945bc5c3c2441a', class: "call-to-action" }, hAsync("duet-button", { key: '7ebaddbe3b97f9916fada3f248c343eb7bd6bdde', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: '12212314eff53718f85f30af84592ee6447b6b7b' }), hAsync("slot", { key: 'd1d55182364ac381b7f4ce0bcdecc6c0643739bc' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetContactCardStyle0; }
@@ -7969,20 +7989,20 @@ class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '4da3e5f66820460f1ef0493f60f630c76d818473', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: 'ed739d61e287215e42e4506b4c71595540bc361d', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (hAsync(Host, { key: 'f1f3d444a12a63dc805ed39d5df2127e5bb1a6b0', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: 'ee4f9a2ecd2929ec5c3a8ef1451d576455fdeb3c', "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: '2bad3be10867df4d945fd05b0dc208107ed6a792', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: 'd6cc673f67359ddd2ee7e5edd740de0c465e1ac8' }, this.label), this.caption && hAsync("span", { key: '1831049370a39c6d8ac1e63cad3f56516ffa2073' }, this.caption)), hAsync("div", { key: '58aeac7ddfee203189ab2e9f9d796b370de6ab89', class: {
+            } }, hAsync("legend", { key: 'f28701a95d80391e51b4da87c959632b5a8d1ffb', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: '00174cf4da53b36e02cbb1baa6e7f394e4837013' }, this.label), this.caption && hAsync("span", { key: 'c9cd441e8bca0154ef1813ddfbde9dfaf340c5aa' }, this.caption)), hAsync("div", { key: '50f3f035319e6d60aef074d6469e4a61577fc15b', 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: '5572f59933addae60637f304ffb1dc900313375e', class: "duet-fieldset-label" }, hAsync("span", { key: '35c227c6950d0d5f2717a967d3d660022ef91915', "aria-hidden": "true" }, this.label), hAsync("slot", { key: '1e0b4cff03a36a0e101e972b36d5bbfeef399e7f', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '139fb6fddaace73d9ef5e0d6c3c07b5281641f65', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '4603eb768b61f4b6b342c5b08549dd708bcc2c1b', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: '6e0732f202a8228c0b5c10d2dfe54f072e829837' }), hAsync("span", { key: '90b501fd275d5bdd63a500c2478e0831b48f2fbe', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '55be98cfad770433b98a20fa045e1bcb15433441' }, this.error)))));
+            } }, hAsync("div", { key: '3295a828e865f3a098633a3dc6ef7a3be348aa26', class: "duet-fieldset-label" }, hAsync("span", { key: '72f62a24e4815ff4a9807c030c32b6dedef0d667', "aria-hidden": "true" }, this.label), hAsync("slot", { key: '890f95bd218c8b0bbdfc1a408c1449fa2b56afbb', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '8dc56ad89eb4bac4a5e4563f45200a8d2993dc47', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '2321bfb5f6e91b96fbdf2514e697e9de2265b22d', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: '27c31b44f71cdf4b5a4a7902c4df395f175f2e8e' }), hAsync("span", { key: '31d68af77217b877f00493b906a41a03eb67672c', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '131471978f9b59dad56ad633dd52609578c66c62' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetFieldsetStyle0; }
@@ -9609,11 +9629,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: '31c5135f5c8950e7289e947331edfc1f27086274', class: {
+        return (hAsync(Host, { key: 'e2a6207edfe7af905325a3fe412f97a529c93ed8', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, hAsync("span", { key: '5cf6bd4d1d466181ee1e7277a043b1c0bb0d46ef', "aria-hidden": "true", style: styles, class: {
+            } }, hAsync("span", { key: '0bd4b9de6c7c4fb0a2663fc16d742e9e0223aa5d', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -9622,7 +9642,7 @@ class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, hAsync("span", { key: '3742ad60c14b0f10d67cc2ca1c22b1446ffc6725', "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: 'dca93a95c7f578585dcd6030f7d2bbdf50766ed5', "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 {
@@ -10139,7 +10159,7 @@ function isInternetExplorer() {
     return "documentMode" in document || /Edge/.test(ua);
 }
 
-const duetLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
+const duetLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
 var DuetLayoutStyle0 = duetLayoutCss;
 
 /**
@@ -10186,23 +10206,20 @@ class DuetLayout {
                 center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, this.hasTop && (hAsync("div", { key: '97f256b275cea1d8303d3c2b2fafcbc83ab17227', class: {
+            } }, hAsync("div", { key: '0db8d45f16f7bec516c0b831393cb05f962bfdb8', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: 'b65a92ce153b41318cb757b3457dfc470c11c4c6', class: {
                 "duet-layout-top": true,
-                "duet-m-0": this.margin === "none",
                 "duet-center": this.center,
-            } }, hAsync("div", { key: 'e08dfb887503e2db0e2d315bce69c4243ca0a368', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: 'a0a214dab158a6228b6d8e69a4ae77b51dc3da68', name: "top" })))), hAsync("div", { key: '37a6738ab3a9695408026c8d83bbc1dbeb17490e', class: {
+            } }, hAsync("div", { key: '777fc5b75ff85428b7234d94739f7471f5dc8011', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: '513fa6d80b00980efc02c454889726f24b3af6a9', name: "top" })))), hAsync("div", { key: '8d24cdd9f0a38cadf71cf74df0f44c547a9fb4f3', class: {
                 "duet-layout": true,
-                "duet-layout-has-top": this.hasTop,
                 "has-sidebar": this.hasSidebar,
-                "duet-m-0": this.margin === "none",
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("main", { key: '9250e251d618850e3ca2a16c7e15f0d921b1cc0f', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: '6bd2301fc4f57c18bab92ce7278ec037f38971d4', name: "page-heading" }), hAsync("slot", { key: 'd37514f4cc602e46ecbc78e87647076c9e550c94', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '6ad7bd59e98bfe3123a1cccce343fb0f158387e0', class: "duet-sidebar" }, hAsync("div", { key: '6476ae186902b93bac02f5512c33ca2419202d8a', class: {
+            } }, hAsync("main", { key: 'e98b4d6704819e6a07f5ccc7b29227d6623e2bc2', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: '642f458827bfce2732c708d5cff00b382180a202', name: "page-heading" }), hAsync("slot", { key: '929847b72cf01ed5be66b9fdc6e0e204281d0eab', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '9cf127c89c37b47642d7d3234476c16d5c38fd11', class: "duet-sidebar" }, hAsync("div", { key: '043863761695cf57b596ab6759e99ae32e09f432', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, hAsync("slot", { key: '4406fe27dbd20dd18448aa76800be82b3333c306', name: "sidebar" })))))));
+            } }, hAsync("slot", { key: '772f164951137306ec8289a095a829fd2fc0a87b', name: "sidebar" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetLayoutStyle0; }
@@ -10354,10 +10371,10 @@ class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (hAsync(Host, { key: '75eb01922ce99815e41ce9ad2debcd3a7adf0289', class: {
+        return (hAsync(Host, { key: 'd41fb8c7164bbecec224e9e2fa972eb7b1a293d6', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync(Tag, { key: '939df1d20c0a1e9beca877828c2e5aea3b6d6279', href: this.url, class: {
+            } }, hAsync(Tag, { key: 'e6918074f43470311a133ff2141b23ec25e927a0', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -10480,7 +10497,7 @@ class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("dl", { key: '1fe1ac541aeae071f5684e90937cee1a4be689d6', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: '166ca55ff1ca8e804357bf991b84ede3eac45d13' })));
+        return (hAsync("dl", { key: 'be789bab546df8b0ac070d09a5f5c47f5f428afe', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: '645ee0c7c623eeed042e25ac2ea7aab51ef1a2bc' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10530,14 +10547,14 @@ class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '51727fd3a93ff7c60c621ac1d7e7cc81f968c64c', class: {
+        return (hAsync(Host, { key: '8d0b6c3347c4a27c4860fab966fe6bc260b67a86', 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: 'efa1422d25f7b0b30977b274edd33c65ffbb098a' }, hAsync("slot", { key: '985fb259b41d4167c1b30101a8774672b3f04366', name: "label" })), hAsync("dd", { key: 'b2708677ba4d4b9695f44dea7249243db286552d' }, hAsync("slot", { key: 'fe82ff7e6aa8ba8862700260087dcc1e4cd9a5ed', name: "value" }))));
+            } }, hAsync("dt", { key: '2240e7c58ae5f995ae07f4ef72d1196e2098a01c' }, hAsync("slot", { key: '0bd7d924731a9f4cbe0583160ea8c36ef97cc810', name: "label" })), hAsync("dd", { key: 'c4c449fcf008b4d2b068fd36f0d3a982b43a3aac' }, hAsync("slot", { key: 'a655dde8debcffe6b0569772902072ede9790cab', name: "value" }))));
     }
     static get style() { return DuetListItemStyle0; }
     static get cmpMeta() { return {
@@ -10630,7 +10647,7 @@ class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (hAsync(Host, { key: '5d084305a0696301d4a6821758e0689a4c7cb24b', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: 'bd7ff8798ac2294e92714074abc3a40ac09f84a3', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (hAsync(Host, { key: 'cd53d85f163bc76250be1e5514b00bf6769e7f54', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: '8ec59c6823257e298b0e298a7d6eda2c40725d83', 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",
@@ -10660,7 +10677,7 @@ class DuetLogo {
     }; }
 }
 
-const duetMenuBarCss = "*,*::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;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(225, 227, 230)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77)}.duet-theme-turva .center{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)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128)}.duet-theme-turva .right{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)}";
+const duetMenuBarCss = "*,*::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;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(225, 227, 230)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:-1px;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77)}.duet-theme-turva .center{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)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128)}.duet-theme-turva .right{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)}";
 var DuetMenuBarStyle0 = duetMenuBarCss;
 
 /**
@@ -10799,13 +10816,13 @@ class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (hAsync(Host, { key: '6772191fb52ef833296d4591848722cdd716fd8a' }, hAsync("nav", { key: 'bbfd138c4487382bf33cd2a27a11abae07c1cd84', class: {
+        return (hAsync(Host, { key: '9a82d643e803955587245cdeab312b2e3cc0daf1' }, hAsync("nav", { key: '8c7c326745b8bc593357acbd1fd629b827f3d6fa', class: {
                 "duet-menu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 "horizontal-nav": isUsedAsAdditionalHorizontalNav,
                 hidden: this.hidden && this.hideOnScroll,
                 bottom: this.onBottom,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '0e76aa9cf8e2088809c32ffb889ea7bd0e65f328', class: "top" }), hAsync("div", { key: '3e0e929ab2dabd44122c86b3d89690084d49ee8c', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: 'daf3d473577d75062dbbdd2f4d277aecffddb806' }, hAsync("duet-logo", { key: 'e560ec5ffbd0ab8c03a2284c6f5c24be44304595', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: 'f90de1dde38ffad772fd1db9ef1949bd69651a17', class: "list center", role: "list" }, hAsync("div", { key: 'e21ef580e08ebefe3ff5a23da0a6df2d2714c2b0', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: 'fbfd2e2f6a9d69d0e5f0843d30f723beadde4c1b', name: "center" }), hAsync("div", { key: '6d232d47954eb7590982353aa05a869353cd5103', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: '14d79bc82134dd5449172dadccdd94e39508e3ce', class: "list right", role: "list" }, hAsync("slot", { key: '383cc225f16923f7538daf24ef5f5592ace15ece', name: "right" }))), hAsync("div", { key: '5042a82358354e9a77e5f7d022d47bf46e9c6250', class: "bottom" }))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'e24739d56af15972f61b6ab77023cc406065ca18', class: "top" }), hAsync("div", { key: '7417f19867c76f8892ba6afb4186f0f1ac63fe30', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: 'bb310c770913b93feaa0fa0eb6b7ddb4999a5768' }, hAsync("duet-logo", { key: '98d0d4582de1eae55df9525d27894c879905c9db', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: 'de2176bb51370d7555b957aaae4ba39f4edac589', class: "list center", role: "list" }, hAsync("div", { key: '754756436eefdf6c3573c140bf82efadfd52230b', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: '1b9d20d9511d4e256bf43032f7ca6e8410e92ff8', name: "center" }), hAsync("div", { key: 'b286c85435057052db5a16825e200f19a3362a45', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: '9f8c33c495e38d6e4097c09c241021f4dfac2e7c', class: "list right", role: "list" }, hAsync("slot", { key: '60044dd369d475608a15825dc4f4ab37002bb7c4', name: "right" }))), hAsync("div", { key: 'd2867a4033941a35a3c5aab6f513654c6d7ae46b', class: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarStyle0; }
@@ -10871,10 +10888,10 @@ class DuetMenuBarButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '010c3762832e9c231e6a5854d41fb1c7f4fa28c5', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: '6619916a523cc1fec742686d79f04ad770cc4fd9', ref: button => (this.nativeButton = button), class: {
+        return (hAsync(Host, { key: 'b75681de13f1b56aba468bbeaf6c91cff06f04c8', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: '8e420bc9b912c9086a8c2a8f630ca6adf00975cd', 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: 'b0d060dca6c2cdca71babf45905f4ef7e4329c57', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '938d21747a7753f9bbfc91e10d39ff0b716fec43' }))));
+            }, "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: 'd9d2925556a2dbc47b47bf619153776cc22748a3', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '84fc4d829c7c9265000de9c26f9b3eaaa49a0ee2' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarButtonStyle0; }
@@ -10957,17 +10974,17 @@ class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '0b4e584af1d151a1e50ec8d9e4b573ceaaccf359', role: "listitem" }, hAsync("div", { key: 'cdd13fd6b2c823bba5df313ba88c5b7d06db4ffb', class: {
+        return (hAsync(Host, { key: '159a72c1a2553cb3e60dc3dc0c65b26dbdb5f127', role: "listitem" }, hAsync("div", { key: 'f785855ea709c8c72a24bb21358f0c1d88f64ea9', 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: '5674f60fef98e6e184f2fcccc764deef331caa12', 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: '5bd18b653e56b118010f0d4666499248536c8191', 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: '2579445ac0540e1c097ad5af4197743ec84cb1c8', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '3f1783c651ff0c6d9350e4f69d38a029279c9aab', class: "label" }, hAsync("slot", { key: '321d0f11ab687b2324cfdd4320a48cc343ead7bb', name: "label" }), hAsync("duet-icon", { key: 'f3f61be24eec78ead6378f1810ec73f2ec8926e0', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'cb3e00c6342991645136a04cdc2a8075df1cb25a', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'ee1a6c98ef2fa2fd6cd8163bb0100679898343a1', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'c2580c2db45875b7aa575780a374d3f4e0d160bc', class: "label" }, hAsync("slot", { key: 'ccb43b624e73ef5787ebd4be857b6c8062542ace', name: "label" }), hAsync("duet-icon", { key: 'a22ff13f9b06f00a83bc8bdcba71e283b6d209b8', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'ef1d06be5ca34c8f4b08abca38c2a8cad73a462e', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '8c626d701bb71d84458580a3c17a50ea34c894ed' })))));
+            } }, hAsync("slot", { key: 'd433708b350f67749fd32d1db41a0e0f24f2a664' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownStyle0; }
@@ -11027,11 +11044,11 @@ class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '338a7ca1c696467944414aaf0ecdf7628803dc2b' }, hAsync("a", { key: '1160b7ac731c82021899fa8d7c49b9f47517b942', class: {
+        return (hAsync(Host, { key: 'd465ea161313c153d8d4d829f94fc48567a9f16b' }, hAsync("a", { key: '77aba96c14938f35bdc65b30a39a1c4798513b8c', 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: 'c82028bea753c8ef4199c146e8d30882284bfb81', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: 'fb472a9792cb0bcd581fac7ec95c08b5591034d1' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '760f86354100f4dc150606892788094ab5e393ab', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: 'd7e78f0c2a70ad6eb71c0929fe4254c48dbd0b2c' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownLinkStyle0; }
@@ -11083,11 +11100,11 @@ class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (hAsync(Host, { key: '8e7241649b951194c60825a37fe5510977544e0c', role: "listitem" }, hAsync(TagName, { key: '5b09cb58b5161434694f4aed6d07d0c4e1b1cd55', ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: '61c0988644daa9a5cbd52db81fe2b158347d691c', role: "listitem" }, hAsync(TagName, { key: 'dc943150a89fbd84b002cfc41e5158403aa24dc9', 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.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '09390cfac47f512732ef0e06d619dbbeeaf78e85', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'c40f41f6be5fa7273bcb2c74dc7eabbf99b8497d' }), this.trailingIcon && (hAsync("duet-icon", { key: 'f5df545b4fab627ee14271992a8372992a78268d', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '575cc29397b227cbcf0299c53cb7f2aa5ab535b3', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '53dbb1f8f6348906f6cf5a58b3e4f9670b0294fa' }), this.trailingIcon && (hAsync("duet-icon", { key: '7ee1c4e3032e1fe1f9a27a5b03cf4457a797534c', class: {
                 "trailing-icon": true,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
@@ -11138,11 +11155,11 @@ class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '0bd31ec6a4067c93d4aba6cc9f4944071a7941e8', role: "listitem" }, hAsync("a", { key: 'b3457c0d37c58608940f7c4393bf527fd64a3bff', class: {
+        return (hAsync(Host, { key: 'fcc0c89c9c6e809e8b2bb0a264146d81e8c93c6e', role: "listitem" }, hAsync("a", { key: '1d290fada8ee026de4e189c9f937a2aca26467c8', 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: '2c208b3c951b892fb2370804517d0f0ade12c747', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '8153a5aa5771e0337219a845d80e5c5733152594' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '4cdeef2295998ece7f565164f12ce598a6eaecad', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'f55132877b4b03b3861054f8165e9ae78b3e17df' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarLinkStyle0; }
@@ -11393,18 +11410,18 @@ class DuetModal {
         var _a, _b;
         let iconColor = "primary";
         let closeColor = "secondary";
-        const closingButton = (hAsync("div", { key: '1dbe12d292a5d852cc15d465a9a66f5965af9430', class: "duet-modal-close" }, hAsync("duet-button", { key: '468e6a8ffbaebd63b3b4a8ee7af2a56adc95ca33', 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: '1da278102e1c18bced35701804e9217102015179', class: "duet-modal-close" }, hAsync("duet-button", { key: '8a90526b27671c22fc55532ddcb94fd3c1e32606', 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: '71d788e920473696ea1178fd1f4d531332c0278d', 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: '58c17910a720462e06df9bc4b987c2e889c89d8f', 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: 'dc0d466574cf07bd5b2442a969e2309d1f4c3b84', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: '9412b5b6e861150f01c81fbd495a1deca1576301', ref: modalInner => (this.modalInnerEl = modalInner), class: {
+            } }, hAsync("duet-overlay", { key: '914408c9f5bd3059edf6197e12bb51827be71395', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: 'cee4a64292d3212c0913fca099acdd6da119a300', ref: modalInner => (this.modalInnerEl = modalInner), class: {
                 "duet-modal-inner": true,
                 [this.size]: true,
                 "duet-modal-slide-up": this.variation === "slide-up",
@@ -11415,18 +11432,18 @@ class DuetModal {
                         this.closeModal(e);
                     }
                 }
-            } }, hAsync("div", { key: 'cd7f79907611d3f5d06c95b9288d3d078e12c825', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
+            } }, hAsync("div", { key: '10aadd51aa5a43d7158b2ba901e72dec73dff0c1', 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: '7836985c408c6f18fc389f3965a4b41d6eb59b3d' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: '9d54f33d50e94607e2ef8517670f723e6602b628', class: {
+            } }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: 'fb858b05b255dc1928c79212ac0460dfc0bc2fb7' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: 'e30440c57234f2f47213b1443939bc334f6984d2', 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: 'ad9468551b2c57c08c2a4a0e412de18472d59795', class: "duet-modal-header" }, hAsync("span", { key: '9c6269ee1ca066e75d630a033692daa3d7e45e2c', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: '59df4f56690160cbf5540000a4df88079d934cdb', name: "top" })), this.icon && hAsync("duet-icon", { key: '686b798b952df7dbc87a678bc20a46d2856bd047', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: 'd54b10219d4a823f7d60ace3ee304e920578ed19', "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: '86418e12b9d65d5812eb3ced0f08a9d1cd9d3427', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: '3aeda44a3313984a91ec59d3f9455408aa4b7fe7', size: "large", color: "primary" }))), hAsync("div", { key: 'f130a5ad99bade63e75eb33a6e52d65d5e2267c0', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: '38d1e37735093ca54cefb2c0fcea95bcf5031e7d' })))))));
+            } }, hAsync("div", { key: 'c905a56349275111b507b046c34db4d99befff51', class: "duet-modal-header" }, hAsync("span", { key: '481ee67583a42d430318be206b08d3976eb9bb4e', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: '55f8c5bb8575960783ea74eb7ea882aaad8bddea', name: "top" })), this.icon && hAsync("duet-icon", { key: 'c488922a98c16bf38e06085f1e9a673b12cf9b82', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: 'b850658878de554dfc27a4978e34bfced4432e00', "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: '4355986a4863d9f0d8359b95def6411f65d5c314', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: 'cf8f38d7b53c41cca414993f4a16d709c197f95e', size: "large", color: "primary" }))), hAsync("div", { key: '08c10e61fe189fb99f218eac37ace4084141b94f', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: 'f7c981e29d90accd5e7313a3f26de39788225287' })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -11691,23 +11708,23 @@ class DuetMultiselect {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '2a90b452b9d7391f8b3b51c9e7d38879625f2c22', class: {
+        return (hAsync(Host, { key: 'd88436c71fa360266440b8574bb2d35536cc65bd', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: '72352a45a7c3aa35c57dad3cd9f49cbc1326bcbb', class: {
+            } }, hAsync("div", { key: '212b648e8147fb2e58294009eb8aef03556f8684', 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("duet-label", { key: '4865ef539aac5a0d6dbfc9c828b4f718f16b4391', 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: 'f8b0a426fc97ca162e773e13940881a35eb9d786', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '81aeb3000ae7199a964aea1ac388c38e84a4fb2b', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '625d9d084517db0c1189934efce03ba06de02db3', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '21c2b0c5bf3d9b3689c248a719cef7ec3b537ee2', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '63a1a064c7929f8237a49c3eb2bccce0cdca39be', 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: '57ceb2f7ae33662df4e807763d5cde9a3b22a542', 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: '125251bf4995ecba0a021b518cd19a841adbb9fd', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: '37be16e7841d44731819861a5b51e0d9314f991d' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: 'de57fafe4aed5e3b87bec5d33bac362720272941', 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: 'f00fa8753e52fefe18caa53e09b5fadf6de5ce9d', 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: '17515783075704f82fdae08d8df693cb024f7722', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
+            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync("duet-label", { key: '9d4bec69691f6adc615c9366e86abf5f59fc39a6', 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: '3ba3a824ae8535ecafbfc73d0477da38e8146867', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'c8fccccab9473eeb7d81b2b947b6732f6fe31111', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '7ccb8a12ae76b75762161f444d3a058be2d35b84', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '1c61620d8dfeec8fdc4448028951b9a1a4a9968e', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '3f2902a54d79a81144128cae9b62641ce234802a', 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: '04aec38aa6af20357b28bee3373c830bd34c0580', 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: '3dfe64b81ce62342b83ec4ea44bc1a1ec7544355', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: '1dbd858425faeae0a323b3313913feec214549cd' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: '40b599d5cfa8362c2edeb63aa59c9be3cecf3e80', 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: '6c28e4b2bb0c486a8698fa0615fff12df29e157a', 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: '6ea881d05fcbdeb899a1eb41b84f8b9653446eb4', 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: 'f5c329ddb8ce083aae2aae7f9c9b1837c8b1054c', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: '7a0f040a8209539d9dfe60b443470b35cb86066f', 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: 'd2586f52f22ec20c3dca4006497e53252e8cc3c4', 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: '63392964c348477e8b375b96084d4c4cbbf2143a', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: 'b7e0f951cd805058fc5ba9376ada31d42dcceb8e', 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: 'a8d826e0afeaf86fbcaa2289f41ffeca9cd04b43', 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: 'b2c2c04e9e985c1c1215b7d9eb144d202644a293', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '9a58aa5c2bc42cc6d7c69b2fa5f616fbddae4703' }, this.error)))));
+            })))))), hAsync("span", { key: '78597a6d044e0186dcb06a22bdb897884e24739e', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '6b33900eb2e81a104b8370a520aaf378d18155cf' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -11776,7 +11793,7 @@ class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '925ca1d521d5335df3d278e2f48d2193cc55cc25' }, hAsync("div", { key: '8fecbad03cf107aedec51281333d468522529c12', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: 'b9f0bd0baee561747192ab5ed2ec1430a55e69eb' }), hAsync("slot", { key: '61b7f4ee44f4527b53ba42cd24f149bbdb2d0d33', name: "mobile" }), hAsync("slot", { key: 'bbacd508275e4ba6290f8dd66f0a657d5e647156', name: "desktop" }))));
+        return (hAsync(Host, { key: '478d3e1e1531078b464aae5753629362fc516832' }, hAsync("div", { key: 'be95c4c6556145aaa36f8191183fdf8f42e1f67c', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: '1fbc5c81afb252eee8adaf26e7e77108de0995bb' }), hAsync("slot", { key: 'ef5b3ef2e502f1990980ff8d3b4cc487703a76ca', name: "mobile" }), hAsync("slot", { key: 'b50d92d4f5a7f166f66178bf4cf7b03c6aa48692', name: "desktop" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNavStyle0; }
@@ -11835,11 +11852,11 @@ class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (hAsync("div", { key: '7c7b69217ccc0410e4d2a3b33b241e0657a502d3', role: "listitem", class: {
+        return (hAsync("div", { key: '422e04582691291269942900a1279c343aef0fd6', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("a", { key: 'cdf2aa9efddcb0471a0a967feb2534a3c37a93c4', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: '668b15b89a94d14dc95f763e71db811832aa8df9', class: "duet-notification-container" }, hAsync("div", { key: 'ed6d05d93c06e30bd35b5d0c8e00ea310b6d20a1', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: '28834605820009251e38ab8fc51f6cb91161ada6', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: '613ae447d1252abb249ab19e2f08196f86c1a55c' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: 'dece54d84ef9cb9306bff4932a0373d14fc67bf0', class: "duet-notification-content" }, hAsync("slot", { key: '43d66402c4b87e0bc492e56178fd59b57fb2410e' })), hAsync("div", { key: '04a0d2f31316d13ea68ee2b6de3d26f128c63113', class: "duet-notification-date" }, this.date)))));
+            } }, hAsync("a", { key: 'ca0b58b6e37c962ed94b50f7ec8984b2213f1156', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: 'dc7f017341005cc24213cdd7bc205e379b8887eb', class: "duet-notification-container" }, hAsync("div", { key: 'a6b105d9df9c08ab0b3080bf80d65c695fe6acd8', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: '9a65564d31555396c437147ff3f69811c358ff8a', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: 'b37d3a8df717072e9a8b1df03966f7f3874f5b57' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: 'efedb3045f0522eb5350fd987da79b3247470bdf', class: "duet-notification-content" }, hAsync("slot", { key: '8ccf0b0088d6fe2729948d5bca6fd4b35db7b7d1' })), hAsync("div", { key: 'a752d182e944651bf0c5e6531d992a03acb743b0', class: "duet-notification-date" }, this.date)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNotificationStyle0; }
@@ -11957,10 +11974,10 @@ class DuetNotificationDrawer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '9630eb1dc5e08775957ccac9822cb72c129e524b', class: {
+        return (hAsync("div", { key: '181a6a82f04afb895830cf36e265a4f770f05188', class: {
                 "duet-drawer": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: '8b07b937da50cf3ad1d3dc447fd1ed96402f251d', 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: 'c11b7256d445ad06da88c8b4f58eec225c1ae7d9', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: 'dd2f20c37d01b52572bb4928770cb9259b2c6a50', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: 'd4da99aeb8bf07b4840ac76ce3d0691be3dedcd2', class: "duet-drawer-badge" }))), hAsync("span", { key: '47c6df40631ba9b0410acf27f88c229d97d31ec9', class: "duet-drawer-label" }, this.label), hAsync("div", { key: 'efa2f3f60ae80b313069e37711bbced9d2a850eb', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '22a85823a808bf6bdff1342476ed39ef53bc18f3', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: '31645dd77653b2a31b175a527b3c392580904813', id: "duet-drawer-content", class: {
+            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: 'f4276d12063ff62d10998b80cd7621c3ceadc302', 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: '0c1a27d913b2ba53d8f6ef2eef3f0d05c251fabc', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: 'c32b7ae6a90f0d32f0d6b46aad6e9ba0fb0bf952', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: 'e698da96829cac38cfeab0a15734f3be7a679455', class: "duet-drawer-badge" }))), hAsync("span", { key: '2725ba4970bcc2e6213f69c64d25a3dc7d9f005b', class: "duet-drawer-label" }, this.label), hAsync("div", { key: '71ae5369660c95fed7635cb7d5ae25fa5b9dde7a', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '1ac223f256804f95ff4a35f8fc115999d86fec8c', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: 'aaa99d0c45b1f8218f0f999c9558f374799dc6a5', id: "duet-drawer-content", class: {
                 "duet-drawer-content": true,
                 "duet-drawer-right": this.direction === "right",
                 "duet-drawer-left": this.direction === "left",
@@ -12421,7 +12438,7 @@ class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '44cb99c20a2d966204b1450dabe1e8d06d434874', "aria-hidden": "true" }, hAsync("div", { key: '33d2486952c9756eee5e6b42710aca5763d72134', style: { zIndex: this.zIndex }, class: {
+        return (hAsync(Host, { key: 'b97ad015b5683c5bf102b82383615099b3c3c8e5', "aria-hidden": "true" }, hAsync("div", { key: 'c41a21343f6350020a9deb5c1208aed416714531', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,
@@ -12480,12 +12497,12 @@ class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (hAsync("div", { key: '29388dc76adf582ffc0c740e5aa5de47acd172d8', class: {
+        return (hAsync("div", { key: '9d96b26d203b8d57c0869d095572ec670ac5118f', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, hAsync("div", { key: '4e801223af0de7ca3a5769be9bc301780456c355', class: "background" }, this.theme === "turva" && hAsync("div", { key: '50806ffa6f4c5bb7fabce5e9e905666f892e4918', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '0e8a41703460f97a1450564687d16ba5efabcb77', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '8ffbcc8fb0c4aa7b3caa062053cd880375ae12fb', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '8014cb4af987c4cc71a0443bdafdca54f9536be5', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: '829eaf116a734165393a70782266df6d0ab85484', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '23c3d146c237f9929b71fe2c22f36b77b6afab6f', class: "heading" }, hAsync("slot", { key: '325ae5ac88d1a6e66fd3bad80b101703bbf69175', name: "heading" }))));
+            } }, hAsync("div", { key: 'ccae0c1de7c79e9af8be98af89e5e98624a8cfe3', class: "background" }, this.theme === "turva" && hAsync("div", { key: '3b1579dc4acdc50baf1bec8cc5e9fc82c4380807', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '987fd998a596513fd8c3c5de61d6d24b6b44b504', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: 'b1ba4eae34659ef4662ad34bbb93fd46139a159c', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: 'dfb95409b76b02cde19eecaaaef50a9c618ffc51', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'decdcbde482844fbb493010ff2e7fbd9a26c83a7', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '0dc922a094e4f7d0e1b68d7e72675ec83ed14e1d', class: "heading" }, hAsync("slot", { key: 'f1922d4f41d344867b4c336faaf1acbf94b3b4d0', name: "heading" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPageHeadingStyle0; }
@@ -12838,32 +12855,32 @@ class DuetPagination {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '238ac01f83f3e796534c0ef17857631a329f6a42', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '2db66f288ef50d588016e131d548b22a77f99dd6', 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: '756ad0511064e85742b3bb271bdd2a468f3f1eb0', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '4d235370cef9fc2b6d9448b2b02a02eefc04b97b', 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: '4c03feef0a35eaa9ec13e5c3d5103ae1facbd832', "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: '6ac1a80080fe006f2c576999b9ef0718c6339a04', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '0ebf21ab341811673ea978e22a085cba7eaaf75c', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (hAsync("div", { key: '4e98bb73d78c7cb713ac1de78d9d5ccbdce1687d', "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: '9d16f94604abbcfbbd8b538395e46c024b88c0a2', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '7bbec70a660779cabba7847dd76732e9bfb71f1b', 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: '63a2904ccc7d0c008332625069c9083610c471ab', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '974c29ddf4de1b7aca6e24f289be9fbb4177eb56', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'fd709f59213de7f819c05b997b84d8ed39ec4566', 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: '7000cadb2b9214ac7e460fc9df1893017243aba5', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'd8fd5f3a859d470c11c15ae197313cc6c8983fc2', 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: 'c03e92b8f6ba758dd49e881380c964c87f155dcc', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'a1fbc90286ef69e26c2050f5dd1e77cfd5f8496d', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '71b346d9a35b397951223fb32bdd449441dab0bf', 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: '6c3b28e93bf637ceeb7c58fc743f381ef1db509c' }, hAsync("li", { key: '33f0f34c511b50fd228ea44bf6f4feb408ede264', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '746eb995e69baaf75b731923c1827a995fc2cc3a', 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: '067f6fb84943bf3f448f0474041ae821871fb8a2', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: 'd8a1df197cee21fe581338838587bbdb8800d874', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '464fc5efe12433ea2ba6d3c287ecb5e2110626d8', 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: '0c6467cfe44e34a16fcb222040ad894f4733a799', 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: '0bc436817f1dcb0fddc29e58e55b41b0829969ed' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: 'acaac82b2aa83002ea653aa9cad50488124405ec', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '4bb24fe4575b9bd1673a51413d40826be404c6b7', 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: 'e044660e2a3ece57534cdf03382241a986c319a9', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: 'ec2abf76d2fec68bf91289013be139ba4348ed0a', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '06dec4fc55486effcff9f16fe9118e4e920edd66', 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: '142ba228678916f8f9a69de0c8f38430c6db7623' }, hAsync("li", { key: '6e2370fdf3f65c69d30ccee081b6426c12267a11', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '887ee7242f007578beb3b1a59702ab619d0a7e5e', 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: '0b5d04b555f074972abcc93a70a0d80bdadabcd4', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: '3cbe3bbf9ef3406f2a98aa736f692aaf87119857', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '462643a69aeecc463a23ba22f0bf79ea8c4456c3', 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: 'fa748ff5b134b6a0a3a4550f0073fbf45baf2337', 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: '0459e62e54d351fa5f22afa7afb3a3a6027df6c1' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: 'fb76ad813a83768da7a52230342170198efc321d', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '14b9164e41b63d0adbbfe5ef29074a46695a44d6', 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: '551f91a348760b5101e88adc3a3d8a3d692fc804', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: '454ccc661d104be10d0a3908fa7516e1f627fb57', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '01eeca39b9de17e25c39ffec6296c26920b86380', 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: 'd92331de76576b275c1189fce2634abf12f49eb7', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: 'ba8c5fa8c6a228e7585c1d6bd0a913b92174b7dd', class: {
+                : undefined }, hAsync("div", { key: 'f4c0ca8a738f21233a966611c8ce15d7f776c7d7', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '3dc850213f9f9c7aac8cabba1901740d6068cdde', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'fb7c84dfeda7e02cd891269391b07cefaaa1a4e4', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'ddf5b89fac538ccdae84e031bea7a2830f656bc0', 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: '45f6d91ce4a38bc672c600b11ce700a383154d0b', 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: '78c2482a7d36358e53000e55c19057c2b4585165', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '0168ec664180f13c8ed94f258cc24277c46daa32', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '330747e12a1e3d8bc0fb74f3945d99c06d8132d0', 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 })))))));
     }
@@ -12937,7 +12954,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: '15e61ed3ba7f3ce62cf3ecd38fd313875b3b49b4', "aria-describedby": this.id }, hAsync("p", { key: '9f2c19ee2b3fb5693d56e5359ef2d059b1a1349c', id: this.id, class: {
+        return (hAsync(Host, { key: 'e9f8164c6795c950d1f1340cc8a723113f2e231a', "aria-describedby": this.id }, hAsync("p", { key: '87942327cc0a685a6d1435adc090b8c0aa5c54ac', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -12945,7 +12962,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: 'a6e89e000ca0cfbdfc22a2fc3dae50c3e38ff284' }))));
+            }, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: '858b0de4a678c0320e76f1479d7e9a7202a749ac' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetParagraphStyle0; }
@@ -14325,7 +14342,9 @@ class DuetPopupMenu {
                 const button = element;
                 button.accessiblePopup = "true";
                 button.accessibleExpanded = false;
-                button.setAttribute("trailing-icon", "action-arrow-down-small");
+                if (this.controllerIcon) {
+                    button.setAttribute("trailing-icon", "action-arrow-down-small");
+                }
                 this.openButton = button;
             }
             catch (_e) { }
@@ -14362,6 +14381,7 @@ class DuetPopupMenu {
         this.position = "absolute";
         this.mainAxisOffset = 0;
         this.crossAxisOffset = 0;
+        this.controllerIcon = "action-arrow-down-small";
     }
     /**
      * Component lifecycle events.
@@ -14380,7 +14400,9 @@ class DuetPopupMenu {
     disconnectedCallback() {
         if (this.openButton) {
             this.openButton.removeEventListener("click", this.openButtonEventListener);
-            this.openButton.removeAttribute("trailing-icon");
+            if (this.controllerIcon) {
+                this.openButton.removeAttribute("trailing-icon");
+            }
         }
     }
     /**
@@ -14484,7 +14506,9 @@ class DuetPopupMenu {
             if (this.openButton) {
                 this.openButton.accessibleExpanded = true;
             }
-            this.teleport.makeSiblingsInert();
+            if (this.accessibleRole !== "listbox") {
+                this.teleport.makeSiblingsInert();
+            }
             this.updatePlacement();
             setTimeout(() => {
                 if (this.accessibleRole === "menu") {
@@ -14502,7 +14526,9 @@ class DuetPopupMenu {
                     this.focusOpenButton();
                 }
                 this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
-                this.teleport.removeInertFromSiblings();
+                if (this.accessibleRole !== "listbox") {
+                    this.teleport.removeInertFromSiblings();
+                }
             }, 200);
         }
     }
@@ -14524,12 +14550,15 @@ class DuetPopupMenu {
         return -1;
     }
     render() {
-        const positionStyles = {
+        const styles = {
             top: `${this.menuY}px`,
             left: `${this.menuX}px`,
             position: this.position,
+            overflowY: "auto",
         };
-        return (hAsync(Host, { key: 'dbd5d6ba344124704ad5798622aeed8e2f1edb1b' }, hAsync("div", { key: 'a59dd98042f84b7460956b4b94870691f7af399e', ref: element => (this.menuElement = element), style: positionStyles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, hAsync("slot", { key: '2a0d9c72cc78e95918685a0b13f9c184d352867e' }))));
+        return (hAsync(Host, { key: '389d4d1b46db081d29a7fa8d57fd65f9c113f7a9' }, hAsync("div", { key: '8d5e47a1dac1f4a7b17aed4aa69afed4cfa44a39', ref: element => {
+                this.menuElement = element;
+            }, style: styles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, hAsync("slot", { key: '09fc711a6dc838d9e345a694c5e45c09a01bf4ed' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -14551,6 +14580,7 @@ class DuetPopupMenu {
             "position": [1025],
             "mainAxisOffset": [2, "main-axis-offset"],
             "crossAxisOffset": [2, "cross-axis-offset"],
+            "controllerIcon": [1, "controller-icon"],
             "open": [32],
             "menuY": [32],
             "menuX": [32],
@@ -14565,7 +14595,7 @@ class DuetPopupMenu {
     }; }
 }
 
-const duetPopupMenuItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-popup-menu-item.active{background:rgb(243, 249, 252)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 245, 247)}.duet-popup-menu-item:hover{background:rgb(230, 242, 248)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}";
+const duetPopupMenuItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-popup-menu-item.active{background:rgb(243, 249, 252)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 245, 247)}.duet-popup-menu-item:hover{background:rgb(230, 242, 248)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 var DuetPopupMenuItemStyle0 = duetPopupMenuItemCss;
 
 class DuetPopupMenuItem {
@@ -14605,6 +14635,7 @@ class DuetPopupMenuItem {
         this.trailingIcon = undefined;
         this.trailingText = undefined;
         this.active = false;
+        this.activeDescendant = false;
     }
     /**
      * Component lifecycle events.
@@ -14630,8 +14661,9 @@ class DuetPopupMenuItem {
             "duet-popup-menu-item": true,
             active: this.active,
             "duet-theme-turva": this.theme === "turva",
+            "active-descendant": this.activeDescendant,
         };
-        return (hAsync(Host, { key: '35289f7f89fa2e759761d2b5309c1c50903cde81', role: this.accessibleRole }, hAsync(TagName, { key: 'dd0cb6088ab305ed97ff28598ca5424893c71aab', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "menuitem" ? -1 : 0, 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: 'b877792e8c47959bfa240713f74a510930630cdf', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '99d5337b72c8aa36a6ae2962e4112cf0158ea3e2', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'ca46da07ce9fdd7e9a080a1f592b213dac6e7ede' })), (this.trailingIcon || this.active) && (hAsync("duet-icon", { key: '22bdf49aaed6e82113dd096de1e8f6c730034c3c', name: this.active ? "messaging-checked-small" : this.trailingIcon, size: this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { key: '3ab96002796300ed841354ad491ec77c99be97b5', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+        return (hAsync(Host, { key: 'e53141f7390844d3bd55d5204d7dac9334248fdc', role: this.accessibleRole }, hAsync(TagName, { key: '73fe7bb5b8cc6fa57b12e0d210edc4ef25dd401b', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "menuitem" || "option" ? -1 : 0, 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: '3fd892272f52814da4c8f14ea7bec580a160e858', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '51b7da7f29ef0f85344e02b1a85aa185bca9b26a', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: '9a72c7fcaeeafe89741760d84c91382b31ab798f' })), (this.trailingIcon || this.active) && (hAsync("duet-icon", { key: '1ddf8f956adbe24208d16c33fe28fde167babcb2', name: this.active ? "messaging-checked-small" : this.trailingIcon, size: this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { key: '30aa34505231dbe1a78af9256920294e967a559a', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPopupMenuItemStyle0; }
@@ -14651,6 +14683,7 @@ class DuetPopupMenuItem {
             "trailingIcon": [1, "trailing-icon"],
             "trailingText": [1, "trailing-text"],
             "active": [1028],
+            "activeDescendant": [4, "active-descendant"],
             "focus": [32],
             "setFocus": [64],
             "isFocused": [64]
@@ -14785,12 +14818,12 @@ class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (hAsync(Host, { key: '15e241ca4500fba19ae5c931200d929f7c26feab', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '762dec6d01cff5f5850f16176f306ac1cbf2f4d2', class: {
+        return (hAsync(Host, { key: 'b73cdd4f3dcd554706a13aeaa706543b681529ec', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '76f17c86f64af2cea4a60ce9882f8e76bc475ab6', 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: '76e2710c25b70b7310756f47d072e762e88bc247', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: '699f6cf997f4a59c46fe2ede3a6b4ae74cab3ab6', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: 'bfa918f0068b2aec0496cfd9a681b8ff89ddbc4f', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: '4a5504dac64db3f856e37425b2af6bc88c82cf2c', class: "pre-heading" }, hAsync("slot", { key: 'f83e1dd97784f9544dcf8bc638d91da52e1552f5', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: '5588c3bf5dfb560a7b778a6bd644b67853b7d52f', class: "heading" }, hAsync("duet-heading", { key: 'f5940bc4f214466b485a1836683e1aeead0e87c7', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: '23f5ffc9111c2a40cacbb9b7c5b6bda3dd142b23' }, hAsync("slot", { key: '2b5c24d08332aa20d04287b5694e9bc03b183481', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: 'e076b2091a72aa687e188f96e26260d92a7c348e', class: "description" }, hAsync("duet-paragraph", { key: 'bbf71a9b26b3e84c028b53680c024fd3dd644761', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '73f2a19b25f92101b65d3c2a81becdb2d03c13ff' }, hAsync("slot", { key: 'a7da789756ddc98fec9cdc3dcd988a7d9b8ddcc4', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: '02e40e9d53bb5d954455a63340af25b95e5c2e03', class: "action" }, hAsync("slot", { key: '5db34d5353f04f26a5934c35f8a21dfbb7d753ed', name: "action" }))))))));
+            }, style: bannerStyles }, hAsync(TagName, { key: 'db345f3d904fc72e3f25618c91ab3f30a0b9e4c7', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: 'ac5645fb64cf5872e0735ce3d97939e37fb10f0a', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: 'c82dc662a938ca4849089a048c57caa8efc54531', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: 'cd9ce432bdf6f8ffaa63796a258837e9136e1ea4', class: "pre-heading" }, hAsync("slot", { key: '257b9408b4489f1cc79f503473a8d458a3cb5456', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: '1e93652845c4b65d0ab67a0e05889304064fd7b3', class: "heading" }, hAsync("duet-heading", { key: '9e40a46f24aadcee4d43fc36167ed434c2cc8e79', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: 'd230dbaecd853de2b4b58be416d720048b6ea43b' }, hAsync("slot", { key: '1f99efac6f9a6ebdf6e72066b50d3fe647dfc3f1', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: 'e61cf4abe59d58e15cefb7f7ff7aa573922154b0', class: "description" }, hAsync("duet-paragraph", { key: '9594eba29974b0176a2fc986df802c8a5afb43f1', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: 'e800d7bb777802912b16ad4f5c76bb7f9df8c9fe' }, hAsync("slot", { key: '709d27fb9d198c57c8ca8abbbaaedac0790483a8', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: '2a72594c99d4142f7b1f453df4e24ce794833370', class: "action" }, hAsync("slot", { key: '07f8ccc33355d4fc7be72c64fd758363f76f609e', name: "action" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPromoCardStyle0; }
@@ -15397,10 +15430,10 @@ class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '445012532d2a6b852f7d08b13eb99611532fe3d3', class: {
+        return (hAsync("div", { key: '43d93bf62ed3c3b091933da841d015662b158e50', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: '1f5877f95b12a10e3abf60bd7e27af705738bca6', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: '586bd002d9344e99cf366a49e5d2144ac06e66fe', 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: '96fff336833646be477a30c639d8674b27f168d1', 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: '0eb7fa8f8e1f5853a16c85f8d9670c70d531f13a', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: 'b89f2b93dfe5a510bf6acbdf30ce694ff1ac59dc', 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: 'a9d84ec5096ae382828ee82ba75bd558b08d49ea', 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 {
@@ -15629,21 +15662,21 @@ class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'e45f073935f1dc5ed9c7a7cfe10bf0c5f10bc02b', class: {
+        return (hAsync(Host, { key: '6a2f3a6f4036a13721ebcfbb3bb25b8643158e56', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: '59991362841374b6289f057ed20af29deddd9a5c', class: {
+            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: '4bb215f5191f36166ecd690b990d98d8b5734924', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, hAsync("duet-button", { key: '0364196174423e4e415838c766406ad5cee801f4', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '26fc22d06a9f9309531f2eb95f33197c24b461aa', name: "collapse-button-label" })))), hAsync("div", { key: '0675d0c8473a5da30b830dc02a16dab57e24c717', class: {
+            } }, hAsync("duet-button", { key: '5613531c8bf0412aa04c37ae90faa516b16b30ac', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: 'fce3a449acdf28e2a89942dc6a9acc436e457656', name: "collapse-button-label" })))), hAsync("div", { key: '39a8fc136ad07b789f6bfdd6901c1e806744a059', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
-            } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), hAsync("div", { key: 'e173cea4d9d7885e100240341d74bf154a7e92a9', class: {
+            } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), hAsync("div", { key: 'c3929264d3c94505dd43827593f1702671629427', class: {
                 "duet-scrollable-list": true,
                 collapsed: this.collapsed,
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: '11baceae175809b6f60d8c16ef5a33bd72db7793' })), this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: '3b0b1fde6ad0500b0bf893c4b4e8ae3ac90c426b' })), this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -15673,7 +15706,7 @@ class DuetScrollable {
     }; }
 }
 
-const duetSectionLayoutCss = "*,*::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;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}";
+const duetSectionLayoutCss = "*,*::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;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}}";
 var DuetSectionLayoutStyle0 = duetSectionLayoutCss;
 
 class DuetSectionLayout {
@@ -15688,14 +15721,13 @@ class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '6ba318c87d1857d74fcd7668a442061cb3582e40', class: {
+        return (hAsync(Host, { key: '3cdda64194aabb0bf4cef5f273b4eb35d956c63a', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: 'a21b547f2d8b9b38db4208e86f6d462a643e8fb3', class: {
+            } }, hAsync("div", { key: '167f4d34166d423a1ece6a4699ddf139e54f1c9f', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '156a1bfcfb46fecb6c73120927bae1788efd32a1', class: {
                 "duet-layout": true,
-                "duet-m-0": this.margin === "none",
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("section", { key: '542b565867aec7ff0736c6847e3e1760375daf5c', class: "duet-main" }, hAsync("slot", { key: 'bf878319707f25d3305e61ce8a3d9b4061b18d4f' })))));
+            } }, hAsync("section", { key: '4aa12807146fee156f174be8670802f0d79f9974', class: "duet-main" }, hAsync("slot", { key: 'b3fb02f84266a65c67156bef474f9f6f2531623f' }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSectionLayoutStyle0; }
@@ -15938,9 +15970,9 @@ class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (hAsync(Host, { key: 'a8c6768d6fd86592319c1ad2e5223a59a2be138f', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '18ecd687fd2a3d951a8910cca4a90aa73d239243', class: {
+        return (hAsync(Host, { key: '1014997f5cd5d7115313762e6ba18827e1a10f15', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '46afc61323d3dd569cd651a4720693cab08addfc', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: 'ede5d048662220a9ef915ff561823aef9f14f0e4', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: 'abb799417eb975033305e86b49a7c94d2e295465', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '3f2dd1fff15551bc6477b2d837d6174777f3497a', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: '77941a17559185e4068b39b3f72cce8d3059de99', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get style() { return DuetShapedImageStyle0; }
     static get cmpMeta() { return {
@@ -16048,12 +16080,12 @@ class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (hAsync(Host, { key: '3d096f18fbcc4cff02f201f2c065b56feaceb874' }, hAsync("div", { key: '99bd8d06faa921138031f41728d197eccabc8a9b', class: {
+        return (hAsync(Host, { key: 'f2ae77fcd733d57404b733d43ffb049d3503ecd0' }, hAsync("div", { key: 'a0a01d9f4ef3065ced4d4de652969744e6e1e227', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, hAsync("div", { key: '6dc1a29a0a0fdf48284af668e0a3800a54c7414d', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: '98d549c12cab0e82c0da5a93755943c7cdd7e020', class: { "slotted-content": true } }, hAsync("slot", { key: '88d8df19994904032fbd80b186b80df1ad5c04a1' }))), hAsync("duet-button", { key: '2d26e042783015ec2cf5aa6d43b05a64d1cac673', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, 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" }, this.open ? this.showLessLabel : this.showMoreLabel))));
+            } }, hAsync("div", { key: '8b799e3b59a456e4873357daa72313f0d29bffcf', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: 'e5e04fa045ab43f00086e8799f87ab2b57f0a13b', class: { "slotted-content": true } }, hAsync("slot", { key: 'ca94e5187354a6debb373955df2d046a9c9271a4' }))), hAsync("duet-button", { key: 'cb4a2fc05e0e917e157458f31c75efb92b0258c1', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, 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" }, this.open ? this.showLessLabel : this.showMoreLabel))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetShowMoreStyle0; }
@@ -16502,15 +16534,15 @@ class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (hAsync(Host, { key: '88684eeca3c2d0993e9df0926e243a336fdd92a1' }, hAsync("div", { key: 'ca9c8e8e4328049a64f33121bb958db863b6e0b8', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-overlay", { key: '8dc6d03b51c732ac868513ee80c923b3250595ec', onClick: this.bgOnClick, visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: '05407d5ce3cd0a99d4e26df046d9f83b4b8e07a9', 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: 'b133285a9f8082e26a3cb91adf9975db7b2d39c3' }, hAsync("div", { key: '66082dd9a38534a3a03518b962a12173dc5e8d51', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-overlay", { key: 'f5aea071c9b0dd8e3478466fac64d74e5a8b137e', onClick: this.bgOnClick, visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: '6d41981818265cbe3eb6ab711ee5aefe593cf8d6', 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,
-            }, style: styles }, hAsync(FocusGuard, { key: '8cb01fd8120627bcd639886ae7d6233d9b08e8b6', moveFocusTo: this.closeButton }), hAsync("div", { key: '2370e221ccbc3d408acbbf0ee6a03fad28e443d4', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '69189bd75f4b018e76fba05c6e610ca880741bb0', class: "top" }, hAsync("button", { key: '62ded799dcc6087171e5ea4073f34cc565097f91', 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: 'd469b01ae84bc9f2c064148b7820d7310ad60a49', moveFocusTo: this.closeButton }), hAsync("div", { key: '240e4b1276c42176866343c057ede222be046065', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '18bfdc09a33746c205d0e3ba164a9d7ec18d9901', class: "top" }, hAsync("button", { key: '47311364dd458561055b3f59b7bf391e92fcdab3', 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: 'e1bd07316366d09d49ea42d642d9fa4ac1b20767', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '0d1ec43ab54b2ca16880d552849000e0db14fe78', class: "sticky-header" }, hAsync("slot", { key: 'e86ccd4f468257d18b874be14d654685493f0f02', name: "sticky-header" }))), hAsync("div", { key: '7619e955e5292aa26cc195089516c8c1eefbcc6d', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: 'bf7abca5a1b60e78a0b3c7dce6d0920ee7cc304d', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'd9b04adb7db8c6e30c0de28c58003eb4ce9f6e73', class: "sticky-header" }, hAsync("slot", { key: '0e2a3aed3efff80773a2b48ba6977ad435a04d42', name: "sticky-header" }))), hAsync("div", { key: '56905d228e5f503ddda3303575c5e52f349503ea', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, hAsync("slot", { key: '977a423ed91d61da268dbba22fa4920a6b4febce' })), hAsync(FocusGuard, { key: '5b7c2df982e810d0e6ab3093ffce228e0a4c435e', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: 'fa8953a31231244b9e5539417dfc32619c3e23f4' })), hAsync(FocusGuard, { key: '2cfc0d16d1eb738dc3bced0653c9486191cc3732', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16575,7 +16607,7 @@ class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (hAsync(Host, { key: 'b832cca7ed377a76ec8d9143183c7372e350d638' }, hAsync("div", { key: 'efc13c835605f4db9b0aa5834b2228fb89978acc', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: 'a4e0267ea4b034d2efd5829caf0e63e320a84f75', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '9aeec3a4b303eba1e710eb507f9de2a6ad0b6cb3' }))));
+        return (hAsync(Host, { key: '26940a9efe3228ad051940cfb903980d683cf614' }, hAsync("div", { key: 'a031d990d2bf459e73678e682d1952e7225a67e7', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '7ff54cdd19c444cb9d8c8a67b5e563df53f13e0b', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '2c0a83341839a6953c176fd68882dbd05151948a' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLangStyle0; }
@@ -16619,12 +16651,12 @@ class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a28cb226d2a99a20bb467c357756e2c18cbb89e9' }, hAsync("a", { key: 'a0ff0473ac78ec679ca5aeb7812e93730340225e', class: {
+        return (hAsync(Host, { key: '09e56868e9109c72560a96db767efc154bce8e93' }, hAsync("a", { key: '06c5bf4091cd8d28c2ef09783da5ec924a598ae7', 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: '5f15da3846d0e66ee2fba545d3007455ba5d569a', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '12f98f82b672d208352a8655682af03b203f1f40', class: "label" }, hAsync("span", { key: '9c91eb6ede7be21f17ed1587e1ff5051bd670ab3' }, hAsync("slot", { key: '29819c368acb2787ac703e21675a98d243c07285' }), hAsync("slot", { key: '80397b73456e7963d4c276ca69cd07c9d85f814f', name: "description" })), this.caret && (hAsync("duet-icon", { key: '55ce9fab82642277d1246130397dc0c5c7248ed6', 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: 'd3649e9fdc0d46d249079e80015d31d0809283e7', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '21bc61aa08c8e259bef3845115c1d3def2b9528f', class: "label" }, hAsync("span", { key: '9d3c455f8776388201b9e263a3e8f9cfa4cf8cfd' }, hAsync("slot", { key: '05330b7c102e31a4e543713159048f747fcea958' }), hAsync("slot", { key: 'c63eab53cf753fb61ff69076b213c37f06e77f41', name: "description" })), this.caret && (hAsync("duet-icon", { key: '295ebf34531a451c1888310e6abbf8e97eff723f', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLinkStyle0; }
@@ -16783,21 +16815,21 @@ class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (hAsync(Host, { key: 'a5c1eec78534ae8db8761d48b76978ca2ded8e35' }, hAsync("div", { key: 'aa93bb12f4f97f9bbef331eb7cea1e931e65b7cc', class: {
+        return (hAsync(Host, { key: '70bd33cf81bea6e0e21a3acc777e62f9615c960c' }, hAsync("div", { key: '173d84b1e9630496dfd75f1d1788ceb258aa65dd', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: '5990bb80c52d510fce212b4cc8fad608739f8d42', 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: '8af158a56baed0c99a678a13c70679a2e37d4641', 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("duet-icon", { key: 'ea71530dd8a823272b2ea36de72dd21199dd445a', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '575f875b4d6f064432a97287d9e684cdf9b20669', class: "label" }, hAsync("span", { key: 'bebaf60d3c1fd76a4ec6dccc9323a1bbb9566694', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '5e6ac4f9f3bc0010630a09bf81994e04222501b1', name: "label" })), hAsync("duet-icon", { key: 'e076639dc902c33f9f0c42e53b3b2b752a9157f9', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: 'bf5b0f13572d5d9b9545df036812d02bce2620a1', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && hAsync("duet-icon", { key: 'ef8953eeeb735665fefc41627200a2939df9fc91', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '1e1ce042634306e70595feab772ea1986020dbe5', class: "label" }, hAsync("span", { key: 'b91e1f83f96194cad5fbccca121036d68667faad', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '6fe342d4f1cc5128f50bd68287713bf2b743bb1a', name: "label" })), hAsync("duet-icon", { key: '56091986d5dec8dca5ab057fc3bbd59ac5459bd7', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: 'f639893ab35cb5c6362f692cb909e734232dcb6f', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, hAsync(FocusGuard, { key: '541fecb5051d8b6806c5aa7b50326b1f46eeefe9', moveFocusTo: this.closeButton }), hAsync("div", { key: 'db0146241dce60a5cfc5bd3322639b513a015311', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '905caaacb647cf1c9dc9af4c03b69476653d1138', class: "top" }, hAsync("button", { key: '8ae12cbb18bcf43399b1ea04b24b07d70910edc7', 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: '44ead66ea6ff8418096d578f6a822357b186ac4d', moveFocusTo: this.closeButton }), hAsync("div", { key: 'b3de10fc0e5139011798a6f9dc45fda74e66f2a8', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'b25a3a1c91eb4daf74a5a43e6a38916b055e3e2b', class: "top" }, hAsync("button", { key: '9c898e5bc439ae96e4fa636f15d1e4c9880791bf', 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: '003116e8f89c352b9df846a570d1e422fac49a57', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '5005dc1a683188c01552fae3476249deda621e0f' }, this.label.innerHTML), hAsync("button", { key: 'bd452a3c82b967e03c8a0e3d02af9e1c3798597d', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '8ee0d03ef0e79382c30379f32d2d9a1a8d75402d', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'c3cef830db93ac7895786faa7b9a5d5d54c6e35e', class: "sticky-header" }, hAsync("slot", { key: '198f7584ed3a2694c1669a4378b93ddf7ddfea9d', name: "sticky-header" }))), hAsync("div", { key: '73b1becefc58307429e8cbf003376efda1817526', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, hAsync("duet-icon", { key: '647666d32da78fd122547b29b2d6366a74cac38d', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: 'c137000b706a49614251aab9978772f7f032c35b' }, this.label.innerHTML), hAsync("button", { key: 'f96fa6523e3cc9dda0142e2e79598be943ed14df', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '17e401b299082405fe58d6e2ebe0183e1480b1b4', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'e40d94664116f4e4ee26c9c9e85d0d98a807445e', class: "sticky-header" }, hAsync("slot", { key: 'f1d9bc10ab424bcebaf8c7d5ac28937df83fb988', name: "sticky-header" }))), hAsync("div", { key: '027b1f8a337474484867affa518ceb3f95984518', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, hAsync("slot", { key: '86e3442c8f251c91e30b3c9e279a2080106a3d84' })), hAsync(FocusGuard, { key: '4c88ff3bd62b5183cc5647c1874e10964b14b6be', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: '8b7aefc4d72e80a1e8b2f5095484d5680a1d96e1' })), hAsync(FocusGuard, { key: '542e145cc71bb24977c5e2a35fedaa2928c0fcd1', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16866,16 +16898,16 @@ class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '4dd2ace190b42dc603842e0a68bede86a0576849' }, hAsync("div", { key: '3bcae1d437eb66927c58c9d6394668f7e89b96c0', class: {
+        return (hAsync(Host, { key: 'fe4d5c5f27f9f4106de41db6681937d60bcb59c4' }, hAsync("div", { key: '284adde9302682c56b971fe73f7705f2fee91eb0', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: '0dc6a0b34fe49504c0a3d50e2d3bc5b46f0edf47', 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: 'ca4402750442dc3cfe434984c80381d1cdfd3b74', 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: '0210db38d3f9ddcfb8d06635554d6d59a655fdf9', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '4cd6d589071a450df12bad944193b1cb1ad884ce', class: "label" }, hAsync("slot", { key: '9426c6a0c178440bb061f2beab412bc89aaab672', name: "label" }), hAsync("duet-icon", { key: '1e1c91b9e194bc0e96b46659e469447ea8a189f2', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '05ac5933fa4af767dd52ac778b7a95a9fdf30a1c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: '34c2d5cf9bb779eec11f8852eb8c2bd279028baf', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '6834d3f1b9b057b877641b1f000065f8a4813250', class: "label" }, hAsync("slot", { key: 'f1856cf9b4ce8ca515babc2163da4ef36482e49e', name: "label" }), hAsync("duet-icon", { key: 'ae906904ed9255d48b47f705ea8653b65c76df90', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '071dc719524009f86906d4204464cdcd14aaa36c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '5d9e9507bb4d8ec3ce3dcc4101b9a1ff432af55a' })))));
+            } }, hAsync("slot", { key: '35141accc2735d157bf80d8c76346585fa47cff1' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutPanelDropdownStyle0; }
@@ -16910,7 +16942,7 @@ class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a1b6a9855c52785dc640ef0687b936220e386943', class: {
+        return (hAsync(Host, { key: 'e3fa9f7e7f3f55ab6819a10d50c42a54a172f3c3', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",
@@ -16961,11 +16993,11 @@ class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (hAsync(Host, { key: '6fc0f9fa723de55cc61a5d730b22703c4822e0cd', class: {
+        return (hAsync(Host, { key: 'aeea2098d956a68366b4671b449702d6f28c45a0', 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: '7a00a397a9d0ef913cb644f458cf5d79d1db49d3', class: {
+            } }, hAsync("div", { key: '2073bfea9ac6ef08ff83f350bd0984f0aeda883a', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));
@@ -17197,7 +17229,7 @@ class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'd8aa897bf6b424b99b07e4a91b9e8cf7488a7e71', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '26ea48b5571e3fd4c931ce5b257b7fff3dc6dcf9', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'cf606e1120808187c6a670aab837b54b97096af1', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: '74b2e7ac6dd883d11763974c1f0f962c1e2b2cb8' }))));
+        return (hAsync(Host, { key: 'f9004c43445eb7a88448511b9d940b66f9de4c70', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '80977e593bd91142216f4485cd05fd00166874d6', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: '7eb30a7ae2c00676571f99679fac2bf89ef1c180', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: '5510415c2d52a2e2a1f06e1ccaa153cc2b50bf2e' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17342,19 +17374,19 @@ class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '46b42aaf1cf7b5948285be8b8fada1fbb895c29c' }, hAsync("nav", { key: '24fb21f0c3223068128475fee9e711c407c6cc42', class: {
+        return (hAsync(Host, { key: 'fec25f6c8b5983923f591d756decc5ae3404de5e' }, hAsync("nav", { key: '6f812f5da82df3218d6de29f655d2596ed865a4d', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: 'fdae5917434838629bea146c0fecd71d6eba5a49', 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: '5e8ab90a4e09dbd7746b1405d3ea92615a439dd7', 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: '741ee52c89789d6f29807af0318e7ad3ce387ea2', class: "label" }, hAsync("slot", { key: 'cc032638072e4bf611fa6f90f4e87a06d6d62011', name: "label" }), hAsync("duet-icon", { key: 'e5d275e6378ca608e4770cf01548db63c53fc921', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: '4b3528bc077697f379eee779e85cbd8a0ddb407e', class: {
+            }, onClick: this.onClick }, hAsync("span", { key: '1f2ed95c73d93faf4ba71d7984e00488137250d1', class: "label" }, hAsync("slot", { key: '5ca819d2a6f97bb4c9e75f2ea024187f76af67e2', name: "label" }), hAsync("duet-icon", { key: '3b1a4bcac49bec29f344a38e5f743aaeb63f59a0', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: '01e35b212a44a4bb39a8fd5cc5a694b94dcb1ccb', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, hAsync("div", { key: '22d201c917df952f74c4ce0f28786cfca78c6e5c', 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: '5f94254c66db242ce904ddfd963f6dbe7f4337b6', 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: 'c602c78831309546c9e825b1b7b77fc92dc3f0fa', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '0a329fa6a2e485a50588f108544dfe414480a3b6' }), hAsync("div", { key: 'cbe81c72e9210a0384d82a5a827a54edf890f020', class: "list-padding" }))), hAsync("duet-overlay", { key: 'e802c1912aa5dc34d0dbf0e265190fc7ba27a1d3', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: 'be03e176ea88bf9b83e506a67470747a4f30b9ee', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '1ba101226680d98cffade2702cbe6f6c40432146' }), hAsync("div", { key: 'c51c2e13e3f5a24edf28dba162ee0602666ca1f9', class: "list-padding" }))), hAsync("duet-overlay", { key: '5b93e09b26a80acce10526710c818c0017d74627', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17475,18 +17507,18 @@ class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '361b820b8f227befb95bc64b87c761c2d0396a4f', role: "listitem" }, hAsync("div", { key: '53210cb90b3d5e714d1d8e30cca928b9ca22e416', class: {
+        return (hAsync(Host, { key: 'b3ceba0158daeda5a08cdbb24998e6a5621a3703', role: "listitem" }, hAsync("div", { key: '7151474e27716eb431d4e91c40df63183b3a7aa3', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, hAsync("button", { key: '2df474dfe088be14b042114456474c876f4b61a0', 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: '5c52390b4c51542e2f964c334678b69bbd579520', 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: '89d102ebae36a02c887f3824fffaa4271590d92a', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '31866b710f3df48bfb0aa0dcff165e617e8cc327', class: "label" }, hAsync("span", { key: '193d3e662d773b7ce3bc8e67265469fb254d8f1f', class: "label-text" }, hAsync("slot", { key: 'a1c2a3a7d385a99ad697244ea8ff303bc9f62d34', name: "label" })), hAsync("duet-icon", { key: '7190348fc2dd0ea59e407be5b60de9476a349594', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'c0cad51034312dcdb9ff9ca435f9091ae9ecfc55', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'b54bb41ddf9a8743c91ca00b851f278ed01be2d3', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '5e48f0afd254dc828b65347ed8b9503a258cf2fa', class: "label" }, hAsync("span", { key: '11e104876c90fb056e2ec497e48a8ab634bcaf90', class: "label-text" }, hAsync("slot", { key: 'a5eba5494cfa87a94cfa0f7a6b9614f5e84127e5', name: "label" })), hAsync("duet-icon", { key: '954b21321b8f10dda0da3e8b049157bd6ac52b49', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'f2cbdcc7f153986c5d76351fb27070eb233cf68c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'e53f34efca52841432dd37b703f1ffdaa68eb940' })))));
+            } }, hAsync("slot", { key: '4e14b8e2e6c20c4fa8e9e90b34047a6a790ff5e6' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownStyle0; }
@@ -17538,12 +17570,12 @@ class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '64c7a859f5b865bc0308445b9d0156156837fe49' }, hAsync("a", { key: 'c44943bce8c5a15f3ede97c010eff57f7f7941c7', class: {
+        return (hAsync(Host, { key: 'f80ee91cccb915e476e1f572f9656985c2028978' }, hAsync("a", { key: '8a53200290262940ac11346d9d7526afed459893', 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: '83939de1b509ebcfc60714398b51dcaf374d6b30', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: 'ce3588496af8ffac960897c667027edd97ae5e65', class: "label-container" }, hAsync("span", { key: '752537ca0a31718f20089bb9804ba19b20c0c443', class: "label" }, hAsync("slot", { key: '16331721c331936cb46311d02038526b00b7bcac' })), this.caret && hAsync("duet-icon", { key: 'ac8613eceb672049fc7d6c05c51e2216d93b61df', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: 'f18ca26aca59468eac301dd11a1f13a0c77aaa31', 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: '006a4ba73b60083703dbcc084263b8a721c320d7', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: '9450f9f49041afd67cd79bf8c9b3ea0094cef6ce', class: "label-container" }, hAsync("span", { key: 'f0e0d4882fd97aeb7c33c29e68be8c4ee40302f8', class: "label" }, hAsync("slot", { key: 'a72b1bcc2fcd65022d09fea90b1c7c957e54ffb5' })), this.caret && hAsync("duet-icon", { key: '795f6f318bde5239cf79fa96a4a915e42032e5d1', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: 'd79f93df8837c4e201869a960f8f7a53783b7852', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownLinkStyle0; }
@@ -17605,7 +17637,7 @@ class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (hAsync(Host, { key: '0e1724544b134f6de86d56dd739a9635f337e717', role: "listitem" }, hAsync(TagName, { key: '6f04e57ea3e9bf27a1967283e2375a281d675529', 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.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role }, this.leadingIcon && (hAsync("duet-icon", { key: 'e1b98f949d70182538731d1d7f07bd961fd79836', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'af220f398f6bdc969c4de91c5bdf03cb814631f0', class: "label" }, hAsync("span", { key: '6b376bcca90ac606bd44f4dc04026d8eda710004', class: "label-text" }, hAsync("slot", { key: 'cec40ee0c2ca47ee02e3b0ede33d41d8a0e6d797' })), this.trailingIcon && (hAsync("duet-icon", { key: '243fd913a9c6d73489e2d1bcfa60566fa72bfcf6', class: {
+        return (hAsync(Host, { key: '235d62294980430d719692b42954af6eacd305e8', role: "listitem" }, hAsync(TagName, { key: 'e847552fc82cf3ea6c8ca1dd11e2dc3fd8593f3e', 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.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role }, this.leadingIcon && (hAsync("duet-icon", { key: '4a084254a6ee575e72d98fc83203e34d24dfdab3', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '480d23a3ddeab5d0359f95e51ea8ce7f4c893aa4', class: "label" }, hAsync("span", { key: '72936339ba118cad5aaccb094d4c727e2bbf5b4f', class: "label-text" }, hAsync("slot", { key: 'a1009b487801d8be2c9a103f8e7ec4cc8c3f48eb' })), this.trailingIcon && (hAsync("duet-icon", { key: '7c92ee5886afdb53c6c750e27b0a86976f87cbbf', class: {
                 "trailing-icon": true,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
@@ -17662,7 +17694,7 @@ class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'ab3dd8345454b3f0c20458f6302dffaaee6cc002', role: "listitem" }, hAsync("a", { key: 'bcc31509ceddcef3f2c3c58e29c5b108eb8b432f', 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: 'f5d87725bdb14e435d6d4b04ef0c84b1de5d1a3e', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: 'f24d079552fa8ce924d8dd3125afe01bbd331ab5', class: "label" }, hAsync("slot", { key: '669772430086a3f897f68ab40b5703a75e631f3a' })))));
+        return (hAsync(Host, { key: '51e5c82b88f45b2a32b9007c1cba3c28bebb0f76', role: "listitem" }, hAsync("a", { key: '777ef8ad98f32b4be821e576e7085b767e2c80ac', 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: 'eb80ccc57229a8a448d32e17695c7f573805f967', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '3dc063ad2c8b8fb92d1d292205dcf5ea82889b4f', class: "label" }, hAsync("slot", { key: '2274f12f2198558e45a4b79c828c06cf9bb7f1c0' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarLinkStyle0; }
@@ -18011,27 +18043,27 @@ class DuetTabGroup {
     render() {
         const variationClass = this.variation === "plain-scrolling" ? "duet-tab-variation-plain" : `duet-tab-variation-${this.variation}`;
         const isSwipeScrollable = this.variation === "checked" || this.variation === "plain-scrolling";
-        return (hAsync("div", { key: 'a09d023095d80f1984c13102ed5f85594d0c2e54', class: {
+        return (hAsync("div", { key: 'ebe04fec966d8b545c6efd5b34b43551fc2ad1d3', 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": this.scrolls,
                 "duet-tab-group-collapses": this.collapses,
-            }, "aria-label": this.accessibleLabel }, !isSwipeScrollable && this.tabs.length > 3 && this.collapses && (hAsync("duet-select", { key: '6d5a053f2a39b2e5042fa199b50ef6dfcb2e8395', value: this.selected.toString(), expand: true, label: this.label, labelHidden: this.labelHidden, theme: this.theme, onDuetChange: event => this.onTabSelect(Number(event.detail.value)), items: this.tabs.map((tab, index) => {
+            }, "aria-label": this.accessibleLabel }, !isSwipeScrollable && this.tabs.length > 3 && this.collapses && (hAsync("duet-select", { key: '2f5a55d27e5e0483129fd2bdc8aa0cc7bb641a8f', value: this.selected.toString(), expand: true, label: this.label, labelHidden: this.labelHidden, theme: this.theme, onDuetChange: event => this.onTabSelect(Number(event.detail.value)), items: this.tabs.map((tab, index) => {
                 return { label: tab.label, value: index.toString() };
-            }) })), hAsync("div", { key: 'c314e15b44bfec35a9dce7f0b3343adb2560eb1e', role: "tablist", class: {
+            }) })), hAsync("div", { key: '05b06b0a5fcaa80f09e8d0550e5a9af194d397dc', 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,
                 "duet-tab-group-collapses": this.collapses,
             }, ref: el => {
                 this.tabsContainer = el;
-            } }, this.renderTab()), hAsync("div", { key: 'a05213a66ee2ac2103eeb887312551edde85914c', class: {
+            } }, this.renderTab()), hAsync("div", { key: '66d70f586ee16b2b6be97013971fdb0a320d34c0', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, hAsync("slot", { key: '4e1231a85f36bf98be1d5ab1054e031dd2b4b814' }))));
+            } }, hAsync("slot", { key: 'c18fde90ff76c6f71fbeae6a2d04a193cb64917f' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTabGroupStyle0; }
@@ -18135,7 +18167,7 @@ class DuetTable {
         }
     }
     render() {
-        return (hAsync(Host, { key: '0ba86b55e9fd8e291fc94aad48b312107970d243', class: {
+        return (hAsync(Host, { key: 'b3ed604b2b5f0b8e31f7b90abc64693662bfef3d', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -18144,7 +18176,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: '886e2b664a351ba71a333ee8c256ed02465b0114' })));
+            } }, hAsync("slot", { key: '29df6d3c640fbf3a7fa51b73323c3628246d3095' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18335,17 +18367,17 @@ class DuetTextarea {
      */
     render() {
         const identifier = this.identifier || this.textareaId;
-        return (hAsync(Host, { key: '95fd5e5a71db0cbdbdb4e4f51c031eb38e98eb20', class: {
+        return (hAsync(Host, { key: 'c3b31db31b22c40183466910b4762d2476cd3b4b', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-has-counter": this.counter && !this.error,
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: '417ef9e56fbc4667adfcddd29e709b86b3c29496', class: {
+            } }, hAsync("div", { key: 'fb7b1f655a8d8519ad38cf110ef4d0aac5e0dbd5', 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("duet-label", { key: 'c970faa68895f7c718c3461ff56b36ba51ca2b39', 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: 'e819a4b2a028a99b64c2065f4c9f6029600d2acb', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: '3ec4fdbb3f16f533c56b73d7f9c435345f4ce0ce', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'ac0b106adb6889cb8eb4878fb26f4e8e2dda7188', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { key: '7214df64bab9dce0d99d3ff2a96ff2e010d2fb83', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: 'ff3814fd43da859de1cf2269bf6e2b55cc34fd9c', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { key: '56f4f30b7d7ee1407aefe788835ada1305f7bcf9', 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: '622cfa8317fe37f645b1180c6ad35f59b8351fa4', alignment: "stretch" }, hAsync("duet-grid-item", { key: '9a1ef5419a5f72b2d23986eef1681b547067c5f4', margin: "none", fill: true }, hAsync("div", { key: 'd7e0dcd97261a2ee0744b19efb5c6f78ab6b2a9f', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'e1673fe8bdc7e4560a701074a103b0ef8f6fd5f8' }, this.error))), hAsync("duet-grid-item", { key: '8be9f6e9ca8afbe0734c4a366d4a7c43fdc01cdb', margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { key: '853baf2df8a6816d1af92476a4af383e5d656ea2', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { key: '9f13bfdda388bd779ebad2bcbd33058f3242f79c', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
+            } }, hAsync("duet-label", { key: 'ca8b81cd836c5b413d7ef2efd8d0e20d88677709', 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: '509fbb9ca662d38fa8f3d66013459141592c04bd', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: 'e90c6afcf38a563122b32c71d2b8a74c9df980dc', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '9bb362d665f0cf1898ebf380b4989d3f65f14371', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { key: '601f1bea634594d73b983373107c175a76c1100a', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: 'e9a43999996749d5d172eacfaa42597ba5dbb7fe', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { key: '505944e9722ecc367ee4f395132c39b367af7a31', 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: '2a9345c695c8f798c88444446c7fe3a4d6073b3f', alignment: "stretch" }, hAsync("duet-grid-item", { key: '603a4279b24566e2bf0f52bbc6f5106a92f1fccf', margin: "none", fill: true }, hAsync("div", { key: 'c7dc521f37c36b761ed4fc78150efe59c1fb98fb', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '11f69f46dc6822dc9942f64056310c8eac7a2861' }, this.error))), hAsync("duet-grid-item", { key: 'b7dcc318f6911b52a959c2162980272260419b1d', margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { key: '590c05e0b251e46af19c479733281a0b8b7a2fa1', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { key: 'c279b238edfcc355fb7243bed0afa94b544661e8', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
                 this.hiddenCounterLabel = el;
             } })))));
     }
@@ -18546,11 +18578,11 @@ class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: 'eefe1ccb55e157002c987d984645204ef1180dbe' }, hAsync("nav", { key: '62efd79c042a659c4bbee9f62a61d22218c4e79b', class: {
+        return (hAsync(Host, { key: '6ea0ca6e03a956c5c11e6b6b67802a8344e6f3d8' }, hAsync("nav", { key: '8937fd46b558b273ee838a47b14b9810c074829d', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '45c6853e0ddbbd7d4e108dcd1a953cb3ec56f0e8', class: "container" }, hAsync("div", { key: 'a842d519cb078cba8b4aca675ff55d3b2320e303', class: "list", role: "list" }, hAsync("slot", { key: '7d034eb78a40ca22aeb9a6450d0fb70d418d03d9', name: "left" })), hAsync("div", { key: '94a6e0def0e7d556721247f576605dc2fa0ccf1f', class: "list", role: "list" }, hAsync("slot", { key: '3c7c48e9959fa7fc27577c89723f72d022c0a663', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'c8aa7075e8ab33484f13a8ef7ac8b2127b30ffe2', class: "container" }, hAsync("div", { key: '76d2daf0e82846945f3510cbc21fc26e8d29936c', class: "list", role: "list" }, hAsync("slot", { key: '12bced2c765270ea94a844b9c68d993e9d43f245', name: "left" })), hAsync("div", { key: 'fed6a6058becea2b85d0131488e212967ee9530f', class: "list", role: "list" }, hAsync("slot", { key: 'e51cf22766660164cbd150a6203d8e55929dd40c', name: "right" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarStyle0; }
@@ -18618,18 +18650,18 @@ class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: 'c896db9b3ac2a4d10e400e67b7f31b6ecacb3737', role: "listitem" }, hAsync("div", { key: '7f55d5535230767d71071a62c58f6754e8cafc1f', class: {
+        return (hAsync(Host, { key: '71c0427eecb0676263c35bff4557210701d27e6f', role: "listitem" }, hAsync("div", { key: 'a5038335629483dcf2d049129ebfed49eae6a457', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, hAsync("button", { key: 'ce96d8220ea871a3ab72bf615107174f6c0802e8', 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: '5be6ce290e94c6e03c8c49336f4ef50e4283a92a', 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: '11582ddf116e08da6aa3ba54ccc2db6e4a395abb', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '74d8a298238f17ab10bc16d0073aeb0104699047', class: "label" }, hAsync("slot", { key: '8df1bb703f76b2ef0460055c037bcfc4e842d10b', name: "label" }), hAsync("duet-icon", { key: 'acfa3f2f7862089008f8d8b2eba95bb6dfef3aa0', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '718e2a52bf0c3579a1094991f83f2b9fd6e8491c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'e4e5076e21a084d205cb550946f6a7914911a4e9', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '4a79cbc7d59d30c5f763050c44c61c03ae502e74', class: "label" }, hAsync("slot", { key: 'adecb2560eba25c9bdb1872fedc29c6b98c4d343', name: "label" }), hAsync("duet-icon", { key: 'ef92b887f19bd4145ae89b3d6ab05be6c3b2fcd0', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '61bb1eff472548331aab26b636fb4606fbc982f7', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'ececcbe7ad87bdc55995ce8db36d464f47fefbf9' })))));
+            } }, hAsync("slot", { key: 'bdbb39527038baf411f9f4770cf594bdb3e86378' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownStyle0; }
@@ -18682,11 +18714,11 @@ class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'd363a198149fd9a4c08eb181eaa1056d18c0898a' }, hAsync("a", { key: '99aad91124922259990a94a28be6e94622eea6c5', class: {
+        return (hAsync(Host, { key: '1c874f9ed81beb0ee19f1675e95dffd0a193e2ce' }, hAsync("a", { key: '8b04559cb61b8c25ecfd1511cc07de5a260f70bf', 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: '8eb9410146ab81b0cf902afb892e67f693a10be3', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '780d2b204def16a761608214698d0486905e7c3f', class: "label" }, hAsync("slot", { key: 'bd1aba77300442cf2d08d04221e8b7a44c93d168' })), this.active && (hAsync("duet-icon", { key: '26f6d4384f221713f8dc3b58945a77cecd2b746d', 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: 'c58dd6c5edc6a41fe20c73876cbe5637b9d389ba', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '93d7b57557f9999e2a790a94407e098a3b43350f', class: "label" }, hAsync("slot", { key: '3ef98fd8e64aebc17df819a375c2e38207ccf3aa' })), this.active && (hAsync("duet-icon", { key: 'a77c71f91778c5e70c0c23decc3ea9e23168422d', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownLinkStyle0; }
@@ -18748,12 +18780,12 @@ class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: 'be0a9608c45623e976d79e193f6f4255fad2812d', role: "listitem" }, hAsync(TagName, { key: 'baeb9d0e203b2fc97983530d798121d4df7e9b7b', ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: '908f975e881c8970ba45c0642b3390dfd7589f19', role: "listitem" }, hAsync(TagName, { key: 'b374d84a34a1219cdd56ab4955cf19ba363540bc', 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.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: 'c77109ca570f1c6da5e3aef5a71a3c708d8962e9', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'e020d036269f7847cbd20c879c4d2267f312f6e3' }), this.trailingIcon && (hAsync("duet-icon", { key: '00d90da73a2063c9990fd93f4aa0c613a7d0f52f', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '98e109ae48826ed28f9de9f2318e4498c71ddcaf', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '53104daf6c306c9a09771e266100ded5ac4596fc' }), this.trailingIcon && (hAsync("duet-icon", { key: '5df62f15ed1c718bec00adbfa2be048683446520', class: {
                 "trailing-icon": true,
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
             }, theme: this.theme, name: this.trailingIcon, margin: "none", size: this.trailingIcon === "action-arrow-down-small" ? "xxx-small" : "x-small", color: "currentColor" })))));
@@ -18806,12 +18838,12 @@ class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: '258aa71d94e0e3959eef224ab891ceb4db3886ad', role: "listitem" }, hAsync("a", { key: 'e3557495157f9c6212582f47cf027f1f8389d7e9', class: {
+        return (hAsync(Host, { key: '694d29ef22d448dab54882fe7134fbd1ad312807', role: "listitem" }, hAsync("a", { key: '1b15f80ca9ca005e38270486f35d54e24ed9d1d7', 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: '28195a63fb2020c70155284152086fa6fd4be0a1', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '85fdc84a09716bf992dbb7325b9677ed74fec706' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '0c59b1eb514f11e97ae11551086d601eda908397', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '0686a4460ff9e29ed306e60e92312e4d26e9749b' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarLinkStyle0; }
@@ -19065,11 +19097,11 @@ class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '4be97c3001005d18be45efe72c3b80bab321580f' }, hAsync("button", { key: '610f35f05d9c3caac636aa3d32dfda78df0a41be', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (hAsync(Host, { key: 'efa80105fab1c39e1494f3bfc1de5296147b2627' }, hAsync("button", { key: 'f9cb29eb9d8de7c648f1352e05646ae6dbbfabfa', 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",
-            } }, hAsync("svg", { key: 'c8c4071751aaed98f301674b9dd26d5e1ed67033', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'beb7762d011e678668b723c8c362ad6fe09a7e71', 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: '2e18209c0945b8bbed7132d7c58e6987d195f936', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: '0d2299a6de3f42d32be3268c9efeca24fea9f7b4', 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: 'e8505f0be91fa2bf49fefbdd415a5f42dc7b5212', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '414c12df66406a3ad2b2980b3ae3df69b6824113', 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: '0faf277a23d1d335b7bc294bfd4716c71e2d8e9d', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: '3493b88ce899857eac5d99a9d7738d49de377308', 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; }
@@ -19136,11 +19168,11 @@ class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (hAsync(Host, { key: '5937d404a3288b6afe2b9c8e1d47147e96eef933' }, hAsync("div", { key: 'bc2694a70963dabcaddce627d1abfe51dc36ebac', class: {
+        return (hAsync(Host, { key: 'dd9c74d0d1cc665bc19371525c8f0e34bbf3cf8b' }, hAsync("div", { key: '7267d10766b72402661236f995f5a97d46c23c52', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, hAsync(FocusGuard, { key: '461ee4e709c80fae34d04f2bba0fd60e6305f594', moveFocusTo: this.buttonEl }), hAsync("div", { key: '47e8f609387722060e93fc37558a219c2bad2ed6', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '64350c3d73d2560711890254d8be979f07c27f1b' })), hAsync("div", { key: '0544215577fd0b4e6be97eadcbad8f58114ffb38', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '1076a224b4a4f9d455271245e7bd879689a96bf4', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: 'bf275bd1c1597e42ab29ce57338a37e8ff534bfc', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: 'e06529abd6465f5e65f57f85ba2392c1df82d59f', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: '43cabf152e52e237b886642e66a30875973fac6f' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '47ef9a81ce996efe8d52d06f36799c5a4f3b26cc', moveFocusTo: this.contentEl }))));
+            } }, hAsync(FocusGuard, { key: 'dce0d22d8078fa456e02a73b91166a822a3a5c14', moveFocusTo: this.buttonEl }), hAsync("div", { key: 'b00e807866589a3b23d8df3bd0544a6d8174736a', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '87e590edcc68e65af17e5dfcc950395b02397b8a' })), hAsync("div", { key: '15c29c70a6d455c3e72a057bf4c39735b3125f0f', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '24b1ffb0c4e1fc0d13d0767af14bf0489e301384', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: 'e442b3e6601ea6dd4e3c13aaabfac5bdc19f0700', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: '317ce79e24d62bf4fb04818075ac66dded5efe1a', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: 'ab36a28b7e0e72e77e38d0dfe4a4010e34c7f37a' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '957fd21d8182f67c90212865356b3e8e1f7f2e80', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipPopupStyle0; }
@@ -19248,14 +19280,14 @@ class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '422e3ef16e6442e5e64ddeb7cf159aba8480bb0c', class: {
+        return (hAsync("div", { key: '13bd39115bce0b912b02ba3bea98630e5b59f5a1', 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: '2a123be4ba03f0ca7097365d9d28501f3e55dfb1', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '170a493490fc917470b22039d4d9205c4925ad48' })), this.hasAdditionalContent && (hAsync(Fragment, { key: '398d11e06e1f271c565170e15ecb307741e1d9c5' }, hAsync("button", { key: 'ee94b64530befedfd2d8388fd4ad18d49f32e1f3', "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: 'af7c543c625487955c4c06b3904ace9e0042bcc1', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '4800b309084526993db20f4e98b9ecd45e6831d0' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '7cd6e21a5665066901ea37827c47e5569bc9ff5e', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'a8912419d82f6acb7eb4e8c4de5a3b083ab059cb', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '9de06515af6bd91e8b82b45e7dfec1ead9b8092d', name: "additional" })))))));
+            } }, hAsync("div", { key: '62b6ccc2d61862c864bdb1b1df1335c293df25b6', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: 'f3ceb53ff7070c68575b652e7f319c0e026ab558' })), this.hasAdditionalContent && (hAsync(Fragment, { key: '2e8c7514a2690495709d1df955bcf6cd9ed488c8' }, hAsync("button", { key: 'd801cfaad3368a06de1c66c062926cbb5a20ef6a', "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: '400d87022ceb93037233d751bcf37a1f71c141a5', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '5b869593b8143e03b6cd70aff5a2cc00d6f74311' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '60be918ec73ac961785128be2940c1caea1ba62f', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: '2fb56e0a871d2aaeaf3463d37b1b7e1d077adbb7', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '92ed88e9db8b97bbba2b8721dbc9dce86b35a8c9', name: "additional" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTrayStyle0; }
@@ -20371,10 +20403,10 @@ class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (hAsync(Host, { key: '1fffd7c0a260c23f1c330eb08b9fdfc30f37a9a1', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: 'e197c24d5a1632aaaac794a4e1d77907966e03a0', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: '4b8f19faef9a6ddf6985f4a6d74fa53f5b495c41', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: 'c85f948d069554ecd23262b6aafa29a2ea9fccc3', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: 'ba5bc112450715996ddc1eecc729285319f9297b', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: 'b76d9a2f51f0bd1439acd7cb30a238cead9ffe1f', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: '568e8e06757a0e08e14716e69861e3f233cbf2c4', 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: '534c6bd31b64a7e3352b4ab57d9c2d74f8b585b5', name: "filefooter" }), hAsync("slot", { key: '53d1caf7a4725aae80ed9734db2a9ca76888128d', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: 'dbf302852c9f56952e4c510a73884f6aa57c63bb', margin: "none", size: "small" }, hAsync("div", { key: '5c042c4a5ec8ba2338e5f59f41829a0bf09def86', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: '3a882d40064790a16af1f6b503da0dc281df31db', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: '7d15d7e6e7fff5286c4b39506ab45d4afb1a46b0' }, hAsync("duet-spacer", { key: '9c10df439e588302c1d9141cd74e06b55a13aacc', size: "large" }), hAsync("duet-button", { key: '32abaa4a27ad8ff0833fec5df3eb84c91a53571b', 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: '0928fe31d31d2ec7481d2d183030d0ca5d1947ef', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '2c93b996af34d507e34e023448f0c1e4549a880d', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: '3bb648923cccffaa69e98860d83872f73916163e', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: '234af7db63e4a6a80b7377fa9f10119dceafeea5', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: '0f19455051783737acd9e1bc63e6110769259e03', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: 'da0921ac4e50a44e73754896b764ae09006b3108', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: '628029484dce4779a873ec34178db780b1c2d6c8', 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: '26e663f865b1cbdf0ba90075874e802de9305004', name: "filefooter" }), hAsync("slot", { key: '6b916ac61c96bf8bca9538028970758dd4e4b5b5', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: 'c20ad82bc20844b36bebfa2992b6cac433cccf09', margin: "none", size: "small" }, hAsync("div", { key: '4889907ac986c5f36a946c9f3d04c9a6821e7e4f', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: '995c37faba55c6bc4b08b36aae53fce3a94cfd7d', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: '99f5276b9cef93ba5d427fc0d2074acb97902c39' }, hAsync("duet-spacer", { key: '35fcdf7b38b7378541215a124a08c533d41b5f8b', size: "large" }), hAsync("duet-button", { key: '310afacbfe68294b874e78c69a8a1dc8c5386681', 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: '714dc5703ac4d5e3238fca2691c2608f40a8c381' }, hAsync("duet-spacer", { key: '532a4bee3077d383db9ef6f7968593e09c1cf503', size: "medium" }), hAsync("duet-alert", { key: 'd233e8abac003d1e9cea525b7ec2868fe5365cd8', 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: 'd7291fd3058c60bc3799b54c936ae85135c9f855', "aria-hidden": "true" }, hAsync("input", { key: '8b8cf4a76f5da959a5ab9b15bf6c6fa0fd8b594d', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (hAsync(Fragment, { key: '71f40749e207e7619be153e162dd06f86e594e74' }, hAsync("duet-spacer", { key: 'c1b60f29904f00337d6a5fb5a27c264cda066af3', size: "medium" }), hAsync("duet-alert", { key: 'f531e160c81ff5d39a4d1a7ceb212df79f87f247', 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: 'eaf2283056f5c33fc56a2df78c6e0889c2f5858c', "aria-hidden": "true" }, hAsync("input", { key: '832fa6c617a6316638d9cfffad7c90bc34612deb', 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,
@@ -20695,7 +20727,7 @@ class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '86d09688da162133dae76983bbfc285abf03ec4b', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '22fb5bc7a884e3d9b63f68b6720cdf9550418082' }, this.statusMessage)));
+        return (hAsync(Host, { key: '28cd5bb1f92c9b403b91c6abf2cbedb12415069f', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: 'fbc14d38d44e631ace4e2e9c2f6b4b79119c36fd' }, this.statusMessage)));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -20874,9 +20906,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: 'fb59de9f051f5c07b1725da1567d02e2263b9b23', class: {
+        return (hAsync("div", { key: '6068d22652581c24a76529c17789f273ef783fe5', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (hAsync("div", { key: '2992abb219ae6b03030e64abdf45a6f20af9bfcb', class: "item-categories" }, hAsync("duet-heading", { key: 'c51d5ed86bab23762341d97ec487eaca59d55bc7', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: 'edecc00f4e1983952dedd91843caf0f33ccb27b4', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '0d4193a3f169ab02c5231348d42611519c5fcd36', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: 'c252b1fa3e6c563dde5bb737d033189554b5f291', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (hAsync("div", { key: 'bcb47afffee8efb622819a52f7ba10463c5e328f', class: "item-categories" }, hAsync("duet-heading", { key: '021af13718fefc9993bcaa88de91dbfb21297339', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '040671e2048b29b787ac9b479e1c8eb025c8e7d9', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: 'bd2ac730e76d30ada414f82940529f25c5d49227', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '6a9d59dfa89eb36625d54238b0e2dd1e30853b34', 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) }));
         }))));
     }
@@ -20917,7 +20949,7 @@ class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '1a63587b9972cddb552468bea28f8146b8d302df', class: "duet-visually-hidden" }, hAsync("slot", { key: 'a3e8c6847caa94f67d82569bc769a6397ccc8c56' })));
+        return (hAsync(Host, { key: '75782b03708912eba3e0d42dc1d48cc33d81a01a', class: "duet-visually-hidden" }, hAsync("slot", { key: '5e1d99058a2a17144777554316c1b03c22d1b283' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetVisuallyHiddenStyle0; }